
 :root {
 	--ntqb-primary: #108f4d;
 	--ntqb-primary-600: #0c7b41;
 	--ntqb-primary-50: #e9f7f0;
 	--ntqb-text: #0f172a;
 	--ntqb-muted: #64748b;
 	--ntqb-border: rgba(2, 6, 23, 0.10);
 	--ntqb-shadow: 0 10px 30px rgba(2, 6, 23, 0.12);
 	--ntqb-radius: 14px;
 }

 #sp-header-topbar {
	background: var(--ntqb-primary);
	color: #fff;
	height: 40px !important;
	min-height: 40px !important;
	overflow: hidden;
 }

 /* Remove template separator line under the topbar */
 #sp-header-topbar + #ntqb-brand-bar .container-inner {
 	border-top: 0 !important;
 }

 #sp-header-topbar .container-inner {
 	border-bottom: 0 !important;
 }

 #sp-header-topbar a {
 	color: #fff;
 }

 #sp-header-topbar i,
 #sp-header-topbar svg {
	color: #fff !important;
	fill: #fff !important;
 }

 #sp-header-topbar ul.social-icons a,
 #sp-header-topbar ul.social-icons a i {
 	color: #fff;
 }

 #sp-header-topbar .container-inner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
 }

 #sp-header-topbar .ntqb-topbar-left,
 #sp-header-topbar .ntqb-topbar-right {
	height: 40px;
	align-items: center;
	gap: 14px;
 }

 #sp-header-topbar .ntqb-topbar-left {
	justify-content: center;
 }

 #sp-header-topbar .ntqb-topbar-right {
	justify-content: center !important;
	flex-wrap: wrap;
 }

 /* Make sure Helix contact + social icons inherit white color (FontAwesome + icon fonts + pseudo icons) */
 #sp-header-topbar .sp-contact-info,
 #sp-header-topbar .sp-contact-info a,
 #sp-header-topbar .sp-contact-info span,
 #sp-header-topbar .sp-contact-info li,
 #sp-header-topbar .sp-contact-info li a,
 #sp-header-topbar .sp-contact-info li span,
 #sp-header-topbar .sp-contact-info li i,
 #sp-header-topbar .sp-contact-info li svg,
 #sp-header-topbar ul.social-icons,
 #sp-header-topbar ul.social-icons a,
 #sp-header-topbar ul.social-icons i,
 #sp-header-topbar ul.social-icons svg,
 #sp-header-topbar .fa,
 #sp-header-topbar .fas,
 #sp-header-topbar .far,
 #sp-header-topbar .fab,
 #sp-header-topbar [class^="icon-"],
 #sp-header-topbar [class*=" icon-"] {
 	color: #fff !important;
 	fill: #fff !important;
 }

 #sp-header-topbar [class^="icon-"]::before,
 #sp-header-topbar [class*=" icon-"]::before,
 #sp-header-topbar .fa::before,
 #sp-header-topbar .fas::before,
 #sp-header-topbar .far::before,
 #sp-header-topbar .fab::before {
 	color: #fff !important;
 }

 #sp-header-topbar .ntqb-top-date {
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
 }

 /* Helix contact info cleanup inside topbar */
 #sp-header-topbar .sp-contact-info {
 	margin: 0;
 	padding: 0;
 	display: flex;
 	align-items: center;
 	gap: 14px;
 	white-space: nowrap;
 }

 #sp-header-topbar .sp-contact-info li {
 	margin: 0;
 	padding: 0;
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	font-size: 13px;
 	line-height: 1;
 	white-space: nowrap;
 }

 #sp-header-topbar .sp-contact-info li > span,
 #sp-header-topbar .sp-contact-info li > a {
 	line-height: 1;
 }

 #sp-header-topbar .sp-contact-info i,
 #sp-header-topbar .sp-contact-info svg {
 	margin-top: 0;
 	vertical-align: middle;
 }

 #ntqb-brand-bar {
 	background: #fff;
 }

 #ntqb-brand-bar .container-inner {
 	padding-top: 12px;
 	padding-bottom: 12px;
 }

 #ntqb-brand-bar .ntqb-brand-left {
 	gap: 14px;
 }

 #ntqb-brand-bar .ntqb-brand-right {
 	color: var(--ntqb-muted);
 	font-weight: 700;
 	font-size: 13px;
 	line-height: 1.35;
 }

 #sp-header.lg-header {
	border-top: 1px solid var(--ntqb-border);
 }

 /* Prevent Helix responsive rules from scaling the topbar with header height */
 @media (max-width: 991.98px) {
 	#sp-header-topbar,
 	#sp-header-topbar .container-inner,
 	#sp-header-topbar .row,
 	#sp-header-topbar .ntqb-topbar-left,
 	#sp-header-topbar .ntqb-topbar-right {
 		height: 40px !important;
 		min-height: 40px !important;
 	}
 }

 @media (max-width: 1199.98px) {
 	#sp-header.lg-header .container-inner > .row {
 		align-items: center;
 		min-height: var(--header_height);
  	}

	#sp-header.lg-header .container-inner {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	#sp-header.lg-header .col-lg-3.col-6,
	#sp-header.lg-header .col-lg-9.col-6 {
		display: flex;
		align-items: center;
		min-height: var(--header_height);
	}

	#sp-header.lg-header .col-lg-9.col-6 {
		justify-content: flex-end;
	}

	#sp-header.lg-header .col-lg-9.col-6 > .d-flex {
		width: 100%;
		justify-content: flex-end;
		height: var(--header_height);
		align-items: center;
	}

	#sp-header.lg-header a#offcanvas-toggler {
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}

	#sp-header.lg-header a#offcanvas-toggler:after {
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}
 }

 /* Left-align menu on desktop and keep toggler on the far right */
 @media (min-width: 1200px) {
  	#sp-header.lg-header .col-xl-12 > .d-flex {
 		justify-content: center !important;
  		width: 100%;
  	}
 
  	#sp-header.lg-header .menu-with-offcanvas {
 		margin-right: 0;
  	}
 
  	#sp-header.lg-header .sp-megamenu-parent {
 		justify-content: center;
  	}

 	#sp-header.lg-header a#offcanvas-toggler.offcanvas-toggler-right {
 		margin-left: auto;
 	}
 }

 #sp-header.lg-header .container-inner {
 	padding-top: 8px;
 	padding-bottom: 8px;
 }

 /* Align main menu + any extra module (e.g. Contact Us) vertically */
 #sp-header.lg-header .menu-with-offcanvas {
 	display: flex;
 	align-items: center;
 	height: var(--header_height);
 }

 #sp-header.lg-header .menu-with-offcanvas > .sp-module,
 #sp-header.lg-header .menu-with-offcanvas > .sp-module .sp-module-content {
 	display: flex;
 	align-items: center;
 }

 #sp-header.lg-header .sp-megamenu-parent {
 	align-items: center;
 }

 #sp-header.lg-header .sp-megamenu-parent > li > a,
 #sp-header.lg-header .sp-megamenu-parent > li > span {
 	display: inline-flex;
 	align-items: center;
	line-height: var(--header_height);
 }

 #sp-header.lg-header .menu-with-offcanvas .sp-module a,
 #sp-header.lg-header .menu-with-offcanvas .sp-module span {
	line-height: var(--header_height);
	display: inline-flex;
	align-items: center;
 }

 #sp-header.lg-header .menu-with-offcanvas .sp-module {
 	height: var(--header_height);
 	display: inline-flex;
 	align-items: center;
 }

 #sp-header .sp-megamenu-parent .spmenu-number,
 #sp-header .sp-megamenu-parent > li > .spmenu-number {
 	display: none !important;
 }

 #sp-header.lg-header .sp-megamenu-parent > li > a:hover,
 #sp-header.lg-header .sp-megamenu-parent > li > span:hover {
 	color: #008b3f !important;
 }

 #sp-header.lg-header .sp-megamenu-parent > li > a,
 #sp-header.lg-header .sp-megamenu-parent > li > span {
 	font-size: 16px !important;
 	padding-left: 16px;
 	padding-right: 16px;
 }

 @media (min-width: 1200px) {
 	#sp-header.lg-header,
  	#sp-header.lg-header .container,
  	#sp-header.lg-header .container-inner,
 	#sp-header.lg-header .row,
 	#sp-header.lg-header .sp-megamenu-wrapper {
 		overflow: visible;
 	}

 	#sp-header.lg-header .sp-megamenu-parent {
 		z-index: 100;
 	}

 	#sp-header.lg-header .sp-dropdown {
 		z-index: 9999;
 	}

 	#sp-header.lg-header .sp-dropdown.sp-dropdown-main {
		top: 100%;
		transform: translateY(10px);
	}

	#sp-header.lg-header .sp-dropdown.sp-dropdown-main::before {
		content: "";
		position: absolute;
		top: -10px;
		left: 0;
		right: 0;
		height: 10px;
	}

	#sp-header.lg-header .sp-dropdown.sp-dropdown-sub {
		top: -6px;
	}

	#sp-header.lg-header .sp-has-child:hover > .sp-dropdown,
	#sp-header.lg-header .sp-has-child > .sp-dropdown:hover {
		display: block;
	}

 	#sp-header.lg-header .sp-dropdown .sp-dropdown-inner {
 		background: #fff;
 		border-radius: 18px;
 		padding: 10px;
 		overflow: hidden;
 		min-width: 260px;
 	}

 	#sp-header.lg-header .sp-dropdown .sp-dropdown-items li.sp-menu-item {
 		padding: 0;
 		border-radius: 12px;
 	}

 	#sp-header.lg-header .sp-dropdown .sp-dropdown-items li.sp-menu-item > a,
 	#sp-header.lg-header .sp-dropdown .sp-dropdown-items li.sp-menu-item > span {
 		display: block;
 		padding: 12px 14px;
 		font-size: 16px;
 		font-weight: 700;
 		line-height: 1.15;
 		color: #0f172a;
 	}

 	#sp-header.lg-header .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover {
 		background: rgba(16, 143, 77, 0.10);
 	}

 	#sp-header.lg-header .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover > a,
 	#sp-header.lg-header .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover > span {
 		color: #0c7b41;
 	}
 }

 /* Optional: if you place a CTA button module in menu position's right side, this styles it like the example */
 #sp-header .sp-module .btn,
 #sp-header .sp-module .button,
 #sp-header .sp-module a.btn {
 	border-radius: 999px;
 }

 @media (max-width: 991.98px) {
 	#sp-header-topbar .ntqb-topbar-left,
 	#sp-header-topbar .ntqb-topbar-right {
 		justify-content: center !important;
 		flex-wrap: wrap;
 	}

 	#ntqb-brand-bar .ntqb-brand-right {
 		margin-top: 6px;
 	}
 }

