@charset "UTF-8";
/*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; } }
      .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: calc(100% - 88px); } }
      .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; } }
        .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; } }

.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: 90% !important;
          width: 90% !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: -50px; }
    .specialties-doctor .doctor-profile .slick-next {
      right: -50px; }

.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: 45px 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 */
/* .node--type-speciality-campaign-landing-page header{
  display: none;
} */
/* #page header{
  padding: 25px 50px;
  position: static;
} */
@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; */
   justify-content: flex-start;
   padding: 0px !important;
   /* position: absolute !important; */
}
  }
  @media only screen and (max-width: 767px) {
  .site-branding-image{
    width: 150px;
    padding-left: 10px;
  }
}
.path-taxonomy main .wrapper{
  width: 100% !important;
  padding: 0px;
  margin: 0;
  max-width: 100%;
}
.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;
}
@media only screen and (max-width: 767px) {
.book-an-appointment{
  background: linear-gradient(92.24deg, #007B9F 3.19%, #062B38 94.65%);
    font-family: Open Sans;
    font-size: 13px;
    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;
}
}
.request-call-button{
  color: white;
}
.request-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;
}
.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;
  }
}
.bnr-head-con-mob{
  display: none;
}
@media (max-width: 767px) {
  .bnr-head-con-mob{
    position: absolute;
    height: auto;
    display: block;
    max-width: 85%;
    left: 10%;
    bottom: 5%;
    font-family: Open Sans;
    font-size: 25px;
    font-weight: 700;
    line-height: 54.47px;
    letter-spacing: -0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
}
@media (max-width: 767px) {
.bnr-head-con{
  display: none !important;
}
}
.bnr-head-con{
  height: auto;
  display: block;
  max-width: 85%;
  left: 5%;
  top: 40%;
  position: absolute;
  font-family: Open Sans;
  font-size: 40px;
  font-weight: 700;
  line-height: 54.47px;
  letter-spacing: -0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.landing-page-banner{
  position: relative;
}
@media (max-width: 767px) {
.more-section-new {
  padding: 20px;
}
}
.ad-heading-de p{
  text-align: center !important;
}
.medicine{
  padding: 40px 70px;
  background: linear-gradient(180deg, #B0C9CB 0%, #ECECEC 100%);
}
.medicine p, .treatment-application ul li, .addes ul li, .medicine p span, .treatment-description ul li, .treatment-description ul li span, .advance-wrapper p, .advance-wrapper span, .con p{
font-family: Open Sans !important;
font-size: 16px !important;
font-weight: 400;
line-height: 21.79px;
letter-spacing: 0.005em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1) !important;
background: none !important;

}
.medicine h2, .medicine h2 span, .medicine h1, .medicine h1 span, .treatment-heading-desktop, .treatment-application h3, .treatment-application h3 span, .specialties-doctor h3, .specialties-doctor h3 span, .faq-sec h3, .addes h3, .addes h3 span{
font-family: Open Sans !important;
font-size: 34px !important;
font-weight: 700;
line-height: 46.3px !important;
letter-spacing: -0.03em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(7, 56, 73, 1) !important;
background: none !important;
}
@media (max-width: 767px) {
.medicine h2, .medicine h2 span, .medicine h1, .medicine h1 span, .treatment-heading-desktop, .treatment-application h3, .treatment-application h3 span, .specialties-doctor h3, .treatment-heading-mobile, .faq-sec h3, .addes h3, .addes h3 span{
  font-family: Open Sans !important;
font-size: 20px !important;
font-weight: 700;
line-height: 27.24px !important;
letter-spacing: -0.03em;
text-align: center !important;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(7, 56, 73, 1) !important;
background: none;
}
}
@media (max-width: 767px) {
  .medicine{
    text-align: center;
    padding: 20px;
  }
}
.speciality-detail-blog, footer{
  padding: 0;
}
@media (max-width: 767px) {
  .speciality-detail-blog, footer{
    padding: 0;
  }
}
.speciality-detail-blog, footer .wrapper{
  max-width: 1270px !important;
  padding: 0 15px !important;
  margin: 0 auto !important;
}
@media (max-width: 767px) {
  .speciality-detail-blog, footer .wrapper{
    /* padding: 0; */
  }
}
.patient-outer{
  padding: 40px 70px;
}
@media (max-width: 767px) {
  .speciality-detail-blog{
    padding: 0 25px;
  }
}

@media (max-width: 767px) {
.medicine p span{
  font-family: Open Sans !important;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 16.34px !important;
  letter-spacing: 0.005em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
}.textbox-image{
  padding: 40px 70px;
  /* display: flex;
  gap: 40px; */
}
.textbox-image-inside{
  display: flex;
  /* flex-wrap: wrap; */
  gap: 40px;
}
.text-left{
  width: 50%;
  padding-top: 15px;
}
.textbox-image .text-left{
  overflow: hidden;
  max-height: 415px;
  width: 55%;
  padding-top: 0px !important;
}
.textbox-image .image-right{
  flex: 0 0 45% !important; /* Fixed width for the image */
  order: 2 !important;
}
.text-left.expanded {
  max-height: none; /* Allow text to expand fully */
  flex: 1 1 100%; /* Take full width when expanded */
}
.textbox-image.expanded .content-wrapper {
  flex-wrap: nowrap;
  flex-direction: column;
}
.image-right{
  width: 50%;
}
.text-left p, .text-left p span{
  font-family: Open Sans !important;
font-size: 16px !important;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.01em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1) !important;


}
.treatment-heading-mobile{
  display: none;
}
@media (max-width: 767px){
  .treatment-heading-mobile{
    display: block;
    margin-bottom: 0;
    text-align: center;
    order: 3;
  }
}
.treatment-heading-desktop{
  /* display: none; */
}
@media (max-width: 767px){
  .treatment-heading-desktop{
    display: none;
  }
}
@media (max-width: 767px){
  .text-left{
    width: 100% !important;
    padding-top: 0;
  }
}
@media (max-width: 767px){
  .image-right{
width: 100%;
  }
}
@media (max-width: 767px){
.textbox-image {
  padding: 0 !important;
}
}
.why-choose{
  padding-bottom: 5px !important;
  display: flex;
  flex-direction: row-reverse;
  gap: 40px;
}
@media (max-width: 767px){
  .textbox-image-inside{
    padding: 20px;
    display: flex;
    gap: 10px;
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px){
  .why-choose{
    padding: 20px !important;
    display: flex !important;
    gap: 10px !important;
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 767px){
  .text-left ul, .treatment-application ul, .treatment-application ul{
    list-style-type: disc !important;
    margin: 15px;
    margin-right: 0;
    padding: 0 !important;
  }
}
.text-left ul, .treatment-application ul, .treatment-application ul{
  list-style-type: disc !important;
  margin: 20px;
  margin-right: 0;
}

/* Default behavior for desktop */
/* .treatment-description ul li {
  display: list-item;
}

.treatment-description .read-more {
  display: none;
} */

/* Mobile-specific styles */
/* @media (max-width: 768px) {
  .treatment-description ul li {
    display: none;
  } */

  /* .treatment-description ul li:nth-child(1),
  .treatment-description ul li:nth-child(2) {
    display: list-item;
  }

  .treatment-description .read-more {
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
  }

  .treatment-description .read-more:hover {
    color: #0056b3;
  }

  .treatment-description p {
    display: block;
  }
} */

.ad-content-section {
  display: none; /* Hide all content sections by default */
}

.ad-content-section.active {
  display: flex; /* Show only the active content section */
}

.adheading-button.active {
  /* background-color: #007BFF; Example styling for active button */
  color: #fff;
  background: rgba(15, 113, 147, 1);
}

.arrow-icon {
  /* transition: transform 0.3s ease; */
}

.adheading-button.active .arrow-icon {
  /* transform: rotate(180deg); Rotate arrow icon when active */
}

.advance-wrapper{
  padding: 40px 70px;
}
.ad-heading h3{
  text-align: center;
  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;
  color: #073849;
}
.button-container{
  margin-top: 25px;
}
.buttons{
  display: flex;
      justify-content: center;
      align-items: center;
      gap: 50px;
      flex-wrap: wrap;
}


.adheading-button {
  padding: 10px 20px;
  margin-right: 10px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, 1);
  transition: background-color 0.3s ease;
  width: 305px;
  font-size: 15px;
  position: relative;
  top: 0;
}
.ad-content{
  margin-top: 30px;
}
.ad-content-section{
  display: none
  ;
      justify-content: center;
      align-items: center;
      gap: 70px;
      /* flex-wrap: wrap; */
}
.addes{
  width: 60%;
}
.img-lft{
  width: 40%;
}
/* .button-container-mob{
  display: none;
}
@media (max-width: 767px){
  .button-container-mob{
    display: block;
  }
}*/
.advance-wrapper{
  display: block;
}
@media (max-width: 767px){
  .advance-wrapper{
    display: none;
  }
} 
.ad-wrapper-mobile{
  display: none;
}
@media (max-width: 767px){
  .ad-wrapper-mobile{
    display: block;
  }
} 


/* Initially hide all content sections */
.content-section-mob {
  display: none;
}

/* Display the active section */
.content-section-mob.active {
  display: block;
  margin-top: 10px;
}

.adheading-button-mob.active {
  background-color: #007bff; /* Highlight active button */
  color: white;
}

.arrow-icon {
  /* transition: transform 0.3s ease; */
  content: '';
  position: absolute;
  top: 12px;
  right: 20px;
  width: 0;
  height: 0;
}

/* Rotate arrow for active button */
.adheading-button-mob.active .arrow-icon {
  /* transform: rotate(180deg); */
}
.ad-wrapper-mobile{
  padding: 20px;
}
.ad-heading-mob h3{
  font-family: Open Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 27.24px;
    letter-spacing: -0.03em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #073849;
}
.addes-mob{
  margin-top: 25px;
}
.adheading-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;
}
.ab-mobile-container{
  text-align: center;
  margin-top: 15px;
}
.treatment-application{
  padding: 40px 70px;
}
.addes-mob p{
  text-align: left;
}
/* .footer{
  display: none;
} */
.treatment-application h3{
  font-family: Open Sans;
  font-size: 34px;
  font-weight: 700;
  line-height: 46.3px;
  letter-spacing: -0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #073849;
  margin-bottom: 10px;
}
.treatment-application p, .treatment-application p span{
  font-family: Open Sans !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 21.79px;
  letter-spacing: 0.005em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000 !important; 
}
@media (max-width: 767px){
  .treatment-application{
    padding: 20px;
  }
} 
@media (max-width: 767px){
  .treatment-application h3{
    font-family: Open Sans !important;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 27.24px;
    letter-spacing: -0.03em;
    text-align: center !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
} 
.unmatched-benifits{
  padding: 40px 70px;
  background: #F2F4F5;
}
.unmatched-benifits h3, .unmatched-benifits h3 span{
font-family: Open Sans !important;
font-size: 34px !important;
font-weight: 700;
line-height: 46.3px;
letter-spacing: -0.03em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #073849 !important;
}
.unmatched-benifits ul{
  padding: 10px 30px;
  list-style: disc;
}
.unmatched-benifits p, .unmatched-benifits p span{
font-family: Open Sans !important;
font-size: 16px !important;
font-weight: 400;
line-height: 21.79px;
letter-spacing: 0.005em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #000000 !important; 
}
.unmatched-benifits li, .treatment-application ul li, .unmatched-benifits li span, .treatment-application ul li span{
  font-family: Open Sans !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 21.79px;
  letter-spacing: 0.005em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 1) !important;
  }

  @media (max-width: 767px){
    .unmatched-benifits{
      padding: 20px;
      background: #F2F4F5;
    }
  }
  @media (max-width: 767px){
    .unmatched-benifits h3, .unmatched-benifits h3 span{
    font-family: Open Sans !important;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 27.24px;
    letter-spacing: -0.03em;
    text-align: center !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
}
  @media (max-width: 767px){
    .unmatched-benifits ul{
      padding: 10px;
      list-style: disc;
      padding-left: 15px !important;
    }
  }
.brochure {
  width: 100vw;
  min-height: 100px;
  display: flex;
  justify-content: center; /* Center the group */
  align-items: center;
  background: #117D9E;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  gap: 60px; /* Space between intro and select */
  box-sizing: border-box;
  padding: 20px 0;
}

.brochure-intro {
  text-align: center;
  color: white;
  margin: 0;
  max-width: 600px;
}

.brochure-select-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  max-width: 300px;
  margin: 0;
}

@media (max-width: 1023px) {
  .brochure {
    gap: 30px;
    padding: 16px 0;
  }
}

@media (max-width: 767px) {
  .brochure {
    flex-direction: column;
    min-height: unset;
    gap: 16px;
    padding: 16px 0;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100vw;
  }
  .brochure-intro, .brochure-select-wrapper {
    max-width: 100%;
    width: 100%;
  }
}

.why-choose .image-right{
  width: 45% !important;
}
.why-choose .treatment-heading-desktop{
  font-family: Open Sans;
    font-size: 34px;
    font-weight: 700;
    line-height: 46.3px;
    letter-spacing: -0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.why-choose ul{
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.005em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.con{
  padding-bottom: 40px;
  padding-left: 70px;
  padding-right: 70px;
}
@media (max-width: 767px){
.why-choose .image-right {
  width: 100% !important;
}
}
@media (max-width: 767px){
  .con{
    padding: 10px;
    padding-bottom: 30px;
  }
  }

.testimonial-stories{
  display: flex; /* Use flexbox for horizontal alignment */
  flex-wrap: nowrap; /* Prevent wrapping to the next line */
  overflow-x: auto; /* Enable horizontal scrolling */
  /* padding: 10px; */
  gap: 40px; /* Adds spacing between child divs */
  scrollbar-width: thin; /* For Firefox: Thin scrollbar */
  scrollbar-color: #888 transparent; /* For Firefox: Scrollbar color */
}
@media (max-width: 767px){
  .testimonial-stories{
    align-items: start !important;
    justify-content: flex-start !important;
    /* padding: 0 25px;
    gap: 50px !important; */
    padding-left: 20px;
  }
}
.tes-tit{
  margin-bottom: 20px !important;
}
.story{
  width: 400px; /* Set a fixed width for child divs */
  flex: 0 0 auto; /* Prevent shrinking or growing */
  /* background-color: #f2f2f2; */
  /* border: 1px solid #ddd; */
  padding: 25px 15px;
  text-align: left;
  /* border-radius: 8px; */
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.1);

}
.patient-testimonial, .more-section-new {
  padding: 40px 70px;
  background: rgba(232, 245, 246, 1);
  position: relative;
  padding-right: 0px;padding-bottom: 10px;

}
.patient-testimonial h3, .faq-sec h3{
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;
    color: rgba(7, 56, 73, 1);
    margin-bottom: 10px;
}
.patient-testimonial p{
font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.79px;
    letter-spacing: 0.005em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 1);

}
.story p{
  text-align: left !important;
}
@media (max-width: 767px){
.view-speciality-blogs .view-header{
  padding: 0 20px;
}
}
@media (max-width: 767px){
.more-section-new {
  padding: 20px !important;
  padding-bottom: 10px !important;
}
}
@media (max-width: 767px){
.img-lft-mob{
margin-top: 15px;
}
}
@media (min-width: 767px){
.textbox-image img{
height: 425px;
width: auto;
}
}
.why-choose img{
  height: 530px !important;
  width: auto;
}
@media (max-width: 767px){
  .why-choose img{
    height: 100% !important;
  }
}


@media (max-width: 767px){
  .patient-testimonial{
    padding: 0px !important;
    background: rgba(232, 245, 246, 1);
    padding-top: 15px !important;
  }
}
  @media (max-width: 767px){
    .story{
      max-width: 400px; /* Set a fixed width for child divs */
      flex: 0 0 100%; /* Prevent shrinking or growing */
      /* background-color: #f2f2f2; */
      /* border: 1px solid #ddd; */
      padding: 15px;
      text-align: left;
      /* border-radius: 8px; */
      /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
      box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.1);
    
    }
}
    @media (max-width: 767px){
      .patient-testimonial h3, .faq-sec h3{
        font-family: Open Sans;
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
        letter-spacing: -0.03em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        }
}
@media (max-width: 767px){
  .patient-testimonial p{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.79px;
    letter-spacing: 0.005em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    }
}
@media (max-width: 767px){
.tes-tit{
  padding: 0 20px;
}
}
@media (max-width: 767px){
  .con{
    padding: 20px;
    padding-bottom: 30px;
    padding-top: 0;
  }
}
@media (max-width: 767px){
  .con{
    padding: 10px;
    padding-bottom: 30px;
  }
}

.faq-container {
  display: flex;
  gap: 20px;
  /* padding: 20px; */
}

.faq-description-box {
  flex: 1; /* Take more space for the description box */
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.14);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;

}

.faq-headings-column {
  flex: 1; /* Take less space for the headings */
}

.faq-headings-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.faq-heading-button {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: none;
  padding: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 16px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  font-family: Open Sans;
font-size: 18px;
font-weight: 400;
line-height: 24.51px;
letter-spacing: 0.03em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}

.faq-heading-button:hover {
  /* background-color: #eaeaea; */
}

#faq-description-content {
  font-size: 16px;
  color: #333;
  font-family: Open Sans;
font-size: 18px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.01em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.faq-headings-list li{
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.14);
  margin-bottom: 15px;
}
.faq-heading-button.active {
  background: rgba(15, 109, 142, 1);
  color: #fff; /* White text for contrast */
  font-weight: bold; /* Optional: Make the text bold */
}
.m-faq{
  padding: 40px 70px;
}
.m-faq h3{
  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;
  color: rgba(7, 56, 73, 1);
}
.mobile{
  display: none;
}
.desktop{
  display: block;
}
@media (max-width: 767px){
  .mobile{
    display: block;
  }
}
@media (max-width: 767px){
  .desktop{
    display: none;
  }
}
.more-section-new{
  padding: 40px 70px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.heading-new{
  text-align: center;
}

.more-section-new .faq-title{
  font-size: 16px;
  border-radius: 4px;
  color: #000;
  background: rgba(255, 255, 255, 1) !important;
  padding: 18px 15px;
  padding-right: 40px;
  display: block;
  position: relative;
  margin: 0;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0px 2.86px 17.18px 0px rgba(0, 0, 0, 0.14) !important;
}
.faq-sec > li .faq-title:hover{
  background: rgba(15, 109, 142, 1) !important;
  color: #fff !important;
  font-weight: bold !important;
}
/* .speciality-detail-blog{
  padding: 40px 70px;
} */
/* .blog-outer .blog-slider .blog-box {
  max-width: 100% !important;
} */
#open-popup{
  top: 32px;
    float: right;
    width: 216px;
    height: 36px;
    background: linear-gradient(92.24deg, #007B9F 3.19%, #062B38 94.65%) !important;
    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;
    transform: rotate(0deg) !important;
    right: 35px;
}
@media (max-width: 768px) {
  #open-popup {
    top: 0px;
    float: right;
    height: 36px;
    background: linear-gradient(92.24deg, #007B9F 3.19%, #062B38 94.65%) !important;
    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;
    transform: rotate(0deg) !important;
    right: 10px;
    position: absolute;
    width: unset;
  }
}
.block-popup-callback-form-block{
  position: static !important;
}
.sp-book{
  text-align: center;
  padding: 40px 70px;
}
.sp-book h3{
  color: rgba(7, 56, 73, 1);
  font-family: Open Sans;
  font-size: 34px;
  font-weight: 700;
  line-height: 46.3px;
  letter-spacing: -0.005em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
@media (max-width: 768px) {
  .sp-book{
    text-align: center;
    padding: 20px 15px;
  }
}
@media (max-width: 768px) {
  .sp-book h3{
  font-family: Open Sans;
  font-size: 20px;
  font-weight: 700;
  line-height: 27.24px;
  letter-spacing: -0.005em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
}
@media (max-width: 768px) {
.speciality-detail-blog{
  padding: 0;
}
}
.specialties-doctor{
  padding: 40px 70px;
}
@media (max-width: 768px) {
  .specialties-doctor{
    padding: 30px;
  }
  }
  @media (max-width: 767px) {
    .arrow-btn {
        width: 30px;
        height: 30px;
        display: block !important;
    }
}
.left-arrow, .left-arrowt, .left-arrowb {
  left: 0px;
  position: absolute;
  z-index: 999;
  top: 50%;
  z-index: 999;
}
.arrow-btn {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  display: none;
}
.right-arrow, .right-arrowt, .right-arrowb {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 999;
}
.hospital{
  position: relative;
}
@media (max-width: 767px) {
  .specialties-doctor .doctor-profile .doctor-profile-box {
      min-width: 90% !important;
      width: 90% !important;
      margin: 0 16px 0 0;
      flex: 0 0 100%;
  }
}
@media (max-width: 767px) {
.blog-slider{
  padding: 0px 25px !important;
  gap: 50px !important;
  margin: 0 !important;
  justify-content: flex-start !important;
    align-items: flex-start !important;
    width: unset !important;
}
}
@media (max-width: 767px) {
  .blog-box{
    flex: 0 0 100%;
    margin: 0 !important;
    padding: 15px !important;
    width: unset !important;
  }
  }
  .footer-links{
    text-align: center;
    padding: 20px;
    margin-bottom: 0px;
    margin-top: 20px;
    background: rgba(7, 56, 73, 1);
  }
  .footer-links a{
    color: #FFFFFF;
  }
  @media (max-width: 767px) {
  .footer-links{
    /* text-align: center; */
    /* padding: 20px; */
    margin-bottom: 0px;
    /* margin-top: 20px; */
  }
}
.testimonial-stories {
  display: flex;
  overflow: hidden;
  scroll-behavior: smooth;
  width: 100%; /* Ensure the container has a defined width */
}

.story {
  flex: 0 0 auto;/* Display 3 stories in the viewport */
  box-sizing: border-box;
  padding: 10px;
  width: calc(33.33% - 40px);}

.pagination-dots {
  text-align: center;
  margin-top: 10px;
}

.pagination-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.pagination-dots .dot.active {
  background-color: #000;
}
/* Initially, hide both dot sets */
.desktop-dots, .mobile-dots {
  display: none;
}

/* Show desktop dots on larger screens (e.g., desktops) */
@media (min-width: 768px) {
  .desktop-dots {
    display: block;
  }
}

/* Show mobile dots on smaller screens (e.g., mobile devices) */
@media (max-width: 767px) {
  .mobile-dots {
    display: block;
  }
}
.testimonial-stories {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  gap: 40px; /* Gap between stories */
}

.story {
  flex: 0 0 auto;
  box-sizing: border-box;
  padding: 10px;
  width: calc(33.33% - 40px); /* 1/3 of the container width minus the gap */
}

.pagination-dots {
  text-align: center;
  margin-top: 20px;
}

.dot {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}

.dot.active {
  background-color: #333;
}

/* Mobile Styles - Show only one story at a time */
@media (max-width: 768px) {
  .testimonial-stories {
    gap: 40px; /* Reduce gap on mobile if necessary */
  }

  .story {
    width: calc(100% - 20px); 
    flex: 0 0 auto; }

  .pagination-dots {
    display: flex;
    justify-content: center;
  }

  .dot {
    width: 8px; /* Smaller dots for mobile */
    height: 8px;
  }
}
.specialties-doctor .head-row{
  display: block !important;
}
.specialties-doctor .heading2{
  text-align: center;
}
.specialties-doctor .view-all{
  text-align: center;
  display: none;
}
.pagination-dots .dot.active {
  background-color: #007bff; /* Change to your desired active color */
}
/* Read More Button */
.read-more-btn {
  display: block;
  margin: 10px;
  margin-bottom: 0;
  background-color: #007BFF;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.read-more-btn:hover {
  background-color: #0056b3;
}

/* Speciality taxonomy page new fix */
@media (max-width: 768px) {
  .banner-outer .banner-content h1 {
    font-size: 20px !important;
  }

  .medicine p {
    font-size: 16px !important;
  }

  .read-more-btn {
    margin: 15px auto;
  }

  #header {
    display: block !important;
  }

  #block-gleneagles-breadcrumbs .breadcrumb {
    margin: 15px 0px auto;
  }
}


/* Speciality taxonomy page new fix ends */