:root{
            --navy:#102b5c;
            --gold:#d7ad43;

            --soft:#fcfcfb;

            --pink:#fdf3f6;
            --white:#ffffff;
        }

        body{
            font-family:'Poppins',sans-serif;
            background:var(--soft);
            color:#222;
            overflow-x:hidden;
        }

        @media (min-width: 1200px){

            .container{
                max-width:1320px;
            }

        }

        a:hover{
            text-decoration:none;
        } 

        /* =========================
        FEATURE SECTION
        ========================= */

        .feature-section{ 
            position: relative;
            margin-top: -105px;
            z-index: 20;
        }

        /* CARD */

        .feature-card{

            position:relative;

            display:flex;
            align-items:center;

            background:
            rgba(255,255,255,.88);

            backdrop-filter:blur(14px);

            border:
            1px solid rgba(255,255,255,.6);

            border-radius:32px;

            padding:28px 24px;

            min-height:145px;

            overflow:hidden;

            box-shadow:
            0 18px 40px rgba(0,0,0,.06);

            transition:.3s;

            margin-bottom:25px;
        }

        /* HOVER */

        .feature-card:hover{

            transform:
            translateY(-6px);

            box-shadow:
            0 24px 50px rgba(0,0,0,.08);
        }

        /* ICON */

        .feature-icon{

            min-width:78px;
            width:78px;

            height:78px;

            border-radius:50%;

            background:
            linear-gradient(
                180deg,
                #173a79 0%,
                #102b5c 100%
            );

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

            margin-right:18px;

            box-shadow:
            0 12px 24px rgba(16,43,92,.18);
        }

        /* ICON STYLE */

        .feature-icon i{

            color:#d7ad43;

            font-size:34px;
        }

        /* TITLE */

        .feature-title{

            font-size:24px;

            font-weight:700;

            color:#102b5c;

            line-height:1.2;

            margin-bottom:8px;
        }

        /* DESC */

        .feature-desc{

            font-size:15px;

            color:#6d7382;

            line-height:1.7;
        }

        /* MOBILE */

        @media(max-width:991px){

            .feature-section{

                margin-top:-35px;
            }

            .feature-card{

                min-height:auto;

                padding:24px 20px;
            }

            .feature-title{

                font-size:20px;
            }

        } 

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

        .section-padding{

            position:relative;

            padding:140px 0;

            background:
            linear-gradient(
                180deg,
                #fcfcfb 0%,
                #f5f7fb 100%
            );

            overflow:hidden;
        }

        /* FLORAL BG */

        .section-padding::before{

            content:'';

            position:absolute;

            left:-120px;
            top:120px;

            width:420px;
            height:420px;

            background:url('/files/imgbank/floral-line.png');

            background-size:contain;
            background-repeat:no-repeat;

            opacity:.025;

            pointer-events:none;
        }

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

        .section-heading{

            text-align:center;

            margin-bottom:80px;

            position:relative;

            z-index:5;
        }

        .section-badge{

            display:inline-flex;

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

            background:
            rgba(255,255,255,.72);

            backdrop-filter:blur(10px);

            border:
            1px solid rgba(255,255,255,.7);

            color:var(--navy);

            padding:12px 24px;

            border-radius:100px;

            font-size:14px;

            font-weight:700;

            margin-bottom:24px;

            box-shadow:
            0 10px 25px rgba(0,0,0,.04);
        }

        .section-title{

            font-size:58px;

            font-weight:800;

            line-height:1.15;

            letter-spacing:-2px;

            color:var(--navy);

            margin-bottom:20px;
        }

        .section-subtitle{

            font-size:20px;

            line-height:1.9;

            color:#626b7f;
        }

        /* =========================================
        CATEGORY CARD
        ========================================= */

        .category-card{

            position:relative;

            height:360px;

            border-radius:38px;

            overflow:hidden;

            margin-bottom:35px;

            background:#fff;

            box-shadow:
            0 25px 60px rgba(0,0,0,.07);

            transition:.45s;

            isolation:isolate;
        }

        /* HOVER */

        .category-card:hover{

            transform:
            translateY(-12px);

            box-shadow:
            0 40px 80px rgba(0,0,0,.10);
        }

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

        .category-image{

            position:absolute;

            inset:0;

            width:100%;
            height:100%;

            overflow:hidden;
        }

        .category-image img{

            width:100%;
            height:100%;

            object-fit:cover;

            transition:1.2s ease;
        }

        /* ZOOM */

        .category-card:hover img{

            transform:scale(1.08);
        }

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

        .category-card::before{

            content:'';

            position:absolute;

            inset:0;

            background:
            linear-gradient(
                180deg,
                rgba(0,0,0,0) 20%,
                rgba(8,18,38,.78) 100%
            );

            z-index:1;
        }

        /* =========================================
        GOLD LINE
        ========================================= */

        .category-card::after{

            content:'';

            position:absolute;

            left:0;
            right:0;
            bottom:140px;

            height:2px;

            background:
            linear-gradient(
                90deg,
                rgba(215,173,67,0) 0%,
                rgba(215,173,67,.85) 50%,
                rgba(215,173,67,0) 100%
            );

            z-index:2;
        }

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

        .category-content{

            position:absolute;

            left:18px;
            right:18px;
            bottom:18px;

            z-index:5;

            background:
            rgba(255,255,255,.10);

            backdrop-filter:blur(14px);

            border:
            1px solid rgba(255,255,255,.14);

            border-radius:28px;

            padding:20px;
        }

        /* TITLE */

        .category-name{

            font-size:24px;

            font-weight:800;

            line-height:1.2;

            color:#fff;

            margin-bottom:12px;
        }

        /* DESC */

        .category-desc{

            font-size:15px;

            line-height:1.8;

            color:
            rgba(255,255,255,.82);
        }

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

        @media(max-width:768px){

            .section-padding{

                padding:90px 0;
            }

            .section-title{

                font-size:42px;
            }

            .section-subtitle{

                font-size:17px;
            }

            .category-card{

                height:420px;

                border-radius:30px;
            }

            .category-content{

                left:20px;
                right:20px;
                bottom:20px;

                padding:22px;
            }

            .category-name{

                font-size:28px;
            }

            .category-desc{

                font-size:15px;

                line-height:1.7;
            }

        }

        /* TESTIMONI */

        .testimonial-section{
            background:#fff;
        }

        .testimonial-card{
            background:var(--soft);
            border-radius:30px;
            padding:35px;
            box-shadow:0 10px 25px rgba(0,0,0,.04);
            margin-bottom:25px;
        }

        .testimonial-stars{
            color:var(--gold);
            margin-bottom:15px;
        }

        .testimonial-text{
            color:var(--text);
            line-height:1.9;
            margin-bottom:20px;
        }

        .testimonial-name{
            font-weight:700;
            color:var(--navy);
        }

        /* COVERAGE */

        .coverage-box{
            background:linear-gradient(135deg,var(--navy),#183f84);
            border-radius:40px;
            padding:70px 40px;
            color:#fff;
            position:relative;
            overflow:hidden;
        }

        .coverage-box::before{
            content:'';
            position:absolute;
            width:300px;
            height:300px;
            border-radius:50%;
            background:rgba(255,255,255,.05);
            right:-100px;
            top:-100px;
        }

        .coverage-title{
            font-size:42px;
            font-weight:800;
            margin-bottom:25px;
        }

        .coverage-list{
            margin-top:25px;
        }

        .coverage-item{
            display:inline-block;
            padding:12px 22px;
            background:rgba(255,255,255,.12);
            border-radius:100px;
            margin:6px;
            font-weight:600;
        }

        /* CTA */

        .cta-section{
            padding:100px 0;
        }

        .cta-box{
            background:#fff;
            border-radius:40px;
            padding:80px 30px;
            text-align:center;
            box-shadow:0 15px 35px rgba(0,0,0,.05);
            position:relative;
            overflow:hidden;
        }

        .cta-box::before{
            content:'';
            position:absolute;
            width:300px;
            height:300px;
            background:rgba(215,173,67,.08);
            border-radius:50%;
            top:-120px;
            right:-120px;
        }

        .cta-title{
            font-size:52px;
            font-weight:800;
            color:var(--navy);
            margin-bottom:20px;
        }

        .cta-subtitle{
            color:var(--text);
            font-size:20px;
            margin-bottom:35px;
        }

        /* FOOTER */

        .footer-section{
            background:#fff;
            padding:60px 0 30px;
            border-top:1px solid #eee;
        }

        .footer-logo{
            width:150px;
            margin-bottom:20px;
        }

        .footer-text{
            color:var(--text);
            line-height:1.9;
        }

        /* FLOATING WA */

        .floating-wa{
            position:fixed;
            width:70px;
            height:70px;
            right:20px;
            bottom:20px;
            background:#25d366;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-size:38px;
            z-index:999;
            box-shadow:0 12px 30px rgba(37,211,102,.4);
        }

        .floating-wa:hover{
            color:#fff;
        }

        /* MOBILE */

        @media(max-width:768px){

            .hero-section{
                min-height:auto;
                padding:120px 0 140px;
            }

            .hero-title{
                font-size:42px;
            }

            .hero-subtitle{
                font-size:16px;
            }

            .hero-title span{

                background:
                linear-gradient(
                    180deg,
                    #e5bf5c 0%,
                    #c99722 100%
                );

                -webkit-background-clip:text;
                -webkit-text-fill-color:transparent;
            }

            .btn-jasmine{
                display:block;
                margin-bottom:15px;
            }

            .btn-white-jasmine{
                margin-left:0;
            }

            .section-title{
                font-size:34px;
            }

            .coverage-title,
            .cta-title{
                font-size:34px;
            }

            .feature-section{
                margin-top:-70px;
            }

        }


        /* =========================
   HERO CLEAN JASMINE
========================= */

/* =========================
   HERO CLEAN JASMINE
========================= */

.hero-clean{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:60px 0 180px;
    overflow:hidden;
    background:
    linear-gradient(
        90deg,
        rgba(255,255,255,.25) 0%,
        rgba(255,255,255,0) 35%,
        rgba(255,255,255,0) 100%
    ),
    url('/files/imgbank/hero-jasmine.jpg');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* SOFT EFFECT */

.hero-clean::before{
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:
    rgba(215,173,67,.08);
    top:-200px;
    left:-150px;
}

 

/* CONTENT */

.hero-content{

    position:relative;
    z-index:10;
}

/* LOGO */

.hero-logo{

    width: 240px;
}

.hero-light{

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    rgba(255,255,255,.35);

    filter:blur(80px);

    top:-120px;
    right:-120px;

    animation:
    floatLight 8s ease-in-out infinite;
}

@keyframes floatLight{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(20px);
    }

    100%{
        transform:translateY(0px);
    }

}

/* BADGE */

.hero-badge{ 
    display: inline-block;
    padding: 12px 24px;
    border-radius: 100px;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
    color: #102b5c;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 35px;
}

/* TITLE */

.hero-title{
    font-size: 85px;
    line-height: 1.05;
    font-weight: 600;
    color: #102b5c;
    letter-spacing: -2px;
    margin-bottom: 20px;
}

.hero-title span{ 
    background:linear-gradient(
    180deg,
    #e4bc59 0%,
    #c89a2d 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* SUBTITLE */

.hero-subtitle{
    font-size: 20px;
    line-height: 1.5;
    color: #5f6675;
    max-width: 85%;
    margin-bottom: 30px;
    font-weight: 500;
}

/* BUTTON GROUP */

.hero-button-group{

    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

/* GOLD BUTTON */

.btn-jasmine-gold{

    background:#d7ad43;

    color:#fff !important;

    padding:20px 38px;

    border-radius:100px;

    font-size:17px;
    font-weight:700;

    margin-right:15px;

    box-shadow:
    0 15px 35px rgba(215,173,67,.28);

    transition:.3s;
}

.btn-jasmine-gold:hover{

    transform:translateY(-4px);

    background:#c79a2d;
}

/* WHITE BUTTON */

.btn-jasmine-white{

    background:#fff;

    color:#102b5c !important;

    padding:20px 38px;

    border-radius:100px;

    font-size:17px;
    font-weight:700;

    box-shadow:
    0 15px 35px rgba(0,0,0,.06);

    transition:.3s;

    border:
1px solid rgba(16,43,92,.08);
}

.btn-jasmine-white:hover{

    transform:translateY(-4px);

    background:#fafafa;
}

/* MOBILE */

@media(max-width:991px){

    .hero-clean{

        min-height:auto;

        padding:100px 0;

        background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.92) 0%,
            rgba(255,255,255,.78) 45%,
            rgba(255,255,255,.45) 100%
        ),
        url('/files/imgbank/hero-jasmine.jpg');

        background-size:cover;
        background-position:center;
    }

    .hero-content{

        text-align:center;
    }

    .hero-title{

        font-size:52px;

        line-height:1.12;
    }

    .hero-subtitle{

        font-size:17px;

        max-width:100%;
    }

    .hero-button-group{

        justify-content:center;
    }

    .btn-jasmine-gold{

        margin-right:0;
        margin-bottom:15px;
    }

}

/* =========================
   LUXURY WAVE
========================= */

.hero-wave{

    position:absolute;

    left:0;
    bottom:-2px;

    width:100%;

    height:170px;

    z-index:5;

    overflow:hidden;
}

/* SVG */

.hero-wave svg{

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
}

/* BACK WAVE */

.wave-back{

    height:170px;

    opacity:.65;
}

.wave-back path{

    fill:#f7f7f5;
}

/* GOLD LINE */

.wave-gold{

    height:170px;
}

.wave-gold path{

    fill:none;

    stroke:#d7ad43;

    stroke-width:2.2;

    opacity:.8;
}

/* FRONT WAVE */

.wave-front{

    height:140px;
}

.wave-front path{

    fill:#fcfcfb;
}

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

@media(max-width:768px){

    /* HERO */

    .hero-clean{

        padding:70px 0 120px;

        min-height:auto;

        text-align:center;

        background-position:center right;
    }

    /* CONTAINER */

    .hero-clean .container{

        padding-left:24px;
        padding-right:24px;
    }

    /* LOGO */

    .hero-logo{

        width:250px;

        margin:0 auto 20px;
    }

    /* BADGE */

    .hero-badge{

        display:inline-flex;

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

        padding:12px 24px;

        border-radius:100px;

        font-size:15px;

        margin-bottom:28px;
    }

    /* TITLE */

    .hero-title{

        font-size:58px;

        line-height:1.02;

        letter-spacing:-2px;

        margin-bottom:22px;
    }

    /* GOLD TEXT */

    .hero-title .gold{

        display:block;
    }

    /* SUBTITLE */

    .hero-subtitle{

        font-size:20px;

        line-height:1.8;

        color:#5e6472;

        margin-bottom:34px;
    }

    /* BUTTON WRAPPER */

    .hero-buttons{

        width:100%;
    }

    /* BUTTON */

    .btn-jasmine-gold,
    .btn-jasmine-white{

        width:100%;

        height:72px;

        border-radius:100px;

        display:flex;

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

        font-size:22px;

        font-weight:700;

        margin:0;
    }

    /* SECOND BUTTON */

    .btn-jasmine-white{

        margin-top:16px;
    }

    /* FEATURE SECTION */

    .feature-section{

        margin-top:-55px;

        position:relative;

        z-index:20;
    }

    /* FEATURE CARD */

    .feature-card{

        min-height:auto;

        padding:24px;

        border-radius:28px;

        margin-bottom:18px;

        background:
        rgba(255,255,255,.72);

        backdrop-filter:blur(16px);

        box-shadow:
        0 20px 45px rgba(0,0,0,.06);
    }

    /* FEATURE ICON */

    .feature-icon{

        width:72px;
        height:72px;

        min-width:72px;

        margin-right:18px;

        box-shadow:
        0 12px 28px rgba(16,43,92,.22);
    }

    .feature-icon i{

        font-size:30px;
    }

    /* FEATURE TITLE */

    .feature-title{

        font-size:20px;

        line-height:1.25;

        margin-bottom:8px;
    }

    /* FEATURE DESC */

    .feature-desc{

        font-size:15px;

        line-height:1.7;
    }

    /* WAVE */

    .hero-wave{

        height:120px;
    }

    .wave-back{

        height:120px;
    }

    .wave-gold{

        height:120px;
    }

    .wave-front{

        height:100px;
    }

    /* FLOAT LIGHT */

    .hero-light{

        width:260px;
        height:260px;

        filter:blur(70px);

        top:-80px;
        right:-80px;
    }

    .whatsapp-float{

        right:18px;

        bottom:95px;

        width:72px;
        height:72px;
    }


}