/*@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');*/

:root{
    --main-color: #c39bc3;
    --main-color-2:#ad79ad;
    --color-3:#f1b4f1;
    --dark-main-color: #b05bb0;
    --background-color: #fff7f1;
    --cosmetic-color: #620d62;
    --new:#c298c6;
}

*{
    box-sizing: border-box;
    margin: 0;
    font-family: 'Montserrat', arial;
}
.breadcrumb{
    font-weight: 500;
}
.breadcrumb a{
    text-decoration:none;
    color:white;
}
.achievementsx li{
    margin-bottom:10px;
}
body{
    background-color: var(--background-color);
    width: 100%;
    min-height: 100vh;
}
.slick-slide{
    height:auto;
}

h1,h2,h3,h4,h5,h6{
    font-weight:bold;
}

.video-section{
    margin-bottom:30px;
}
/* --------------------common---------------------------------------- */

.bg-cosmic{
    background-color:var(--dark-main-color);
}
.main-color{
    color: var(--main-color);
}

.main-bg{
    background-color: var(--main-color);
}

.dark-main{
    color: var(--dark-main-color);
}

.xrewrdf{
    
}
.xrewrdf .slick-arrow.slick-prev,.baslider .slick-arrow.slick-prev{
    left:-45px;
}
.xrewrdf .slick-arrow.slick-next,.baslider .slick-arrow.slick-next{
    right:-45px;
}
.xrewrdf .slick-arrow,.baslider .slick-arrow{
        background: #c39bc3;
    padding: 10px;
    width: auto;
    height: auto;
    border-radius: 50%;
}
.dark-bg{
    background-color: var(--dark-main-color);
}

.bg-color{
    background-color: var(--background-color);
}


.icons-bg{
    background-color: #a47f6f;
}

.goldenStar{
    color: #f6bb06;
}

.blogText{
   color: #d25239;
}

.formBg{
    background-color: #fffdfb;
}


.topPadding{
    padding-top: 60px;
}

.uniformPadding{
    padding:65px 0;
    flex:1;
}
.heroBox2{
    flex:1;
}
.heroBox2 img{
    padding:30px;
    padding-bottom:0;
}

.sectionHeading{
    font-size: 40px;
}


.ls2{
    letter-spacing: 2px;
}

.mainBorderBottom{
    border-bottom: 5px solid var(--dark-main-color);
}

.aboutInput{
    height: 60px;
    
    font-size: 16px;
    padding: 10px 0;
    padding-left:10px;
    border: none;
    border-bottom: 1px solid gray;
    outline: none;
}

.aboutFormBtn{
display: block;
text-align: center;
background-color: #665b5b;
padding: 12px 0;
color: white;
}

.mainMenu:hover>a{
    color: white;
}









/* --------------------common end------------------------------------- */




/* ---------------------------fixed Whatsapp---------------------- */

.whatsappFixed{
    position: fixed;
    bottom: 84px;
    left: 20px;
}


/* ---------------------------fixed Whatsapp-end--------------------- */





/* ---------------------------------------------------------------contactDetails/top---------------------------------------------------- */


.contactInfo{
    padding: 8px 30px;
}
.borderBottom{
    border-bottom: 0.5px solid rgba(128, 128, 128, 0.316);
}

.personalDetails{
    
    gap: 50px;
}

.personalDetails a{
    font-size: 14px;
    padding: 5px 0;
}
.socialMedia{
    gap: 6px;
    align-items:center;
}
.socialMedia a{
    height: 26px;
    width: 26px;
    padding: 2px;
}

.socialMedia a img{
    height: 13px;
    width: 13px;
}



/* ---------------------------------------------------------------contactDetails/top-end------------------------------------------------- */




/* -----------------------------------------------------------upper Menu--------------------------------------------------------- */




.upperMenu .logo img{
    height: 70px;
    width: 100px;
}

.upperMenu{
    padding: 0px 30px;
}

.upperMenuItems {
gap: 30px;
}

.upperMenuItems a{
font-weight: 600;
font-size: 14px;
}



/* -----------------------------------------------------------upper Menu-end---------------------------------------------------- */




/* ------------------------------------------lowerMenu ------------------------------------------------------------------------- */



.lowerMenu .lowerMenuItems a{
    font-weight: 600;
    padding: 15px 25px;
    display: inline-block;
    font-size: 14px;
}

.lowerMenu .lowerMenuItems:hover .lowerMenuDropdown{
display: block;
}

.lowerMenuItems .lowerMenuDropdown a {
    line-height: 1.2;
}

.lowerMenuItems .lowerMenuDropdown a:hover{
    color: var(--main-color);
}




.lowerMenuDropdown{
    display: none;
    position: absolute;
    box-shadow: 0px 3px 1px 1px #00000026;
    width:200px;
    padding-top: 10px;
    background-color: var(--background-color);
}



/* ------------------------------------------lowerMenu end------------------------------------------------------------------------- */


/* --------------------------------------------Hero Section----------------------------------------------------------------------- */

.heroSection{
    /*border-bottom: 5px solid var(--dark-main-color);*/
}

.heroSectionHeading p{
    /*font-family: 'Charm', Arial, Helvetica, sans-serif;*/
    font-size: 40px;
    font-weight: bold;
    width: 80%;
}

.doctorName{
    padding-top:0px ;
    
    font-weight: bold;
    color: var(--dark-main-color);
}

.certified{
    
    margin-top:10px;
    font-weight: bold;
}

.featuresList ul{
    padding-left: 0;
}

.featuresList ul li{
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 16px;
    padding-bottom: 5px;
    list-style: none;
}

.featuresList ul li::before {
    content: '✔'; 
    margin-right: 10px; /* Spacing between marker and text */
    color: var(--main-color);
    font-size: 18px;
    display: inline-block;
    
  }

  /* .heroBox1{
    margin-top: 50px;
  } */

  .heroBox2 img{
    height: 100%;
    width: 100%;
    object-fit: fill;
  }






/* --------------------------------------------Hero Section-end-------------------------------------------------------------------- */



/* --------------------------------------------Consult Section-------------------------------------------------------------------- */


.outerConsultSection{
    /* height: 400px; */
    background-color: white;
}

.consultBtn{
    font-weight: bold;
    flex: 1;
}

.consultForm a{
    font-size: 12px;
    padding: 15px 45px;
    background-color: black;
    color: white;
    letter-spacing:2px;
}

.consultForm{
    flex: 4;
}

.consultForm input{
    height: 60px;
    width: 100%;
    border: none;
    border-bottom: 1px solid gray;
    font-size: 16px;
    font-weight: 600;
    outline: none;
}

.consultForm .consultFormInputs{
    gap: 30px;
        display: grid !important
;
    grid-template-columns: 1fr 1fr;
}

.consultForm .consultFormInputs .consultFormInput{
    width: 100%;
}
.consultFormInput-2{
    grid-column-start:1;
        grid-column-end: 3;
}

.mobileNumber{
    padding-top: 0;
}
.consultFormInput-2 select{
        font-weight: 600;
    color: gray;
    text-transform: uppercase;
}


/* --------------------------------------------Consult Section-end-------------------------------------------------------------------- */





/* --------------------------------------------Popular Section-------------------------------------------------------------------- */


.outerPopularSection{
    background-color: var(--background-color);
}

.popularSection{
width: 100%;
}

.sectionTitle .service{
    font-size: 13px;
    letter-spacing: 2px;
    color: var(--dark-main-color);
    font-weight: 600;
}

.popularProcetures{
    font-weight: bold;
}

.imagesSection{
    /*display: grid;*/
    /*grid-template-columns:  1fr 1fr 1fr 1fr ;*/
    /*gap: 15px;*/
}
.imagesSection img{
    height: 430px;
    width: 100%;
    object-fit: cover;
}

.imagesSection .popularSectionImage{
overflow: hidden;
}

.imagesSection .imagesDetails img{
    transition: 350ms;
}

.imagesSection .imagesDetails img:hover{
    transform: scale(1.1);
    transition: 350ms;
}





/* --------------------------------------------Popular Section-end-------------------------------------------------------------------- */



/* --------------------------------------------Cosmetic Section-------------------------------------------------------------------- */


.cosmeticSurgery{
    display: flex;
    /* min-height: 700px; */
}
.cosmeticBox1{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cosmeticBox1 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cosmeticBox2{
    flex: 1;
    background-color: var(--cosmetic-color);
}

.cosmeticPara{
    width: 95%;
}

.cosmeticSurgeryListItems{
    letter-spacing: 2px;
}



/* --------------------------------------------Cosmetic Section-end-------------------------------------------------------------------- */




/* ---------------------------------------------treatment-Slider----------------------------------------------------------------------- */

.treatmentCarousel, .outerTreatmentContainer{
    background-color: white;
}




.treatmentSliderItem a{
    margin-top: 24px;
    font-weight: bold;
    font-size: 18px;
    position: relative;
}

.treatmentSliderItem img{
    cursor:pointer;
}
.treatmentSliderItem a::before{
    /*content: "";*/
    /*background-color: var(--dark-main-color);*/
    /*height: 2px;*/
    /*width: 80px;*/
    /*position: absolute;*/
    /*bottom: -20px;*/
    /*left: 80px;*/
}




/* ---------------------------------------------treatment-Slider-end-------------------------------------------------------------------- */




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


.aboutUs .aboutPara1{
    /* width: 80%; */
    text-align: center;
    margin: auto;
    font-weight: 600;
    text-transform: capitalize;
}

.aboutPara2{
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

.aboutPara2 span{
    color: var(--dark-main-color);
}

.readMore{
    margin-top: 20px;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--dark-main-color);
}



/* -------------------------------------------------About Us-end--------------------------------------------------------------------------- */



/* ----------------------------------------------------Before and After Section------------------------------------------------------------ */

.beforeAndAfterContainer{
    text-align: center;
    padding-bottom: 50px;
}

.beforeAndAfterContainer .para1{
    font-size: 13px;
    color: var(--dark-main-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.beforeAndAfterContainer .para2{
    font-weight: bold;
   
    width: 50%;
    margin: auto;
}

.beforeAfterImages{
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr 1fr;*/
    /*gap: 20px;*/
}

.imageContainer{
    /* height: 400px; */
    padding-top: 15px;
}

.beforeAfterBtn{
    background-color: var(--dark-main-color);
    color: white;
    display: inline-block;
    padding: 15px 35px;
    border-radius: 10px;
    margin-top: 20px;
    font-size: 16px;
}





/* ----------------------------------------------------Before and After Section-end--------------------------------------------------------- */



/* ----------------------------------------------------Ultimate Section--------------------------------------------------------- */


.ultimateContainer{
    
    gap: 20px;
    min-height: 800px;
    padding: 0;
}

.ultimateBox1{
    flex: 1;
    background-color: var(--cosmetic-color);
    padding: 50px 50px;
}

.ultimateBox1 .ultimatePara1{
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: bold;  
}

.ultimateBox1 .ultimatePara2{
    
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold;  
}

.ultimateBox1 .ultimatePara3{
    line-height: 1.8;
}

.achievementIcon{
    height: 40px;
    width: 40px;
}

.ultimateBox2{
    flex: 1;
}

.ultimateBox2 iframe{
    height: 394px;
    width: 100%;
}

/* ----------------------------------------------------Ultimate Section-end--------------------------------------------------------- */




/* ----------------------------------------------------Testimonial Section--------------------------------------------------------- */


.testimonialSection{
    min-height: 600px;
    padding: 80px 0;
}

.testimonialSection .para1{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}

.reviews .reviewBox1{
width: 20%;
}
.reviewBox1 .para4 img{
    height: 35px;
    width: 110px;
    margin: auto;
}

.reviews .reviewBox2{
width: 80%;
}


.reviewSliderItem{
   
    width: 100%;
    background-color: rgba(128, 128, 128, 0.09);
}

.reviewSliderOuter{
    margin: 0 8px !important;
}

.profileDetails .profileImg{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: green;
}
.profileDetails .googleLogo{
    height: 25px;
    width: 25px;
}

.profileDetail .name .username{
    font-size: 14px;
    font-weight: 600;
}

.profileDetail .name .time{
    font-size: 12px;
    color: gray;
}

.reviewDetail{
    font-size: 14px;
    width: 90%;
}

.reviewSliderItem:hover{
    transform: translateY(-10px);
    transition: 350ms;
}

.slick-slide{
    margin: 0 8px !important;
}





/* ----------------------------------------------------Testimonial Section-end--------------------------------------------------------- */



/* ----------------------------------------------------Blog Section--------------------------------------------------------- */

.outerBlogSection{
    background: url('../assets/images/blogBg.webp');
    background-size: cover;
    padding: 0;
}
.blogOverlay{
    background-color: rgba(32, 31, 31, 0.9);
}

.blogGrid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row: 1fr 1fr;
    gap:50px;
}

.blogGridItem p{
    line-height: 1.2;
}

.blogReadMore{
    font-size: 13px;
}



/* ----------------------------------------------------Blog Section-end--------------------------------------------------------- */



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

.footer{
    background-color: #e0e0e0;
    padding-top: 80px;
    padding-bottom: 20px;
}

.footerBox1 .footerLogo{
    height: 105px;
    width: 150px;
}

.footerBox1{
    flex:2
}

.footerBox2{
    flex:5
}


.FooterSocialMedia a{
    height: 40px;
    width: 40px;
    padding: 2px;
    font-weight: 500;
    background-color: var(--main-color);
}

.FooterSocialMedia a img{
    height: 20px;
    width: 20px;
}

.footerBox2 .footerBox21{
    flex: 1;
}
.footerBox2 .footerBox22{
    flex:1.5;
}

.endcopy{
    display:flex;
    justify-content:space-between;
}


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



/* -----------------------menu------------------------------------------- */


.secondMobileMenu{
    position: fixed;
    width: 80%;
    height: 420px;
    background-color: white;
    top: 110px;
    display: none;
}
.mobileDropdown{
    position: fixed;
    width: 80%;
    height: 420px;
    background-color: white;
    overflow-y: scroll;
    top: 110px;
    display: none;
}


.mobileMenuItems{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.279);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 7;
    display: none;
}




.section-heading{
    background-image: url('images/surgeon-in-india-Banner.webp');
    background-size: cover;
    position: relative;
    min-height: 250px;
}

.sectionWithoutBg{
    min-height: 250px;
}

.overlay{
    background-color: #ffffff6c;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.section-heading h1{
    font-size: 50px;
    font-weight: bold;
}

.text-warning{
    color: rgb(243, 113, 7) !important;
}
.x-section{
    padding: 80px 0;
}
.default-frame{
    width: 100%;
    height: 350px;
}
.lh{
    line-height: 2;
}
.btn-default{
    background-color: black;
    color: white;
    padding: 20px 32px;
    text-decoration: none;
    border-radius: 8px;
}
.bg-primary{
    background-color: var(--main-color-2) !important;
    color: white;
}
.slot-banner{
    display: flex;
    gap: 20px;
    align-items: center;
    text-transform: uppercase;
}
.slot-banner .img{
    width: 65px;
    filter:invert(1);
}
.adv{
    max-width: 80%;
    margin: auto;
    background-color: var(--color-3);
    color: black;
    padding: 40px;
    border: 2px solid black;
    border-radius: 20px;
}

.adv h2{
    text-align:center;

    font-style:32px;
}


/* -------------------------------------------------------------Facelift--------------------------------------------------------------- */


.faceliftlist li{
 padding-bottom: 24px;
}

.expect li{
    line-height: 2;
    padding-bottom: 12px;
}
.complications li{
    line-height: 2;
    padding-bottom: 12px;
}
.whyChoose li{
    line-height: 2;
    padding-bottom: 12px;
}


/* -------------------------------------------------------------Facelift end----------------------------------------------------------- */



.aboutBg{
    background: url('./images/aboutBG.webp');
    background-size: cover;
    position: relative;
}

.aboutOverlay{
    position: absolute;
        bottom: 15px;
    right: 15px;
    left: 15px;
}

.experienceContainer .numbers{
    flex:25%
}

.aboutTestimonial{
    background: url('./images/blogBg.webp');
}

.aboutTestimonial .reviewSliderItem{
    background-color: white;
}

.pagination{
    text-align:center;
    justify-content:center;
    margin-top:30px !important;
}
.pagination a{
    text-decoration:none;
    color:#333;
}
.post-content *{
    font-family:inherit !important; 
}
.post-content img{
    margin-bottom:30px;
}
.post-desc{
    background-color:white;
    padding:30px;
}
.recent-posts{
    padding-left:20px;
}
.blog-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:40px;
}
.blog-grid-item{
    background-color:white;
    border-radius:8px;
    overflow:hidden;
}
.blog-grid-item-content{
    padding:20px;
}
.blog-grid-item-content h4{
    font-size:20px;
    font-weight:bolder;
}
.blog-grid-item-content  a{
        font-weight: bold;
    color: #d08dda;
}
.post-content{
    margin-bottom:65px;
}
.post-content h2{
    font-weight:bold;
    font-size:28px !important;
}
input:focus{
    box-shadow:none !important;
    outline:none;
}
.consultFormInputs input{
    padding-left:15px;
}
.pagination{
    margin-top:20px;
}
.pagination nav>div:nth-child(1){
    display:none;
}
.pagination svg{
    width:24px;
}
.review-content{
    max-height:150px;
    padding-bottom:10px;
    overflow:hidden;
    transition:300ms;
}

/*CSS ROHIT*/
.btn-lg{
    padding:12px 24px;
    font-size:16px;
}
.btn-hover-primary:hover{
    background-color:var(--main-color-2);
    border-color:var(--main-color-2);
}
.cosmeticSurgeryListItems a{
    text-decoration:none;
    color:white;
}
.container-xxl{
    padding:0 40px;
}
.accordion-button{
    box-shadow:none !important;
}
.about-marketing{
        position: relative;
}

.about-marketing-content{
       padding: 28px;
    background: white;
    font-size: 20px;
    max-width: 580px;
    font-weight: 600;
    position: absolute;
    bottom: 20px;
    left: 0;
    border-radius: 4px;
}
.text-primary{
    color:var(--dark-main-color) !important;
}
.contactInfo{
    padding:8px 40px;
}
.switcher{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:20px;
}
.tabs{
        display: flex;
   
    margin-bottom:20px
}
.tabs .tab-item{
    cursor:pointer;
    padding:14px 16px;
    border-bottom:5px solid transparent;
    transition:300ms;
    font-weight:500;
}

.tabs .tab-item:hover,.tabs .tab-item.active{
    border-bottom-color:brown;
}
.switcher img{
    width:100%;
    border-radius:24px;
}
.before-after-page{
    max-width:1000px;
    margin:auto;
}
.not-found{
        text-align: center
}
.not-found h1{
    font-size:120px;    
    font-weight:bold;
}
.map-minee{
    width:100%;
    height:240px;
}

.contact-form{
    padding:40px;
    border:1px solid var(--dark-main-color);
    background-color:white;
}
.contact-form input,.contact-form  button,.contact-form  select{
    height:50px;
}
textarea{
    box-shadow:none !important;
}
.btn-default{
    transition:300ms;
}
.consultForm a:hover,.btn-default:hover{
    color:white !important;
    background-color:var(--dark-main-color) !important;
}
.beforeAfterBtn:hover,.readMore:hover{
    background-color:black !important;
    color:white !important;
}
.media{
    padding:40px 0 0 0;
}
.hideDesktop{
    display:none;
}
 .short-container {
    position: relative;
    width: 100%;
    height:544px;
    cursor: pointer;
  }
  .short-container img {
      width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
 .youtube-container {
    position: relative;
    width: 100%;
    height:384px;
    cursor: pointer;
  }
  .youtube-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
  }
  
  
  .short-container .play-button {
       position: absolute;
    width: 68px;
    height: 72px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('images/icons8-youtube-shorts.svg') no-repeat center;
    background-size: 100%;
    z-index: 2;
  }
  .youtube-container .play-button {
    position: absolute;
    width: 68px;
    height: 48px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('https://img.icons8.com/ios-filled/50/ffffff/play--v1.png') no-repeat center;
    background-size: 100%;
    z-index: 2;
  }
  .inner-pages{
        
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #c298c6;
    background-image:none;
       
  }
  .header2{
       border-bottom: 1px solid black;
  }
  .inner-pages img{
      height:450px;
      width:100%;
      object-fit:cover;
      object-position:right
  }
  .inner-page-content{
      color:white;
  }
  .inner-yt-container{
      height:364px;
          border: 8px solid #c39bc3;
  }
  .inner-yt-container iframe{
      height:348px;
      width:100%;
  }
  .header2{
      background-color: var(--cosmetic-color) !important;
  }
  .header2 .bottom-menu-item > a{
      color:white !important;
  }
  .header2 .bottom-menu-item > a:hover{
      background-color:black !important;
      color:white !important;
  }
  .hero{
      background-image:url('/assets/images/tde233.webp')
  }
@media screen and (max-width:768px){
    .hero{
        /*background-image:url('/assets/images/mobile-2.webp') !important;*/
        background-image:none !important;
        background-color:black;
    }
    .inner-pages img{
            object-position: 100%; 
            height:280px;
    }
    .inner-page-content{
            text-align: center;
    margin-top: 22px;
    }
    .table-responsive table{
            width: 600px;
    }
    .inner-yt-container iframe{
      height:180px;
      width:100%;
  }
    .inner-yt-container {
    height: 190px;
    border: 5px solid #c39bc3;
}
    .secondtrx{
        font-size:30px !important;
    }
    
    .hideDesktop{
        display:block;
    }
    .mobilexwer{
        display:flex;
        gap:16px;
        font-size: 20px;
    }
    .mobilexwer a{
        display:block;
              color: #3c3c3c;
    }
    .lowerMobileMenu{
        justify-content: space-between;
    }
    .heroSection{
        
    }
    .heroSectionHeading p{
            font-size: 29px;
    }
    .heroBox1{
        order:1;
    }
    .heroBox2{
        order:0;
    }
    html,body{
        overflow-x:hidden;
    }
    .uniformPadding{
        padding:30px 0;
    }
    .footerBox2{
        flex-wrap: wrap;
    }
    .container-xxl{
        padding:0 15px !important;
    }
    .footerBox21{
        width:100%;
    }
    .footer{
        padding-top:40px;
    }
    .heroSectionHeading p{
        width:100%;
    }
    .outerConsultSection{
        min-height:500px !important;
    }
    .outerPopularSection{
        padding:20px !important;
    }
    .popularSectionImage+p{
        margin-bottom:0 !important;
    }
    .testimonialSection{
        padding:40px 0;
    }
    .reviews .reviewBox2{
        padding:0 !important;
    }
    div.reviews{
        margin-top:10px !important;
    }
    .reviewSliderItem{
        height:auto !important;
    }
    .default-frame{
        height:202px ;
    }
    .book-slotss{
        flex-direction:column;
    }
    .estr{
        margin-bottom:50px !important;
    }
    .secondMobileMenu{
            z-index: 99;
    }
    .pagination{
        margin-bottom:35px !important;
    }
    .post-content{
        margin-top:15px;
    }
    .formBg{
        padding:20px !important;
    }
    .tab-parents{
        overflow-x:auto;
        margin-bottom:10px;
    }
    .tabs{
        width:800px;
    }
    .switcher{
            grid-template-columns: 1fr 1fr;
            gap: 10px;
    }
    .about-marketing{
        margin-bottom:30px;
    }
    .btn-dws{
        margin-bottom:30px;
        display:inline-block;
    }
    .experienceContainer .numbers{
        flex: 50%;
    }
    .contact-form{
        margin-top:30px;
        padding:18px;
    }
    .hide_mobile{
        display:none;
    }
    .blog-grid{
        grid-template-columns:1fr;
        margin-bottom:30px;
        gap:20px;
    }
    .section-heading h1{
        font-size:30px !important;
    }
}
@media screen and (max-width:1200px){
    .lowerMenu .lowerMenuItems a{
        padding: 15px 15px;;
    }
    .upperMenuItems{
        gap:20px
    }
}
.sidebar-reviews{
    margin-left:-15px;
}
.section{
    padding:60px 0;
}
.btn-lg{
    height:50px;
}
.form-control{
    height:50px;
    border:1px solid #ccc;
    border-radius:0 !important;
}
.form-control:focus{
    border-color:#000 !important;
}
.form-control-lg{
    font-size:16px;
}
.popularSectionImage{
    position:relative;
    overflow:hidden;
}
.srrerr{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: end;
    color: white;
    background: #0000002b;
}
.popularSectionImage:hover .trer{
    opacity:1;
    z-index:999;
}
.trer{
    text-align:center;
    position: absolute;
    background-color:#0c0c0c;
    color:white;
    bottom: 0;
    left: 0;
    right: 0;
    top:0;
    opacity:0;
    padding: 20px;
    transition:200ms;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tre{
    display:grid;
    gap:20px;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:250px 250px;
}
.itre{
    display:flex;
    background-size:100%;
    transition:240ms;
    justify-content:center;
    align-items:end;
    background-position:center;
    text-decoration:none;
    cursor:pointer;
    border-radius:8px;
    color:black;
}
.itre:hover{
    background-size:120%;
}
.itre:nth-child(2){
    grid-column:2 /span 1;
    grid-row:1 /span 2;
}
.hide{
    display:none;
}
.retf{
      width: 100%;
    height: 547px;
    border-radius: 8px;
}
.derrfff{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.treatmentSliderItem{
    background: white;
    
    padding: 19px;
    transition: 200ms;
}
.treatmentSliderItem:hover{
    background: #000;
    color: white;
}

.xlogo img{
    width:100px;
}
.xmenu{
    display:flex;
    gap:20px;
    align-items:center;
}
.xmenu a{
    text-decoration:none;
    color:black;
    display:inline-block;
    font-weight:600;
    
}
.top-menu{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.bottom-menu{
    justify-content:center;
}
.bottom-menu-item{
    
}
.bottom-menu a{
    display:block;
    color:white;
    text-decoration:none;
    padding:16px 20px;
    font-weight:600;
    color:var(--bs-nav-link-color);
    text-transform:uppercase;
    font-size:14px;
}
.bottom-menu a:hover{
    color:white;
}
.header2{
    background-color:var(--main-color);
}
.header1{
    padding:5px 0;
}
.bottom-menu{
    display:flex;
}
.dropdown-trigger{
    position:relative;
}
.dropdown-trigger:hover .dropdown-menux{
    display:block;
}
.dropdown-trigger:hover > a{
    color:white;
}
.dropdown-menux{
    display:none;
    position:absolute;
    width:250px;
    background-color:var(--background-color);
    border:1px solid #ccc;
    border-top:none;
}
.dropdown-menux-item:hover > a{
    /*color:var(--main-color);*/
    background-color:white;
    color:var(--main-color);
}
.dropdown-menux-item>a{
    display:flex;
    justify-content:space-between;
}
.dropdown-menux-item:hover .nested-menu{
    display:block;
}
.dropdown-menux-item{
    position:relative;
}
.nested-menu{
    display:none;
        position: absolute;
    left: 100%;
    top:0;
    width: 250px;
    background: var(--bs-body-bg);
}
.nested-menu a:hover{
    color:var(--main-color);
}
.drrr,.drr-flex{
    display:none !important;
}
.xk{
    position:sticky;
    top:0;
    z-index:99;
}
.header1{
    background:var(--background-color);
}
.footer-statix{
    display:none;
}
.hero{
        background-size: cover;
    padding: 80px 0;
}
.certified{
        color: var(--background-color);
}
.drgxew{
    padding:50px;
    background:var(--main-color-2);
    border-radius:40px;
    color:white;
}
@media screen and (max-width:768px){
    .drgxew{
        margin-bottom:30px;
    }
    .xk{
        display:none;
    }
    .header1,.header2{
        display:none;
    }
    .drr-flex{
        display:flex !important;
    }
    .drrr{
        display:block !important;
    }
    .sessionForm{
        
    }
    .sessionForm h3{
        margin-bottom:20px !important;
    }
    .sessionForm input,.sessionForm select{
        margin-bottom:20px;
    }
    .bg-cosmic{
        padding:16px 0;
    }
    .derrrr{
        display:block !important;
    }
    .derrrr img{
        height:380px !important;
    }
    .tre{
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 145px 145px 145px;
    }
    .itre:nth-child(2){
        grid-column: 1;
    grid-row: 1;
    }
    .itre:nth-child(5){
            grid-column-start: 1;
    grid-column-end: 3;
    }
    .BtnContainer{
        height:auto !important;
    }
    .retf{
        height:347px;
    }
    .footer-statix{
        display:block;
                position: fixed;
        bottom: 0;
        background: #fff;
        left: 0;
        right: 0;
        padding: 12px 10px;
        
                border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        display:flex;
        box-shadow: 0 0 16px #00000017;
    }
    .footer-statix a{
        display:block;
        flex:1;
        text-align:center;
                padding: 0;
                text-decoration:none;
    }
    .footer-statix a span{
        font-size:12px;
        color:black;
        display:block;
    }
    .footer-statix a img{
        height:32px;
        margin-bottom:5px;
        
    }
    .derrfff{
            grid-template-columns: 1fr 1fr;
            gap:10px;
    }
    .treatmentSliderItem{
        height:auto !important;
                padding: 0;
        margin-bottom: 10px;
    }
    .treatmentSliderItem a::before{
        display:none;
    }
    
    /*
        margin-top: -32px;
    background: white;
    padding: 16px 0;
    border-top-left-radius: 40%;
    border-top-right-radius: 40%;
    */
    .mmbbler{
        
    }
    .mmbbler .accordion-item{
        background: transparent !important;
        border: none;
    }
    .mmbbler .accordion-item button{
        font-size:14px;
        background-color:transparent;
        padding:0;
        padding-bottom:16px;
    }
    #sidebaraccrxxx .accordion-body{
        padding-top:0;
    }
    #sidebaraccrxxx a{
        text-decoration: none;
    color: black;
    font-size: 14px;
    display:block;
    padding-bottom:16px;
    }
    .dferrr3{
        font-size: 20px;
    }
    .zsr{
        margin-bottom:20px !important;
    }
    .heroBox2 img{
        height: 300px;
    }
    .heroBox1{
        text-align:center;
    }
    .xrewrdf .slick-arrow.slick-prev, .baslider .slick-arrow.slick-prev{
        left:-12px;
        
            z-index: 999;
    }
    .xrewrdf .slick-arrow.slick-next, .baslider .slick-arrow.slick-next{
        right:-12px;
    }
    .section{
        padding:30px 0;
    }
}
@media screen and (max-width:400px){
    .display-5{
        font-size:calc(1.25rem + 2.1vw);
    }
    .drgxew{
        padding:32px;
    }
}