header{
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    padding: 0;
    position: fixed;
    z-index: 9999999;
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
  }

.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 150px);
}

.sec-top-bot{
    margin: 30px 58px;
}

.care-logo-book{
    padding: 5px 0;
    margin: 0 10px;
}

.land-call{
    background: #001d57;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid #001E5B;
    padding: 7px 50px;
    border-radius: 22px;
    text-decoration: none;
}
.call-img{
    vertical-align: middle;
}

.menu-land span{
    color: #fff;
    font-size: 14px;
}

.main-img {
    margin-top: 78px;
}

.bannertext {
    position: relative;
}

.mobileimge {
    display: none;
}

.bannertextblock {
    position: absolute;
    top: 120px;
    color: #001E5B;
    left: 13%;
}

.bannerheading_txt {
    font-size: 40px;
    font-weight: 500;
}

.deskbnner{
    height: 400px;
    object-fit: cover;
    width: -webkit-fill-available;
}

.main-container{
    padding: 0px 15px;
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Merriweather"), url("fonts/merriweatherlight.woff2") format("woff2");
  }
  
  @font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Merriweather"), url("fonts/merriweather-regular.woff2") format("woff2");
  }
  
  @font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Merriweather"), url("fonts/merriweatherbold.woff2") format("woff2");
  }
  
  html,
  body {
    font-family: 'Merriweather', sans-serif !important;
    background-color: #F3F6F9;
    margin: 0;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: 400;
  }



.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 150px);
}

.sec-top-bot{
    margin: 30px 58px;
}

.care-logo-book{
    padding: 5px 0;
    margin: 0 10px;
}

.brand-logo{
    margin: 0 10px;
    padding: 0px 0px 5px 0px;
}

.care-line{
    border-left: 2px solid black;
    height: 30px;
    position: absolute;
    top: 34px;
}

.land-call{
    background: #001d57;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid #001E5B;
    padding: 7px 50px;
    border-radius: 8px;
    text-decoration: none;
}

.land-call span{
    color: #fff;
}
.call-img{
    vertical-align: middle;
}

.menu-land span{
    color: #fff;
    font-size: 14px;
}

.main-img {
    margin-top: 78px;
}

.bannertext {
    position: relative;
}

.mobileimge {
    display: none;
}

.mob-banner{
    width: 100%;
    object-fit: contain;
    height: 100%;
    object-position: center;
}

.bannertextblock {
    position: absolute;
    top: 105px;
    color: #001E5B;
    left: 10%;
}

.bannerheading_txt {
    font-size: 40px;
    font-weight: 500;
}

.deskbnner{
    height: 400px;
    object-fit: cover;
    width: -webkit-fill-available;
}

.main-container{
    padding: 0px 30px;
}
.disc-head{
    font-weight: 700;
    font-size: 26px;
    margin:0;
    background: unset !important;
    color: #000;
    text-align: center;
}

.footer {
    background: #D0D0D0;;
    padding: 20px 0;
}


.footer-copyright {
    color: #fff;
    text-align: center;
}

.footer-box{
    display: none;
}

.contact-item{
    /* position: absolute; */
    margin: 0;
    width: 100%;
    right: 8%;
    height: auto;
    box-shadow: none;
    border-radius: 0;
    background: none;
    text-align: center;
    margin-top: 0;
    top: 100px;
    z-index: 1;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 10px 10px 10px 10px;
    background: #F3F6F9;
}

.contact-item-grid{
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 32px;
    align-items: center;
    position: relative;
    z-index: 5;
}

#email, #message, #name, #phone, #dob, #gender, #location, #department, #doctor, #time, #date-appointment{
    width: 85%;
    height: 35px;
    padding: 0 5px;
    font-size: 14px;
    border-radius: 8px;
    border: unset;
    font-family: 'Merriweather';
    border: 1px solid #999;
}



#submit{
    color: #fff;
    background-color: #00B6BD;
    width: 14%;
    border: 0;
    border-bottom: solid 1px #ccc;
    height: 36px;
    font-size: 14px;
    border-radius: 8px;
    font-family: 'Merriweather';
    position: absolute;
    left: 44%;
    top: 125px;
}

.contactus-fields{
    position: relative;
}

span.required_field{
    font-size: 12px;
    padding: 0;
    text-align: left;
    color: red;
    width: 100%;
    position: absolute;
    left: 40px;
    bottom: -20px;
}

.recapcha{
    position: relative;
}

#recaptcha1 {
    height: 50px !important;
    position: absolute;
    left: 35px;
    bottom: -50px;
}

.grecaptcha_error{
    bottom: -36px !important;
}

span.required_field.recapta_error{
    position: absolute;
    bottom: -40px;
}

.terms-box{
    font-family: 'Merriweather';
    position: absolute !important;
    bottom: 225px;
    left: 50px;
}

.terms_error{
    font-size: 12px;
    padding: 0;
    text-align: left;
    color: red;
    width: 100%;
    position: absolute;
    left: 20px;
    bottom: -24px;
}

.contactus-form{
    padding: 50px 15px 200px 25px;
    background-color: #fff;
    border-radius: 8px;
    margin: 0;
    height: 250px;
}

.term_line{
    display:inline; 
    font-size:11px;
    text-align: left;
    margin-left: 5px
}

.book-an{
    padding: 18px 0px 18px 0px;
    text-align: center;
}

.exp-icon ul li{
    list-style: none;
}

.exp-icon ul li a{
    text-decoration: none;
}

.lab-1{
    display: block;
    text-align: start;
    padding-left: 32px;
    font-size: 14px;
    padding-bottom: 5px;
}

.lab-1 span{
    color: red;
}

.form-group{
    position: relative;
}

.captcha-head{
    position: absolute;
    left: 38px;
    top: 45px;
}

#captcha_entered{
    width: 84% !important;
}

@media only screen and (min-width: 1237px) and (max-width: 1367px) {
    .contact-item{
        top: 80px;
    }
    .head-text{
        width: 360px;
    }
    .header-flex{
        width: calc(100% - 140px);
    }
    .main-container{
        padding: 0px 15px;
    }
    .faq-model p{
        width: 92%;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1236px) {
    .contact-item{
        right: 55px !important;
    }
    .head-text{
        width: 350px;
    }
    .main-container {
        padding: 0px 10px;
    }
}

@media only screen and (max-width: 991px){
    .disc-holder {
        gap: 30px;
        grid-template-columns: 1fr;
    }
    .why-holder {
        gap: 0px;
        grid-template-columns: 1fr;
    }
    .contact-item{
        position: relative;
        top: unset;
        right: unset;
    }
    .contact-item-grid{
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .contactus-form{
        height: 630px;
    }
    #email, #message, #name, #phone, #dob, #gender, #location, #department, #doctor, #time, #date-appointment{
        width: 95% !important;
    }
    .header-flex {
        width: calc(100% - 40px);
    }
    .care-logo-book{
        max-width: 55px;
        height: 50px !important;
    }
    .land-call{
        padding: 7px 10px;
    }
    .mobileimge {
        display: block;
    }
    .deskbnner {
        display: none;
    }
    .bannertextblock {
        display: block;
        top: 162px;
    }
    .bannerheading_txt{
        font-size: 22px;
        display: none;
    }
    .main-img {
        margin-top: 60px;
    }
    .disc-img{
        width: 100%;
        height: auto;
    }
    .sec-top-bot{
        margin: 30px 0px;
        padding-right: 5%;
        padding-left: 5%;
    }
    .main-container{
        padding: 0;
    }
    #recaptcha1 {
        top: -15px;
    }
    .story-head{
        padding-top: 0;
    }
    .disc-head{
        font-size: 20px;
        text-align: center;
    }
    .disc-text{
        line-height: 26px;
        margin-bottom: 0;
    }
    .mob-experties{
        display: block;
    }
    .contactus-form{
        padding: 20px 20px;
        margin: 0;
    }
    .lab-1{
        padding-left: 5px;
    }
    #submit{
        width: 35%;
        left: 35% !important;
    }
    span.required_field{
        left: 5px;
    }
    .terms-box{
        bottom: 30px !important;
        left: 10px !important;
    }
    .captcha-head{
        left: 15px !important;
        top: 48px !important;
    }
    .footer{
        margin-top: 100px;
    }
}


@media only screen and (max-width: 400px){
    .treatmenttext ul li{
        margin-top: 9px;
        padding: 8px;
    }
}