/* Apply to All */
body{margin: 0;}
h1{font-weight: 900;font-size: 50px;}
h2{font-weight: 700;font-size: 42px;}
h3{font-weight: 600;font-size: 36px;}
h4{font-weight: 500;font-size: 30px;}
h5{font-weight: 400;font-size: 25px;}

.container-fluid{max-width: 1900px;}
/* End of Apply All */

/* Enquiry Button */
.enquiryBtn {margin: 20px auto ; width: 210px;}
.enquiryBtn2 {margin: 20px auto ;}
.enquiryBtn p{font-size: 20px; font-family: 'Roboto', sans-serif; background:#ff77bc; cursor: pointer; color: #FFF; width: 270px; 
text-align: center; margin: 0 auto; padding:10px 0; font-weight: 700; border-radius: 10px;}
.enquiryBtn2 p{font-size: 17px; font-family: 'Roboto', sans-serif; background:#575757; cursor: pointer; color: #FFF; width: 270px; 
    text-align: center; margin: 0 auto; padding:10px 0; font-weight: 500; border-radius: 10px;}
.blink-me {animation: blinker 1.3s linear infinite;}
@keyframes blinker {  
    50% { opacity: 0; }
}

.callBtn p{font-size: 20px; font-family: 'Roboto', sans-serif; background:#ff77bc; cursor: pointer;width: 300px; 
text-align: center; margin: 0 auto; padding:10px 0; font-weight: 700; border-radius: 10px;}
.callBtn a{color: #FFf;}
.callBtn a:hover{text-decoration: none;}

/*--Top-Header--*/
.top-header{position: relative; width: 100%; background-color: #efefef;}
.top-header a{text-decoration: none;}
.top-header img{width: 200px;}
.cta-number{text-align: right; font-size: 20px; font-family: 'Poppins', sans-serif; padding-top: 41px; color: #ff77bc;}
.cta-icon{text-align: right; font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #ff77bc;}
/*--End Of Top-Header--*/

/*--Banner--*/
.bannerWrapper{ background: url(../images/banner-bg.jpg) no-repeat top 25% center; background-size: cover; height: 700px;}
.bannerTagline{ text-align: center; padding-top: 20%;}
.bannerTagline h2{font-size: 60px; font-family: 'Poppins', sans-serif; color: #FFF; margin: 0; text-shadow: 3px 3px 1px #000;}
.bannerTagline h4{color: #FFF; font-family: 'Poppins', sans-serif;}
.bannerTagline h5{color: #FFF; font-size: 35px;}
.bannerTagline img { width: 260px;}
/*--End of Banner--*/

/*--New Banner--*/
.bannerWrapper2{ background: url(../images/bg-gold.jpg) no-repeat top 25% center; overflow: hidden;  background-size: cover; background-color: rgba(0, 0, 0, 0.7);}
.bannerTagline2 { text-align: center; padding-top: 5rem; }
@media (min-width: 767px) {
  .bannerTagline2 { padding-top: 10rem;  }
  .bannerTagline2 h4 { font-size: 1.5rem;  line-height: 2rem; }  
  .bannerWrapper2 .imageRight img {
    width: 500px !important; margin-left: auto;  margin-right: auto; }
}
@media (min-width: 1023px) {   
  .bannerTagline2 { position: relative; z-index: 10; padding-top: 10rem; padding-bottom: 10rem; text-align: left; }
  .bannerTagline3  { width: 50%; }
  .bannerTagline2 h5 { font-size: 2.25rem !important ; line-height: 2.5rem; }
  .bannerTagline2 h4{ padding-bottom: 1rem; font-size: 1.5rem; line-height: 2rem; }
  .bannerTagline3 .btn { text-align: center; margin-left: 0; margin-right: 0; }
  .bannerWrapper2 .imageRight img{ position: absolute; width: 550px; z-index: 0; height: auto; right: -2.5rem; bottom: 0; }
  .bannerWrapper2 .imageRight img{ width: 460px !important;  margin-left: 0; margin-right: 0; }
}
@media (min-width: 1280px) { 
  .bannerWrapper2 .imageRight { width: 600px; }
  .bannerWrapper2 .imageRight img {width: 440px !important; }
}
.bannerTagline2 h2{font-size: 60px; font-family: 'Poppins', sans-serif; color: #FFF; margin: 0; text-shadow: 3px 3px 1px #000;}
.bannerTagline2 h4{color: #1F2937;  margin-bottom: 2.5rem; font-size: 1.25rem; line-height: 1.75rem;}
.bannerTagline2 h5{color: #1F2937;padding-bottom: 0.5rem; font-size: 3rem; line-height: 1; font-weight: 700;   font-family: 'Open Sans', sans-serif; }
.bannerTagline3 .btn { width: 16rem; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-left: auto; margin-right: auto; border-radius: 0.5rem; background-color: #ff77bc; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; font-family: 'Roboto', sans-serif; }
.bannerTagline3 .btn a {  color: #1F2937; }
.bannerWrapper2 .imageRight img {width: 350px; }


/*--Banner productWrapper--*/
.productWrapper{position: relative; background: url(../images/service-bg.png) no-repeat center center; padding-bottom: 20px;background-size: cover;}
.titleStyle h2{text-align: center; padding: 4% 0 2% 0; font-family: 'Yantramanav', sans-serif; font-weight: 700;}
.expertiseStyle img {width: 100%;padding: 5px; border: 2px solid #ff77bc; border-radius: 30px;}
.expertiseStyle{text-align: center; padding-bottom: 3%;}
.expertiseStyle p{font-family: 'Roboto', sans-serif; font-weight: 700; color: #5c5c5c; padding: 2% 0; font-size: 18px; margin: 0;}
.infoStyle{text-align: justify; font-size: 15px !important; color: #7F7F7F !important; font-weight: 400 !important;}
.infoPoint li{text-align: left; font-family: 'Roboto', sans-serif; color: #7F7F7F !important;}
.treatment { text-align: center; color:#434343 }
.treatment h5 { font-weight: 600;}
.treatment p { color: #5c5c5c; padding-top: 10px;}
.imgBorder img {padding: 5px; border: 2px solid #ff77bc; border-radius: 30px;}
.right { padding-left: 15px; width: 100%;}
.bg_pink .text { height: 60px; background-color: #ff77bc;text-align: center ;color: #fff; font-size: 16px; padding: 15px 0;}
.bg_pink {padding: 2px;}
.treatment-wrapper {padding-bottom: 5%;}
/*--End of Banner productWrapper--*/

/* subBanner */
.subBanner { padding: 5.5rem 0; background: url(/images/bg-sub.jpg) no-repeat center; background-size: cover;}
.subText { text-align: center;}
.subText h4{ font-weight: 600; color: #fff; text-shadow: 2px 2px 2px #575757;}
.subText p{color: #fff;text-shadow: 2px 2px 2px #575757; font-weight: 600; font-size: 18px;}



/* why choose us */
/* .chooseUs{position: relative; padding-bottom: 3%; background-color: #FFF;}
.chooseWrap img{width: 70%;}
.chooseWrap{text-align: center;}
.chooseWrap p{font-family: 'Roboto', sans-serif;color: #7F7F7F; padding-top: 2%; font-size: 18px; font-weight: 700;} */
/* .section {padding: 50px 0;} */
.whychooseus {padding: 50px 0; background: url(../images/why-choose-us-bg.jpg) no-repeat;background-size: auto;background-size: cover;color: #ffffff;}
.col-choose {width: 20%;}
.choose-box {padding: 0 3%;}
.chooseUs h4 {font-weight: 700;height: 90px;font-size: 20px;}
.chooseText { font-weight: 700; font-size: 16px;}
/* End of why choose us */

/* Meet Our Doctor */
.ourteam{padding: 50px 0;}
.team-wraper{ padding-top: 20px;}
.team-wraper h4 {font-weight: 700;line-height: 30px;}
.team-wraper p{font-size: 20px;}
.ourteam img {max-width: 80%;height: auto; margin: 0 auto;}
.doctor ul{font-size: 18px;}
.teamStyle { padding-bottom: 15px;}
.teamStyle h2 {text-align: center; font-family: 'Yantramanav', sans-serif; font-weight: 700;}
.teamStyle p{ color: #5c5c5c; font-weight: 500;}

/* sub cta */
.sub-cta{ padding: 50px 0; background-color: #c9c9c9;}
.ctaText{ text-align: center; color: #FFf; text-shadow: 2px 2px 4px #5c5c5c;}
.ctaText p{ font-size: 18px; font-weight: 600;}
.ctaText h2 { color: #FFF; font-style: italic;}

/*--ClientWrapper Style--*/
.ClientWrapper{padding: 2% 0;}
.client img{width: 60% !important; margin: 0 auto;}
/*--End of ClientWrapper Style--*/

/*--FAQ--*/
.faqwrapper{position: relative;}
.btn{white-space: unset;}
.btn.btn-link{padding: 0;}
.btn.btn-link:hover, .btn.btn-link:focus{text-decoration: none;}
.card { margin-top: 5px;background-color: #6EBE44;}
.card h5 {font-size: 17px; text-align: center; color: #FFF; font-family: 'Roboto', sans-serif; font-weight: 700;}
.card-header{background-color: unset;border-bottom: unset;}
.mb-0{margin-bottom: 0 !important;}
.card-body{background:#FFF;}
.card-body p{font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1.3; font-size: 15px;}
/*--End of FAQ--*/

/*--about us--*/
.aboutWrapper{position: relative; background: #efefef;}
.aboutBG{background: url(../images/about-us.jpg) no-repeat center center; background-size: contain; padding: 15% 0;}
.aboutContent{padding: 2%;}
.aboutContent h2{text-align: left;font-family: 'Yantramanav', sans-serif; font-weight: 700;}
.aboutContent p{font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; color: #7F7F7F; text-align: justify;}
.aboutContent span {color: #000; font-weight: bold;}
/*--End of about us--*/

/* form Wrap */
.formWrapper{background: url(../images/form-bg.png) no-repeat center center; background-size: cover; height: auto;}
.enquiry-form h4{font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; }
.enquiry-form{color: #FFF;background: rgba(255, 119, 188, 0.6);width: 100%;padding: 32px 20px;z-index: 10; text-align: center; margin: 20px 0;}
.custom-image{ background: url('/images/banner-bg-1.jpg') no-repeat right; background-size: cover; margin: 20px 0;}

/* footer */
.footerWrapper{text-align: center;}
.footerWrapper > .container{padding-top: 5%;}
.footerWrapper p{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; color: #7F7F7F; margin: 0; padding-bottom: 5px;}
.footerContent a{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; color: #7F7F7F;}
.footerContent a:hover{text-decoration: none;}
.leftFooter h5 {font-size: 20px;text-align: center; font-weight: 600; color: #5c5c5c;}
.leftFooter span{ color: #ff77bc;}
/* end of footer */

/* OutLet */
.footerWrapper h4 {text-align: center;padding: 4% 0 2% 0;font-family: 'Yantramanav', sans-serif;font-weight: 700;}
.outletPadd{padding-bottom: 25px;}
.outLet p, .outLet p a{text-align: left; font-size: 14px; color: #d8698d;}
/* End of Outlet */

/* thank you */
.thankWrapper{padding: 2% 0; text-align: center;}
.thankContent p{font-size: 16px; padding-bottom: 2%;}
.thankContent a{color: #FFF; background:#ff77bc; border-radius: 10px; padding:13px 20px; font-family: 'Roboto', sans-serif; font-weight: 700; }
.thankContent a:hover{text-decoration: none;}


/* copyright */
.copyright{width:100%; font-size: 12px; font-family: 'Inter', 'Albert Sans', sans-serif; color: #000; text-align: center; padding: 15px 0; border-top: 1px solid #000; margin-top: 2%;}


/* whatapps */
/* fixed bottom-0 right-0 z-30 flex items-center justify-center w-12 h-12 mb-5 mr-4 rounded-full cursor-pointer */
#wa-btn {background-color: #4dc247;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);}
#wa-btn:hover {box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);}
.wa-wrapper{position: fixed;right: 0;z-index: 30;display: flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;margin-bottom: 1.5rem;margin-right: 1rem;border-radius: 9999px;cursor: pointer;bottom: 0;}
.icon-wrapper{width: 2.5rem;height: 2.5rem;color: #fff;fill: currentColor;}
/* end whatsapp */
.mobile {display: none;}

@media screen and (max-width:1024px) {
.ourteam img {max-width: 100%;}
.bg_pink .text {font-size: 15px;font-weight: 600;line-height: 1.3em;}
.ctaText h2{ font-size: 35px;}
}

@media only screen and (max-width: 1199px){
.expertiseStyle p{font-size: 16px;}
}

@media screen and (max-width:768px) {
.col-choose {width: 33%;}
.desktop {display: none;}
.mobile {display: block;}
.imgBorder { padding-bottom: 20px;}
.imgBorder img {display: block;margin: 0 auto;}
.leftFooter h5 {font-size: 20px;text-align: center;}
}
@media only screen and (max-width: 767px){
.bannerWrapper{ height: auto; padding: 15% 0;}
.bannerTagline{padding-top: 10%;}
.aboutBG{height: 400px;}
.aboutContent p{padding: 0 3%;}
.aboutContent h2{text-align: center;}
}

@media only screen and (max-width: 575px){
.bannerTagline h2{font-size: 42px;}
.mobileStyle{text-align: center;}
.cta-number{text-align: center;}
.cta-icon{text-align: center;padding-bottom: 18px}
.bannerTagline h2{padding-top: 15%;}
.expertiseStyle img{width: 62%}
.infoStyle{padding: 3% 7% !important;}
.chooseWrap img{width: 34%}
.col-choose {width: 100%;}
.whychooseus {padding: 50px 10px;}
.productWrapper {background-size: cover;}
}

@media only screen and (max-width: 420px){
.aboutBG{height: 320px;}
.bannerTagline h5 {font-size: 20px;}
.enquiryBtn { width: unset;}
.bg_pink .text{ height: 50px;}
.ctaText h2{ font-size: 30px;}
}