.pswp{display:none;}

	/* BASE STYLE */
	* {margin: 0; padding: 0; box-sizing: border-box;}
	body {font-family: var(--ff-secondary-400); font-weight: 400; line-height: 1.5;}
	h1, h2, h3, h4, h5 ,h6 {margin: 0;}
	p {margin: 0;}
	ul, ol {padding: 0;}
	li {list-style: none;}
	a {display: block; text-decoration: none; color: #000}
	button {background: none; border: none; cursor: pointer;}
	img {max-width: 100%; height: auto;}
	input {border: none;}

	:root {
		--container: 1330px;
		--container-padding: 15px;

		--ff-primary: 'Hevaltica';
		--ff-secondary-400: "OpenSans-Regular";
		--ff-secondary-600: "OpenSans-SemiBold";
		--ff-secondary-700: "OpenSans-Bold";

		--fs-xl: clamp(1.5rem, 1.2837rem + 0.9615vw, 2.125rem);      /* 24px - (360/1400) - 34px */
		--fs-lg : clamp(1.375rem, 1.2019rem + 0.7692vw, 1.875rem);   /* 22px - (360/1400) - 30px */
		--fs-md: clamp(1.25rem, 1.0769rem + 0.7692vw, 1.75rem);      /* 20px - (360/1400) - 28px */
		--fs-sm: clamp(1rem, 0.9135rem + 0.3846vw, 1.25rem);         /* 16px - (360/1400) - 20px */
		--fs-base: clamp(0.875rem, 0.8317rem + 0.1923vw, 1rem);      /* 14px - (360/1400) - 16px */
		--fs-xs: clamp(0.8125rem, 0.7909rem + 0.0962vw, 0.875rem);   /* 13px - (360/1400) - 14px */

		--c-primary: #0061BC;
		--c-secondary: #FDD228;
		--c-text: #747474;
		--c-bg: #E2E9EF;
		--c-heading: #4A4A4A;
		--c-md-heading: #242424;

		--trans-4: 0.4s ease;
		--fltr-primary: brightness(0) saturate(100%) invert(23%) sepia(72%) saturate(2272%) hue-rotate(193deg) brightness(101%) contrast(105%);
		--fltr-secondary: brightness(0) saturate(100%) invert(86%) sepia(39%) saturate(5468%) hue-rotate(2deg) brightness(107%) contrast(103%);
	}

	.container {max-width: var(--container); padding-inline: var(--container-padding); margin-inline: auto;}
	.button {display: flex; align-items: center; justify-content: center; font-family: var(--ff-secondary-700); background-color: var(--c-secondary); color: var(--c-primary); padding: 13px 15px; border-radius: 5px;}

	/* Scrollbar */
	:where(.scroll, .scroll__p > p) {overflow-y: auto; padding-right: 12px;}
	:where(.scroll, .scroll__p > p)::-webkit-scrollbar {width: 9px;}
	:where(.scroll, .scroll__p > p)::-webkit-scrollbar-track {width: 11px; border-radius: 8px; background-color: #fff; visibility: hidden;}
	:where(.scroll, .scroll__p > p)::-webkit-scrollbar-thumb {border-radius: 8px; background-color: #0061bc; visibility: hidden;}
	:where(.scroll, .scroll__p > p):hover::-webkit-scrollbar-track {visibility: visible;}
	:where(.scroll, .scroll__p > p):hover::-webkit-scrollbar-thumb {visibility: visible;}
	@supports not selector(::-webkit-scrollbar) {
		:where(.scroll, .scroll__p > p) {overflow-y: auto; scrollbar-width: thin; scrollbar-color: transparent transparent;}
		:where(.scroll, .scroll__p > p):hover {scrollbar-width: thin; scrollbar-color: #0061bc #fff;}
	}

	/* --------------------------------------------- */

		:is(.popup-quote, .quoteBtn) {position: fixed; inset: 0 -44px 0 auto; width: fit-content; height: fit-content; display: flex; align-items: center; justify-content: center; margin-block: auto; z-index: 11; --_c-secondary: #FFC500;}
		:is(.popup-quote #quote-btn, .quoteBtn a) {width: 130px; font-family: var(--ff-secondary-700); font-size: var(--fs-base, 16px); text-align: center; background-color: #FDD228; color: #00529f; padding: 10px; border-radius: 3px; transform: rotate(-90deg);}
		.popup-quote .quote {margin-left: 2%;}
		.popup-quote #close-quote-btn {display: none; align-items: center; justify-content: center; position: fixed; inset: 1% 2% 0 auto; width: 2rem; height: 2rem; background-color: var(--c-primary); color: #fff; border-radius: 5px; z-index: 13;}

	.sticky { position: fixed; top: -100; z-index: 10; width: 100%; padding-block: 0.625rem; background-color: var(--c-primary); transition: var(--trans-4);}
	.sticky .wrapper {display: flex; align-items: center; justify-content: space-between; gap: 0.625rem;}
	.sticky .search {display: flex; align-items: center; border-right: 1px solid #fff; margin-left: auto;}
	.sticky form {position: relative; z-index: 1; display: none; align-items: center; background-color: #fff; padding-right: 0.375rem; border-radius: 0.25rem; margin-right: -1.75rem;}
	.sticky form input {width: 100%; font-size: var(--fs-xs, 14px); padding: 0.375rem; border-radius: 0.25rem; outline: none;}
	.sticky .search .show {padding: 0.25rem 0.625rem;}
	.sticky .search .show img {filter: invert(1);}
	.sticky .call-btn {display: flex; align-items: center; gap: 0.5rem;}
	.sticky .call-btn div * {display: block; color: #fff;}

	header {--_c-sky-lgt: #f0f7fe; --_c-gray-lgt: #666666; --_c-gray-drk: #5a5a5a; --_c-whgt-lgt: #00000026;}
	header .topbar {padding-block: 0.5rem; background-color: var(--_c-sky-lgt);}
	header .topbar .wrapper {display: flex; align-items: center; justify-content: space-between;}
	header .topbar :where(ul, li, a) {display: flex; align-items: center;}
	header .topbar :where(li, a):has(span) {gap: 0.625rem;}
	header .topbar li:first-of-type {padding-right: 0.625rem; border-right: 1px solid var(--c-primary);}
	header .topbar li span {color: var(--_c-gray-lgt);}
	header .topbar .info {gap: 0.625rem;}
	header .topbar .info li:first-of-type {border-color: #fff;}
	header .topbar .social {gap: 0.75rem;}
	header .topbar img{width:auto;}
	header .topbar .social a span:first-of-type {display: none;}
	header .topbar .social li:not(:first-of-type) a:hover img {filter: var(--fltr-secondary); transition: var(--trans-4);}

	header .menu {padding-block: 2rem;}
	header .menu .wrapper {display: flex; align-items: center; justify-content: space-between;}
	header .menu :where(ul, li a) {display: flex; align-items: center;}
	header .menu ul {gap: 1.875rem;}
	header .menu li a {gap: 0.5rem;}
	header .menu li a:hover img {filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 50%)); transition: var(--trans-4);}
	header .menu a div * {display: block;}
	header .menu a div > :first-child {font-size: var(--fs-xs, 14px); color: var(--_c-gray-drk);}
	header .menu a div > :nth-child(2) {color: var(--c-primary);}

	nav {position: relative; background-color: var(--c-primary); --_c-primary-drk: #00529f;}
	nav .wrapper {display: flex; align-items: center; justify-content: space-between;}
	nav #navToggle {width: 2.25rem; height: 2.25rem; display: none; align-items: center; justify-content: center; background-color: #fff; border-radius: 0.375rem;}
	nav #navToggle img {width: 80%; filter: var(--fltr-primary);}
	nav li {position: relative;}
	nav li a {display: flex; align-items: center; gap: 0.375rem; text-transform: uppercase; color: #fff; padding-block: 1rem;}
	nav li a:hover {color: var(--c-secondary); transition: var(--trans-4);}
	nav .links {width: 100%; display: flex; align-items: center; gap: 2rem;z-index:30}
	nav .links > li:first-of-type {width: 100%; max-width: 18rem;}
	nav .links > li:first-of-type > a {gap: 1rem; background-color: var(--c-secondary); color: var(--_c-primary-drk); padding-inline: 2rem;}
	nav .links > li:first-of-type > a img {filter: var(--fltr-primary);}
	nav .links > li:nth-of-type(2) a img {filter: var(--fltr-secondary);}
	nav .links ul {z-index:20;position: absolute; inset: 100% 0 0; width: 100%; height: fit-content; display: none; background-color: #fff; border: 1px solid var(--_c-whgt-lgt);}
	nav .links ul a {position: relative; gap: 1.75rem; text-transform: initial; color: #000; padding-inline: 1rem 2rem;}
	nav .links ul > li:has(ul) > a::before {position: absolute; inset: 0 0.5rem 0 auto; width: 1rem; height: 1rem; background: no-repeat center/cover url(icons/chevron-right.svg); margin-block: auto;}
	nav .links li > ul > li > a:hover {background-color: var(--c-primary); color: #fff;}
	nav .links li > ul > li > a:hover img {filter: brightness(0) invert(1);}
	nav .links li > ul > li:has(ul) > a:hover::before {filter: brightness(0) invert(1);}
	nav .links .icon {width: 2.625rem; flex: none; display: flex; justify-content: center;}
	nav .links .category > :first-child {font-size: calc(var(--fs-xs, 14px) - 1px);}
	nav .links .category:not(:has(:nth-child(2))) > :first-child,
	nav .links .category p {font-size: var(--fs-xs, 14px);}
	nav .links ul ul {width: max-content; min-width: 12.5rem; inset: 0 0 0 100%;}
	nav .links ul ul a {padding: 0.625rem 1rem;}
	nav .links ul > li > ul > li > a:hover {background-color: transparent; color: var(--c-secondary);}
	nav form {width: 100%; max-width: 15rem; display: flex; align-items: center; background-color: #fff; border-radius: 0.25rem;}
	nav form input {width: 100%; font-size: var(--fs-base, 16px); padding: 0.625rem 1rem; border: none; border-radius: 0.25rem 0 0 0.25rem; outline: none;}
	nav form input::-webkit-search-cancel-button {display: none;}
	nav form button {flex: none; width: 2.5rem; background-color: transparent; padding: 0.625rem; border: none; border-radius: 0 0.25rem 0.25rem 0;}
	nav form button:hover {background-color: var(--c-secondary);}
	nav form button:hover img {filter: invert(1);}

	@media only screen and (max-width: 1200px) {
		.sticky .logo,
		header .menu .logo {max-width: 13.75rem; transition: var(--trans-4);}
		nav .links {gap: 1.25rem;}
		nav .links > li:first-of-type {max-width: 16rem;}
		nav form {max-width: 12.5rem;}
		nav form input {padding-inline: 0.75rem;}
		nav form button {width: 2.25rem;}
	}

	@media only screen and (max-width: 991px) {
		.sticky .call-btn img {max-width: 2.25rem;}
		.sticky .call-btn div :nth-child(2) {display: none;}
		header .topbar .social a span:first-of-type {display: block;}
		header .topbar .social a span:nth-of-type(2) {display: none;}
		header .menu {padding-block: 1.5rem;}
		header .menu ul {gap: 1.5rem;}
		header .menu li a img {max-width: 2.25rem; flex: 0}
		nav {padding-block: 0.5rem;}
		nav #navToggle {display: flex;}
		nav .links {display: none; position: absolute; inset: calc(100% + 2px) 0 0; width: 100%; height: fit-content; background-color: var(--c-primary); padding: var(--container-padding);}
		nav .links[data-collapsed] {display: block;}
		nav .links > li:first-of-type {max-width: 100%;}
		nav .links > li:first-of-type > a {padding-inline: 1rem; border-radius: 0.25rem;}
		nav .links .dropdown-toggle {padding: 0.75rem;}
		nav .links li:has(> .dropdown-toggle) {display: flex; flex-wrap: wrap; align-items: center;} 
		nav .links li:has(> .dropdown-toggle) > a {width: calc(100% - 3.125rem);}
		nav .links ul {position: static; border-radius: 0 0 0.625rem 0.625rem;}
		nav .links ul a {padding-inline: 1rem;}
		nav .links ul ul {width: 100%; border-radius: 0.625rem;}
	}

	@media only screen and (min-width: 992px) {
		nav .links li:hover > ul {display: block;}
		nav .links ul > li:has(ul) > a::before {content: "";}
	}

	@media only screen and (max-width: 767px) {
		.sticky .logo {max-width: 12rem;}
		.sticky form {max-width: 10rem;}
		header .topbar .info li:nth-of-type(2) {display: none;}
		header .menu li a {display: block; text-align: center;}
		header .menu a div > :nth-child(2) {display: none;}
	}

	@media only screen and (max-width: 575px) {
		.small-screen-active.popup-quote {position: static;}
		.small-screen-active.popup-quote #close-quote-btn {display: flex;}
		.small-screen-active.popup-quote .quote {position: fixed; inset: 0; width: 100%; height: 100%; z-index: 12; margin: 0; min-height: 840px; overflow: scroll;}
		.small-screen-active.popup-quote .quote .quote-form {max-width: 100%; height: fit-content;}
		.popup-quote .quote form {max-height: 652px; overflow: auto;}
		.sticky .search {display: flex;}
		.sticky form {position: absolute; inset: 100% 0 0; max-width: 100%; height: fit-content; border-bottom: 1px solid gray; border-radius: 0; margin-inline: auto;}
		.sticky form input {padding: 0.75rem;}
		header .topbar .wrapper {justify-content: center;}
		header .topbar .info {display: none;}
		header .menu .wrapper {flex-wrap: wrap; justify-content: center; gap: 1.25rem;}
		header .menu ul {gap: 1.25rem;}
	}

	@media only screen and (max-width: 475px) {
		.sticky .logo {max-width: 10rem;}
		nav li a {padding-block: 0.75rem;}
		nav .links > li:first-of-type > a {padding-inline: 0.75rem;}
		nav .links li:has(> .dropdown-toggle) > a {width: calc(100% - 2.5rem);}
		nav .links ul a {gap: 1rem; padding-inline: 0.75em 1rem;}
	}

	@media only screen and (max-width: 360px) {
		.sticky .wrapper {justify-content: center;}
		.sticky .logo {display: none;}
		.sticky .search {margin: 0;}
	}