:root {
  --sspsite-cyan: #0ea1c2;
  --sspsite-red: #e31837;
}

button, [role="button"] { cursor: pointer; }

.bg-black\/40{background-color:#0006}
.bottom-6{bottom:calc(var(--spacing)*6)}
.gap-x-6{column-gap:1.5rem}
.gap-y-3{row-gap:.75rem}
.h-\[18px\]{height:18px}
.h-\[42px\]{height:42px}
.h-\[52px\]{height:52px}
.h-\[66px\]{height:66px}
.w-\[18px\]{width:18px}
.w-\[280px\]{width:280px}
.pb-8{padding-bottom:calc(var(--spacing)*8)}
.pt-12{padding-top:calc(var(--spacing)*12)}
.size-11{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}
.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}
.z-\[60\]{z-index:60}
.hover\:text-slate-900:hover{color:var(--color-slate-900)}

@media (min-width:64rem){
  .lg\:block{display:block}
  .lg\:col-span-1{grid-column:span 1/span 1}
  .lg\:flex{display:flex}
  .lg\:gap-16{gap:calc(var(--spacing)*16)}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:h-\[74px\]{height:74px}
  .lg\:h-\[90px\]{height:90px}
  .lg\:hidden{display:none}
  .lg\:pb-10{padding-bottom:calc(var(--spacing)*10)}
  .lg\:pt-20{padding-top:calc(var(--spacing)*20)}
  .lg\:px-20{padding-inline:calc(var(--spacing)*20)}
  .lg\:text-left{text-align:left}
  .lg\:text-right{text-align:right}
}

.sspsite-primary-navigation a { text-transform: none; font-weight: 600; font-size: 15px; color: #1a2f3b; letter-spacing: normal; }
#sspsite-mobile-nav .sspsite-mobile-nav-item > details > summary,
#sspsite-mobile-nav .sspsite-mobile-nav-item > a { text-transform: none; letter-spacing: normal; font-weight: 600; font-size: 16px; }

.bg-\[\#10223b\] { background-color: #10223b; }
.text-\[\#10223b\] { color: #10223b; }
.font-poppins { font-family: "Poppins", ui-sans-serif, system-ui, sans-serif; }
.font-inter { font-family: "Inter", ui-sans-serif, system-ui, sans-serif; }

body { letter-spacing: normal; }
.max-w-\[1440px\] { max-width: 1440px; }

.banner-slider__slide { transition: opacity 1s ease; }

.banner-slider__arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  backdrop-filter: blur(6px) !important;
  color: #fff;
  font-size: 0 !important;
  line-height: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  z-index: 10;
  transition: background-color 0.2s ease;
}
.banner-slider__arrow--prev { left: 40px !important; }
.banner-slider__arrow--next { right: 40px !important; }
.banner-slider__arrow:hover { background: rgba(255, 255, 255, 0.2) !important; }
.banner-slider__arrow--prev::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M12.5 15L7.5 10L12.5 5' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;
}
.banner-slider__arrow--next::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M7.5 15L12.5 10L7.5 5' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;
}
.banner-slider__bg { object-position: top; }

.h-\[720px\] { height: 720px; }
.h-\[260px\] { height: 260px; }
.top-\[112px\] { top: 112px; }
.top-\[123px\] { top: 123px; }
.top-\[148px\] { top: 148px; }
.top-\[463px\] { top: 463px; }
.top-\[542px\] { top: 542px; }
.left-\[100px\] { left: 100px; }
.left-3 { left: .75rem; }
.left-20 { left: 5rem; }
.right-3 { right: .75rem; }
.w-\[700px\] { width: 700px; }
.w-\[600px\] { width: 600px; }
.text-\[56px\] { font-size: 56px; }
.text-\[20px\] { font-size: 20px; }
.text-\[13px\] { font-size: 13px; }
.tracking-\[-2px\] { letter-spacing: -2px; }
.leading-\[1\.1\] { line-height: 1.1; }
.leading-\[1\.15\] { line-height: 1.15; }
.leading-\[1\.6\] { line-height: 1.6; }
.gap-6 { gap: 1.5rem; }
.gap-10 { gap: 2.5rem; }
.px-8 { padding-inline: 2rem; }
.py-6 { padding-block: 1.5rem; }
.px-\[140px\] { padding-inline: 140px; }
.size-9 { width: 2.25rem; height: 2.25rem; }
.bg-\[\#0e6e85\] { background-color: #0e6e85; }
.text-\[\#e2e8f0\] { color: #e2e8f0; }
.text-\[\#5a7180\] { color: #5a7180; }
.border-\[\#e2eef2\] { border-color: #e2eef2; }
.bg-\[linear-gradient\(90deg\,rgba\(14\,110\,133\,0\.95\)_0\%\,rgba\(14\,110\,133\,0\.88\)_35\%\,rgba\(14\,89\,115\,0\.4\)_55\%\,rgba\(16\,34\,59\,0\)_70\%\)\] {
  background-image: linear-gradient(90deg, rgba(14,110,133,0.95) 0%, rgba(14,110,133,0.88) 35%, rgba(14,89,115,0.4) 55%, rgba(16,34,59,0) 70%);
}
.bg-\[\#10a1c2\]\/10 { background-color: rgba(16,161,194,0.1); }
.bg-\[\#10a1c2\] { background-color: #10a1c2; }
#about .ssp-read-more-button,
#about .ssp-read-less-button { color: #0e6e85; font-size: 15px; font-weight: 700; gap: 8px; padding: 0; border: 0; background: transparent; }
#about .ssp-read-more-button:hover,
#about .ssp-read-less-button:hover { color: #0a4f61; }

.bg-\[\#f5f7f8\] { background-color: #f5f7f8; }
.border-cyan-500 { border-color: var(--color-cyan-500); }
.h-\[220px\] { height: 220px; }
.leading-\[1\.5\] { line-height: 1.5; }
.pb-14 { padding-bottom: 3.5rem; }
.pt-14 { padding-top: 3.5rem; }
.text-\[11px\] { font-size: 11px; }
.text-\[18px\] { font-size: 18px; }
.text-\[26px\] { font-size: 26px; }
.text-\[28px\] { font-size: 28px; }
.tracking-\[-1\.5px\] { letter-spacing: -1.5px; }
.tracking-\[-1px\] { letter-spacing: -1px; }
.tracking-\[1px\] { letter-spacing: 1px; }
@media (min-width: 48rem) {
  .md\:h-\[360px\] { height: 360px; }
}
@media (min-width: 64rem) {
  .lg\:gap-20 { gap: 5rem; }
  .lg\:h-\[520px\] { height: 520px; }
  .lg\:mb-16 { margin-bottom: 4rem; }
  .lg\:pb-\[100px\] { padding-bottom: 100px; }
  .lg\:shrink-0 { flex-shrink: 0; }
  .lg\:text-\[22px\] { font-size: 22px; }
  .lg\:text-\[42px\] { font-size: 42px; }
  .lg\:text-xs { font-size: .75rem; }
  .lg\:w-\[560px\] { width: 560px; }
  .lg\:w-\[640px\] { width: 640px; }
  .lg\:w-\[990px\] { width: 990px; }
}

.bg-\[\#e6f5f8\] { background-color: #e6f5f8; }
.border-\[\#e6f5f8\] { border-color: #e6f5f8; }
.border-cyan-50 { border-color: var(--color-cyan-50); }
.h-\[200px\] { height: 200px; }
.leading-\[1\.2\] { line-height: 1.2; }
.pb-12 { padding-bottom: 3rem; }
.py-14 { padding-block: 3.5rem; }
.shadow-\[0px_8px_12px_rgba\(16\,161\,194\,0\.04\)\] { box-shadow: 0px 8px 12px rgba(16,161,194,0.04); }
.size-12 { width: 3rem; height: 3rem; }
.text-\[\#1a2f3b\] { color: #1a2f3b; }
.tracking-\[-0\.5px\] { letter-spacing: -0.5px; }
@media (min-width: 48rem) {
  .md\:h-\[300px\] { height: 300px; }
}
@media (min-width: 64rem) {
  .lg\:flex-1 { flex: 1 1 0%; }
  .lg\:gap-4 { gap: 1rem; }
  .lg\:gap-5 { gap: 1.25rem; }
  .lg\:gap-7 { gap: 1.75rem; }
  .lg\:h-\[400px\] { height: 400px; }
  .lg\:items-center { align-items: center; }
  .lg\:items-end { align-items: flex-end; }
  .lg\:leading-\[1\.15\] { line-height: 1.15; }
  .lg\:min-w-0 { min-width: 0px; }
  .lg\:p-8 { padding: 2rem; }
  .lg\:pb-16 { padding-bottom: 4rem; }
  .lg\:pb-20 { padding-bottom: 5rem; }
  .lg\:pt-8 { padding-top: 2rem; }
  .lg\:pt-\[50px\] { padding-top: 50px; }
  .lg\:pt-\[90px\] { padding-top: 90px; }
  .lg\:rounded-2xl { border-radius: 1rem; }
  .lg\:rounded-xl { border-radius: .75rem; }
  .lg\:size-14 { width: 3.5rem; height: 3.5rem; }
  .lg\:text-4xl { font-size: 2.25rem; }
  .lg\:text-\[15px\] { font-size: 15px; }
  .lg\:text-lg { font-size: 1.125rem; }
  .lg\:text-xl { font-size: 1.25rem; }
  .lg\:tracking-\[-1\.5px\] { letter-spacing: -1.5px; }
  .lg\:w-\[800px\] { width: 800px; }
  .lg\:w-auto { width: auto; }
}
.backdrop-blur-\[6px\] { backdrop-filter: blur(6px); }
.gap-2\.5 { gap: .625rem; }
.text-\[15px\] { font-size: 15px; }
.shadow-\[0px_1px_4px_rgba\(0\,0\,0\,0\.04\)\,0px_4px_16px_rgba\(0\,0\,0\,0\.08\)\] { box-shadow: 0px 1px 4px rgba(0,0,0,0.04), 0px 4px 16px rgba(0,0,0,0.08); }
@media (min-width: 64rem) {
  .lg\:-mt-\[70px\] { margin-top: -70px; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:gap-2 { gap: .5rem; }
  .lg\:gap-6 { gap: 1.5rem; }
  .lg\:h-\[140px\] { height: 140px; }
  .lg\:justify-center { justify-content: center; }
  .lg\:p-6 { padding: 1.5rem; }
  .lg\:px-\[140px\] { padding-inline: 140px; }
  .lg\:py-0 { padding-block: 0; }
  .lg\:relative { position: relative; }
  .lg\:text-\[13px\] { font-size: 13px; }
  .lg\:text-base { font-size: 1rem; }
  .lg\:text-center { text-align: center; }
  .lg\:z-10 { z-index: 10; }
}
.w-\[140px\] { width: 140px; }
@media (min-width: 64rem) {
  .lg\:w-\[249\.6px\] { width: 249.6px; }
  .lg\:h-\[74\.4px\] { height: 74.4px; }
}

.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232;
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d;
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc;
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}

body { margin: 0; overflow-x: hidden; color: #1e293b; background: #fff; }
body.admin-bar .sspsite-global-header { top: 32px; }
img { max-width: 100%; }

.sspsite-video-embed .wp-block-embed__wrapper { position: relative; }
.sspsite-video-embed .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 56.25%; }
.sspsite-video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.h-\[70vh\] { height: 70vh; }
.min-h-\[500px\] { min-height: 500px; }
.w-\[600px\] { width: 600px; }
.h-\[600px\] { height: 600px; }
.w-\[400px\] { width: 400px; }
.h-\[400px\] { height: 400px; }

.bg-\[\#0a2f45\] { background-color: #0a2f45; }
@media (min-width: 48rem) {
  .md\:grid { display: grid; }
}

@media (min-width: 80rem) {
  .xl\:flex { display: flex; }
  .xl\:hidden { display: none; }
  .xl\:block { display: block; }
}

.mobile-marquee { width: max-content; }
@keyframes marquee { 0% { transform: translate(0); } to { transform: translate(-50%); } }
.mobile-marquee { animation: 18s linear infinite marquee; }

.sspsite-global-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.08);
}
@media (max-width: 63.9375rem) {
  .sspsite-global-header { border-bottom: none; }
}
.sspsite-global-header .wp-block-image,
.sspsite-global-footer .wp-block-image,
.ssp-section .wp-block-image { margin: 0; }
.sspsite-global-header .wp-block-columns,
.sspsite-global-footer .wp-block-columns,
.ssp-section .wp-block-columns { margin-bottom: 0; }
.sspsite-global-header .widget_block,
.sspsite-global-footer .widget_block { margin: 0; }
.sspsite-primary-navigation ul { list-style: none; margin: 0; padding: 0; }
.sspsite-primary-navigation > ul { align-items: center; }
.sspsite-primary-navigation > ul > li > a { display: flex; align-items: center; line-height: 20px; }
.sspsite-primary-navigation a {
  color: #1e293b;
  font-size: .875rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: color .2s ease;
}
.sspsite-primary-navigation a:hover { color: var(--sspsite-cyan); }
.sspsite-primary-navigation > ul > li.current-menu-item > a,
.sspsite-primary-navigation > ul > li.current_page_item > a,
.sspsite-primary-navigation > ul > li.current-menu-parent > a,
.sspsite-primary-navigation > ul > li.current_page_parent > a,
.sspsite-primary-navigation > ul > li.current-menu-ancestor > a,
.sspsite-primary-navigation > ul > li.current_page_ancestor > a { color: #115b92; }
.sspsite-primary-navigation .menu-item-has-children { position: relative; }
.sspsite-primary-navigation .menu-item-has-children > a { display: flex; align-items: center; gap: .25rem; }
.sspsite-primary-navigation .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 60;
  min-width: 210px;
  padding: .5rem 0;
  background: #fff;
  border: 1px solid #f1f5f9;
  border-radius: .75rem;
  box-shadow: 0 20px 25px -5px rgb(15 23 42 / .15), 0 8px 10px -6px rgb(15 23 42 / .1);
}
.sspsite-primary-navigation .sub-menu .sub-menu { top: 0; left: 100%; margin-left: 0; }
.sspsite-primary-navigation > ul > li:last-child .sub-menu .sub-menu { left: auto; right: 100%; }
.sspsite-primary-navigation .menu-item-has-children:hover > .sub-menu,
.sspsite-primary-navigation .menu-item-has-children:focus-within > .sub-menu { display: block; }
.sspsite-primary-navigation .sub-menu a {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  padding: .625rem 1.25rem;
  color: #334155;
  font-size: .875rem;
  font-weight: 500;
  text-transform: none;
  white-space: nowrap;
}
.sspsite-primary-navigation .sub-menu a:hover { color: #0e7490; background: #ecfeff; }
.sspsite-primary-navigation .sub-menu li.current-menu-item > a,
.sspsite-primary-navigation .sub-menu li.current_page_item > a,
.sspsite-primary-navigation .sub-menu li.current-menu-parent > a,
.sspsite-primary-navigation .sub-menu li.current_page_parent > a,
.sspsite-primary-navigation .sub-menu li.current-menu-ancestor > a,
.sspsite-primary-navigation .sub-menu li.current_page_ancestor > a { color: #0e7490; background: #ecfeff; }
.sspsite-mobile-panel .sub-menu { display: none; padding-left: 1rem; }
.sspsite-mobile-panel .is-submenu-open > .sub-menu { display: block; }
.sspsite-mobile-panel .menu-item-has-children > a { display: flex; align-items: center; justify-content: space-between; }
.sspsite-mobile-panel .is-submenu-open > a .sspsite-submenu-icon { transform: rotate(180deg); }
.sspsite-primary-navigation a[href="#"],
.sspsite-mobile-panel a[href="#"],
footer a[href="#"] { cursor: default; }
.sspsite-footer-menu { list-style: none; margin: 0; padding: 0; }
.sspsite-footer-menu a { color: #94a3b8; }
.sspsite-footer-menu a:hover { color: #22d3ee; }

.ssp-section { position: relative; width: 100%; }
.ssp-section-content { width: 100%; }
.ssp-section-content > .wp-block-columns,
.ssp-section-content > .wp-block-group { width: 100%; }
.wp-block-columns.grid { display: grid; }
.wp-block-columns.flex { display: flex; }
.wp-block-columns[class*="columns-"] { display: block; }
.wp-block-column { min-width: 0; }
.wp-block-group { box-sizing: border-box; }
.sspsite-button { text-decoration: none; }

#search-submit { background-color: #10a1c2; }
#search-submit:hover { background-color: #0e8ba8; }

.sspsite-tabs .sspsite-tab-button { background: #fff; color: #0e6e85; border-color: #10a1c2; }
.sspsite-tabs .sspsite-tab-button:hover { background: #1c87d2; color: #fff; border-color: #1c87d2; box-shadow: 0 4px 8px rgb(15 23 42 / .12); }
.sspsite-tabs .sspsite-tab-button.is-active { background: #1c87d2; color: #fff; border-color: #1c87d2; box-shadow: 0 4px 8px rgb(15 23 42 / .12); }
.sspsite-tab-panel { display: none; animation: sspsite-tab-in .45s ease both; }
.sspsite-tab-panel.is-active { display: block; }
@keyframes sspsite-tab-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

.sspsite-tabs .sspsite-tabs-accordion { display: none; }
@media (max-width: 767px) {
  .sspsite-tabs .sspsite-tab-buttons,
  .sspsite-tabs .sspsite-tab-panels { display: none; }
  .sspsite-tabs .sspsite-tabs-accordion { display: block; }
}

.sspsite-accordion { border-top: 1px solid #e2e8f0; }
.sspsite-accordion-item { border-bottom: 1px solid #e2e8f0; }
.sspsite-accordion-heading { position: relative; cursor: pointer; padding: 1.25rem 3rem 1.25rem 0; font-weight: 600; color: #0f172a; list-style: none; }
.sspsite-accordion-heading::-webkit-details-marker { display: none; }
.sspsite-accordion-heading::after { content: "+"; position: absolute; right: 0; top: .9rem; width: 2rem; height: 2rem; display: grid; place-items: center; border: 1px solid #e2e8f0; border-radius: 999px; color: #64748b; }
.sspsite-accordion-item[open] .sspsite-accordion-heading { color: #0ea1c2; }
.sspsite-accordion-item[open] .sspsite-accordion-heading::after { content: "−"; color: #fff; background: #10a1c2; border-color: #10a1c2; }

.sspsite-carousel { position: relative; width: 100%; }
.sspsite-carousel-viewport { overflow: hidden; }
.sspsite-carousel-track { display: flex; gap: 2rem; transition: transform .45s cubic-bezier(.25,.46,.45,.94); will-change: transform; }
.sspsite-carousel-slide { flex: 0 0 calc((100% - 4rem) / 3); min-width: 0; }
.sspsite-carousel-prev,
.sspsite-carousel-next {
  position: absolute; top: 50%; z-index: 5; width: 2.75rem; height: 2.75rem; transform: translateY(-50%);
  border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; color: #0891b2;
  box-shadow: 0 4px 10px rgb(15 23 42 / .14); display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: background-color .2s, border-color .2s;
}
.sspsite-carousel-prev:hover,
.sspsite-carousel-next:hover { background: #ecfeff; border-color: #0891b2; }
.sspsite-carousel-prev { left: -4rem; }
.sspsite-carousel-next { right: -4rem; }
@media (max-width: 1279px) {
  .sspsite-carousel-prev { left: -1.25rem; }
  .sspsite-carousel-next { right: -1.25rem; }
}
.sspsite-carousel-dots { display: flex; justify-content: center; gap: .5rem; margin-top: 1.5rem; }
.sspsite-carousel-dot { width: .65rem; height: .65rem; padding: 0; border: 0; border-radius: 999px; background: #cbd5e1; cursor: pointer; }
.sspsite-carousel-dot.is-active { width: 1.5rem; background: #06b6d4; }
@media (min-width: 768px) and (max-width: 1279px) {
  .sspsite-carousel { max-width: 85%; margin: 0 auto 2.5rem; }
}
.sspsite-hero-slides { position: absolute; inset: 0; }
.sspsite-hero-slides .sspsite-carousel-track,
.sspsite-hero-slides .sspsite-carousel-viewport,
.sspsite-hero-slides .sspsite-carousel-slide { height: 100%; }
.sspsite-hero-slides .sspsite-carousel-prev,
.sspsite-hero-slides .sspsite-carousel-next { display: none; }
.sspsite-hero-slides .sspsite-carousel-dots { position: absolute; z-index: 5; bottom: 4rem; left: 50%; transform: translateX(-50%); }

.sspsite-hero-carousel { position: absolute; inset: 0; width: 100%; height: 100%; }
.sspsite-hero-carousel .slick-slider,
.sspsite-hero-carousel .slick-list,
.sspsite-hero-carousel .slick-track { height: 100%; }
.sspsite-hero-carousel .slick-slide,
.sspsite-hero-carousel .slick-slide > div,
.sspsite-hero-carousel .wp-block-cb-slide { height: 100%; }
.sspsite-hero-carousel .wp-block-image { height: 100%; margin: 0; }
.sspsite-hero-carousel .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sspsite-hero-carousel .slick-prev,
.sspsite-hero-carousel .slick-next { display: none !important; }
.sspsite-hero-carousel .slick-dots { position: absolute; z-index: 5; bottom: 4rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.5rem; list-style: none; padding: 0; margin: 0; }
.sspsite-hero-carousel .slick-dots li { margin: 0; }
.sspsite-hero-carousel .slick-dots li button { width: 0.65rem; height: 0.65rem; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,0.4); color: transparent; font-size: 0; cursor: pointer; transition: all 0.3s; }
.sspsite-hero-carousel .slick-dots li.slick-active button { background: #fff; transform: scale(1.25); }
.sspsite-store-carousel .sspsite-carousel-slide { flex-basis: 100%; }

.sspsite-compare { position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 1rem; overflow: hidden; cursor: ew-resize; user-select: none; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); background: #0f172a; }
@media (min-width: 768px) { .sspsite-compare { aspect-ratio: 16 / 7; } }
.sspsite-compare img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sspsite-compare-before { position: absolute; inset: 0 auto 0 0; width: var(--position); overflow: hidden; border-right: 6px solid #fff; box-shadow: 0 0 15px rgb(0 0 0 / .5); }
.sspsite-compare-before img { width: var(--compare-width, 100vw); max-width: none; }
.sspsite-compare input { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; }
.sspsite-compare-handle { position: absolute; z-index: 3; top: 50%; left: var(--position); width: 3rem; height: 3rem; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; border: 2px solid #f1f5f9; border-radius: 999px; background: #fff; color: #334155; box-shadow: 0 4px 10px rgb(0 0 0 / .3); transition: transform .2s; }
.sspsite-compare-handle svg { width: 13px; height: 13px; }
.sspsite-compare:hover .sspsite-compare-handle { transform: translate(-50%,-50%) scale(1.1); }
.sspsite-compare-drag-label { position: absolute; z-index: 3; bottom: 1rem; left: 50%; transform: translateX(-50%); padding: .375rem 1rem; border-radius: 999px; font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.8); background: rgba(0,0,0,.35); pointer-events: none; }
.sspsite-before-label,.sspsite-after-label { position: absolute; z-index: 2; top: 1rem; padding: .375rem 1rem; border-radius: .75rem; color: #fff; font-weight: 700; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.sspsite-before-label { left: 1rem; background: rgba(50,50,50,.85); }
.sspsite-after-label { right: 1rem; background: rgb(8 145 178 / .9); }

li:has(> svg) { display: flex; align-items: flex-start; gap: .5rem; }
li:has(> svg) > svg { flex-shrink: 0; }

.sspsite-masonry-gallery { column-count: 3; display: block !important; }
.sspsite-masonry-gallery > .wp-block-column { display: inline-block; width: 100%; margin: 0 0 1rem; break-inside: avoid; }
.sspsite-gallery-image { overflow: hidden; border-radius: .5rem; }
.sspsite-gallery-image img { width: 100%; height: auto; transition: transform .5s ease; }
.sspsite-gallery-image:hover img { transform: scale(1.04); }
.sspsite-fleet-parallax { background: url('../images/sspsite_photo.webp') center/cover fixed; }

.sspsite-contact-link::before { content: ""; width: 1rem; height: 1rem; flex: 0 0 1rem; background-position: center; background-repeat: no-repeat; background-size: contain; }
.sspsite-contact-phone::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230891b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.sspsite-contact-location::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230891b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.sspsite-contact-hours::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230891b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); }
#sspsite-hours-popup > .popup-content { width: 280px; min-width: 0; max-width: 92vw; padding: 1.5rem; }
#sspsite-hours-popup .popup-content .close a { position: static; width: auto; height: auto; background: transparent; color: #0f2b4a; padding: 0; }
#sspsite-hours-popup .popup-content .close a:hover { background: transparent; opacity: .6; }

.sspsite-mobile-controls { display: none; }
.sspsite-mobile-toggle { display: grid; place-items: center; border: 0; background: transparent; padding: 0; }
.sspsite-mobile-panel { display: none; padding: 1rem; border-top: 1px solid #e2e8f0; background: #fff; }
.sspsite-mobile-panel.is-open { display: block; }
.sspsite-mobile-panel ul { list-style: none; margin: 0; padding: 0; }
.sspsite-mobile-panel a { display: block; padding: .75rem .5rem; color: #1e293b; font-weight: 700; }

@media (max-width: 782px) { body.admin-bar .sspsite-global-header { top: 46px; } }
@media (max-width: 767px) {
  .sspsite-mobile-controls { display: flex; }
  .sspsite-carousel-slide { flex-basis: 100%; }
  .sspsite-carousel-prev { left: .25rem; }.sspsite-carousel-next { right: .25rem; }
  .section-sub-heading { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
  #section-showcase .h-20 { height: 0; }
  .footer-col-links { display: none; }
  .footer-col-brand { text-align: center; }
  .footer-col-brand__logo { display: block; margin-left: auto; margin-right: auto; }
  .footer-col-brand__contact { text-align: left; }
  .footer-col-brand__contact .flex { justify-content: center; }
  .footer-col-brand__social { justify-content: center; }
  .section-header { margin-bottom: 0; }
}
.banner-slider{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-slider__slides,.banner-slider__slide,.banner-slider__bg{position:absolute;inset:0}.banner-slider__slide{opacity:0;transition:opacity 1s ease}.banner-slider:not(.is-initialized) .banner-slider__slide:first-child,.banner-slider__slide.is-active{opacity:1}.banner-slider__bg{width:100%;height:100%;object-fit:cover;display:block}.banner-slider__slide-content,.banner-slider__shared-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem}.banner-slider__slide-content{z-index:1}.banner-slider__shared-content{z-index:3;width:100%;box-sizing:border-box}.banner-slider__overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.banner-slider__dots{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:.5rem;padding:0;margin:0;list-style:none}.banner-slider__dot{width:.65rem;height:.65rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s ease}.banner-slider__dot.is-active{width:1.5rem;background:#fff}.banner-slider__arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:2.75rem;height:2.75rem;display:grid;place-items:center;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(0,0,0,.3);color:#fff;font-size:1.75rem;line-height:1;cursor:pointer}.banner-slider__arrow:hover{background:rgba(0,0,0,.55)}.banner-slider__arrow--prev{left:1rem}.banner-slider__arrow--next{right:1rem}
.banner-slider[data-shared-content="false"]>.banner-slider__overlay{display:none}.banner-slider[data-shared-content="false"] .banner-slider__slide::after{content:"";position:absolute;inset:0;z-index:1;background:var(--banner-overlay-color,rgba(15,23,42,.5));pointer-events:none}.banner-slider[data-shared-content="false"] .banner-slider__slide-content{z-index:2}
.contact-form .wpcf7-form { display: flex; flex-direction: column; gap: 1.25rem; }
.contact-form .wpcf7-form p { margin: 0; }
.contact-form .wpcf7-form > .hidden-fields-container { display: contents; }
.contact-form .wpcf7-form > .wpcf7-response-output:empty { display: contents; }
.contact-form .contact-form__label { display: block; margin-bottom: .5rem; color: #94a3b8; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.contact-form .contact-form__input,.contact-form .contact-form__select,.contact-form .contact-form__textarea { width: 100%; box-sizing: border-box; border: 1px solid rgba(255,255,255,.1); border-radius: .5rem; background: rgba(255,255,255,.1); color: #fff; padding: .75rem 1rem; font-size: .875rem; outline: none; transition: background-color .2s,border-color .2s; }
.contact-form .contact-form__input:focus,.contact-form .contact-form__select:focus,.contact-form .contact-form__textarea:focus { border-color: #06b6d4; background: rgba(255,255,255,.15); }
.contact-form .contact-form__input::placeholder,.contact-form .contact-form__textarea::placeholder { color: #64748b; }
.contact-form .contact-form__select:invalid { color: #64748b; }
.contact-form .contact-form__select option { background: #1e293b; color: #fff; }
.contact-form .contact-form__textarea { min-height: 7rem; resize: vertical; }
.contact-form .btn-submit { width: 100%; border: 0; border-radius: .5rem; background: #e31837; color: #fff; padding: 1rem 2rem; font-size: 1rem; font-weight: 700; cursor: pointer; }
.contact-form .btn-submit:hover { background: #b91c1c; }
.contact-form .wpcf7-not-valid-tip { margin-top: .35rem; color: #fca5a5; font-size: .75rem; }
.contact-form .wpcf7-response-output { margin: 0 !important; border-radius: .5rem; color: #fff; }
#introduction .intro-read-more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 1rem;
}

#introduction .intro-read-more > p,
#introduction .intro-read-more > .ssp-read-more-content {
  flex: 1 1 100%;
}

#introduction .ssp-read-more-buttons,
#introduction .intro-read-more > a {
  flex: 0 0 auto;
  line-height: 1;
}

#introduction .ssp-read-more-buttons {
  margin-bottom: 0;
}

#introduction .ssp-read-more-button,
#introduction .ssp-read-less-button {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0891b2;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

#introduction .ssp-read-more-button:hover,
#introduction .ssp-read-less-button:hover {
  color: #155e75;
}

#project-cta .sspsite-video-cta {
  isolation: isolate;
}

#project-cta .wp-block-cover__video-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  z-index: 1;
}

#project-cta .wp-block-cover__background {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 1 !important;
  background: linear-gradient(
    to bottom right,
    rgb(15 23 42 / 80%),
    rgb(15 23 42 / 60%),
    rgb(22 78 99 / 70%)
  ) !important;
}

#project-cta .wp-block-cover__inner-container {
  position: relative;
  z-index: 4;
  width: 100%;
  color: inherit;
}

#project-cta .sspsite-video-cta > .pointer-events-none {
  z-index: 3;
}

#store .ssp-map-frame {
  height: 100% !important;
  min-height: 380px;
}

.sspsite-map-facade {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  border: 1px solid #e2eef2;
  background: #e6f5f8;
  color: #0e6e85;
  font-weight: 600;
  font-size: 0.9375rem;
}

.sspsite-map-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #b9dee6;
  border-top-color: #0e6e85;
  border-radius: 50%;
  animation: sspsite-map-spin 0.8s linear infinite;
}

@keyframes sspsite-map-spin {
  to { transform: rotate(360deg); }
}

.sspsite-map-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.sspsite-map-iframe.is-loaded {
  opacity: 1;
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .sspsite-header-request-btn {
    display: none !important;
  }
  #menu-primary-menu > li:not(:last-child) {
    margin-inline-end: 20px;
  }
  .lg\:w-\[640px\],
  .lg\:w-\[652px\] {
    max-width: 45%;
  }
  .sspsite-about-van-image,
  .lg\:h-\[400px\] {
    height: auto !important;
    object-fit: unset !important;
  }
}

#section-gallery .sgb-item-button {
  display: none !important;
}

#section-gallery .sgb-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
}
#section-gallery .pgc-rev-tags-list-item-view {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid #e2e8f0;
  cursor: pointer;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  background: #fff !important;
}
#section-gallery .pgc-rev-tags-list-item-view .pgc-rev-tags-list-item-title {
  color: #475569 !important;
}
#section-gallery .pgc-rev-tags-list-item-view:hover {
  border-color: #22d3ee;
}
#section-gallery .pgc-rev-tags-list-item-view:hover .pgc-rev-tags-list-item-title {
  color: #0891b2 !important;
}
#section-gallery .pgc-rev-tags-list-item-view.pgc-selected {
  background: #0891b2 !important;
  border-color: #0891b2;
  box-shadow: 0 4px 8px rgb(15 23 42 / 0.12);
}
#section-gallery .pgc-rev-tags-list-item-view.pgc-selected .pgc-rev-tags-list-item-title {
  color: #fff !important;
}

#section-gallery .sgb-item {
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

#sspsite-mobile-nav {
  list-style: none;
}
#sspsite-mobile-nav summary {
  list-style: none;
}
#sspsite-mobile-nav summary::-webkit-details-marker {
  display: none;
}
#sspsite-mobile-nav details[open] > summary .sspsite-accordion-chevron {
  transform: rotate(90deg);
}
#sspsite-mobile-nav .sspsite-mobile-nav-chevron-hit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  margin: -12px -12px -12px 0;
}
#sspsite-mobile-nav .sspsite-mobile-nav-list {
  margin: 0;
  padding: 0;
}
#sspsite-mobile-nav .sspsite-mobile-nav-item,
#sspsite-mobile-nav .sspsite-mobile-nav-subitem,
#sspsite-mobile-nav .sspsite-mobile-nav-tertiary {
  list-style: none;
}
#sspsite-mobile-nav .sspsite-mobile-nav-item.sspsite-mobile-nav-active > a,
#sspsite-mobile-nav .sspsite-mobile-nav-item.sspsite-mobile-nav-active > details > summary {
  color: var(--sspsite-cyan);
}
#sspsite-mobile-nav .sspsite-mobile-nav-subitem.sspsite-mobile-nav-active > a,
#sspsite-mobile-nav .sspsite-mobile-nav-subitem.sspsite-mobile-nav-active > details > summary {
  color: var(--sspsite-cyan);
}
#sspsite-mobile-nav .sspsite-mobile-nav-submenu {
  background: #f7f7fa;
}
#sspsite-mobile-nav .sspsite-mobile-nav-submenu > .sspsite-mobile-nav-subitem > a,
#sspsite-mobile-nav .sspsite-mobile-nav-submenu > .sspsite-mobile-nav-subitem > details > summary {
  padding-left: 48px;
  padding-right: 24px;
}

@media (max-width: 767px) {
  #project-cta .sspsite-video-cta {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #introduction,
  #why-trust-us,
  #hot-tubs,
  #section-showcase,
  #pool-construction,
  #pool-remodeling,
  #services,
  #green-to-clean,
  #trust-cta,
  #backyard-products,
  #store,
  #contact,
  #section-services-tabs,
  #section-faq,
  #section-gallery,
  #section-reviews,
  #section-blog {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

.pgc-rev-lb-b-item-title { text-align: center; }
.pgc-rev-lb-b-view .pgc-rev-lb-b-info-wrap { position: absolute !important; width: 100% !important; }

.block-showroom-photos-wrapper {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.block-showroom-photos-wrapper img,
.block-showroom-photos-three img {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
#site-main img.wp-image-1572 {
  width: 190px !important;
  height: auto !important;
  margin-bottom: 0.5rem !important;
}
@media (min-width: 64rem) {
  #site-main img.wp-image-1572 {
    width: 320px !important;
  }
}
@media (max-width: 63.9375rem) {
  .banner-slider {
    position: relative !important;
    overflow: visible !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .banner-slider__slides { position: static !important; }
  .banner-slider__slide {
    display: none !important;
    position: static !important;
    transition: opacity 0.5s ease !important;
  }
  .banner-slider:not(.is-initialized) .banner-slider__slide:first-child,
  .banner-slider__slide.is-active {
    display: block !important;
  }
  .banner-slider__bg-picture,
  .banner-slider__bg {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 260px !important;
  }
  .banner-slider__slide-content {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    padding: 0 !important;
  }
  .banner-slider__overlay { display: none !important; }
  .banner-slider__arrow {
    top: 112px !important;
    width: 36px !important;
    height: 36px !important;
    border: none !important;
  }
  .banner-slider__arrow--prev { left: 12px !important; }
  .banner-slider__arrow--next { right: 12px !important; }
  .banner-slider__arrow--prev::before,
  .banner-slider__arrow--next::before {
    width: 16px !important;
    height: 16px !important;
  }
}
.sspsite-hero-gradient { display: none; }
.sspsite-hero-panel {
  background: #0e6e85;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
  padding: 2rem 1.5rem;
}
.sspsite-hero-panel > .sspsite-hero-text { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; margin: 0; }
.sspsite-hero-text .sspsite-hero-heading {
  font-weight: 800;
  line-height: 1.15;
  font-size: 2.25rem;
  color: #fff;
  letter-spacing: -0.025em;
  width: 100%;
  margin: 0;
}
.sspsite-hero-text p { line-height: 1.6; color: #e2e8f0; font-size: 0.875rem; width: 100%; margin: 0; }
.sspsite-hero-panel > .sspsite-hero-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding-top: 0.5rem;
  width: 100%;
  margin: 0;
}
.sspsite-hero-btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.sspsite-hero-btn--primary { background: #10223b; color: #fff; border: 2px solid #10223b; }
.sspsite-hero-btn--primary:hover { background: #0a1626; }
.sspsite-hero-btn--secondary { background: transparent; color: #fff; border: 2px solid #fff; }
.sspsite-hero-btn:hover { opacity: 0.88; }

.sspsite-hero-badges {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(6px);
}
.sspsite-badge { display: flex; align-items: center; justify-content: center; gap: 0.625rem; width: 100%; }
.sspsite-badge svg { flex-shrink: 0; }
.sspsite-badge p { font-weight: 600; color: #fff; font-size: 0.8125rem; white-space: nowrap; margin: 0; }
@media (min-width: 64rem) {
  .sspsite-hero-gradient {
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(14, 110, 133, 0.95) 0%, rgba(14, 110, 133, 0.88) 35%, rgba(14, 89, 115, 0.4) 55%, rgba(16, 34, 59, 0) 70%);
  }
  .sspsite-hero-panel {
    position: absolute;
    inset: 0;
    max-width: 1440px;
    margin: 0 auto;
    background: transparent;
    display: block;
    padding: 0;
  }
  .sspsite-hero-panel > .sspsite-hero-text {
    display: block;
    position: absolute;
    left: 100px;
    top: 123px;
    width: 700px;
  }
  .sspsite-hero-text .sspsite-hero-heading { font-size: 3.5rem; letter-spacing: -0.035em; line-height: 1.1; width: auto; margin-bottom: 1rem; }
  .sspsite-hero-text p { font-size: 1.25rem; width: 600px; }
  .sspsite-hero-panel > .sspsite-hero-buttons {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    position: absolute;
    left: 100px;
    top: 463px;
    padding-top: 0;
    width: auto;
  }
  .sspsite-hero-btn { display: inline-flex; align-items: center; justify-content: center; width: auto; padding: 0.875rem 1.75rem; white-space: nowrap; }
  .sspsite-hero-badges {
    flex-direction: row;
    gap: 2.5rem;
    padding: 1rem 2rem;
    border-radius: 9999px;
    width: fit-content;
    margin: 0;
    position: absolute;
    left: 80px;
    top: 542px;
  }
  .sspsite-badge { width: auto; justify-content: flex-start; }
  .sspsite-badge p { font-size: 0.875rem; }
}
#quote { background: #0e6e85; }
@media (min-width: 64rem) {
  .lg\:contents { display: contents; }
  .home #site-main { background: #f5f7f8; }
}
#warranty-station .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 48rem) {
  #warranty-station .grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.px-9 { padding-inline: 2.25rem; }
.bg-\[\#1c87d2\] { background-color: #1c87d2; }
.text-\[\#0e6e85\] { color: #0e6e85; }
.text-\[\#10a1c2\] { color: #10a1c2; }
.hover\:bg-\[\#0e8fac\]:hover { background-color: #0e8fac; }
.hover\:bg-\[\#e6f5f8\]:hover { background-color: #e6f5f8; }
.border-\[\#0e6e85\] { border-color: #0e6e85; }
.hover\:bg-\[\#0a4f61\]:hover { background-color: #0a4f61; }
.bg-\[\#115B92\] { background-color: #115B92; }
.hover\:bg-\[\#0e4b78\]:hover { background-color: #0e4b78; }
.border-\[\#115B92\] { border-color: #115B92; }
.text-\[\#115B92\] { color: #115B92; }
.size-\[14px\] { width: 14px; height: 14px; }
.text-\[\#0f2b4a\] { color: #0f2b4a; }
.hover\:opacity-60:hover { opacity: 0.6; }
.shadow-\[0px_2px_3px_rgba\(0\,0\,0\,0\.06\)\,0px_8px_12px_rgba\(0\,0\,0\,0\.15\)\] { box-shadow: 0px 2px 3px rgba(0,0,0,0.06), 0px 8px 12px rgba(0,0,0,0.15); }
#sspsite-hours-popup.popup-container { background-color: transparent; }
.bottom-\[24px\] { bottom: 24px; }
.right-\[24px\] { right: 24px; }
.rounded-\[8px\] { border-radius: 8px; }
.shadow-\[0px_4px_10px_rgba\(0\,0\,0\,0\.2\)\] { box-shadow: 0px 4px 10px rgba(0,0,0,0.2); }
.size-\[18px\] { width: 18px; height: 18px; }
.size-\[40px\] { width: 40px; height: 40px; }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.justify-items-center { justify-items: center; }
@media (min-width: 64rem) {
  .lg\:h-\[50px\] { height: 50px; }
  .lg\:py-12 { padding-block: 3rem; }
}
.border-white\/40 { border-color: #ffffff66; }
.bg-center { background-position: center; }
.bg-cover { background-size: cover; }
.border-\[\#10a1c2\] { border-color: #10a1c2; }
.inset-\[-15\%\] { top: -15%; right: -15%; bottom: -15%; left: -15%; }
.leading-\[1\.7\] { line-height: 1.7; }
.opacity-\[0\.06\] { opacity: 0.06; }
.shadow-\[0px_4px_8px_rgba\(16\,34\,59\,0\.03\)\] { box-shadow: 0px 4px 8px rgba(16,34,59,0.03); }
.text-\[17px\] { font-size: 17px; }
.text-\[\#143050\] { color: #143050; }
.text-\[\#1a3a5c\] { color: #1a3a5c; }
.text-\[\#1c87d2\] { color: #1c87d2; }
.text-\[14px\] { font-size: 14px; }
.text-\[16px\] { font-size: 16px; }
.text-\[24px\] { font-size: 24px; }
.bg-\[\#1c87d2\]\/78 { background-color: rgba(28,135,210,0.78); }
.text-\[\#e6f5f8\] { color: #e6f5f8; }
.min-h-\[232px\] { min-height: 232px; }
.min-h-\[280px\] { min-height: 280px; }
@media (min-width: 64rem) {
  .lg\:inline { display: inline; }
  .lg\:min-h-\[240px\] { min-height: 240px; }
  .lg\:min-h-\[400px\] { min-height: 400px; }
  .lg\:p-20 { padding: 5rem; }
  .lg\:px-7 { padding-inline: 1.75rem; }
  .lg\:py-3\.5 { padding-block: 0.875rem; }
  .lg\:text-\[18px\] { font-size: 18px; }
  .lg\:text-\[40px\] { font-size: 40px; }
  .lg\:text-\[12px\] { font-size: 12px; }
}
.text-\[12px\] { font-size: 12px; }
.text-\[9px\] { font-size: 9px; }
.bg-\[\#1a3a5c\] { background-color: #1a3a5c; }
.h-\[60px\] { height: 60px; }
.hover\:text-\[\#42b6e8\]:hover { color: #42b6e8; }
.px-\[10px\] { padding-inline: 10px; }
.py-\[6px\] { padding-block: 6px; }
.text-\[\#42b6e8\] { color: #42b6e8; }
@media (min-width: 64rem) {
  .lg\:items-start { align-items: flex-start; }
  .lg\:text-\[14px\] { font-size: 14px; }
  .lg\:py-\[25px\] { padding-block: 25px; }
}
@media (min-width: 64rem) {
  .lg\:gap-14 { gap: 3.5rem; }
  .lg\:py-\[100px\] { padding-block: 100px; }
  .lg\:gap-12 { gap: 3rem; }
  .lg\:py-\[60px\] { padding-block: 60px; }
  .lg\:text-\[36px\] { font-size: 36px; }
  .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .lg\:w-\[580px\] { width: 580px; }
  .lg\:w-\[652px\] { width: 652px; }
  .lg\:p-7 { padding: 1.75rem; }
  .lg\:text-\[44px\] { font-size: 44px; }
  .lg\:w-\[480px\] { width: 480px; }
  .lg\:w-\[720px\] { width: 720px; }
}

.section-consultation-and-financing-buckets { text-align: center; }
