:root {
	 --sp-site-width: 1440px;
	 --c-brand: #0b7d85;
	 --c-text: #000;
	 --c-contrast-text: #fff;
	 --sp-section-vertical: var(--sp-8);
	 --sp-section-gap: var(--sp-7);
	 --sp-module-gap: var(--sp-6);
	 --sp-content-gap: var(--sp-5);
	 --sp-element-gap: var(--sp-4);
	 --sp-item-gap: var(--sp-3);
	 --sp-inline-gap: var(--sp-2);
	 --sp-tight-gap: var(--sp-1);
	 --sp-site-padding: var(--sp-6);
	 --icon-size-s: 2rem;
	 --icon-size-m: 3rem;
	 --icon-size-l: 4rem;
	 --icon-size-xl: 5rem;
	 --btn-min-width: calc(6 * var(--sp-7));
	 --btn-font-size: var(--text-l);
	 --form-btn-text: var(--c-contrast-text);
	 --form-btn-padding: 1.25rem 3.5rem;
	 --form-btn-font-size: var(--text-l);
	 --form-input-padding: 0.6rem 0.75rem;
	 --c-form-border: #ccc;
	 --c-form-focus: rgba(32, 76, 229, 0.2);
}
 @media only screen and (max-width: 991px) {
	 :root {
		 --sp-section-vertical: var(--sp-7);
		 --sp-section-gap: var(--sp-6);
		 --sp-module-gap: var(--sp-5);
		 --sp-site-padding: var(--sp-4);
	}
}
 @media only screen and (max-width: 767px) {
	 :root {
		 --sp-section-vertical: var(--sp-6);
		 --sp-section-gap: var(--sp-5);
		 --sp-module-gap: var(--sp-4);
		 --sp-content-gap: var(--sp-4);
		 --sp-site-padding: var(--sp-3);
	}
}
/* ============================================================================ GLOBAL RESETS ============================================================================ */
 html:has(.single-ppc, .single-service-area, .single-ppc-add, .page-template-thank-you-page, .single-services) {
	 font-size: 16px !important;
}
 .single-service-area .container:has(#faqs-section), .single-services .container:has(#faqs-section) {
	 margin-top: 0 !important;
	 padding-top: 0 !important;
}
 :where(.single-ppc, .single-service-area, .single-ppc-add, .page-template-thank-you-page, .single-services)  {
	 .mainContent {
		 padding-top: 0 !important;
	}
	 .inner-banner {
		 display: none !important;
	}
	 :is(h1, h2, h3, h4, h5, h6, p, a) {
		 padding: 0;
		 margin: 0;
	}
	 .widgettitle, .mainContent {
		 margin-top: 0;
	}
	 .quote {
		 padding: 0 !important;
	}
	 img {
		 width: 100%;
		 height: auto;
	}
	 #des-advantage-section .textwidget ul::before, #des-advantage-section .textwidget ul::after {
		 display: none !important;
	}
	 #des-advantage-section .textwidget ul, #des-advantage-section .textwidget li, .quote .textwidget ul, .quote .textwidget li {
		 margin: 0;
		 padding: 0;
	}
	 .row::before, .row::after {
		 display: none;
	}
	/* ============================================================================ LAYOUT SPACING ============================================================================ */
	 .mainContent > :not(#wpadminbar) {
		 margin-bottom: 0;
	}
	 .mainContent > :not(#wpadminbar) + :not(#wpadminbar) {
		 margin-top: var(--sp-section-vertical);
	}
	 .container {
		 
		 max-width: 100% !important;
		 padding-inline: var(--sp-site-padding);
	}
	 .advantages :is(h2, h3, h4).widgettitle {
		 margin-bottom: var(--sp-section-gap);
	}
	 .quote::before {
		 content: "";
		 display: block;
		 clear: both;
		 height: 1px !important;
		 background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 10%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.05) 90%, rgba(0, 0, 0, 0) 100%) !important;
		 padding: 0 !important;
		 margin-block: var(--sp-section-vertical);
	}
	 / 
	/* ============================================================================ COMMON ELEMENTS ============================================================================ */
	 .headline-custom .widgettitle {
		 display: table;
		 color: #231f20;
		 margin: 0 auto var(--sp-section-gap);
		 position: relative;
		 text-align: center;
		 border-left: 1px solid #d4d4d5;
		 border-right: 1px solid #d4d4d5;
		 font-size: var(--text-4xl);
		 width: auto;
		 float: none;
		 padding-inline: var(--sp-5);
	}
	 .headline-custom .widgettitle::before, .headline-custom .widgettitle::after {
		 height: 1px;
		 width: 100vw;
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 margin: auto;
		 content: "";
		 background: #d4d4d5;
	}
	 .headline-custom .widgettitle::before {
		 left: 100%;
	}
	 .headline-custom .widgettitle::after {
		 right: 100%;
	}
	 .button-white {
		 border-color: #fff !important;
		 color: #fff !important;
		 background-color: transparent !important;
		 text-align: center !important;
		 min-width: var(--btn-min-width);
		 padding: var(--sp-3) var(--sp-5);
		 font-size: var(--btn-font-size) !important;
	}
	 .button-white:hover, .button-white:focus {
		 background-color: #fff !important;
		 color: var(--c-brand) !important;
		 border-color: #fff !important;
	}
	 .buttons-row {
		 width: 100%;
		 flex-wrap: wrap !important;
		 margin-inline: auto;
		 display: flex !important;
		 gap: var(--sp-content-gap);
		 justify-content: center;
		 align-items: center;
	}
	 .buttons-row > * {
		 width: auto !important;
		 position: static !important;
		 min-width: var(--btn-min-width);
		 margin-bottom: 0 !important;
		 font-size: var(--btn-font-size) !important;
	}
	 .button br, .button-white br, .buttons-row br {
		 display: inline !important;
	}
	 .button br::after, .button-white br::after, .buttons-row br::after {
		 content: " " !important;
	}
	/* ============================================================================ HERO SECTION ============================================================================ */
	 .com-hero-section {
		 background-size: cover;
		 background-position: center center;
		 position: relative;
		 padding-block: var(--sp-section-vertical);
		 min-height: var(--sp-safe-20svh) !important;
	}
	 .com-hero-section h1 {
		 font-size: var(--text-4xl);
		 text-transform: uppercase;
		 text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
		 margin-bottom: var(--sp-content-gap);
	}
	 .com-hero-section p {
		 font-size: var(--text-xl);
		 margin-bottom: var(--sp-module-gap);
		 max-width: calc(.75 * var(--sp-site-width));
	}
	 .com-hero-gradient::before {
		 content: " ";
		 display: block;
		 width: 100%;
		 height: 100%;
		 position: absolute;
		 z-index: 1;
		 background: linear-gradient(90deg, rgba(7, 77, 82, 0) 0%, rgba(11, 125, 133, 0.56) 15%, rgba(11, 125, 133, 0.8) 50%, rgba(11, 125, 133, 0.56) 85%, rgba(11, 125, 133, 0) 100%);
	}
	 .com-hero-section .container {
		 z-index: 10;
		 position: relative;
	}
	/* ============================================================================ SECTION 1 MODULE ============================================================================ */
	 .section-1-module.p-y-8 {
		/* [ ] if this works, remove from module */
		 padding-block: 0;
	}
	 .section-1-module .col-lg-6:has(h2) {
		 display: flex;
		 flex-direction: column;
		 gap: var(--sp-content-gap);
	}
	 .section-1-module .col-lg-6:has(h2) > h2 {
		 color: var(--c-brand);
		 font-size: var(--text-3xl);
	}
	 .section-1-module .col-lg-6:has(h2) > p {
		 font-size: var(--text-l);
	}
	 .section-1-module .row {
		 display: flex;
		 align-items: flex-start;
		 gap: var(--sp-element-gap);
		 margin-bottom: var(--sp-item-gap);
	}
	 .section-1-module .row:last-child {
		 margin-bottom: 0;
	}
	 .section-1-module .col-lg-2 {
		 flex: 0 0 auto;
		 width: var(--icon-size-l);
		 padding: 0 !important;
	}
	 .section-1-module .col-lg-10 {
		 flex: 1;
	}
	 .section-1-module .col-lg-10 h4 {
		 margin-bottom: var(--sp-inline-gap);
		 font-size: var(--text-xl);
		 color: #003A4C;
	}
	 .section-1-module .col-lg-10 p {
		 font-size: var(--text-l);
	}
	 @media only screen and (max-width: 991px) {
		 .section-1-module {
			 flex-direction: column;
			 gap: var(--sp-module-gap);
		}
		 .section-1-module .col-lg-6 {
			 width: 100%;
		}
		 .section-1-module .col-lg-6:has(h2) {
			 order: 2;
		}
		 .section-1-module .col-lg-6:has(> img) {
			 order: 1;
		}
	}
	/* ============================================================================ FAQS MODULE ============================================================================ */
	 #faqs-section {
		 padding-block: var(--sp-section-vertical);
	}
	 #faqs-section .widgettitle {
		 color: var(--c-text);
		 margin-bottom: var(--sp-section-gap);
	}
	 #faqs-section .faq-item {
		 margin-bottom: var(--sp-module-gap);
	}
	 #faqs-section .faq-item:last-child {
		 margin-bottom: 0;
	}
	 #faqs-section .faq-item h3 {
		 color: var(--c-brand);
		 margin-bottom: var(--sp-element-gap);
		 font-size: var(--text-xl);
	}
	 #faqs-section .faq-item div {
		 margin-bottom: var(--sp-item-gap);
		 font-size: var(--text-m);
	}
	 #faqs-section .faq-item p, #faqs-section .faq-item div, #faqs-section .faq-item span {
		 text-align: left !important;
	}
	/* ============================================================================ SERVICE MODULE ============================================================================ */
	/* Reset spacing for services container with defaults */
	 .container:has(.services-default-layout), .container:has(.service-row) {
		 padding-top: 0 !important;
		 margin-top: 0 !important;
	}
	 .service-row {
		 display: flex;
		 gap: var(--sp-content-gap);
		 align-items: center;
		 margin-bottom: var(--sp-section-gap);
		 margin-inline: calc(var(--sp-content-gap) / -2);
	}
	 .service-row:last-of-type {
		 margin-bottom: 0 !important;
	}
	 .service-row .img-col, .service-row .desc-col {
		 flex: 1;
		 padding-inline: calc(var(--sp-content-gap) / 2);
	}
	 .service-row .img-col img {
		 width: 100%;
		 height: auto;
		 aspect-ratio: 3 / 2;
		 object-fit: cover;
	}
	 .service-row:nth-child(even) .desc-col {
		 order: -1;
	}
	 .service-row .desc-col h2 {
		 margin-bottom: var(--sp-content-gap);
		 font-size: var(--text-2xl);
	}
	 .service-row .desc-col p {
		 font-size: var(--text-l);
	}
	 .headline-custom {
		 margin-bottom: var(--sp-section-gap);
	}
	/* Styles for default services layout (non-override) */
	 .container .sa-mod-row {
		 display: flex;
		 gap: var(--sp-module-gap);
		 align-items: center;
		 margin-bottom: var(--sp-section-gap);
	}
	 .container .sa-mod-row:last-of-type {
		 margin-bottom: 0;
	}
	 .container .sa-mod-row .col-lg-6 {
		 flex: 1;
		 width: 100% !important;
		 padding: 0 !important;
	}
	 .container .sa-mod-row .col-lg-6 img {
		 width: 100%;
		 height: auto;
		 aspect-ratio: 3 / 2;
		 object-fit: cover;
	}
	 .container .sa-mod-row .col-lg-6 h2 {
		 margin-bottom: var(--sp-content-gap);
		 font-size: var(--text-2xl);
		 color: var(--c-brand);
	}
	 .container .sa-mod-row .col-lg-6 p, .container .sa-mod-row .col-lg-6 div {
		 font-size: var(--text-l);
	}
	 @media only screen and (max-width: 991px) {
		 .service-row {
			 flex-direction: column;
			 gap: var(--sp-content-gap);
		}
		 .service-row .img-col, .service-row .desc-col {
			 width: 100%;
			 order: 0;
		}
		 .service-row .img-col {
			 order: -1;
		}
		/* Defaults layout in tablet/mobile */
		 .container .sa-mod-row {
			 flex-direction: column;
			 gap: var(--sp-content-gap);
		}
		 .container .sa-mod-row .col-lg-6 {
			 width: 100%;
		}
		 .container .sa-mod-row .col-lg-6:has(img) {
			 order: -1;
		}
	}
	/* ============================================================================ DES ADVANTAGE MODULE ============================================================================ */
	 .advantages ul li::before, .advantages .second li:last-child::before {
		 content: none;
		 display: none;
	}
	 .advantages {
		 padding-block: 0;
	}
	 .advantages ul li {
		 display: flex;
		 align-items: flex-start;
		 gap: var(--sp-inline-gap);
		 list-style: none;
		 padding-left: 0;
	}
	 .des-advantage-card {
		 display: flex;
		 gap: var(--sp-element-gap);
		 align-items: flex-start;
	}
	 .des-advantage-icon {
		 flex-shrink: 0;
	}
	 .des-advantage-icon img {
		 width: var(--icon-size-l);
		 height: var(--icon-size-l);
		 aspect-ratio: 1 / 1;
		 object-fit: contain;
	}
	 .des-advantage-content {
		 flex: 1;
		 text-align: left;
	}
	 .des-advantage-content h3 {
		 margin-bottom: var(--sp-tight-gap);
		 font-size: var(--text-xl);
		 line-height: 1.3;
		 color: var(--c-text);
	}
	 .des-advantage-content p {
		 margin: 0;
		 font-size: var(--text-m);
		 line-height: 1.5;
		 color: var(--c-text);
	}
	 @media (max-width: 991px) {
		 .advantages .col-md-4 {
			 flex: 0 0 50%;
			 margin-bottom: var(--sp-content-gap);
		}
	}
	 @media (max-width: 767px) {
		 .advantages .des-advantage-card {
			 gap: var(--sp-item-gap);
		}
		 .advantages .des-advantage-icon img {
			 width: var(--icon-size-m);
			 height: var(--icon-size-m);
		}
	}
	/* ============================================================================ BENEFITS MODULE B ============================================================================ */
	 .module-b-com {
		 background-image: url("https://idg-media.s3.us-east-1.amazonaws.com/Client/deshomerenovations/images/7b1042cb53d4db53876bf6d1af99a0fed68890ba.jpg");
		 background-size: cover;
		 background-position: center center;
		 background-repeat: no-repeat;
		 overflow: hidden;
		 position: relative;
	}
	 .module-b-com::before {
		 content: " ";
		 display: block;
		 width: 100%;
		 height: 100%;
		 position: absolute;
		 z-index: 1;
		 background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
	}
	 .module-b-com > .container {
		 z-index: 10;
		 position: relative;
	}
	 .module-b-com .container.p-y-8 {
		 padding-block: var(--sp-section-vertical);
	}
	 .module-b-com .col-md-4 {
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 gap: var(--sp-item-gap);
	}
	 .module-b-com img {
		 width: var(--icon-size-xl);
	}
	 .module-b-com h3 {
		 color: var(--c-brand);
		 font-size: var(--text-2xl);
	}
	 .module-b-com p {
		 font-size: var(--text-l);
		 max-width: calc(.3 * var(--sp-site-width));
	}
	 @media only screen and (max-width: 767px) {
		 .module-b-com .container {
			 flex-direction: column;
		}
		 .module-b-com .col-md-4 {
			 width: 100%;
		}
	}
	/* ============================================================================ BENEFITS C MODULE ============================================================================ */
	 .quote .textwidget ul {
		 display: grid;
		 grid-template-columns: repeat(4, 1fr);
		 gap: var(--sp-element-gap);
		 margin: 0;
		 padding: 0;
		 list-style: none;
	}
	 .quote .textwidget li span {
		 display: flex;
		 align-items: flex-start;
		 gap: var(--sp-element-gap);
		 text-align: left;
	}
	 .benefits-c-icon-wrapper {
		 flex-shrink: 0;
	}
	 .benefits-c-icon {
		 width: var(--icon-size-m);
		 height: var(--icon-size-m);
		 object-fit: contain;
		 aspect-ratio: 1 / 1;
	}
	 .benefits-c-text {
		 display: flex;
		 flex-direction: column;
		 text-align: left;
	}
	 .benefits-c-text label, .benefits-c-text p {
		 margin: 0;
		 font-size: var(--text-m);
	}
	 .benefits-c-text label + p {
		 margin-top: var(--sp-tight-gap);
	}
	 @media only screen and (max-width: 991px) {
		 .quote .textwidget ul {
			 grid-template-columns: repeat(2, 1fr);
		}
	}
	 @media only screen and (max-width: 767px) {
		 .quote .textwidget ul {
			 grid-template-columns: 1fr;
		}
	}
	/* ============================================================================ TESTIMONIALS MODULE ============================================================================ */
	 .testimonial-mod {
		 padding-top: var(--sp-section-vertical);
	}
	 .testimonial-slider-wrapper {
		 position: relative;
		 overflow: visible;
		 display: flex;
		 align-items: center;
	}
	 .testimonial-slider {
		 position: relative;
		 width: 100%;
	}
	 .testimonial-slide {
		 width: 100%;
		 opacity: 0;
		 transition: opacity 0.3s ease;
	}
	 .testimonial-slide:not(.slide-hide) {
		 opacity: 1;
	}
	 .testimonial-slide .row {
		 display: flex;
		 gap: var(--sp-module-gap);
		 align-items: center;
	}
	 .testimonial-slide .col-md-5 {
		 flex: 0 0 auto;
		 width: 41.666667%;
	}
	 .testimonial-slide .col-md-5 img {
		 width: 100%;
		 height: auto;
		 aspect-ratio: 4 / 3;
		 object-fit: cover;
	}
	 .testimonial-slide .col-md-7 {
		 flex: 1;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 gap: var(--sp-content-gap);
	}
	 .testimonial-prev, .testimonial-next {
		 position: absolute;
		 background: transparent;
		 color: var(--c-brand);
		 border: 2px solid var(--c-brand);
		 padding: var(--sp-4);
		 font-size: var(--text-xl);
		 line-height: 1;
		 cursor: pointer;
		 z-index: 10;
		 transition: all 0.3s ease;
		 aspect-ratio: 1 / 1;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 border-radius: 999rem;
	}
	 .testimonial-prev:hover, .testimonial-next:hover {
		 background: var(--c-brand);
		 color: var(--c-contrast-text);
	}
	 .testimonial-prev::before {
		 content: "→";
		 font-size: var(--text-l);
		 display: inline-block;
		 transform: rotate(180deg);
	}
	 .testimonial-next::before {
		 content: "→";
		 font-size: var(--text-l);
	}
	 .quotes-icon {
		 width: var(--icon-size-m);
	}
	 .stars-icon {
		 width: calc(var(--icon-size-xl) * 2.25);
	}
	 .stars-icon + * > * {
		 padding: 0 !important;
	}
	 .testimonial-review {
		 line-height: 1.6;
		 font-size: var(--text-l);
		 max-width: calc(.4 * var(--sp-site-width));
	}
	 .rounded-img img {
		 border-radius: 100%;
		 aspect-ratio: 1/1;
		 object-fit: cover;
		 object-position: center center;
		 width: var(--icon-size-m);
		 background-color: #f7f7f7;
	}
	 .testimonial-slide .row.flex.a-i-c {
		 display: flex;
		 align-items: center;
		 gap: var(--sp-element-gap);
		 font-size: var(--text-l);
	}
	 .slide-hide {
		 position: absolute;
		 top: 50%;
		 left: 0;
		 transform: translateY(-50%);
		 width: 100%;
		 pointer-events: none;
	}
	 @media only screen and (min-width: 1540px) {
		 .testimonial-prev {
			 top: 50%;
			 left: calc(var(--sp-content-gap) * -2);
			 transform: translateY(-50%);
		}
		 .testimonial-next {
			 top: 50%;
			 right: calc(var(--sp-content-gap) * -2);
			 transform: translateY(-50%);
		}
	}
	 @media only screen and (max-width: 1539px) {
		 .testimonial-slider-wrapper {
			 padding-bottom: calc(var(--sp-10) + var(--sp-content-gap));
		}
		 .testimonial-prev, .testimonial-next {
			 top: auto;
			 bottom: 0;
			 transform: translateY(0);
		}
		 .testimonial-prev {
			 left: 50%;
			 transform: translateX(calc(-100% - var(--sp-element-gap) / 2));
		}
		 .testimonial-next {
			 right: 50%;
			 transform: translateX(calc(100% + var(--sp-element-gap) / 2));
		}
	}
	 @media only screen and (max-width: 991px) {
		 .testimonial-slider-wrapper {
			 align-items: flex-start;
		}
		 .testimonial-slide .row {
			 flex-direction: column;
			 gap: var(--sp-module-gap);
			 align-items: flex-start;
		}
		 .testimonial-slide .col-md-5 {
			 margin-bottom: var(--sp-content-gap);
		}
		 .testimonial-slide .col-md-5, .testimonial-slide .col-md-7 {
			 width: 100%;
		}
		 .testimonial-slide .col-md-7 {
			 align-items: center;
		}
		 .testimonial-slide .col-md-7 .quotes-icon, .testimonial-slide .col-md-7 .testimonial-review, .testimonial-slide .col-md-7 .stars-icon {
			 align-self: center;
			 text-align: center;
		}
	}
	 @media only screen and (max-width: 767px) {
		 .testimonial-prev, .testimonial-next {
			 padding: var(--sp-3);
			 font-size: var(--text-m);
		}
		 .testimonial-prev::before, .testimonial-next::before {
			 font-size: var(--text-m);
		}
	}
	/* ============================================================================ PROJECTS MODULE ============================================================================ */
	 .nimble-portfolio.-items {
		 gap: var(--sp-item-gap);
	}
	 .nimble-portfolio a.title span {
		 font-size: var(--text-2xl);
	}
	 @media only screen and (max-width: 991px) {
		 .nimble-portfolio.-items {
			 gap: var(--sp-element-gap);
		}
		 .nimble-portfolio .-item {
			 margin-bottom: 0 !important;
		}
	}
	 @media only screen and (max-width: 767px) {
		 .nimble-portfolio.-items {
			 gap: var(--sp-inline-gap);
		}
	}
	/* ============================================================================ QUOTE FORM MODULE
	
	============================================================================ */
	 .quoteForm_wrapper {
		 width: 100%;
	}
	 .gform-theme--foundation .gform_fields {
		 
		 display: grid;
		 grid-template-columns: repeat(4, 1fr);
  gap: 1rem; /* optional spacing */
		 inline-size: 100%;
		 grid-column-gap: 0;
		 column-gap: 1rem;
		 grid-row-gap: var(--sp-content-gap) !important;
		 row-gap: var(--sp-content-gap) !important;
	}
	 .quoteForm .gform_footer {
		 display: flex;
		 justify-content: center;
		 margin-top: var(--sp-module-gap);
	}
	 .quoteForm .gform_button {
		 text-transform: uppercase;
		 padding: var(--form-btn-padding) !important;
		 font-size: var(--form-btn-font-size) !important;
		 cursor: pointer;
		 color: var(--form-btn-text);
		 border: 1px solid var(--c-form-border);
		 background-color: #204ce5;
		 transition: all 0.2s ease;
		 height: auto !important;
	}
	 @media (max-width: 767px) {
		 .quoteForm .gform_button {
			 padding: 0.75rem 2rem !important;
		}
	}
	 .quoteForm input, .quoteForm select {
		 width: 100%;
		 border: 1px solid var(--c-form-border);
		 border-radius: 4px;
		 padding: var(--form-input-padding);
		 color: var(--c-text);
		 background-color: #fff;
		 outline: none;
		 transition: border-color 0.2s ease, box-shadow 0.2s ease;
		 font-size: var(--text-m);
	}
	 .quoteForm input::placeholder, .quoteForm select::placeholder {
		 text-align: left;
		 color: #666;
	}
	 .quoteForm input:focus, .quoteForm select:focus {
		 border-color: #204ce5;
		 box-shadow: 0 0 0 2px var(--c-form-focus);
	}
	 .cf-turnstile {
		 margin: 0;
	}
	/* ============================================================================ BENEFITS MODULE A ============================================================================ */
	 .module-a-com {
		 background-color: #F7F7F7;
		 padding-inline: var(--sp-5) !important;
	}
	 .module-a-com .container.p-y-8 {
		 padding-block: var(--sp-section-vertical);
	}
	 .module-a-com .row {
		 display: flex;
		 flex-direction: column;
		 gap: var(--sp-module-gap);
	}
	 .module-a-com .row::before, .module-a-com .row::after {
		 display: none !important;
	}
	 .module-a-com .row.flex.f-d-c {
		 gap: var(--sp-content-gap);
		 margin-bottom: var(--sp-section-gap);
	}
	 .module-a-com .row.flex.f-d-r {
		 flex-direction: row;
		 flex-wrap: wrap;
		 gap: var(--sp-content-gap);
	}
	 .module-a-com .col-md-3 {
		 flex: 1;
		 min-width: 0;
		 padding: 0 !important;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 gap: var(--sp-item-gap);
	}
	 .module-a-com img {
		 width: var(--icon-size-xl);
	}
	 .module-a-com h3 {
		 color: var(--c-brand);
		 font-size: var(--text-xl);
	}
	 .module-a-com h2 {
		 padding-block: 0;
		 font-size: var(--text-3xl);
		 color: var(--c-brand);
	}
	 .module-a-com .row.flex.f-d-c > div {
		 max-width: calc(.6 * var(--sp-site-width));
		 margin-inline: auto;
	}
	 .module-a-com p, .module-a-com div {
		 font-size: var(--text-l);
	}
	 @media only screen and (max-width: 991px) {
		 .module-a-com .container {
			 padding-inline: var(--sp-site-padding);
		}
		 .module-a-com .row.flex.f-d-r {
			 gap: var(--sp-element-gap);
		}
		 .module-a-com .col-md-3 {
			 flex: 0 0 calc(50% - var(--sp-element-gap) / 2);
		}
	}
	 @media only screen and (max-width: 767px) {
		 .module-a-com .row.flex.f-d-r {
			 gap: var(--sp-inline-gap);
		}
		 .module-a-com .col-md-3 {
			 flex: 1 1 100%;
		}
	}
	/* ============================================================================ HOME REIMAGINED MODULE ============================================================================ */
	 #home-reimagined-section {
		 display: flex;
		 gap: var(--sp-module-gap);
		 align-items: center;
		 padding-block: 
		/* [ ] understand what's causing so much vertical space */
		 0 !important;
	}
	 #home-reimagined-section .col-lg-6 {
		 flex: 1;
		 padding: 0 !important;
	}
	 #home-reimagined-section .col-lg-6:has(h2) {
		 display: flex;
		 flex-direction: column;
		 gap: var(--sp-content-gap);
	}
	 #home-reimagined-section img {
		 width: 100%;
		 height: auto;
		 aspect-ratio: 4 / 3;
		 object-fit: cover;
	}
	 #home-reimagined-section h2 {
		 color: var(--c-brand);
		 font-size: var(--text-3xl);
	}
	 #home-reimagined-section h2 + div {
		 font-size: var(--text-l);
	}
	 #home-reimagined-section ul {
		 list-style: none;
		 padding: 0;
		 margin: 0;
		 display: flex;
		 flex-direction: column;
		 gap: var(--sp-item-gap);
	}
	 #home-reimagined-section li {
		 display: flex;
		 align-items: flex-start;
		 gap: var(--sp-element-gap);
	}
	 #home-reimagined-section .icon-wrapper {
		 flex-shrink: 0;
		 width: var(--icon-size-m);
	}
	 #home-reimagined-section .icon-wrapper img {
		 width: 100%;
		 aspect-ratio: 1 / 1;
	}
	 #home-reimagined-section .content-wrapper {
		 flex: 1;
	}
	 #home-reimagined-section h4 {
		 margin-bottom: var(--sp-inline-gap);
		 font-size: var(--text-xl);
		 color: #003A4C;
	}
	 #home-reimagined-section p {
		 font-size: var(--text-l);
	}
	 @media only screen and (max-width: 991px) {
		 #home-reimagined-section {
			 flex-direction: column;
			 gap: var(--sp-module-gap);
		}
		 #home-reimagined-section .col-lg-6 {
			 width: 100%;
		}
		 #home-reimagined-section .col-lg-6:has(h2) {
			 order: 2;
		}
		 #home-reimagined-section .col-lg-6:has(img) {
			 order: 1;
		}
	}
	/* ============================================================================ SERVICE AREA CONTENT MODULES ============================================================================ */
	 .sa-content-module {
		 padding-block: var(--sp-section-vertical);
	}
	 .sa-mod-row {
		 display: flex;
		 gap: var(--sp-module-gap);
		 align-items: center;
	}
	 .sa-mod-row .img-col, .sa-mod-row .desc-col {
		 flex: 1;
		 padding: 0 !important;
	}
	 .sa-mod-row .img-col img {
		 width: 100%;
		 height: auto;
		 aspect-ratio: 3 / 2;
		 object-fit: cover;
	}
	 .sa-mod-row .desc-col {
		 display: flex;
		 flex-direction: column;
		 gap: var(--sp-content-gap);
	}
	 .sa-mod-row .desc-col h2 {
		 font-size: var(--text-3xl);
		 color: var(--c-brand);
	}
	 .sa-mod-row .desc-col p, .sa-mod-row .desc-col div {
		 font-size: var(--text-l);
	}
	 .sa-mod-row .desc-col .buttons-row {
		 justify-content: flex-start;
		 margin-top: var(--sp-element-gap);
	}
	 .sa-mod-row .desc-col .buttons-row .button {
		 text-align: center;
	}
	 @media only screen and (max-width: 991px) {
		 .sa-content-module > * {
			 padding-inline: var(--sp-5);
		}
		 .sa-mod-row {
			 flex-direction: column;
			 gap: var(--sp-content-gap);
		}
		 .sa-mod-row .img-col, .sa-mod-row .desc-col {
			 width: 100%;
		}
	}



						/* ============================================================================ 
   THANK YOU PAGE 
   ============================================================================ */
.thankyou-hero {
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-block: var(--sp-section-vertical);
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thankyou-hero::before {
    content: "";
    display: block;
    width: 100%;
    height: 40%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}

.thankyou-hero .container {
    position: relative;
    z-index: 10;
    text-align: center;
}

.thankyou-hero h1 {
    color: var(--c-contrast-text);
    font-size: var(--text-4xl);
    text-transform: uppercase;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-block: 0 !important;
    position: relative;
    padding-block: var(--sp-5);
}

.thankyou-hero h1::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background: linear-gradient(90deg, rgba(7, 77, 82, 0) 0%, rgba(11, 125, 133, 0.56) 24.52%, rgba(11, 125, 133, 0.8) 50%, rgba(11, 125, 133, 0.56) 75%, rgba(11, 125, 133, 0) 100%);
}

.thankyou-content {
    text-align: center;
    max-width: calc(.6 * var(--sp-site-width));
    margin-inline: auto;
    padding-block: var(--sp-module-gap);
}

.thankyou-content h2 {
    color: var(--c-brand);
    font-size: var(--text-2xl);
    margin-bottom: var(--sp-content-gap);
}

.thankyou-content p {
    font-size: var(--text-l);
}




}
 