@charset "utf-8";
/* CSS Document */
body{margin: 0px; padding: 0px; font-family: "Poppins", sans-serif;}
p{color: #383D43; font-size: 16px; line-height: 26px; margin-bottom: 15px;}
h2{font-size: 34px; margin-bottom: 15px; font-weight: 600;}
.lead_res .alert{
    display: block;
    font-size: 14px;
    font-weight: 500 !important;
    width: 300px;
    margin-bottom: 10px;
}
#conbut{ display: none;}
/* banner section start */
.header-outer{background: url('https://cdn.apollohospitals.com/apollohospitals/campaign/teynampet/banner-bg.webp')no-repeat; padding: 30px 0;background-size: cover;}
.head_block { padding: 0px 0;}
.logo-right ul{margin: 0px; padding: 0px;float: right;}
.logo-right ul li {list-style: none;  float: left; padding: 7px 10px;  font-size: 17px;  font-weight: 500;}
.logo-right ul li a{color: #000; text-decoration: none;}
.logo-right ul li:first-child{background: #00779A;border-radius: 5px 0 0 5px;color: #fff;}
.logo-right ul li:last-child{background: #FFC107;color: #000;border-radius: 0px 5px 5px 0px;}
.banner-img img { width: 100%;}
.ban-block { padding: 30px 0;}
.banner-from{background: #00779A; padding: 20px; border-radius: 10px;}
.banner-from .form-control{border-radius: 5px; border: 0; height: 42px;}
.otpbt { float: right;margin-top: -42px; line-height: 29px;border-radius: 0px 5px 5px 0 !important;background: #044356; color: #fff; border: 1px #044356 solid;}
.banner-from select{height: 42px;}
.banner-from textarea{height: 60px !important;}
.banner-from .submitbt button { width: 100%; padding: 9px 0; font-weight: 600; margin-bottom: 10px;}
.banner-from h4 { color: #fff; font-size: 20px;  padding: 13px 0;}
/* banner section end */

/*welcome sectio start*/
.welcome_section { padding: 60px 0; overflow: hidden;}
.welcome_section h2 span{color: #FFC107;}
.welcome_section img { width: 100%;}
/*welcome section edn*/

/* Therapy work  start */
.therayworks { padding: 60px 0; overflow: hidden; background-image: linear-gradient(#1B7D9D, #314B64); }
.therayworks h2{ text-align: center;color: #fff;}
.therayworks h2 span{color: #FFC107;}
.therayworks p{text-align: center; padding: 0 80px; color: #fff;;}
.therapy-img img {width: 70%;}
.therapy-img { text-align: center; margin-top: 50px;;}
/* Therapy work  end */

/* Who is eligible  */
.who_eligible { padding: 60px 0; overflow: hidden;}
.who_eligible img{width: 100%;}
.who_eligible h2{color: #00779A;}
.who_eligible h2 span{color: #FFC107;}
.who_eligible .choose-feature-wrap {position: relative; z-index: 2;background: #F1FCFF; border: 1px #DBECF0 solid;border-radius: 6px; padding: 20px; margin-bottom: 15px;}
.who_eligible .choose-feature-wrap:before { content: ""; height: 40%; width: 1px;  background-color: #00779A;  position: absolute;   top: 49px;  left: 40px; z-index: -1;}
.who_eligible .choose-feature {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 15px; margin-bottom: 23px; text-align: left;}
.who_eligible .choose-feature .box-number {width: 40px; height: 40px; line-height: 40px; border: 1px solid #00779A; color: #00779A; text-align: center;  border-radius: 999px;
    font-size: 18px; font-weight: 600;  background-color:#fff;}
.who_eligible .media-body {-webkit-box-flex: 1; -ms-flex: 1;  flex: 1;}
.who_eligible .box-title { font-size: 18px;  line-height: 1.417;  font-weight: 600; margin-top: -0.32em; color: #00779A;}
.who_eligible .choose-feature .box-title { padding-top: 15px;}
.who_eligible p.box-text { margin-bottom: 0; line-height: 25px;}
.who_eligible .choose-feature:last-child{margin-bottom: 0;}
/* Who is eligible end */

/* benifits section */
#benifits { background: url('https://cdn.apollohospitals.com/apollohospitals/campaign/teynampet/benfitsbg.webp') no-repeat; background-position: center center; padding: 60px 0px;background-size: cover;}
#benifits .card { background-color: white; text-align: center; margin-bottom: 20px;border-radius: 1.25rem;  min-height: 280px; }
#benifits .card-icon {font-size: 50px; margin-top: 20px;}
#benifits h2 {color: #fff; text-align: center; padding-bottom: 10px;}
#benifits h2 span {color:#FFC107;}
#benifits img { max-width: 25%;}
#benifits .card-body p { padding: 0.8rem 1rem !important; }
/* benifits section end */

/* Our video section */
#video {padding: 60px 0;}
#video h2 { text-align: center;}
#video iframe { padding: 0 6% !important;}
/* Our video section end */

 /*  what to expect section */
 #expect { background: url('https://cdn.apollohospitals.com/apollohospitals/campaign/teynampet/whatexpect.webp') no-repeat; background-position: center center; padding: 60px 0px;background-size: cover;}
  #expect h5 { color:#00779A; font-weight: 500;}
  #expect h2 span {color:#FFC107; }
  #expect h2 {color:#00779A; }
 /*  what to expect section end */

 /* faq_section start */
.faq_section {background: url('https://cdn.apollohospitals.com/apollohospitals/campaign/teynampet/faq_bg.webp')no-repeat; padding: 60px 0; background-size: cover;text-align: center;}
.faq_section h2{font-size: 40px; color: #fff;}
.faq_section h2 span{color: #FFC107;}
.faq_section p {color: #fff;line-height: 23px;margin-bottom: 50px;font-size: 15px;}
.faq_section img {width: 100%;}
.faq_section .accordion-item { margin-bottom: 15px;}
.accordion-button:not(.collapsed){font-weight: 600; color: #015879;}
.faq_section button.btn.btn-warning.mb-2 {  padding: 10px 20px; margin-bottom: 60px !important;}
ul.beforlist { margin: 0; padding: 0;  text-align: left; margin-top: 20px;}
ul.beforlist li { list-style: none; display: block; text-align: left;}
  .accordion-body {text-align: left;}
/* faq_section end */

/* copyright section */
footer{margin: 0px; padding: 0px;}
footer .container {text-align: center; padding: 40px 0;}
footer .container p{ margin: 0;}
/* copyright section end */

@media only screen and (max-width: 600px) {

/* banner start */
h2 {font-size: 26px !important; }
p { font-size: 15px;line-height: 24px;}
.header-outer{padding: 30px 0;}
.header-outer{padding: 15px;}
.logo-left img { width: 160px; }
.logo-right ul li {float: none;padding: 4px 5px;font-size: 12px;    }
.logo-right ul li:first-child{border-radius: 0px;}
.logo-right ul li:last-child{border-radius: 0px;}
.ban-block { padding: 0 0; }
.col-md-8.banner-img { padding: 20px 0 10px 0px; }

.banner-from {padding: 30px 20px;margin-top: 20px;}
/* banner end */

/* welcome setart */
.welcome_section { padding: 30px 10px; }
/* welcome end */

/* Therapy work  start */
.therayworks{ padding: 30px 10px; }
.therayworks p{padding: 0px;}
.therapy-img img { width: 100%;}
/* Therapy work  end */

/* Who is eligible  */
.who_eligible{padding: 30px 0;}
.who_eligible .box-title{font-size: 15px;}
.who_eligible img{margin-bottom: 30px;}
/* Who is eligible end  */

/* benefits start*/
#benifits{ padding: 30px 0;}
#benifits .card{min-height: 230px;}
/* benefits end */

/* videos section start */
#video {  padding: 30px 0;}
#video iframe { padding: 0 2% !important;}
/* video section end */

/* what expewct */
#expect{padding: 30px 0;}
/* what expect end */

/* faq section */
.faq_section{ padding: 30px 0;}
.faq_section .faq-women{background: none;}
.faq_section button.btn.btn-warning.mb-2 { margin-bottom: 0px !important;}
/* faq section */

}
#showMoreFaqs{
  display: none;
}
@media (max-width: 768px){
  .hide {
    display: none;
}
#showMoreFaqs{
  display: block;
}
  #conbut{ display: block;} 
  .btn-phone-call {
    color: #fff !important;
    width: 50%;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    cursor: pointer;
    box-shadow: 0 0.1875rem 0.9375rem rgba(0, 0, 0, .2);
    border-radius: 0;
    padding:9.7px 10px;
    font-size: 14px;
    display: none;
    left: 0px;
    top: inherit;
  }     
  .btn-bk-appt {
    color: #fff !important;
    width: 50%;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background-color: #f47920 !important;
    border-color: #f47920 !important;
    cursor: pointer;
    box-shadow: 0 0.1875rem 0.9375rem rgba(0, 0, 0, .2);
    border-radius: 0;
    padding: 10px;
    font-size: 14px;
    display: none;
    right: 0px;
  }
}