/* ===== Fonts ===== */



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/* ===== Variable Define ===== */



:root{

    --primary-color: #BD7655;

    --secondry-color: #111111;

    --third-color: #666666;

    --white-color: #fff;

    --four-color: #757575;

    --primary-font: "Montserrat", sans-serif;

    --secondry-font: font-family: "Oranienbaum", system-ui;

}





body{

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

}





/* ===== Sign Up, Sign In, Forget Passwword Form ===== */



.bg-holder{

    /* position: absolute;    */

    width: 100% !important;    

    top: 0;

    left: 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.form-field{

    margin-top: 60px; 

}



.Email{

    height: 100%;

}



.sign-up-title , .Email-title{

    font-weight: 600;

    font-size: 48px;

    color:var(--secondry-color) ;

    margin-bottom: 12px;

}



.sign-up-desc, .Email-desc{

    font-weight: 400;

    font-size: 16px;

    color:var(--third-color) ;

}



.sign-google-btn{

    background-color: #BD7655;

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    border-radius: 0;

    margin-top: 32px;

    border: none;

    padding: 10px 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* .btn i{

    font-size: 20px;

    vertical-align: text-top;

} */



.sign-email-btn{

    background-color: #fff;

    border: 1px solid #BD7655;

    font-size: 14px;

    font-weight: 600;

    border-radius: 0;

    color: #BD7655;

    vertical-align: text-top;

    padding: 10px 0px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.sign-google-btn .bxl-google , .bxs-envelope{

    content: "\e93c";

    font-size: 20px;

    margin-right: 10px;

}

.log-pass:hover , .log-pass{
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #BD7655;
}

.read-more-btn:focus {
    box-shadow: none;
}

.Log-btn:hover{
    color: #BD7655;
}

.Goole a , .Email-field a{

    text-decoration: none;

}



.already-have-account p{

    color: var(--four-color);

    font-size: 18px;

    margin-top: 60px;

}



.already-have-account span a{

    color: var(--primary-color);

}



.Email-Address {

    color: var(--primary-color);

    font-size: 16px;

    font-weight: 500;

}



.form-field .input-group {

    border: 1px solid #BD7655;

    margin-bottom: 16px;

}



.input-group-text{

    font-size: 20px;

    color: #98A2B3;

    background: #FAF9F7;

    border: none;

}



.input-group .form-control{

    border: none;

    padding: 0;

    color: #98A2B3;

    background: #FAF9F7;

}



.carousel-indicators [data-bs-target] {

    width: 12px;

    height: 12px;

    border-radius: 10px;

    border-top: none;

    border-bottom: none;

    opacity: 2;

}



.carousel-indicators .active {

    opacity: 1;

    background-color: #FDCB31;

}



#carouselExampleCaptions , #carouselExampleCaptions .carousel-inner , #carouselExampleCaptions .carousel-item{

    height: 100%;

}



#carouselExampleCaptions img{

    height: 100%;

    object-fit: cover;

}



.btn-primary:active:focus{

    border: none;

    box-shadow: none;

    color: #fff;

    background-color: #BD7655;

    border-radius: 0;

}



.form-control:focus , .form-check-input:focus {

    box-shadow: none;

}



/* ===== Home Page ===== */



    /* ----Header---- */



    .navbar .nav-logo img{

        width: 75%;

    }



    .bg-light {

        background-color: #ffffff !important;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 0px 0px 4px 0px #0000001A;

    }

    .navbar-light .navbar-toggler-icon {
        background-image: none;
        display: inline-flex;
        font-size: 30px;
        align-items: center;
        color: #BD7655;
        justify-content: center;
    }

    .navbar-brand button:focus:not(:focus-visible) , .navbar-light .navbar-brand , .navbar-light .navbar-toggler {
        outline: none;
        color: transparent !important;
    }


    .navbar .nav-item{    

        padding-right: 8px;

    }



    .navbar .nav-item .nav-link{    

        font-size: 16px;

        font-weight: 400;

        color: #667085;

    }



    .navbar .nav-item .nav-link.active{    

        color: var(--primary-color);

        font-weight: 700;

        border-bottom: 1px solid #BD7655;

    }



    .navbar .book-now-btn , .Signup-Now{

        padding: 10px 10px;

        background-color: var(--primary-color);

        font-size: 16px;

        font-weight: 600;

        color: #fff;

        border: none;

    }



    .navbar-expand-lg .navbar-nav {

        /* flex-direction: row; */

        margin: 0 auto;

    }



    .navbar-light .navbar-toggler {

        border: none;

    }



    

    /* ----Banner Section---- */



    .Banner-Side-Image {

        text-align: center;

    }



    .Banner-Side-Image img{

        width: 85%;

        margin: 0 auto;

    }



    .home-banner-section{

        background-color: #FFFAF7;

        padding: 50px 0;

    }



    .Banner-Title-Text{

        margin-top: 50px;

    }



    .Banner-Title-Text .Find-Spa , .Banner-Title-Text .that Travel{

        font-size: 50px;

        font-family: "Oranienbaum", system-ui;

        font-weight: 400;

    }



    .Banner-Title-Text .that-Travel{

        font-size: 50px;

        font-family: "Oranienbaum", system-ui;

        font-weight: 400;

    }



    .that-Travel::before{

        content: "";

    width: 62px;

    height: 2px;

    background-color: var(--primary-color);

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    }



    .search-box{

        display: flex;

        background: #fff;

        box-shadow: 0px 4px 40px 0px #00000014;

        padding: 10px 10px;

        margin-top: 50px;

        justify-content: space-between;

    }



    .event-type {

        width: 40%;

        display: flex;

        align-items: center; 

    }



    .event-text{

        margin: 0;

        font-size: 13px;

        font-weight: 600;

    }



    .location-input{

        border: none;

        margin-top: 2px;

        width: 100%;

        font-size: 12px;

        color: #667085;

    }



    .location-icon{

        align-items: center;

        display: flex;

        font-size: 24px;

        color: #1D2939;

        padding: 0 10px;

        /* border-right: 1px solid #E4E4E7; */

    }



    .select-service-btn{

        padding: 0px 20px;

        text-align: justify;

        display: flex;

        align-items: center;

    }



    .select-service-btn span{

        font-size: 12px;

        color: #667085;

    }



    .dropdown-mobile .service-mobile{

        justify-content: space-between;

        padding: 0;

    }

    

    .search-box .dropdown{

        display: flex;

        padding: 0px 10px;

        border-width: 0px 1px;

        border-style: solid;

        border-color: #E4E4E7;

    }



    .dropdown-arrow{

        align-items: center;

        display: flex;

        font-size: 20px;

        color: #1D2939;

        /* border-right: 1px solid #E4E4E7; */

        padding: 0 10px;

    }



    .dropdown-toggle::after {

        display: none;

    }



    .Search-data , .search-spa {

        align-items: center;

        display: flex;

        font-size: 20px;

        margin: 0 10px;

    }



    .Search-data .bx-search{

        color: #fff;

        padding: 10px 10px;

        background: #BD7655;

        border-radius: 50%;

    }



    .search-box-mobile{

        display: flex;

        background-color: white;

        padding: 10px 10px;

        box-shadow: 0px 4px 40px 0px #00000014;

    }



    .search-box-mobile .event-type , .dropdown-mobile .select-service-btn{

        width: 100%;

    }



    .search-box-mobile .location-icon , .dropdown-mobile .dropdown-arrow{

        border: none;

    }



    .dropdown-mobile{

        background-color: #ffff;

        margin-top: 20px;

        display: flex;

        padding: 10px 10px;

        box-shadow: 0px 4px 40px 0px #00000014;

    }



    .search-btn-mobileview .search-mobile{

        border: none;

        background-color: #BD7655;

        padding: 10px 10px;

        margin-top: 20px;

        color: #FFFFFF;

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 600;

    }



    /* ----Service Section---- */



    .Services-Sections{

        padding: 30px 0;

    }



    .section-heading{

        text-align: center;

        padding-bottom: 60px;

    }



    .service-list{

        margin-top: 20px;

    }



    .section-heading .heading-title {

        font-family: Oranienbaum;

        font-size: 48px;

        font-weight: 400;

        color: #000;

    }



    .heading-description{

        font-size: 18px;

        font-weight: 400;

        text-align: center;

        width: 50%;

        margin: 0 auto;

    }



    .service-image img{

        width: 100%;

        border-radius: 200px 200px 0px 0px;

    }



    .service-detail{

        padding: 20px 20px;

        text-align: center;

        border: 0px solid #E5E7EB;

        border-radius: 0 0 200px 200px;

    }



    .service-detail .service-name{

        font-family: Oranienbaum;

        font-size: 22px;

        font-weight: 400;

        text-align: center;

    }



    .service-detail .service-desc{

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 400;

        text-align: center;

        color: #101828;

        padding: 0 20px;

    }



    .service-detail .read-more-btn{

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 500;

        text-align: center;

        color: #BD7655;

        text-decoration: none;

        border: none;

    background: none;

    }



    /* ----About Us Section---- */



    .About-Us-Section{

        background-color: #FFFAF7;

        padding: 30px 0;

    }



    .how-its-work .how-work-title{

        font-family: Montserrat;

        font-size: 24px;

        font-weight: 600;

    }



    .how-its-work .how-work-desc{

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        text-align: justify;

        margin-top: 20px;

    }



    .how-works-image{

        text-align: center;

    }



    .how-works-image img{

        width: 80%;

    }



    /* ---- Advertise Section ---- */



    .Advertise-section{

        margin: 60px 0;

    }



    .Advertisement {

        margin: 0 auto;

    }



    .Advertise-section .Advertisement .row{

        margin: 0 auto;

        justify-content: center;

    }



    .professional-bg-imaga{

        position: relative;

    }



    .professional-bg-imaga img{

        width: 100%;

        position: relative;

    }



    .Spa-professional{  

        font-family: Oranienbaum;

        font-size: 31px;

        font-weight: 400;

        text-align: left;

        width: 36%;

        position: absolute;

        top: 10%;

        left: 23%;

    }



    .professional-bg-imaga .Signup-Now{

        width: 25% !important;

        position: absolute;

        bottom: 10%;

        left: 23%;

        font-size: 15px;

    }



    .Spa-professional {

        font-family: Oranienbaum;

        font-size: 25px;

    }



    /* ---- Latest Blog & News ---- */



    .Latest-Blog-News-section{

        padding: 30px 0;

    }



    .news-spa-image img{

        width: 100%;

        border-radius: 150px;

    }



    .blog-News-detail .news-blog-data{

        display: flex;

        border-bottom: 1px solid #F1EEEA;

    }



    .news-blog-data{

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 500;

        color: #667085;

        margin-top: 15px;

        margin-bottom: 10px;

    }



    .news-blog-content .all-the-reasons{

        font-family: Montserrat;

        font-size: 24px;

        font-weight: 600;

    }



    .news-blog-content .Exercises-healthy{

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 400;

        margin-top: 15px;

    }



    .blog-list{

        display: flex;

        margin-bottom: 20px;

    }



    .blog-side-image img{

        width: 165px;

        height: 111px;

        border-radius: 12px;

    }



    .side-blog-detail .blog-side-datetime{

        display: flex;

    }



    .side-blog-detail .blog-side-datetime{

        font-family: Montserrat;

        font-size: 12px;

        font-weight: 400;

        margin-left: 20px;

        border-bottom: 1px solid #D0D5DD;

    }



    .blog-side-datetime p , .blog-side-datetime ul{

        margin-bottom: 5px;

    }



    .blog-side-content .blog-side-title{

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 600;

        padding-top: 10px;

        margin-left: 20px;

    }



    .blog-side-content .blog-side-desc {

        font-family: Montserrat;

        font-size: 12px;

        font-weight: 400;

        margin-left: 20px;

        margin-bottom: 0;

    }



    /* ----- Frequently Asked Questions ----- */



    .Frequently-Asked-Questions-Section{

        padding: 30px 0;

        background-color: #FFFAF7;

    }



    .accordion-button:not(.collapsed) {

        color: #000000;

        background-color: #fff;

        box-shadow: none;

    }



    .accordion-body-desc{

        border-left: 1.5px solid #BD7655;

        padding: 0 10px;

        font-size: 16px;

        font-weight: 400;

        color: #A3A3AE;

    }



    .accordion-button:not(.collapsed) {

        /* border-top-left-radius: calc(.25rem - 1px); */

        /* border-top-right-radius: calc(.25rem - 1px); */

        font-family: Montserrat;

        font-size: 18px;

        font-weight: 500;

    }



    .FAQs .More-FAQs-btn{

        border: 1px solid #BD7655;

        background: transparent;

        padding: 5px 25px;

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 400;

        color: #BD7655;

    }



    .Frequently-Asked-Questions-Section .FAQs{

        text-align: right;

        padding: 20px 10px;

    }



    .accordion-button::after {

        content: "\ea4a";

        font-family: 'boxicons';

        background-image: unset;

        background-color: #F3F3F3;

        font-size: 25px;

        border-radius: 70px;

        color: #11142D;

        height: 28px;

        width: 25px;

    }

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

        background-image: unset;

        background-color: #f9f2ee;

        font-size: 25px;

        border-radius: 70px;

        color: #BD7655;

        height: 28px;

        width: 25px;

    }



    /* ----- Footer Section ----- */



    .Main-Footer{

        background-color: #1D2225;

        padding: 50px 0;

        padding: 50px 0 25px 0;

    }



    .footer-logo img{

        width: 20%;

    }



    img.footer_bg {

        position: absolute;

        bottom: 0;

        width: 300px;

    }



    .Main-Footer .text-after-footer-logo{

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        color: #FFFFFF;

        margin-top: 30px;

    }



    .Main-Footer .footer-support-menu p , .Main-Footer .subscribe-to-mobile p{

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 600;

        color: #FFF;

    }



    .Main-Footer .footer-support-menu ul{

        color: #fff;

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        padding: 0;

        list-style-type: none;

    }



    .Main-Footer .footer-support-menu ul li {

        padding: 5px 0;

    }

    .Main-Footer .footer-support-menu ul li a{
        text-decoration: none;
        color: #fff;
    }



    .second-footer .footer-social-icon {

        display: flex;

        justify-content: end;

    }



    .Mobile-Spa-subscribe{

        color: #fff;

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

    }



    .subscribe-to-email{

        display: flex;

        margin-top: 30px;

    }



    .subscribe-to-email .sbr-email{

        margin-right: 10px;

    }



    .subscribe-to-email .sbr-email .form-control{

        border: 1px solid #475467;

        background-color: transparent;

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        border-radius: 0;

        color: white;

    }



    .subscribe-to-email .sbr-btn button{

        color: #FFFFFF;

        background-color: #BD7655;

        border-radius: 0;

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 600;

        border: none;

    }



    .second-footer {

        align-items: center;

        border-top: 1px solid #344054;

        padding-top: 30px;

    }



    .Copyright p{

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        color: #fff;

        margin: 0;

    }



    .footer-social-icon ul{

        color: #fff;

        list-style: none;

        display: flex;

        margin: 0;

    }



    .footer-social-icon ul li{

        margin-right: 10px;

        background-color: #29303D;

        padding: 5px 9px;

    }



    /* ----- Service Popup ----- */



    .Services-Sections .modal-title{

        font-family: Oranienbaum;

        font-size: 25px;

        font-weight: 400;

        line-height: 30px;

        text-align: justify;

    }



    .Services-Sections .modal-body{

        font-size: 14px;

        text-align: justify;

    }



    .service-popup-image img{

        width: 90%;

        margin: 20px 0px;

    }



    .modal-content .modal-header{

        border: none;

        padding: 0 20px;

    }



    .modal-dialog .modal-content{

        border-radius: 0;

        padding: 20px 0px;

    }



    .modal-content .modal-footer{

        border: none;

        margin: 0 auto;

    }



    .modal-footer button{

        background-color: #BD7655;

        border: none;

        border-radius: 0;

        font-family: Montserrat;

        font-size: 15px;

        font-weight: 600;

    }



    .popup-service-form {

        text-align: justify;

        padding: 20px 20px;

        margin: 0;

        border-top: 1px solid #EAECF0;

    }



    .Services-you-want-list{

        text-align: justify;

        padding: 0 20px;

    }



    .Services-you-want-list .your-service{ 

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 600;

        margin-bottom: 5px;

    }



    .Services-you-want-list .form-check-input[type=checkbox] {

        border-radius: 0;

    }



    .Services-you-want-list .form-check-input:checked {

        background-color: #667085;

        border-color: #667085;

    }



    .Services-you-want-list .form-check-label{

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        color: #77797C;

    }



    .Services-you-want-list .form-check{

        margin-bottom: 12px;

    }



    .popup-service-form .Email-Address{

        font-size: 14px;

        color: #344054;

    }



    .popup-service-form .form-control{

        color: #98A2B3;

        font-size: 12px !important;

        background-color: transparent;

    }



    .popup-service-form .input-group-text {

        background-color: transparent;

    }



    .popup-service-form .input-group-text i{

        font-size: 15px;

    }



    .popup-service-form .input-group{

        border: 1px solid #EAECF0;
        text-align: center;
        align-items: center;

    }



    .thanks-image img{

        width: 50%;

    }       



    .thanks-popup .modal-header{

        margin: 0 auto;

    }



    .thanks-popup .modal-header .modal-title{

        font-family: Oranienbaum;

        font-size: 50px;

        color: #BD7655;

    }



    .thanks-popup .modal-body p{

        text-align: center;

        margin-top: 20px;

        margin-bottom: 0;

    }



/* ===== Spa Page ===== */



    /* ---- Spa-location-section ---- */



    .info-about-spa-section .Spa{

        margin: 0 auto;

    }



    .location-service-spa .search-for-spa{

        margin: 30px 0px;

        background-color: #FFFAF7;

        padding: 10px 10px;

        border: 1px solid #EAECF0;

        box-shadow: none;

    }



    .search-for-spa .event-type .location-input{

        background-color: transparent;

    }



    .search-for-spa .event-type , .search-for-spa .dropdown{

        width: 90%;

    }



    .search-for-spa .select-service-btn{

        width: 100%;

        justify-content: space-between;

        padding: 0;

    }



    .search-for-spa .bx-current-location , .search-for-spa .fa-angle-down{

        color: #475467; 

    }



    .search-for-spa .spa-search-icon{

        padding: 0px 20px;

        display: flex;

        align-items: center;

        font-size: 20px;

        color: #475467;

    }



    /* ---- Spa-Information-section ---- */



    .Spa-Information-Section{

        margin: 30px 0;

    }

   

    .spa-Therapist{
        position: relative;
    }

    .spa-Therapist .premium-icon{
        position: absolute;
        top: 16px;
        right: 15px;
    }

    .imagr-gallery img{

        width: 100%;

        height: 437px;

        border-radius: 25px;

    }



    .Spa-image-gallery-part .spa-gallery{

        display: flex;

    }



    .spa-gallery .spa-small-images img{

        width: 90%;

        height: 143px;

        border-radius: 12px;

        margin: 20px 0;

    }


    .spa-small-images img{

        width: 90%;

        border-radius: 12px;

        margin: 20px 0;

    }



    .Spa-about-content{

        margin: 20px 0;

    }



    .Spa-content-detail .About-This-Spa{

        font-weight: 600;

        font-size: 28px;

        color: #131717;

    }



    .Spa-content-detail .At-Serenity-Spa{

        font-size: 16px;

        font-weight: 400;

        color: #566363;

    }



    .Spa-Services-Detail .Spa-Our-Services{

        font-size: 20px;

        font-weight: 600;

        color: #344054;

    }



    .Spa-Services-Detail .Our-dedicated-team{

        font-size: 16px;

        font-weight: 400;

        color: #566363;

    }



    .Spa-service-list .Massage-Therapy-detail{

        list-style-type: square;

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        line-height: 30px;

        color: #344054;

    }



    .spa-contact-form form{

        border: none;

        padding: 10px 0px; 

    }



    .spa-contact-form .contact-text h3{

        font-family: Montserrat;

        font-size: 30px;

        font-weight: 600;

        text-align: left;

    }



    .spa-contact-form{

        padding: 0px 0px;

    }



    .spa-textarea textarea{

        width: 100%;

        padding: 5px 5px; 

        border: none;

        font-size: 14px;

        font-weight: 400;

        color: #98A2B3;

    }



    .spa-contact-form .input-group .form-control{

        padding: 0 10px;

    }



    .Contact-Us-btn{

        text-align: right;

    }



    .Contact-Us-btn .More-FAQs-btn{

        background-color: #BD7655;

        color: #ffff;

        font-weight: 600;

    }



    /* ---- Therapist Information ---- */



    .therapists-image img{

        width: 100%;

        border-radius: 24px;

    }



    .spa-Therapist .Therapist-detail .therapist-name-data{

        padding: 20px 0;

    }



    .Therapist-detail .therapist-name-data .thera-name{

        font-size: 22px;

        font-weight: 700;

        color: #0C0C0D;

        margin-bottom: 5px;

    }



    .Therapist-detail .therapist-name-data .Professional-Massage{

        font-size: 14px;

        font-weight: 500;

        color: #565565;

        margin: 0;

    }



    .ther-review-detail {

        display: flex

    }



    .ther-review-detail .count-review{

        font-size: 16px;

        font-weight: 400;

        color: #565565;

    }



    .ther-review-detail ul{

        display: flex;

        list-style: none;

        color: #FFCC78;

        padding: 0px 5px;

    }



    .ther-review-detail ul li{

        padding: 0 1px;

    }



    .ther-review-detail .total-review{

        font-size: 14px;

        font-weight: 400;

        color: #565565;

    }



    .therapist-Gmail{

        display: flex;

        color: #565565;
    }

    .therapist-Gmail .bxs-envelope{
        margin-right: 5px;
    }



    .therapist-Gmail p{

        margin: 0;

        font-size: 14px;

        font-weight: 400;

    }



    .therapist-Number {

        padding-top: 14px;

        align-items: center;

    }

    

    .therapist-Number .fa-phone-alt{

        font-size: 16px;

        margin-right: 8px;

    }



    .therapist-Number p{

        font-size: 16px;

    }



    .therapy-type .massage-type{

        display: flex;

    }



    .Spa-service-type h3{

        font-size: 22px;

        font-weight: 700;

        margin-top: 30px;

        margin-bottom: 15px;

    }



    .massage-type img{

        width: 10%;

    }



    .all-therapies .massage-type p{

        margin: 0;

        font-family: Montserrat;

        font-size: 16px;

        font-weight: 400;

        color: #1D2939;

        padding: 0 15px;

    }



    .therapy-type .all-therapies  .massages-list{

        font-size: 14px;

        font-weight: 400;

        line-height: 28px;

        color: #667085;

        padding: 5px 20px;

    }



    /* ---- Client-review-section ---- */



    .Client-Reviews-Section{

        margin: 30px 0;

    }



    .Review-title h3{
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 600;
        margin: 0;
    }


    .sort-reviwe .dropdown{

        display: flex;

        justify-content: end;

        align-items: center;

    }



    .sort-reviwe .dropdown p{

        margin: 0;

        font-size: 14px;

        font-weight: 400;

        color: #494C51;

    }



    .sort-reviwe .dropdown .Review-sorting{

        border: 1px solid #D2D2D3;

        width: 25%;

        display: flex;

        justify-content: space-between;

        margin: 0 10px;

        color: #77797C;

        border-radius: 0;

        font-family: Montserrat;

        font-size: 14px;

        font-weight: 400;

        align-items: center;

    }



    .Reviews-Section .Client-Review {

        padding: 20px 0;

        /* border-bottom: 1px solid #EDEDED; */

    }



    .Client-Review .Review-detail{

        display: flex;
        padding: 0 20px;

    }



    .Review-detail .client-profile img{

        width: 51.13px;

        height: 51.13px;

        border-radius: 50px;

    }



    .Review-info .client-rating ul{

        display: flex;

        list-style: none;

        padding: 0;

        color: #E59819;

        margin: 0;

    }



    .Review-info .client-rating ul li{

        padding-right: 3px;

    } 



    .Review-info .client-info{

        display: flex;

        align-items: center;

    }



    .Review-info .client-info .client-name {

        margin: 0;

        font-size: 17px;

        font-weight: 500;

    }



    .Review-info .client-info .posted-date{

        margin: 0;

        font-size: 13px;

        font-weight: 400;

        padding: 0 10px;

    }



    .review-content h3{

        font-family: Montserrat;

        font-size: 15px;

        font-weight: 500;

        margin-top: 10px;

        color: #1D2939;

    }



    .review-content p{

        font-size: 16px;

        font-weight: 400;

        color: #667085;

        text-align: justify;

    }



    .like-reply .like-action p{

        font-size: 13px;

        font-weight: 400;

        margin: 0;

        padding: 0 5px;

    }

    .Review-info{
        padding-left: 10px;
    }



    .Review-info .like-reply , .Review-info .like-action{

        display: flex;

        align-items: center;

    }



    .like-reply .like-action .fa-thumbs-up{

        font-size: 15px;

        color: #667085;

    }



     .reply-action p{

        margin: 0;

        font-size: 13px;

        font-weight: 400;

        padding: 0 15px;

        color: #BD7655; 

    }



    .last-client {

        border-bottom: none !important;

    }



    /* .view-all-review p{

        font-size: 16px;

        font-weight: 600;

        line-height: 19.5px;

        text-align: right;

        color: #BD7655;

        text-decoration: underline;

    } */

    .review-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .review-actions a p {
        font-size: 16px;
        font-weight: 600;
        line-height: 19.5px;
        text-decoration: underline;
    }
    
    .add-review p {
        text-align: left;
        color: #BD7655; /* Add Review के लिए अलग रंग */
    }
    
    .view-all-review p {
        text-align: right;
        color: #BD7655;
    }



    .Similar-Services-Section{

        margin: 30px 0;

    }



    .Similar-Services-title h3{

        font-family: Montserrat;

        font-size: 30px;

        font-weight: 600;

        color: #0C0C0D;

        margin: 0;

    }



    .Similar-Services-title p{

        font-size: 16px;

        font-weight: 400;

        line-height: 30px;

        text-align: left;

        color: #566363;

    }

    .Similar-Services-list{
        margin: 10px 10px;
    }

    .Similar-Services-list a{
        text-decoration: none;
    }

    .Similar-Services-list .Premium-services{
        position: relative;
    }

    .Premium-services .Pre-Service-icon{
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .Similar-Service-Detail{
        border: 1px solid #E5E7EB;
        border-radius: 0 0 200px 200px;
        padding: 0 10px 20px 10px;
    }

    .Similar-Services-list .service-image img{
        width: 100%;
        border-radius: 200px 200px 0px 0px;
        height: 300px;
        object-fit: cover;
    }

    .Similar-Service-Detail .service-name-title p{
        padding-top: 15px;
        padding-bottom: 5px;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        color: #101828;
        margin: 0;
    }

    .Similar-Service-Detail .service-name-title h3{
        font-family: Oranienbaum;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        color: #101828;
        margin: 0;
    }

    .ther-profile-image{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }

    .ther-profile-image img{
        width: 13%;
        border-radius: 100%;
    }

    .ther-profile-image p{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #101828;
        margin: 0;
        padding: 0 10px;
    }

    .ther-profile-image .fa-check-circle{
        color: #2196F3;
    }

    .Similar-Service-Detail .therapist-review {
        display: flex;
        justify-content: center;
        margin: 20px 0;
    }

    .therapist-review .review-stars{
        display: flex;
        align-items: center;
        background-color: #FAF9F7;
        padding: 8px 10px;
        border-radius: 100px;
        border: 1px solid #BD7655;
        width: 65%;
        justify-content: center;
    }

    .ther-profile-image fa-check-circle{
        color: #2196F3;
    }

    .review-stars .bxs-star{
        color: #BD7655;
        font-size: 15px;
    }

    .review-stars p{
        margin: 0;
        padding: 0px 5px;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        color: #BD7655;
    }

    .review-stars span{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        color: #BD7655;
        text-decoration: underline;
    }

    .service-name-title .new-therapist{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-name-title .new-therapist span{
        font-family: Montserrat;
        font-size: 10px;
        font-weight: 500;
        text-align: center;
        background-color: #101828;
        color: #fff;
        padding: 4px 8px;
        border-radius: 60px;
        margin-left: 8px;
    }

    .Similar-Services-Section .slick-dots, .slick-next, .slick-prev {
        position: relative;
    }

    .Similar-Services-Section .slick-next, .slick-prev {
        display: none !important;
    }

    .Similar-Services-Section .Similar-Services-Section .wrapper{
        text-align: center;
    }
    .Similar-Services-Section .slick-next:before, .slick-prev:before{
        display: none;
    }

    .Similar-Services-Section .slick-dots li button:before {
        font-size: 12px;
        color: #BD7655;
    }

    .Similar-Services-Section .slick-dots li.slick-active button:before {
        opacity: .75;
        color: #BD7655;
    }
    

/* ===== Search-Result-Page ===== */

    /* .---- Search-Results-section ---- */

    .Search-Results-section .Search-Result{
        margin: 20px 0;
    }

    .search-side-bar {
        margin: 0px 10px;
        padding: 10px 0;
    }

    .search-side-bar .input-group .form-control{
        background-color: #fff;
        padding: 0px 10px;
        border-radius: 0;
        border: 1px solid #EAECF0 !important;
    }
    
    .search-side-bar .input-group .search-icons{
        background-color: #fff;
        border: 1px solid #EAECF0;
        z-index: 0;
        font-size: 15px;
        border-radius: 0;
    }

    .search-side-bar .input-group .search-icons:hover{
        color: #6c757d;
        
    }

    .share-location{
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 10px 0px;
    }

    .share-location p{
        margin: 0;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #667085;
    }

    .sort-btn-pages{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #FFFAF7;
        padding: 5px 10px;
    }

    .sort-btn-pages .sort-pages-btn .Review-sorting{
        width: 60% !important;
    }

    .sort-btn-pages .sort-pages-btn{
        width: 60%;
    }

    .sort-btn-pages .sort-pages-btn .dropdown{
        justify-content: start;
    }

    .sort-btn-pages .pagenation-counts p{
        margin: 0;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
    }

    .share-location .bx-current-location{
        font-size: 20px;
        color: #667085;
    }

    .search-service-checklist{
        background-color: #FFFAF7;
    }

    .service-checklist{
        padding: 10px 20px;
    }

    .search-service-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 10px;
        border-bottom: 1px solid #E8E8E9;
    }

    .search-service-title p{
        margin: 0;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        color: #494C51;
    }

    .service-checklist .form-check-input[type=checkbox] {
        border: 1.5px solid #D2D2D3;
    }

    .service-checklist .form-check-input:checked {
        background-color: #BD7655;
        border: 1.5px solid #BD7655;
    }

    .Search-Result .service-short-list{
        display: flex;
        align-items: center;
        justify-content: center;  
    }

    .Search-Result .service-short-list ul{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 5px;
        padding-left: 20px;
        color: #000;
    }

    .Similar-Service-Detail:hover {
        border-radius: 0;
        background: #FDCB3180;
    }

    .service-list:hover .Similar-Service-Detail {
        border-radius: 0;
        background: #FDCB3180;
    }

    .service-list:hover .review-stars{
        background: #BD7655;
    }

    .Similar-Service-Detail:hover .review-stars{
        background: #BD7655;
    }

    .Similar-Service-Detail:hover .bxs-star , .Similar-Service-Detail:hover .review-stars p , .Similar-Service-Detail:hover span{
        color: #fff;
    }

    .service-list:hover .bxs-star , .service-list:hover .review-stars p , .service-list:hover span{
        color: #fff;
    }

    .divine-massage{
        font-size: 10px !important;
    }

    .Divine-serenity ul{
        display: flex;
        font-size: 10px !important;
        align-items: baseline;
    }


    .Divine-serenity .nails-serv {
        margin-right: 20px;
    }

    .Divine-serenity .more-service-add {
        border: 1px solid #101828;
        padding: 2px 3px;
        border-radius: 40px;
        font-size: 10px;
    }

    .search-pagination{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .pagination .page-item .page-link{
        border-radius: 4px;
        margin: 5px 5px;
        border: 1px solid #DEE2E6;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #000000;
    }

    .pagination{
        justify-content: right;
    }

    .pagination .page-item .bx-dots{
        border: none;
        font-size: 20px;
        padding: 0;
    }

    .pagination-sm .page-item:first-child .page-link {
        background-color: #BD7655;
        color: #fff;
    }

    .Search-Result-add img{
        width: 100%;
        margin: 20px 0;
    } 

    .Search-Result-add {
        position: relative;
    }

    .Search-Result-add .add-content {
        position: absolute;
        top: 20%;
        right: 5%;
        text-align: end;
    }

    .Search-Result-add .add-content h3{
        font-family: Oranienbaum;
        font-size: 32px;
        font-weight: 400;
        text-align: right;
        line-height: 48px;
    }

    .add-content-for-mobile {
        text-align: center;
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
    }

    .add-content-for-mobile h3{
        font-family: Oranienbaum;
        font-size: 32px;
        font-weight: 400;
        line-height: 48px;
        text-align: center;
    }

    .add-content-for-mobile .Signup-Now{
        width: 85%;
    }

/* ===== Services Page ===== */

    /* ----Service Banner Section---- */

    .Service-banner img{
        width: 100%;
        height: 310px;
        object-fit: cover;
        /* background-color: #1D2225; */
    }

    .Search-banner-detail {
        position: relative;
        padding: 0;
    }

    .banner-title-text {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translateX(-50%);
    }

    .banner-title-text .banner-text{
        font-family: Montserrat;
        font-size: 40px;
        font-weight: 700;
        line-height: 58.51px;
        text-align: left;
        color: #fff;
    }

    /* ----Mobile Spa Finder Section---- */

    .Mobile-Spa-Finder-Section{
        background-color: #fff;
        margin: 30px 0px;
    }

    .service-icon-data{
        text-align: center;
    }

    .service-icon-data .services-icon{
        background-color: #fffaeB;
        padding: 40px 20px;
        border-radius: 200px 200px 0 0;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #E5E7EB;
    }

    .services-icon img{
        width: 40%;
    }

    .services-content p{
        font-family: Oranienbaum;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        padding: 20px 42px;
        border-radius: 0px 0px 200px 200px;
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-color: #E5E7EB;
        height: 200px;
    }

    /* --------Services Offered Section------- */

    .Services-Offered-Section{
        margin: 30px 0;
    }

    .Services-Offered .Services-Offered-image img{
        width: 100%;
        border-radius: 200px 200px 0 0;
        height: 300px;
        object-fit: cover;
    }

    .Services-Offered .Offered-content{
        border: 1px solid #E5E7EB;
        border-radius: 0 0 200px 200px;
        text-align: center;
    }

    .Services-Offered .Offered-content h3{
        font-family: Oranienbaum;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        padding-top: 10px;
        color: #101828;
    }

    .Services-Offered .Offered-content p{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #5E646A;
        padding: 0px 25px 0 25px;
        margin-bottom: 50px;
        
    }

    .Services-Offered .Offered-content a {
        color: #BD7655;
        font-family: Inter;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
    }

    .Services-Offered {
        position: relative;
    }

    /* service page hover effect */
    /* .Offered-content a i{
        margin-bottom: 30px;
        font-size: 40px;
        display: none;
        color: #1D2939;
    }

    .Offered-content a {
        text-decoration: none;
        z-index: 2;
        position: relative;
    }

    .Services-Offered:hover i{
        display: block;
        transform: rotate(130deg);
    }

    .Services-Offered:hover p{
        display: none;
    }

    .Services-Offered:hover h3{
        font-size: 27px;
        margin: 20px 0;
    }

    .Services-Offered:hover:after {
        content: "";
        background: #000;
        opacity: 40%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 200px;
        z-index: 0;
    } */

/* ===== Service Detail Page ===== */

    /* ----Our Service Detail ---- */

    .Our-Service-Detail-Section{
        padding: 50px 0;
    }

    .Our-service-btn {
        text-align: justify;
    }

    .popular-Therapies{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .popular-Therapies p{
        margin: 0;
    }
    
    .popular-Therapies p a{
        text-decoration: none;
        margin: 0;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
        display: flex;
        align-items: center;
        color: #BD7655;
    }

    .popular-Therapies .mobile-show-btn{
        margin: 0 auto;
    }

    .Our-service-btn a{
        text-decoration: none;
    }

    .Our-service-btn a .More-FAQs-btn{
        display: flex;
        align-items: center;
        font-size: 15px;
        justify-content: center;
    }

/* ===== About Us Page ===== */

    /* ----About Us Detail ---- */

    .how-its-work .about-us-title {
        font-family: Oranienbaum;
        font-size: 35px;
        font-weight: 400;
    }

/* ===== Blog Page ===== */


    .Facial-Scrub-Detail .facial-name-profile , .facial-name-profile .f-date-time{
        display: flex;  
        margin: 10px 0;
    }

    .Facial-Scrub-Detail .f-name-profile, .facial-name-profile .f-date-time{
        display: flex;
        align-items: center;
        color: #BD7655;
    }

    .Facial-Scrub-Detail .f-name-profile p , .facial-name-profile .f-date-time p{
        margin: 0;
        padding-left: 10px;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
    }

    .facial-name-profile .f-date-time {
        padding-left: 20px;
    }

    .Facial-Scrub-Detail{
        margin: 15px 0;
    }

    .Facial-title-desc .f-tile{
        font-family: Oranienbaum;
        font-size: 41px;
        font-weight: 400;
        color: #000000  ;
    }

    .Facial-title-desc .f-desc {
        font-family: Montserrat;
        font-size: 17px;
        font-weight: 400;
        color: #BD7655;
    }

    .Peerly-is-the-best p{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        color: #1D2939;
    }

    .face-scrub img{
        width: 100%;
        border-radius: 24px;
        padding: 10px 0;
    }

    .Face-Scrub-Spa-points{
        padding-left: 15px;
    }

    .Face-Scrub-Spa-points li b{
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 600;
    }

    .Face-Scrub-Spa-points li{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;   
        line-height: 30px;
        margin: 10px 0;
    }

    .Face-Scrub-Spa-points li::marker {
        display: inline-block;
        width: 10px;
        height: 100%;
        color: #bd7655;
        font-size: 25px;
    }

    .shot-tags-icons{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #D0D5DD;
    }

    .short-tags , .tags-icons{
        display: flex;
        margin: 10px 0;
    }

    .short-tags span{
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        color: #000000;
    }

    .short-tags p{
        font-size: 16px;
        font-weight: 400;
        margin: 0 5px;
        color: #000000;
    }

    .tags-icons i{
        margin: 0 5px;
    }
   
    .client-comments .Review-title h3{
        font-family: Montserrat;
        font-size: 22px;
        font-weight: 700;
        color: #1D2939;
        margin: 15px 0;
    }
    
    .client-content p{
        margin-top: 5px;
    }

    .client-comments .Client-Review{
        padding: 15px 0;
        border-bottom: 1px solid #EDEDED;
    }

    .comment-like-action {
        border-right: 1px solid #BD7655;
        padding: 0 10px;
    }

    .like-reply .comment-like-action .fa-thumbs-up{
        font-size: 18px;
        color: #BD7655;

    }

    .like-reply  .comment-like-action p , .Comment-reply-action p{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        color: #BD7655;
        padding: 0 10px;
    }

    .Comment-reply-action {
        display: flex;
        padding: 0 15px;
        align-items: center;
    }

    .Comment-reply-action .fa-reply{
         color: #BD7655;
    }

    .Comment-form-blog{
        padding: 20px 10px;
    }

    .blog-sendnow-btn{
        text-align: justify;
    }

    .blog-side-content .blogpage-title{
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .blog-side-content .blogpage-Desc{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .blog-search-mobile{
        background-color: #ffffff;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .searchbar-blog{
        width: 100%;
    }

    .searchbar-blog .input-group .form-control, .searchbar-blog .input-group .search-icons{
        background-color: #FFFAF7;
    }

    /* ----Recent Blog---- */

    .blog-page-bloglist{
        padding: 20px 20px;
    }

    .blog-page-bloglist .blog-list .side-blog-detail .blog-side-datetime ul{
        padding: 0;
        list-style: none;
    }

    .Blog-page-tags{
        padding: 10px 10px;
    }

    .blog-tags-card{
        display: flex;
        flex-wrap: wrap;
    }

    .blog-tags-card .tags-name{
        margin-right: 15px;
        margin-bottom: 15px;
    } 

    .blog-tags-card .tags-name button{
        margin: 0;
        padding: 0;
    }

    .blog-tags-card .tags-name p{
        margin: 0;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        color: #667085;
        border: 1px solid #667085;
        padding: 8px 15px;
    }

/* ===== Contact Us Page ===== */

    /* ----Contact-Us Form Section---- */   

    .contact-image-form-section{
        margin: 50px 0; 
    }

    .Contact-side-image{
        text-align: center;
    }

    .Contact-side-image img{
        width: 80%;
    }


/* ===== Therapist Signup Page ===== */

    /* ----Therapist-Signup-progress-steps---- */ 

    .about-you-detail{
        margin: 40px 0;
        border-bottom: 1px solid #CBD0DC;
    }

    .about-you-detail .about-title h3{
        font-family: Montserrat;
        font-size: 40px;
        font-weight: 600;
        line-height: 58.51px;
        text-align: left;
    }

    .progress-stpes-cards{
        margin: 50px auto;
    }

    .progress-stpes-cards .progress{
        height: 3px;
        /* position: relative;
        bottom: 4%; */
    }

    .step-container {
        position: relative;
        text-align: center;
        transform: translateY(-18%);
      }
      
      .step-circle {
        padding: 0px 15px;
        background: #FFF;
        /* width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #FDCB31;
        border: 2px solid #FDCB31;
        line-height: 30px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        cursor: pointer; Added cursor pointer */
      }

      .step_circle_dot {
        
        border: solid 1px rgb(253 203 49 / 40%);
        text-align: center;
        display: block;
        height: 40px;
        width: 40px;
        margin: auto;
        border-radius: 100px;
        position: relative;
    }
    .active .step_circle_dot{
        border-color: solid 1px #FDCB31;
    }
    .step_circle_dot:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        opacity: 0.4;
        background: #FDCB31;
        border-radius: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .active .step_circle_dot:before {
        width: 30px;
        height: 30px;
        opacity: 1;
    }

    .step-circle.completed_step i.fas.fa-check {
        z-index: 999;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 20px;
    }

    .step-circle.completed_step .step_circle_dot:before {
        background: #BD7655!important;
        opacity: 1;
    }
      
    .step-line {
        position: absolute;
        top: 16px;
        left: 50px;
        width: calc(100% - 100px);
        height: 2px;
        background-color: #007bff;
        z-index: -1;
    }
    
    #multi-step-form{
       overflow-x: hidden;
    }

    .progress-bar {
       border: 1px solid #BD7655;
       background-color: #BD7655;
    }

    .step-circle .step_number{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
        color: #000000;
    }

    .step-circle .step_title{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        color: #000000;
        margin-bottom: 0;
    }

    .step-circle .step_info{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        color: #000;
    }
      
    /* ------Choose a file or drag & drop it here----- */

    fieldset.upload_dropZone.media_previewed .upload_preview_btn{
        display: grid;
        grid-template-columns: 2fr 1fr;
        column-gap: 20px;
    }

    .media_previewed .upload_block {
        border: 1px solid #D0D5DD;
        padding: 12px;
        position: relative;
    }
    .media_previewed .upload_block input#upload_image_logo {
        width: 100%!important;
        left: 0;
    }

    .upload_dropZone {
        color: #0f3c4b;
        background-color: #ffffff;
        outline: 2px dashed #CBD0DC;
        outline-offset: 0px;
        padding: 20px;
        margin-top: 12px;
        transition: outline-offset 0.2s ease-out,
                    outline-color 0.3s ease-in-out,
                    background-color 0.2s ease-out;
    }

    .upload_dropZone.highlight {
        outline-offset: -4px;
        outline-color: var(--colorPrimaryNormal, #0576bd);
        background-color: var(--colorPrimaryEighth, #c8dadf);
    }

    .upload_svg {
        fill: var(--colorPrimaryNormal, #0576bd);
    }

    .btn-upload {
        margin-top: 20px;
        color: #BD7655;
        background-color: #ffffff;
        border: 1px solid #BD7655;
        border-radius: 0;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 20px
    }

    .btn-upload:hover,
    .btn-upload:focus {
        color: #BD7655;
        background-color: #ffffff;
        border: 1px solid #BD7655;
        border-radius: 0;
    } 
    .upload_img {
        width: calc(33.333% - (2rem / 3));
        object-fit: contain;
    }

    .cloud-upload .fa-cloud-upload-alt{
        font-size: 40px;
        color: #BD7655;
    }

    .upload_dropZone .choose-file-text{
        font-family: Montserrat;
        font-size: 19px;
        font-weight: 500;
        text-align: center;
        color: #292D32;
    }

    .upload_dropZone p i{
        color: #A9ACB4;
    }

    .upload-logo-tetx{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #6D6D6D;
    }

    /* ------Choose a file or drag & drop it here PAGE-2----- */

    fieldset.upload_dropZone_page2.media_previewed .upload_preview_btn_page2 {
        display: grid;
        grid-template-columns: 2fr 1fr;
        column-gap: 20px;
    }
    
    .media_previewed .upload_block_page2 {
        border: 1px solid #D0D5DD;
        padding: 12px;
        position: relative;
    }
    
    .media_previewed .upload_block_page2 input#upload_image_logo_page2 {
        width: 100%!important;
        left: 0;
    }
    
    .upload_dropZone_page2 {
        color: #0f3c4b;
        background-color: #ffffff;
        outline: 2px dashed #CBD0DC;
        outline-offset: 0px;
        padding: 20px;
        margin-top: 12px;
        transition: outline-offset 0.2s ease-out,
                    outline-color 0.3s ease-in-out,
                    background-color 0.2s ease-out;
    }
    
    .upload_dropZone_page2.highlight {
        outline-offset: -4px;
        outline-color: var(--colorPrimaryNormal, #0576bd);
        background-color: var(--colorPrimaryEighth, #c8dadf);
    }
    
    .upload_svg_page2 {
        fill: var(--colorPrimaryNormal, #0576bd);
    }
    
    .btn-upload-page2 {
        margin-top: 20px;
        color: #BD7655;
        background-color: #ffffff;
        border: 1px solid #BD7655;
        border-radius: 0;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 20px;
    }
    
    .btn-upload-page2:hover,
    .btn-upload-page2:focus {
        color: #BD7655;
        background-color: #ffffff;
        border: 1px solid #BD7655;
        border-radius: 0;
    }
    
    .upload_img_page2 {
        width: calc(33.333% - (2rem / 3));
        object-fit: contain;
    }
    
    .cloud-upload-page2 .fa-cloud-upload-alt {
        font-size: 40px;
        color: #BD7655;
    }
    
    .upload_dropZone_page2 .choose-file-text-page2 {
        font-family: Montserrat;
        font-size: 19px;
        font-weight: 500;
        text-align: center;
        color: #292D32;
    }
    
    .upload_dropZone_page2 p i {
        color: #A9ACB4;
    }
    
    .upload-logo-text-page2 {
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #6D6D6D;
    }
    


    .for-no-border {
        border: none;
    }

    .social-input{
        width: 60%;
    }

    .social-input-down{
        width: 32%;
    }

    .sort-reviwe .dropdown .social-in-btn{
        margin: 0 5px; 
        width: 90%;
        padding: 3px 9px;
        z-index: 0;
    }

    .next-prev-buttons {
        display: flex;
        justify-content: end;
    }

    .step-3-next{
        margin-right: 20px;
    }

    /* ------- Your-all-Services ------- */

    .All-service-title h3{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 600;
        line-height: 16px;
        color: #344054;
        padding: 0 10px;
    }

    .therapist-service .tags-name button p:hover{
        background: #BD7655;
        color: #fff;
        border: 1px solid #BD7655;
    }

    .therapist-service{
        border-bottom: 1px solid #CBD0DC;
        padding-bottom: 10px;
    }

    .Your-all-Services-section .all-service-info{
        border: 1px solid #EAECF0;
        padding: 15px 0;
    }

    .select-service-title{
        padding: 10px 10px;
    }

    .select-service-title h3{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        color: #344054;
    }

    .select-service-title p{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        color: #6D6D6D;
        margin: 0;
    }

    .Select-services-box{
        display: flex !important;
        flex-wrap: wrap;
        padding: 10px 10px; 
    }

    .Select-services-box .service-box{
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .Select-services-box .service-box:hover {
        background-color: #FFEFE8;
    }

    .service-box button{
        display: flex;
        align-items: center;
        border: 1px solid #DEE2E6;
        border-radius: 0;
    }

    .service-box p{
        margin: 0;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        margin-right: 10px;
        color: #495057;
    }

    .service-box .bx-x{
        font-size: 18px;
        color: #000000;
    }

    .add-aues{
        margin: 10px 0;
    }

    .add-aues input, .add-ans input{
        padding: 0 10px !important;
    }

    .tell-your-clinet , .Add-Questions-Answers{
        padding: 10px 0;
    }

    .add-new-section{
        justify-content: space-between;
        display: flex;
    }

    .add-new-section .add-another p{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        color: #BD7655;
    }

    .add-another i{
        color: #BD7655;
        margin-right: 10px;
        font-size: 13px;
    }

    .add-cancel-btn .Cancel-btn{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #344054;
        border-radius: 0;
        padding: 5px 15px;
        background-color: #fff;
    }  
    

    .add-cancel-btn .Add-btn{
        padding: 5px 25px;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #344054;
        color: #fff;
        background-color: #344054;
    }

/* ========= Pricing Plan page ======= */

    /* ----Pricing Plan Information Section---- */

    .Pricing-plan-information-section{
        margin: 50px 0;
    }

    .Pricing-plan-title h3{
        font-family: Montserrat;
        font-size: 38px;
        font-weight: 600;
        text-align: center;
        color: #333333;
        padding: 10px 0;
    }

    .Pricing-plan-desc p{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        color: #667085;
    }

    .Pricing-plan-desc p b{
        color: #1D2939;
    }

    /*-----Pricing-Listing-card---- */

    .Basic_Listing_card{
        background-color: #FAFCFF;
        padding: 20px 20px;
        border: 1px solid #E5EFFF;
        border-radius: 12px;
    }

    .basic-list-title h3{
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 600;
        color: #333333;
        margin: 0;
        padding-bottom: 20px;
    }

    .basic-list-detail{
        padding: 20px 0;
        height: 420px;
        border-top: 1px solid #E5EFFF;
    }  
    
    .basic-list-detail p{
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        color: #475467;
        margin-bottom: 10px;
    }

    .Verified_Listing_Card {
        background-color: #BD7655; 
    }

    .Verified-Listing-title{
        display: flex;
        align-items: center;
        padding-bottom: 20px;
    }

    .Verified-Listing-title h3 , .Verified-Listing-desc p{
        color: #ffffff;
        padding: 0;
        margin-right: 10px;
    }

    .free-subscribe-btn{
        background-color: #BD7655;
        border-radius: 8px;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        width: 100%;
    }

    .Verified-Listing-btn{
        background-color: #fff;
        color: #101828;
    }

    .subscribe-image , .thanks-popup .modal-header .popup-signin-txt{
        text-align: center;
    }

    .thanks-popup .subscribe-text p{
        margin: 0 !important;
    }

    .free-subscribe-btn:hover{
        color: #fff;
    }

    .free-subscribe-btn:hover:focus {
        box-shadow: none;
    }

    .pricing-note{
        font-family: Montserrat;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        text-align: center;
    }
    
    
/* ===== Therapists-Control-Center ===== */


    /* ------- side-bar ----- */

    .sidebar-sections{
        margin: 50px 0;
    }

    .sidebar-uldata {
        list-style: none;
        padding: 0;
    }

    .sidebar-uldata .sidebar-lidata{
        display: flex;
        padding: 10px 10px;
    }

    .sidebar-uldata .sidebar-lidata .side-link{
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #475467;
        width: 100%;
        padding-left: 10px;
    }

    .sidebar-uldata .sidebar-lidata .side-link i{
        margin-right: 10px;
    }

    .sidebar-uldata .sidebar-lidata .side-link span{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
    }

    .side-link.active {
        background-color: #FFF7F2;  /* Light gray background for active link */
        color: #BD7655 !important; 
        padding: 5px 0px;
        font-weight: 600;
    }

    /* -------Spa cover photo-------- */


    .spa-cover-photo , .set-as-cover{
        position: relative;
    }

    .spa-cover-photo p{
        position: absolute;
        bottom: 0px;
        right: 20px;
        background-color: #fff;
        padding: 5px 10px;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        color: #475467;
    }

    .spa-gallery .set-as-cover {
        position: relative;
        display: inline-block;
    }
    
    .cover-photo-title h3{
        font-family: Montserrat;
        font-size: 22px;
        font-weight: 700;
        margin: 10px 0;
    }

    
    /* Black overlay (with opacity 50%) */
    .spa-gallery .set-as-cover::before {
        content: '';
        position: absolute;
        left: 0;
        width: 90%;
        height: 143px;
        background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
        border-radius: 12px; /* Match the border radius of the image */
        z-index: 0; /* Place it under the text */
        pointer-events: none; /* So it doesn't interfere with clicks */
        margin: 20px 0;
    }
    
    /* Styling for the text on the image */
    .set-as-cover p {
        position: absolute;
        top: 40%;
        left: 40%;
        transform: translateX(-40%);
        background-color: #fff;
        padding: 5px 8px;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        color: #475467;
        z-index: 0; /* Ensure the text appears on top of the overlay */
    }

     .spa-addimages{
        width: 100%;
        
     }


    .add-more-button {
        height: 150px;
        margin-top: 20px;
        background-color: #d3d8e1; /* Light grayish color */
        border-radius: 12px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        text-align: center;
        color: #475467; /* Darker gray for text and icon */
    }
    
    .add-more-button:hover {
        background-color: #c0c5ce; /* Darken on hover */
    }
    
    .add-more-button i {
        font-size: 40px; /* Icon size */
        color: #475467;
    }
    
    .add-more-button span {
        font-size: 16px;
        font-weight: 500;
        color: #475467;
    }
    
    /* Style for uploaded images */
    #imagePreviewContainer img {
        width: 150px;
        height: 180px;
        object-fit: cover;
        border-radius: 12px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    
    .Spa-image-gallery-part  .spa-gallery{
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
    }

    .spa-photo-gallery img{
        height: 150px;
        object-fit: cover;
        width: 90%;
    }

    /* ------ Spa photo and name ------- */

    .spa-photo{
        position: relative;
    }

    .spa-photo img{
        width: 100%;
        border-radius: 16px;
    }

    .spa-camera i{
        position: absolute;
        bottom: 10%;
        right: 10%;
        background-color: #fff;
        padding: 4px 5px;
        border-radius: 5px;
    }

    .spa-name-detail .spa-name h3 , .Number-of-Views h3{
        font-family: Montserrat;
        font-size: 22px;
        font-weight: 700;
        color: #1D2939;
    }

    .spa-name-detail .spa-detail{
        display: flex;
        justify-content: space-between;
        font-family: Montserrat;
        margin-top: 20px;
    }

    .spa-name-detail .spa-detail p{
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        color: #0C0C0D;
    }

    .spa-name-detail .spa-detail span{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #565565;
    }

    .spa-name-detail .spa-detail span i{
        margin-right: 5px;
    }

    /* ------ Profile ----- */

    .therapist-edit{
        width: 10%;
    }

    .therapist-edit p{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #BD7655;
        margin: 0;
    }

    .personal-detail-social-link-btn{
        display: flex;
        margin: 30px 0;
    }

    /* .personal-detail-btn a button{
        background-color: #BD7655;
        padding: 10px 10px;
        border: 1px solid #BD7655;
        margin-right: 20px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    } */

    .personal-detail-btn a button , .social-link-btn a button{
        border: 1px solid #475467;
        padding: 10px 10px;
        background: #fff;
        font-size: 16px;
        font-weight: 600;
        color: #475467;
        margin: 0 10px;
    }

    .personal-btn, .social-btn {
        background-color: #ddd; /* Default button color */
        color: #333;
        border: none;
        padding: 10px 20px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    
    .personal-btn.active, .social-btn.active {
        background-color: #BD7655; /* Active state button color */
        color: white;
        border: 1px solid #BD7655;
    }
    
    .personal-detail, .social-link-detail {
        display: none; 
    }
    
    .visible {
        display: flex;
    }

    /* ------ Tag on the current package ----- */

    .tag-title-name {
        display: flex;
        align-items: center;
    }

    .tag-title-name h3{
        margin: 0;
    }

    .tag-title-name span{
        font-family: Montserrat;
        font-size: 10px;
        font-weight: 500;
        text-align: center;
        background-color: #101828;
        color: #fff;
        padding: 4px 8px;
        border-radius: 60px;
        margin-left: 8px;
        padding: 5px 10px;
    }

    .tag-package-detail .tag-contact , .tag-package-detail .tag-city {
        display: flex;
        margin: 15px 0;
    }

    .tag-package-detail .tag-contact i , .tag-package-detail .tag-city i{
        color: #667085;
        margin-right: 10px;
    }

    .tag-package-detail .tag-contact p , .tag-package-detail .tag-city p{
        margin: 0;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        color: #98A2B3;
    }

    /* ------ Dashboard ------- */

    .Dashboard-image{
        position: relative;
    }

    .Dashboard-image img{
        width: 100%;
    }

    .Dashboard-image p{
        position: absolute;
        font-family: Oranienbaum;
        font-size: 35px;
        font-weight: 400;
        top: 5%;
        right: 5%;
    }

    .wrapper-nav .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
    }

    .wrapper-nav .nav-tabs>li {
        float: none;
    }

    .wrapper-nav .nav.nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .wrapper-nav .nav {
        overflow-x: auto;
        overflow-y: hidden;
        height: 50px;
    }
      
    .wrapper-nav .nav-link {
        font-size: 14px;
        text-align: center;
    }
      
    .wrapper-nav .nav-item.selected {
        color: #fff;
        background-color: #007bff;
    }


    .Graph-image img{
        width: 100%;
        margin-top: 20px;
    }

    .wrapper-nav .list .pointer{
        border: none;
    }

    .wrapper-nav .list .pointer.active{
        color: #BD7655;
        font-weight: 700;
        border-bottom: 2px solid #BD7655;
        margin: 0;
    }

    .wrapper-nav .list .pointer{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        padding: 10px 15px;
        color: #212529;
    }

     .Service-view-title h3{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        margin: 24px 0;
        color: #344054;
    }

    .Service-view-details .service-name-view-no{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 15px 0;
    }

    .service-name-view-no p{
        margin: 0;
        color: #667085;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 500;
    }

    .service-name-view-no span{
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 600;
        color: #1D2939;
    }

    .inquiries-showall{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .show-all-inquiries a{
        text-decoration: none;
    }

    .show-all-inquiries a button{
        border: none;
        background: none;
        color: #BD7655;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .show-all-inquiries a button i{
        font-size: 14px;
    }

    .Inquiries-profile-info{
        display: grid !important;
        grid-template-columns: repeat(5, 1fr);
        text-align: center;
    }

    .Inquiry-detail .Inquiry-profile img{
        width: 25%;
        border-radius: 50%;
    }

    .Inquiries-profile-info .Inquiry-detail{
        border: 1px solid #EAECF0;
        padding: 10px 5px;
        margin: 5px 5px;
    }

    .Inquiries-profile-info .Inquiry-detail:hover {
        border: 1px solid #BD7655;      
        background-color: #FFF7F2;
    }

    .Inquiry-detail .Inquiry-profile p{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        color: #344054;
        margin: 5px 0;
    }

    .Inquiry-contact {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Inquiry-contact i{
        font-size: 12px;
        color: #667085;
        margin-right: 5px;
    }

    .Inquiry-contact p{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        margin: 5px 0;
        text-align: center;
    }

    .last-review {
        border-bottom: 1px solid #EDEDED;
        margin-bottom: 20px;
    }

    .last-review-data {
        display: block !important;
    }

    .last-review-data .posted-date{
        padding: 0 !important;
    }

    /* ---- Packages ---- */

    .pricing-desc p{    
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #667085;
    }

    .pricing-desc p b{
        color: #1D2939;
    }

    .pricing-desc span{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #FF3636;
    }

    .basic-listing-heading{
        background-color: #BD7655;
        text-align: center;
        padding: 10px 0;
        border-radius: 12px 12px 0 0;
    }

    .basic-listing-heading .basic-text{
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 5px;
    }

    .basic-listing-heading .basic-text span{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 600;
    }

    .basic-listing-heading .listing-price{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
    }

    .Verified-heading{
        border: 1px solid #EAECF0;
        background: #ffff;
    }

    .Verified-heading .Verified{
        color: #101828;
    }

    .Verified-heading .Verified-price{
        color: #475467;
    }

    .subscription-list{
        border: 1px solid #EAECF0;
        background: #FAFCFF;
        border-radius: 12px;
    }

    .subscription-list ul{
        list-style: none;
        padding: 0;
        margin: 0;
        border-radius: 12px;
    }

    .subscription-list ul li{
            font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        color: #1D2939;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #EAECF0;
        padding: 8px 10px;
    }

    .subscription-list ul li i{
        color: #BD7655;
        font-size: 20px;
        margin-right: 10px;
        border: 1px solid #EAECF0;
        border-radius: 4px;
    }

    .main-sub-table{
        background-color: #FAFCFF;
    }
    .price-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 12px 0px;
        border: 0;
    }
    .price-table tr:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    }
    .price-table tr td {
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        padding: 8px 10px;
        font-size: 14px;
    }
    .price-table tr td:first-child {
        border-left: 0 none;
        display: flex;
        align-items: center;
        background-color: #FAFCFF;
    }

    .table-data-box{
        width: 100%;
    }

    .table-data-box i{
        color: #BD7655;
        font-size: 20px;
        margin-right: 10px;
        border: 1px solid #EAECF0;
        border-radius: 4px;
    }

    .price-table tr td:not(:first-child) {
        text-align: center;
        background-color: #FAFCFF;
    }
    .price-table tr:nth-child(even) {
        background-color: #FFFFFF;
    }
    .price-table tr:hover {
        background-color: #EEEEEE;
    }
    .price-table .fa-check {
        color: #5336ca;
    }
    .price-table .fa-times {
        color: #D8D6E3;
    }
    
    .price-table tr.price-table-head .basic-listing-bg {
        font-size: 16px;
        font-weight: 600;
        font-family: "Montserrat";
        border-radius: 20px 20px 0 0;
        background-color: #BD7655;
    }

    .basic-listing-bg p{
        margin: 0;
    }

    .price-table tr .Premium-sec {
        background-color: #BD7655 !important;
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    .price-table tr.price-table-head .Verified-bg{
        background-color: #fff;
        color: #101828;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #EAECF0;
        border-radius: 20px 20px 0 0 !important;
    }

    .basic-listing-bg p span{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 600;
        margin-left: 10px;
    }

    .basic-listing-bg span{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
    }

    .price-table tr.price-table-head {
        /* background-color: #5336ca; */
        color: #FFFFFF;
    }
    .price-table td.price {
        color: #f43f54;
        padding: 16px 24px;
        font-size: 20px;
        font-weight: 600;
        font-family: "Montserrat";
    }
    .price-table td.price a {
        background-color: #BD7655;
        color: #FFFFFF;
        padding: 12px 32px;
        margin-top: 16px;
        font-size: 12px;
        font-weight: 600;
        font-family: "Montserrat";
        display: inline-block;
        border-radius: 64px;
        text-decoration: none;
    }
    .price-table td.price-table-popular {
        font-family: "Montserrat";
        border-top: 3px solid #5336ca;
        color: #5336ca;
        text-transform: uppercase;
        font-size: 12px;
        padding: 12px 48px;
        font-weight: 700;
    }
    .price-table .price-blank {
        background-color: #fafafa;
        border: 0 none;
    }
    
    .price-table svg {
        width: 90px;
        fill: #5336ca;
    }

    .price-table td.price-verified a{
        background-color: #fff;
        color: #101828;
    }

    .price-verified{
        background-color: #BD7655 !important;
    }

    .basic-listing-block{
        border: 1px solid #EAECF0;
        padding: 10px 10px;
        margin-bottom: 20px;
    }

    .verified-con-block{
        background-color: #FFF7F2;
        color: #fff;
    }

    .verified-con-block .verified-con-btn  a  .continue-btn{
        color: #fff;
        background-color: #BD7655;
    }


    .basic-listing-block .basic-data{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 25px;
    }

    .basic-data .mobile-basic-text{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        color: #1D2939;
        margin: 0;
    }

    .basic-data .mobile-basic-price{
        display: flex;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 500;
        color: #1D2939;
        margin: 0;
    }

    .basic-data .mobile-basic-price p{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        color: #667085;
        margin: 0;
    }

    .basic-list-continue a .continue-btn{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        color: #BD7655;
        background-color: transparent;
        border: 1px solid #BD7655;
        width: 100%;
        padding: 8px 0;
    }

    .Available-Features-title h3{
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
    }

    /* ------ Listing ----- */

    .service-detail-btn{
        text-align: center;
    }

    .service-detail-btn a button{
        background: none;
        border: none;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        color: #BD7655;
        text-decoration: underline;
    }

/* ========= Add New Listing ======= */

    .add-new-service-list{
        border: none !important;
        padding: 0 !important;
    }

/* ========= privacy-policy-section ========= */

    .privacy-policy-section{
        margin: 50px 0;
    }

    .privacy-policy-information .privacy-title{
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 20px;
        color: #000000;
    }

    .privacy-policy-information .privacy-description{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        color: #6D6D6D;
        margin-bottom: 40px;
    }

    .privacy-policy-information .privacy-description b{
        color: #BD7655;
    }

/* ========== Localized Spa ========= */

    .localized-Top-Service-section{
        margin: 50px 0;
    }

    .localized-spa-search .localized-dropdown{
        width: 45%;
    }

    .localized-spa-search .localized-dropdown button{
        justify-content: space-between;
        width: 100%;
    }

    .Localized-spa-show a{
        display: flex;
        justify-content: center;
    }

/* ========== Listings Details page ========= */

    .listing-details-section{
        margin: 50px 0;
    }

    .Cleanse-title{
        display: flex;
        align-items: center;
    }

    .Cleanse-title p{
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        color: #FAF9F7;
        background-color: #101828;
        padding: 0px 15px;
        border-radius: 100px;
        margin-left: 10px;
    }

    .service-img-box img{
        width: 100%;
        margin-top: 40px;
        border-radius: 25px;
        max-height: 100vh;
        object-fit: cover;
    }

    .Massage-Therapy-detail li::marker {
        display: inline-block;
        width: 10px;
        height: 100%;
        color: #344054;
        font-size: 25px;
    }

    .listing-sub-service ul li{
        color: #667085;
        padding: 5px 0px;
    }

    .therapist-img-data{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .therapist-img-data img{
        width: 16%;
        border-radius: 6px;
        object-fit: cover;
    } 

    .therapist-name-info h4{
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 700;
        color: #0C0C0D;
        margin-left: 10px;
    }

    .therapist-name-info p{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        color: #565565;
        margin-left: 10px;
        margin-bottom: 0;
    }

    .listing-detail-title h3 {
        color: #344054;
    }

/* ========== Edit Listings Details page ========= */

    .edit-listing-data {
        border: 1px solid #EAECF0;
        padding-right: 10px;
    }

    .fieldset-edit-list{
        border-radius: 25px;
    }

    .listing-list-edit {
        margin: 0 10px;
    }

    .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #bd7655;
        border-color: #bd7655;
    }