/* =========================================
   SWIMMING POOL NAVBAR - 2026
   ========================================= */

#pool-navbar-2026 {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5EEF0;
    box-sizing: border-box;
}


/* =========================
   NAVBAR WRAPPER
   ========================= */

.pool-navbar-2026-wrap {
    width: 100%;
    max-width: 1280px;
    min-height: 82px;
    margin: 0 auto;
    padding: 0 35px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
}


/* =========================
   LOGO
   ========================= */

.pool-navbar-2026-logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    color: #082F3D;
    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
}


.pool-navbar-2026-logo-icon {
    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #082F3D;
    color: #6ED3E6;

    border-radius: 50%;

    font-size: 1rem;
}


.pool-navbar-2026-logo-text {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
}


.pool-navbar-2026-logo-text span {
    color: #08718A;
}


/* =========================
   DESKTOP MENU
   ========================= */

.pool-navbar-2026-menu {
    display: flex;
    align-items: center;
    gap: 30px;
}


.pool-navbar-2026-link {
    position: relative;

    padding: 31px 0;

    color: #405961;
    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;

    transition: color 0.3s ease;
}


.pool-navbar-2026-link::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 22px;

    width: 0;
    height: 2px;

    background-color: #6ED3E6;

    transition: width 0.3s ease;
}


.pool-navbar-2026-link:hover {
    color: #08718A;
}


.pool-navbar-2026-link:hover::after,
.pool-navbar-2026-link.active::after {
    width: 100%;
}


.pool-navbar-2026-link.active {
    color: #08718A;
}


/* =========================
   CONTACT BUTTON
   ========================= */

.pool-navbar-2026-contact {
    min-height: 43px;
    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    background-color: #082F3D;
    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    transition: all 0.3s ease;
}


.pool-navbar-2026-contact i {
    font-size: 0.65rem;
    transition: transform 0.3s ease;
}


.pool-navbar-2026-contact:hover {
    background-color: #08718A;
}


.pool-navbar-2026-contact:hover i {
    transform: translateX(4px);
}


/* =========================
   MOBILE TOGGLE
   ========================= */

.pool-navbar-2026-toggle {
    width: 43px;
    height: 43px;

    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;

    border: none;
    background-color: #082F3D;

    cursor: pointer;
}


.pool-navbar-2026-toggle span {
    width: 20px;
    height: 2px;

    display: block;

    background-color: #FFFFFF;

    transition: all 0.3s ease;
}


/* =========================
   MOBILE MENU
   ========================= */

.pool-navbar-2026-mobile {
    display: none;

    width: 100%;
    padding: 10px 22px 24px;

    background-color: #FFFFFF;
    border-top: 1px solid #E8F1F3;

    box-sizing: border-box;
}


.pool-navbar-2026-mobile-link {
    display: block;

    padding: 15px 5px;

    color: #405961;
    text-decoration: none;

    border-bottom: 1px solid #E8F1F3;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;

    transition: all 0.3s ease;
}


.pool-navbar-2026-mobile-link:hover,
.pool-navbar-2026-mobile-link.active {
    color: #08718A;
    padding-left: 10px;
}


.pool-navbar-2026-mobile-contact {
    margin-top: 18px;

    min-height: 48px;
    padding: 0 18px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background-color: #082F3D;
    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
}


.pool-navbar-2026-mobile-contact:hover {
    background-color: #08718A;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1100px) {

    .pool-navbar-2026-wrap {
        padding: 0 25px;
    }

    .pool-navbar-2026-menu {
        gap: 20px;
    }

    .pool-navbar-2026-link {
        font-size: 0.64rem;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 850px) {

    .pool-navbar-2026-wrap {
        min-height: 72px;
        padding: 0 20px;
    }


    .pool-navbar-2026-menu {
        display: none;
    }


    .pool-navbar-2026-toggle {
        display: flex;
    }


    .pool-navbar-2026-mobile.show {
        display: block;
    }


    /* Hamburger animation */

    .pool-navbar-2026-toggle.open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .pool-navbar-2026-toggle.open span:nth-child(2) {
        opacity: 0;
    }

    .pool-navbar-2026-toggle.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-navbar-2026-wrap {
        min-height: 68px;
        padding: 0 16px;
    }


    .pool-navbar-2026-logo-icon {
        width: 35px;
        height: 35px;
        font-size: 0.85rem;
    }


    .pool-navbar-2026-logo-text {
        font-size: 1rem;
    }


    .pool-navbar-2026-toggle {
        width: 40px;
        height: 40px;
    }


    .pool-navbar-2026-mobile {
        padding-left: 16px;
        padding-right: 16px;
    }

}


/* =========================================
   SWIMMING POOL FOOTER - 2026
   ========================================= */

#pool-footer-2026 {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #082F3D;
    box-sizing: border-box;
}


/* =========================
   MAIN FOOTER
   ========================= */

.pool-footer-2026-main {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 75px 35px 65px;

    display: grid;
    grid-template-columns: 1.5fr 0.8fr 0.9fr 1.1fr;
    gap: 55px;

    box-sizing: border-box;
}


/* =========================
   BRAND
   ========================= */

.pool-footer-2026-brand {
    max-width: 370px;
}


.pool-footer-2026-logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    color: #FFFFFF;
    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}


.pool-footer-2026-logo-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #6ED3E6;
    color: #082F3D;

    border-radius: 50%;

    font-size: 1rem;
}


.pool-footer-2026-logo span span {
    color: #6ED3E6;
}


.pool-footer-2026-brand p {
    margin: 22px 0 25px;

    color: #AFC6CC;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.9;
}


/* =========================
   ASSESSMENT BUTTON
   ========================= */

.pool-footer-2026-assessment {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 13px 18px;

    background-color: #6ED3E6;
    color: #063B4A;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;

    transition: all 0.3s ease;
}


.pool-footer-2026-assessment i {
    transition: transform 0.3s ease;
}


.pool-footer-2026-assessment:hover {
    background-color: #FFFFFF;
}


.pool-footer-2026-assessment:hover i {
    transform: translateX(5px);
}


/* =========================
   FOOTER HEADINGS
   ========================= */

.pool-footer-2026-links h3,
.pool-footer-2026-contact h3 {
    margin: 4px 0 23px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 700;
}


.pool-footer-2026-links h3::after,
.pool-footer-2026-contact h3::after {
    content: "";

    display: block;

    width: 28px;
    height: 2px;

    margin-top: 10px;

    background-color: #6ED3E6;
}


/* =========================
   FOOTER LINKS
   ========================= */

.pool-footer-2026-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.pool-footer-2026-links a {
    margin-bottom: 13px;

    color: #AFC6CC;
    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.5;

    transition: all 0.3s ease;
}


.pool-footer-2026-links a:hover {
    color: #6ED3E6;
    transform: translateX(5px);
}


/* =========================
   CONTACT DETAILS
   ========================= */

.pool-footer-2026-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    margin-bottom: 17px;
}


.pool-footer-2026-contact-item i {
    width: 28px;
    height: 28px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: rgba(110, 211, 230, 0.12);
    color: #6ED3E6;

    border-radius: 50%;

    font-size: 0.65rem;
}


.pool-footer-2026-contact-item span,
.pool-footer-2026-contact-item a {
    padding-top: 5px;

    color: #AFC6CC;
    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.6;

    transition: color 0.3s ease;
}


.pool-footer-2026-contact-item a:hover {
    color: #6ED3E6;
}


/* =========================
   BOTTOM FOOTER
   ========================= */

.pool-footer-2026-bottom {
    width: 100%;
    max-width: 1250px;

    margin: 0 auto;
    padding: 22px 35px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

    box-sizing: border-box;
}


.pool-footer-2026-bottom p {
    margin: 0;

    color: #fff;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
}


/* =========================
   SOCIAL ICONS
   ========================= */

.pool-footer-2026-social {
    display: flex;
    align-items: center;
    gap: 8px;
}


.pool-footer-2026-social a {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: rgba(255, 255, 255, 0.07);
    color: #fff;

    text-decoration: none;

    border-radius: 50%;

    font-size: 0.65rem;

    transition: all 0.3s ease;
}


.pool-footer-2026-social a:hover {
    background-color: #6ED3E6;
    color: #082F3D;
    transform: translateY(-3px);
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1000px) {

    .pool-footer-2026-main {
        grid-template-columns: 1.4fr 1fr 1fr;
        gap: 40px;
        padding: 65px 30px 55px;
    }


    .pool-footer-2026-brand {
        grid-column: 1 / -1;
        max-width: 600px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 650px) {

    .pool-footer-2026-main {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 55px 22px 45px;
    }


    .pool-footer-2026-brand {
        grid-column: auto;
        max-width: 100%;
    }


    .pool-footer-2026-links h3,
    .pool-footer-2026-contact h3 {
        margin-bottom: 18px;
    }


    .pool-footer-2026-bottom {
        padding: 20px 22px;

        flex-direction: column;
        gap: 17px;

        text-align: center;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 400px) {

    .pool-footer-2026-main {
        padding-left: 18px;
        padding-right: 18px;
    }


    .pool-footer-2026-brand p {
        font-size: 0.68rem;
    }


    .pool-footer-2026-bottom {
        padding-left: 18px;
        padding-right: 18px;
    }

}

/* =========================================
   SWIMMING POOL HOME BANNER
   ========================================= */

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
}


/* ===== MAIN BANNER ===== */

.pool-hero-banner-2026 {
    width: 100%;
    min-height: 680px;

    margin: 0;
    padding: 0;

    position: relative;

    display: flex;
    align-items: center;

    overflow: hidden;

    background-image: url("../images/luxury\ modern\ swimming\ pool\ house.jpj.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* ===== OVERLAY ===== */

.pool-hero-banner-2026-overlay {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            rgba(4, 31, 42, 0.90) 0%,
            rgba(4, 31, 42, 0.68) 45%,
            rgba(4, 31, 42, 0.25) 100%
        );

    z-index: 1;
}


/* ===== CONTENT ===== */

.pool-hero-banner-2026-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 100px 30px;

    box-sizing: border-box;
}


/* ===== SUBTITLE ===== */

.pool-hero-banner-2026-subtitle {
    display: inline-flex;
    align-items: center;

    color: #BFEAF2;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.7rem;
    font-weight: 700;

    letter-spacing: 0.18rem;

    margin-bottom: 1.25rem;
}

.pool-hero-banner-2026-subtitle::before {
    content: "";

    width: 35px;
    height: 1px;

    background-color: #6ED3E6;

    margin-right: 12px;
}


/* ===== HEADING ===== */

.pool-hero-banner-2026-content h1 {
    max-width: 720px;

    margin: 0 0 1.5rem;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 4.25rem;
    font-weight: 600;

    line-height: 1.08;
    letter-spacing: -0.12rem;
}

.pool-hero-banner-2026-content h1 span {
    display: block;

    color: #6ED3E6;

    font-weight: 700;
}


/* ===== DESCRIPTION ===== */

.pool-hero-banner-2026-content p {
    max-width: 590px;

    margin: 0 0 2.1rem;

    color: #E4F0F3;

    font-family: 'Montserrat', sans-serif;

    font-size: 1rem;
    line-height: 1.8;
}


/* ===== BUTTON AREA ===== */

.pool-hero-banner-2026-buttons {
    display: flex;
    align-items: center;

    gap: 14px;

    flex-wrap: wrap;
}


/* ===== COMMON BUTTON ===== */

.pool-hero-banner-2026-buttons a {
    min-height: 50px;

    padding: 0 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;

    transition: all 0.3s ease;
}


/* ===== PRIMARY BUTTON ===== */

.pool-hero-banner-2026-primary {
    background-color: #FFFFFF;

    color: #08718A;

    border: 1px solid #FFFFFF;
}

.pool-hero-banner-2026-primary i {
    margin-left: 10px;

    transition: transform 0.3s ease;
}

.pool-hero-banner-2026-primary:hover {
    background-color: #6ED3E6;

    color: #063B4A;

    transform: translateY(-3px);
}

.pool-hero-banner-2026-primary:hover i {
    transform: translateX(5px);
}


/* ===== SECONDARY BUTTON ===== */

.pool-hero-banner-2026-secondary {
    color: #FFFFFF;

    border: 1px solid rgba(255, 255, 255, 0.65);

    background-color: rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(5px);
}

.pool-hero-banner-2026-secondary:hover {
    background-color: #FFFFFF;

    color: #08718A;

    transform: translateY(-3px);
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .pool-hero-banner-2026 {
        min-height: 600px;
    }

    .pool-hero-banner-2026-content {
        padding: 90px 40px;
    }

    .pool-hero-banner-2026-content h1 {
        font-size: 3.4rem;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .pool-hero-banner-2026 {
        width: 100%;
        min-height: 600px;

        text-align: center;
    }

    .pool-hero-banner-2026-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(4, 31, 42, 0.72),
                rgba(4, 31, 42, 0.90)
            );
    }

    .pool-hero-banner-2026-content {
        width: 100%;

        padding: 80px 22px;
    }

    .pool-hero-banner-2026-subtitle {
        justify-content: center;

        font-size: 0.56rem;

        letter-spacing: 0.12rem;
    }

    .pool-hero-banner-2026-content h1 {
        font-size: 2.7rem;

        letter-spacing: -0.06rem;
    }

    .pool-hero-banner-2026-content p {
        margin-left: auto;
        margin-right: auto;

        font-size: 0.875rem;
    }

    .pool-hero-banner-2026-buttons {
        justify-content: center;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-hero-banner-2026 {
        width: 100%;
        min-height: 570px;
    }

    .pool-hero-banner-2026-content {
        padding: 70px 18px;
    }

    .pool-hero-banner-2026-content h1 {
        font-size: 2.25rem;

        line-height: 1.12;
    }

    .pool-hero-banner-2026-content p {
        font-size: 0.8125rem;

        line-height: 1.7;
    }

    .pool-hero-banner-2026-buttons {
        flex-direction: column;

        width: 100%;
    }

    .pool-hero-banner-2026-buttons a {
        width: 100%;
        max-width: 240px;
    }
}


/* =========================================
   POOL SERVICES INTRO SECTION
   ========================================= */

.pool-services-intro-2026 {
    width: 100%;

    margin: 0;
    padding: 110px 0;

    background-color: #F4FAFB;

    box-sizing: border-box;
}


/* ===== MAIN WRAPPER ===== */

.pool-services-intro-2026-wrapper {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 0 30px;

    box-sizing: border-box;

    display: grid;
    grid-template-columns: 0.85fr 1.15fr;

    gap: 80px;

    align-items: center;
}


/* =========================================
   LEFT HEADING
   ========================================= */

.pool-services-intro-2026-heading {
    padding-right: 20px;
}


/* ===== LABEL ===== */

.pool-services-intro-2026-label {
    display: inline-block;

    margin-bottom: 20px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 0.16rem;
}


/* ===== HEADING ===== */

.pool-services-intro-2026-heading h2 {
    margin: 0 0 22px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.7rem;
    font-weight: 500;

    line-height: 1.2;

    letter-spacing: -0.05rem;
}

.pool-services-intro-2026-heading h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}


/* ===== DESCRIPTION ===== */

.pool-services-intro-2026-heading p {
    max-width: 470px;

    margin: 0 0 30px;

    color: #60747B;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.9rem;

    line-height: 1.9;
}


/* ===== LINK ===== */

.pool-services-intro-2026-link {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 14px 22px;

    background-color: #082F3D;

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.75rem;
    font-weight: 700;

    transition: all 0.3s ease;
}

.pool-services-intro-2026-link i {
    transition: transform 0.3s ease;
}

.pool-services-intro-2026-link:hover {
    background-color: #08718A;

    color: #FFFFFF;

    transform: translateY(-3px);
}

.pool-services-intro-2026-link:hover i {
    transform: translateX(5px);
}


/* =========================================
   RIGHT SERVICE LIST
   ========================================= */

.pool-services-intro-2026-list {
    width: 100%;
}


/* ===== SERVICE ITEM ===== */

.pool-services-intro-2026-item {
    position: relative;

    display: grid;

    grid-template-columns: 45px 58px 1fr 30px;

    align-items: center;

    gap: 20px;

    min-height: 135px;

    padding: 24px 10px 24px 0;

    border-bottom: 1px solid #D7E5E8;

    box-sizing: border-box;

    transition: all 0.3s ease;
}

.pool-services-intro-2026-item:first-child {
    border-top: 1px solid #D7E5E8;
}


/* ===== NUMBER ===== */

.pool-services-intro-2026-number {
    color: #9BB3BA;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.7rem;

    font-weight: 700;
}


/* ===== ICON ===== */

.pool-services-intro-2026-icon {
    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    background-color: #E2F3F6;

    color: #08718A;

    font-size: 1.05rem;

    transition: all 0.3s ease;
}


/* ===== SERVICE INFO ===== */

.pool-services-intro-2026-info h3 {
    margin: 0 0 8px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 1rem;

    font-weight: 700;
}

.pool-services-intro-2026-info p {
    max-width: 500px;

    margin: 0;

    color: #71838A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.78rem;

    line-height: 1.7;
}


/* ===== ARROW ===== */

.pool-services-intro-2026-arrow {
    color: #9BB3BA;

    font-size: 0.75rem;

    transition: all 0.3s ease;
}


/* =========================================
   HOVER
   ========================================= */

.pool-services-intro-2026-item:hover {
    padding-left: 15px;

    background-color: #FFFFFF;
}

.pool-services-intro-2026-item:hover
.pool-services-intro-2026-icon {
    background-color: #08718A;

    color: #FFFFFF;

    transform: scale(1.05);
}

.pool-services-intro-2026-item:hover
.pool-services-intro-2026-arrow {
    color: #08718A;

    transform: translate(3px, -3px);
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .pool-services-intro-2026 {
        padding: 90px 0;
    }

    .pool-services-intro-2026-wrapper {
        grid-template-columns: 1fr;

        gap: 55px;

        max-width: 850px;
    }

    .pool-services-intro-2026-heading {
        padding-right: 0;
    }

    .pool-services-intro-2026-heading h2 {
        font-size: 2.4rem;
    }

    .pool-services-intro-2026-heading p {
        max-width: 650px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .pool-services-intro-2026 {
        padding: 75px 0;
    }

    .pool-services-intro-2026-wrapper {
        padding: 0 22px;

        gap: 45px;
    }

    .pool-services-intro-2026-heading h2 {
        font-size: 2.1rem;
    }

    .pool-services-intro-2026-heading p {
        font-size: 0.82rem;

        line-height: 1.8;
    }

    .pool-services-intro-2026-item {
        grid-template-columns: 35px 50px 1fr 20px;

        gap: 13px;

        min-height: 120px;

        padding: 20px 0;
    }

    .pool-services-intro-2026-icon {
        width: 45px;
        height: 45px;

        font-size: 0.9rem;
    }

    .pool-services-intro-2026-info h3 {
        font-size: 0.88rem;
    }

    .pool-services-intro-2026-info p {
        font-size: 0.7rem;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-services-intro-2026 {
        padding: 60px 0;
    }

    .pool-services-intro-2026-wrapper {
        padding: 0 18px;
    }

    .pool-services-intro-2026-heading h2 {
        font-size: 1.8rem;
    }

    .pool-services-intro-2026-label {
        font-size: 0.6rem;
    }

    .pool-services-intro-2026-item {
        grid-template-columns: 28px 42px 1fr;

        gap: 10px;
    }

    .pool-services-intro-2026-arrow {
        display: none;
    }

    .pool-services-intro-2026-icon {
        width: 40px;
        height: 40px;

        font-size: 0.8rem;
    }

    .pool-services-intro-2026-info h3 {
        font-size: 0.8rem;
    }

    .pool-services-intro-2026-info p {
        font-size: 0.65rem;

        line-height: 1.6;
    }
}

/* =========================================
   INSTALLED POOLS / OUR RECENT WORK
   ========================================= */

.pool-projects-showcase-2026 {
    width: 100%;

    margin: 0;
    padding: 115px 0;

    background-color: #FFFFFF;

    box-sizing: border-box;
}


/* =========================================
   SECTION HEADER
   ========================================= */

.pool-projects-showcase-2026-head {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto 55px;
    padding: 0 30px;

    box-sizing: border-box;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 60px;
}


/* ===== LABEL ===== */

.pool-projects-showcase-2026-label {
    display: inline-block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.67rem;

    font-weight: 700;

    letter-spacing: 0.16rem;
}


/* ===== HEADING ===== */

.pool-projects-showcase-2026-head h2 {
    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 3rem;

    font-weight: 500;

    line-height: 1.15;

    letter-spacing: -0.06rem;
}

.pool-projects-showcase-2026-head h2 span {
    display: block;

    color: #08718A;

    font-weight: 700;
}


/* ===== HEADER DESCRIPTION ===== */

.pool-projects-showcase-2026-head > p {
    max-width: 400px;

    margin: 0;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.82rem;

    line-height: 1.8;
}


/* =========================================
   PROJECT GRID
   ========================================= */

.pool-projects-showcase-2026-grid {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 0 30px;

    box-sizing: border-box;

    display: grid;

    grid-template-columns: 1.35fr 0.85fr 0.85fr;

    grid-template-rows: 260px 260px;

    gap: 18px;
}


/* =========================================
   PROJECT CARD
   ========================================= */

.pool-projects-showcase-2026-card {
    position: relative;

    display: block;

    overflow: hidden;

    min-width: 0;

    text-decoration: none;

    background-color: #082F3D;
}


/* ===== LARGE CARD ===== */

.pool-projects-showcase-2026-large {
    grid-row: span 2;
}


/* ===== WIDE CARD ===== */

.pool-projects-showcase-2026-wide {
    grid-column: span 2;
}


/* =========================================
   PROJECT IMAGE
   ========================================= */

.pool-projects-showcase-2026-card img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.7s ease,
        filter 0.7s ease;
}


/* =========================================
   OVERLAY
   ========================================= */

.pool-projects-showcase-2026-overlay {
    position: absolute;

    inset: 0;

    padding: 25px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(4, 31, 42, 0.02) 25%,
            rgba(4, 31, 42, 0.88) 100%
        );

    box-sizing: border-box;

    transition: background 0.4s ease;
}


/* ===== PROJECT CATEGORY ===== */

.pool-projects-showcase-2026-overlay span {
    margin-bottom: 7px;

    color: #BFEAF2;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.58rem;

    font-weight: 700;

    letter-spacing: 0.13rem;
}


/* ===== PROJECT TITLE ===== */

.pool-projects-showcase-2026-overlay h3 {
    margin: 0;

    padding-right: 35px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 1.05rem;

    font-weight: 600;

    line-height: 1.35;
}


/* ===== ARROW ===== */

.pool-projects-showcase-2026-overlay i {
    position: absolute;

    right: 24px;
    bottom: 25px;

    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,0.55);

    color: #FFFFFF;

    font-size: 0.7rem;

    transition: all 0.35s ease;
}


/* =========================================
   HOVER
   ========================================= */

.pool-projects-showcase-2026-card:hover img {
    transform: scale(1.07);

    filter: brightness(0.82);
}

.pool-projects-showcase-2026-card:hover
.pool-projects-showcase-2026-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(4, 31, 42, 0.08) 20%,
            rgba(4, 31, 42, 0.94) 100%
        );
}

.pool-projects-showcase-2026-card:hover
.pool-projects-showcase-2026-overlay i {
    background-color: #6ED3E6;

    border-color: #6ED3E6;

    color: #063B4A;

    transform: rotate(45deg);
}


/* =========================================
   BOTTOM LINK
   ========================================= */

.pool-projects-showcase-2026-bottom {
    width: 100%;
    max-width: 1200px;

    margin: 35px auto 0;

    padding: 0 30px;

    box-sizing: border-box;

    text-align: right;
}

.pool-projects-showcase-2026-bottom a {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.75rem;

    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;
}

.pool-projects-showcase-2026-bottom a i {
    transition: transform 0.3s ease;
}

.pool-projects-showcase-2026-bottom a:hover {
    color: #063B4A;
}

.pool-projects-showcase-2026-bottom a:hover i {
    transform: translateX(5px);
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .pool-projects-showcase-2026 {
        padding: 90px 0;
    }

    .pool-projects-showcase-2026-head {
        align-items: flex-start;

        flex-direction: column;

        gap: 20px;
    }

    .pool-projects-showcase-2026-head h2 {
        font-size: 2.5rem;
    }

    .pool-projects-showcase-2026-head > p {
        max-width: 600px;
    }

    .pool-projects-showcase-2026-grid {
        grid-template-columns: 1fr 1fr;

        grid-template-rows: 300px 230px 230px;
    }

    .pool-projects-showcase-2026-large {
        grid-row: span 2;
    }

    .pool-projects-showcase-2026-wide {
        grid-column: span 2;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .pool-projects-showcase-2026 {
        padding: 75px 0;
    }

    .pool-projects-showcase-2026-head {
        padding: 0 22px;

        margin-bottom: 40px;
    }

    .pool-projects-showcase-2026-head h2 {
        font-size: 2.15rem;
    }

    .pool-projects-showcase-2026-head > p {
        font-size: 0.78rem;
    }

    .pool-projects-showcase-2026-grid {
        padding: 0 22px;

        grid-template-columns: 1fr 1fr;

        grid-template-rows: 260px 220px 220px;

        gap: 12px;
    }

    .pool-projects-showcase-2026-large {
        grid-column: span 2;

        grid-row: auto;
    }

    .pool-projects-showcase-2026-wide {
        grid-column: span 2;
    }

    .pool-projects-showcase-2026-overlay {
        padding: 18px;
    }

    .pool-projects-showcase-2026-overlay h3 {
        font-size: 0.85rem;
    }

    .pool-projects-showcase-2026-overlay i {
        right: 17px;
        bottom: 18px;

        width: 30px;
        height: 30px;
    }

    .pool-projects-showcase-2026-bottom {
        padding: 0 22px;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-projects-showcase-2026 {
        padding: 60px 0;
    }

    .pool-projects-showcase-2026-head {
        padding: 0 18px;
    }

    .pool-projects-showcase-2026-head h2 {
        font-size: 1.85rem;
    }

    .pool-projects-showcase-2026-grid {
        padding: 0 18px;

        grid-template-columns: 1fr;

        grid-template-rows:
            280px
            230px
            230px
            250px;
    }

    .pool-projects-showcase-2026-large,
    .pool-projects-showcase-2026-wide {
        grid-column: auto;
        grid-row: auto;
    }

    .pool-projects-showcase-2026-bottom {
        padding: 0 18px;

        text-align: left;
    }
}


/* =========================================
   CUSTOMER TESTIMONIALS
   ========================================= */

.pool-testimonials-2026 {
    width: 100%;

    margin: 0;
    padding: 115px 0;

    background-color: #082F3D;

    box-sizing: border-box;
}


/* =========================================
   MAIN WRAPPER
   ========================================= */

.pool-testimonials-2026-wrapper {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 0 30px;

    box-sizing: border-box;

    display: grid;

    grid-template-columns: 0.85fr 1.15fr;

    gap: 55px;
}


/* =========================================
   INTRO
   ========================================= */

.pool-testimonials-2026-intro {
    padding-top: 15px;
}


/* ===== LABEL ===== */

.pool-testimonials-2026-label {
    display: inline-block;

    margin-bottom: 18px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;

    letter-spacing: 0.16rem;
}


/* ===== HEADING ===== */

.pool-testimonials-2026-intro h2 {
    margin: 0 0 22px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 3rem;

    font-weight: 500;

    line-height: 1.15;

    letter-spacing: -0.05rem;
}

.pool-testimonials-2026-intro h2 span {
    display: block;

    color: #6ED3E6;

    font-weight: 700;
}


/* ===== DESCRIPTION ===== */

.pool-testimonials-2026-intro > p {
    max-width: 440px;

    margin: 0;

    color: #C4D6DA;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.82rem;

    line-height: 1.9;
}


/* =========================================
   RATING
   ========================================= */

.pool-testimonials-2026-rating {
    margin-top: 30px;
}

.pool-testimonials-2026-stars {
    display: flex;

    gap: 5px;

    margin-bottom: 8px;

    color: #6ED3E6;

    font-size: 0.75rem;
}

.pool-testimonials-2026-rating > span {
    color: #9FBBC1;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.68rem;

    font-weight: 600;
}


/* =========================================
   MAIN TESTIMONIAL CARD
   ========================================= */

.pool-testimonials-2026-card {
    position: relative;

    padding: 42px 45px;

    background-color: #FFFFFF;

    box-sizing: border-box;
}


/* ===== QUOTE ICON ===== */

.pool-testimonials-2026-quote {
    margin-bottom: 20px;

    color: #6ED3E6;

    font-size: 2rem;
}


/* ===== MESSAGE ===== */

.pool-testimonials-2026-message {
    margin: 0;

    color: #304951;

    font-family: 'Montserrat', sans-serif;

    font-size: 1rem;

    line-height: 1.9;
}


/* =========================================
   AUTHOR
   ========================================= */

.pool-testimonials-2026-author {
    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 30px;

    padding-top: 22px;

    border-top: 1px solid #E2EAEC;
}


/* ===== AVATAR ===== */

.pool-testimonials-2026-avatar {
    width: 44px;
    height: 44px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    background-color: #08718A;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.72rem;

    font-weight: 700;
}


/* ===== AUTHOR NAME ===== */

.pool-testimonials-2026-author h3 {
    margin: 0 0 4px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.8rem;

    font-weight: 700;
}

.pool-testimonials-2026-author span {
    color: #789098;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;
}


/* =========================================
   MINI TESTIMONIALS
   ========================================= */

.pool-testimonials-2026-mini {
    grid-column: 2;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}

.pool-testimonials-2026-mini-item {
    padding: 25px 28px;

    border: 1px solid rgba(191, 234, 242, 0.18);

    background-color: rgba(255, 255, 255, 0.045);

    box-sizing: border-box;
}


/* ===== MINI TOP ===== */

.pool-testimonials-2026-mini-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 14px;
}

.pool-testimonials-2026-mini-top span {
    color: #6ED3E6;

    font-size: 0.65rem;

    letter-spacing: 3px;
}

.pool-testimonials-2026-mini-top i {
    color: #5A818A;

    font-size: 0.75rem;
}


/* ===== MINI TEXT ===== */

.pool-testimonials-2026-mini-item p {
    margin: 0 0 15px;

    color: #C5D7DB;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.72rem;

    line-height: 1.8;
}

.pool-testimonials-2026-mini-item strong {
    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 600;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .pool-testimonials-2026 {
        padding: 90px 0;
    }

    .pool-testimonials-2026-wrapper {
        grid-template-columns: 1fr;

        gap: 40px;

        max-width: 850px;
    }

    .pool-testimonials-2026-intro h2 {
        font-size: 2.5rem;
    }

    .pool-testimonials-2026-intro > p {
        max-width: 650px;
    }

    .pool-testimonials-2026-mini {
        grid-column: auto;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .pool-testimonials-2026 {
        padding: 75px 0;
    }

    .pool-testimonials-2026-wrapper {
        padding: 0 22px;

        gap: 30px;
    }

    .pool-testimonials-2026-intro h2 {
        font-size: 2.15rem;
    }

    .pool-testimonials-2026-intro > p {
        font-size: 0.78rem;
    }

    .pool-testimonials-2026-card {
        padding: 32px 28px;
    }

    .pool-testimonials-2026-message {
        font-size: 0.85rem;

        line-height: 1.8;
    }

    .pool-testimonials-2026-mini {
        grid-template-columns: 1fr;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-testimonials-2026 {
        padding: 60px 0;
    }

    .pool-testimonials-2026-wrapper {
        padding: 0 18px;
    }

    .pool-testimonials-2026-intro h2 {
        font-size: 1.85rem;
    }

    .pool-testimonials-2026-card {
        padding: 27px 22px;
    }

    .pool-testimonials-2026-message {
        font-size: 0.78rem;
    }

    .pool-testimonials-2026-mini-item {
        padding: 22px;
    }
}

/* =========================================
   SITE ASSESSMENT CTA
   ========================================= */

.pool-assessment-cta-2026 {
    width: 100%;

    margin: 0;
    padding: 95px 0;

    background-color: #063B4A;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;
}


/* ===== DECORATIVE CIRCLE ===== */

.pool-assessment-cta-2026::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -150px;
    top: -210px;

    border: 1px solid rgba(110, 211, 230, 0.18);

    border-radius: 50%;
}

.pool-assessment-cta-2026::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    left: -130px;
    bottom: -150px;

    border: 1px solid rgba(110, 211, 230, 0.12);

    border-radius: 50%;
}


/* =========================================
   INNER
   ========================================= */

.pool-assessment-cta-2026-inner {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 0 30px;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 60px;

    position: relative;

    z-index: 2;
}


/* =========================================
   CONTENT
   ========================================= */

.pool-assessment-cta-2026-content {
    max-width: 650px;
}


/* ===== LABEL ===== */

.pool-assessment-cta-2026-label {
    display: inline-block;

    margin-bottom: 17px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;

    letter-spacing: 0.16rem;
}


/* ===== HEADING ===== */

.pool-assessment-cta-2026-content h2 {
    margin: 0 0 20px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 3.1rem;

    font-weight: 500;

    line-height: 1.15;

    letter-spacing: -0.06rem;
}

.pool-assessment-cta-2026-content h2 span {
    display: block;

    color: #6ED3E6;

    font-weight: 700;
}


/* ===== DESCRIPTION ===== */

.pool-assessment-cta-2026-content p {
    max-width: 590px;

    margin: 0;

    color: #C7DCE1;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.82rem;

    line-height: 1.9;
}


/* =========================================
   ACTION
   ========================================= */

.pool-assessment-cta-2026-action {
    flex-shrink: 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 14px;
}


/* ===== BUTTON ===== */

.pool-assessment-cta-2026-button {
    min-height: 54px;

    padding: 0 26px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    background-color: #FFFFFF;

    color: #08718A;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.75rem;

    font-weight: 700;

    box-sizing: border-box;

    transition: all 0.3s ease;
}

.pool-assessment-cta-2026-button i {
    transition: transform 0.3s ease;
}

.pool-assessment-cta-2026-button:hover {
    background-color: #6ED3E6;

    color: #063B4A;

    transform: translateY(-3px);
}

.pool-assessment-cta-2026-button:hover i {
    transform: translateX(5px);
}


/* ===== NOTE ===== */

.pool-assessment-cta-2026-note {
    color: #8FBBC4;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;

    font-weight: 500;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .pool-assessment-cta-2026 {
        padding: 80px 0;
    }

    .pool-assessment-cta-2026-inner {
        flex-direction: column;

        align-items: flex-start;

        gap: 35px;

        max-width: 850px;
    }

    .pool-assessment-cta-2026-content h2 {
        font-size: 2.6rem;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .pool-assessment-cta-2026 {
        padding: 70px 0;
    }

    .pool-assessment-cta-2026-inner {
        padding: 0 22px;

        gap: 30px;
    }

    .pool-assessment-cta-2026-content h2 {
        font-size: 2.15rem;

        letter-spacing: -0.04rem;
    }

    .pool-assessment-cta-2026-content p {
        font-size: 0.76rem;

        line-height: 1.8;
    }

    .pool-assessment-cta-2026-button {
        min-height: 50px;

        padding: 0 21px;

        font-size: 0.7rem;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-assessment-cta-2026 {
        padding: 60px 0;
    }

    .pool-assessment-cta-2026-inner {
        padding: 0 18px;
    }

    .pool-assessment-cta-2026-content h2 {
        font-size: 1.85rem;
    }

    .pool-assessment-cta-2026-label {
        font-size: 0.58rem;
    }

    .pool-assessment-cta-2026-button {
        width: 100%;
    }

    .pool-assessment-cta-2026-action {
        width: 100%;
    }
}

/* =========================================
   WHY CHOOSE US
   ========================================= */

.pool-why-choose-2026 {
    width: 100%;

    margin: 0;
    padding: 110px 0;

    background-color: #F4FAFB;

    box-sizing: border-box;
}


/* =========================================
   WRAPPER
   ========================================= */

.pool-why-choose-2026-wrapper {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 0 30px;

    box-sizing: border-box;
}


/* =========================================
   HEADER
   ========================================= */

.pool-why-choose-2026-header {
    max-width: 720px;

    margin: 0 auto 65px;

    text-align: center;
}


/* ===== LABEL ===== */

.pool-why-choose-2026-label {
    display: inline-block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;

    letter-spacing: 0.17rem;
}


/* ===== HEADING ===== */

.pool-why-choose-2026-header h2 {
    margin: 0 0 20px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.8rem;

    font-weight: 500;

    line-height: 1.2;

    letter-spacing: -0.05rem;
}

.pool-why-choose-2026-header h2 span {
    display: block;

    color: #08718A;

    font-weight: 700;
}


/* ===== DESCRIPTION ===== */

.pool-why-choose-2026-header p {
    max-width: 580px;

    margin: 0 auto;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.82rem;

    line-height: 1.85;
}


/* =========================================
   BENEFIT GRID
   ========================================= */

.pool-why-choose-2026-grid {
    display: grid;

    grid-template-columns: 1fr 1fr 0.8fr 1fr 1fr;

    align-items: stretch;

    border-top: 1px solid #D8E6E9;

    border-bottom: 1px solid #D8E6E9;
}


/* =========================================
   BENEFIT ITEM
   ========================================= */

.pool-why-choose-2026-item {
    position: relative;

    min-height: 255px;

    padding: 30px 25px;

    box-sizing: border-box;

    border-right: 1px solid #D8E6E9;

    transition: all 0.35s ease;
}


/* ===== ICON ===== */

.pool-why-choose-2026-icon {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 28px;

    background-color: #DFF2F5;

    color: #08718A;

    font-size: 0.9rem;

    transition: all 0.35s ease;
}


/* ===== NUMBER ===== */

.pool-why-choose-2026-number {
    position: absolute;

    top: 32px;
    right: 24px;

    color: #A8C0C6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.58rem;

    font-weight: 700;
}


/* ===== TITLE ===== */

.pool-why-choose-2026-item h3 {
    margin: 0 0 12px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.9rem;

    font-weight: 700;
}


/* ===== TEXT ===== */

.pool-why-choose-2026-item p {
    margin: 0;

    color: #71838A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.7rem;

    line-height: 1.8;
}


/* =========================================
   HOVER
   ========================================= */

.pool-why-choose-2026-item:hover {
    background-color: #FFFFFF;

    transform: translateY(-5px);
}

.pool-why-choose-2026-item:hover
.pool-why-choose-2026-icon {
    background-color: #08718A;

    color: #FFFFFF;

    transform: translateY(-3px);
}


/* =========================================
   CENTER HIGHLIGHT
   ========================================= */

.pool-why-choose-2026-center {
    min-height: 255px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 5px;

    background-color: #082F3D;

    color: #FFFFFF;

    text-align: center;
}


/* ===== CENTER RING ===== */

.pool-why-choose-2026-center-ring {
    width: 72px;
    height: 72px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    border: 1px solid rgba(110, 211, 230, 0.55);

    border-radius: 50%;

    color: #6ED3E6;

    font-size: 1.15rem;
}


/* ===== CENTER TEXT ===== */

.pool-why-choose-2026-center strong {
    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.7rem;

    letter-spacing: 0.16rem;
}

.pool-why-choose-2026-center span {
    color: #8FBBC4;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .pool-why-choose-2026 {
        padding: 90px 0;
    }

    .pool-why-choose-2026-header h2 {
        font-size: 2.4rem;
    }

    .pool-why-choose-2026-grid {
        grid-template-columns: 1fr 1fr;
    }

    .pool-why-choose-2026-item {
        border-bottom: 1px solid #D8E6E9;
    }

    .pool-why-choose-2026-center {
        grid-column: span 2;

        min-height: 180px;

        order: -1;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .pool-why-choose-2026 {
        padding: 75px 0;
    }

    .pool-why-choose-2026-wrapper {
        padding: 0 22px;
    }

    .pool-why-choose-2026-header {
        margin-bottom: 45px;
    }

    .pool-why-choose-2026-header h2 {
        font-size: 2.1rem;
    }

    .pool-why-choose-2026-header p {
        font-size: 0.76rem;
    }

    .pool-why-choose-2026-grid {
        grid-template-columns: 1fr 1fr;
    }

    .pool-why-choose-2026-item {
        min-height: 220px;

        padding: 25px 20px;
    }

    .pool-why-choose-2026-center {
        min-height: 170px;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-why-choose-2026 {
        padding: 60px 0;
    }

    .pool-why-choose-2026-wrapper {
        padding: 0 18px;
    }

    .pool-why-choose-2026-header h2 {
        font-size: 1.8rem;
    }

    .pool-why-choose-2026-grid {
        grid-template-columns: 1fr;
    }

    .pool-why-choose-2026-center {
        grid-column: auto;

        min-height: 160px;
    }

    .pool-why-choose-2026-item {
        min-height: 200px;

        border-right: 0;
    }
}

/* =========================================
   POOL LIFESTYLE SECTION
   ========================================= */

.pool-lifestyle-2026 {
    width: 100%;

    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: 1fr 1fr;

    background-color: #FFFFFF;

    box-sizing: border-box;
}


/* ===== IMAGE ===== */

.pool-lifestyle-2026-image {
    position: relative;

    min-height: 600px;

    overflow: hidden;
}

.pool-lifestyle-2026-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.7s ease;
}

.pool-lifestyle-2026-image:hover img {
    transform: scale(1.04);
}


/* ===== BADGE ===== */

.pool-lifestyle-2026-badge {
    position: absolute;

    left: 30px;
    bottom: 30px;

    min-width: 150px;

    padding: 20px;

    background-color: #082F3D;

    color: #FFFFFF;

    display: flex;
    align-items: center;

    gap: 14px;

    box-sizing: border-box;
}

.pool-lifestyle-2026-badge strong {
    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 2rem;
}

.pool-lifestyle-2026-badge span {
    color: #C7DCE1;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.55rem;

    font-weight: 700;

    line-height: 1.5;

    letter-spacing: 0.08rem;
}


/* ===== CONTENT ===== */

.pool-lifestyle-2026-content {
    padding: 80px 9%;

    display: flex;
    flex-direction: column;

    justify-content: center;

    box-sizing: border-box;
}


/* ===== LABEL ===== */

.pool-lifestyle-2026-label {
    margin-bottom: 18px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;

    letter-spacing: 0.16rem;
}


/* ===== HEADING ===== */

.pool-lifestyle-2026-content h2 {
    margin: 0 0 22px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.8rem;

    font-weight: 500;

    line-height: 1.18;
}

.pool-lifestyle-2026-content h2 span {
    display: block;

    color: #08718A;

    font-weight: 700;
}


/* ===== TEXT ===== */

.pool-lifestyle-2026-content > p {
    max-width: 520px;

    margin: 0 0 28px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.82rem;

    line-height: 1.9;
}


/* ===== POINTS ===== */

.pool-lifestyle-2026-points {
    display: flex;

    flex-direction: column;

    gap: 13px;

    margin-bottom: 30px;
}

.pool-lifestyle-2026-points div {
    display: flex;

    align-items: center;

    gap: 12px;

    color: #415B63;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.72rem;

    font-weight: 600;
}

.pool-lifestyle-2026-points i {
    width: 20px;
    height: 20px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background-color: #E1F3F6;

    color: #08718A;

    font-size: 0.55rem;
}


/* ===== BUTTON ===== */

.pool-lifestyle-2026-button {
    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 21px;

    background-color: #082F3D;

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.7rem;

    font-weight: 700;

    transition: all 0.3s ease;
}

.pool-lifestyle-2026-button:hover {
    background-color: #08718A;

    transform: translateY(-3px);
}

.pool-lifestyle-2026-button i {
    transition: transform 0.3s ease;
}

.pool-lifestyle-2026-button:hover i {
    transform: translateX(5px);
}


/* ===== TABLET ===== */

@media (max-width: 900px) {

    .pool-lifestyle-2026 {
        grid-template-columns: 1fr;
    }

    .pool-lifestyle-2026-image {
        min-height: 500px;
    }

    .pool-lifestyle-2026-content {
        padding: 70px 8%;
    }
}


/* ===== MOBILE ===== */

@media (max-width: 480px) {

    .pool-lifestyle-2026-image {
        min-height: 380px;
    }

    .pool-lifestyle-2026-badge {
        left: 18px;
        bottom: 18px;
    }

    .pool-lifestyle-2026-content {
        padding: 55px 22px;
    }

    .pool-lifestyle-2026-content h2 {
        font-size: 2rem;
    }

    .pool-lifestyle-2026-content > p {
        font-size: 0.75rem;
    }
}

/* =========================================
   PROFESSIONAL POOL CARE
   ========================================= */

.pool-care-2026 {
    width: 100%;

    margin: 0;
    padding: 105px 8%;

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    align-items: center;

    gap: 80px;

    background-color: #EAF6F8;

    box-sizing: border-box;
}


/* =========================================
   CONTENT
   ========================================= */

.pool-care-2026-content {
    max-width: 520px;

    justify-self: end;
}


/* ===== LABEL ===== */

.pool-care-2026-label {
    display: inline-block;

    margin-bottom: 17px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;

    letter-spacing: 0.16rem;
}


/* ===== HEADING ===== */

.pool-care-2026-content h2 {
    margin: 0 0 22px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.8rem;

    font-weight: 500;

    line-height: 1.18;
}

.pool-care-2026-content h2 span {
    display: block;

    color: #08718A;

    font-weight: 700;
}


/* ===== DESCRIPTION ===== */

.pool-care-2026-content p {
    margin: 0 0 30px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.82rem;

    line-height: 1.9;
}


/* ===== BUTTON ===== */

.pool-care-2026-button {
    display: inline-flex;

    align-items: center;

    gap: 11px;

    padding: 15px 23px;

    background-color: #08718A;

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.7rem;

    font-weight: 700;

    transition: all 0.3s ease;
}

.pool-care-2026-button:hover {
    background-color: #063B4A;

    transform: translateY(-3px);
}

.pool-care-2026-button i {
    transition: transform 0.3s ease;
}

.pool-care-2026-button:hover i {
    transform: translateX(5px);
}


/* =========================================
   IMAGE
   ========================================= */

.pool-care-2026-image {
    position: relative;

    height: 470px;

    overflow: hidden;
}

.pool-care-2026-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.7s ease;
}

.pool-care-2026-image:hover img {
    transform: scale(1.04);
}


/* =========================================
   IMAGE CAPTION
   ========================================= */

.pool-care-2026-caption {
    position: absolute;

    left: 25px;
    bottom: 25px;

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 16px 20px;

    background-color: rgba(8, 47, 61, 0.94);

    color: #FFFFFF;
}

.pool-care-2026-caption > i {
    color: #6ED3E6;

    font-size: 1rem;
}

.pool-care-2026-caption strong {
    display: block;

    margin-bottom: 4px;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.7rem;
}

.pool-care-2026-caption span {
    display: block;

    color: #9FC1C8;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.55rem;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1000px) {

    .pool-care-2026 {
        grid-template-columns: 1fr;

        padding: 85px 7%;

        gap: 50px;
    }

    .pool-care-2026-content {
        max-width: 700px;

        justify-self: start;
    }

    .pool-care-2026-image {
        width: 100%;

        height: 450px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pool-care-2026 {
        padding: 60px 20px;

        gap: 35px;
    }

    .pool-care-2026-content h2 {
        font-size: 2rem;
    }

    .pool-care-2026-content p {
        font-size: 0.75rem;
    }

    .pool-care-2026-image {
        height: 350px;
    }

    .pool-care-2026-caption {
        left: 15px;
        bottom: 15px;

        padding: 13px 15px;
    }
} 



/* =========================================
   POOL TYPES SIMPLE BANNER
   ========================================= */

#pool-types-simple-banner-2026 {
    width: 100%;
    min-height: 430px;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../images/infinity\ swimming\ pool.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    box-sizing: border-box;
}


/* =========================
   OVERLAY
   ========================= */

.pool-types-simple-banner-2026-overlay {
    position: absolute;
    inset: 0;

    background-color: rgba(4, 31, 42, 0.62);
}


/* =========================
   CONTENT
   ========================= */

.pool-types-simple-banner-2026-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 850px;

    padding: 70px 25px;

    text-align: center;

    box-sizing: border-box;
}


/* =========================
   TITLE
   ========================= */

.pool-types-simple-banner-2026-content h1 {
    margin: 0 0 18px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 3.5rem;
    font-weight: 600;

    line-height: 1.1;
    letter-spacing: -0.06rem;
}


/* =========================
   DESCRIPTION
   ========================= */

.pool-types-simple-banner-2026-content p {
    max-width: 650px;

    margin: 0 auto;

    color: #E0F0F3;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 400;

    line-height: 1.8;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 768px) {

    #pool-types-simple-banner-2026 {
        min-height: 380px;
    }

    .pool-types-simple-banner-2026-content {
        padding: 60px 25px;
    }

    .pool-types-simple-banner-2026-content h1 {
        font-size: 2.8rem;
    }

    .pool-types-simple-banner-2026-content p {
        font-size: 0.78rem;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 480px) {

    #pool-types-simple-banner-2026 {
        min-height: 340px;
    }

    .pool-types-simple-banner-2026-content {
        padding: 50px 20px;
    }

    .pool-types-simple-banner-2026-content h1 {
        font-size: 2.25rem;
    }

    .pool-types-simple-banner-2026-content p {
        font-size: 0.7rem;
        line-height: 1.7;
    }

}


/* =========================================
   POOL TYPES INTRO SECTION
   ========================================= */

#pool-types-intro-2026 {
    width: 100%;
    padding: 100px 8%;

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 90px;

    background-color: #F4FAFB;

    box-sizing: border-box;
}


/* =========================
   LEFT HEADING
   ========================= */

.pool-types-intro-2026-heading {
    position: relative;
    padding-left: 30px;
}


.pool-types-intro-2026-heading::before {
    content: "";

    position: absolute;
    left: 0;
    top: 4px;

    width: 4px;
    height: 105px;

    background-color: #6ED3E6;
}


.pool-types-intro-2026-heading > span {
    display: block;

    margin-bottom: 18px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;

    letter-spacing: 0.16rem;
}


.pool-types-intro-2026-heading h2 {
    max-width: 500px;

    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 3rem;
    font-weight: 400;

    line-height: 1.18;
    letter-spacing: -0.06rem;
}


.pool-types-intro-2026-heading h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}


/* =========================
   RIGHT DESCRIPTION
   ========================= */

.pool-types-intro-2026-description {
    max-width: 520px;
}


.pool-types-intro-2026-description p {
    margin: 0;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.82rem;

    line-height: 1.95;
}


.pool-types-intro-2026-line {
    width: 65px;
    height: 2px;

    margin: 28px 0 18px;

    background-color: #08718A;
}


.pool-types-intro-2026-note {
    color: #82999F;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.52rem;
    font-weight: 700;

    letter-spacing: 0.09rem;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 900px) {

    #pool-types-intro-2026 {
        grid-template-columns: 1fr;
        gap: 45px;

        padding: 80px 7%;
    }

    .pool-types-intro-2026-heading {
        padding-left: 25px;
    }

    .pool-types-intro-2026-description {
        max-width: 700px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 480px) {

    #pool-types-intro-2026 {
        padding: 60px 22px;
        gap: 35px;
    }

    .pool-types-intro-2026-heading h2 {
        font-size: 2.15rem;
    }

    .pool-types-intro-2026-heading > span {
        font-size: 0.55rem;
    }

    .pool-types-intro-2026-description p {
        font-size: 0.72rem;
        line-height: 1.8;
    }

    .pool-types-intro-2026-note {
        font-size: 0.46rem;
        line-height: 1.7;
    }

}

/* =========================================
   POOL TYPE COLLECTION
   ========================================= */

#pool-type-collection-2026 {
    width: 100%;
    padding: 105px 7%;

    background-color: #FFFFFF;

    box-sizing: border-box;
}


/* =========================
   TOP AREA
   ========================= */

.pool-type-collection-2026-top {
    max-width: 1150px;
    margin: 0 auto 55px;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
}


.pool-type-collection-2026-top span {
    display: block;

    margin-bottom: 15px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.16rem;
}


.pool-type-collection-2026-top h2 {
    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 400;

    line-height: 1.15;
}


.pool-type-collection-2026-top h2 strong {
    color: #08718A;
    font-weight: 700;
}


.pool-type-collection-2026-top > p {
    max-width: 390px;

    margin: 0 0 3px;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   COLLECTION LIST
   ========================= */

.pool-type-collection-2026-list {
    max-width: 1150px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* =========================
   POOL ITEM
   ========================= */

.pool-type-collection-2026-item {
    min-height: 190px;

    display: grid;
    grid-template-columns: 65px 290px 1fr;
    align-items: center;

    background-color: #F4FAFB;

    border: 1px solid #E3EFF1;

    overflow: hidden;

    transition: all 0.4s ease;
}


.pool-type-collection-2026-item:hover {
    transform: translateX(8px);

    border-color: #BFEAF2;

    box-shadow: 0 15px 35px rgba(8, 47, 61, 0.08);
}


/* =========================
   NUMBER
   ========================= */

.pool-type-collection-2026-number {
    padding-left: 22px;

    color: #A6C3C9;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
}


/* =========================
   IMAGE
   ========================= */

.pool-type-collection-2026-image {
    width: 100%;
    height: 190px;

    overflow: hidden;
}


.pool-type-collection-2026-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.6s ease;
}


.pool-type-collection-2026-item:hover
.pool-type-collection-2026-image img {
    transform: scale(1.07);
}


/* =========================
   INFORMATION
   ========================= */

.pool-type-collection-2026-info {
    padding: 25px 35px;

    display: grid;
    grid-template-columns: 0.7fr 1.2fr 1.7fr auto;
    align-items: center;
    gap: 25px;
}


.pool-type-collection-2026-info > span {
    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.5rem;
    font-weight: 700;

    letter-spacing: 0.08rem;
}


.pool-type-collection-2026-info h3 {
    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
}


.pool-type-collection-2026-info p {
    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.7;
}


.pool-type-collection-2026-info a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #08718A;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;

    white-space: nowrap;
}


.pool-type-collection-2026-info a i {
    transition: transform 0.3s ease;
}


.pool-type-collection-2026-info a:hover i {
    transform: translateX(5px);
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 1050px) {

    #pool-type-collection-2026 {
        padding: 85px 5%;
    }

    .pool-type-collection-2026-item {
        grid-template-columns: 55px 230px 1fr;
    }

    .pool-type-collection-2026-info {
        grid-template-columns: 1fr 1fr;
        gap: 12px 20px;
    }

    .pool-type-collection-2026-info p {
        grid-column: 1 / -1;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 700px) {

    #pool-type-collection-2026 {
        padding: 65px 20px;
    }


    .pool-type-collection-2026-top {
        display: block;
        margin-bottom: 40px;
    }


    .pool-type-collection-2026-top h2 {
        font-size: 2.15rem;
    }


    .pool-type-collection-2026-top > p {
        margin-top: 20px;
        font-size: 0.7rem;
    }


    .pool-type-collection-2026-item {
        display: grid;
        grid-template-columns: 48px 1fr;

        min-height: auto;
    }


    .pool-type-collection-2026-number {
        grid-row: 1 / 3;
        padding-left: 15px;
    }


    .pool-type-collection-2026-image {
        height: 210px;
    }


    .pool-type-collection-2026-info {
        grid-column: 2;

        display: block;

        padding: 22px 20px;
    }


    .pool-type-collection-2026-info > span {
        display: block;
        margin-bottom: 8px;
    }


    .pool-type-collection-2026-info h3 {
        margin-bottom: 10px;
        font-size: 1rem;
    }


    .pool-type-collection-2026-info p {
        margin-bottom: 15px;
        font-size: 0.65rem;
    }

}


/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 450px) {

    .pool-type-collection-2026-item {
        grid-template-columns: 38px 1fr;
    }


    .pool-type-collection-2026-image {
        height: 180px;
    }


    .pool-type-collection-2026-number {
        padding-left: 11px;
        font-size: 0.6rem;
    }


    .pool-type-collection-2026-info {
        padding: 18px 15px;
    }

}

/* =========================================
   POOL CHOICE GUIDE
   ========================================= */

#pool-choice-guide-2026 {
    width: 100%;
    padding: 110px 8%;

    background-color: #082F3D;

    box-sizing: border-box;
}


/* =========================
   HEADING
   ========================= */

.pool-choice-guide-2026-head {
    max-width: 650px;
    margin: 0 auto 70px;

    text-align: center;
}


.pool-choice-guide-2026-head > span {
    display: block;

    margin-bottom: 17px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.17rem;
}


.pool-choice-guide-2026-head h2 {
    margin: 0;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.8rem;
    font-weight: 400;

    line-height: 1.2;
}


.pool-choice-guide-2026-head h2 strong {
    color: #6ED3E6;
    font-weight: 700;
}


/* =========================
   STEPS
   ========================= */

.pool-choice-guide-2026-steps {
    max-width: 1100px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}


.pool-choice-guide-2026-step {
    position: relative;

    min-height: 330px;
    padding: 45px 38px;

    border-right: 1px solid rgba(255, 255, 255, 0.15);

    box-sizing: border-box;
}


.pool-choice-guide-2026-step:last-child {
    border-right: none;
}


/* =========================
   ICON
   ========================= */

.pool-choice-guide-2026-icon {
    width: 52px;
    height: 52px;

    margin-bottom: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: rgba(110, 211, 230, 0.12);

    color: #6ED3E6;

    border: 1px solid rgba(110, 211, 230, 0.25);

    border-radius: 50%;

    font-size: 1rem;

    transition: all 0.35s ease;
}


.pool-choice-guide-2026-step:hover
.pool-choice-guide-2026-icon {
    background-color: #6ED3E6;
    color: #082F3D;

    transform: rotate(8deg);
}


/* =========================
   NUMBER
   ========================= */

.pool-choice-guide-2026-number {
    position: absolute;

    top: 48px;
    right: 35px;

    color: rgba(255, 255, 255, 0.15);

    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 700;
}


/* =========================
   CONTENT
   ========================= */

.pool-choice-guide-2026-step h3 {
    margin: 0 0 15px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}


.pool-choice-guide-2026-step p {
    max-width: 270px;

    margin: 0;

    color: #AFC6CC;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   BOTTOM CTA
   ========================= */

.pool-choice-guide-2026-bottom {
    max-width: 1100px;

    margin: 55px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    flex-wrap: wrap;
}


.pool-choice-guide-2026-line {
    width: 35px;
    height: 1px;

    background-color: #6ED3E6;
}


.pool-choice-guide-2026-bottom p {
    margin: 0;

    color: #AFC6CC;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
}


.pool-choice-guide-2026-bottom a {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #6ED3E6;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
}


.pool-choice-guide-2026-bottom a i {
    transition: transform 0.3s ease;
}


.pool-choice-guide-2026-bottom a:hover i {
    transform: translateX(5px);
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 850px) {

    #pool-choice-guide-2026 {
        padding: 85px 6%;
    }


    .pool-choice-guide-2026-steps {
        grid-template-columns: 1fr;
    }


    .pool-choice-guide-2026-step {
        min-height: auto;

        padding: 35px 30px;

        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }


    .pool-choice-guide-2026-step:last-child {
        border-bottom: none;
    }


    .pool-choice-guide-2026-step p {
        max-width: 600px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 480px) {

    #pool-choice-guide-2026 {
        padding: 65px 20px;
    }


    .pool-choice-guide-2026-head {
        margin-bottom: 45px;
    }


    .pool-choice-guide-2026-head h2 {
        font-size: 2.1rem;
    }


    .pool-choice-guide-2026-step {
        padding: 30px 22px;
    }


    .pool-choice-guide-2026-number {
        top: 33px;
        right: 22px;

        font-size: 1.6rem;
    }


    .pool-choice-guide-2026-step p {
        font-size: 0.65rem;
    }


    .pool-choice-guide-2026-bottom {
        flex-direction: column;
        text-align: center;
    }

}

/* =========================================
   POOL DESIGN FEATURES SECTION
   ========================================= */

#pool-design-features-2026 {
    position: relative;
    width: 100%;
    min-height: 850px;
    padding: 100px 8%;
    background-color: #EAF6F8;
    box-sizing: border-box;
    overflow: hidden;
}


/* =========================
   HEADING
   ========================= */

.pool-design-features-2026-heading {
    position: relative;
    z-index: 3;
    width: 360px;
}

.pool-design-features-2026-heading > span {
    display: block;
    margin-bottom: 16px;
    color: #08718A;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
}

.pool-design-features-2026-heading h2 {
    margin: 0 0 20px;
    color: #082F3D;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 400;
    line-height: 1.15;
}

.pool-design-features-2026-heading h2 strong {
    display: block;
    color: #08718A;
    font-weight: 700;
}

.pool-design-features-2026-heading p {
    margin: 0;
    color: #687B82;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    line-height: 1.9;
}


/* =========================
   CENTER IMAGE
   ========================= */

.pool-design-features-2026-visual {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 470px;
    height: 470px;

    transform: translate(-50%, -50%);

    border: 12px solid #FFFFFF;
    border-radius: 50%;

    overflow: hidden;

    box-shadow: 0 25px 60px rgba(8, 47, 61, 0.15);

    box-sizing: border-box;
}

.pool-design-features-2026-visual img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================
   CENTER ICON
   ========================= */

.pool-design-features-2026-center {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 65px;
    height: 65px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translate(-50%, -50%);

    background-color: rgba(8, 47, 61, 0.9);

    color: #6ED3E6;

    border-radius: 50%;

    font-size: 1.1rem;
}


/* =========================
   FEATURE CARDS
   ========================= */

.pool-design-features-2026-feature {
    position: absolute;

    width: 220px;

    padding: 22px;

    background-color: #FFFFFF;

    box-shadow: 0 12px 35px rgba(8, 47, 61, 0.08);

    box-sizing: border-box;

    transition: transform 0.35s ease;
    margin-top: 20px;
}

.pool-design-features-2026-feature:hover {
    transform: translateY(-6px);
}

.pool-design-features-2026-feature > span {
    display: block;

    margin-bottom: 12px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;
}

.pool-design-features-2026-feature h3 {
    margin: 0 0 9px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.9rem;

    font-weight: 700;
}

.pool-design-features-2026-feature p {
    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.75;
}


/* =========================
   FEATURE POSITIONS
   ========================= */

.pool-design-feature-one {
    top: 220px;
    left: 8%;
}

.pool-design-feature-two {
    top: 220px;
    right: 8%;
}

.pool-design-feature-three {
    bottom: 190px;
    left: 12%;
}

.pool-design-feature-four {
    right: 12%;
    bottom: 190px;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 1000px) {

    #pool-design-features-2026 {
        min-height: auto;
        padding: 80px 6%;
    }

    .pool-design-features-2026-heading {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 50px;
        text-align: center;
    }

    .pool-design-features-2026-visual {
        position: relative;

        top: auto;
        left: auto;

        width: 400px;
        height: 400px;

        margin: 0 auto 45px;

        transform: none;
    }

    .pool-design-features-2026-feature {
        position: relative;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100%;
        max-width: 600px;

        margin: 0 auto 15px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 480px) {

    #pool-design-features-2026 {
        padding: 60px 20px;
    }

    .pool-design-features-2026-heading {
        margin-bottom: 35px;
    }

    .pool-design-features-2026-heading h2 {
        font-size: 2.1rem;
    }

    .pool-design-features-2026-heading p {
        font-size: 0.68rem;
    }

    .pool-design-features-2026-visual {
        width: 290px;
        height: 290px;

        border-width: 8px;
    }

    .pool-design-features-2026-center {
        width: 52px;
        height: 52px;

        font-size: 0.85rem;
    }

    .pool-design-features-2026-feature {
        padding: 19px;
    }

}

/* =========================================
   POOL TYPE COMPARISON SECTION
   ========================================= */

#pool-type-comparison-2026 {
    width: 100%;
    padding: 110px 8%;
    background-color: #FFFFFF;
    box-sizing: border-box;
}


/* =========================
   MAIN WRAPPER
   ========================= */

.pool-type-comparison-2026-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.85fr 1.15fr;

    gap: 90px;

    align-items: center;
}


/* =========================
   LEFT CONTENT
   ========================= */

.pool-type-comparison-2026-content {
    max-width: 430px;
}

.pool-type-comparison-2026-label {
    display: block;

    margin-bottom: 18px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;

    font-weight: 700;

    letter-spacing: 0.16rem;
}

.pool-type-comparison-2026-content h2 {
    margin: 0 0 22px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.7rem;

    font-weight: 400;

    line-height: 1.2;

    letter-spacing: -0.05rem;
}

.pool-type-comparison-2026-content h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}

.pool-type-comparison-2026-content p {
    margin: 0 0 30px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   BUTTON
   ========================= */

.pool-type-comparison-2026-button {
    min-height: 48px;

    padding: 0 20px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    background-color: #082F3D;

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;

    transition: all 0.3s ease;
}

.pool-type-comparison-2026-button i {
    font-size: 0.6rem;

    transition: transform 0.3s ease;
}

.pool-type-comparison-2026-button:hover {
    background-color: #08718A;
}

.pool-type-comparison-2026-button:hover i {
    transform: translateX(5px);
}


/* =========================
   RIGHT LIST
   ========================= */

.pool-type-comparison-2026-list {
    width: 100%;

    border-top: 1px solid #DCECEF;
}


/* =========================
   LIST ITEM
   ========================= */

.pool-type-comparison-2026-item {
    min-height: 125px;

    padding: 24px 8px 24px 0;

    display: grid;

    grid-template-columns: 45px 1fr 35px;

    align-items: center;

    gap: 20px;

    border-bottom: 1px solid #DCECEF;

    box-sizing: border-box;

    transition: all 0.3s ease;
}

.pool-type-comparison-2026-item:hover {
    padding-left: 15px;

    background-color: #F4FAFB;
}


/* =========================
   NUMBER
   ========================= */

.pool-type-comparison-2026-number {
    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.65rem;

    font-weight: 700;
}


/* =========================
   ITEM TITLE
   ========================= */

.pool-type-comparison-2026-item h3 {
    margin: 0 0 8px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.95rem;

    font-weight: 700;
}

.pool-type-comparison-2026-item p {
    max-width: 450px;

    margin: 0;

    color: #74878D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.7;
}


/* =========================
   ARROW
   ========================= */

.pool-type-comparison-2026-item > i {
    width: 32px;
    height: 32px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid #CFE4E8;

    border-radius: 50%;

    color: #08718A;

    font-size: 0.6rem;

    transition: all 0.3s ease;
}

.pool-type-comparison-2026-item:hover > i {
    background-color: #08718A;

    color: #FFFFFF;

    border-color: #08718A;

    transform: rotate(45deg);
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 900px) {

    #pool-type-comparison-2026 {
        padding: 85px 6%;
    }

    .pool-type-comparison-2026-inner {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .pool-type-comparison-2026-content {
        max-width: 650px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

    #pool-type-comparison-2026 {
        padding: 65px 20px;
    }

    .pool-type-comparison-2026-inner {
        gap: 40px;
    }

    .pool-type-comparison-2026-content h2 {
        font-size: 2.1rem;
    }

    .pool-type-comparison-2026-content p {
        font-size: 0.68rem;
    }

    .pool-type-comparison-2026-item {
        min-height: 115px;

        grid-template-columns: 32px 1fr 30px;

        gap: 12px;

        padding: 20px 0;
    }

    .pool-type-comparison-2026-item:hover {
        padding-left: 8px;
    }

    .pool-type-comparison-2026-item h3 {
        font-size: 0.82rem;
    }

    .pool-type-comparison-2026-item p {
        font-size: 0.59rem;
    }

    .pool-type-comparison-2026-item > i {
        width: 28px;
        height: 28px;
        font-size: 0.52rem;
    }

}

/* =========================================
   POOL PLANNING SECTION
   ========================================= */

#pool-planning-2026 {
    position: relative;

    width: 100%;
    min-height: 650px;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================
   BACKGROUND IMAGE
   ========================= */

.pool-planning-2026-image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;
}

.pool-planning-2026-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


/* =========================
   OVERLAY
   ========================= */

.pool-planning-2026-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4, 31, 42, 0.94) 0%,
            rgba(4, 31, 42, 0.82) 42%,
            rgba(4, 31, 42, 0.35) 75%,
            rgba(4, 31, 42, 0.12) 100%
        );
}


/* =========================
   CONTENT
   ========================= */

.pool-planning-2026-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1180px;

    min-height: 650px;

    margin: 0 auto;

    padding: 100px 8%;

    display: flex;
    flex-direction: column;
    justify-content: center;

    box-sizing: border-box;
}


/* =========================
   LABEL
   ========================= */

.pool-planning-2026-label {
    display: block;

    margin-bottom: 18px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;

    font-weight: 700;

    letter-spacing: 0.17rem;
}


/* =========================
   HEADING
   ========================= */

.pool-planning-2026-content h2 {
    max-width: 520px;

    margin: 0 0 22px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 3.2rem;

    font-weight: 400;

    line-height: 1.12;

    letter-spacing: -0.06rem;
}

.pool-planning-2026-content h2 strong {
    display: block;

    color: #6ED3E6;

    font-weight: 700;
}


/* =========================
   DESCRIPTION
   ========================= */

.pool-planning-2026-content > p {
    max-width: 540px;

    margin: 0;

    color: #D0E2E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    font-weight: 400;

    line-height: 1.9;
}


/* =========================
   DETAILS
   ========================= */

.pool-planning-2026-details {
    max-width: 560px;

    margin-top: 42px;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    border-top: 1px solid rgba(255, 255, 255, 0.22);

    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}


/* =========================
   DETAIL ITEM
   ========================= */

.pool-planning-2026-detail {
    min-height: 95px;

    padding: 18px 15px 18px 0;

    border-right: 1px solid rgba(255, 255, 255, 0.18);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    box-sizing: border-box;
}

.pool-planning-2026-detail:first-child {
    padding-left: 0;
}

.pool-planning-2026-detail:last-child {
    border-right: none;

    padding-right: 0;
}

.pool-planning-2026-detail span {
    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.75rem;

    font-weight: 700;
}

.pool-planning-2026-detail p {
    margin: 15px 0 0;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    font-weight: 600;

    line-height: 1.4;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 900px) {

    #pool-planning-2026 {
        min-height: 600px;
    }

    .pool-planning-2026-content {
        min-height: 600px;

        padding: 85px 7%;
    }

    .pool-planning-2026-content h2 {
        font-size: 2.8rem;
    }

    .pool-planning-2026-details {
        max-width: 620px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

    #pool-planning-2026 {
        min-height: 680px;
    }

    .pool-planning-2026-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(4, 31, 42, 0.94),
                rgba(4, 31, 42, 0.82)
            );
    }

    .pool-planning-2026-content {
        min-height: 680px;

        padding: 65px 22px;
    }

    .pool-planning-2026-content h2 {
        font-size: 2.25rem;

        margin-bottom: 18px;
    }

    .pool-planning-2026-content > p {
        font-size: 0.67rem;

        line-height: 1.8;
    }

    .pool-planning-2026-details {
        margin-top: 35px;

        grid-template-columns: repeat(2, 1fr);

        border-bottom: none;
    }

    .pool-planning-2026-detail {
        min-height: 85px;

        padding: 15px 15px;

        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .pool-planning-2026-detail:first-child {
        padding-left: 0;
    }

    .pool-planning-2026-detail:nth-child(2) {
        border-right: none;
    }

    .pool-planning-2026-detail:nth-child(3) {
        padding-left: 0;
    }

    .pool-planning-2026-detail:nth-child(3),
    .pool-planning-2026-detail:nth-child(4) {
        border-bottom: none;
    }

    .pool-planning-2026-detail p {
        font-size: 0.59rem;
    }

}

/* =========================================
   INSTALLATION PROCESS BANNER
   ========================================= */

#pool-installation-banner-2026 {
    position: relative;

    width: 100%;
    min-height: 430px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image:
        url("../images/infinity\ swimming\ pool.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    box-sizing: border-box;
}


/* =========================
   OVERLAY
   ========================= */

.pool-installation-banner-2026-overlay {
    position: absolute;
    inset: 0;

    background-color: rgba(4, 31, 42, 0.64);
}


/* =========================
   CONTENT
   ========================= */

.pool-installation-banner-2026-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 850px;

    padding: 70px 25px;

    text-align: center;

    box-sizing: border-box;
}


/* =========================
   TITLE
   ========================= */

.pool-installation-banner-2026-content h1 {
    margin: 0 0 18px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 3.5rem;

    font-weight: 600;

    line-height: 1.1;

    letter-spacing: -0.06rem;
}


/* =========================
   DESCRIPTION
   ========================= */

.pool-installation-banner-2026-content p {
    max-width: 680px;

    margin: 0 auto;

    color: #E0F0F3;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.85rem;

    font-weight: 400;

    line-height: 1.8;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 768px) {

    #pool-installation-banner-2026 {
        min-height: 380px;
    }

    .pool-installation-banner-2026-content {
        padding: 60px 25px;
    }

    .pool-installation-banner-2026-content h1 {
        font-size: 2.8rem;
    }

    .pool-installation-banner-2026-content p {
        font-size: 0.78rem;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 480px) {

    #pool-installation-banner-2026 {
        min-height: 340px;
    }

    .pool-installation-banner-2026-content {
        padding: 50px 20px;
    }

    .pool-installation-banner-2026-content h1 {
        font-size: 2.25rem;
    }

    .pool-installation-banner-2026-content p {
        font-size: 0.7rem;

        line-height: 1.7;
    }

}


/* =========================================
   INSTALLATION JOURNEY SECTION
   ========================================= */

#pool-installation-journey-2026 {
    width: 100%;

    padding: 110px 8%;

    background-color: #F4FAFB;

    box-sizing: border-box;
}


/* =========================
   HEADING
   ========================= */

.pool-installation-journey-2026-heading {
    max-width: 620px;

    margin: 0 auto 75px;

    text-align: center;
}

.pool-installation-journey-2026-heading > span {
    display: block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;

    font-weight: 700;

    letter-spacing: 0.17rem;
}

.pool-installation-journey-2026-heading h2 {
    margin: 0 0 20px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.8rem;

    font-weight: 400;

    line-height: 1.15;

    letter-spacing: -0.05rem;
}

.pool-installation-journey-2026-heading h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}

.pool-installation-journey-2026-heading p {
    max-width: 520px;

    margin: 0 auto;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   TIMELINE
   ========================= */

.pool-installation-journey-2026-timeline {
    width: 100%;

    max-width: 1100px;

    margin: 0 auto;

    position: relative;
}


/* =========================
   STEP
   ========================= */

.pool-installation-journey-2026-step {
    position: relative;

    display: grid;

    grid-template-columns: 110px 35px 1fr;

    gap: 25px;

    min-height: 170px;

    box-sizing: border-box;
}


/* =========================
   NUMBER
   ========================= */

.pool-installation-journey-2026-number {
    width: 85px;
    height: 85px;

    display: flex;

    align-items: center;
    justify-content: center;

    background-color: #082F3D;

    color: #6ED3E6;

    border-radius: 50%;

    font-family: 'Montserrat', sans-serif;

    font-size: 1.15rem;

    font-weight: 700;

    transition: all 0.35s ease;
}

.pool-installation-journey-2026-step:hover
.pool-installation-journey-2026-number {
    background-color: #08718A;

    color: #FFFFFF;

    transform: scale(1.05);
}


/* =========================
   CONNECTING LINE
   ========================= */

.pool-installation-journey-2026-line {
    position: relative;

    width: 1px;

    min-height: 170px;

    margin-left: 17px;

    background-color: #C9E3E8;
}

.pool-installation-journey-2026-step:last-child
.pool-installation-journey-2026-line {
    background-color: transparent;
}


/* =========================
   CONTENT
   ========================= */

.pool-installation-journey-2026-content {
    padding: 5px 0 55px;
}

.pool-installation-journey-2026-content > span {
    display: block;

    margin-bottom: 10px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.55rem;

    font-weight: 700;

    letter-spacing: 0.12rem;
}

.pool-installation-journey-2026-content h3 {
    margin: 0 0 12px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 1.15rem;

    font-weight: 700;
}

.pool-installation-journey-2026-content p {
    max-width: 650px;

    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.85;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 768px) {

    #pool-installation-journey-2026 {
        padding: 85px 6%;
    }

    .pool-installation-journey-2026-heading {
        margin-bottom: 60px;
    }

    .pool-installation-journey-2026-step {
        grid-template-columns: 85px 25px 1fr;

        gap: 18px;
    }

    .pool-installation-journey-2026-number {
        width: 70px;
        height: 70px;

        font-size: 0.95rem;
    }

    .pool-installation-journey-2026-line {
        min-height: 175px;

        margin-left: 12px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 520px) {

    #pool-installation-journey-2026 {
        padding: 65px 20px;
    }

    .pool-installation-journey-2026-heading {
        margin-bottom: 50px;
    }

    .pool-installation-journey-2026-heading h2 {
        font-size: 2.15rem;
    }

    .pool-installation-journey-2026-heading p {
        font-size: 0.66rem;
    }

    .pool-installation-journey-2026-step {
        grid-template-columns: 55px 18px 1fr;

        gap: 12px;

        min-height: 175px;
    }

    .pool-installation-journey-2026-number {
        width: 50px;
        height: 50px;

        font-size: 0.72rem;
    }

    .pool-installation-journey-2026-line {
        min-height: 175px;

        margin-left: 8px;
    }

    .pool-installation-journey-2026-content {
        padding-bottom: 45px;
    }

    .pool-installation-journey-2026-content h3 {
        font-size: 0.88rem;
    }

    .pool-installation-journey-2026-content p {
        font-size: 0.61rem;

        line-height: 1.75;
    }

}

/* =========================================
   INSTALLATION DETAILS SECTION
   ========================================= */

#pool-installation-details-2026 {
    width: 100%;

    padding: 110px 8%;

    background-color: #FFFFFF;

    box-sizing: border-box;

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: 90px;

    align-items: center;
}


/* =========================
   IMAGE AREA
   ========================= */

.pool-installation-details-2026-image {
    position: relative;

    width: 100%;
    height: 560px;

    overflow: hidden;
}

.pool-installation-details-2026-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.pool-installation-details-2026-image:hover img {
    transform: scale(1.04);
}


/* =========================
   IMAGE BADGE
   ========================= */

.pool-installation-details-2026-badge {
    position: absolute;

    right: 0;
    bottom: 0;

    width: 145px;
    min-height: 105px;

    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background-color: #082F3D;

    box-sizing: border-box;
}

.pool-installation-details-2026-badge strong {
    margin-bottom: 6px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 1rem;

    font-weight: 700;
}

.pool-installation-details-2026-badge span {
    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.52rem;

    font-weight: 600;

    letter-spacing: 0.1rem;
}


/* =========================
   CONTENT
   ========================= */

.pool-installation-details-2026-content {
    width: 100%;
    max-width: 600px;
}

.pool-installation-details-2026-label {
    display: block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;

    font-weight: 700;

    letter-spacing: 0.16rem;
}

.pool-installation-details-2026-content h2 {
    margin: 0 0 20px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.7rem;

    font-weight: 400;

    line-height: 1.15;

    letter-spacing: -0.05rem;
}

.pool-installation-details-2026-content h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}

.pool-installation-details-2026-intro {
    max-width: 520px;

    margin: 0 0 38px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   POINTS
   ========================= */

.pool-installation-details-2026-points {
    width: 100%;

    border-top: 1px solid #DCECEF;
}

.pool-installation-details-2026-point {
    display: grid;

    grid-template-columns: 45px 1fr;

    gap: 20px;

    padding: 22px 0;

    border-bottom: 1px solid #DCECEF;

    transition: all 0.3s ease;
}

.pool-installation-details-2026-point:hover {
    padding-left: 10px;
}


/* =========================
   NUMBER
   ========================= */

.pool-installation-details-2026-point > span {
    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.62rem;

    font-weight: 700;
}


/* =========================
   POINT HEADING
   ========================= */

.pool-installation-details-2026-point h3 {
    margin: 0 0 7px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.85rem;

    font-weight: 700;
}


/* =========================
   POINT DESCRIPTION
   ========================= */

.pool-installation-details-2026-point p {
    max-width: 450px;

    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.75;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 950px) {

    #pool-installation-details-2026 {
        padding: 85px 6%;

        grid-template-columns: 1fr;

        gap: 55px;
    }

    .pool-installation-details-2026-image {
        height: 480px;
    }

    .pool-installation-details-2026-content {
        max-width: 700px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

    #pool-installation-details-2026 {
        padding: 65px 20px;

        gap: 40px;
    }

    .pool-installation-details-2026-image {
        height: 360px;
    }

    .pool-installation-details-2026-badge {
        width: 125px;

        min-height: 85px;

        padding: 16px;
    }

    .pool-installation-details-2026-badge strong {
        font-size: 0.85rem;
    }

    .pool-installation-details-2026-badge span {
        font-size: 0.46rem;
    }

    .pool-installation-details-2026-content h2 {
        font-size: 2.15rem;
    }

    .pool-installation-details-2026-intro {
        font-size: 0.66rem;
    }

    .pool-installation-details-2026-point {
        grid-template-columns: 35px 1fr;

        gap: 12px;

        padding: 19px 0;
    }

    .pool-installation-details-2026-point h3 {
        font-size: 0.78rem;
    }

    .pool-installation-details-2026-point p {
        font-size: 0.59rem;
    }

}


/* =========================================
   INSTALLATION QUALITY SECTION
   ========================================= */

#pool-installation-quality-2026 {
    width: 100%;

    padding: 105px 8%;

    background-color: #082F3D;

    box-sizing: border-box;
}


/* =========================
   HEADER
   ========================= */

.pool-installation-quality-2026-head {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto 65px;

    display: grid;

    grid-template-columns: 1fr 0.65fr;

    gap: 80px;

    align-items: end;
}

.pool-installation-quality-2026-head span {
    display: block;

    margin-bottom: 17px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;

    font-weight: 700;

    letter-spacing: 0.17rem;
}

.pool-installation-quality-2026-head h2 {
    max-width: 600px;

    margin: 0;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.75rem;

    font-weight: 400;

    line-height: 1.15;

    letter-spacing: -0.05rem;
}

.pool-installation-quality-2026-head h2 strong {
    display: block;

    color: #6ED3E6;

    font-weight: 700;
}

.pool-installation-quality-2026-head > p {
    margin: 0;

    color: #AFC6CC;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   TRACK
   ========================= */

.pool-installation-quality-2026-track {
    width: 100%;
    max-width: 1100px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    align-items: center;

    position: relative;
}


/* Connecting line */

.pool-installation-quality-2026-track::before {
    content: "";

    position: absolute;

    left: 11%;
    right: 11%;
    top: 50%;

    height: 1px;

    background-color: rgba(110, 211, 230, 0.35);
}


/* =========================
   MARKERS
   ========================= */

.pool-installation-quality-2026-marker {
    position: relative;

    z-index: 2;

    width: 58px;
    height: 58px;

    margin: 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    background-color: #082F3D;

    border: 1px solid #6ED3E6;

    border-radius: 50%;

    color: #6ED3E6;

    font-size: 0.95rem;
}

.pool-installation-quality-2026-marker i {
    transition: transform 0.35s ease;
}

.pool-installation-quality-2026-marker:hover i {
    transform: rotate(15deg) scale(1.1);
}


/* =========================
   ITEMS
   ========================= */

.pool-installation-quality-2026-items {
    width: 100%;
    max-width: 1100px;

    margin: 35px auto 0;

    display: grid;

    grid-template-columns: repeat(4, 1fr);
}

.pool-installation-quality-2026-item {
    padding: 0 25px;

    border-right: 1px solid rgba(255, 255, 255, 0.13);

    box-sizing: border-box;
}

.pool-installation-quality-2026-item:first-child {
    padding-left: 0;
}

.pool-installation-quality-2026-item:last-child {
    padding-right: 0;

    border-right: none;
}


/* =========================
   NUMBER
   ========================= */

.pool-installation-quality-2026-item > span {
    display: block;

    margin-bottom: 13px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.58rem;

    font-weight: 700;
}


/* =========================
   TITLE
   ========================= */

.pool-installation-quality-2026-item h3 {
    margin: 0 0 10px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.86rem;

    font-weight: 700;
}


/* =========================
   DESCRIPTION
   ========================= */

.pool-installation-quality-2026-item p {
    max-width: 220px;

    margin: 0;

    color: #AFC6CC;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;

    line-height: 1.8;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 900px) {

    #pool-installation-quality-2026 {
        padding: 85px 6%;
    }

    .pool-installation-quality-2026-head {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 55px;
    }

    .pool-installation-quality-2026-head > p {
        max-width: 650px;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

    #pool-installation-quality-2026 {
        padding: 65px 20px;
    }

    .pool-installation-quality-2026-head h2 {
        font-size: 2.15rem;
    }

    .pool-installation-quality-2026-head > p {
        font-size: 0.65rem;
    }

    .pool-installation-quality-2026-track {
        grid-template-columns: repeat(4, 1fr);
    }

    .pool-installation-quality-2026-track::before {
        left: 8%;
        right: 8%;
    }

    .pool-installation-quality-2026-marker {
        width: 42px;
        height: 42px;

        font-size: 0.72rem;
    }

    .pool-installation-quality-2026-items {
        grid-template-columns: 1fr 1fr;

        row-gap: 35px;
    }

    .pool-installation-quality-2026-item {
        min-height: 130px;

        padding: 0 15px;

        border-right: 1px solid rgba(255, 255, 255, 0.13);
    }

    .pool-installation-quality-2026-item:nth-child(2),
    .pool-installation-quality-2026-item:last-child {
        border-right: none;
    }

    .pool-installation-quality-2026-item:nth-child(3),
    .pool-installation-quality-2026-item:nth-child(4) {
        border-top: 1px solid rgba(255, 255, 255, 0.13);

        padding-top: 25px;
    }

    .pool-installation-quality-2026-item:first-child {
        padding-left: 0;
    }

    .pool-installation-quality-2026-item:nth-child(3) {
        padding-left: 0;
    }

    .pool-installation-quality-2026-item h3 {
        font-size: 0.75rem;
    }

    .pool-installation-quality-2026-item p {
        font-size: 0.57rem;
    }

}

/* =========================================
   FINAL CTA SECTION
========================================= */

#pool-installation-final-cta-2026 {
    position: relative;
    width: 100%;
    min-height: 500px;
    padding: 100px 8%;
    background-color: #F4FAFB;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}


/* =========================================
   WATERMARK
========================================= */

.pool-installation-final-cta-2026-watermark {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(8, 47, 61, 0.035);
    font-family: 'Montserrat', sans-serif;
    font-size: 6rem;
    font-weight: 800;
    letter-spacing: 0.15rem;
    white-space: nowrap;
    pointer-events: none;
}


/* =========================================
   MAIN CONTENT
========================================= */

.pool-installation-final-cta-2026-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 700px;
    text-align: center;
}


/* =========================================
   LABEL
========================================= */

.pool-installation-final-cta-2026-label {
    display: block;
    margin-bottom: 18px;
    color: #08718A;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
}


/* =========================================
   HEADING
========================================= */

.pool-installation-final-cta-2026-content h2 {
    margin: 0 0 22px;
    color: #082F3D;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.9rem;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -0.05rem;
}

.pool-installation-final-cta-2026-content h2 strong {
    display: block;
    color: #08718A;
    font-weight: 700;
}


/* =========================================
   PARAGRAPH
========================================= */

.pool-installation-final-cta-2026-content p {
    max-width: 590px;
    margin: 0 auto 32px;
    color: #687B82;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 400;
    line-height: 1.85;
}


/* =========================================
   BUTTON
========================================= */

.pool-installation-final-cta-2026-button {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding: 15px 25px;
    background-color: #082F3D;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 600;
    border-radius: 3px;
    transition: all 0.35s ease;
}

.pool-installation-final-cta-2026-button i {
    font-size: 0.7rem;
    transition: transform 0.35s ease;
}

.pool-installation-final-cta-2026-button:hover {
    background-color: #08718A;
}

.pool-installation-final-cta-2026-button:hover i {
    transform: translateX(5px);
}


/* =========================================
   SIDE PROCESS
========================================= */

.pool-installation-final-cta-2026-side {
    position: absolute;
    right: 7%;
    bottom: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

.pool-installation-final-cta-2026-side span {
    color: #9BB4BB;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.52rem;
    font-weight: 600;
    letter-spacing: 0.08rem;
}

.pool-installation-final-cta-2026-side span:nth-child(odd) {
    color: #08718A;
    font-size: 0.58rem;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 900px) {

    #pool-installation-final-cta-2026 {
        padding: 90px 6%;
    }

    .pool-installation-final-cta-2026-watermark {
        font-size: 4.5rem;
    }

    .pool-installation-final-cta-2026-side {
        right: 4%;
    }

    .pool-installation-final-cta-2026-content h2 {
        font-size: 2.5rem;
    }
}


@media (max-width: 600px) {

    #pool-installation-final-cta-2026 {
        min-height: 440px;
        padding: 75px 25px;
    }

    .pool-installation-final-cta-2026-watermark {
        top: 35px;
        font-size: 2.8rem;
    }

    .pool-installation-final-cta-2026-content h2 {
        font-size: 2.05rem;
        line-height: 1.2;
    }

    .pool-installation-final-cta-2026-content p {
        font-size: 0.81rem;
        line-height: 1.75;
    }

    .pool-installation-final-cta-2026-button {
        font-size: 0.81rem;
        padding: 14px 21px;
    }

    .pool-installation-final-cta-2026-side {
        display: none;
    }
}


@media (max-width: 400px) {

    #pool-installation-final-cta-2026 {
        padding: 65px 20px;
    }

    .pool-installation-final-cta-2026-content h2 {
        font-size: 1.8rem;
    }

    .pool-installation-final-cta-2026-watermark {
        font-size: 2.2rem;
    }
}

/* =========================================
   MAINTENANCE PLANS BANNER
========================================= */

#pool-maintenance-banner-2026 {
    position: relative;
    width: 100%;
    min-height: 430px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image:
        url("../images/infinity\ swimming\ pool.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    box-sizing: border-box;
}


/* =========================================
   OVERLAY
========================================= */

.pool-maintenance-banner-2026-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(4, 31, 42, 0.66);
}


/* =========================================
   CONTENT
========================================= */

.pool-maintenance-banner-2026-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 820px;

    padding: 70px 25px;

    text-align: center;
    box-sizing: border-box;
}


/* =========================================
   HEADING
========================================= */

.pool-maintenance-banner-2026-content h1 {
    margin: 0 0 18px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 3.5rem;
    font-weight: 600;

    line-height: 1.1;
    letter-spacing: -0.06rem;
}


/* =========================================
   PARAGRAPH
========================================= */

.pool-maintenance-banner-2026-content p {
    max-width: 690px;

    margin: 0 auto;

    color: #E0F0F3;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.85;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 768px) {

    #pool-maintenance-banner-2026 {
        min-height: 380px;
    }

    .pool-maintenance-banner-2026-content {
        padding: 60px 25px;
    }

    .pool-maintenance-banner-2026-content h1 {
        font-size: 2.8rem;
    }

    .pool-maintenance-banner-2026-content p {
        font-size: 0.81rem;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

    #pool-maintenance-banner-2026 {
        min-height: 340px;
    }

    .pool-maintenance-banner-2026-content {
        padding: 50px 20px;
    }

    .pool-maintenance-banner-2026-content h1 {
        font-size: 2.25rem;
    }

    .pool-maintenance-banner-2026-content p {
        font-size: 0.81rem;
        line-height: 1.75;
    }
}

/* =========================================
   MAINTENANCE APPROACH
========================================= */

#pool-maintenance-approach-2026 {
    width: 100%;
    padding: 110px 8%;

    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 90px;

    align-items: center;

    background-color: #FFFFFF;

    box-sizing: border-box;
}


/* =========================================
   IMAGE
========================================= */

.pool-maintenance-approach-2026-image {
    position: relative;
    width: 100%;
    min-height: 590px;
}

.pool-maintenance-approach-2026-image img {
    width: 100%;
    height: 590px;

    display: block;

    object-fit: cover;
}


/* =========================================
   BADGE
========================================= */

.pool-maintenance-approach-2026-badge {
    position: absolute;

    right: -30px;
    bottom: 35px;

    width: 125px;
    height: 125px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background-color: #082F3D;

    border: 7px solid #FFFFFF;

    box-sizing: border-box;
}

.pool-maintenance-approach-2026-badge strong {
    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 1.7rem;
    font-weight: 700;

    line-height: 1;
}

.pool-maintenance-approach-2026-badge span {
    margin-top: 8px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.52rem;
    font-weight: 600;

    line-height: 1.5;
    letter-spacing: 0.08rem;

    text-align: center;
}


/* =========================================
   CONTENT
========================================= */

.pool-maintenance-approach-2026-content {
    width: 100%;
    max-width: 610px;
}

.pool-maintenance-approach-2026-label {
    display: block;

    margin-bottom: 18px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.15rem;
}


/* =========================================
   HEADING
========================================= */

.pool-maintenance-approach-2026-content h2 {
    margin: 0 0 23px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.7rem;
    font-weight: 400;

    line-height: 1.17;

    letter-spacing: -0.05rem;
}

.pool-maintenance-approach-2026-content h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}


/* =========================================
   INTRO
========================================= */

.pool-maintenance-approach-2026-intro {
    max-width: 570px;

    margin: 0 0 35px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.9;
}


/* =========================================
   LIST
========================================= */

.pool-maintenance-approach-2026-list {
    width: 100%;
    border-top: 1px solid #DCECEF;
}

.pool-maintenance-approach-2026-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 20px;

    padding: 22px 0;

    border-bottom: 1px solid #DCECEF;
}

.pool-maintenance-approach-2026-item > span {
    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.62rem;
    font-weight: 700;
}

.pool-maintenance-approach-2026-item h3 {
    margin: 0 0 7px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.92rem;
    font-weight: 700;
}

.pool-maintenance-approach-2026-item p {
    max-width: 470px;

    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.75;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    #pool-maintenance-approach-2026 {
        grid-template-columns: 1fr;
        gap: 65px;

        padding: 90px 7%;
    }

    .pool-maintenance-approach-2026-image {
        max-width: 650px;
        margin: 0 auto;
    }

    .pool-maintenance-approach-2026-content {
        max-width: 700px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    #pool-maintenance-approach-2026 {
        padding: 70px 20px;
        gap: 50px;
    }

    .pool-maintenance-approach-2026-image {
        min-height: 430px;
    }

    .pool-maintenance-approach-2026-image img {
        height: 430px;
    }

    .pool-maintenance-approach-2026-badge {
        right: 15px;
        bottom: 20px;

        width: 105px;
        height: 105px;
    }

    .pool-maintenance-approach-2026-badge strong {
        font-size: 1.4rem;
    }

    .pool-maintenance-approach-2026-content h2 {
        font-size: 2.1rem;
    }

    .pool-maintenance-approach-2026-intro,
    .pool-maintenance-approach-2026-item p {
        font-size: 0.81rem;
    }

    .pool-maintenance-approach-2026-item {
        grid-template-columns: 35px 1fr;
        gap: 12px;
    }
}

/* =========================================
   MAINTENANCE CYCLE
========================================= */

#pool-maintenance-cycle-2026 {
    width: 100%;
    padding: 105px 8%;

    background-color: #EAF6F8;

    box-sizing: border-box;
}


/* =========================================
   HEADER
========================================= */

.pool-maintenance-cycle-2026-header {
    width: 100%;
    max-width: 720px;

    margin: 0 auto 65px;

    text-align: center;
}

.pool-maintenance-cycle-2026-header > span {
    display: block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.16rem;
}

.pool-maintenance-cycle-2026-header h2 {
    margin: 0 0 20px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.65rem;
    font-weight: 400;

    line-height: 1.18;

    letter-spacing: -0.05rem;
}

.pool-maintenance-cycle-2026-header h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}

.pool-maintenance-cycle-2026-header p {
    max-width: 610px;

    margin: 0 auto;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.85;
}


/* =========================================
   FLOW
========================================= */

.pool-maintenance-cycle-2026-flow {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    display: flex;
    align-items: flex-start;
    justify-content: center;
}


/* =========================================
   STEP
========================================= */

.pool-maintenance-cycle-2026-step {
    width: 25%;

    padding: 0 25px;

    text-align: center;

    box-sizing: border-box;
}

.pool-maintenance-cycle-2026-number {
    margin-bottom: 18px;

    color: #8BAAB2;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.58rem;
    font-weight: 700;

    letter-spacing: 0.08rem;
}

.pool-maintenance-cycle-2026-icon {
    width: 62px;
    height: 62px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #FFFFFF;

    border: 1px solid #BFEAF2;

    border-radius: 50%;

    color: #08718A;

    font-size: 0.95rem;

    transition: all 0.35s ease;
}

.pool-maintenance-cycle-2026-step:hover
.pool-maintenance-cycle-2026-icon {
    background-color: #082F3D;

    border-color: #082F3D;

    color: #6ED3E6;

    transform: translateY(-5px);
}

.pool-maintenance-cycle-2026-step h3 {
    margin: 0 0 10px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.95rem;
    font-weight: 700;
}

.pool-maintenance-cycle-2026-step p {
    max-width: 215px;

    margin: 0 auto;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.8;
}


/* =========================================
   CONNECTING LINE
========================================= */

.pool-maintenance-cycle-2026-line {
    flex: 1;

    height: 1px;

    margin-top: 111px;

    background-color: #B8DDE4;

    min-width: 25px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    #pool-maintenance-cycle-2026 {
        padding: 85px 6%;
    }

    .pool-maintenance-cycle-2026-flow {
        flex-wrap: wrap;
    }

    .pool-maintenance-cycle-2026-step {
        width: 50%;

        margin-bottom: 55px;
    }

    .pool-maintenance-cycle-2026-line {
        display: none;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    #pool-maintenance-cycle-2026 {
        padding: 70px 20px;
    }

    .pool-maintenance-cycle-2026-header {
        margin-bottom: 50px;
    }

    .pool-maintenance-cycle-2026-header h2 {
        font-size: 2.1rem;
    }

    .pool-maintenance-cycle-2026-header p {
        font-size: 0.81rem;
    }

    .pool-maintenance-cycle-2026-step {
        width: 100%;

        margin-bottom: 45px;

        padding: 0 10px;
    }

    .pool-maintenance-cycle-2026-step:last-child {
        margin-bottom: 0;
    }

    .pool-maintenance-cycle-2026-step p {
        max-width: 300px;

        font-size: 0.81rem;
    }
}



/* =========================================
   MAINTENANCE LEVELS
========================================= */

#pool-maintenance-levels-2026 {
    width: 100%;
    padding: 105px 8%;

    background-color: #082F3D;

    box-sizing: border-box;
}


/* =========================================
   HEADER
========================================= */

.pool-maintenance-levels-2026-head {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto 60px;

    display: grid;
    grid-template-columns: 1fr 0.65fr;

    gap: 80px;

    align-items: end;
}

.pool-maintenance-levels-2026-head span {
    display: block;

    margin-bottom: 17px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.16rem;
}

.pool-maintenance-levels-2026-head h2 {
    margin: 0;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.7rem;
    font-weight: 400;

    line-height: 1.17;

    letter-spacing: -0.05rem;
}

.pool-maintenance-levels-2026-head h2 strong {
    display: block;

    color: #6ED3E6;

    font-weight: 700;
}

.pool-maintenance-levels-2026-head > p {
    margin: 0;

    color: #AFC6CC;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.85;
}


/* =========================================
   OPTIONS
========================================= */

.pool-maintenance-levels-2026-options {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    border-top: 1px solid rgba(255,255,255,0.15);
}


/* =========================================
   OPTION
========================================= */

.pool-maintenance-levels-2026-option {
    position: relative;

    display: grid;
    grid-template-columns: 80px 1fr 50px;

    gap: 30px;

    padding: 32px 25px;

    border-bottom: 1px solid rgba(255,255,255,0.15);

    transition: background-color 0.35s ease;
}

.pool-maintenance-levels-2026-option:hover {
    background-color: rgba(255,255,255,0.035);
}


/* =========================================
   NUMBER
========================================= */

.pool-maintenance-levels-2026-number {
    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.62rem;
    font-weight: 700;

    padding-top: 4px;
}


/* =========================================
   INFO
========================================= */

.pool-maintenance-levels-2026-info h3 {
    margin: 0 0 10px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 1.05rem;
    font-weight: 700;
}

.pool-maintenance-levels-2026-info > p {
    max-width: 600px;

    margin: 0 0 18px;

    color: #AFC6CC;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.8;
}


/* =========================================
   LIST
========================================= */

.pool-maintenance-levels-2026-info ul {
    margin: 0;
    padding: 0;

    display: flex;
    flex-wrap: wrap;

    gap: 12px 25px;

    list-style: none;
}

.pool-maintenance-levels-2026-info li {
    color: #D6E7EA;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.68rem;
    font-weight: 500;
}

.pool-maintenance-levels-2026-info li i {
    margin-right: 7px;

    color: #6ED3E6;

    font-size: 0.58rem;
}


/* =========================================
   RECOMMENDED
========================================= */

.pool-maintenance-levels-2026-recommended {
    display: inline-block;

    margin-bottom: 10px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.52rem;
    font-weight: 700;

    letter-spacing: 0.12rem;
}


/* =========================================
   ARROW
========================================= */

.pool-maintenance-levels-2026-arrow {
    width: 38px;
    height: 38px;

    margin-top: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(110,211,230,0.4);
    border-radius: 50%;

    color: #6ED3E6;

    font-size: 0.65rem;

    transition: all 0.35s ease;
}

.pool-maintenance-levels-2026-option:hover
.pool-maintenance-levels-2026-arrow {
    background-color: #6ED3E6;

    border-color: #6ED3E6;

    color: #082F3D;

    transform: translateX(4px);
}


/* =========================================
   FEATURED
========================================= */

.pool-maintenance-levels-2026-featured {
    background-color: rgba(110,211,230,0.07);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    #pool-maintenance-levels-2026 {
        padding: 85px 6%;
    }

    .pool-maintenance-levels-2026-head {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 50px;
    }

    .pool-maintenance-levels-2026-head > p {
        max-width: 650px;
    }

    .pool-maintenance-levels-2026-option {
        grid-template-columns: 55px 1fr 45px;

        gap: 20px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    #pool-maintenance-levels-2026 {
        padding: 70px 20px;
    }

    .pool-maintenance-levels-2026-head h2 {
        font-size: 2.1rem;
    }

    .pool-maintenance-levels-2026-head > p {
        font-size: 0.81rem;
    }

    .pool-maintenance-levels-2026-option {
        grid-template-columns: 35px 1fr;

        gap: 15px;

        padding: 27px 15px;
    }

    .pool-maintenance-levels-2026-arrow {
        display: none;
    }

    .pool-maintenance-levels-2026-info h3 {
        font-size: 0.95rem;
    }

    .pool-maintenance-levels-2026-info > p {
        font-size: 0.81rem;
    }

    .pool-maintenance-levels-2026-info ul {
        flex-direction: column;
        gap: 9px;
    }

    .pool-maintenance-levels-2026-info li {
        font-size: 0.65rem;
    }
}

/* =========================================
   MAINTENANCE ROUTINE SECTION
========================================= */

#pool-maintenance-routine-2026 {
    width: 100%;
    padding: 105px 8%;

    background-color: #FFFFFF;

    box-sizing: border-box;
}


/* =========================================
   HEADING
========================================= */

.pool-maintenance-routine-2026-heading {
    width: 100%;
    max-width: 720px;

    margin: 0 auto 60px;

    text-align: center;
}

.pool-maintenance-routine-2026-heading > span {
    display: block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.15rem;
}

.pool-maintenance-routine-2026-heading h2 {
    margin: 0 0 20px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.7rem;
    font-weight: 400;

    line-height: 1.18;

    letter-spacing: -0.05rem;
}

.pool-maintenance-routine-2026-heading h2 strong {
    display: block;

    color: #08718A;

    font-weight: 700;
}

.pool-maintenance-routine-2026-heading p {
    max-width: 620px;

    margin: 0 auto;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.85;
}


/* =========================================
   GRID
========================================= */

.pool-maintenance-routine-2026-grid {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border-top: 1px solid #DCECEF;
    border-bottom: 1px solid #DCECEF;
}


/* =========================================
   CARD
========================================= */

.pool-maintenance-routine-2026-card {
    position: relative;

    min-height: 275px;

    padding: 30px 28px 35px;

    border-right: 1px solid #DCECEF;

    box-sizing: border-box;

    transition: background-color 0.35s ease;
}

.pool-maintenance-routine-2026-card:last-child {
    border-right: none;
}

.pool-maintenance-routine-2026-card:hover {
    background-color: #F4FAFB;
}


/* =========================================
   TOP
========================================= */

.pool-maintenance-routine-2026-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 40px;
}

.pool-maintenance-routine-2026-top > span {
    color: #9BB4BB;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.58rem;
    font-weight: 700;

    letter-spacing: 0.08rem;
}

.pool-maintenance-routine-2026-top i {
    color: #08718A;

    font-size: 1rem;
}


/* =========================================
   CARD CONTENT
========================================= */

.pool-maintenance-routine-2026-card h3 {
    margin: 0 0 12px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 1rem;
    font-weight: 700;
}

.pool-maintenance-routine-2026-card p {
    max-width: 220px;

    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.8;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    #pool-maintenance-routine-2026 {
        padding: 85px 6%;
    }

    .pool-maintenance-routine-2026-grid {
        grid-template-columns: 1fr 1fr;
    }

    .pool-maintenance-routine-2026-card:nth-child(2) {
        border-right: none;
    }

    .pool-maintenance-routine-2026-card:nth-child(1),
    .pool-maintenance-routine-2026-card:nth-child(2) {
        border-bottom: 1px solid #DCECEF;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    #pool-maintenance-routine-2026 {
        padding: 70px 20px;
    }

    .pool-maintenance-routine-2026-heading {
        margin-bottom: 45px;
    }

    .pool-maintenance-routine-2026-heading h2 {
        font-size: 2.1rem;
    }

    .pool-maintenance-routine-2026-heading p {
        font-size: 0.81rem;
    }

    .pool-maintenance-routine-2026-grid {
        grid-template-columns: 1fr;
    }

    .pool-maintenance-routine-2026-card {
        min-height: auto;

        padding: 25px 20px 30px;

        border-right: none;
        border-bottom: 1px solid #DCECEF;
    }

    .pool-maintenance-routine-2026-card:last-child {
        border-bottom: none;
    }

    .pool-maintenance-routine-2026-top {
        margin-bottom: 25px;
    }

    .pool-maintenance-routine-2026-card p {
        max-width: 100%;

        font-size: 0.81rem;
    }
}

/* =========================================
   MAINTENANCE PROMISE
========================================= */

#pool-maintenance-promise-2026 {
    width: 100%;
    padding: 85px 8%;

    background-color: #BFEAF2;

    box-sizing: border-box;
}


/* =========================================
   INNER
========================================= */

.pool-maintenance-promise-2026-inner {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 75px 1fr auto;

    align-items: center;

    gap: 45px;
}


/* =========================================
   ICON MARK
========================================= */

.pool-maintenance-promise-2026-mark {
    width: 65px;
    height: 65px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #082F3D;

    border-radius: 50%;

    color: #6ED3E6;

    font-size: 1rem;
}


/* =========================================
   CONTENT
========================================= */

.pool-maintenance-promise-2026-content > span {
    display: block;

    margin-bottom: 13px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.15rem;
}

.pool-maintenance-promise-2026-content h2 {
    margin: 0 0 16px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;

    font-size: 2.25rem;
    font-weight: 400;

    line-height: 1.15;

    letter-spacing: -0.04rem;
}

.pool-maintenance-promise-2026-content h2 strong {
    color: #08718A;

    font-weight: 700;
}

.pool-maintenance-promise-2026-content p {
    max-width: 650px;

    margin: 0;

    color: #526E76;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.85;
}


/* =========================================
   ACTION
========================================= */

.pool-maintenance-promise-2026-action {
    min-width: 185px;

    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 12px;
}

.pool-maintenance-promise-2026-action a {
    display: inline-flex;
    align-items: center;

    gap: 12px;

    padding: 14px 21px;

    background-color: #082F3D;

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 600;

    border-radius: 3px;

    transition: all 0.3s ease;
}

.pool-maintenance-promise-2026-action a i {
    font-size: 0.62rem;

    transition: transform 0.3s ease;
}

.pool-maintenance-promise-2026-action a:hover {
    background-color: #08718A;
}

.pool-maintenance-promise-2026-action a:hover i {
    transform: translateX(5px);
}

.pool-maintenance-promise-2026-action small {
    color: #5C7A82;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.58rem;
    font-weight: 400;

    line-height: 1.6;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    #pool-maintenance-promise-2026 {
        padding: 75px 7%;
    }

    .pool-maintenance-promise-2026-inner {
        grid-template-columns: 65px 1fr;

        gap: 30px;
    }

    .pool-maintenance-promise-2026-action {
        grid-column: 2;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    #pool-maintenance-promise-2026 {
        padding: 65px 20px;
    }

    .pool-maintenance-promise-2026-inner {
        display: block;
    }

    .pool-maintenance-promise-2026-mark {
        width: 55px;
        height: 55px;

        margin-bottom: 25px;
    }

    .pool-maintenance-promise-2026-content h2 {
        font-size: 1.9rem;
    }

    .pool-maintenance-promise-2026-content p {
        font-size: 0.81rem;
    }

    .pool-maintenance-promise-2026-action {
        margin-top: 30px;
    }

    .pool-maintenance-promise-2026-action a {
        font-size: 0.81rem;
    }
}

/* =========================================
   MAINTENANCE FINAL CTA
========================================= */

#pool-maintenance-final-cta-2026 {
    position: relative;

    width: 100%;
    min-height: 470px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 90px 8%;

    background-image:
        url("../images/luxury\ backyard\ pool.jpg");

    background-size: cover;
    background-position: center;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================
   BACKGROUND OVERLAY
========================================= */

.pool-maintenance-final-cta-2026-bg {
    position: absolute;

    inset: 0;

    background-color: rgba(4, 31, 42, 0.72);
}


/* =========================================
   CONTENT
========================================= */

.pool-maintenance-final-cta-2026-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 720px;

    text-align: center;
}


/* =========================================
   LABEL
========================================= */

.pool-maintenance-final-cta-2026-content > span {
    display: block;

    margin-bottom: 17px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.6rem;
    font-weight: 700;

    letter-spacing: 0.16rem;
}


/* =========================================
   HEADING
========================================= */

.pool-maintenance-final-cta-2026-content h2 {
    margin: 0 0 20px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;

    font-size: 3rem;
    font-weight: 400;

    line-height: 1.12;

    letter-spacing: -0.05rem;
}

.pool-maintenance-final-cta-2026-content h2 strong {
    display: block;

    color: #6ED3E6;

    font-weight: 700;
}


/* =========================================
   PARAGRAPH
========================================= */

.pool-maintenance-final-cta-2026-content p {
    max-width: 620px;

    margin: 0 auto 30px;

    color: #D4E7EA;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.9;
}


/* =========================================
   BUTTON
========================================= */

.pool-maintenance-final-cta-2026-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 13px;

    padding: 15px 25px;

    background-color: #6ED3E6;

    color: #082F3D;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-size: 0.81rem;
    font-weight: 700;

    border-radius: 3px;

    transition: all 0.35s ease;
}

.pool-maintenance-final-cta-2026-button i {
    font-size: 0.65rem;

    transition: transform 0.35s ease;
}

.pool-maintenance-final-cta-2026-button:hover {
    background-color: #FFFFFF;
}

.pool-maintenance-final-cta-2026-button:hover i {
    transform: translateX(5px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 768px) {

    #pool-maintenance-final-cta-2026 {
        min-height: 420px;

        padding: 75px 25px;
    }

    .pool-maintenance-final-cta-2026-content h2 {
        font-size: 2.5rem;
    }

    .pool-maintenance-final-cta-2026-content p {
        font-size: 0.81rem;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

    #pool-maintenance-final-cta-2026 {
        min-height: 390px;

        padding: 65px 20px;
    }

    .pool-maintenance-final-cta-2026-content h2 {
        font-size: 2.05rem;

        line-height: 1.18;
    }

    .pool-maintenance-final-cta-2026-content p {
        font-size: 0.81rem;

        line-height: 1.75;
    }

    .pool-maintenance-final-cta-2026-button {
        padding: 14px 20px;

        font-size: 0.81rem;
    }
}

/* =========================
   CHEMICAL SUPPLY BANNER
========================= */

.pool-chemical-banner-2026 {
    position: relative;
    min-height: 430px;

    background-image: url("../images/infinity\ swimming\ pool.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}


/* ===== DARK OVERLAY ===== */

.pool-chemical-banner-2026-overlay {
    position: absolute;
    inset: 0;

    background: rgba(4, 31, 42, 0.68);
}


/* ===== CONTENT ===== */

.pool-chemical-banner-2026-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 850px;

    padding: 60px 25px;

    text-align: center;
}


/* ===== TITLE ===== */

.pool-chemical-banner-2026-content h1 {
    margin: 0 0 18px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 3.5rem;
    font-weight: 700;

    line-height: 1.15;
    letter-spacing: -1px;
}


/* ===== DESCRIPTION ===== */

.pool-chemical-banner-2026-content p {
    max-width: 720px;

    margin: 0 auto;

    color: #EAF6F8;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.9;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-chemical-banner-2026 {
        min-height: 390px;
    }

    .pool-chemical-banner-2026-content h1 {
        font-size: 3rem;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-chemical-banner-2026 {
        min-height: 350px;
    }

    .pool-chemical-banner-2026-content {
        padding: 50px 20px;
    }

    .pool-chemical-banner-2026-content h1 {
        font-size: 2.2rem;
        letter-spacing: -0.5px;
    }

    .pool-chemical-banner-2026-content p {
        font-size: 0.81rem;
        line-height: 1.8;
    }

}

/* =========================
   CHEMICAL SUPPLY INTRO
========================= */

.pool-chemical-intro-2026 {
    background: #F4FAFB;
    padding: 105px 20px;
}

.pool-chemical-intro-wrap-2026 {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 90px;

    align-items: center;
}


/* ===== HEADING ===== */

.pool-chemical-intro-heading-2026 span {
    display: inline-block;

    margin-bottom: 18px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}

.pool-chemical-intro-heading-2026 h2 {
    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.8px;
}


/* ===== CONTENT ===== */

.pool-chemical-intro-content-2026 > p {
    margin: 0 0 35px;

    max-width: 650px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.9;
}


/* ===== POINTS ===== */

.pool-chemical-intro-points-2026 {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pool-chemical-intro-point-2026 {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 18px 20px;

    background: #FFFFFF;

    border-left: 3px solid #6ED3E6;

    box-shadow: 0 8px 25px rgba(8, 47, 61, 0.05);
}


/* ===== ICON ===== */

.pool-chemical-intro-point-2026 > i {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #EAF6F8;
    color: #08718A;

    border-radius: 50%;

    font-size: 0.9rem;
}


/* ===== POINT TEXT ===== */

.pool-chemical-intro-point-2026 h3 {
    margin: 1px 0 6px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.pool-chemical-intro-point-2026 p {
    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.7;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-chemical-intro-wrap-2026 {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .pool-chemical-intro-heading-2026 h2 {
        font-size: 2.4rem;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-chemical-intro-2026 {
        padding: 75px 20px;
    }

    .pool-chemical-intro-heading-2026 h2 {
        font-size: 2rem;
    }

    .pool-chemical-intro-point-2026 {
        padding: 16px;
        gap: 14px;
    }

}

/* =========================
   CHEMICAL CATEGORIES
========================= */

.pool-chemical-categories-2026 {
    background: #FFFFFF;
    padding: 110px 20px;
}

.pool-chemical-categories-head-2026 {
    max-width: 1180px;
    margin: 0 auto 60px;

    display: grid;
    grid-template-columns: 1fr 0.75fr;
    gap: 80px;

    align-items: end;
}


/* ===== SECTION LABEL ===== */

.pool-chemical-categories-head-2026 span {
    display: block;

    margin-bottom: 15px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}


/* ===== HEADING ===== */

.pool-chemical-categories-head-2026 h2 {
    max-width: 650px;

    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.65rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.8px;
}


/* ===== INTRO TEXT ===== */

.pool-chemical-categories-head-2026 > p {
    margin: 0;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.9;
}


/* =========================
   CATEGORY LIST
========================= */

.pool-chemical-categories-list-2026 {
    max-width: 1180px;
    margin: 0 auto;

    border-top: 1px solid #DCECEF;
}


/* ===== CATEGORY ROW ===== */

.pool-chemical-category-row-2026 {
    min-height: 125px;

    display: grid;
    grid-template-columns: 70px 70px 1fr 55px;

    align-items: center;

    column-gap: 25px;

    padding: 20px 10px;

    border-bottom: 1px solid #DCECEF;

    transition:
        background 0.3s ease,
        padding 0.3s ease;
}

.pool-chemical-category-row-2026:hover {
    background: #F4FAFB;
    padding-left: 25px;
    padding-right: 25px;
}


/* ===== NUMBER ===== */

.pool-chemical-category-number-2026 {
    color: #8BA5AC;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;

    letter-spacing: 1px;
}


/* ===== ICON ===== */

.pool-chemical-category-icon-2026 {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #EAF6F8;
    color: #08718A;

    border-radius: 50%;

    transition: 0.3s ease;
}

.pool-chemical-category-row-2026:hover
.pool-chemical-category-icon-2026 {
    background: #08718A;
    color: #FFFFFF;
}

.pool-chemical-category-icon-2026 i {
    font-size: 0.95rem;
}


/* ===== CONTENT ===== */

.pool-chemical-category-info-2026 h3 {
    margin: 0 0 7px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
}

.pool-chemical-category-info-2026 p {
    max-width: 650px;

    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.7;
}


/* ===== ARROW ===== */

.pool-chemical-category-arrow-2026 {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #CFE5E9;
    border-radius: 50%;

    color: #08718A;

    transition: 0.3s ease;
}

.pool-chemical-category-row-2026:hover
.pool-chemical-category-arrow-2026 {
    background: #082F3D;
    border-color: #082F3D;
    color: #FFFFFF;
}

.pool-chemical-category-arrow-2026 i {
    font-size: 0.75rem;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-chemical-categories-head-2026 {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .pool-chemical-categories-head-2026 h2 {
        font-size: 2.3rem;
    }

    .pool-chemical-category-row-2026 {
        grid-template-columns: 55px 60px 1fr 45px;
        column-gap: 18px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-chemical-categories-2026 {
        padding: 75px 20px;
    }

    .pool-chemical-categories-head-2026 {
        margin-bottom: 40px;
    }

    .pool-chemical-categories-head-2026 h2 {
        font-size: 2rem;
    }

    .pool-chemical-category-row-2026 {
        grid-template-columns: 35px 48px 1fr;
        column-gap: 12px;

        min-height: 110px;

        padding: 18px 5px;
    }

    .pool-chemical-category-row-2026:hover {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pool-chemical-category-icon-2026 {
        width: 42px;
        height: 42px;
    }

    .pool-chemical-category-number-2026 {
        font-size: 0.65rem;
    }

    .pool-chemical-category-info-2026 h3 {
        font-size: 0.92rem;
    }

    .pool-chemical-category-info-2026 p {
        font-size: 0.81rem;
        line-height: 1.6;
    }

    .pool-chemical-category-arrow-2026 {
        display: none;
    }

}

/* =========================
   CHEMICAL CARE VISUAL
========================= */

.pool-chemical-visual-2026 {
    background: #EAF6F8;
    padding: 110px 20px;
}

.pool-chemical-visual-wrap-2026 {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 85px;

    align-items: center;
}


/* =========================
   IMAGE
========================= */

.pool-chemical-visual-image-2026 {
    position: relative;

    height: 570px;

    overflow: hidden;
}

.pool-chemical-visual-image-2026 img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* ===== IMAGE BADGE ===== */

.pool-chemical-visual-badge-2026 {
    position: absolute;
    left: 25px;
    bottom: 25px;

    min-width: 145px;

    padding: 18px 20px;

    background: #082F3D;
    color: #FFFFFF;
}

.pool-chemical-visual-badge-2026 strong {
    display: block;

    margin-bottom: 4px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
}

.pool-chemical-visual-badge-2026 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;

    letter-spacing: 1.2px;
}


/* =========================
   CONTENT
========================= */

.pool-chemical-visual-content-2026 > span {
    display: block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}

.pool-chemical-visual-content-2026 h2 {
    margin: 0 0 20px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.8px;
}

.pool-chemical-visual-content-2026 > p {
    max-width: 570px;

    margin: 0 0 35px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.9;
}


/* =========================
   POINTS
========================= */

.pool-chemical-visual-points-2026 {
    display: flex;
    flex-direction: column;
}

.pool-chemical-visual-point-2026 {
    display: flex;
    gap: 18px;

    padding: 20px 0;

    border-top: 1px solid #C8E0E5;
}

.pool-chemical-visual-point-2026:last-child {
    border-bottom: 1px solid #C8E0E5;
}


/* ===== ICON ===== */

.pool-chemical-visual-point-icon-2026 {
    width: 43px;
    height: 43px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FFFFFF;
    color: #08718A;

    border-radius: 50%;
}

.pool-chemical-visual-point-icon-2026 i {
    font-size: 0.85rem;
}


/* ===== POINT TEXT ===== */

.pool-chemical-visual-point-2026 h3 {
    margin: 0 0 5px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
}

.pool-chemical-visual-point-2026 p {
    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.7;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-chemical-visual-wrap-2026 {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .pool-chemical-visual-image-2026 {
        height: 500px;
    }

    .pool-chemical-visual-content-2026 h2 {
        font-size: 2.4rem;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-chemical-visual-2026 {
        padding: 75px 20px;
    }

    .pool-chemical-visual-image-2026 {
        height: 380px;
    }

    .pool-chemical-visual-badge-2026 {
        left: 15px;
        bottom: 15px;
    }

    .pool-chemical-visual-content-2026 h2 {
        font-size: 2rem;
    }

    .pool-chemical-visual-point-2026 {
        gap: 13px;
    }

}

/* =========================
   WATER BALANCE GUIDE
========================= */

.pool-water-balance-2026 {
    background: #FFFFFF;
    padding: 110px 20px;
}


/* =========================
   HEADER
========================= */

.pool-water-balance-head-2026 {
    max-width: 720px;
    margin: 0 auto 75px;

    text-align: center;
}

.pool-water-balance-head-2026 span {
    display: block;

    margin-bottom: 15px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}

.pool-water-balance-head-2026 h2 {
    margin: 0 0 18px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.8px;
}

.pool-water-balance-head-2026 p {
    margin: 0;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   MAIN LAYOUT
========================= */

.pool-water-balance-layout-2026 {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 280px 1fr;

    align-items: center;
    gap: 55px;
}


/* =========================
   SIDE ITEMS
========================= */

.pool-water-balance-side-2026 {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.pool-water-balance-item-2026 {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 18px;

    align-items: start;
}

.pool-water-balance-item-2026 > span {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #EAF6F8;
    color: #08718A;

    border-radius: 50%;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
}

.pool-water-balance-item-2026 h3 {
    margin: 2px 0 7px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
}

.pool-water-balance-item-2026 p {
    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.7;
}


/* =========================
   CENTER CIRCLE
========================= */

.pool-water-balance-circle-2026 {
    width: 280px;
    height: 280px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        radial-gradient(
            circle,
            #FFFFFF 0 38%,
            #BFEAF2 39% 41%,
            #EAF6F8 42% 67%,
            #F4FAFB 68% 100%
        );

    border-radius: 50%;
}

.pool-water-balance-inner-2026 {
    width: 135px;
    height: 135px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: #082F3D;

    border-radius: 50%;

    text-align: center;
}

.pool-water-balance-inner-2026 i {
    margin-bottom: 7px;

    color: #6ED3E6;

    font-size: 1.1rem;
}

.pool-water-balance-inner-2026 strong {
    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;

    letter-spacing: 1px;
}

.pool-water-balance-inner-2026 small {
    margin-top: 3px;

    color: #BFEAF2;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.48rem;
    font-weight: 600;

    letter-spacing: 1px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-water-balance-layout-2026 {
        grid-template-columns: 1fr 220px 1fr;
        gap: 25px;
    }

    .pool-water-balance-circle-2026 {
        width: 220px;
        height: 220px;
    }

    .pool-water-balance-head-2026 h2 {
        font-size: 2.35rem;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 700px) {

    .pool-water-balance-2026 {
        padding: 75px 20px;
    }

    .pool-water-balance-head-2026 {
        margin-bottom: 50px;
    }

    .pool-water-balance-head-2026 h2 {
        font-size: 2rem;
    }

    .pool-water-balance-layout-2026 {
        display: flex;
        flex-direction: column;
        gap: 45px;
    }

    .pool-water-balance-circle-2026 {
        width: 220px;
        height: 220px;

        order: 1;
    }

    .pool-water-balance-side-2026:first-child {
        order: 2;
    }

    .pool-water-balance-side-2026:last-child {
        order: 3;
    }

    .pool-water-balance-side-2026 {
        width: 100%;
        gap: 30px;
    }

}

/* =========================
   CHEMICAL SAFETY
========================= */

.pool-chemical-safety-2026 {
    background: #082F3D;
    padding: 110px 20px;
}

.pool-chemical-safety-wrap-2026 {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 100px;

    align-items: start;
}


/* =========================
   INTRO
========================= */

.pool-chemical-safety-intro-2026 {
    position: sticky;
    top: 100px;
}

.pool-chemical-safety-intro-2026 > span {
    display: block;

    margin-bottom: 17px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}

.pool-chemical-safety-intro-2026 h2 {
    margin: 0 0 22px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.65rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.8px;
}

.pool-chemical-safety-intro-2026 > p {
    max-width: 470px;

    margin: 0;

    color: #B9D1D7;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   SAFETY LIST
========================= */

.pool-chemical-safety-list-2026 {
    display: flex;
    flex-direction: column;

    border-top: 1px solid rgba(191, 234, 242, 0.18);
}

.pool-chemical-safety-item-2026 {
    display: grid;
    grid-template-columns: 58px 1fr;

    gap: 22px;

    padding: 28px 0;

    border-bottom: 1px solid rgba(191, 234, 242, 0.18);
}


/* ===== ICON ===== */

.pool-chemical-safety-icon-2026 {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(110, 211, 230, 0.1);

    border: 1px solid rgba(110, 211, 230, 0.25);

    border-radius: 50%;

    color: #6ED3E6;
}

.pool-chemical-safety-icon-2026 i {
    font-size: 0.9rem;
}


/* ===== ITEM TEXT ===== */

.pool-chemical-safety-item-2026 span {
    display: block;

    margin-bottom: 6px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;

    letter-spacing: 1.5px;
}

.pool-chemical-safety-item-2026 h3 {
    margin: 0 0 7px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.pool-chemical-safety-item-2026 p {
    max-width: 600px;

    margin: 0;

    color: #AFC8CE;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.75;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-chemical-safety-wrap-2026 {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .pool-chemical-safety-intro-2026 {
        position: static;
    }

    .pool-chemical-safety-intro-2026 h2 {
        font-size: 2.35rem;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-chemical-safety-2026 {
        padding: 75px 20px;
    }

    .pool-chemical-safety-intro-2026 h2 {
        font-size: 2rem;
    }

    .pool-chemical-safety-item-2026 {
        grid-template-columns: 48px 1fr;
        gap: 15px;

        padding: 23px 0;
    }

    .pool-chemical-safety-icon-2026 {
        width: 42px;
        height: 42px;
    }

}

/* =========================
   CHEMICAL BENEFITS
========================= */

.pool-chemical-benefits-2026 {
    background: #F4FAFB;
    padding: 110px 20px;
}


/* =========================
   TOP CONTENT
========================= */

.pool-chemical-benefits-top-2026 {
    max-width: 1180px;
    margin: 0 auto 65px;

    display: grid;
    grid-template-columns: 1fr 0.8fr;

    gap: 90px;

    align-items: end;
}

.pool-chemical-benefits-top-2026 span {
    display: block;

    margin-bottom: 15px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}

.pool-chemical-benefits-top-2026 h2 {
    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.65rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.8px;
}

.pool-chemical-benefits-top-2026 > p {
    margin: 0;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   BENEFIT GRID
========================= */

.pool-chemical-benefits-grid-2026 {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border-top: 1px solid #CFE4E8;
    border-left: 1px solid #CFE4E8;
}


/* =========================
   BENEFIT ITEM
========================= */

.pool-chemical-benefit-2026 {
    position: relative;

    min-height: 300px;

    padding: 30px 27px;

    background: #FFFFFF;

    border-right: 1px solid #CFE4E8;
    border-bottom: 1px solid #CFE4E8;

    transition: 0.3s ease;
}

.pool-chemical-benefit-2026:hover {
    transform: translateY(-6px);

    background: #082F3D;
}


/* ===== NUMBER ===== */

.pool-chemical-benefit-2026 strong {
    display: block;

    margin-bottom: 55px;

    color: #9BB5BB;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 1px;
}

.pool-chemical-benefit-2026:hover strong {
    color: #6ED3E6;
}


/* ===== ICON ===== */

.pool-chemical-benefit-2026 > i {
    display: block;

    margin-bottom: 20px;

    color: #08718A;

    font-size: 1.2rem;
}

.pool-chemical-benefit-2026:hover > i {
    color: #6ED3E6;
}


/* ===== TITLE ===== */

.pool-chemical-benefit-2026 h3 {
    margin: 0 0 10px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.pool-chemical-benefit-2026:hover h3 {
    color: #FFFFFF;
}


/* ===== TEXT ===== */

.pool-chemical-benefit-2026 p {
    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.75;
}

.pool-chemical-benefit-2026:hover p {
    color: #B9D1D7;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-chemical-benefits-top-2026 {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .pool-chemical-benefits-top-2026 h2 {
        font-size: 2.35rem;
    }

    .pool-chemical-benefits-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-chemical-benefits-2026 {
        padding: 75px 20px;
    }

    .pool-chemical-benefits-top-2026 {
        margin-bottom: 45px;
    }

    .pool-chemical-benefits-top-2026 h2 {
        font-size: 2rem;
    }

    .pool-chemical-benefits-grid-2026 {
        grid-template-columns: 1fr;
    }

    .pool-chemical-benefit-2026 {
        min-height: auto;
        padding: 25px;
    }

    .pool-chemical-benefit-2026 strong {
        margin-bottom: 35px;
    }

}

/* =========================
   CHEMICAL FINAL CTA
========================= */

.pool-chemical-final-cta-2026 {
    background: #F4FAFB;
    padding: 90px 20px;
}

.pool-chemical-final-cta-wrap-2026 {
    position: relative;

    max-width: 1180px;
    min-height: 390px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.3fr 0.7fr;

    overflow: hidden;

    background: #082F3D;
}


/* =========================
   CONTENT
========================= */

.pool-chemical-final-cta-content-2026 {
    position: relative;
    z-index: 2;

    padding: 70px 65px;
}

.pool-chemical-final-cta-content-2026 > span {
    display: block;

    margin-bottom: 16px;

    color: #6ED3E6;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}

.pool-chemical-final-cta-content-2026 h2 {
    max-width: 650px;

    margin: 0 0 18px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 700;

    line-height: 1.18;
    letter-spacing: -0.8px;
}

.pool-chemical-final-cta-content-2026 p {
    max-width: 620px;

    margin: 0 0 30px;

    color: #B9D1D7;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.85;
}


/* =========================
   BUTTON
========================= */

.pool-chemical-final-cta-button-2026 {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    padding: 14px 22px;

    background: #6ED3E6;
    color: #082F3D;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.76rem;
    font-weight: 700;

    transition: 0.3s ease;
}

.pool-chemical-final-cta-button-2026:hover {
    background: #FFFFFF;
    color: #082F3D;
}

.pool-chemical-final-cta-button-2026 i {
    font-size: 0.7rem;

    transition: transform 0.3s ease;
}

.pool-chemical-final-cta-button-2026:hover i {
    transform: translateX(4px);
}


/* =========================
   SIDE PANEL
========================= */

.pool-chemical-final-cta-side-2026 {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 45px 40px;

    background: #063B4A;

    border-left: 1px solid rgba(191, 234, 242, 0.12);
}


/* ===== TOP ===== */

.pool-chemical-final-cta-side-top-2026 {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pool-chemical-final-cta-side-top-2026 i {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(110, 211, 230, 0.12);
    color: #6ED3E6;

    border-radius: 50%;

    font-size: 0.85rem;
}

.pool-chemical-final-cta-side-top-2026 span {
    color: #D8EEF2;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;

    letter-spacing: 1.5px;
}


/* ===== LINE ===== */

.pool-chemical-final-cta-line-2026 {
    width: 100%;
    height: 1px;

    margin: 30px 0;

    background: rgba(191, 234, 242, 0.18);
}


/* ===== BOTTOM ===== */

.pool-chemical-final-cta-side-bottom-2026 strong {
    display: block;

    margin-bottom: 12px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;

    line-height: 1.5;
    letter-spacing: 1px;
}

.pool-chemical-final-cta-side-bottom-2026 small {
    display: block;

    color: #AFC8CE;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;

    line-height: 1.7;
}


/* =========================
   DECORATION
========================= */

.pool-chemical-final-cta-wrap-2026::after {
    content: "WATER";

    position: absolute;
    right: 28%;
    bottom: -55px;

    color: rgba(110, 211, 230, 0.035);

    font-family: 'Montserrat', sans-serif;
    font-size: 8rem;
    font-weight: 700;

    pointer-events: none;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-chemical-final-cta-wrap-2026 {
        grid-template-columns: 1fr;
    }

    .pool-chemical-final-cta-content-2026 {
        padding: 60px 50px;
    }

    .pool-chemical-final-cta-content-2026 h2 {
        font-size: 2.4rem;
    }

    .pool-chemical-final-cta-side-2026 {
        min-height: 220px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-chemical-final-cta-2026 {
        padding: 65px 20px;
    }

    .pool-chemical-final-cta-content-2026 {
        padding: 45px 25px;
    }

    .pool-chemical-final-cta-content-2026 h2 {
        font-size: 2rem;
    }

    .pool-chemical-final-cta-side-2026 {
        min-height: 200px;
        padding: 30px 25px;
    }

    .pool-chemical-final-cta-wrap-2026::after {
        font-size: 5rem;
    }

}

/* =========================
   CONTACT BANNER
========================= */

.pool-contact-banner-2026 {
    position: relative;

    min-height: 430px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../images/infinity\ swimming\ pool.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* ===== OVERLAY ===== */

.pool-contact-banner-2026-overlay {
    position: absolute;
    inset: 0;

    background: rgba(4, 31, 42, 0.68);
}


/* ===== CONTENT ===== */

.pool-contact-banner-2026-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 850px;

    padding: 60px 25px;

    text-align: center;
}


/* ===== TITLE ===== */

.pool-contact-banner-2026-content h1 {
    margin: 0 0 18px;

    color: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    font-size: 3.5rem;
    font-weight: 700;

    line-height: 1.15;
    letter-spacing: -1px;
}


/* ===== DESCRIPTION ===== */

.pool-contact-banner-2026-content p {
    max-width: 720px;

    margin: 0 auto;

    color: #EAF6F8;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    font-weight: 400;

    line-height: 1.9;
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-contact-banner-2026 {
        min-height: 390px;
    }

    .pool-contact-banner-2026-content h1 {
        font-size: 3rem;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-contact-banner-2026 {
        min-height: 350px;
    }

    .pool-contact-banner-2026-content {
        padding: 50px 20px;
    }

    .pool-contact-banner-2026-content h1 {
        font-size: 2.2rem;
        letter-spacing: -0.5px;
    }

    .pool-contact-banner-2026-content p {
        font-size: 0.81rem;
        line-height: 1.8;
    }

}

/* =========================
   CONTACT ASSESSMENT
========================= */

.pool-contact-assessment-2026 {
    background: #F4FAFB;
    padding: 110px 20px;
}

.pool-contact-assessment-wrap-2026 {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.8fr 1.2fr;

    gap: 85px;

    align-items: start;
}


/* =========================
   CONTACT DETAILS
========================= */

.pool-contact-details-2026 {
    padding-top: 25px;
}

.pool-contact-details-2026 > span {
    display: block;

    margin-bottom: 16px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    letter-spacing: 2px;
}

.pool-contact-details-2026 h2 {
    margin: 0 0 20px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.8px;
}

.pool-contact-details-2026 > p {
    max-width: 470px;

    margin: 0 0 40px;

    color: #687B82;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.9;
}


/* =========================
   DETAIL LIST
========================= */

.pool-contact-detail-list-2026 {
    display: flex;
    flex-direction: column;
}

.pool-contact-detail-2026 {
    display: flex;
    align-items: center;
    gap: 17px;

    padding: 19px 0;

    border-top: 1px solid #D4E6EA;
}

.pool-contact-detail-2026:last-child {
    border-bottom: 1px solid #D4E6EA;
}


/* ===== ICON ===== */

.pool-contact-detail-icon-2026 {
    width: 43px;
    height: 43px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FFFFFF;
    color: #08718A;

    border: 1px solid #D5E9ED;
    border-radius: 50%;
}

.pool-contact-detail-icon-2026 i {
    font-size: 0.8rem;
}


/* ===== TEXT ===== */

.pool-contact-detail-2026 small {
    display: block;

    margin-bottom: 5px;

    color: #8AA1A7;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.58rem;
    font-weight: 700;

    letter-spacing: 1.2px;
}

.pool-contact-detail-2026 h3 {
    margin: 0;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
}


/* =========================
   FORM BOX
========================= */

.pool-contact-form-box-2026 {
    padding: 45px;

    background: #FFFFFF;

    border: 1px solid #DCECEF;

    box-shadow: 0 18px 50px rgba(8, 47, 61, 0.07);
}


/* ===== FORM HEADING ===== */

.pool-contact-form-heading-2026 {
    margin-bottom: 32px;
}

.pool-contact-form-heading-2026 > span {
    display: block;

    margin-bottom: 9px;

    color: #08718A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;

    letter-spacing: 1.8px;
}

.pool-contact-form-heading-2026 h3 {
    margin: 0 0 9px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 1.55rem;
    font-weight: 700;
}

.pool-contact-form-heading-2026 p {
    max-width: 570px;

    margin: 0;

    color: #71858B;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;

    line-height: 1.7;
}


/* =========================
   FORM ROW
========================= */

.pool-contact-form-row-2026 {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 20px;
}

.pool-contact-field-2026 {
    margin-bottom: 22px;
}

.pool-contact-field-2026 label {
    display: block;

    margin-bottom: 8px;

    color: #082F3D;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
}


/* =========================
   INPUTS
========================= */

.pool-contact-field-2026 input,
.pool-contact-field-2026 select,
.pool-contact-field-2026 textarea {
    width: 100%;

    padding: 13px 15px;

    background: #F8FCFD;

    color: #082F3D;

    border: 1px solid #D5E6EA;
    border-radius: 0;

    outline: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.78rem;

    transition: 0.25s ease;

    box-sizing: border-box;
}

.pool-contact-field-2026 input,
.pool-contact-field-2026 select {
    height: 48px;
}

.pool-contact-field-2026 textarea {
    min-height: 125px;

    resize: vertical;
}

.pool-contact-field-2026 input::placeholder,
.pool-contact-field-2026 textarea::placeholder {
    color: #9AAEB3;
}

.pool-contact-field-2026 input:focus,
.pool-contact-field-2026 select:focus,
.pool-contact-field-2026 textarea:focus {
    border-color: #08718A;

    background: #FFFFFF;

    box-shadow: 0 0 0 3px rgba(8, 113, 138, 0.07);
}


/* =========================
   SUBMIT BUTTON
========================= */

.pool-contact-submit-2026 {
    width: 100%;

    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 3px;

    padding: 14px 20px;

    background: #082F3D;
    color: #FFFFFF;

    border: none;

    cursor: pointer;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.76rem;
    font-weight: 700;

    transition: 0.3s ease;
}

.pool-contact-submit-2026:hover {
    background: #08718A;
}

.pool-contact-submit-2026 i {
    font-size: 0.68rem;

    transition: transform 0.3s ease;
}

.pool-contact-submit-2026:hover i {
    transform: translateX(4px);
}


/* =========================
   TABLET
========================= */

@media (max-width: 992px) {

    .pool-contact-assessment-wrap-2026 {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .pool-contact-details-2026 {
        padding-top: 0;
    }

    .pool-contact-details-2026 h2 {
        font-size: 2.4rem;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-contact-assessment-2026 {
        padding: 75px 20px;
    }

    .pool-contact-details-2026 h2 {
        font-size: 2rem;
    }

    .pool-contact-form-box-2026 {
        padding: 28px 20px;
    }

    .pool-contact-form-row-2026 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .pool-contact-detail-2026 {
        gap: 13px;
    }

}

/* =========================================
   CONTACT - WHAT HAPPENS NEXT
========================================= */

.pool-contact-next-2026 {
    background-color: #F4FAFB;
    padding: 110px 20px;
    position: relative;
    overflow: hidden;
}

.pool-contact-next-inner-2026 {
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================
   HEADING
========================= */

.pool-contact-next-heading-2026 {
    max-width: 700px;
    margin-bottom: 65px;
}

.pool-contact-next-label-2026 {
    display: inline-block;
    margin-bottom: 18px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #08718A;
}

.pool-contact-next-heading-2026 h2 {
    margin: 0 0 22px;

    font-family: 'Montserrat', sans-serif;
    font-size: 2.5rem;
    line-height: 1.15;
    font-weight: 700;
    color: #082F3D;
}

.pool-contact-next-heading-2026 p {
    margin: 0;

    max-width: 620px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.9;
    font-weight: 400;
    color: #687B82;
}


/* =========================
   STEPS
========================= */

.pool-contact-next-steps-2026 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    border-top: 1px solid #CFE4E8;
    border-bottom: 1px solid #CFE4E8;
}


/* =========================
   SINGLE STEP
========================= */

.pool-contact-next-step-2026 {
    position: relative;

    min-height: 270px;
    padding: 38px 38px 42px;

    border-right: 1px solid #CFE4E8;

    transition: transform 0.3s ease,
                background-color 0.3s ease;
}

.pool-contact-next-step-2026:last-child {
    border-right: none;
}

.pool-contact-next-step-2026:hover {
    background-color: #EAF6F8;
    transform: translateY(-5px);
}


/* =========================
   NUMBER
========================= */

.pool-contact-next-number-2026 {
    position: absolute;
    top: 28px;
    right: 30px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1px;

    color: #87AAB2;
}


/* =========================
   ICON
========================= */

.pool-contact-next-icon-2026 {
    width: 58px;
    height: 58px;

    margin-bottom: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background-color: #082F3D;
    color: #BFEAF2;

    font-size: 1rem;
}

.pool-contact-next-step-2026:hover
.pool-contact-next-icon-2026 {
    background-color: #08718A;
    color: #FFFFFF;
}


/* =========================
   CONTENT
========================= */

.pool-contact-next-content-2026 h3 {
    margin: 0 0 14px;

    font-family: 'Montserrat', sans-serif;
    font-size: 1.05rem;
    line-height: 1.4;
    font-weight: 700;

    color: #082F3D;
}

.pool-contact-next-content-2026 p {
    margin: 0;

    max-width: 280px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.8;
    font-weight: 400;

    color: #71858B;
}


/* =========================
   BOTTOM ACTION
========================= */

.pool-contact-next-action-2026 {
    margin-top: 50px;

    min-height: 90px;
    padding: 18px 22px;

    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 22px;

    background-color: #082F3D;
}


/* =========================
   ACTION ICON
========================= */

.pool-contact-next-action-icon-2026 {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background-color: #BFEAF2;
    color: #082F3D;

    font-size: 0.9rem;
}


/* =========================
   ACTION TEXT
========================= */

.pool-contact-next-action-text-2026 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pool-contact-next-action-text-2026 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 2px;

    color: #6ED3E6;
}

.pool-contact-next-action-text-2026 strong {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;

    color: #FFFFFF;
}


/* =========================
   BUTTON
========================= */
/* =========================
   BUTTON
========================= */

.pool-contact-next-button-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    padding: 0 25px;

    max-width: 100%;
    box-sizing: border-box;

    background-color: #6ED3E6;
    color: #082F3D;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.3px;

    white-space: nowrap;

    transition: all 0.3s ease;
}

.pool-contact-next-button-2026:hover {
    background-color: #FFFFFF;
    color: #082F3D;
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .pool-contact-next-2026 {
        padding: 85px 20px;
    }

    .pool-contact-next-heading-2026 h2 {
        font-size: 2.15rem;
    }

    .pool-contact-next-steps-2026 {
        grid-template-columns: 1fr;
    }

    .pool-contact-next-step-2026 {
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #CFE4E8;
    }

    .pool-contact-next-step-2026:last-child {
        border-bottom: none;
    }


    /* ACTION */

    .pool-contact-next-action-2026 {
        width: 100%;
        box-sizing: border-box;
    }


    /* BUTTON */

    .pool-contact-next-button-2026 {
        width: 100%;
        max-width: 100%;

        box-sizing: border-box;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .pool-contact-next-2026 {
        padding: 70px 16px;
    }

    .pool-contact-next-heading-2026 {
        margin-bottom: 45px;
    }

    .pool-contact-next-heading-2026 h2 {
        font-size: 1.85rem;
    }

    .pool-contact-next-step-2026 {
        padding: 30px 25px 35px;
    }

    .pool-contact-next-number-2026 {
        top: 25px;
        right: 22px;
    }


    /* ACTION BOX */

    .pool-contact-next-action-2026 {
        width: 100%;
        max-width: 100%;

        grid-template-columns: 1fr;
        gap: 18px;

        padding: 25px;

        box-sizing: border-box;
        overflow: hidden;
    }


    /* ICON */

    .pool-contact-next-action-icon-2026 {
        width: 45px;
        height: 45px;
    }


    /* BUTTON */

    .pool-contact-next-button-2026 {
        width: 100%;
        max-width: 100%;

        min-height: 50px;

        padding: 0 15px;

        box-sizing: border-box;

        font-size: 0.68rem;
    }

}/* =========================================
   CONTACT FINAL CTA
========================================= */

.pool-contact-final-2026 {
    position: relative;
    width: 100%;

    overflow: hidden;

    background-color: #041F2A;

    padding: 120px 20px;

    box-sizing: border-box;
}


/* =========================
   WATERMARK
========================= */

.pool-contact-final-watermark-2026 {
    position: absolute;

    right: -40px;
    bottom: -70px;

    max-width: 100%;

    font-family: 'Montserrat', sans-serif;
    font-size: 15rem;
    line-height: 1;

    font-weight: 800;
    letter-spacing: -10px;

    color: rgba(110, 211, 230, 0.035);

    pointer-events: none;
    user-select: none;

    white-space: nowrap;
}


/* =========================
   INNER
========================= */

.pool-contact-final-inner-2026 {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;

    gap: 80px;

    align-items: center;

    box-sizing: border-box;
}


/* =========================
   MAIN CONTENT
========================= */

.pool-contact-final-main-2026 {
    width: 100%;
    max-width: 760px;

    min-width: 0;
}

.pool-contact-final-label-2026 {
    display: inline-block;

    margin-bottom: 22px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 2.5px;

    color: #6ED3E6;
}

.pool-contact-final-main-2026 h2 {
    margin: 0 0 24px;

    font-family: 'Montserrat', sans-serif;
    font-size: 3rem;
    line-height: 1.12;
    font-weight: 700;

    color: #FFFFFF;

    overflow-wrap: break-word;
}

.pool-contact-final-main-2026 p {
    width: 100%;
    max-width: 650px;

    margin: 0 0 35px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.9;
    font-weight: 400;

    color: #B8CDD2;
}


/* =========================
   BUTTON
========================= */

.pool-contact-final-btn-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    min-height: 52px;

    max-width: 100%;

    padding: 0 27px;

    box-sizing: border-box;

    background-color: #6ED3E6;
    color: #041F2A;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;

    white-space: nowrap;

    transition: all 0.3s ease;
}

.pool-contact-final-btn-2026 i {
    flex-shrink: 0;

    font-size: 0.72rem;

    transition: transform 0.3s ease;
}

.pool-contact-final-btn-2026:hover {
    background-color: #FFFFFF;
}

.pool-contact-final-btn-2026:hover i {
    transform: translateX(5px);
}


/* =========================
   SIDE NAVIGATION
========================= */

.pool-contact-final-side-2026 {
    position: relative;

    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 27px;

    padding-left: 35px;

    box-sizing: border-box;
}

.pool-contact-final-line-2026 {
    position: absolute;

    left: 8px;
    top: 5px;
    bottom: 5px;

    width: 1px;

    background-color: rgba(191, 234, 242, 0.25);
}


/* =========================
   SIDE ITEMS
========================= */

.pool-contact-final-side-item-2026 {
    position: relative;

    display: flex;
    align-items: center;

    gap: 18px;

    min-width: 0;
}

.pool-contact-final-side-item-2026 span {
    width: 17px;
    height: 17px;

    margin-left: -35px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #6ED3E6;
    border-radius: 50%;

    background-color: #041F2A;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.45rem;
    font-weight: 700;

    color: #6ED3E6;

    z-index: 2;
}

.pool-contact-final-side-item-2026 strong {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 2px;

    color: #FFFFFF;
}


/* =========================================
   LARGE TABLET
========================================= */

@media (max-width: 1024px) {

    .pool-contact-final-2026 {
        padding: 100px 20px;
    }

    .pool-contact-final-inner-2026 {
        grid-template-columns: minmax(0, 1fr) 180px;

        gap: 50px;
    }

    .pool-contact-final-main-2026 h2 {
        font-size: 2.6rem;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pool-contact-final-2026 {
        padding: 90px 20px;
    }

    .pool-contact-final-inner-2026 {
        grid-template-columns: 1fr;

        gap: 50px;
    }


    /* MAIN */

    .pool-contact-final-main-2026 {
        max-width: 100%;
    }

    .pool-contact-final-main-2026 h2 {
        font-size: 2.5rem;
    }

    .pool-contact-final-main-2026 p {
        max-width: 700px;
    }


    /* SIDE */

    .pool-contact-final-side-2026 {
        flex-direction: row;

        align-items: center;

        justify-content: flex-start;

        gap: 40px;

        padding-left: 0;
    }

    .pool-contact-final-line-2026 {
        display: none;
    }

    .pool-contact-final-side-item-2026 {
        gap: 10px;
    }

    .pool-contact-final-side-item-2026 span {
        margin-left: 0;
    }


    /* WATERMARK */

    .pool-contact-final-watermark-2026 {
        font-size: 11rem;

        right: -30px;
        bottom: -40px;
    }

}


/* =========================================
   SMALL TABLET
========================================= */

@media (max-width: 700px) {

    .pool-contact-final-side-2026 {
        width: 100%;

        display: grid;
        grid-template-columns: repeat(3, 1fr);

        gap: 15px;
    }

    .pool-contact-final-side-item-2026 {
        justify-content: flex-start;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .pool-contact-final-2026 {
        width: 100%;

        padding: 75px 18px;

        box-sizing: border-box;
    }


    /* INNER */

    .pool-contact-final-inner-2026 {
        width: 100%;

        grid-template-columns: 1fr;

        gap: 45px;
    }


    /* LABEL */

    .pool-contact-final-label-2026 {
        margin-bottom: 18px;

        font-size: 0.6rem;
        letter-spacing: 2px;

        line-height: 1.5;
    }


    /* HEADING */

    .pool-contact-final-main-2026 h2 {
        font-size: 2rem;
        line-height: 1.18;

        margin-bottom: 20px;
    }


    /* PARAGRAPH */

    .pool-contact-final-main-2026 p {
        width: 100%;
        max-width: 100%;

        margin-bottom: 28px;

        font-size: 0.81rem;
        line-height: 1.8;
    }


    /* BUTTON */

    .pool-contact-final-btn-2026 {
        width: 100%;
        max-width: 100%;

        min-height: 50px;

        padding: 0 15px;

        gap: 12px;

        box-sizing: border-box;

        font-size: 0.68rem;
    }


    /* SIDE */

    .pool-contact-final-side-2026 {
        width: 100%;

        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 10px;

        padding: 0;

        box-sizing: border-box;
    }


    /* SIDE ITEM */

    .pool-contact-final-side-item-2026 {
        width: 100%;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 7px;

        min-width: 0;
    }


    /* NUMBER */

    .pool-contact-final-side-item-2026 span {
        width: 16px;
        height: 16px;

        margin: 0;

        flex-shrink: 0;

        font-size: 0.4rem;
    }


    /* TEXT */

    .pool-contact-final-side-item-2026 strong {
        font-size: 0.55rem;

        letter-spacing: 1px;

        white-space: nowrap;
    }


    /* WATERMARK */

    .pool-contact-final-watermark-2026 {
        font-size: 7rem;

        right: -25px;
        bottom: -15px;

        letter-spacing: -5px;
    }

}


/* =========================================
   EXTRA SMALL MOBILE
========================================= */

@media (max-width: 380px) {

    .pool-contact-final-2026 {
        padding: 65px 15px;
    }

    .pool-contact-final-main-2026 h2 {
        font-size: 1.75rem;
    }

    .pool-contact-final-btn-2026 {
        font-size: 0.63rem;

        padding: 0 10px;

        gap: 9px;
    }

    .pool-contact-final-side-2026 {
        gap: 5px;
    }

    .pool-contact-final-side-item-2026 {
        gap: 5px;
    }

    .pool-contact-final-side-item-2026 strong {
        font-size: 0.48rem;
        letter-spacing: 0.7px;
    }

    .pool-contact-final-watermark-2026 {
        font-size: 5.5rem;
    }

}/* =========================================
   USA CONTACT MAP SECTION
========================================= */

.pool-contact-map-2026 {
    width: 100%;
    padding: 100px 20px;

    background-color: #FFFFFF;

    box-sizing: border-box;
}


/* =========================================
   MAIN CONTAINER
========================================= */

.pool-contact-map-inner-2026 {
    width: 100%;
    max-width: 1200px;
    min-height: 560px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================
   MAP FRAME
========================================= */

.pool-contact-map-frame-2026 {
    position: relative;

    width: 100%;
    min-width: 0;
    min-height: 560px;

    background-color: #EAF6F8;

    overflow: hidden;
}


/* =========================================
   GOOGLE MAP
========================================= */

.pool-contact-map-frame-2026 iframe {
    display: block;

    width: 100%;
    height: 100%;
    min-height: 560px;

    border: 0;

    filter: saturate(0.8);

    box-sizing: border-box;
}


/* =========================================
   MAP LOCATION CARD
========================================= */

.pool-contact-map-location-2026 {
    position: absolute;

    left: 25px;
    right: auto;
    bottom: 25px;

    max-width: calc(100% - 50px);

    display: flex;
    align-items: center;

    gap: 13px;

    padding: 13px 18px;

    background-color: #FFFFFF;

    box-shadow: 0 12px 35px rgba(4, 31, 42, 0.16);

    box-sizing: border-box;
}


/* =========================================
   MAP PIN
========================================= */

.pool-contact-map-pin-2026 {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background-color: #082F3D;
    color: #6ED3E6;

    font-size: 0.85rem;
}


/* =========================================
   LOCATION TEXT
========================================= */

.pool-contact-map-location-text-2026 {
    min-width: 0;
}

.pool-contact-map-location-text-2026 strong {
    display: block;

    margin-bottom: 4px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;

    color: #082F3D;
}

.pool-contact-map-location-text-2026 span {
    display: block;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
    font-weight: 400;

    color: #71858B;

    white-space: nowrap;
}


/* =========================================
   CONTACT INFO PANEL
========================================= */

.pool-contact-map-info-2026 {
    width: 100%;
    min-width: 0;
    min-height: 560px;

    padding: 55px 45px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background-color: #082F3D;

    box-sizing: border-box;
}


/* =========================================
   LABEL
========================================= */

.pool-contact-map-label-2026 {
    display: inline-block;

    margin-bottom: 18px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.63rem;
    font-weight: 700;

    letter-spacing: 2.5px;

    color: #6ED3E6;
}


/* =========================================
   HEADING
========================================= */

.pool-contact-map-info-2026 h2 {
    margin: 0 0 20px;

    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    line-height: 1.18;
    font-weight: 700;

    color: #FFFFFF;

    overflow-wrap: break-word;
}


/* =========================================
   DESCRIPTION
========================================= */

.pool-contact-map-info-2026 > p {
    width: 100%;
    max-width: 430px;

    margin: 0 0 35px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.81rem;
    line-height: 1.85;
    font-weight: 400;

    color: #B8CDD2;

    overflow-wrap: break-word;
}


/* =========================================
   CONTACT DETAILS
========================================= */

.pool-contact-map-details-2026 {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 22px;

    padding-top: 28px;

    border-top: 1px solid rgba(191, 234, 242, 0.20);

    box-sizing: border-box;
}


/* =========================================
   SINGLE DETAIL
========================================= */

.pool-contact-map-detail-2026 {
    width: 100%;
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 14px;

    box-sizing: border-box;
}


/* =========================================
   DETAIL ICON
========================================= */

.pool-contact-map-detail-icon-2026 {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(110, 211, 230, 0.35);
    border-radius: 50%;

    color: #6ED3E6;

    font-size: 0.7rem;

    box-sizing: border-box;
}


/* =========================================
   DETAIL CONTENT
========================================= */

.pool-contact-map-detail-content-2026 {
    min-width: 0;
}

.pool-contact-map-detail-content-2026 span {
    display: block;

    margin-bottom: 4px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.57rem;
    font-weight: 700;

    letter-spacing: 1.3px;

    color: #6ED3E6;
}

.pool-contact-map-detail-content-2026 strong {
    display: block;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;

    color: #FFFFFF;

    overflow-wrap: anywhere;
}


/* =========================================
   DIRECTIONS LINK
========================================= */

.pool-contact-map-link-2026 {
    width: fit-content;
    max-width: 100%;

    margin-top: 32px;
    padding-bottom: 7px;

    display: inline-flex;
    align-items: center;

    gap: 12px;

    border-bottom: 1px solid #6ED3E6;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;

    color: #FFFFFF;

    box-sizing: border-box;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.pool-contact-map-link-2026:hover {
    gap: 17px;
    color: #6ED3E6;
}

.pool-contact-map-link-2026 i {
    flex-shrink: 0;

    color: #6ED3E6;
}


/* =========================================
   LARGE TABLET
========================================= */

@media (max-width: 1024px) {

    .pool-contact-map-2026 {
        padding: 90px 20px;
    }

    .pool-contact-map-inner-2026 {
        grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    }

    .pool-contact-map-info-2026 {
        padding: 50px 35px;
    }

    .pool-contact-map-info-2026 h2 {
        font-size: 1.85rem;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pool-contact-map-2026 {
        padding: 80px 20px;
    }

    .pool-contact-map-inner-2026 {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        min-height: auto;
    }


    /* MAP */

    .pool-contact-map-frame-2026 {
        width: 100%;
        min-height: 430px;
    }

    .pool-contact-map-frame-2026 iframe {
        width: 100%;
        min-height: 430px;
    }


    /* INFO */

    .pool-contact-map-info-2026 {
        width: 100%;
        min-height: auto;

        padding: 55px 40px;
    }

    .pool-contact-map-info-2026 > p {
        max-width: 650px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .pool-contact-map-2026 {
        width: 100%;

        padding: 65px 16px;

        box-sizing: border-box;
    }


    /* MAIN */

    .pool-contact-map-inner-2026 {
        width: 100%;

        grid-template-columns: 1fr;

        overflow: hidden;
    }


    /* MAP */

    .pool-contact-map-frame-2026 {
        width: 100%;
        min-height: 350px;
    }

    .pool-contact-map-frame-2026 iframe {
        width: 100%;
        height: 350px;
        min-height: 350px;
    }


    /* LOCATION CARD */

    .pool-contact-map-location-2026 {
        left: 12px;
        right: 12px;
        bottom: 12px;

        width: auto;
        max-width: none;

        padding: 11px 13px;

        gap: 10px;
    }

    .pool-contact-map-pin-2026 {
        width: 36px;
        height: 36px;

        flex-basis: 36px;

        font-size: 0.75rem;
    }

    .pool-contact-map-location-text-2026 strong {
        font-size: 0.68rem;
    }

    .pool-contact-map-location-text-2026 span {
        font-size: 0.6rem;

        white-space: normal;
    }


    /* INFO */

    .pool-contact-map-info-2026 {
        width: 100%;
        min-height: auto;

        padding: 42px 25px;

        box-sizing: border-box;
    }


    /* LABEL */

    .pool-contact-map-label-2026 {
        margin-bottom: 15px;

        font-size: 0.58rem;
        letter-spacing: 2px;
    }


    /* HEADING */

    .pool-contact-map-info-2026 h2 {
        font-size: 1.75rem;
        line-height: 1.2;
    }


    /* DESCRIPTION */

    .pool-contact-map-info-2026 > p {
        max-width: 100%;

        margin-bottom: 28px;

        font-size: 0.81rem;
        line-height: 1.8;
    }


    /* DETAILS */

    .pool-contact-map-details-2026 {
        gap: 19px;

        padding-top: 23px;
    }


    /* DETAIL */

    .pool-contact-map-detail-2026 {
        gap: 11px;
    }


    /* ICON */

    .pool-contact-map-detail-icon-2026 {
        width: 37px;
        height: 37px;

        flex-basis: 37px;

        font-size: 0.65rem;
    }


    /* TEXT */

    .pool-contact-map-detail-content-2026 span {
        font-size: 0.53rem;
        letter-spacing: 1px;
    }

    .pool-contact-map-detail-content-2026 strong {
        font-size: 0.68rem;
    }


    /* LINK */

    .pool-contact-map-link-2026 {
        margin-top: 27px;

        font-size: 0.65rem;

        gap: 10px;
    }

}


/* =========================================
   EXTRA SMALL MOBILE
========================================= */

@media (max-width: 380px) {

    .pool-contact-map-2026 {
        padding: 55px 12px;
    }

    .pool-contact-map-frame-2026 {
        min-height: 320px;
    }

    .pool-contact-map-frame-2026 iframe {
        height: 320px;
        min-height: 320px;
    }

    .pool-contact-map-info-2026 {
        padding: 38px 20px;
    }

    .pool-contact-map-info-2026 h2 {
        font-size: 1.6rem;
    }

    .pool-contact-map-detail-content-2026 strong {
        font-size: 0.65rem;
    }

}
/* =========================================================
   GLOBAL DARK / LIGHT MODE - 2026
   Added as a shared theme layer so every page uses the same
   theme without changing the existing layout/design.
   ========================================================= */

html {
    color-scheme: light;
}

body {
    transition: background-color 0.35s ease, color 0.35s ease;
}

/* Theme button */
.pool-theme-toggle {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin-left: 6px;
    border: 1px solid #D9E8EB;
    border-radius: 50%;
    background: #F7FCFD;
    color: #082F3D;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.82rem;
    transition: all 0.3s ease;
}

.pool-theme-toggle:hover {
    background: #6ED3E6;
    border-color: #6ED3E6;
    color: #082F3D;
    transform: rotate(12deg);
}

/* =========================================================
   DARK MODE
   ========================================================= */

html.dark-mode {
    color-scheme: dark;
}

body.dark-mode {
    background-color: #0B1D24 !important;
    color: #DCECEF !important;
}

/* Header / navigation */
body.dark-mode #pool-navbar-2026 {
    background-color: #102A33 !important;
    border-bottom-color: #24444E !important;
}

body.dark-mode .pool-navbar-2026-logo,
body.dark-mode .pool-navbar-2026-link,
body.dark-mode .pool-navbar-2026-mobile-link {
    color: #DCECEF !important;
}

body.dark-mode .pool-navbar-2026-logo-text span,
body.dark-mode .pool-navbar-2026-link:hover,
body.dark-mode .pool-navbar-2026-link.active {
    color: #6ED3E6 !important;
}

body.dark-mode .pool-navbar-2026-mobile {
    background-color: #102A33 !important;
    border-color: #24444E !important;
}

body.dark-mode .pool-navbar-2026-mobile-link:hover {
    background-color: #173943 !important;
}

body.dark-mode .pool-theme-toggle {
    background: #173943 !important;
    border-color: #345661 !important;
    color: #FFE27A !important;
}

body.dark-mode .pool-theme-toggle:hover {
    background: #6ED3E6 !important;
    color: #082F3D !important;
    border-color: #6ED3E6 !important;
}

/* General light sections */
body.dark-mode
.pool-services-intro-2026,
body.dark-mode
.pool-why-choose-2026,
body.dark-mode
.pool-projects-showcase-2026,
body.dark-mode
.pool-testimonials-2026,
body.dark-mode
.pool-care-2026,
body.dark-mode
.pool-lifestyle-2026,
body.dark-mode
.pool-assessment-cta-2026,
body.dark-mode
.pool-types-intro-2026,
body.dark-mode
.pool-type-collection-2026,
body.dark-mode
.pool-type-comparison-2026,
body.dark-mode
.pool-planning-2026,
body.dark-mode
.pool-design-features-2026,
body.dark-mode
.pool-choice-guide-2026,
body.dark-mode
.pool-installation-details-2026,
body.dark-mode
.pool-installation-journey-2026,
body.dark-mode
.pool-installation-quality-2026,
body.dark-mode
.pool-maintenance-approach-2026,
body.dark-mode
.pool-maintenance-levels-2026,
body.dark-mode
.pool-maintenance-routine-2026,
body.dark-mode
.pool-maintenance-promise-2026,
body.dark-mode
.pool-chemical-intro-2026,
body.dark-mode
.pool-chemical-categories-2026,
body.dark-mode
.pool-chemical-benefits-2026,
body.dark-mode
.pool-chemical-safety-2026,
body.dark-mode
.pool-water-balance-2026,
body.dark-mode
.pool-contact-assessment-2026,
body.dark-mode
.pool-contact-booking-form-2026,
body.dark-mode
.pool-contact-map-2026,
body.dark-mode
.pool-contact-next-2026 {
    background-color: #0F2730 !important;
    color: #DCECEF !important;
}

/* Cards, boxes and inner white surfaces */
body.dark-mode
.pool-projects-showcase-2026-card,
body.dark-mode
.pool-testimonials-2026-card,
body.dark-mode
.pool-testimonials-2026-mini,
body.dark-mode
.pool-services-intro-2026-item,
body.dark-mode
.pool-why-choose-2026-item,
body.dark-mode
.pool-type-collection-2026-item,
body.dark-mode
.pool-type-comparison-2026-item,
body.dark-mode
.pool-maintenance-levels-2026-option,
body.dark-mode
.pool-maintenance-routine-2026-card,
body.dark-mode
.pool-chemical-category-row,
body.dark-mode
.pool-chemical-benefit-2026,
body.dark-mode
.pool-chemical-safety-item,
body.dark-mode
.pool-contact-form-box,
body.dark-mode
.pool-contact-detail,
body.dark-mode
.pool-contact-next-step,
body.dark-mode
.pool-installation-quality-2026-item {
    background-color: #162F38 !important;
    border-color: #2B4B55 !important;
    color: #DCECEF !important;
}

/* Text on light sections */
body.dark-mode
.pool-services-intro-2026 h1,
body.dark-mode
.pool-services-intro-2026 h2,
body.dark-mode
.pool-services-intro-2026 h3,
body.dark-mode
.pool-services-intro-2026 p,
body.dark-mode
.pool-why-choose-2026 h1,
body.dark-mode
.pool-why-choose-2026 h2,
body.dark-mode
.pool-why-choose-2026 h3,
body.dark-mode
.pool-why-choose-2026 p,
body.dark-mode
.pool-projects-showcase-2026 h1,
body.dark-mode
.pool-projects-showcase-2026 h2,
body.dark-mode
.pool-projects-showcase-2026 h3,
body.dark-mode
.pool-projects-showcase-2026 p,
body.dark-mode
.pool-testimonials-2026 h1,
body.dark-mode
.pool-testimonials-2026 h2,
body.dark-mode
.pool-testimonials-2026 h3,
body.dark-mode
.pool-testimonials-2026 p,
body.dark-mode
.pool-care-2026 h1,
body.dark-mode
.pool-care-2026 h2,
body.dark-mode
.pool-care-2026 h3,
body.dark-mode
.pool-care-2026 p,
body.dark-mode
.pool-lifestyle-2026 h1,
body.dark-mode
.pool-lifestyle-2026 h2,
body.dark-mode
.pool-lifestyle-2026 h3,
body.dark-mode
.pool-lifestyle-2026 p,
body.dark-mode
.pool-types-intro-2026 h1,
body.dark-mode
.pool-types-intro-2026 h2,
body.dark-mode
.pool-types-intro-2026 h3,
body.dark-mode
.pool-types-intro-2026 p,
body.dark-mode
.pool-type-collection-2026 h1,
body.dark-mode
.pool-type-collection-2026 h2,
body.dark-mode
.pool-type-collection-2026 h3,
body.dark-mode
.pool-type-collection-2026 p,
body.dark-mode
.pool-type-comparison-2026 h1,
body.dark-mode
.pool-type-comparison-2026 h2,
body.dark-mode
.pool-type-comparison-2026 h3,
body.dark-mode
.pool-type-comparison-2026 p,
body.dark-mode
.pool-planning-2026 h1,
body.dark-mode
.pool-planning-2026 h2,
body.dark-mode
.pool-planning-2026 h3,
body.dark-mode
.pool-planning-2026 p,
body.dark-mode
.pool-design-features-2026 h1,
body.dark-mode
.pool-design-features-2026 h2,
body.dark-mode
.pool-design-features-2026 h3,
body.dark-mode
.pool-design-features-2026 p,
body.dark-mode
.pool-choice-guide-2026 h1,
body.dark-mode
.pool-choice-guide-2026 h2,
body.dark-mode
.pool-choice-guide-2026 h3,
body.dark-mode
.pool-choice-guide-2026 p,
body.dark-mode
.pool-installation-details-2026 h1,
body.dark-mode
.pool-installation-details-2026 h2,
body.dark-mode
.pool-installation-details-2026 h3,
body.dark-mode
.pool-installation-details-2026 p,
body.dark-mode
.pool-installation-journey-2026 h1,
body.dark-mode
.pool-installation-journey-2026 h2,
body.dark-mode
.pool-installation-journey-2026 h3,
body.dark-mode
.pool-installation-journey-2026 p,
body.dark-mode
.pool-installation-quality-2026 h1,
body.dark-mode
.pool-installation-quality-2026 h2,
body.dark-mode
.pool-installation-quality-2026 h3,
body.dark-mode
.pool-installation-quality-2026 p,
body.dark-mode
.pool-maintenance-approach-2026 h1,
body.dark-mode
.pool-maintenance-approach-2026 h2,
body.dark-mode
.pool-maintenance-approach-2026 h3,
body.dark-mode
.pool-maintenance-approach-2026 p,
body.dark-mode
.pool-maintenance-levels-2026 h1,
body.dark-mode
.pool-maintenance-levels-2026 h2,
body.dark-mode
.pool-maintenance-levels-2026 h3,
body.dark-mode
.pool-maintenance-levels-2026 p,
body.dark-mode
.pool-maintenance-routine-2026 h1,
body.dark-mode
.pool-maintenance-routine-2026 h2,
body.dark-mode
.pool-maintenance-routine-2026 h3,
body.dark-mode
.pool-maintenance-routine-2026 p,
body.dark-mode
.pool-maintenance-promise-2026 h1,
body.dark-mode
.pool-maintenance-promise-2026 h2,
body.dark-mode
.pool-maintenance-promise-2026 h3,
body.dark-mode
.pool-maintenance-promise-2026 p,
body.dark-mode
.pool-chemical-intro-2026 h1,
body.dark-mode
.pool-chemical-intro-2026 h2,
body.dark-mode
.pool-chemical-intro-2026 h3,
body.dark-mode
.pool-chemical-intro-2026 p,
body.dark-mode
.pool-chemical-categories-2026 h1,
body.dark-mode
.pool-chemical-categories-2026 h2,
body.dark-mode
.pool-chemical-categories-2026 h3,
body.dark-mode
.pool-chemical-categories-2026 p,
body.dark-mode
.pool-chemical-benefits-2026 h1,
body.dark-mode
.pool-chemical-benefits-2026 h2,
body.dark-mode
.pool-chemical-benefits-2026 h3,
body.dark-mode
.pool-chemical-benefits-2026 p,
body.dark-mode
.pool-chemical-safety-2026 h1,
body.dark-mode
.pool-chemical-safety-2026 h2,
body.dark-mode
.pool-chemical-safety-2026 h3,
body.dark-mode
.pool-chemical-safety-2026 p,
body.dark-mode
.pool-water-balance-2026 h1,
body.dark-mode
.pool-water-balance-2026 h2,
body.dark-mode
.pool-water-balance-2026 h3,
body.dark-mode
.pool-water-balance-2026 p,
body.dark-mode
.pool-contact-assessment-2026 h1,
body.dark-mode
.pool-contact-assessment-2026 h2,
body.dark-mode
.pool-contact-assessment-2026 h3,
body.dark-mode
.pool-contact-assessment-2026 p,
body.dark-mode
.pool-contact-booking-form-2026 h1,
body.dark-mode
.pool-contact-booking-form-2026 h2,
body.dark-mode
.pool-contact-booking-form-2026 h3,
body.dark-mode
.pool-contact-booking-form-2026 p,
body.dark-mode
.pool-contact-map-2026 h1,
body.dark-mode
.pool-contact-map-2026 h2,
body.dark-mode
.pool-contact-map-2026 h3,
body.dark-mode
.pool-contact-map-2026 p,
body.dark-mode
.pool-contact-next-2026 h1,
body.dark-mode
.pool-contact-next-2026 h2,
body.dark-mode
.pool-contact-next-2026 h3,
body.dark-mode
.pool-contact-next-2026 p {
    color: #DCECEF !important;
}

/* Muted text */
body.dark-mode .pool-services-intro-2026 p,
body.dark-mode .pool-types-intro-2026-description,
body.dark-mode .pool-contact-detail span,
body.dark-mode .pool-contact-map-detail-content span,
body.dark-mode .pool-maintenance-levels-2026-info p {
    color: #AFC6CC !important;
}

/* Form controls */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #102A33 !important;
    color: #EAF5F7 !important;
    border-color: #355661 !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #7F9AA2 !important;
}

body.dark-mode label {
    color: #C7DCE1 !important;
}

/* Footer */
body.dark-mode .pool-footer-2026-main,
body.dark-mode .pool-footer-2026-bottom {
    background-color: #07171D !important;
    color: #DCECEF !important;
    border-color: #203A43 !important;
}

body.dark-mode .pool-footer-2026-links a,
body.dark-mode .pool-footer-2026-contact a,
body.dark-mode .pool-footer-2026-contact-item,
body.dark-mode .pool-footer-2026-bottom p {
    color: #AFC6CC !important;
}

body.dark-mode .pool-footer-2026-links a:hover,
body.dark-mode .pool-footer-2026-contact a:hover {
    color: #6ED3E6 !important;
}

/* Keep hero / image based sections visually strong in dark mode */
body.dark-mode .pool-hero-banner-2026,
body.dark-mode .pool-types-simple-banner-2026,
body.dark-mode .pool-installation-banner-2026,
body.dark-mode .pool-maintenance-banner-2026,
body.dark-mode .pool-chemical-banner-2026,
body.dark-mode .pool-contact-banner-2026 {
    background-color: #07171D !important;
}

/* Dark overlay sections remain dark, only strengthen readability */
body.dark-mode .pool-hero-banner-2026-overlay,
body.dark-mode .pool-types-simple-banner-2026-overlay,
body.dark-mode .pool-installation-banner-2026-overlay,
body.dark-mode .pool-maintenance-banner-2026-overlay,
body.dark-mode .pool-chemical-banner-2026-overlay,
body.dark-mode .pool-contact-banner-2026-overlay {
    opacity: 0.78;
}

/* Smooth theme transition for common UI */
body.dark-mode #pool-navbar-2026,
body.dark-mode .pool-theme-toggle,
body.dark-mode .pool-footer-2026-main,
body.dark-mode .pool-footer-2026-bottom,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .pool-projects-showcase-2026-card,
body.dark-mode .pool-testimonials-2026-card,
body.dark-mode .pool-maintenance-levels-2026-option,
body.dark-mode .pool-chemical-category-row,
body.dark-mode .pool-contact-form-box {
    transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

@media (max-width: 768px) {
    .pool-theme-toggle {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        margin-left: auto;
        margin-right: 12px;
    }
}

/* =========================================================
   DARK MODE FIXES - SPECIFIC SECTIONS 2026
   ========================================================= */

/* Footer: make the full-width area the same dark colour,
   including the left/right spaces outside the inner container. */
body.dark-mode #pool-footer-2026 {
    background-color: #07171D !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-footer-2026-main,
body.dark-mode .pool-footer-2026-bottom {
    background-color: #07171D !important;
}

/* =========================================================
   POOL TYPES - DESIGN FEATURES
   ========================================================= */
body.dark-mode .pool-design-features-2026 {
    background-color: #0F2730 !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-design-features-2026-feature,
body.dark-mode .pool-design-feature-one,
body.dark-mode .pool-design-feature-two,
body.dark-mode .pool-design-feature-three,
body.dark-mode .pool-design-feature-four {
    background-color: #162F38 !important;
    border-color: #2B4B55 !important;
    color: #DCECEF !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
}

body.dark-mode .pool-design-features-2026-feature h3,
body.dark-mode .pool-design-features-2026-feature h4,
body.dark-mode .pool-design-features-2026-feature p,
body.dark-mode .pool-design-feature-one h3,
body.dark-mode .pool-design-feature-one p,
body.dark-mode .pool-design-feature-two h3,
body.dark-mode .pool-design-feature-two p,
body.dark-mode .pool-design-feature-three h3,
body.dark-mode .pool-design-feature-three p,
body.dark-mode .pool-design-feature-four h3,
body.dark-mode .pool-design-feature-four p {
    color: #DCECEF !important;
}

/* =========================================================
   INSTALLATION PROCESS - FINAL CTA
   ========================================================= */
body.dark-mode #pool-installation-final-cta-2026,
body.dark-mode .pool-installation-final-cta-2026 {
    background-color: #0F2730 !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-installation-final-cta-2026-watermark {
    color: rgba(220, 236, 239, 0.035) !important;
}

body.dark-mode .pool-installation-final-cta-2026-content h2 {
    color: #DCECEF !important;
}

body.dark-mode .pool-installation-final-cta-2026-content p {
    color: #AFC6CC !important;
}

body.dark-mode .pool-installation-final-cta-2026-side,
body.dark-mode .pool-installation-final-cta-2026-side span {
    color: #AFC6CC !important;
}

/* =========================================================
   CHEMICAL SUPPLY - INTRO POINTS
   ========================================================= */
body.dark-mode .pool-chemical-intro-points-2026 {
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-intro-point-2026 {
    background-color: #162F38 !important;
    border-color: #6ED3E6 !important;
    color: #DCECEF !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18) !important;
}

body.dark-mode .pool-chemical-intro-point-2026 h3 {
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-intro-point-2026 p {
    color: #AFC6CC !important;
}

body.dark-mode .pool-chemical-intro-point-2026 > i {
    background-color: #203F48 !important;
    color: #6ED3E6 !important;
}

/* =========================================================
   CHEMICAL SUPPLY - VISUAL SECTION
   ========================================================= */
body.dark-mode .pool-chemical-visual-2026 {
    background-color: #102A33 !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-visual-2026 h1,
body.dark-mode .pool-chemical-visual-2026 h2,
body.dark-mode .pool-chemical-visual-2026 h3,
body.dark-mode .pool-chemical-visual-2026 p,
body.dark-mode .pool-chemical-visual-2026 span,
body.dark-mode .pool-chemical-visual-2026 strong {
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-visual-2026 p {
    color: #AFC6CC !important;
}

body.dark-mode .pool-chemical-visual-badge-2026 {
    background-color: #07171D !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-visual-badge-2026 strong {
    color: #6ED3E6 !important;
}

/* =========================================================
   CHEMICAL SUPPLY - CATEGORY LIST + HOVER
   ========================================================= */
body.dark-mode .pool-chemical-categories-list-2026 {
    border-top-color: #2B4B55 !important;
}

body.dark-mode .pool-chemical-category-row-2026 {
    border-bottom-color: #2B4B55 !important;
    background-color: transparent !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-category-row-2026:hover {
    background-color: #1A3943 !important;
    padding-left: 25px;
    padding-right: 25px;
}

body.dark-mode .pool-chemical-category-number-2026 {
    color: #8FAEB6 !important;
}

body.dark-mode .pool-chemical-category-icon-2026 {
    background-color: #203F48 !important;
    color: #6ED3E6 !important;
}

body.dark-mode .pool-chemical-category-row-2026:hover .pool-chemical-category-icon-2026 {
    background-color: #08718A !important;
    color: #FFFFFF !important;
}

body.dark-mode .pool-chemical-category-info-2026 h3 {
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-category-info-2026 p {
    color: #AFC6CC !important;
}

body.dark-mode .pool-chemical-category-arrow-2026 {
    border-color: #45636C !important;
    color: #6ED3E6 !important;
    background-color: transparent !important;
}

body.dark-mode .pool-chemical-category-row-2026:hover .pool-chemical-category-arrow-2026 {
    background-color: #08718A !important;
    border-color: #08718A !important;
    color: #FFFFFF !important;
}

/* =========================================================
   CHEMICAL SUPPLY - FINAL CTA
   ========================================================= */
body.dark-mode .pool-chemical-final-cta-2026 {
    background-color: #0F2730 !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-chemical-final-cta-wrap-2026 {
    background-color: #07171D !important;
}

body.dark-mode .pool-chemical-final-cta-content-2026 h2 {
    color: #FFFFFF !important;
}

body.dark-mode .pool-chemical-final-cta-content-2026 p {
    color: #B9D1D7 !important;
}

body.dark-mode .pool-chemical-final-cta-side-2026 {
    color: #AFC6CC !important;
}

/* =========================================================
   CONTACT - NEXT STEPS HOVER
   ========================================================= */
body.dark-mode .pool-contact-next-steps-2026 {
    border-top-color: #2B4B55 !important;
    border-bottom-color: #2B4B55 !important;
}

body.dark-mode .pool-contact-next-step-2026 {
    background-color: #162F38 !important;
    border-right-color: #2B4B55 !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-contact-next-step-2026:hover {
    background-color: #1A3943 !important;
    transform: translateY(-5px);
}

body.dark-mode .pool-contact-next-number-2026 {
    color: #8FAEB6 !important;
}

body.dark-mode .pool-contact-next-icon-2026 {
    background-color: #07171D !important;
    color: #BFEAF2 !important;
}

body.dark-mode .pool-contact-next-step-2026:hover .pool-contact-next-icon-2026 {
    background-color: #08718A !important;
    color: #FFFFFF !important;
}

body.dark-mode .pool-contact-next-content-2026 h3 {
    color: #DCECEF !important;
}

body.dark-mode .pool-contact-next-content-2026 p {
    color: #AFC6CC !important;
}



 /* ===== CONTACT FORM BOX - DARK MODE FIX ===== */
body.dark-mode .pool-contact-form-box-2026 {
    background-color: #102A33 !important;
    border-color: #2B4B55 !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28) !important;
    color: #DCECEF !important;
}
body.dark-mode .pool-contact-form-box-2026 .pool-contact-form-heading-2026 h3,
body.dark-mode .pool-contact-form-box-2026 .pool-contact-field-2026 label {
    color: #DCECEF !important;
}
body.dark-mode .pool-contact-form-box-2026 .pool-contact-form-heading-2026 p {
    color: #AFC6CC !important;
}


/* =========================================================
   RTL / LTR DIRECTION SWITCH - 2026
   ========================================================= */
.pool-direction-toggle {
    min-width: 54px;
    height: 42px;
    flex: 0 0 54px;
    margin-left: 8px;
    border: 1px solid #D9E8EB;
    border-radius: 22px;
    background: #F7FCFD;
    color: #082F3D;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.58rem;
    font-weight: 700;
    transition: all 0.3s ease;
}

.pool-direction-toggle i {
    font-size: 0.75rem;
}

.pool-direction-toggle:hover {
    background: #6ED3E6;
    border-color: #6ED3E6;
    color: #082F3D;
    transform: translateY(-2px);
}

body.dark-mode .pool-direction-toggle {
    background: #173943 !important;
    border-color: #345661 !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-direction-toggle:hover {
    background: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
}

/* RTL layout: keep the entire site directionally consistent. */
html[dir="rtl"] body {
    direction: rtl;
}

html[dir="rtl"] .pool-navbar-2026-wrap,
html[dir="rtl"] .pool-navbar-2026-menu,
html[dir="rtl"] .pool-navbar-2026-contact,
html[dir="rtl"] .pool-navbar-2026-mobile,
html[dir="rtl"] .pool-footer-2026-main,
html[dir="rtl"] .pool-footer-2026-bottom {
    direction: rtl;
}

html[dir="rtl"] .pool-navbar-2026-menu {
    flex-direction: row-reverse;
}

html[dir="rtl"] .pool-navbar-2026-contact i {
    transform: rotate(180deg);
}

html[dir="rtl"] .pool-navbar-2026-link::after {
    left: auto;
    right: 0;
}

html[dir="rtl"] .pool-direction-toggle {
    margin-left: 0;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .pool-direction-toggle {
        min-width: 50px;
        height: 40px;
        flex-basis: 50px;
        margin-left: 6px;
    }
    html[dir="rtl"] .pool-direction-toggle {
        margin-left: 6px;
        margin-right: 0;
    }
}

/* =========================================================
   GLOBAL ENTRANCE ANIMATIONS - ALL PAGES
   Header and footer are excluded by JavaScript.
   ========================================================= */
.entrance-section {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.75s ease, transform 0.75s cubic-bezier(.22,.61,.36,1);
    transition-delay: var(--entrance-delay, 0ms);
    will-change: opacity, transform;
}

.entrance-section.entrance-visible {
    opacity: 1;
    transform: translateY(0);
}

.entrance-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(.22,.61,.36,1);
    transition-delay: var(--entrance-delay, 0ms);
    will-change: opacity, transform;
}

.entrance-from-left {
    transform: translateX(-45px);
}

.entrance-from-right {
    transform: translateX(45px);
}

.entrance-from-bottom {
    transform: translateY(30px);
}

.entrance-animate.entrance-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* Make banner content animate on first load even before scrolling. */
#pool-hero-banner-2026 .entrance-animate {
    animation: bannerEntrance 0.9s cubic-bezier(.22,.61,.36,1) 0.12s both;
}

@keyframes bannerEntrance {
    from {
        opacity: 0;
        transform: translateX(-55px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .entrance-section,
    .entrance-animate,
    #pool-hero-banner-2026 .entrance-animate {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* =========================================================
   HOME 2 - DISTINCT EDITORIAL DESIGN
   ========================================================= */
.pool-navbar-2026-home-dropdown{position:relative;display:flex;align-items:center}
.pool-navbar-2026-home-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:145px;padding:8px;background:#fff;border:1px solid #d9e8eb;border-radius:12px;box-shadow:0 16px 35px rgba(8,47,61,.14);opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;z-index:1000}
.pool-navbar-2026-home-menu::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#fff;border-left:1px solid #d9e8eb;border-top:1px solid #d9e8eb;transform:translateX(-50%) rotate(45deg)}
.pool-navbar-2026-home-menu a{display:block;padding:11px 13px;border-radius:8px;color:#082f3d;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap}
.pool-navbar-2026-home-menu a:hover{background:#e8f8fb;color:#08718a}
.pool-navbar-2026-home-dropdown:hover .pool-navbar-2026-home-menu,.pool-navbar-2026-home-dropdown:focus-within .pool-navbar-2026-home-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
body.dark-mode .pool-navbar-2026-home-menu{background:#102a33;border-color:#345661;box-shadow:0 16px 35px rgba(0,0,0,.35)}
body.dark-mode .pool-navbar-2026-home-menu::before{background:#102a33;border-color:#345661}
body.dark-mode .pool-navbar-2026-home-menu a{color:#dcecef}
body.dark-mode .pool-navbar-2026-home-menu a:hover{background:#173943;color:#6ed3e6}
.pool-navbar-home2-mobile{font-size:.82rem!important;padding-left:25px!important;opacity:.85}

.home2-hero-2026{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;background:#f3fafb;overflow:hidden}
.home2-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(30px,7vw,110px);position:relative}
.home2-eyebrow,.home2-section-kicker,.home2-experience-copy>span,.home2-final-2026>div>span{font-size:.68rem;letter-spacing:.22em;font-weight:800;color:#08718a}
.home2-hero-copy h1{font-size:clamp(3rem,5.4vw,6.3rem);line-height:.98;color:#082f3d;margin:20px 0 25px;font-weight:800;letter-spacing:-.055em}
.home2-hero-copy h1 em,.home2-services-head h2 em,.home2-experience-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#08718a}
.home2-hero-copy p{max-width:590px;color:#52717a;line-height:1.85;font-size:1rem}
.home2-hero-actions{display:flex;gap:24px;align-items:center;margin-top:34px;flex-wrap:wrap}
.home2-btn-primary{padding:15px 21px;border-radius:4px;background:#08718a;color:#fff;text-decoration:none;font-weight:700;font-size:.8rem;box-shadow:0 12px 25px rgba(8,113,138,.2)}
.home2-btn-primary i,.home2-btn-text i,.home2-outline-btn i{margin-left:8px}
.home2-btn-text{color:#082f3d;text-decoration:none;font-size:.78rem;font-weight:800}
.home2-mini-proof{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:9px 12px;align-items:center;margin-top:58px;max-width:470px}
.home2-mini-proof span{font-size:.68rem;color:#08718a;font-weight:800}.home2-mini-proof strong{display:block;font-size:.72rem;color:#082f3d}.home2-mini-proof small{display:block;font-size:.63rem;color:#77929a;margin-top:3px}
.home2-hero-visual{position:relative;min-height:640px}.home2-hero-visual img{width:100%;height:100%;object-fit:cover;display:block}.home2-floating-note{position:absolute;left:30px;bottom:30px;background:#fff;padding:18px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 40px rgba(0,0,0,.18)}.home2-floating-note i{font-size:1.2rem;color:#08718a}.home2-floating-note span{font-size:.72rem;font-weight:800;line-height:1.45;color:#082f3d}
.home2-metrics-2026{display:grid;grid-template-columns:repeat(4,1fr);background:#082f3d;color:#fff}.home2-metrics-2026>div{padding:34px 28px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:7px}.home2-metrics-2026 strong{font-size:2rem;letter-spacing:-.04em}.home2-metrics-2026 span{font-size:.68rem;color:#a9cbd2;line-height:1.5}
.home2-story-2026{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,7vw,110px);align-items:center;padding:120px clamp(25px,8vw,120px);background:#fff}.home2-story-image{position:relative}.home2-story-image img{width:100%;height:590px;object-fit:cover;display:block}.home2-story-image>span{position:absolute;left:22px;bottom:22px;background:#082f3d;color:#fff;padding:10px 13px;font-size:.6rem;letter-spacing:.15em;font-weight:800}.home2-story-content h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.03;color:#082f3d;letter-spacing:-.045em;margin:18px 0 25px}.home2-story-content>p{color:#668189;line-height:1.9;max-width:570px}.home2-story-points{border-top:1px solid #dce8ea;margin:38px 0 30px}.home2-story-points div{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #dce8ea}.home2-story-points b{font-size:.65rem;color:#08718a}.home2-story-points span{font-size:.78rem;font-weight:700;color:#284b55}.home2-outline-btn{display:inline-block;border:1px solid #9db9c0;padding:14px 18px;color:#082f3d;text-decoration:none;font-size:.72rem;font-weight:800}
.home2-services-2026{background:#f5fafb;padding:115px clamp(25px,7vw,105px)}.home2-services-head{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:end;margin-bottom:55px}.home2-services-head h2{font-size:clamp(2.4rem,4.3vw,4.5rem);line-height:1;color:#082f3d;margin:0;letter-spacing:-.05em}.home2-services-head p{color:#668189;line-height:1.8;max-width:350px}.home2-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home2-service-grid article{background:#fff;padding-bottom:25px}.home2-service-image{height:330px;position:relative;overflow:hidden}.home2-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.home2-service-grid article:hover .home2-service-image img{transform:scale(1.05)}.home2-service-image span{position:absolute;right:15px;top:15px;background:#fff;color:#082f3d;padding:8px 10px;font-size:.65rem;font-weight:800}.home2-service-grid h3{font-size:1.35rem;color:#082f3d;margin:23px 25px 9px}.home2-service-grid p{color:#6d858d;font-size:.78rem;line-height:1.75;margin:0 25px 20px}.home2-service-grid a{margin:0 25px;color:#08718a;text-decoration:none;font-size:.7rem;font-weight:800}
.home2-experience-2026{display:grid;grid-template-columns:100px 1fr 1.1fr;gap:40px;align-items:start;background:#0a252e;color:#fff;padding:105px clamp(25px,8vw,120px)}.home2-experience-number{font-size:4rem;font-weight:800;color:#6ed3e6;line-height:1}.home2-experience-copy h2{font-size:clamp(2.3rem,4vw,4.5rem);line-height:1.02;letter-spacing:-.05em;margin:18px 0 22px}.home2-experience-copy p{color:#a9cbd2;line-height:1.9;max-width:570px}.home2-experience-list{border-left:1px solid rgba(255,255,255,.16)}.home2-experience-list div{padding:22px 0 22px 28px;border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:35px 1fr;column-gap:14px}.home2-experience-list i{grid-row:span 2;color:#6ed3e6}.home2-experience-list strong{font-size:.85rem}.home2-experience-list span{font-size:.67rem;color:#9bbdc4;margin-top:5px}
.home2-voices-2026{display:grid;grid-template-columns:1fr 1.2fr .75fr;gap:28px;align-items:stretch;padding:115px clamp(25px,8vw,120px);background:#fff}.home2-voices-title h2{font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.02;color:#082f3d;letter-spacing:-.045em;margin-top:18px}.home2-quote-main{background:#eaf7f9;padding:42px;display:flex;flex-direction:column;justify-content:center}.home2-quote-main i{color:#08718a;font-size:1.5rem}.home2-quote-main p{font-family:Georgia,serif;font-size:1.45rem;line-height:1.55;color:#234c56}.home2-quote-main strong,.home2-quote-small span{font-size:.65rem;color:#6a838a}.home2-quote-small{background:#082f3d;color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:flex-end}.home2-quote-small p{font-size:1.1rem;line-height:1.55}.home2-final-2026{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:80px clamp(25px,8vw,120px);background:#6ed3e6}.home2-final-2026 h2{font-size:clamp(2rem,4vw,4rem);color:#082f3d;margin:12px 0}.home2-final-2026 p{max-width:600px;color:#174653;line-height:1.7}.home2-final-2026>a{background:#082f3d;color:#fff;text-decoration:none;padding:18px 24px;font-size:.72rem;font-weight:800;white-space:nowrap}.home2-final-2026>a i{margin-left:10px}
body.dark-mode .home2-hero-2026,body.dark-mode .home2-services-2026{background:#0d2027}body.dark-mode .home2-hero-copy h1,body.dark-mode .home2-story-content h2,body.dark-mode .home2-services-head h2,body.dark-mode .home2-voices-title h2{color:#e8f4f6}body.dark-mode .home2-hero-copy p,body.dark-mode .home2-story-content>p,body.dark-mode .home2-services-head p{color:#a9c5cc}body.dark-mode .home2-btn-text,body.dark-mode .home2-mini-proof strong,body.dark-mode .home2-floating-note span,body.dark-mode .home2-story-points span,body.dark-mode .home2-outline-btn{color:#dcecef}body.dark-mode .home2-floating-note{background:#102a33}body.dark-mode .home2-mini-proof small{color:#8eabb3}body.dark-mode .home2-story-2026,body.dark-mode .home2-voices-2026{background:#0b1b21}body.dark-mode .home2-story-points{border-color:#2b4b55}body.dark-mode .home2-story-points div{border-color:#2b4b55}body.dark-mode .home2-outline-btn{border-color:#496871}body.dark-mode .home2-service-grid article{background:#102a33}body.dark-mode .home2-service-grid h3{color:#e8f4f6}body.dark-mode .home2-service-grid p{color:#a9c5cc}body.dark-mode .home2-service-image span{background:#173943;color:#dcecef}body.dark-mode .home2-quote-main{background:#102a33}body.dark-mode .home2-quote-main p{color:#dcecef}body.dark-mode .home2-final-2026{background:#2d8ea3}
html[dir="rtl"] .home2-hero-copy,html[dir="rtl"] .home2-story-content,html[dir="rtl"] .home2-services-head,html[dir="rtl"] .home2-experience-copy,html[dir="rtl"] .home2-voices-title,html[dir="rtl"] .home2-final-2026{text-align:right}html[dir="rtl"] .home2-floating-note{left:auto;right:30px}html[dir="rtl"] .home2-btn-primary i,html[dir="rtl"] .home2-btn-text i,html[dir="rtl"] .home2-outline-btn i,html[dir="rtl"] .home2-final-2026>a i{margin-left:0;margin-right:10px}html[dir="rtl"] .home2-experience-list{border-left:0;border-right:1px solid rgba(255,255,255,.16)}html[dir="rtl"] .home2-experience-list div{padding-left:0;padding-right:28px}
@media(max-width:1000px){.home2-hero-2026,.home2-story-2026{grid-template-columns:1fr}.home2-hero-visual{min-height:520px}.home2-services-head{grid-template-columns:1fr}.home2-service-grid{grid-template-columns:repeat(2,1fr)}.home2-experience-2026{grid-template-columns:60px 1fr}.home2-experience-list{grid-column:2}.home2-voices-2026{grid-template-columns:1fr 1fr}.home2-voices-title{grid-column:1/-1}.home2-final-2026{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.home2-hero-copy{padding:70px 24px}.home2-hero-copy h1{font-size:3rem}.home2-hero-visual{min-height:430px}.home2-metrics-2026{grid-template-columns:1fr 1fr}.home2-metrics-2026>div{padding:25px 20px}.home2-story-2026{padding:75px 24px}.home2-story-image img{height:430px}.home2-services-2026{padding:75px 24px}.home2-service-grid{grid-template-columns:1fr}.home2-experience-2026{grid-template-columns:1fr;padding:75px 24px}.home2-experience-list{grid-column:auto}.home2-voices-2026{grid-template-columns:1fr;padding:75px 24px}.home2-final-2026{padding:65px 24px}.home2-mini-proof{grid-template-columns:auto 1fr;}.home2-mini-proof span:nth-of-type(2){display:none}}

/* =========================================================
   HOME 2 — MAINTENANCE FEATURE
   Same site typography + palette, completely different layout.
   ========================================================= */
.home2-maintenance-2026{display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:auto auto;gap:0;background:#fff;padding:120px clamp(25px,8vw,120px)}
.home2-maintenance-intro{padding:15px clamp(0px,4vw,55px) 35px 0;align-self:center}
.home2-maintenance-intro h2{font-size:clamp(2.35rem,4.2vw,4.6rem);line-height:1.02;letter-spacing:-.05em;color:#082f3d;margin:18px 0 24px;font-weight:800}
.home2-maintenance-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#08718a}
.home2-maintenance-intro>p{max-width:560px;color:#668189;line-height:1.9;font-size:.95rem;margin:0 0 30px}
.home2-maintenance-visual{position:relative;min-height:570px;overflow:hidden}
.home2-maintenance-visual img{width:100%;height:100%;object-fit:cover;display:block}
.home2-maintenance-badge{position:absolute;left:25px;bottom:25px;background:#082f3d;color:#fff;padding:18px 21px;display:flex;flex-direction:column;gap:6px;box-shadow:0 16px 35px rgba(0,0,0,.18)}
.home2-maintenance-badge strong{font-size:.62rem;letter-spacing:.14em;color:#6ed3e6}.home2-maintenance-badge span{font-size:.75rem;font-weight:700}
.home2-maintenance-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce8ea;margin-top:55px}
.home2-maintenance-points article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:28px 28px 8px 0;border-right:1px solid #dce8ea}
.home2-maintenance-points article:not(:first-child){padding-left:28px}.home2-maintenance-points article:last-child{border-right:0}
.home2-maintenance-points article>span{font-size:.68rem;color:#08718a;font-weight:800}.home2-maintenance-points h3{font-size:1rem;color:#082f3d;margin:0 0 8px;font-weight:800}.home2-maintenance-points p{font-size:.72rem;color:#6d858d;line-height:1.75;margin:0}
body.dark-mode .home2-maintenance-2026{background:#0b1b21}body.dark-mode .home2-maintenance-intro h2{color:#e8f4f6}body.dark-mode .home2-maintenance-intro>p{color:#a9c5cc}body.dark-mode .home2-maintenance-points{border-color:#2b4b55}body.dark-mode .home2-maintenance-points article{border-color:#2b4b55}body.dark-mode .home2-maintenance-points h3{color:#e8f4f6}body.dark-mode .home2-maintenance-points p{color:#a9c5cc}
html[dir="rtl"] .home2-maintenance-intro{text-align:right;padding-left:clamp(0px,4vw,55px);padding-right:0}html[dir="rtl"] .home2-maintenance-badge{left:auto;right:25px}html[dir="rtl"] .home2-maintenance-points article{padding-left:28px;padding-right:0;border-right:0;border-left:1px solid #dce8ea}html[dir="rtl"] .home2-maintenance-points article:not(:first-child){padding-right:28px;padding-left:28px}html[dir="rtl"] .home2-maintenance-points article:last-child{border-left:0}
.pool-navbar-2026-home-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
.pool-navbar-2026-mobile-home-menu{display:none;padding-left:18px}.pool-navbar-2026-mobile-home-menu.open{display:block}.pool-navbar-2026-mobile-home-menu .pool-navbar-2026-mobile-link{font-size:.8rem!important;opacity:.82;padding-top:10px!important;padding-bottom:10px!important}.pool-mobile-home-toggle i{font-size:.65rem;margin-left:7px;transition:transform .2s ease}.pool-mobile-home-toggle.open i{transform:rotate(180deg)}
@media(max-width:1000px){.home2-maintenance-2026{grid-template-columns:1fr}.home2-maintenance-intro{padding:0 0 45px}.home2-maintenance-visual{min-height:500px}.home2-maintenance-points{grid-template-columns:1fr;margin-top:45px}.home2-maintenance-points article,.home2-maintenance-points article:not(:first-child){padding:22px 0;border-right:0;border-left:0;border-bottom:1px solid #dce8ea}.home2-maintenance-points article:last-child{border-bottom:0}}
@media(max-width:700px){.home2-maintenance-2026{padding:75px 24px}.home2-maintenance-visual{min-height:410px}.home2-maintenance-badge{left:15px;bottom:15px}.home2-maintenance-intro h2{font-size:3rem}}