.navbar-brand img,
 .noscroll .navbar-toggler,
 .s-down header,
 .s-up header,
 header {
 	transition: .4s ease-in-out
 }

 .noscroll .navbar-brand {
 	z-index: 3
 }

 .noscroll .navbar-toggler {
 	background-color: transparent
 }

 .navbar-expand-lg .navbar-nav .nav-link,
 .navbar-nav .dropdown .dropdown-menu {
 	font-family: var(--bs-font-sans-serif);
 	font-weight:400 !important;
 	margin: 0
 }

 header {
 	width: 100%;
 	position: fixed;
 	z-index: 1020;
 	padding: 0.9375rem 0.625rem;
 	top: 0;
 	left: 0;
 	border-bottom: solid 0.0625rem rgba(152, 193, 217, .5)
 }

 header::after {
 	content: "";
 	display: block;
 	a width: 101%;
 	height: 8.125rem;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	margin: auto;
 	background: linear-gradient(to bottom, var(--bs-primary), rgba(0, 0, 0, 0));
 	z-index: -1;
 }

 .navbar-brand {
 	padding: 0;
 	position: absolute;
 }

 .navbar-brand img {
 	width: auto;
 	height: 2.8125rem
 }

 .navbar-expand-lg {
 	padding: 0
 }

 header .navbar {
 	float: none;
 	-webkit-transition: all .1s ease;
 	transition: all .5s ease;
 	padding: 0;
 	margin: 0;
 	justify-content: center !important;
 }


 header nav .navbar .nav-links {
 	height: 100%;
 }

 .menu-ul-links {
 	display: flex;
 	margin: auto;
 }

 .menu-ul-links li {
 	position: relative;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	list-style: none;
 	padding: 0 12px;
 }

 .menu-ul-links li a {
 	padding: 10px 0.3125rem;
 	display: inline-block;
 	text-decoration: none;
 	font-size: 0.875rem;
 	font-weight:400 !important;
 	color: rgba(255, 255, 255, 0.8);
 	font-family: var(--font-family-title);
 	letter-spacing: 0.0313rem;
 	transition: .4s ease-in-out;
 	white-space: nowrap;
 	position: relative;
 }

 .menu-ul-links li a:hover {
 	color: rgba(255, 255, 255, 1);
 }

 .menu-ul-links li a::before {
 	content: '';
 	position: absolute;
 	width: 100%;
 	transform: scaleX(0);
 	border-radius: 0.3125rem;
 	height: 0.125rem;
 	bottom: 0;
 	left: 0;
 	background: var(--bs-secondary);
 	transform-origin: bottom right;
 	transition: transform .25s ease-out;
 	border: none
 }

 .menu-ul-links li a:hover:before {
 	transform: scaleX(1);
 	transform-origin: bottom left
 }


 .menu-ul-links li .arrow {
 	height: 100%;
 	width: 22px;
 	line-height: 70px;
 	text-align: center;
 	display: inline-block;
 	color: #fff;
 	transition: all 0.3s ease;
 }

 .menu-ul-links li .sub-menu {
 	position: absolute;
 	top: 42px;
 	left: 0;
 	display: none;
 	z-index: 2;
 	font-weight: 400 !important;
 	background-color: #fff;
 	margin: 0;
 	padding: 0;
 	margin-left: 10px;
 	letter-spacing: normal;
 	transition: .3s;
 	border-radius: 0;
	box-shadow: 0 0.5rem 0.625rem rgba(0, 0, 0, .15);
 }

 .menu-ul-links li:hover .htmlCss-sub-menu,
 .menu-ul-links li:hover .js-sub-menu {
 	display: block;
 	color: var(--bs-primary) !important;
 }

 .menu-ul-links li .sub-menu a:hover {
 	background-color: var(--bs-secondary) !important;

 }

 .menu-ul-links li .sub-menu a::before {
 	display: none;
 }

 .menu-ul-links li .sub-menu a:hover::before {
 	background-position: left top;
 	transition: .3s
 }




 header .navbar .menu-ul-links li .sub-menu li {
 	padding: 0;
 	border-bottom: 0.0625rem solid rgb(222 222 222);
 }

 header .navbar .menu-ul-links li .sub-menu a {
 	color: var(--bs-primary) !important;
 	font-size: 15px;
 	font-weight: 400!important;
 	padding: 10px 15px;
 	width: 100%;

 }

 header .navbar .menu-ul-links li .sub-menu a:hover {
 	color: #fff !important;
 }

 header .navbar .menu-ul-links li .sub-menu .more-arrow {
 	line-height: 40px;
 }



 header .navbar .menu-ul-links li .sub-menu .more-sub-menu {
 	position: absolute;
 	top: 0;
 	left: 100%;
 	border-radius: 0;
 	z-index: 1;
 	display: none;
 }

 .menu-ul-links li .sub-menu .more:hover .more-sub-menu {
 	display: block;
 	margin-left: 0;
 }

 header .navbar .nav-links .sidebar-logo {
 	display: none;
 }

 header .navbar .bx-menu {
 	display: none;
 }

 .submenu-indicator-chevron {
 	height: 9px;
 	width: 9px;
 	margin-top: -13px;
 	border: none !important;
 	transition: all 0.3s ease;
 	transform: rotate(0);
 }

 .bi-chevron-down {
 	fill: #cacaca;
 	width: 18px;
 	height: 18px;
 	opacity: 1;
 }

 .more .submenu-indicator-chevron {
 	position: absolute;
 	top: 24px;
 	right: 13px;
 	transform: rotate(-90deg);
 	width: 20px;
 	height: 20px;
 }

 .bx-x {
 	margin-top: 15px;
 	margin-right: 15px;
 }

 .bx-x .bi-x-circle {
 	width: 24px;
 	height: 24px;
 	fill: #fff;
 }

 .menu-ul-links .nav-item-contact-us {
 	position: absolute;
 	right: 0.9375rem;
 	top: 0;
 	font-size: 0.875rem;
 	padding: 0 !important;
 }

 .menu-ul-links .nav-item-contact-us a {
 	padding: 0.375rem 1.5rem;
 	border: solid 0.0625rem #fff;
 	border-radius: var(--border-radius);
 	letter-spacing: 0.0313rem;
 	transition: .4s ease-in-out;
 	position: relative;
 }

 .menu-ul-links .nav-item-contact-us a:hover {
 	background-color: var(--bs-secondary);
 	border: solid 1px var(--bs-secondary);
 }

 .s-down header,
 .s-up header {
 	background-color: rgba(var(--bs-body-color-rgb), .85);
 	-webkit-backdrop-filter: blur(0.625rem);
 	backdrop-filter: blur(0.625rem);
 	padding: 0.5rem 0.625rem;
 }

 .s-down header::after,
 .s-up header::after {
 	display: none;
 }

 .s-down .navbar-brand img,
 .s-up .navbar-brand img {
 	height: 2.1875rem
 }

 .s-down .menu-ul-links li a,
 .s-up .menu-ul-links li a {
 	padding: 0.3125rem 0.3125rem;
 }

 .s-down .menu-ul-links .nav-item-contact-us a,
 .s-up .menu-ul-links .nav-item-contact-us a {
 	padding-top: 0.25rem;
 	padding-bottom: 0.25rem;
 	padding: 5px 18px;
 }

 .s-down .menu-ul-links li .sub-menu,
 .s-up .menu-ul-links li .sub-menu {
 	position: absolute;
 	top: 31px;
 }


 .menu-social {
 	display: none;
 	padding-top: 15px;
 	text-align: center;
 	padding-bottom: 60px;
 	z-index: 5;
 	margin-top: auto;
 }

 .menu-social .social-title {
 	font-family: var(--bs-font-sans-serif);
 	font-weight: 400 !important;
 	font-size: 1.125rem;
 	margin-bottom: 0.9375rem;
 	opacity: 0.85;
 }

 .menu-social a {
 	color: var(--bs-primary);
 	text-decoration: none;
 	opacity: 0.7;
 	font-size: 1.375rem;
 	margin-right: 20px;
 	text-decoration: none !important;
 }

 .menu-social a svg {
 	width: 1.5rem;
 	height: 1.5rem;
 }

 .menu-social a:hover {
 	opacity: 1;
 	color: var(--bs-primary);
 }




 @media (max-width:1368px) {
 	header {
 		padding: 10px 8px;
 	}

 	.navbar-brand img {
 		height: 38px;
 	}

 	.navbar-expand-lg .navbar-nav .nav-item {
 		margin: 0;
 		padding: 0 6px;
 	}

 	.s-down .menu-ul-links .nav-item-contact-us {
 		top: 0;
 	}

 }

 @media (max-width:1024px) {

 	.s-down header,
 	.s-up header,
 	header {
 		padding-left: 0;
 		padding-right: 0;
 	}

 	.navbar-brand img {
 		height: 35px;
 	}
 }


 @media (max-width:991px) {

 	#navbarNavDropdown .dropdown-toggle::after,
 	.icon-container {
 		display: inline-block
 	}

 	.noscroll {
 		overflow: hidden
 	}

 	.navbar-toggler {
 		background-color: var(--bs-secondary);
 		border-radius: var(--border-radius);
 		padding: 0;
 		margin: 0;
 		transition: .4s ease-in-out;
 		box-shadow: none !important;
 		height: 33px;
 		width: 33px;
 		position: absolute;
 		right: 0;
 		top: 0;
 		z-index: 200
 	}

 	nav .container {
 		position: relative
 	}

 	.nav {
 		margin-right: 55px
 	}

 	.navbar-nav .dropdown:hover>.dropdown-menu {
 		animation: none
 	}

 	.navbar-collapse {
 		background-color: #fff;
 		backdrop-filter: blur(4px);
 		overflow-y: scroll;
 		height: 100vh;
 		width: 300px;
 		position: fixed;
 		transition: .4s ease-out, background 1s ease-out;
 		top: 0;
 		right: 0;
 		z-index: 2;
 		margin-right: -300px
 	}

 	#menuicon .bar,
 	.icon-container {
 		transition: .3s cubic-bezier(.4, .01, .165, .99);
 		position: relative
 	}

 	.navbar-expand-lg .show {
 		margin-right: 0;
 		box-shadow: none;
 		z-index: 50
 	}

 	.navbar-collapse.show {
 		box-shadow: 0 0 100px 0 rgba(0, 0, 0, .5)
 	}

 	.menu-logo {
 		padding-left: 15px;
 		padding-top: 15px;
 		opacity: 0;
 		transition: opacity 0.3s ease;
 	}

 	.menu-logo img {
 		width: auto;
 		height: 38px;
 	}

 	.navbar-collapse.show .menu-logo {
 		opacity: 1;
 		transition: opacity 0.5s ease;
 	}




 	.navbar-expand-lg .navbar-nav .nav-item {
 		margin: 0;
 		opacity: 0;
 		transition: transform .5s cubic-bezier(.4, .01, .165, .99), opacity .6s cubic-bezier(.4, .01, .165, .99), -webkit-transform .5s cubic-bezier(.4, .01, .165, .99)
 	}

 	.navbar-collapse.show .navbar-nav .nav-item {
 		opacity: 1;
 		border-bottom: 1px solid rgba(194, 194, 194, .2)
 	}

 	.navbar-collapse .navbar-nav .nav-item:first-child {
 		transition-delay: 50ms
 	}

 	.navbar-collapse .navbar-nav .nav-item:nth-child(2) {
 		transition-delay: 0.1s
 	}

 	.navbar-collapse .navbar-nav .nav-item:nth-child(3) {
 		transition-delay: 0.15s
 	}

 	.navbar-collapse .navbar-nav .nav-item:nth-child(4) {
 		transition-delay: 0.2s
 	}

 	.navbar-collapse .navbar-nav .nav-item:nth-child(5) {
 		transition-delay: 0.25s
 	}

 	.navbar-collapse .navbar-nav .nav-item:nth-child(6) {
 		transition-delay: 0.3s
 	}

 	.navbar-collapse .navbar-nav .nav-item:nth-child(7) {
 		transition-delay: 0.35s
 	}

 	.icon-container {
 		z-index: 2;
 		height: 32px;
 		width: 30px;
 		cursor: pointer;
 		-webkit-tap-highlight-color: transparent;
 		-webkit-transform: rotate(0);
 		transform: rotate(0)
 	}

 	.icon-container #menuicon {
 		width: 20px;
 		height: 10px;
 		position: relative;
 		display: block;
 		margin: -4px auto 0;
 		top: 13px
 	}

 	.noscroll .icon-container #menuicon {
 		top: 17px
 	}

 	#menuicon .bar {
 		width: 100%;
 		height: 1px;
 		display: block;
 		background: #fff
 	}

 	#menuicon .bar.bar1 {
 		-webkit-transform: translateY(0) rotate(0);
 		transform: translateY(0) rotate(0)
 	}

 	#menuicon .bar.bar2 {
 		-webkit-transform: translateY(6px) rotate(0);
 		transform: translateY(5px) rotate(0)
 	}

 	#menuicon .bar.bar3 {
 		-webkit-transform: translateY(6px) rotate(0);
 		transform: translateY(10px) rotate(0);
 	}

 	.noscroll #menuicon .bar.bar3 {
 		opacity: 0;
 	}

 	.noscroll .icon-container {
 		-webkit-transform: rotate(90deg);
 		transform: rotate(90deg)
 	}

 	.noscroll .icon-container #menuicon .bar {
 		transition: .4s cubic-bezier(.4, .01, .165, .99);
 		transition-delay: 0.1s
 	}

 	.noscroll .icon-container #menuicon .bar.bar1 {
 		-webkit-transform: translateY(4px) rotate(45deg);
 		transform: translateY(4px) rotate(45deg);
 		background-color: #000
 	}

 	.noscroll .icon-container #menuicon .bar.bar2 {
 		-webkit-transform: translateY(3px) rotate(-45deg);
 		transform: translateY(3px) rotate(-45deg);
 		background-color: #000
 	}

 	.s-down header,
 	.s-up header,
 	header {
 		padding: 8px 10px 8px 10px
 	}

 	.navbar-expand-lg .container-fluid {
 		padding: 0
 	}

 	#navbarNavDropdown .dropdown-menu {
 		background-color: transparent !important;
 		padding: 0;
 		border: none;
 		box-shadow: none
 	}


 	.dropdown-toggle:hover:after {
 		transform: none
 	}

 	.noscroll .navbar-brand img,
 	.noscroll footer,
 	.noscroll main {
 		filter: grayscale(1);
 		pointer-events: none;
 		transition: .4s ease-out, background 1s ease-out;
 		opacity: .65
 	}

 	.navbar-brand {
 		position: relative;
 	}

 	header::after {
 		height: 90px;
 	}

 	.menu-ul-links .nav-item-contact-us {
 		position: relative;
 		top: auto;
 		right: auto;
 		border: none !important;
 		padding: 10px 20px !important;
 		line-height: 1;

 	}

 	.menu-ul-links .nav-item-contact-us a {
 		background-color: var(--bs-white);
 		border: solid 1px var(--bs-secondary);
 		color: var(--bs-primary);
 		text-align: center;
 	}

 	.menu-logo img {
 		width: auto;
 		height: 42px;
 	}

 	.menu-social {
 		display: block;

 	}

 	header nav {
 		position: relative;
 	}

 	header .navbar .bx-menu {
 		display: block;
 	}

 	.nav-links {
 		position: fixed;
 		top: 0;
 		left: -100%;
 		display: block;
 		max-width: 375px;
 		width: 100%;
 		padding: 0;
 		transition: all 0.5s ease;
 		z-index: 1000;
 		background-color: rgb(4, 7, 37);
 		box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 18px;
 		transition-property: left;
 	}

 	.menu-ul-links {
 		display: block;
 		margin-top: 20px;
 		padding: 70px 0 0 0;
 		min-height: 70vh;

 	}

 	.menu-ul-links li .arrow {
 		line-height: 40px;
 	}

 	.menu-ul-links li {
 		display: block;
 	}

 	.menu-ul-links li .sub-menu {
 		position: relative;
 		top: 0;
 		box-shadow: none;
 		display: none;
		margin-left:0px;
 	}

 	.menu-ul-links li .sub-menu li {
 		border: none;
 		border-bottom: solid 1px #262842;

 	}

 	header .navbar .menu-ul-links li .sub-menu .more-sub-menu {
 		display: none;
 		position: relative;
 		left: 0;
 	}

 	header .navbar .menu-ul-links li .sub-menu .more-sub-menu li {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 	}

 	.show1 .htmlcss-arrow,
 	.show2 .sub-menu .more-arrow {
 		transform: rotate(-135deg);
 		top: 19px !important;
 		transition: all 0.3s ease;
 	}

 	header .navbar .menu-ul-links li .sub-menu .more-sub-menu {
 		display: none;
 		margin-left: 15px !important;
 	}


 	header .navbar .menu-ul-links li .sub-menu .more span {
 		display: flex;
 		align-items: center;
 		top: 10px;
 		transition: all 0.3s ease;
 	}

 	.more .submenu-indicator-chevron {
 		transform: rotate(45deg);
 		transition: all 0.3s ease;
 	}

 	.menu-ul-links li .sub-menu .more:hover .more-sub-menu {
 		display: none;
 	}

 	.menu-ul-links li:hover .htmlCss-sub-menu,
 	.menu-ul-links li:hover .js-sub-menu {
 		display: none;
 	}

 	header .navbar .nav-links.show1 .menu-ul-links .htmlCss-sub-menu,
 	header .navbar .nav-links.show3 .menu-ul-links .js-sub-menu,
 	header .navbar .nav-links.show2 .menu-ul-links .more .more-sub-menu {
 		display: block;
 		border: none;
 	}

 	.submenu-indicator-chevron {
 		right: 15px;
 		margin: 0;
 		position: absolute;
 		top: 10px;
 	}

 	.menu-ul-links li {
 		border-bottom: 0.0625rem solid rgb(222 222 222);
 	}

 	.menu-ul-links li a {
 		color: var(--bs-primary) !important;
 		font-size: 18px;
 		width: 100%;
 	}

 	.menu-ul-links .nav-item-contact-us a {
 		width: 100%;
 		font-size: 18px;
 		padding: 0.625rem 1.25rem;
 	}

 	.submenu-indicator-chevron {
 		height: 25px;
 		width: 25px;
 		z-index: 15;
 		padding: 3px;
 	}

 	header .nav-toggle {
 		width: 30px;
 		height: 30px;
 		padding: 6px 2px 0;
 		position: absolute;
 		top: 50%;
 		margin-top: -16px;
 		right: 15px;
 		display: block !important;
 		cursor: pointer;
 		position: absolute;
 		top: -25px;
 		right: 15px;
 		overflow: hidden;
 	}

 	header .nav-toggle:before {
 		content: "";
 		position: absolute;
 		width: 30px;
 		height: 2px;
 		background-color: #fff;
 		border-radius: 10px;
 		box-shadow: 5px 0.6em 0 0 #EBB30A, 0 1.2em 0 0 #fff;
 	}
 }

 @media (max-width:767px) {
 	.navbar-toggler {
 		margin-right: 0;
 		height: 33px;
 		width: 33px;
 		top: 0;
 	}

 	.dropdown-menu[data-bs-popper] {
 		padding-top: 0;
 		padding-bottom: 10px;
 		backdrop-filter: blur(0px)
 	}

 	.nav {
 		margin-right: 50px
 	}

 	.icon-container #menuicon {
 		top: 13px
 	}

 	.noscroll .icon-container #menuicon {
 		top: 16px
 	}

 	.header-bar {
 		margin-bottom: 7px
 	}
 }

 @media (max-width:480px) {
 	.navbar-collapse {
 		width: 100% !important;
 		margin-right: -100%
 	}

 	.navbar-expand-lg .show {
 		margin-right: 0;
 	}
 }

 @media (max-width:375px) {

 	.navbar-brand img,
 	.s-down .navbar-brand img {
 		height: 32px;
 	}
 }

 @keyframes dropdown-show {
 	from {
 		transform: scale(.8);
 		opacity: 0
 	}

 	to {
 		transform: scale(1);
 		opacity: 1
 	}
 }

 @media (max-width:375px) {
 	.nav-links {
 		max-width: 100%;
 	}
 }

.top-menu-show{
	display: block !important;
}
.topMenuClose{
	transform: rotate(180deg);
}