.node--type-speciality-campaign-landing-page header{
    display: none;
}
#page header{
    padding: 25px 50px;
    position: static;
}
.book-an-appointment{
    float: right;
    width: 216px;
    height: 36px;
    background: linear-gradient(92.24deg, #007B9F 3.19%, #062B38 94.65%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.07px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    border-radius: 10px;
}
.button-book-appointment{
    color: white !important;
}
.wrapper {
    max-width: 100% !important;
    padding: 0px !important;
    margin: 0 !important;
}
.landing-page-banner img {
    width: 100%;
    /* height: auto; */
    object-fit: cover;
  }
  .campaign-speciality-and-form{
    background: rgba(186, 211, 223, 1);
  }
.campaign-speciality{
    width: 50%;
    padding: 40px;
}
.landing-page-banner img{
    min-height: 135px;
}
.campaign-speciality h1{
font-size: 33px !important;
color: rgba(0, 84, 109, 1) !important;
}
.campaign-speciality p{
    margin: 5px 0px !important;
    color: rgba(0, 0, 0, 1);
    font-family: Open Sans;
font-size: 16px;
font-weight: 400;
line-height: 21.79px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.campaign-speciality ul{
    padding-left: 25px !important;
    margin-top: 15px;
}
.campaign-speciality ul strong{
    color: rgba(0, 0, 0, 1);
    font-family: Open Sans;
font-size: 16px;
font-weight: 700;
line-height: 21.79px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.campaign-speciality ul li{
    list-style-type: disc;
}
#our-doctors{
    padding: 0 50px;
}
 
/* doctors */

/*background colors*/
/*background colors*/
.doctor-listing {
  padding: 48px 0; }
  @media only screen and (max-width: 1023px) {
    .doctor-listing {
      padding: 30px 0; } }

.doctor-profile {
  margin: -8px;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1023px) {
    .doctor-profile {
      margin: -5px; } }
  .doctor-profile .doctor-profile-box {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 16px);
    margin: 8px;
    padding: 30px 25px 30px 30px;
    background: #F8F8F8;
    border-radius: 4px; }
    @media only screen and (max-width: 1199px) {
      .doctor-profile .doctor-profile-box {
        padding: 20px 15px; } }
    @media only screen and (max-width: 1023px) {
      .doctor-profile .doctor-profile-box {
        width: calc(100% - 10px);
        margin: 5px; } }
    .doctor-profile .doctor-profile-box .doctor-pro {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
    .doctor-profile .doctor-profile-box .doctor-img {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 101px;
      height: 126px;
      background: #FFFFFF;
      box-shadow: 0px 10px 15px #00769C1A;
      border: 3px solid #FFFFFF;
      border-radius: 8px;
      margin-right: 23px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .doctor-profile .doctor-profile-box .doctor-img {
          width: 70px;
          max-height: 90px;
          margin-right: 18px;
          box-shadow: none !important; } }
      .doctor-profile .doctor-profile-box .doctor-img .play-btn, .doctor-profile .doctor-profile-box .doctor-img .fronty-video-play-btn {
        top: 100%; }
      .doctor-profile .doctor-profile-box .doctor-img img {
        border-radius: 8px; }
    .doctor-profile .doctor-profile-box .doctor-info {
      flex: 1; }
      @media only screen and (max-width: 767px) {
        .doctor-profile .doctor-profile-box .doctor-info {
          width: 90%; 
        padding: 0 20px} }
      .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top {
        border-bottom: 1px solid rgba(44, 44, 44, 0.1);
        padding-bottom: 12px;
        margin-bottom: 11px;
       }
        @media only screen and (max-width: 767px) {
          .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top {
            padding-bottom: 8px;
            margin-bottom: 7px; 
            text-align: center;
          width: 100%;} }
        .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h4 {
          font-size: 18px;
          font-family: "Noto Sans", sans-serif;
          font-weight: 600; }
          @media only screen and (max-width: 767px) {
            .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h4 {
              font-size: 15px; } }
        .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h5 {
          font-size: 16px;
          font-weight: 600;
          color: #4D4D4F;
          margin-bottom: 5px; }
          @media only screen and (max-width: 767px) {
            .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h5 {
              font-size: 13px;
              line-height: 1.4;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; } }
        .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top p {
          font-size: 14px;
          color: #4D4D4F;
          margin-top: 5px; }
          @media only screen and (max-width: 767px) {
            .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top p {
              font-size: 12px;
              line-height: 1.4; } }
      .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom {
        margin-bottom: 14px; }
        .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom p {
          font-size: 15px;
          color: #4D4D4F;
          margin: 0 0 5px 0; }
          @media only screen and (max-width: 767px) {
            .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom p {
              font-size: 13px;
              line-height: 1.4;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; } }
          .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom p strong {
            color: #2C2C2C;
            font-weight: 600; }
        .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom .hospital-location {
          font-size: 14px;
          color: #4D4D4F;
          background: url("/assets/theme/images/location.svg") no-repeat left 4px;
          background-size: 12px;
          padding: 0 0 0 20px;
          min-height: 20px; }
          @media only screen and (max-width: 767px) {
            .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom .hospital-location {
              font-size: 13px;
              line-height: 1.4; } }
    .doctor-profile .doctor-profile-box .book-appointment {
      width: 100%;
      margin-left: 125px;
      align-items: end; }
      @media only screen and (max-width: 1199px) {
        .doctor-profile .doctor-profile-box .book-appointment {
          margin: 0;
          align-items: end; } }
    .footer{
      display: none;
    }

.doctor-detail-page {
  padding: 30px;
  margin-bottom: 48px;
  background: #F8F8F8; }
  @media only screen and (max-width: 767px) {
    .doctor-detail-page {
      padding: 25px 0;
      margin-bottom: 24px;
      position: relative;
      z-index: 1; }
      .doctor-detail-page::before, .doctor-detail-page::after {
        content: '';
        background: #F8F8F8;
        position: absolute;
        top: 0;
        left: -15px;
        width: 100%;
        height: 100%;
        z-index: -1; }
      .doctor-detail-page::after {
        left: auto;
        right: -15px; } }
  .doctor-detail-page .doctor-profile-top {
    display: flex;
    padding-bottom: 20px;
    position: relative; }
    .doctor-detail-page .doctor-profile-top .doctor-ptl {
      margin-right: 30px; }
      @media only screen and (max-width: 767px) {
        .doctor-detail-page .doctor-profile-top .doctor-ptl {
          min-width: 110px;
          max-width: 110px;
          margin-right: 20px; } }
    .doctor-detail-page .doctor-profile-top .doctor-d-t-img {
      display: flex;
      width: 100%;
      background: #FFFFFF;
      box-shadow: 0px 10px 15px #00769C1A;
      border: 3px solid #FFFFFF;
      border-radius: 8px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .doctor-detail-page .doctor-profile-top .doctor-d-t-img {
          height: auto;
          max-height: 147px; } }
      .doctor-detail-page .doctor-profile-top .doctor-d-t-img img {
        border-radius: 8px; }
      .doctor-detail-page .doctor-profile-top .doctor-d-t-img .play-btn, .doctor-detail-page .doctor-profile-top .doctor-d-t-img .fronty-video-play-btn {
        top: 100%; }
      .doctor-detail-page .doctor-profile-top .doctor-d-t-img iframe {
        display: none; }
    .doctor-detail-page .doctor-profile-top .doctor-ptr {
      flex: 1;
      padding-right: 270px; }
      @media only screen and (max-width: 1199px) {
        .doctor-detail-page .doctor-profile-top .doctor-ptr {
          padding-right: 0; } }
      .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-salutation {
        font-size: 18px;
        font-family: "Noto Sans", sans-serif;
        font-weight: 600;
        color: #2C2C2C;
        margin-bottom: 4px; }
        @media only screen and (max-width: 767px) {
          .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-salutation {
            font-size: 15px; } }
      .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-designation {
        font-size: 16px;
        font-weight: 600;
        color: #4D4D4F;
        margin-bottom: 15px; }
        @media only screen and (max-width: 767px) {
          .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-designation {
            font-size: 15px;
            margin-bottom: 10px; } }
      .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender {
        display: flex;
        flex-wrap: wrap;
        margin-top: 15px; }
        @media only screen and (max-width: 767px) {
          .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender {
            margin-top: 8px;
            flex-direction: column; } }
        .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__label {
          color: #2C2C2C;
          font-size: 14px;
          font-weight: 600;
          min-width: 140px;
          position: relative;
          margin-right: 10px; }
          @media only screen and (max-width: 767px) {
            .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__label {
              min-width: 10px;
              margin: 0 10px 5px 0; } }
          .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__label::after {
            content: ' :'; }
        .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__item {
          flex: 1; }
        .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items {
          display: flex;
          position: relative;
          flex-wrap: wrap; }
          .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item {
            margin-right: 10px; }
            .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item::after {
              content: ', '; }
            .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item:last-child {
              margin-right: 0; }
              .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item:last-child::after {
                display: none; }
      .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges {
        position: absolute;
        right: 0;
        bottom: 16px;
        max-width: 250px; }
        @media only screen and (max-width: 1199px) {
          .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges {
            position: static;
            transform: none; } }
        .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges > div {
          align-items: center;
          justify-content: center;
          display: flex;
          width: 100%; }
          @media only screen and (max-width: 1199px) {
            .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges > div {
              justify-content: flex-start; } }
        .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field--name-field-consultation-charges::before {
          content: '₹';
          margin: 0 0 0 2px; }
      .doctor-detail-page .doctor-profile-top .doctor-ptr .qualifications {
        display: flex;
        flex-wrap: wrap; }
        .doctor-detail-page .doctor-profile-top .doctor-ptr .qualifications li {
          font-size: 15px;
          color: #4D4D4F;
          margin: 0 15px 0 0;
          padding-left: 15px;
          background: url("/assets/theme/images/qualification-icon.svg") no-repeat left 7px;
          background-size: 11px; }
      .doctor-detail-page .doctor-profile-top .doctor-ptr .button.doctor-book {
        width: 100%;
        font: 600 18px/22px "Open Sans", sans-serif;
        margin-top: 18px;
        padding: 12px 0;
        border-radius: 12px;
        padding-left: 20px;
        padding-right: 20px; }
        @media only screen and (max-width: 767px) {
          .doctor-detail-page .doctor-profile-top .doctor-ptr .button.doctor-book {
            font-size: 14px;
            padding: 9px 0;
            margin-top: 10px;
            border-radius: 8px; } }
      .doctor-detail-page .doctor-profile-top .doctor-ptr .hospital-location {
        color: #4D4D4F;
        background: url("/assets/theme/images/location.svg") no-repeat left 4px;
        background-size: 12px;
        padding: 0 0 0 20px;
        min-height: 20px;
        margin-left: 5px; }
        .doctor-detail-page .doctor-profile-top .doctor-ptr .hospital-location:first-child {
          margin-left: 0; }
        @media only screen and (max-width: 767px) {
          .doctor-detail-page .doctor-profile-top .doctor-ptr .hospital-location {
            margin-left: 0; } }
  .doctor-detail-page .about-doctor,
  .doctor-detail-page .experience,
  .doctor-detail-page .speciality,
  .doctor-detail-page .achievement,
  .doctor-detail-page .qualification,
  .doctor-detail-page .publication {
    margin-top: 32px;
    padding: 32px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 25px #00375F1A; }
    @media only screen and (max-width: 767px) {
      .doctor-detail-page .about-doctor,
      .doctor-detail-page .experience,
      .doctor-detail-page .speciality,
      .doctor-detail-page .achievement,
      .doctor-detail-page .qualification,
      .doctor-detail-page .publication {
        margin-top: 10px;
        padding: 16px; } }
    .doctor-detail-page .about-doctor h4,
    .doctor-detail-page .experience h4,
    .doctor-detail-page .speciality h4,
    .doctor-detail-page .achievement h4,
    .doctor-detail-page .qualification h4,
    .doctor-detail-page .publication h4 {
      color: #2C2C2C;
      font: 600 18px/23px "Open Sans", sans-serif;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .doctor-detail-page .about-doctor h4,
        .doctor-detail-page .experience h4,
        .doctor-detail-page .speciality h4,
        .doctor-detail-page .achievement h4,
        .doctor-detail-page .qualification h4,
        .doctor-detail-page .publication h4 {
          font-size: 15px;
          margin-bottom: 10px; } }
    .doctor-detail-page .about-doctor .field--name-field-experience,
    .doctor-detail-page .experience .field--name-field-experience,
    .doctor-detail-page .speciality .field--name-field-experience,
    .doctor-detail-page .achievement .field--name-field-experience,
    .doctor-detail-page .qualification .field--name-field-experience,
    .doctor-detail-page .publication .field--name-field-experience {
      color: #4D4D4F;
      font: 600 15px/23px "Open Sans", sans-serif;
      margin-bottom: 15px; }
    .doctor-detail-page .about-doctor ul,
    .doctor-detail-page .experience ul,
    .doctor-detail-page .speciality ul,
    .doctor-detail-page .achievement ul,
    .doctor-detail-page .qualification ul,
    .doctor-detail-page .publication ul {
      margin-left: 18px;
      list-style-type: disc; }
      .doctor-detail-page .about-doctor ul li,
      .doctor-detail-page .experience ul li,
      .doctor-detail-page .speciality ul li,
      .doctor-detail-page .achievement ul li,
      .doctor-detail-page .qualification ul li,
      .doctor-detail-page .publication ul li {
        color: #4D4D4F;
        font: 15px/23px "Open Sans", sans-serif;
        padding-bottom: 15px; }
        .doctor-detail-page .about-doctor ul li strong,
        .doctor-detail-page .experience ul li strong,
        .doctor-detail-page .speciality ul li strong,
        .doctor-detail-page .achievement ul li strong,
        .doctor-detail-page .qualification ul li strong,
        .doctor-detail-page .publication ul li strong {
          font-weight: 600; }
        .doctor-detail-page .about-doctor ul li p,
        .doctor-detail-page .experience ul li p,
        .doctor-detail-page .speciality ul li p,
        .doctor-detail-page .achievement ul li p,
        .doctor-detail-page .qualification ul li p,
        .doctor-detail-page .publication ul li p {
          color: #4D4D4F;
          font: 15px/24px "Open Sans", sans-serif; }

.specialties-listing {
  padding-top: 48px;
  padding-bottom: 48px; }
  @media only screen and (max-width: 767px) {
    .specialties-listing {
      padding-top: 30px;
      padding-bottom: 30px; } }

.speciality-detail .about-specialities h3 {
  font-family: "Noto Sans", sans-serif;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 24px;
  color: #2c2c2c; }
  @media only screen and (max-width: 767px) {
    .speciality-detail .about-specialities h3 {
      font-size: 20px;
      margin-bottom: 20px; } }
.speciality-detail .hospital-redirect {
  margin-bottom: 30px; }
.speciality-detail .more-section .more ul {
  margin-left: 18px;
  list-style-type: disc; }
  .speciality-detail .more-section .more ul li {
    color: #4D4D4F;
    font: 15px/23px "Open Sans", sans-serif;
    padding-bottom: 15px; }
    .speciality-detail .more-section .more ul li strong {
      font-weight: 600; }
    .speciality-detail .more-section .more ul li p {
      color: #4D4D4F;
      font: 15px/24px "Open Sans", sans-serif; }

.about-specialities {
  margin-top: 30px;
  padding-bottom: 48px; }
  @media only screen and (max-width: 767px) {
    .about-specialities {
      padding-bottom: 30px; } }
  .about-specialities .about-specialities-inner {
    width: 100%;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .about-specialities .about-specialities-inner {
        display: block; } }
    .about-specialities .about-specialities-inner .about-specialities-left {
      margin-right: 40px;
      width: 50%;
      float: left; }
      @media only screen and (max-width: 767px) {
        .about-specialities .about-specialities-inner .about-specialities-left {
          padding: 0;
          margin: 0;
          width: 100%;
          float: none; } }
      .about-specialities .about-specialities-inner .about-specialities-left .about-left-img {
        margin-bottom: 23px; }
    .about-specialities .about-specialities-inner .speciality-about-text p {
      margin-bottom: 15px;
      line-height: 1.7; }
    .about-specialities .about-specialities-inner .speciality-about-text ul {
      margin-left: 18px;
      list-style-type: disc; }
      .about-specialities .about-specialities-inner .speciality-about-text ul li {
        color: #4D4D4F;
        font: 15px/23px "Open Sans", sans-serif;
        padding-bottom: 15px; }
        .about-specialities .about-specialities-inner .speciality-about-text ul li strong {
          font-weight: 600; }
        .about-specialities .about-specialities-inner .speciality-about-text ul li p {
          color: #4D4D4F;
          font: 15px/24px "Open Sans", sans-serif; }
    .about-specialities .about-specialities-inner h4, .about-specialities .about-specialities-inner h5, .about-specialities .about-specialities-inner h6 {
      font-weight: 700;
      margin-bottom: 5px; }
    .about-specialities .about-specialities-inner .about-specialities-right {
      width: calc(50% - 40px);
      float: right; }
      @media only screen and (max-width: 767px) {
        .about-specialities .about-specialities-inner .about-specialities-right {
          width: 100%;
          margin-top: 20px;
          float: none; } }
      .about-specialities .about-specialities-inner .about-specialities-right .right-about-value {
        background: #ECF8F9;
        padding: 40px 30px; }
        @media only screen and (max-width: 767px) {
          .about-specialities .about-specialities-inner .about-specialities-right .right-about-value {
            padding: 30px 20px; } }
        .about-specialities .about-specialities-inner .about-specialities-right .right-about-value .showmore_trigger .more:before {
          background: #ECF8F9; }
        .about-specialities .about-specialities-inner .about-specialities-right .right-about-value p {
          text-align: left;
          line-height: 1.8;
          color: #2C2C2C;
          margin-bottom: 15px; }
          @media only screen and (max-width: 767px) {
            .about-specialities .about-specialities-inner .about-specialities-right .right-about-value p {
              line-height: 1.8; } }
        .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul {
          text-align: left;
          font-size: 16px;
          font-family: "Noto Sans", sans-serif;
          color: #2C2C2C; }
          @media only screen and (max-width: 767px) {
            .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul {
              font-size: 15px; } }
          .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li {
            display: block;
            background: url(/assets/theme/images/speciality-ellipse.svg) left 6px no-repeat;
            padding-left: 20px;
            background-size: 10px;
            margin: 10px 0;
            color: #2C2C2C; }
            .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h3, .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h4, .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h5, .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h6 {
              font-weight: 700;
              margin-bottom: 0; }

.specialties-doctor {
  background: #DCEBF4;
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px; }
  @media only screen and (max-width: 767px) {
    .specialties-doctor {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .specialties-doctor:before, .specialties-doctor:after {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #DCEBF4; }
  .specialties-doctor:after {
    left: auto;
    right: -100%; }
  .specialties-doctor .doctor-profile {
    display: block;
    margin: -20px -12px; }
    @media only screen and (max-width: 767px) {
      .specialties-doctor .doctor-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        margin: -10px;
        padding: 10px;
        width: calc(100% + 25px); } }
    .specialties-doctor .doctor-profile .doctor-profile-box {
      border-radius: 12px;
      background-color: #FFFFFF;
      margin: 0;
      display: flex !important; }
      @media only screen and (max-width: 767px) {
        .specialties-doctor .doctor-profile .doctor-profile-box {
          min-width: 70% !important;
          width: 70% !important;
          margin: 0 16px 0 0; } }
      @media only screen and (max-width: 767px) {
        .specialties-doctor .doctor-profile .doctor-profile-box .book-appointment .small {
          font-size: 11px; } }
    .specialties-doctor .doctor-profile .slick-slide {
      padding: 20px 12px;
      height: auto; }
      .specialties-doctor .doctor-profile .slick-slide > div,
      .specialties-doctor .doctor-profile .slick-slide .doctor-profile-box {
        height: 100%; }
    .specialties-doctor .doctor-profile .slick-track {
      display: flex; }
    .specialties-doctor .doctor-profile .slick-prev {
      left: -35px; }
    .specialties-doctor .doctor-profile .slick-next {
      right: -35px; }
      .fas{
        font-size: 15px;
      }
      .head-row{
        justify-content: center !important;
      }
      .faq-sec .heading1{
        text-align: center !important;
      }

.more-section {
  display: flex;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .more-section {
      flex-direction: column; } }
  .more-section .more {
    background-color: #e3f6f5;
    padding: 45px 48px 48px 0;
    flex: 1; }
    .more-section .more::before, .more-section .more::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: -1;
      top: 0;
      background-color: #e3f6f5; }
      @media only screen and (max-width: 767px) {
        .more-section .more::before, .more-section .more::after {
          background-color: #e3f6f5; } }
    .more-section .more::before {
      left: -100%;
      z-index: 0; }
    .more-section .more::after {
      right: -100%; }
    @media only screen and (max-width: 767px) {
      .more-section .more {
        width: 100%;
        padding: 0;
        padding-top: 30px; } }
    .more-section .more h2, .more-section .more h1, .more-section .more h3 {
      color: #00375F; }
  .more-section .faq-sec {
    background-color: #c7eeed;
    padding: 30px 0px 48px 41px;
    flex: 1; }
    .more-section .faq-sec::after, .more-section .faq-sec::before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: -1;
      top: 0;
      background-color: #c7eeed; }
      @media only screen and (max-width: 767px) {
        .more-section .faq-sec::after, .more-section .faq-sec::before {
          background-color: #e3f6f5; } }
    .more-section .faq-sec::before {
      left: -100%; }
    .more-section .faq-sec::after {
      right: -100%; }
    @media only screen and (max-width: 767px) {
      .more-section .faq-sec {
        width: 100%;
        background-color: #e3f6f5;
        padding: 0;
        padding-top: 30px;
        padding-bottom: 30px; } }

.why-choose-us-sec {
  padding-top: 48px;
  padding-bottom: 48px; }
  @media only screen and (max-width: 767px) {
    .why-choose-us-sec {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .why-choose-us-sec .speciality-why-choose-us {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .why-choose-us-sec .speciality-why-choose-us {
        display: block; } }
    .why-choose-us-sec .speciality-why-choose-us li {
      background-color: #00769C;
      width: calc(33.33%);
      list-style: none;
      display: block;
      min-height: 260px;
      padding: 25px 25px 43px 25px; }
      @media only screen and (max-width: 767px) {
        .why-choose-us-sec .speciality-why-choose-us li {
          width: 100%;
          padding: 20px 20px 30px 20px;
          min-height: 10px; } }
      .why-choose-us-sec .speciality-why-choose-us li:nth-child(3n-1) {
        background: #00A0A0; }
      .why-choose-us-sec .speciality-why-choose-us li:nth-child(3n+3) {
        background: #4FA7D7; }
      .why-choose-us-sec .speciality-why-choose-us li .why-choose-img {
        text-align: center;
        margin-bottom: 30px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .why-choose-us-sec .speciality-why-choose-us li .why-choose-img {
            margin-bottom: 20px; } }
        .why-choose-us-sec .speciality-why-choose-us li .why-choose-img::before {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: #FFFFFF;
          top: -5px;
          left: -5px;
          z-index: 0; }
        .why-choose-us-sec .speciality-why-choose-us li .why-choose-img .spec-why-choose-img {
          position: relative; }
          .why-choose-us-sec .speciality-why-choose-us li .why-choose-img .spec-why-choose-img img {
            width: 100%; }
      .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 0 10px; }
        @media only screen and (max-width: 767px) {
          .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text {
            padding: 0; } }
        .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text h4 {
          text-align: center;
          font: 600 18px/28px "Noto Sans", sans-serif;
          color: #FFFFFF;
          padding: 0 80px 20px 80px; }
          @media only screen and (max-width: 767px) {
            .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text h4 {
              padding: 0 67px 10px 67px;
              font-size: 17px; } }
        .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text p {
          text-align: center;
          font: 15px/25px "Noto Sans", sans-serif;
          color: #FFFFFF; }

.speciality-diseases .speciality-diseases-sec {
  padding-top: 48px;
  padding-bottom: 55px;
  background-color: #087CA3;
  position: relative;
  z-index: 1;
  color: #fff; }
  @media only screen and (max-width: 767px) {
    .speciality-diseases .speciality-diseases-sec {
      padding-top: 30px;
      padding-bottom: 45px; } }
  .speciality-diseases .speciality-diseases-sec::before, .speciality-diseases .speciality-diseases-sec::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    top: 0;
    background-color: #087CA3; }
  .speciality-diseases .speciality-diseases-sec::before {
    left: -100%; }
  .speciality-diseases .speciality-diseases-sec::after {
    right: -100%; }
  .speciality-diseases .speciality-diseases-sec h2, .speciality-diseases .speciality-diseases-sec h3, .speciality-diseases .speciality-diseases-sec h4, .speciality-diseases .speciality-diseases-sec h5, .speciality-diseases .speciality-diseases-sec h6 {
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .speciality-diseases .speciality-diseases-sec h2, .speciality-diseases .speciality-diseases-sec h3, .speciality-diseases .speciality-diseases-sec h4, .speciality-diseases .speciality-diseases-sec h5, .speciality-diseases .speciality-diseases-sec h6 {
        font-size: 20px;
        margin-bottom: 16px; } }
  .speciality-diseases .speciality-diseases-sec p {
    text-align: center;
    color: #FFFFFF;
    padding-bottom: 35px; }
    @media only screen and (max-width: 767px) {
      .speciality-diseases .speciality-diseases-sec p {
        padding-bottom: 20px; } }
    .speciality-diseases .speciality-diseases-sec p strong {
      font: 700 18px/24px "Open Sans", sans-serif;
      text-align: center;
      color: #FFFFFF;
      padding-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .speciality-diseases .speciality-diseases-sec p strong {
          font-size: 17px; } }
  .speciality-diseases .speciality-diseases-sec ul {
    margin-left: 18px;
    list-style-type: disc; }
    .speciality-diseases .speciality-diseases-sec ul li {
      color: #4D4D4F;
      font: 15px/23px "Open Sans", sans-serif;
      padding-bottom: 15px; }
      .speciality-diseases .speciality-diseases-sec ul li strong {
        font-weight: 600; }
      .speciality-diseases .speciality-diseases-sec ul li p {
        color: #4D4D4F;
        font: 15px/24px "Open Sans", sans-serif; }
  .speciality-diseases .speciality-diseases-sec ul, .speciality-diseases .speciality-diseases-sec ol {
    margin-bottom: 25px; }
    .speciality-diseases .speciality-diseases-sec ul li, .speciality-diseases .speciality-diseases-sec ul a, .speciality-diseases .speciality-diseases-sec ol li, .speciality-diseases .speciality-diseases-sec ol a {
      color: #fff; }
    @media only screen and (max-width: 767px) {
      .speciality-diseases .speciality-diseases-sec ul, .speciality-diseases .speciality-diseases-sec ol {
        margin-bottom: 20px; } }
.speciality-diseases .tabs-scroll {
  margin-top: -57px;
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    .speciality-diseases .tabs-scroll {
      margin-top: -50px;
      overflow: hidden; } }
  .speciality-diseases .tabs-scroll .location-tabs {
    border-bottom: none; }
    .speciality-diseases .tabs-scroll .location-tabs .slick-slide li {
      background: #bfe9ec 0% 0% no-repeat padding-box;
      border: 1px solid #00769c;
      border-bottom: none;
      border-radius: 10px 10px 0px 0px;
      margin-right: 9px; }
      .speciality-diseases .tabs-scroll .location-tabs .slick-slide li a {
        padding: 3px 10px;
        min-height: 56px;
        line-height: 1.2;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .speciality-diseases .tabs-scroll .location-tabs .slick-slide li a {
            min-height: 49px;
            white-space: break-spaces; } }
      .speciality-diseases .tabs-scroll .location-tabs .slick-slide li.active {
        background-color: #fff;
        position: relative;
        top: 1px; }
        .speciality-diseases .tabs-scroll .location-tabs .slick-slide li.active a, .speciality-diseases .tabs-scroll .location-tabs .slick-slide li.active span {
          color: #00769c;
          font-weight: 600; }
  .speciality-diseases .tabs-scroll .speciality-tab-slider {
    display: block !important; }
    .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide {
      padding: 0 4px 0 4px;
      height: auto; }
      .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:first-child li {
        border-top-left-radius: 0px; }
        @media only screen and (max-width: 767px) {
          .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:first-child li {
            border-top-left-radius: 7px; } }
      .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:last-child li {
        border-top-right-radius: 0px; }
        @media only screen and (max-width: 767px) {
          .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:last-child li {
            border-top-right-radius: 7px; } }
      .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide > div,
      .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide li {
        height: 100%; }
    .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-track {
      display: flex; }
    .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-arrow {
      display: block !important; }
    .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-prev {
      left: -35px;
      background-color: transparent; }
      @media only screen and (max-width: 767px) {
        .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-prev {
          left: -5px; } }
    .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-next {
      right: -35px;
      background-color: transparent; }
      @media only screen and (max-width: 767px) {
        .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-next {
          right: -3px; } }
.speciality-diseases .speciality-disease-content {
  padding-bottom: 33px; }
  @media only screen and (max-width: 767px) {
    .speciality-diseases .speciality-disease-content {
      padding-bottom: 15px; } }
  .speciality-diseases .speciality-disease-content .diseases-about-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .speciality-diseases .speciality-disease-content .diseases-about-top {
        padding-bottom: 30px; } }
    .speciality-diseases .speciality-disease-content .diseases-about-top .diseases-img {
      margin-right: 17px; }
      @media only screen and (max-width: 767px) {
        .speciality-diseases .speciality-disease-content .diseases-about-top .diseases-img {
          width: 100%;
          margin-right: 0; } }
      .speciality-diseases .speciality-disease-content .diseases-about-top .diseases-img img {
        width: 100%; }
    .speciality-diseases .speciality-disease-content .diseases-about-top .diseases-about-text {
      font: 16px/24px "Open Sans", sans-serif;
      flex: 1;
      color: #4D4D4F; }
      @media only screen and (max-width: 767px) {
        .speciality-diseases .speciality-disease-content .diseases-about-top .diseases-about-text {
          width: 100%;
          order: -1;
          padding: 0 0 15px 0; } }
  .speciality-diseases .speciality-disease-content .diseases-about-bottom h2, .speciality-diseases .speciality-disease-content .diseases-about-bottom h3, .speciality-diseases .speciality-disease-content .diseases-about-bottom h4, .speciality-diseases .speciality-disease-content .diseases-about-bottom h5, .speciality-diseases .speciality-disease-content .diseases-about-bottom h6 {
    font: 700 17px/24px "Open Sans", sans-serif;
    color: #2C2C2C;
    margin-bottom: 15px;
    background: url("/assets/theme/images/diseases-pointer.svg") left center no-repeat;
    padding-left: 38px;
    background-size: 18px; }
    @media only screen and (max-width: 767px) {
      .speciality-diseases .speciality-disease-content .diseases-about-bottom h2, .speciality-diseases .speciality-disease-content .diseases-about-bottom h3, .speciality-diseases .speciality-disease-content .diseases-about-bottom h4, .speciality-diseases .speciality-disease-content .diseases-about-bottom h5, .speciality-diseases .speciality-disease-content .diseases-about-bottom h6 {
        margin-bottom: 12px;
        padding-left: 32px; } }
  .speciality-diseases .speciality-disease-content .diseases-about-bottom p {
    margin-bottom: 16px;
    margin-left: 38px; }
    @media only screen and (max-width: 767px) {
      .speciality-diseases .speciality-disease-content .diseases-about-bottom p {
        margin-left: 33px; } }
  .speciality-diseases .speciality-disease-content .diseases-about-bottom ul {
    padding-left: 38px; }
    @media only screen and (max-width: 767px) {
      .speciality-diseases .speciality-disease-content .diseases-about-bottom ul {
        padding-left: 33px; } }
    .speciality-diseases .speciality-disease-content .diseases-about-bottom ul li {
      font: 500 16px/24px "Open Sans", sans-serif;
      color: #2C2C2C;
      background: url("/assets/theme/images/symptoms-pointer.svg") left 6px no-repeat;
      padding-left: 22px;
      margin-bottom: 15px;
      background-size: 12px; }
      @media only screen and (max-width: 767px) {
        .speciality-diseases .speciality-disease-content .diseases-about-bottom ul li {
          margin-bottom: 12px; } }

.speciality-detail-blog .blog-outer {
  background: #8AC6E8;
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px; }
  @media only screen and (max-width: 767px) {
    .speciality-detail-blog .blog-outer {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .speciality-detail-blog .blog-outer:before, .speciality-detail-blog .blog-outer:after {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #8AC6E8; }
  .speciality-detail-blog .blog-outer:after {
    left: auto;
    right: -100%; }

/*# sourceMappingURL=speciality.css.map */

.inside-testimonial{
    padding: 40px;
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
}
.testimonial-card {
    max-width: 400px;
    background: #fff;
    padding: 20px;
    padding-bottom: 50px;
    position: relative;
    /* top: 162px; */
    z-index: 999;
    border: 1px solid #ddd; 
    border-radius: 8px; 
    margin: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}
@media only screen and (max-width: 767px) {
.testimonial-card {
max-width: 450px;
background: #fff;
padding: 20px;
padding-bottom: 50px;
position: relative;
z-index: 999;
border: 1px solid #ddd;
border-radius: 8px;
transition: transform 0.3s, box-shadow 0.3s;
flex: 0 0 100%;
margin: 0 !important;
}
}

.testimonial-card:hover {
    transform: translateY(-5px); /* Slight lift effect on hover */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

.tes-image-text{
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
}
.tes-image-text h4{
    font-family: Open Sans !important;
    font-weight: 600;
}
.tes-story{
    margin-top: 25px;
}
.tes-img img{
    max-width: 100px;
    border-radius: 50%;
}
.more-section {
    display: flex;
    position: relative;
    /* margin-top: 20px; */
}
.tes{
        text-align: center;
        color: rgba(0, 84, 109, 1);
        font-family: Open Sans;
        font-size: 34px;
        font-weight: 700;
        line-height: 46.3px;
        letter-spacing: -0.03em;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
.tes{
  font-size: 20px;
}
}
body{
font-family: Open Sans !important; 
}
/* landing page book an appointnment block */
/* .custom-block {
    max-width: 500px;
    background: #fff;
    padding: 25px;
    padding-bottom: 50px;
    position: absolute;
    top: 200px;
    right: 75px;
    z-index: 999;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
} */
/* .custom-block {
  max-width: 30%;
  background: #fff;
  padding: 25px;
  padding-bottom: 50px;
  position: absolute;
  top: 87px;
  right: 48px;
  z-index: 999;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: transform 0.3s, box-shadow 0.3s;
} */
.custom-block {
  max-width: 500px;
  background: #fff;
  padding: 25px;
  position: absolute;
  top: 300px;
  right: 48px;
  z-index: 999;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: transform 0.3s, box-shadow 0.3s;
  padding-top: 10px;
  padding-bottom: 10px;
}
.spe-btn{
    background: rgba(15, 109, 142, 1);
    padding: 11px 7px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 15.77px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
}
/* .wrap-mobile-number, .wrap-otp-verification{
    display: inline-block;
    width: 60%;
} */
.otp-section, .otp-verify-section{
    display: inline-block;
    margin-left: 35px;
}
#edit-who-is-patient{
    display: flex;
        gap: 50px;
}
.form-item-who-is-patient{
    margin-bottom: 0px !important;
}
#edit-who-is-patient--wrapper{
    font-family: Open Sans;
font-size: 18px;
font-weight: 400;
line-height: 24.51px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.landing-book-an-appointment-form h3{
    font-family: Open Sans;
    font-size: 30px;
    font-weight: 700;
    line-height: 40.85px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 10px !important;
}

.landing-book-an-appointment-form input[type="text"], .landing-book-an-appointment-form input[type="tel"], .landing-book-an-appointment-form input[type="email"], .landing-book-an-appointment-form .landing-form-query, .landing-book-an-appointment-form input[type="file"], .landing-book-an-appointment-form select {
    border: 1px solid rgba(171, 165, 165, 1);
    background: rgba(217, 217, 217, 1);
    padding: 7px 15px !important;
}
.landing-book-an-appointment-form input[type="email"]::placeholder, .landing-book-an-appointment-form input[type="text"]::placeholder, .landing-book-an-appointment-form input[type="tel"]::placeholder, .landing-book-an-appointment-form input[type="file"]::placeholder {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.79px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.landing-book-an-appointment-form label {
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 24.51px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-bottom: 5px !important;
    
}
#landing-book-an-appointment-form .form-item{
  margin-bottom: 13px !important;
}
#edit-campaign-book-appointment-submit{
    background: linear-gradient(92.27deg, #10779B 0.39%, #052935 100.01%);
}
.landing-form-sumbit{
    text-align: center;
}
.testimonial{
    padding-top: 30px;
    display: none;
}

/* Expertise */
.expertise{
    padding: 20px 0px;
}
.expert-heading{
    font-family: Open Sans;
    font-size: 34px;
    font-weight: 700;
    line-height: 46.3px;
    letter-spacing: -0.03em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.expert-heading h3{
    color: rgba(0, 84, 109, 1) !important;
}
.expert-title{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.01em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin: 10px 0px;
}
.expert-title p{
    color: rgba(0, 0, 0, 1);
}
.inside-expert{
    display: flex;
    /* padding: 25px 0px; */
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}
.expertise-card{
    width: 399px;
    padding: 25px;
    height: auto;
    display: inline-flex;
    flex-direction: column;
    /* justify-content: center; */
}
@media (max-width: 767px){
  .expertise-card{
    max-width: 399px !important;
  }   
}
.bnr-head-con-mob p, .bnr-head-con-mob div, .bnr-head-con-mob h2{
  text-align: center;
}
.bnr-head-con-mob h2{
  margin: 0 !important;
}
.expert-services-name{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.01em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 20px;
    color: white !important;
}
.expert-services-description{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.79px;
    letter-spacing: 0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: black;
}
/* Specialities */
.speciality-wrapper{
    padding: 30px;
}
.js-form-type-checkbox{
      display: flex;
      align-items: flex-start;
      gap: 10px;
}
.js-form-type-checkbox label{
 margin-top: -5px;
 font-size: 11px;
}
.sp-n-head{
  font-family: Open Sans;
    font-size: 28px;
    font-weight: 700;
    line-height: 46.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #00546D;
}
@media only screen and (max-width: 767px) {
.sp-n-head{
font-family: Open Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 29.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
}

.sp-heading{
    font-family: Open Sans;
    font-size: 34px;
    font-weight: 700;
    line-height: 46.3px;
    letter-spacing: -0.03em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.sp-heading h2{
   color: rgba(0, 84, 109, 1);
   margin-bottom: 15px !important;
}
.sp-heading-mob{
    font-family: Open Sans;
    font-size: 34px;
    font-weight: 700;
    line-height: 46.3px;
    letter-spacing: -0.03em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.sp-heading-mob h2{
   color: rgba(0, 84, 109, 1);
}
.buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}
.sp-content{
    padding: 0px 50px;
}



.buttons {
    margin-bottom: 20px;
  }

  
  .spheading-button {
    padding: 10px 20px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    transition: background-color 0.3s ease;
    width: 305px;
    font-size: 15px;
    position: relative;
    top: 0;
  }
  .spheading-button-mob {
    padding: 10px 20px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    transition: background-color 0.3s ease;
    width: 305px;
    font-size: 15px;
    position: relative;
    top: 0;
    margin-bottom: 15px;
  }
  .spheading-button .arrow-icon {
    content: '';
    position: absolute;
    top: 12px; /* Adjust to position the arrow at the bottom */
    right: 20px; /* Aligns the arrow to the bottom-left corner */
    width: 0;
    height: 0;
  }
  .spheading-button-mob .arrow-icon {
    content: '';
    position: absolute;
    top: 12px; /* Adjust to position the arrow at the bottom */
    right: 20px; /* Aligns the arrow to the bottom-left corner */
    width: 0;
    height: 0;
  }
  
  .tes-lg{
    position: absolute;
    right: 0px;
    top: -5px;
  }
  
  
  .content-section {
    display: none;
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 30px;

  }
  
  .content-section.active {
    display: flex;
    gap: 50px;
    justify-content: center;
  }
  .title-des-right{
    max-width: 700px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
  }
  .sptitle{
    margin: 10px 0px;
  }
  .sptitle p{
    font-family: Open Sans;
    font-size: 28px;
    font-weight: 700;
    line-height: 38.13px;
    letter-spacing: 0.005em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .spdes p{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  
  .spheading-button.active {
    background-color: rgba(30, 154, 164, 1); /* Example: Highlight active button */
    color: white;
  }
  .spheading-button-mob.active {
    background-color: rgba(30, 154, 164, 1); /* Example: Highlight active button */
    color: white;
  }

  .img-lft img{
    width: 350px;
    height: 250px;
  }
  
  @media only screen and (max-width: 767px) {
    main {
        width: 100%;
    }
  }
  @media only screen and (max-width: 767px) {
    .landing-page-banner img {
       min-height: 135px;
        width: 100%;
    }
  }
  @media only screen and (max-width: 767px) {
   .custom-block{
    position: static;
   }
  }
  @media only screen and (max-width: 767px) {
   .inside-expert{
    display: flex;
    text-align: center;
    flex-direction: column;
    gap: 0;
   }
  }
  .expert-services-description ul{
    list-style: disc;
    padding-left: 20px;
  }
  @media only screen and (max-width: 767px) {
   .buttons{
    display: block;
   }
  }
  @media only screen and (max-width: 767px) {
    .inside-testimonial {
      padding: 40px;
      display: flex;
      gap: 80px;
      justify-content: flex-start;
      align-items: center;
      overflow-x: auto;
  }
  }
  @media only screen and (max-width: 767px) {
   .page-wrapper header{
    height: 70px;
    text-align: center;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 0px !important;
    /* position: absolute !important; */
}
   }
  @media only screen and (max-width: 767px) {
   .book-an-appointment{
    /* margin-top: 15px; */
    float: right;
    background: linear-gradient(92.24deg, #007B9F 3.19%, #062B38 94.65%);
    font-family: Open Sans;
    font-size: 7px;
    font-weight: 500;
    line-height: 19.07px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    border-radius: 10px;
    width: 150px;
    height: 32px;
   }
  }
  @media only screen and (max-width: 767px) {
   .button-book-appointment{
    padding: 20px;
   }
  }
  @media only screen and (max-width: 767px) {
   .campaign-speciality{
    width: 100%;
   }
  }
  @media only screen and (max-width: 767px) {
    .content-section.active {
        display: block;
    }
  }
  @media only screen and (max-width: 767px) {
    .sp-content {
        padding: 0px 20px;
    }
  }
  @media only screen and (max-width: 767px) {
    .img-lft img {
        width: 260px;
        height: 260px;
    }
  }
  @media only screen and (max-width: 767px) {
   .site-branding-image{
    width: 150px;
   }
  }
  @media only screen and (max-width: 767px) {
    .call-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        color: #fff !important;
        text-decoration: none !important;
        padding: 8px 7px !important;
        border-radius: 5px !important;
        font-size: 12px !important;
        font-weight: bold !important;
    }
  }
  @media only screen and (max-width: 767px) {
    .fa-solid, .fas {
        margin-right: 7px !important;
    }
  }
  @media only screen and (max-width: 767px) {
    .banner-image {
        width: 100%;
        height: auto;
        display: block;
      }
  }
  @media only screen and (max-width: 767px) {
    .banner-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
      }
  }
  @media only screen and (max-width: 767px) {
    .overlay-content {
        text-align: center;
        color: #fff; /* Ensure text is visible */
      }
  }
  @media only screen and (max-width: 767px) {
    .banner-container {
        position: relative;
        width: 100%;
        height: auto;
      }
   
  }
  @media only screen and (max-width: 767px) {
  .speciality-wrapper{
    display: none;
  }
}
@media only screen and (min-width: 767px) {
    .speciality-wrapper-mobile{
      display: none;
    }
  }
  @media only screen and (max-width: 767px) {
  .custom-block {
    max-width: 500px;
    background: #fff;
    padding: 25px;
    padding-top: 0px;
    /* padding-bottom: 50px; */
    /* position: absolute;
    top: 330px;
    right: 75px;
    z-index: 999; */
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 20px;
    margin-top: 0px;
    transition: transform 0.3s, box-shadow 0.3s;
}
  }
  .more-section .more {
    background-color: #e3f6f5;
    padding: 45px 48px 48px 0;
    flex: 0;
}
#edit-landing-book-an-appointment-form--2{
    background: linear-gradient(92.27deg, #10779B 0.39%, #052935 100.01%);
}

/* .slick-slide{
    width: 298px;
    height: 645px;
}  
.doctor-profile .doctor-profile-box .doctor-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 250px;
    background: #FFFFFF;
    box-shadow: 0px 92px 0px #00769C1A;
    border: 3px solid #FFFFFF;
    border-radius: 8px;
    position: relative;
}
.doctor-info{
text-align: center;
}
.doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom .hospital-location {
    font-size: 14px;
    color: #4D4D4F;
    background: url(/assets/theme/images/location.svg) no-repeat left 4px;
    background-size: 12px;
    min-height: 20px;
}
.doctor-profile .doctor-profile-box .book-appointment {
    width: 100%;
    margin-left: 0px !important; 
     align-items: center !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 29px;
}
.button.border {
    background: rgba(30, 154, 164, 1) !important;
    color: #fff !important;
}
.book-appointment a, .book-appointment .button.small {
    width: 100% !important;
    padding: 4px 4px !important;
}
.doctor-profile .doctor-profile-box {
    flex-wrap: wrap;
    padding: 15px 0px 30px 12px !important;
    background: #F8F8F8;
} */

.desktop-banner-landing {
    display: none;
}

@media (min-width: 769px) {
    .desktop-banner-landing {
        display: block;
    }
}
.mobile-banner-landing {
    display: none;
}

@media (max-width: 768px) {
    .mobile-banner-landing {
        display: block;
    }
}
@media (max-width: 767px) {
    .more-section .faq-sec {
        width: 100%;
        background-color: #e3f6f5;
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .custom-block{
        display: block;
        position: static;
        padding: 20px 50px;
        max-width: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .campaign-speciality{
        width: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .expertise {
        padding: 40px 30px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .img-lft{
      width: 350px;
      height: 250px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .img-lft img{
        width: 350px;
        height: 250px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .inside-testimonial {
        padding: 40px;
        display: flex;
        gap: 50px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .expertise-card {
        max-width: 399px;
        padding: 25px;
        height: 224px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Your styles for tablets go here */
    .video-container{
      display: flex;
      /* flex-direction: column; */
      justify-content: center;
      align-items: center;
      gap: 25px;
  }
}
.vid-head h2{
    margin: 0;
    text-align: center;
    color: rgba(0, 84, 109, 1);
    font-family: Open Sans;
    font-size: 34px;
    font-weight: 700;
    line-height: 46.3px;
    letter-spacing: -0.03em;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
@media (max-width: 767px) {
  .vid-head h2{
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .video-container{
    display: flex !important;
        flex-wrap: nowrap !important;
        gap: 50px !important;
        overflow-x: auto;
        scrollbar-width: thin;
        padding: 0 25px !important;
        align-items: start !important;
        justify-content: flex-start !important;
}
}
@media (max-width: 767px) {
  .video-container-yt{
    display: flex !important;
        flex-wrap: nowrap !important;
        gap: 50px !important;
        overflow-x: auto;
        scrollbar-width: thin;
        padding: 0 15px !important;
        align-items: start !important;
        justify-content: flex-start !important;
}
}

.video-story{
  max-width: 450px;
}
@media (max-width: 767px) {
  .video-story{
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    scroll-snap-align: center;
    padding: 10px;
  }}
  @media screen and (max-width: 767px) {
  .testimonial-video-card{
    position: relative;
  }
}

.custom-video {
    width: 400px; 
    max-width: 100%; /* Ensures it adjusts for smaller screen sizes */
  }
  
  @media screen and (max-width: 767px) {
    .custom-video {
      width: 370px; /* Sets specific width for mobile devices */
    }
  }
  .video-container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 20px 40px;
    flex-wrap: wrap;
}
.video-container-yt{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 20px 40px;
  flex-wrap: wrap;
}
.video-mob{
  display: none;
}
.description{
  padding: 0 10px;
}
.description p{
  font-family: 'Open Sans';
  font-size: 15px;
}
.testimonial-video-card{
    margin-top: 20px;
}
.call-button-container {
    text-align: center; /* Centers the button */
    margin: 20px 0;
  }
  
  .call-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* background-color: #28a745; Green background */
    color: #fff; /* White text */
    text-decoration: none; /* Removes underline */
    padding: 10px 20px; /* Adds spacing */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Increases font size */
    font-weight: bold;
    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); Adds shadow */
    /* transition: background-color 0.3s ease, transform 0.3s ease; */
  }
  .fa-solid, .fas {
margin-right: 20px;
  }

  .content-section-mob {
    display: none;
}
.content-section-mob.active {
    display: block;
    padding: 15px;
}
.spheading-button-mob.active {
    background-color: #004080; /* Example active button style */
    color: white;
}
.btn-sp-mob{
    text-align: center;
}
.sptitle-mob p {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 38.13px;
    letter-spacing: 0.005em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.sptitle-mob{
    /* margin-bottom: 15px;
    margin-top: 15px; */
}
.speciality-wrapper-mobile{
    padding: 20px;
}
.more{
    display: none;
}
.verloop-button{
    display: none !important;
}
/* #book-an-appo-btn{
  width: 110px;
  height: 36px;
  background: linear-gradient(92.24deg, #007B9F 3.19%, #062B38 94.65%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Open Sans;
  font-weight: 500;
  line-height: 19.07px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  border-radius: 7px;
  color: white;
  position: fixed;
  top: 300px;
  z-index: 999999;
  right: -28px;
  transform: rotate(90deg);
  font-size: 18px;
  font-family: 'Open Sans';
} */
#book-an-appo-btn {
  width: 100%;
  height: 40px;
  font-weight: 500;
  line-height: 19.07px;
  border-radius: 7px;
  color: white;
  position: fixed;
  bottom: 0px;
  z-index: 999999;
  left: 0px;
  font-size: 18px;
  font-family: 'Open Sans';
  text-align: center;
  background: #e38f30;
  border: 0px;
}
.footer-links{
  text-align: center;
  padding: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
}
/* Styles for mobile fixed buttons */
.mobile-fixed-buttons {
  display: none; /* Default: hidden */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #ffffff;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  /* padding: 10px; */
  text-align: center;
}

.mobile-fixed-buttons a {
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}


/* Show only on mobile screens */
@media (max-width: 767px) {
  .mobile-fixed-buttons {
    display: none;
  }
}
.mob-call{
    background: #e38f30;
    width: 50%;
    float: left;
}
.mob-book{
  background: #992921;
  width: 50%;
  float: right;
}
@media (max-width: 767px) {
#book-an-appo-btn{
  display: none !important;
}
}
@media (max-width: 767px) {
.footer-links{
  margin-bottom: 0px;
}
}
.bnr-head-con{
    position: absolute;
    /* top: 125px; */
    /* width: 550px; */
    /* left: 70px; */
    height: auto;
}
.bnr-head-con-mob{
  /* position: absolute; */
  /* top: 125px; */
  /* width: 550px; */
  /* left: 70px; */
  /* height: auto; */
  display: none;
}
.banner-head{
  font-size: 30px;
}
@media (max-width: 767px) {
  .bnr-head-con{
    /* position: absolute; */
    /* top: 53%; */
    /* max-width: 80%; */
    /* left: 15%; */
    /* height: auto; */
    display: none;
}
}
@media (max-width: 767px) {
  .bnr-head-con-mob{
    position: absolute;
        height: auto;
        display: block;
        left: 50%;
        bottom: 5%;
        font-size: 17px;
        transform: translateX(-50%);
        width: 95%;
}
  }
  @media (max-width: 767px) {
    .banner-head{
      font-size: 16px;
  }
    }
.landing-page-banner{
  position: relative;
}

#success-popup {
  display: none; /* Initially hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
  display: flex; /* Flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  z-index: 1000; /* Ensure it's above other elements */
}
.above-book-now{
  text-align: center;
  padding: 10px 40px;
}

.popup-content {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  width: 90%;
  max-width: 467px;
  position: relative;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 25px;
}
.msg-box{
  width: 70px;
  height: 70px;
}
.thank{
  color: #5ea0c0;
    font-size: 30px;
}

.popup-close-button {
  position: absolute;
  top: -3px;
  right: 7px;
  font-size: 25px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.popup-message{
  font-family: 'Open Sans';
  font-size: 20px;
  color: #5ea0c0;
}
/* Default styles: Hide mobile logo by default */
.site-branding-image .mobile-logo {
  display: none;
}

/* Show desktop logo by default */
.site-branding-image .desktop-logo {
  display: inline-block;
}

/* Media Query: Switch to Mobile Logo for small screens */
@media screen and (max-width: 767px) {
  .site-branding-image .desktop-logo {
    display: none; /* Hide desktop logo */
  }
  .site-branding-image .mobile-logo {
    display: inline-block; /* Show mobile logo */
  }
}
.banner-head{
  display: block;
}
.banner-head-mob{
  display: none;
}
@media screen and (max-width: 767px) {
  .banner-head {
    display: none; /* Hide desktop logo */
  }
}
  @media screen and (max-width: 767px) {
    .banner-head-mob {
      display: block; /* Hide desktop logo */
    }
  }
  @media screen and (max-width: 767px) {
  #our-doctors {
    padding: 0px 20px;
}
  }
  @media screen and (max-width: 767px) {
  .doctor-profile .doctor-profile-box .doctor-pro {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
} 
@media screen and (max-width: 767px) {
.doctor-profile .doctor-profile-box .doctor-img {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 126px;
          box-shadow: -7px 10px 43px #00769C1A;
          border: 3px solid #FFFFFF;
          border-radius: 8px;
          position: relative;
          width: 170px;
          max-height: 191px;
          background: #FFFFFF;
}
}
@media screen and (max-width: 767px) {
.doctor-info{
  width: 95%;
}
}

 @media screen and (max-width: 767px) {
  .doctor-img{
   margin-right: 0px !important;
  }
  }
  @media screen and (max-width: 767px) {
    .doctor-info-bottom{
      text-align: center;
    }
    }
      .hospital-location{
        display: none !important;
      }
      /* @media screen and (max-width: 767px) {
        .{
        
        }
        } */



        .arrow-btn {
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 50%;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          display: none;
        }
        
        .left-arrow {
          left: 0px;
          position: absolute;
          z-index: 999;
          top: 50%;
          z-index: 999;
        }
        .left-arroww {
          left: 0px;
          position: absolute;
          z-index: 999;
          top: 30%;
          z-index: 999;
        }
        .left-arrowt {
          left: 0px;
          position: absolute;
          z-index: 999;
          top: 50%;
          z-index: 999;
        }
        
        .right-arrow {
          position: absolute;
    top: 50%;
    right: 0;
    z-index: 999;
        }
        .right-arroww {
          position: absolute;
    top: 30%;
    right: 0;
    z-index: 999;
        }
        .right-arrowt {
          position: absolute;
    top: 50%;
    right: 0;
    z-index: 999;
        }
        
        @media (max-width: 767px) {
          .arrow-btn {
            width: 30px;
            height: 30px;
            display: block;
          }
        }

  #our-doctors{
    position: relative !important;
    top: 0;
    left: 0;
  }
  .sp-heading-de{
    margin-bottom: 20px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: block;
  }
  @media (max-width: 767px) {
    .sp-heading-de {
     display: none !important;
    }
  }
  @media (max-width: 767px) {
    .testimonial {
     position: relative;
    }
  }
  @media (max-width: 767px) {
    .sp-heading-de-mob {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
  #block-footertext{
    height: 200px;
  }
}

.sp-heading-de-mob{
  margin-bottom: 20px;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  display: none;
}
textarea{
  height: 85px !important;
}
.landing-book-an-appointment-form select{
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.mobile-fixed-buttons:has(.mob-call):not(:has(#book-mob)) .mob-call,
.mobile-fixed-buttons:has(#book-mob):not(:has(.mob-call)) .mob-book {
  max-width: 100%;
  width: 100%;
  margin: 0 auto; /* Center align */
}