@media(max-width:1000px) {
	.navbar .navbar-collapse.collapsing {
		height: auto !important;
	}

	.navbar .lateral-left {
		display: none;
		animation: slide-out-left 200ms ease-in-out backwards;
	}

	.navbar .lateral-left.show {
		display: block !important;
		animation: slide-in-left 500ms ease-in-out forwards;
		transform-origin: top center;
	}

	.navbar .lateral-right {
		right: -100%;
		animation: slide-out-right 200ms forwards;
	}

	.navbar .lateral-right.open {
		animation: slide-in-right 500ms forwards;
	}

	.navbar .navbar-collapse {
		top: 0px;
		bottom: 0px;
		position: fixed;
		width: 100%;
		max-width: 100%;
		left: 0;
		height: auto !important;

		/* Optional styling */
		background: #fff;
		padding: 15px 30px;
		top: 95px;
	}

	.navbar .lateral-left.show,
	.navbar .lateral-right.show {
		visibility: visible !important;
		overflow-y: auto;

	}

	#toggleButton {
		padding: 0;
		border: 0;
		font-size: 34px;
	}

	#toggleButton i {
		transition: opacity 0.3s ease-in-out;
		animation: slide-in-left 700ms ease-in-out forwards;
	}

	#toggleButton i.hidden {
		opacity: 0;
		display: none;
	}

	/* .navbar .collapse:not(.show) {
      visibility: hidden !important;
      display: unset !important;
  } */
	.navbar .mobile-nav-overly {
		width: 100%;
		height: 100%;
		z-index: -1;
		top: 0;
		left: 0;
		position: fixed;
		background: #ffffff;
		overflow: hidden;
		display: block;
		animation: slide-in-left 900ms ease-in-out forwards;
		transform-origin: top center;
	}

	.navbar .mobile-nav-overly.hidden {
		display: none;
		animation: slide-out-left 200ms ease-in-out backwards;
	}

}

.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none !important;
}

.navbar .bi {
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background: transparent;
	color: #000 !important;
}


@keyframes slide-in-left {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes slide-out-left {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes slide-in-right {
	0% {
		right: -100%;
	}

	100% {
		right: 0px;
	}
}

@keyframes slide-out-right {
	0% {
		right: 0px;
	}

	100% {
		right: -100%;
	}
}


.bg-white {
	background-color: #fff !important;
}

.navbar {
	padding: 20px 0 !important;
}

/* Sticky header */
.header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	transition: top 0.3s;
}

/* 
.header.hidden {
 top: -100px; 
} */

@media (min-width: 1000px) {
	.navbar .dropdown .dropdown-menu {
		display: block;
		position: absolute;
		right: unset;
        top: calc(100% + 33px);
		margin: 0;
		padding: 0;
		z-index: 99;
		opacity: 0;
		border: none !important;
		visibility: hidden;
		background: #fff !important;
		box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
		transition: 0.3s;
		border-radius: 0;
	}

	.navbar .dropdown:hover>.dropdown-menu {
		opacity: 1;
		top: 100%;
		visibility: visible;
	}

}

.dropdown-toggle::after {
	display: unset !important;
	margin-left: unset !important;
	vertical-align: unset !important;
	content: "";
	border-top: unset !important;
	border-right: unset !important;
	border-bottom: 0;
	border-left: unset !important;
}

.dropdown i {
	font-size: 10px !important;
	background-color: transparent !important;
}

/* .dropdown .bi::before{ vertical-align:  middle !important; } */

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 20px 0.5rem;
	}

	.navbar-expand-lg {
		padding: 20px 0 !important;
	}
}

.dropdown .dropdown-item {
	padding: 10px 20px;
	color: rgba(89, 98, 93, 1);
	transition: 0.3s ease-in-out;
}

.dropdown li{
	margin: 0 !important;
}

.dropdown .dropdown-item{
	color: #000 !important;
	margin: 0 !important;
}
.dropdown .dropdown-item:hover {
	background-color: #62095C;
	color: #fff !important;
	transition: 0.3s ease-in-out;
}

.navbar .dropdown ul {
	background-color: transparent;
	border: none;
}

/* .navbar .megamenu{ padding: 1rem; } */

/* ============ desktop view ============ */
/* @media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left: 50% !important;
    transform: translateX(-50%); right:0; width:900px !important; margin-top: -20px !important;  }

}	 */
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px) {

	.navbar.fixed-top .navbar-collapse,
	.navbar.sticky-top .navbar-collapse {
		overflow-y: auto;
		max-height: 90vh;
		margin-top: 10px;
	}
}

/* ============ mobile view .end// ============ */

.header .navbar img {
	width: 180px;
	transition: 0.5s ease-in-out;
	filter: brightness(0) invert(1);
}

.header .navbar ul li a {
	font-size: 16px;
	line-height: 19.2px;
	color: #fff;
}

.header.hidden .navbar ul li a {
	color: #000;
}

.header .navbar ul li {
	margin: 0 9px;
}

.header.hidden .navbar img {
	width: 160px !important;
	transition: 0.5s ease-in-out;
	filter: unset !important;
}

.header.hidden .navbar-expand-lg .navbar-nav .nav-link {
	padding: 15px 0.5rem;
}

.header .navbar {
	transition: 0.5s ease-in-out;
}

.header.hidden .navbar {
	padding: 15px 0 !important;
	transition: 0.5s ease-in-out;
}

.header {
	transition: 0.5s;
}

.header.hidden {
	background-color: #ffffff;
	transition: 0.5s;
	backdrop-filter: blur(10px);
}

.header.hidden .navbar-expand-lg .navbar-nav .nav-link.orange-button {
	padding: 10px 32px !important;
}

.orange-button {
	background-color: #FF4E00 !important;
	color: #fff !important;
	border: 1px solid #FF4E00 !important;
	border-radius: 47px !important;
	padding: 10px 32px !important;
	transition: 0.5s;
}

.orange-button:hover {
	background-color:#62095C !important;
	border: 1px solid #62095C !important;
	transition: 0.5s;
}
.header.hidden{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);}

@media (max-width: 992px) {
	.header {
		background-color: #fff;
		transition: 0.5s;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
	}
  .header .navbar ul li a {
    font-size: 16px;
    line-height: 19.2px;
    padding: 10px 5px !important;
    color: #000;
}
  .header .navbar img {
    width: 170px;
    transition: 0.5s ease-in-out;
    filter: unset !important;
  }
  .navbar .orange-button{background-color: unset !important; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x)!important; border: unset !important; color: #000 !important;}
}

@media (min-width: 600px) and (max-width: 992px) {
	.navbar-nav {
		max-width: 720px;
		margin: auto;
	}
}


@media all and (min-width: 992px) {
    .header .navbar ul li a i {
    color: #fff !important;
}
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		transition: 0.3s;
		left:100%; top:0px !important;
	}
	
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block;visibility: visible; opacity: 1; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
  .nav-link.dropdown-toggle.show{background-color: #62095C;color: #fff !important;}
  .nav-link.dropdown-toggle.show i{color: #fff !important;}
  .header .navbar ul li {
    margin: 0 !important;
}
  .navbar .dropdown ul {
    background-color: transparent;
    border: none;
    padding: 0 !important;
    margin-left: 20px !important;
}
}	

.nav-link:focus-visible {
    outline: 0;
    box-shadow:unset !important;
}


.header.hidden .navbar ul li a i {
    color: #000 !important;
}