/*=========================

Google Fonts

==========================*/



@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap');



:root{



    --primary:#1a5919;

    --primary-light:#D8B98E;

    --heading:#222222;

    --text:#666666;

    --bg:#FDFBF8;

    --border:#EFE5D8;

    --white:#ffffff;



}



body{



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

    background:var(--bg);

    color:var(--text);



}





/*============================



HEADER



============================*/



.spa-header{



    position:relative;



    top:0;



    left:0;



    width:100%;



    z-index:9999;



    padding:0px 0;



    transition:.35s;



    background:#fff;



    backdrop-filter:blur(18px);



    -webkit-backdrop-filter:blur(18px);



    border-bottom:1px solid rgba(193,160,92,.15);



}



.spa-header.sticky{



    padding:12px 0;



    background:#fff;



    box-shadow:0 10px 35px rgba(0,0,0,.08);



}



.spa-header .navbar{



    padding:0;



}



.spa-logo img{



    height:120px;



    transition:.3s;



}



.spa-header.sticky .spa-logo img{



    height:54px;



}


.booking-image img{

    width:100%;
    height:520px;      /* apne hisab se 480-550px kar sakte ho */
    object-fit:cover;
    border-radius:24px;
    display:block;
    border:2px solid #ead9c2;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    transition:.4s;

}

.booking-image img:hover{

    transform:scale(1.02);

}

.booking-rating{

    margin-top:20px;
    text-align:center;
    font-size:26px;
    color:#d4af37;

}

.booking-rating span{

    display:block;
    font-size:18px;
    color:#444;
    margin-top:8px;

}

@media(max-width:991px){

    .booking-image img{

        height:380px;

    }

}




/*============================



DESKTOP MENU



============================*/



.spa-menu{



    margin-left:auto;



    margin-right:35px;



}



.spa-menu ul{



    margin:0;



    padding:0;



    list-style:none;



    display:flex;



    align-items:center;



    gap:38px;



}



.spa-menu ul li a{



    position:relative;



    text-decoration:none;



    color:#2d2d2d;



    font-size:17px;



    font-weight:500;



    transition:.3s;



}



.spa-menu ul li a:hover{



    color:#b88a44;



}



.spa-menu ul li a::after{



    content:"";



    position:absolute;



    left:0;



    bottom:-8px;



    width:0;



    height:2px;



    background:#c6a15b;



    transition:.35s;



}



.spa-menu ul li a:hover::after{



    width:100%;



}







/*============================



CALL BUTTON



============================*/



.spa-call-btn{



    display:inline-flex;



    align-items:center;



    gap:10px;



    text-decoration:none;



    padding:16px 28px;



    border-radius:60px;



    background:linear-gradient(135deg,#d4af6b,#b88946);



    color:#fff;



    font-size:15px;



    font-weight:600;



    transition:.35s;



    box-shadow:0 10px 25px rgba(184,137,70,.28);



}



.spa-call-btn:hover{



    transform:translateY(-3px);



    color:#fff;



    box-shadow:0 18px 35px rgba(184,137,70,.35);



}







/*============================



MOBILE TOGGLE



============================*/



.menu-toggle{



    margin-left:auto;



    border:none;



    background:none;



    font-size:34px;



    color:#b88946;



    padding:0;



    line-height:1;



    display:flex;



    align-items:center;



    justify-content:center;



    cursor:pointer;



}





/*============================



MOBILE MENU



============================*/



.mobile-menu{



    position:fixed;



    top:0;



    right:-340px;



    width:320px;



    max-width:90%;



    height:100vh;



    background:#ffffff;



    z-index:99999;



    transition:.4s ease;



    overflow-y:auto;



    box-shadow:-15px 0 45px rgba(0,0,0,.12);



    padding:30px;



}



.mobile-menu.active{



    right:0;



}







/*============================



OVERLAY



============================*/



.menu-overlay{



    position:fixed;



    inset:0;



    background:rgba(0,0,0,.45);



    opacity:0;



    visibility:hidden;



    transition:.35s;



    z-index:9999;



}



.menu-overlay.active{



    opacity:1;



    visibility:visible;



}







/*============================



TOP AREA



============================*/



.mobile-top{



    display:flex;



    align-items:center;



    justify-content:space-between;



    margin-bottom:35px;



}



.mobile-top img{



    height:55px;



    width:auto;



}







/*============================



CLOSE BUTTON



============================*/



.close-menu{



    width:42px;



    height:42px;



    border:none;



    border-radius:50%;



    background:#f7f3ec;



    color:#b88946;



    font-size:20px;



    display:flex;



    align-items:center;



    justify-content:center;



    cursor:pointer;



    transition:.3s;



}



.close-menu:hover{



    background:#b88946;



    color:#fff;



}







/*============================



MENU LIST



============================*/



.mobile-menu ul{



    margin:0;



    padding:0;



    list-style:none;



}



.mobile-menu ul li{



    border-bottom:1px solid #eeeeee;



}



.mobile-menu ul li:last-child{



    border-bottom:none;



}



.mobile-menu ul li a{



    display:flex;



    align-items:center;



    justify-content:space-between;



    padding:16px 0;



    color:#222;



    text-decoration:none;



    font-size:17px;



    font-weight:500;



    transition:.3s;



}



.mobile-menu ul li a:hover{



    color:#b88946;



    padding-left:10px;



}







/*============================



CALL BUTTON



============================*/



.mobile-call{



    margin-top:35px;



    display:flex;



    align-items:center;



    justify-content:center;



    gap:10px;



    text-decoration:none;



    background:linear-gradient(135deg,#d4af6b,#b88946);



    color:#fff;



    border-radius:60px;



    padding:15px;



    font-weight:600;



    transition:.35s;



}



.mobile-call:hover{



    color:#fff;



    transform:translateY(-2px);



}







/*============================



RESPONSIVE



============================*/



@media(max-width:991.98px){



    .spa-header{



        padding:12px 0;



    }



    .spa-logo img{



        height:50px;



    }



}



@media(max-width:575.98px){



    .mobile-menu{



        width:290px;



        padding:24px;



    }



}













/*=========================

Hero

==========================*/



.spa-hero{



    padding:50px 0;



    background:

    radial-gradient(circle at top right,#FBF3E8 0%,transparent 35%),

    radial-gradient(circle at bottom left,#F7EFE4 0%,transparent 30%),

    #FDFBF8;



    overflow:hidden;



}



/*=========================

Left Side

==========================*/



.hero-left{



    max-width:680px;



}



.hero-badge{



    display:inline-flex;



    align-items:center;



    gap:10px;



    padding:10px 22px;



    border-radius:50px;



    background:#FFF8EE;



    border:1px solid #F1DEC3;



    color:var(--primary);



    font-size:16px;



    font-weight:600;



}



.hero-badge i{



    font-size:16px;



}



/*=========================

Heading

==========================*/



.hero-title{



    margin:10px 0 20px;



    font-family:'Playfair Display',serif;



    font-size:40px;



    line-height:1.15;



    color:var(--heading);



    font-weight:700;



}



.hero-title .gold{



    color:#C59B52;



}



.hero-title .highlight{



    color:#9E5D4B;



    position:relative;



}



.hero-title .highlight::after{



    content:"";



    position:absolute;



    left:0;



    bottom:6px;



    width:100%;



    height:16px;



    background:#F8E4D6;



    z-index:-1;



    border-radius:20px;



}



/*=========================

Description

==========================*/



.hero-desc{



    font-size:18px;



    line-height:1.3;



    color:#111;





    margin-bottom:25px;



}



/*=========================

Feature List

==========================*/



.hero-feature-list{



    display:grid;



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



    gap:18px;



    margin-bottom:40px;



}



.feature-item{



    display:flex;



    align-items:center;



    gap:16px;



    background:#fff;



    border:1px solid var(--border);



    border-radius:18px;



    padding:10px 20px;



    transition:.35s;



}



.feature-item:hover{



    transform:translateY(-6px);



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



}



.feature-item i{



    width:48px;



    height:48px;



    display:flex;



    align-items:center;



    justify-content:center;



    border-radius:50%;



    background:#FBF3E8;



    color:#B78A56;



    font-size:20px;



    flex-shrink:0;



}



.feature-item span{



    color:#333;



    font-size:16px;



    font-weight:500;



}



/*=========================

Booking Text

==========================*/



.booking-heading{



    font-family:'Playfair Display',serif;



    color:#222;



    font-size:32px;



    margin-bottom:20px;



}



/*=========================

Buttons

==========================*/



.hero-buttons{



    display:flex;



    gap:18px;



    flex-wrap:wrap;



}



.call-btn{



    display:inline-flex;



    align-items:center;



    gap:10px;



    padding:16px 34px;



    border-radius:60px;



    text-decoration:none;



    background:#B78A56;



    color:#fff;



    font-weight:600;



    transition:.3s;



}



.call-btn:hover{



    background:#A57945;



    color:#fff;



    transform:translateY(-3px);



}



.whatsapp-btn{



    display:inline-flex;



    align-items:center;



    justify-content:center;



    gap:10px;



    padding:16px 34px;



    border-radius:60px;



    text-decoration:none;



    background:#25D366;



    border:1px solid #25D366;



    color:#fff;



    font-weight:600;



    transition:.35s;



    box-shadow:0 10px 25px rgba(37,211,102,.25);



}



.whatsapp-btn:hover{



    background:#1EBE5D;



    border-color:#1EBE5D;



    color:#fff;



    transform:translateY(-3px);



    box-shadow:0 16px 35px rgba(37,211,102,.35);



}



.whatsapp-btn i{



    font-size:20px;



}



.whatsapp-btn:hover{



    background:#FBF3E8;



    color:#333;



    transform:translateY(-3px);



}

/*=========================

Auto Animation

==========================*/



.call-btn,

.whatsapp-btn{



    animation:floatBtn 3s ease-in-out infinite;

    position:relative;

    overflow:hidden;



}



/* Floating */



@keyframes floatBtn{



    0%,100%{



        transform:translateY(0);



    }



    50%{



        transform:translateY(-8px);



    }



}

@media (max-width: 767.98px){



    .hero-buttons{



        display:flex;



        flex-wrap:nowrap;



        gap:12px;



    }



    .hero-buttons a{



        flex:1;



        text-align:center;



        justify-content:center;



        padding:14px 10px;



        font-size:15px;



        white-space:nowrap;



    }



}

/* Shine Effect */



.call-btn::before,

.whatsapp-btn::before{



    content:"";



    position:absolute;



    top:0;



    left:-120%;



    width:40%;



    height:100%;



    background:linear-gradient(

        120deg,

        transparent,

        rgba(255,255,255,.55),

        transparent

    );



    transform:skewX(-25deg);



    animation:shine 3s linear infinite;



}



@keyframes shine{



    0%{



        left:-120%;



    }



    100%{



        left:180%;



    }



}



/*=========================

Responsive

==========================*/



@media(max-width:991px){



.hero-left{



text-align:left;



max-width:100%;



}



.hero-title{



font-size:44px;



}



.hero-desc{



margin:auto auto 30px;



}



.hero-feature-list{



grid-template-columns:1fr;



}



.hero-buttons{



justify-content:center;



}



}



@media(max-width:576px){



.spa-hero{



padding:40px 0;



}



.hero-title{



font-size:34px;



}



.hero-desc{



font-size:17px;



}



.booking-heading{



font-size:20px;



}



.call-btn,

.whatsapp-btn{



width:100%;



justify-content:center;



}



}



/*==================================

Booking Card

==================================*/



.booking-card{



    position:relative;



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



    backdrop-filter:blur(16px);



    border:1px solid #EFE4D6;



    border-radius:32px;


    overflow:hidden;



    box-shadow:

    0 25px 60px rgba(0,0,0,.08),

    0 8px 20px rgba(183,138,86,.08);



}



/* Golden Top Glow */



.booking-card::before{



    content:"";



    position:absolute;



    width:180px;



    height:180px;



    background:rgba(212,177,120,.18);



    border-radius:50%;



    top:-40px;



    right:-60px;



    filter:blur(20px);



}



/* Bottom Circle */



.booking-card::after{



    content:"";



    position:absolute;



    width:120px;



    height:120px;



    background:#FAF1E4;



    border-radius:50%;



    bottom:-50px;



    left:-40px;



}



/*==================================

Top Tag

==================================*/



.booking-tag{



    display:inline-block;



    background:#F7EEE0;



    color:#B78A56;



    border:1px solid #E8D7BF;



    padding:9px 22px;



    border-radius:50px;



    font-size:16px;



    font-weight:700;



    letter-spacing:2px;



    margin-bottom:22px;



}



/*==================================

Heading

==================================*/



.booking-card h2{



    font-family:'Playfair Display',serif;



    font-size:32px;



    color:#2B2B2B;



    margin-bottom:10px;



    line-height:1.2;



}



.booking-card p{



    color:#111;



    margin-bottom:30px;



    font-size:17px;



}



/*==================================

Inputs

==================================*/



.booking-card .form-control,

.booking-card .form-select{



    height:48px;



    border-radius:16px;



    border:1px solid #ECE4D8;



    background:#FCFBFA;



    margin-bottom:18px;



    padding-left:20px;



    font-size:16px;



    transition:.35s;



}



.booking-card .form-control::placeholder{



    color:#999;



}



.booking-card .form-control:focus,

.booking-card .form-select:focus{



    border-color:#C59B52;



    background:#fff;



    box-shadow:0 0 0 4px rgba(197,155,82,.12);



}



/*==================================

Submit Button

==================================*/



.booking-card button{



    width:100%;



    height:48px;



    border:none;



    border-radius:60px;



    font-size:16px;



    font-weight:600;



    color:#fff;



    background:linear-gradient(90deg,#C69A52,#B68045);



    transition:.35s;



}



.booking-card button:hover{



    transform:translateY(-3px);



    box-shadow:0 18px 35px rgba(183,138,86,.25);



}



/*==================================

Rating

==================================*/



.booking-rating{



    margin-top:28px;



    text-align:center;



}



.booking-rating{



    font-size:24px;



}



.booking-rating span{



    display:block;



    margin-top:8px;



    color:#111;



    font-size:16px;



}



/*==================================

Floating Animation

==================================*/



.booking-card{



    animation:floatCard 5s ease-in-out infinite;



}



@keyframes floatCard{



0%{



transform:translateY(0px);



}



50%{



transform:translateY(-8px);



}



100%{



transform:translateY(0px);



}



}



/*==================================

Responsive

==================================*/



@media(max-width:991px){



.booking-card{



margin-top:0px;


}



.booking-card h2{



font-size:34px;



}



}



@media(max-width:576px){



.booking-card{


border-radius:24px;



}



.booking-card h2{



font-size:20px;



}



.booking-tag{



font-size:12px;



padding:8px 18px;



}



}



.booking-card textarea.form-control{



    border:1px solid #ECE4D8;



    border-radius:16px;



    background:#FCFBFA;



    padding:18px;



    resize:none;



    min-height:80px;



    font-size:16px;



    transition:.35s;



}



.booking-card textarea.form-control:focus{



    border-color:#C59B52;



    background:#fff;



    box-shadow:0 0 0 4px rgba(197,155,82,.12);



}

























/*=========================

Trust Section

=========================*/



.spa-trust-section{



    padding:50px 0;



    background:linear-gradient(180deg,#faf4e6 0%,#fff 100%);



}



.spa-trust-head{



    text-align:center;



    max-width:900px;



    margin:auto auto 35px;



}



.trust-tag{



    display:inline-block;



    padding:10px 24px;



    border-radius:50px;



    background:#F7EEDC;



    color:#B78A56;



    font-weight:600;



    margin-bottom:18px;



}



.spa-trust-head h2{



    font-family:'Playfair Display',serif;



    font-size:38px;



    color:#2A2013;



    line-height:1.2;



}



.trust-content{



    max-width:900px;



    margin:auto;



    text-align:center;



}



.trust-content p{



    font-size:18px;



    color:#111;



    line-height:1.4;





}



/* Quote Box */



.reset-box{



    max-width:900px;



    margin:30px auto;



    background:#fff;



    border-radius:25px;



    padding:40px;



    text-align:center;



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



    position:relative;



}



.reset-box i{



    font-size:32px;



    color:#B78A56;



    margin-bottom:16px;



}



.reset-box h3{



    font-family:'Playfair Display',serif;



    font-size:34px;



    color:#2A2013;



    line-height:1.4;



}



.reset-box span{



    color:#B78A56;



}



/* Cards */



.trust-grid{



    display:grid;



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



    gap:25px;



    margin-top:30px;



}



.trust-card{



    background:#fff;



    border-radius:24px;



    padding:10px 25px;



    text-align:center;



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



    transition:.35s;



}



.trust-card:hover{



    transform:translateY(-10px);



}



.trust-card i{



    font-size:42px;



    color:#B78A56;



    margin-bottom:20px;



}



.trust-card h5{



    font-size:20px;



    color:#2A2013;



    margin-bottom:12px;



}



.trust-card p{



    margin:0;



    color:#111;



    line-height:1.7;



}



/* Bottom Box */

.bottom-message{



    max-width:1000px;



    margin:60px auto 0;



    padding:30px 40px;



    background:#FBF7F1;



    border-left:5px solid #B78A56;



    border-right:5px solid #B78A56;



    border-radius:12px;



    text-align:center;



    color:#4A3C2F;



    font-size:22px;



    line-height:1.9;



    font-weight:500;



}



/* Responsive */



@media(max-width:991px){



.trust-grid{



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



}



.spa-trust-head h2{



font-size:32px;



}



}



@media(max-width:576px){



.spa-trust-section{



padding:40px 0;



}



.trust-grid{



grid-template-columns:1fr;



}



.spa-trust-head h2{



font-size:28px;



}



.reset-box{



padding:25px;



}



.reset-box h3{



font-size:24px;



}



.trust-content p{



font-size:16px;



}



.bottom-message{



font-size:16px;



}



}















/*=========================

Why Choose Us

=========================*/



.why-spa-section{



    padding:50px 0;

    background:#FAF4E6;



}



.why-heading{




    margin:0 auto 60px;

    text-align:center;



}



.why-tag{



    display:inline-block;

    padding:10px 24px;

    background:#fff;

    color:#B78A56;

    border-radius:50px;

    font-size:16px;

    font-weight:600;

    margin-bottom:20px;

    box-shadow:0 8px 20px rgba(0,0,0,.05);



}



.why-heading h2{



    font-family:'Playfair Display',serif;

    font-size:40px;

    color:#2A2013;

    margin-bottom:20px;

    line-height:1.2;



}



.why-heading p{



    font-size:18px;

    color:#111;

    line-height:1.8;



}



/* Grid */



.why-grid{



    display:grid;

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

    gap:24px;



}



/* Card */



.why-card{



    display:flex;

    align-items:center;

    gap:18px;



    background:#fff;

    border-radius:20px;

    padding:24px 26px;



    border:1px solid #EFE2CF;



    transition:.35s;



    box-shadow:0 10px 30px rgba(0,0,0,.05);



}



.why-card:hover{



    transform:translateY(-8px);



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



}



.why-icon{



    width:62px;

    height:62px;



    min-width:62px;



    border-radius:18px;



    background:linear-gradient(135deg,#C79A63,#B78A56);



    display:flex;

    align-items:center;

    justify-content:center;



    color:#fff;



    font-size:24px;



}



.why-card h5{



    margin:0;



    font-size:20px;



    line-height:1.5;



    color:#2A2013;



    font-weight:600;



}



/* Tablet */



@media(max-width:991px){



.why-heading h2{



font-size:38px;



}



}



/* Mobile */



@media(max-width:576px){



.why-spa-section{



padding:40px 0;



}



.why-heading{



margin-bottom:35px;



}



.why-heading h2{



font-size:28px;



}



.why-heading p{



font-size:16px;



}



.why-grid{



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



gap:12px;



}



.why-card{



padding:16px 12px;



flex-direction:column;



text-align:center;



gap:12px;



border-radius:16px;



}



.why-icon{



width:48px;



height:48px;



min-width:48px;



font-size:18px;



border-radius:16px;



}



.why-card h5{



font-size:16px;



line-height:1.4; color:#222;



}



}















/*==========================

Signature Services

==========================*/



.signature-services{



    padding:50px 0;

    background:linear-gradient(

        to bottom,

        #ffffff 0%,

        #FAF4E6 20%,

        #FAF4E6 100%

    );



}



.service-heading{



    text-align:center;

    max-width:750px;

    margin:0 auto 60px;



}



.service-tag{



    display:inline-block;

    padding:10px 24px;

    border-radius:50px;

    background:#fff;

    color:#B78A56;

    font-weight:600;

    margin-bottom:18px;



}



.service-heading h2{



    font-family:'Playfair Display',serif;

    font-size:38px;

    color:#2A2013;



}



.service-grid{



    display:grid;

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

    gap:25px;



}



.service-box{



    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 16px 40px rgba(0,0,0,.08);

    transition:.4s;



}



.service-box:hover{



    transform:translateY(-10px);



}



.service-box:hover .service-img img{



    transform:scale(1.08);



}



.service-img{



    overflow:hidden;

    height:240px;



}



.service-img img{



    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;



}



.service-info{



    padding:16px;



}



.service-info h4{



    font-size:24px;

    margin-bottom:12px;

    color:#2A2013;



}



.service-info p{



    margin:0;

    color:#111;

    line-height:1.8; font-size: 16px;



}



/* Tablet */



@media(max-width:991px){



.service-grid{



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



}



.service-heading h2{



font-size:32px;



}



}



/* Mobile */



@media(max-width:576px){



.signature-services{



padding:40px 0;



}



.service-heading{



margin-bottom:35px;



}



.service-heading h2{



font-size:28px;



}



.service-grid{



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



gap:16px;



}



.service-img{



height:120px;



}



.service-info{



padding:16px;



}



.service-info h4{



font-size:16px;



margin-bottom:8px;



}



.service-info p{



font-size:16px;



line-height:1.5;



}



}









/*======================================

WELLNESS SECTION

======================================*/



.wellness-zone{



    padding:50px 0;

    background:

    radial-gradient(circle at top,#fffdf9,#f8f1e7);



    overflow:hidden;

    position:relative;



}



.wellness-zone .container{



    max-width:1400px;



}



/*======================================

Heading

======================================*/



.wellness-heading{



    text-align:center;

    margin-bottom:80px;



}



.wellness-badge{



    display:inline-flex;

    align-items:center;

    gap:10px;



    padding:12px 30px;



    background:#fff;



    border:1px solid #ecd9bc;



    border-radius:60px;



    color:#bb8b47;



    font-weight:600;



    margin-bottom:25px;



    box-shadow:0 10px 30px rgba(0,0,0,.05);



}



.wellness-badge i{



    font-size:20px;



}



.wellness-heading h2{



    font-family:'Playfair Display',serif;



    font-size:48px;



    line-height:1.1;



    color:#24170d;



    margin-bottom:22px;



}



.wellness-heading h2 span{



    color:#c18d45;



}



.wellness-heading p{



    max-width:100%;



    margin:auto;



    color:#222;



    font-size:22px;



    line-height:1.8;



}



/*======================================

Main Layout

======================================*/



.wellness-layout{



    display:grid;



    grid-template-columns:340px 1fr 340px;



    align-items:center;



    gap:50px;



}



/*======================================

Cards

======================================*/



.wellness-column{



    display:flex;



    flex-direction:column;



    gap:35px;



}



.wellness-card{



    display:flex;



    align-items:center;



    gap:22px;



    background:#fff;



    border-radius:50px;



    padding:24px;



    box-shadow:



    0 25px 50px rgba(0,0,0,.06);



}



.card-icon{



    width:50px;



    height:50px;



    flex-shrink:0;



    border-radius:50%;



    background:



    linear-gradient(#fff,#faf4ea);



    display:flex;



    justify-content:center;



    align-items:center;



    font-size:32px;



    color:#c38d46;



    border:1px solid #eddcc4;



}



.card-text h4{



    font-size:22px;



    font-weight:500;



    color:#272727;



    margin-bottom:10px;



}



.card-text p{



    font-size:16px;



    line-height:1.7;



    color:#222;



    margin:0;



}



/*======================================

CENTER

======================================*/



.wellness-center{



    position:relative;



    width:550px;



    height:550px;



    margin:auto;



}



/*======================================

Main Circle

======================================*/



.energy-circle{



    position:absolute;



    inset:75px;



    border-radius:50%;



    background:



    radial-gradient(circle,#fffefc,#f7eddc);



    display:flex;



    justify-content:center;



    align-items:center;



    overflow:hidden;



    border:2px solid rgba(206,173,120,.25);



}



.energy-circle img{



    width:85%;



    display:block;



}



/*======================================

Rings

======================================*/



.orbit-ring{



    position:absolute;



    border-radius:50%;



    border:2px solid rgba(198,150,82,.25);



}



.orbit-1{



    inset:0;



}



.orbit-2{



    inset:35px;



}



.orbit-3{



    inset:40px;



}



/*======================================

Glow Points

======================================*/



.energy-point{



    position:absolute;



    width:18px;



    height:18px;



    border-radius:50%;



    background:#d3a05b;



}



.point1{



    top:40px;

    left:50%;



    transform:translateX(-50%);



}



.point2{



    top:185px;

    left:58%;



}



.point3{



    top:285px;

    left:50%;



    transform:translateX(-50%);



}



.point4{



    top:390px;

    left:43%;



}



.point5{



    bottom:145px;

    left:50%;



    transform:translateX(-50%);



}



.point6{



    top:270px;

    left:25%;



}



.point7{



    top:270px;

    right:25%;



}



/*======================================

Bottom Card

======================================*/



.quality-card{



    width:560px;



    max-width:100%;



    margin:0px auto 0;



    display:flex;



    align-items:center;



    gap:25px;



    background:#fff;



    border-radius:50px;



    padding:28px;



    box-shadow:



    0 25px 55px rgba(0,0,0,.06);



}



/*======================================

Responsive

======================================*/



@media(max-width:1200px){



.wellness-layout{



grid-template-columns:1fr;



}



.wellness-center{



order:-1;



margin-bottom:60px;



}



.wellness-column{



max-width:700px;



margin:auto;



}



}



@media(max-width:768px){

.wellness-heading h2 span{display: block;}

.wellness-zone{



padding:40px 0;



}

.wellness-heading {

    text-align: center;

    margin-bottom: 30px;

}

.wellness-heading h2{



font-size:32px;



}



.wellness-heading p{



font-size:17px;



}



.wellness-center{



width:350px;



height:350px;



}



.card-icon{



width:65px;

height:65px;



font-size:28px;



}



.card-text h4{



font-size:22px;



}



.card-text p{



font-size:16px;



}



.quality-card{



border-radius:30px;



padding:20px;



}



.quality-card{



    width:560px;



    max-width:100%;



    margin:50px auto 0;



    display:flex;



    align-items:center;



    gap:25px;



    background:#fff;





    padding:28px;



    box-shadow:



    0 25px 55px rgba(0,0,0,.06);



}

.wellness-card {

    display: flex;

    align-items: center;

    gap: 22px;

    background: #fff;

    border-radius:0px;

    padding: 24px;

    box-shadow: 0 25px 50px rgba(0, 0, 0, .06);

}

.wellness-column {

    display: flex;

    flex-direction: column;

    gap: 25px;

}

}





/*=====================================

ROTATING RINGS

=====================================*/



.orbit-1{



    animation:rotateRing 35s linear infinite;



}



.orbit-2{



    animation:rotateRingReverse 25s linear infinite;



}



.orbit-3{



    animation:rotateRing 18s linear infinite;



}



@keyframes rotateRing{



from{



transform:rotate(0deg);



}



to{



transform:rotate(360deg);



}



}



@keyframes rotateRingReverse{



from{



transform:rotate(360deg);



}



to{



transform:rotate(0deg);



}



}



/*=====================================

CENTER IMAGE FLOAT

=====================================*/



.energy-circle{



    animation:floatImage 5s ease-in-out infinite;



}



@keyframes floatImage{



0%,100%{



transform:translateY(0);



}



50%{



transform:translateY(-16px);



}



}



/*=====================================

CENTER GOLD GLOW

=====================================*/



.energy-circle::before{



content:"";



position:absolute;



width:120%;



height:120%;



border-radius:50%;



background:radial-gradient(rgba(199,153,87,.18),transparent 70%);



animation:glow 3s ease-in-out infinite;



z-index:-1;



}



@keyframes glow{



0%,100%{



transform:scale(1);



opacity:.4;



}



50%{



transform:scale(1.12);



opacity:1;



}



}



/*=====================================

GLOW DOTS

=====================================*/



.energy-point{



box-shadow:



0 0 0 rgba(199,153,87,.7);



animation:pulse 2s infinite;



}



.energy-point:nth-child(2){animation-delay:.2s;}

.energy-point:nth-child(3){animation-delay:.4s;}

.energy-point:nth-child(4){animation-delay:.6s;}

.energy-point:nth-child(5){animation-delay:.8s;}

.energy-point:nth-child(6){animation-delay:1s;}

.energy-point:nth-child(7){animation-delay:1.2s;}



@keyframes pulse{



0%{



transform:scale(1);



box-shadow:0 0 0 0 rgba(199,153,87,.6);



}



70%{



transform:scale(1.4);



box-shadow:0 0 0 22px rgba(199,153,87,0);



}



100%{



transform:scale(1);



box-shadow:0 0 0 0 rgba(199,153,87,0);



}



}



/*=====================================

CARDS

=====================================*/



.wellness-card{



transition:.45s;



position:relative;



overflow:hidden;



}



.wellness-card::before{



content:"";



position:absolute;



left:-120%;



top:0;



width:70%;



height:100%;



background:linear-gradient(



90deg,



transparent,



rgba(255,255,255,.75),



transparent



);



transition:.7s;



}



.wellness-card:hover::before{



left:130%;



}



.wellness-card:hover{



transform:translateY(-12px);



box-shadow:



0 25px 60px rgba(0,0,0,.12);



}



/*=====================================

ICON

=====================================*/



.card-icon{



transition:.4s;



}



.wellness-card:hover .card-icon{



transform:rotate(12deg) scale(1.1);



background:#c69957;



color:#fff;



}



/*=====================================

FLOATING

=====================================*/



.left .wellness-card:nth-child(1){



animation:float1 5s ease-in-out infinite;



}



.left .wellness-card:nth-child(2){



animation:float1 6s ease-in-out infinite;



}



.left .wellness-card:nth-child(3){



animation:float1 7s ease-in-out infinite;



}



.left .wellness-card:nth-child(4){



animation:float1 5.5s ease-in-out infinite;



}



.right .wellness-card:nth-child(1){



animation:float2 5.5s ease-in-out infinite;



}



.right .wellness-card:nth-child(2){



animation:float2 7s ease-in-out infinite;



}



.right .wellness-card:nth-child(3){



animation:float2 6s ease-in-out infinite;



}



.right .wellness-card:nth-child(4){



animation:float2 5s ease-in-out infinite;



}



@keyframes float1{



0%,100%{



transform:translateY(0);



}



50%{



transform:translateY(-10px);



}



}



@keyframes float2{



0%,100%{



transform:translateY(0);



}



50%{



transform:translateY(10px);



}



}



/*=====================================

BACKGROUND PARTICLES

=====================================*/



.wellness-zone::before{



content:"";



position:absolute;



left:-120px;



top:120px;



width:260px;



height:260px;



background:radial-gradient(rgba(198,150,82,.18),transparent);



border-radius:50%;



filter:blur(60px);



animation:moveGlow 12s linear infinite alternate;



}



.wellness-zone::after{



content:"";



position:absolute;



right:-120px;



bottom:80px;



width:320px;



height:320px;



background:radial-gradient(rgba(198,150,82,.12),transparent);



border-radius:50%;



filter:blur(80px);



animation:moveGlow2 14s linear infinite alternate;



}



@keyframes moveGlow{



from{



transform:translateY(0);



}



to{



transform:translateY(60px);



}



}



@keyframes moveGlow2{



from{



transform:translateY(0);



}



to{



transform:translateY(-60px);



}



}







/*============================

SVG

============================*/



.connector-svg{



position:absolute;



left:0;



top:0;



width:100%;



height:100%;



pointer-events:none;



z-index:1;



}



/*============================

Curved Lines

============================*/



.flow-path{



fill:none;



stroke:#d9b784;



stroke-width:2;



stroke-linecap:round;



stroke-dasharray:8 12;



opacity:.8;



animation:lineMove 8s linear infinite;



}



@keyframes lineMove{



from{



stroke-dashoffset:0;



}



to{



stroke-dashoffset:-120;



}



}



















/*==================================

WHO & BENEFITS

==================================*/



.who-benefits-section{



    padding:50px 0;



    background:linear-gradient(180deg,#fffdf9,#f8f2ea);



}



.who-benefits-section h2{



    font-size:42px;



    font-weight:700;



    color:#2d241c;



    font-family:'Playfair Display',serif;



    margin-bottom:0;



}



.wb-box{



    height:100%;



    background:#fff;



    border-radius:28px;



    padding:35px;



    border:1px solid #eddcc8;



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



    transition:.35s;



}



.wb-box:hover{



    transform:translateY(-8px);



    box-shadow:0 28px 60px rgba(0,0,0,.10);



}



.wb-box h3{



    display:flex;



    align-items:center;



    gap:10px;



    font-size:30px;



    font-weight:700;



    color:#2d241c;



    margin-bottom:30px;



    font-family:'Playfair Display',serif;



}



.wb-box h3 i{



    color:#c79a5a;



    font-size:26px;



}



.wb-item{



    display:flex;



    align-items:center;



    gap:10px;



    height:100%;



    padding:16px 18px;



    background:#faf7f2;



    border:1px solid #eee2d1;



    border-radius:16px;



    font-size:16px;



    font-weight:600;



    color:#4d433b;



    transition:.35s;



}



.wb-item i{



    color:#c79a5a;



    font-size:18px;



    flex-shrink:0;



}



.wb-item:hover{



    background:#c79a5a;



    color:#fff;



    border-color:#c79a5a;



    transform:translateY(-4px);



}



.wb-item:hover i{



    color:#fff;



}



/*==========================

Tablet

==========================*/



@media(max-width:991px){



.who-benefits-section{



padding:40px 0;



}



.who-benefits-section h2{



font-size:32px;



}



.wb-box{



padding:28px;



}



}



/*==========================

Mobile

==========================*/



@media(max-width:576px){



.who-benefits-section{



padding:40px 0;



}



.who-benefits-section h2{



font-size:32px;



}



.wb-box{



padding:22px;



border-radius:20px;



}



.wb-box h3{



font-size:24px;



margin-bottom:20px;



}



.wb-item{



padding:12px 10px;



font-size:16px;



gap:8px;



justify-content:flex-start;



}



.wb-item i{



font-size:16px;



}





}

















/*==================================

WHAT OUR GUESTS LOVE

==================================*/



.guest-love-section{



    padding:50px 0;



    background:#fffdf9;



}



.guest-love-section h2{



    font-size:42px;



    font-family:'Playfair Display',serif;



    font-weight:700;



    color:#2d241c;



}



.guest-love-card{



    height:100%;



    padding:35px 20px;



    background:#fff;



    border:1px solid #eadbc9;



    border-radius:24px;



    text-align:center;



    transition:.35s;



    box-shadow:0 18px 45px rgba(0,0,0,.05);



}



.guest-love-card:hover{



    transform:translateY(-8px);



    border-color:#c79a5a;



    box-shadow:0 28px 55px rgba(199,154,90,.15);



}



.guest-love-card i{



    width:40px;



    height:40px;



    display:flex;



    align-items:center;



    justify-content:center;



    margin:0 auto 18px;



    border-radius:50%;



    background:#fbf5ed;



    color:#c79a5a;



    font-size:30px;



}



.guest-love-card h5{



    margin:0;



    font-size:18px;



    font-weight:600;



    color:#463a30;



    line-height:1.5;



}



@media(max-width:991px){



.guest-love-section{



padding:40px 0;



}



.guest-love-section h2{



font-size:32px;



}



}



@media(max-width:576px){



.guest-love-section{



padding:40px 0;



}



.guest-love-section h2{



font-size:32px;



}



.guest-love-card{



padding:22px 16px;



border-radius:18px;



}



.guest-love-card i{



width:55px;



height:55px;



font-size:24px;



margin-bottom:12px;



}



.guest-love-card h5{



font-size:16px;



}



}   













/*==================================

FAQ

==================================*/



.faq-section{



    padding:50px 0;



    background:linear-gradient(180deg,#FAF4E6,#FAF4E6   );



    position:relative;



    overflow:hidden;



}

/*==========================

Floating Glow Bubbles

==========================*/



.faq-section::before{



    content:"";



    position:absolute;



    width:420px;



    height:420px;



    left:-140px;



    top:-120px;



    border-radius:50%;



    background:radial-gradient(circle,

    rgba(199,154,90,.16) 0%,

    rgba(199,154,90,.08) 40%,

    transparent 75%);



    filter:blur(10px);



    animation:floatBubble1 12s ease-in-out infinite;



}



.faq-section::after{



    content:"";



    position:absolute;



    width:340px;



    height:340px;



    right:-80px;



    bottom:-80px;



    border-radius:50%;



    background:radial-gradient(circle,

    rgba(199,154,90,.12) 0%,

    rgba(199,154,90,.05) 45%,

    transparent 75%);



    filter:blur(10px);



    animation:floatBubble2 10s ease-in-out infinite;



}



/*==========================

Flower Pattern

==========================*/



.faq-section .container{



    position:relative;



    z-index:2;



}



.faq-section .container::before{



    content:"✿";



    position:absolute;



    left:-40px;



    top:80px;



    font-size:170px;



    color:rgba(199,154,90,.06);



    transform:rotate(-20deg);



}



.faq-section .container::after{



    content:"❀";



    position:absolute;



    right:-30px;



    bottom:40px;



    font-size:140px;



    color:rgba(199,154,90,.05);



    transform:rotate(25deg);



}



/*==========================

Animation

==========================*/



@keyframes floatBubble1{



    0%,100%{



        transform:translateY(0);



    }



    50%{



        transform:translateY(25px);



    }



}



@keyframes floatBubble2{



    0%,100%{



        transform:translateY(0);



    }



    50%{



        transform:translateY(-25px);



    }



}



.faq-section h2{



    font-size:52px;



    font-family:'Playfair Display',serif;



    font-weight:700;



    color:#2d241c;



}



.faq-accordion{



    max-width:950px;



    margin:auto;



}



.faq-accordion .accordion-item{



    border:none;



    margin-bottom:18px;



    border-radius:20px !important;



    overflow:hidden;



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



}



.faq-accordion .accordion-button{



    padding:24px 28px;



    font-size:20px;



    font-weight:600;



    color:#2d241c;



    background:#fff;



    box-shadow:none;



}



.faq-accordion .accordion-button:not(.collapsed){



    background:#c79a5a;



    color:#fff;



}



.faq-accordion .accordion-button:focus{



    box-shadow:none;



}



.faq-accordion .accordion-button::after{



    filter:brightness(0);



}



.faq-accordion .accordion-button:not(.collapsed)::after{



    filter:brightness(100);



}



.faq-accordion .accordion-body{



    padding:24px 28px;



    background:#fff;



    color:#111;



    font-size:17px;



    line-height:1.9;



}



@media(max-width:991px){



.faq-section{



padding:40px 0;



}



.faq-section h2{



font-size:32px;



}



}



@media(max-width:576px){



.faq-section{



padding:40px 0;



}



.faq-section h2{



font-size:32px;



}



.faq-accordion .accordion-button{



font-size:16px;



padding:18px;



}



.faq-accordion .accordion-body{



font-size:15px;



padding:18px;



}



}

















/*======================================

CTA SECTION

======================================*/



.cta-section{



    padding:50px 0;



    background:

    radial-gradient(circle at left top,rgba(199,154,90,.10),transparent 35%),

    radial-gradient(circle at right bottom,rgba(199,154,90,.08),transparent 35%),

    linear-gradient(180deg,#fffdf9,#f7f1e8);



    position:relative;



    overflow:hidden;



}



.cta-section::before{



    content:"✿";



    position:absolute;



    left:-30px;



    top:60px;



    font-size:220px;



    color:rgba(199,154,90,.05);



    transform:rotate(-20deg);



}



.cta-section::after{



    content:"❀";



    position:absolute;



    right:-20px;



    bottom:40px;



    font-size:180px;



    color:rgba(199,154,90,.05);



}



.cta-section .container{



    position:relative;



    z-index:2;



}



/*======================================

LEFT

======================================*/



.cta-tag{



    display:inline-flex;



    align-items:center;



    gap:10px;



    padding:10px 24px;



    background:#fff;



    border:1px solid #eadcc8;



    border-radius:50px;



    color:#b88647;



    font-weight:600;



    margin-bottom:25px;



}



.cta-tag i{



    color:#c79a5a;



}



.cta-title{



    font-family:'Playfair Display',serif;



    font-size:42px;



    font-weight:700;



    line-height:1.5;



    color:#2d241c;



    margin-bottom:25px;



}



.cta-title span{



    color:#b88647;



}



.cta-text{



    font-size:18px;



    line-height:1.9;



    color:#222;



}



/*======================================

FEATURES

======================================*/



.cta-feature{



    display:flex;



    align-items:center;



    gap:12px;



    background:#fff;



    border:1px solid #eadbc9;



    border-radius:16px;



    padding:16px 18px;



    height:100%;



    font-weight:600;



    color:#3f352c;



    transition:.35s;



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



}



.cta-feature i{



    color:#c79a5a;



    font-size:18px;



}



.cta-feature:hover{



    transform:translateY(-5px);



    border-color:#c79a5a;



}



/*======================================

BUTTONS

======================================*/



.cta-buttons{



    display:flex;



    gap:18px;



    margin-top:35px;



    flex-wrap:wrap;



}



.btn-call,

.btn-whatsapp{



    padding:16px 35px;



    border-radius:50px;



    text-decoration:none;



    font-weight:600;



    transition:.35s;



}



.btn-call{



    background:#c79a5a;



    color:#fff;



}



.btn-call:hover{



    background:#b88647;



    color:#fff;



    transform:translateY(-4px);



}



.btn-whatsapp{



    background:#fff;



    color:#2d241c;



    border:1px solid #e4d3bf;



}



.btn-whatsapp:hover{



    background:#25D366;



    color:#fff;



    border-color:#25D366;



    transform:translateY(-4px);



}



/*======================================

INFO

======================================*/



.cta-info{



    margin-top:25px;



}



.info-box{



    display:flex;



    align-items:flex-start;



    gap:18px;



}



.info-box i{



    width:55px;



    height:55px;



    display:flex;



    align-items:center;



    justify-content:center;



    border-radius:50%;



    background:#fff;



    color:#c79a5a;



    font-size:22px;



    flex-shrink:0;



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



}



.info-box h6{



    font-size:18px;



    font-weight:700;



    color:#2d241c;



    margin-bottom:8px;



}



.info-box p{



    margin:0;



    color:#111; font-size:17px;



    line-height:1.8;



}



/*======================================

FORM

======================================*/



.cta-form{



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



    backdrop-filter:blur(18px);



    padding:40px;



    border-radius:30px;



    border:1px solid rgba(199,154,90,.18);



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



}



.form-top{



    text-align:center;



    margin-bottom:25px;



}



.form-top span{



    color:#b88647;



    font-weight:600;



    text-transform:uppercase;



    letter-spacing:1px;



    font-size:16px;



}



.form-top h3{



    font-family:'Playfair Display',serif;



    font-size:30px;



    color:#2d241c;



    margin:10px 0;



}



.form-top p{



    color:#111; font: size 17px;px;



}



.cta-form .form-control,

.cta-form .form-select{



    height:56px;



    border-radius:16px;



    border:1px solid #e7d8c6;



    box-shadow:none;



}



.cta-form textarea.form-control{



    height:auto;



    resize:none;



}



.cta-form .form-control:focus,

.cta-form .form-select:focus{



    border-color:#c79a5a;



    box-shadow:0 0 0 .2rem rgba(199,154,90,.15);



}



.btn-submit{



    width:100%;



    border:none;



    background:#c79a5a;



    color:#fff;



    padding:16px 0px;



    border-radius:50px;



    font-size:18px;



    font-weight:600;



    transition:.35s;



}



.btn-submit:hover{



    background:#b88647;



    transform:translateY(-3px);



}



/*======================================

RESPONSIVE

======================================*/



@media(max-width:991px){



.cta-section{



padding:40px 0;



}



.cta-title{



font-size:42px;



}



.cta-form{



margin-top:10px;



}



}



@media(max-width:576px){



.cta-section{



padding:40px 0;



}



.cta-title{



font-size:26px;



}



.cta-text{



font-size:16px;



}



.cta-buttons{



flex-direction:column;



}



.btn-call,

.btn-whatsapp{



width:100%;



text-align:center;



}



.cta-form{



padding:25px;



border-radius:22px;



}



.form-top h3{



font-size:28px;



}



.info-box{



align-items:flex-start;



}



}













/*============================



FOOTER



============================*/



.spa-footer{



    background:#5B4E3A;



    border-top:1px solid rgba(0,0,0,.08);



    padding:18px 0;



}



.footer-content{



    display:flex;



    align-items:center;



    justify-content:space-between;



    gap:15px;



    flex-wrap:wrap;



}



.footer-content p{



    margin:0;



    color:#fff;



    font-size:16px;



}



.footer-links{




    align-items:center;



    gap:12px;



}



.footer-links span{



    color:#fff;



}



.footer-links a{



    text-decoration:none;



    color:#fff;



    font-size:16px;



    transition:.3s;



}



.footer-links a:hover{



    color:#b88946;



}



@media(max-width:767.98px){



    .footer-content{



        justify-content:center;



        text-align:center;



        flex-direction:column;



    }



}









/*====================================



DESKTOP FLOATING ICONS



====================================*/



.spa-floating-icons{



    position:fixed;



    left:20px;



    top:50%;



    transform:translateY(-50%);



    display:flex;



    flex-direction:column;



    gap:16px;



    z-index:999;



}



.spa-floating-icons a{



    width:58px;



    height:58px;



    border-radius:50%;



    display:flex;



    align-items:center;



    justify-content:center;



    text-decoration:none;



    color:#fff;



    font-size:22px;



    box-shadow:0 12px 30px rgba(0,0,0,.18);



    transition:.35s;



}



.float-call{



    background:linear-gradient(135deg,#c89b54,#a9772d);



}



.float-whatsapp{



    background:#25D366;



}



.spa-floating-icons a:hover{



    transform:translateY(-6px) scale(1.08);



    color:#fff;



    box-shadow:0 20px 35px rgba(0,0,0,.22);



}







/*====================================



MOBILE BOTTOM CTA



====================================*/



.mobile-cta-bar{



    position:fixed;



    left:0;



    bottom:0;



    width:100%;



    background:#fff;



    display:none;



    align-items:center;



    justify-content:space-between;



    box-shadow:0 -8px 25px rgba(0,0,0,.12);



    z-index:10;



    border-top:1px solid rgba(0,0,0,.08);



}



.mobile-cta-bar a{



    flex:1;



    text-decoration:none;



    display:flex;



    flex-direction:column;



    align-items:center;



    justify-content:center;



    gap:4px;



    padding:12px 6px;



    font-size:13px;



    font-weight:600;



    transition:.3s;



}



.mobile-cta-bar a i{



    font-size:22px;



}







/* Call */



.mobile-call-btn{



    color:#b47b32;



}







/* WhatsApp */



.mobile-whatsapp-btn{



    color:#25D366;



}







/* Enquiry */



.mobile-enquiry-btn{





    color:#111 !important;



}



.mobile-enquiry-btn i{



    color:#111;



}







/* Hover */



.mobile-cta-bar a:hover{



    opacity:.9;



}







/*====================================



RESPONSIVE



====================================*/



@media (max-width:991.98px){



    .spa-floating-icons{



        display:none;



    }



    .mobile-cta-bar{



        display:flex;



    }



    body{



        padding-bottom:72px;



    }



}

















.cta-subtitle{



    display:inline-flex;



    align-items:center;



    padding:14px 30px;



    margin:5px 0 5px;



    border-radius:50px;



    color:#8c6239;



    font-size:24px;



    font-weight:700;




    position:relative;



    overflow:hidden;



    animation:floatTitle 3s ease-in-out infinite;



}



.cta-subtitle::before{



    content:"";



    position:absolute;



    top:0;



    left:-120%;



    width:60%;



    height:100%;



    background:linear-gradient(90deg,

        transparent,

        rgba(255,255,255,.8),

        transparent);



    transform:skewX(-25deg);



    animation:shine 3s linear infinite;



}



@keyframes floatTitle{



    0%,100%{



        transform:translateY(0);



    }



    50%{



        transform:translateY(-6px);



    }



}



@keyframes shine{



    100%{



        left:170%;



    }



}





@media(max-width:767.98px){



.cta-subtitle {

    display: inline-flex;

    align-items: center;

    padding: 14px 30px;

    margin: 5px 0 5px;

    border-radius: 50px;

    background: linear-gradient(135deg, #f8f2e8, #fff);

    border: 1px solid rgba(200, 155, 84, .35);

    color: #8c6239;

    font-size: 19px;

    font-weight: 700;

    box-shadow: 0 10px 25px rgba(200, 155, 84, .15);

    position: relative;

    overflow: hidden;

    animation: floatTitle 3s ease-in-out infinite;

}

}















.enquiry-modal{



    border:none;



    border-radius:20px;



    overflow:hidden;



}



.enquiry-modal .modal-header{



    background:#faf6ef;



    padding:20px 25px;



}



.enquiry-modal .modal-title{



    color:#8b6238;



    font-weight:700;



}



.enquiry-modal .modal-body{



    padding:25px;



}



.enquiry-modal .form-control,

.enquiry-modal .form-select{



    height:52px;



    border-radius:10px;



    box-shadow:none;



}



.enquiry-modal textarea.form-control{



    height:auto;



}



.btn-gold{



    background:linear-gradient(135deg,#d4af6b,#b88946);



    color:#fff;



    border:none;



    padding:14px;



    border-radius:50px;



    font-weight:600;



}



.btn-gold:hover{



    color:#fff;



}













.back-to-top{



    position:fixed;



    right:20px;



    bottom:25px;



    width:52px;



    height:52px;



    border-radius:50%;



    background:linear-gradient(135deg,#d4af6b,#b88946);



    color:#fff;



    display:flex;



    align-items:center;



    justify-content:center;



    text-decoration:none;



    font-size:22px;



    box-shadow:0 10px 25px rgba(184,137,70,.35);



    opacity:0;



    visibility:hidden;



    transform:translateY(20px);



    transition:.35s;



    z-index:999;



}



.back-to-top.show{



    opacity:1;



    visibility:visible;



    transform:translateY(0);



}



.back-to-top:hover{



    color:#fff;



    transform:translateY(-5px);



    box-shadow:0 15px 35px rgba(184,137,70,.45);



}



@media(max-width:991.98px){



    .back-to-top{



        right:18px;



        bottom:90px;   /* Mobile CTA bar ke upar */



    }



}