/*---- Header Style Start  ----*/

.site-header {
	width: 100%;
}

.header-row {
	margin: 0 -15px;
}

.header-col-left {
	max-width: 16.2%;
	width: 100%;
}

.header-col {
	padding: 0 15px;
}

.site-header .custom-logo {
	max-width: 100%;
	border-radius: 0 0 15px 15px;
}

.header-col-middle {
	width: 100%;
	max-width: 63.2%;
}

.header-col-right {
	max-width: fit-content;
	width: 100%;
}

.header-location {
	padding: 0px 0 13px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-bottom: 10px;
}

.social-links-wrap {
	gap: 22px;
}

.social-media-link i {
	font-size: 19px;
	transition: 0.5s;
}

.social-media-link:hover i {
	transform: translateY(-2px);
}

.header-phone {
	background-image: url('data:image/svg+xml,<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="38" cy="38" r="30" fill="white"/><circle cx="38" cy="38" r="34" stroke="white" stroke-opacity="0.15" stroke-width="8"/><path d="M41.1044 29.9694C42.3202 30.2061 43.4375 30.7996 44.3134 31.6738C45.1893 32.548 45.7839 33.6632 46.0211 34.8767M41.1044 25C43.6303 25.2801 45.9857 26.409 47.7839 28.2015C49.5821 29.994 50.7162 32.3435 51 34.8642M49.7553 44.7782V48.5052C49.7567 48.8512 49.6857 49.1937 49.5468 49.5107C49.4079 49.8277 49.2042 50.1123 48.9488 50.3462C48.6933 50.5801 48.3918 50.7582 48.0634 50.869C47.735 50.9799 47.387 51.0211 47.0418 50.9899C43.2115 50.5745 39.5323 49.2682 36.2998 47.1759C33.2923 45.2685 30.7425 42.7235 28.8314 39.7218C26.7278 36.4808 25.4187 32.7908 25.0101 28.9507C24.979 28.6071 25.0199 28.2609 25.1302 27.934C25.2405 27.6071 25.4178 27.3067 25.6508 27.0519C25.8839 26.7971 26.1675 26.5936 26.4836 26.4542C26.7997 26.3148 27.1415 26.2427 27.4871 26.2423H31.2213C31.8254 26.2364 32.411 26.4499 32.869 26.8431C33.327 27.2362 33.6262 27.7822 33.7107 28.3792C33.8684 29.5719 34.1607 30.743 34.5821 31.8702C34.7495 32.3148 34.7858 32.7981 34.6865 33.2627C34.5872 33.7273 34.3566 34.1538 34.0219 34.4915L32.4411 36.0693C34.2131 39.1796 36.7933 41.7549 39.9095 43.5234L41.4903 41.9456C41.8287 41.6116 42.256 41.3814 42.7215 41.2823C43.187 41.1832 43.6711 41.2194 44.1167 41.3866C45.246 41.8072 46.4193 42.0989 47.6143 42.2562C48.219 42.3413 48.7712 42.6453 49.1659 43.1103C49.5607 43.5753 49.7704 44.1689 49.7553 44.7782Z" stroke="%23121212" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 6px 0 6px 90px;
}

.phone-label {
	font-size: var(--font-size-18);
	letter-spacing: 3.6px;
}

.phone-link {
	font-size: var(--font-size-28);
	font-weight: var(--fw-700);
	letter-spacing: 1.4px;
	line-height: 1;
}

body .phone-link:hover {
	color: var(--color-white);
	text-shadow: 0 0 5px var(--color-light-gray),
		0 0 10px var(--color-light-gray);
}

.location-link {
	font-size: var(--font-size-18);
	padding-left: 26px;
	background-image: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.8824 9.18182C16.8824 15.5455 8.94118 21 8.94118 21C8.94118 21 1 15.5455 1 9.18182C1 7.01187 1.83666 4.93079 3.32592 3.3964C4.81518 1.86201 6.83505 1 8.94118 1C11.0473 1 13.0672 1.86201 14.5564 3.3964C16.0457 4.93079 16.8824 7.01187 16.8824 9.18182Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.941 12.1769C10.4029 12.1769 11.5881 10.8601 11.5881 9.23575C11.5881 7.61138 10.4029 6.29457 8.941 6.29457C7.47907 6.29457 6.29395 7.61138 6.29395 9.23575C6.29395 10.8601 7.47907 12.1769 8.941 12.1769Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: center left;
}

.location-link:hover {
	color: var(--color-white);
	transform: translateY(-2px);
}

.header-menu {
	gap: 15px;
}

.header-menu a {
	text-transform: uppercase;
	position: relative;
	font-weight: var(--fw-600);
}

.header-menu a:hover {
	color: var(--color-white);
}

.header-menu a:not(.sub-menu a)::before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: var(--color-white);
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: center;
	transition: 0.5s ease;
}
.header-menu a:not(.sub-menu a):hover::before {
	transform: scaleX(1);
}

.location.mobile {
	display: none;
}

/*---- Header Style End  ----*/

/*---- Header Mobile menu CSS  ----*/
.add-overlay::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	z-index: 2;
	inset: 0;
	opacity: 0.6;
}

.main-navigation li.menu-item-has-children > a {
	display: flex;
	align-items: center;
	padding-right: 22px;
}

.main-navigation li.menu-item-has-children > a::after {
	content: '';
	font-size: 10px;
	right: 0;
	transition: transform 0.3s ease;
	position: absolute;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E");
}
.main-navigation li.menu-item-has-children:hover > a::after {
	transform: rotate(180deg);
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E");
}

.main-navigation .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	z-index: 999;
	list-style: none;
	margin: 0;
	flex-direction: column;
	transition: all 0.3s;
	background-color: var(--color-white);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.main-navigation .sub-menu::before {
	content: "";
	width: 100%;
	height: 23px;
	background-color: transparent;
	position: absolute;
	top: -23px;
	z-index: -1;
}
.main-navigation ul li::before {
	all: unset;
}

body.add-overlay {
	overflow: hidden;
}

.main-navigation .sub-menu li {
	padding: 0;
	transition: 0.3s ease;
}

.main-navigation .sub-menu li:last-child {
	border: none;
}
.main-navigation .sub-menu li a {
	color: var(--color-primary);
	text-decoration: none;
	padding: 10px 16px;
	display: block;
	transition: all 0.3s ease;
	border-left: 3px solid transparent;
	height: 100%;
	border-bottom: 1px solid;
	font-size: 18px;
	line-height: 1.2;
}

.main-navigation .sub-menu li a:hover {
	background-color: var(--color-secondary);
	color: var(--color-white);
	border-bottom-color: var(--color-secondary);
}
.two-column-menu .sub-menu {
	min-width: 420px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.two-column-menu .sub-menu li {
	margin: 0;
	max-width: 50%;
	width: 100%;
}
.two-column-menu .sub-menu li:nth-child(2n+1) a {
	border-right: 1px solid var(--color-primary);
}

.mobile-menu-toggle {
	font-size: 24px;
	cursor: pointer;
	width: 30px;
	height: 21px;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	background: transparent;
	cursor: pointer;
	z-index: 999;
	padding: 0;
	margin: 0px 20px;
	display: none;
	border: none;
}

.mobile-menu-toggle:hover {
	background-color: transparent;
}

.mobile-menu-toggle .bar {
	height: 3px;
	width: 100%;
	background-color: var(--color-white);
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
	display: block;
}

.mobile-menu-toggle.open .bar {
	background-color: var(--color-white);
}

.main-navigation ul ul {
	display: flex;
	flex-direction: column;
	background-color: var(--cyan-blue);
	position: absolute;
	min-width: 170px;
	z-index: 9;
	transform: translateY(30px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.main-navigation ul li:hover>.sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(10px);
}

.main-navigation ul ul li:last-child a {
	border-bottom: 0;
}

.main-navigation ul ul .sub-menu {
	left: 100%;
	top: 0;
}

.main-navigation ul ul li {
	margin: 0;
	padding: 0;
}

.mobile-menu-toggle.open .top-bar {
	transform: translateY(10px) rotate(45deg);
}

.mobile-menu-toggle.open .middle-bar {
	opacity: 0;
}

.mobile-menu-toggle.open .bottom-bar {
	transform: translateY(-8px) rotate(-45deg);
}

.submenu-toggle {
	margin-left: auto;
	background-color: transparent;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	z-index: 9;
	position: relative;
	right: -20px;
	display: none;
	transition: 0.5s;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E");
}

.main-navigation .sub-menu .sub-menu {
	left: 100%;
	top: 0;
}

.main-navigation .sub-menu .sub-menu::before {
	top: 0;
}

.main-navigation li:hover .sub-menu .sub-menu {
	transform: translateY(0px);
}

.main-navigation .sub-menu .menu-item-has-children a::after {
	right: 6px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2337123C' stroke-width='2'/%3E%3C/svg%3E");
	top: 1.1em;
}

.site-header.is-sticky {
	position: fixed; background-color: var(--color-primary); z-index: 10000;   
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); 
	-webkit-animation: slideDown 0.35s ease-out; animation: slideDown 0.35s ease-out;
}
.site-header.is-sticky .custom-logo-link{
	display: table;
}
@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
@media only screen and (max-width: 1200px) {
	.site-header.is-sticky {
		position: inherit;
	}
}

.site-header.is-sticky .main-navigation ul li:hover > .sub-menu{
	transform: translateY(7px);
}

/*---- Header Mobile menu End  ----*/

@media screen and (max-width:1600px) {
	.header-location {
		padding: 0px 0 8px 0;
		margin-bottom: 8px;
	}
	.header-phone {
		padding: 6px 0 6px 80px;
		background-size: 64px;
	}
	.site-header.is-sticky .main-navigation ul li:hover > .sub-menu{
		transform: translateY(5px);
	}
}

@media screen and (max-width:1440px) {
	.main-navigation .sub-menu li a {
		font-size: 17px;
	}
	.two-column-menu .sub-menu{
		min-width: 400px;
	}
	.site-header.is-sticky .main-navigation ul li:hover > .sub-menu{
		transform: translateY(3px);
	}
}

@media screen and (max-width:1361px) {
	.header-phone {
		padding: 6px 0 6px 65px;
		background-size: 55px;
	}

	.header-menu {
		gap: 10px;
	}
	.header-col-middle {
		max-width: 65%;
	}

	.header-col-left {
		max-width: 16.4%;
	}
	.header-menu a {
		font-size: 17px;
	}
	.main-navigation .sub-menu li a {
		padding: 8px 16px;
		font-size: 16px;
	}
	.header-col {
		padding: 0 10px;
	}
	.header-row {
		margin: 0 -10px;
	}
	.site-header .big-wrapper {
		padding: 0 15px;
	}
	.header-phone {
		padding: 6px 0 6px 50px;
		background-size: 45px;
		background-position: left top 7px;
	}
	.phone-label {
		line-height: 1;
	}
	.main-navigation .sub-menu {
		min-width: 220px;
	}

	.two-column-menu .sub-menu {
		min-width: 380px;
	}
}

@media screen and (max-width:1200px) {
	body .header-menu a:hover {
		color: var(--color-black) !important;
		border-bottom: 1px solid var(--color-black);
	}

	.header-col-left {
		max-width: 220px;
	}

	.location-link {
		background-position: top 0px left;
		line-height: 1.3;
		padding-left: 30px;
	}

	.header-col-right {
		display: flex;
		align-items: center;
		margin-left: auto;
	}

	.main-navigation ul {
		flex-direction: column;
		overflow-y: scroll !important;
		max-height: 450px;
		flex-wrap: nowrap;
	}

	.header-col-middle {
		position: fixed;
		top: 0;
		right: 0;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
		max-width: 40%;
		flex-direction: column;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
		z-index: 9;
		transform: translateX(100%);
		height: 100%;
		padding: 100px 0 70px;
		width: 100%;
		min-width: 340px;
		overflow: auto;
		background-color: var(--color-primary);
		display: flex;
	}

	.header-menu a:not(.sub-menu a)::before {
		width: 0%;
		height: 100%;
		transform: unset;
		z-index: -1;
	}

	.header-menu a:not(.sub-menu a):hover::before {
		width: 100%;
	}

	.site-header-right-box {
		gap: 0 10px;
	}

	.header-location {
		order: 1;
		padding: 25px 20px;
		margin-bottom: 0;
		border: 0;
	}
	.site-header .social-links-wrap {
		margin-top: 15px;
	}

	.mobile-menu-toggle.open:hover .bar {
		background-color: var(--color-white);
	}

	.two-column-menu .sub-menu li:nth-child(2n+1) {
		border-right: unset;
	}

	.header-menu .sub-menu::before {
		all: unset;
	}

	.header-col-middle.active {
		opacity: 1;
		visibility: visible;
		transform: translateX(0%);
	}

	.header-menu {
		flex-direction: column;
		margin: 0;
		gap: 0;
	}

	.header-menu li {
		padding: 0;
		width: 100%;
	}

	.header-menu>li>a,
	.header-menu .sub-menu li a {
		padding: 12px 24px;
		border-bottom: 1px solid #f0f0f0;
		width: 100%;
	}

	.header-menu>li:last-child>a,
	.header-menu>li>a {
		border-bottom: 1px solid #ffffff3b;
	}

	.site-header .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		margin: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		padding: 0;
		background-color: var(--color-primary);
	}

	.header-menu li.menu-item-has-children>a::after {
		display: none;
	}

	.search-wrap {
		order: -1;
	}

	.header-menu li:hover .sub-menu {
		transform: translate(0);
	}

	.two-column-menu .sub-menu {
		min-width: unset;
		flex-direction: column;
	}

	.two-column-menu .sub-menu li {
		max-width: 100%;
	}

	.mobile-menu-toggle {
		display: flex;
	}

	.header-menu .sub-menu .sub-menu {
		left: 0;
	}

	.main-navigation ul li:hover>.sub-menu {
		visibility: unset;
		opacity: unset;
		transform: unset;
	}

	.main-navigation .sub-menu li a:hover {
		background-color: var(--color-white);
		padding-left: 40px;
	}
	.main-navigation .sub-menu li:last-child {
		margin: 0;
	}

	.header-menu li .sub-menu a {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #ffffff3b;
		color: var(--color-white);
		padding-left: 40px;
		border-left: 0;
		line-height: var(--line-height-body);
	}
	.header-menu li .sub-menu .sub-menu a {
		padding-left: 55px;
	}

	.header-menu li .sub-menu .sub-menu .sub-menu a {
		padding-left: 70px;
	}

	.submenu-toggle {
		display: block;
		right: -10px;
		padding: 12px;
	}

	.submenu-open>a .submenu-toggle {
		transform: rotate(180deg);
	}

	.main-navigation .sub-menu .menu-item-has-children a::after {
		display: none;
	}
	/* body .header-menu li a:hover .submenu-toggle,
	.header-menu .sub-menu li a:hover .submenu-toggle {
		background-image: url('data:image/svg+xml,<svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.13717 7.07727L0.0598145 0H14.2144L7.13717 7.07727Z" fill="%23205990"/></svg>');
	} */
	body .header-menu li a:hover .submenu-toggle {
		background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2337123C' stroke-width='2'/%3E%3C/svg%3E");
	}
	.location.desktop{
		display: none !important;
	}
	.location.mobile {
		display: flex;
		flex-wrap: wrap;
		gap: 18px;
	}
}

@media screen and (max-width:767px) {
	.header-col-middle {
		padding: 70px 0;
	}

	.mobile-menu-toggle {
		margin: 0 15px;
	}
}

@media screen and (max-width:640px) {
	.header-col-middle {
		padding: 60px 0;
	}

.header-menu > li > a,.header-menu .sub-menu li a {
	padding: 7px 24px;
}
.header-menu li .sub-menu a {
	padding-left: 35px;
}
	.header-col-left {
		max-width: 200px;
	}


	.header-phone {
		padding: 0px 0px 0px 60px;
		background-size: 46px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-position: top 1px left;
	}

	.phone-label {
		line-height: 1.8;
	}
}

@media screen and (max-width:480px) {
	.header-col-left {
		max-width: 180px;
	}

	.mobile-menu-toggle {
		width: 26px;
	}

	.header-phone {
		padding: 0px 0px 0px 50px;
		background-size: 40px;
		background-position: top 6px left;
	}

	.header-col-right {
		order: 2;
		margin: 20px auto 0 auto;
		max-width: 100%;
		justify-content: center;
	}

}