/********** Template CSS **********/
:root{--bs-primary: #f88631;--bs-dark: #a94901;--bs-white: #ffffff;--new_font_family: 'Nunito Sans', sans-serif;}

body { 
    font-family: 'Nunito Sans', sans-serif;
    color: #000 !important;
    background-color: #848a98 !important;
}

.container-team, .container-office, .container-trust, .container-service, .showMoreContainer, .outerContainer, .treatment-wrapper {
    background-color: #ffffff !important;
}

.bg-primary {
    background-color: #848a98 !important;
}
.bg-dark  {
    background-color: #f88631 !important;
}
.btn-primary {
    color: #fff;
    background-color: #f88631;
    border-color: #f88631;
}
.btn-check:focus+.btn-primary,.btn-primary:focus {
    color: #fff;
    background-color: #f88631;
    border-color: #f88631;
    box-shadow: 0 0 0 .25rem rgba(82,127,207,.5)
}
.text-dark {
    color: #723100 !important;
}
.dropdown-item { 
    color: #f88631 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.dropdown-item:hover { 
    color: #848a98 !important;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { 
    color: #f88631 !important;
    font-family: "Nunito sans", sans-serif !important;
}
.btn-light, .btn-light:hover {
    color: #723100 !important; 
}
.btn-light1, .btn-light1:hover {
    background: #eee;
    border-radius: 8%;
    color: #723100 !important; 
}
.btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #848a98 !important;
    border-color: #848a98 !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #848a98;
    border-color: #848a98;
}
.text-primary {
    color: #a94901 !important;
}
.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

.fw-medium {
    font-weight: 500;
}
.form-control {
    background: #f88631 !important;
    color: #fff !important;
    /*background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(248, 134, 49, 1) 56%, rgba(248, 134, 49, 1) 100%);
    background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(248, 134, 49, 1) 56%, rgba(242, 194, 157, 1) 100%);*/
}
::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #000;
}

.form-select { 
    font-size: 1rem !important;
    font-weight: 500 !important; 
    color: #fff;
    background-color: #f88631;
}
.form-select:focus {
    border-color: #99b4e3;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(248 134 49,.25)
}

a {
    color: #f88631;
    text-decoration: none;
}
a:hover {
    color: #f88631;
    text-decoration: none;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-family: "Nunito sans", sans-serif !important;
    transition: .5s;
    font-weight: 600;
}

.btn-primary,
.btn-outline-primary:hover {
    color: var(--bs-light);
}

.btn-secondary,
.btn-outline-secondary:hover {
    color: var(--bs-dark);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: normal;
}

.icon-box-primary,
.icon-box-light {
    position: relative;
    padding: 0 0 10px 10px;
    z-index: 1;
}

.icon-box-primary i,
.icon-box-light i {
    font-size: 60px;
    line-height: 0;
}

.carousel  .icon-box-primary::before, .icon-box-light::before { 
    left: 36%;
    bottom: 5px;
}

.icon-box-primary::before,
.icon-box-light::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    left: 12px;
    bottom: 0;
    border-radius: 35px;
    transition: .5s;
    z-index: -1;
}

.icon-box-primary::before {
    background: none; /* var(--bs-white);*/
}

.icon-box-light::before {
    background: var(--bs-light);
}


/*** Navbar ***/
.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-nav .nav-link {
    margin-right: 7px;
    padding: 15px 0;
    color: var(--bs-white);
    font-size: 17px;
    font-weight: 600;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--bs-white);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.formcontrol::placeholder {
  color: #fff;font-weight: 600;
  opacity: 1; /* Firefox */
}

.formcontrol::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;font-weight: 600;
}

.inputfrm .formcontrol {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #8a91ac;
    background-color: #f88631 ;
    background-clip: padding-box;
    border: 1px solid #f88631 ;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.accordion-button:not(.collapsed) {
    color: #f88631 !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #f88631 !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(248 134 49 / 26%);
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #848a98;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .sticky-top {
        width: 90%;
        margin-top: -34px;
        margin-left: 10%;
    }

    .navbar {
        height: 50px;
        width: 80% !important;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        border: 1px solid #f88631;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s; 
        max-height: 300px !important;
        overflow-y: auto;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
@media (min-width: 992px) {
    .header-carousel,
    .page-header {
        margin-top: -34px;
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background: rgba(3, 27, 78, .11);
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
    background-color: var(--bs-primary);
    border: 15px solid var(--bs-primary);
}

@media (max-width: 767.98px) {
    .testimonial {
        background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(https://tse1.mm.bing.net/th?id=OIP.y23cd59Io86clY1YtsBFbwHaDt&pid=Api) left center no-repeat !important;
        background-size: cover !important;
    }
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(../img/testimonial.jpg) center center no-repeat;
    background-size: cover;
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--bs-white);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-size: 18px;
    color: var(--bs-white);
}


/*** Features ***/
.feature {
    /*background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(https://static.vecteezy.com/system/resources/previews/023/392/325/non_2x/abstract-medical-background-with-pulse-in-gray-color-vector.jpg) left center no-repeat;*/
    background: linear-gradient(rgb(240 181 90 / 62%), rgb(78 50 3 / 30%)), url(../img/hrbg1.png) left center no-repeat;
    background-size: cover;
}

.feature-row {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.feature-item {
    border-color: rgba(0, 0, 0, .03) !important;
}

.experience .progress {
    height: 5px;
}

.experience .progress .progress-bar {
    width: 0px;
    transition: 3s;
}

.experience .nav-pills .nav-link {
    color: var(--dark);
}

.experience .nav-pills .nav-link.active {
    color: #FFFFFF;
}

.experience .tab-content hr {
    width: 30px;
}


/*** About ***/
.about-fact {
    width: 220px;
    height: 220px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

@media (min-width: 576px) {
    .about-fact.mt-n130 {
        margin-top: -130px;
    }
}

.btn-dark {
    color: #fff;
    font-weight: bolder !important;
    background-color: #f88631;
    border-color: #f88631;
}
.btn-dark:hover {
    color: #fff;
    font-weight: bolder !important;
    background-color: #f88631;
    border-color: #f88631;
}

.btn-play {
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 36px;
    height: 46px;
    border-radius: 100%;
    border: none;
    outline: none !important;
    padding: 18px 20px 20px 28px;
    background: var(--bs-primary);
}

.btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background: var(--bs-primary);
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background: var(--bs-primary);
    border-radius: 100%;
    transition: all 200ms;
}

.btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    left: 3px;
    border-left: 30px solid #FFFFFF;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

.modal-video .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

.modal-video .modal-body {
    position: relative;
    padding: 0px;
}

.modal-video .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    background: #000000;
    opacity: 1;
}


/*** Service ***/
.container-service {
    position: relative;
}

.container-service::before {
    position: absolute;
    content: '';
    background: var(--bs-light);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    clip-path: polygon(0 0, 100% 0, 100% 30%, 0 70%);
    z-index: -1;
}

.service-item {
    position: relative;
    height: 100%;
    padding: 45px 30px;
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

.service-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    transition: .5s;
    background: var(--bs-primary);
}

.service-item:hover::before {
    height: 100%;
    top: 0;
}

.service-item * {
    position: relative;
    transition: .5s;
    z-index: 1;
}

.service-item:hover h5,
.service-item:hover p {
    color: var(--bs-white) !important;
}

.service-item:hover .icon-box-primary::before {
    background: none; /*var(--bs-white);*/
}

.service-item:hover .icon-box-primary i {
    color: var(--bs-white) !important;
}


/*** Team ***/
.container-team {
    position: relative;
}

.container-team::before {
    position: absolute;
    content: '';
    background: var(--bs-light);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    clip-path: polygon(0 70%, 100% 30%, 100% 100%, 0% 100%);
    z-index: -1;
}

.team-item {
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

.team-item .team-social {
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    transition: .5s;
    background: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-item:hover .team-social {
    width: 100%;
    left: 0;
}

.team-item .team-social .btn {
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-social .btn {
    opacity: 1;
}


/*** Testimonial ***/
.testimonial {
    background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(https://tse1.mm.bing.net/th?id=OIP.y23cd59Io86clY1YtsBFbwHaDt&pid=Api) left center no-repeat;
    background-size: cover;
}

.testimonial-item img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 60px;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-left: 15px;
    color: var(--bs-primary);
    font-size: 30px;
    line-height: 0;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--bs-dark);
}


/*** Contact ***/
@media (min-width: 992px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 0px;
        height: 100%;
        top: 0;
        left: 50%;
        border-left: 1px dashed rgba(255, 255, 255, .2);
    }
}

@media (max-width: 991.98px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0px;
        top: 50%;
        left: 0;
        border-top: 1px dashed rgba(255, 255, 255, .2);
    }
}


/*** Footer ***/
/*.footer {
    background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(../img/footer.png) center center no-repeat;
    background-size: contain;
}
*/
@media (min-width: 992px) {
    .footer::after {
        position: absolute;
        content: "";
        width: 0px;
        height: 100%;
        top: 0;
        left: 50%;
        border-left: 1px dashed rgba(255, 255, 255, .2);
    }
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: rgba(255, 255, 255, 1.5);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(255, 255, 255, 1.5);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--bs-white);
    letter-spacing: 1px;
    box-shadow: none;
}

.copyright {
    border-top: 1px dashed rgba(255, 255, 255, .2);
}

.copyright a {
    color: var(--bs-white);
}

.copyright a:hover {
    color: var(--bs-white);
}

.view-more-text {
    margin: 0 !important;
    gap: 0 !important;
  }

  .section1_container .surgeryCard {
    padding: 0;
    border-radius: 0px !important;
    flex: 0 0 6rem;
    margin: 0;
    background: #fff;
    width: auto;
    justify-content: space-evenly;
  }

  .surgery-cards2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1.5rem clamp(1.5rem, 3vw, 3rem);
    padding: 1rem;
  }

  @media only screen and (max-width: 980px) {
    .surgery-cards2 {
      justify-content: center;
    }
  }

  @media only screen and (max-width: 768px) {
    .section1_container .surgeryCard {
      margin: 0;
    }
  }

.top-disease-wrapper .container_new {
    box-shadow: 0 2px 28px #dee4e899;
  }
  .top-disease {
    display: none;
  }
  .surgery-cards {
    display: flex;
    flex-direction: row;
    justify-content: left;
    flex-wrap: wrap;
  }
  .section1_container .surgeryCard .img_container {
    justify-content: space-evenly;
    height: 72px;
    width: 72px;
    margin: 0 auto;
  }
  .section1_container .surgeryCard img {
    width: 72px;
    height: 72px;
    margin-bottom: 0.5rem; 
    border: 0px solid black;
    border-radius: 50%;
  }
  .section1_container .surgeryCard p {
    margin: 0;
    font-size: 14px !important;
    line-height: 22px;
    font-weight: 400 !important;
    font-family: 'Nunito Sans', sans-serif !important;
    color: #505257 !important;
    max-width: 100px;
    text-align: center;
  }
  @media only screen and (max-width: 980px) {
    .top-disease {
      background-color: #fff;
      display: block;
      font-size: 22px;
      color: #505257;
      font-weight: 600;
      padding: 40px 0 30px 0;
      text-align: center;
    }
  }
  @media only screen and (max-width: 768px) {
    .surgery-cards {
      margin-bottom: 20px;
      box-shadow: none;
    }
    .section1_container .surgeryCard {
      padding: 0;
      margin: 5px 15px 15px;
    }
    .section1_container .surgeryCard .img_container {
      height: 80px;
      width: 80px;
    }
    .section1_container .surgeryCard img {
      height: 80px;
      width: 80px;
    }
    .section1_container .surgeryCard p {
      font-weight: 400;
      font-size: 14px !important;
    }
    .surgery-cards2 {
      margin-bottom: 20px;
      box-shadow: none;
    }
  }
  @media only screen and (max-width: 767px) {
    .backgroundMedia {
      background: 0 0 !important;
    }
  }

  @media only screen and (max-width: 767px) {
    .sections {
      margin: 0 auto;
    }
    .sections {
      padding: 0 0 1em 0;
    }
  }
  [hidden] {
    display: none;
  }
  .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .fixed {
    position: fixed;
  }
  .z-\[9999999999\] {
    z-index: 9999999999;
  }
  .sm\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .view-more-button,
  .view-more-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .view-more-button {
    width: 150px;
    height: 41px;
    border: 1px solid #ff8300;
    border-radius: 21px;
    background-color: #feffff;
    margin-bottom: 20px;
    cursor: pointer;
    display: none;
  }
  .view-more-text {
    font-family: var(--new_font_family);
    font-size: 14px;
    color: #ff8300;
    font-weight: 600;
    margin: 10px 20px;
    width: 90px;
    display: flex;
    white-space: nowrap;
    justify-content: space-between;
  }
  .view-more-text i {
    width: 9px;
    height: 5px;
    font-size: 18px;
  }
  .hidden {
    display: none;
  }
  .display_none {
    display: none;
  }
  .text_center {
    text-align: center;
  }
  .font_16 {
    font-size: 16px;
  }
  .font_14 {
    font-size: 14px;
  }
  .card_content {
    color: #868d98;
    font-weight: 400;
  }
  .like_icon {
    width: 31px;
    height: 23px;
    display: inline;
    margin-right: 4px;
  }
  .flex_row {
    display: flex;
  }
  .view-more-button,
  .view-more-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .view-more-button {
    width: 150px;
    height: 41px;
    border: unset;
    border-radius: 21px;
    background-color: #feffff;
    margin-bottom: 20px;
    cursor: pointer;
    display: none;
  }
  .view-more-text {
    font-family: var(--new_font_family);
    font-size: 14px;
    color: #ff8300;
    font-weight: 600;
    margin-top: 4px;
    width: 90px;
    display: flex;
    justify-content: space-between;
  }
  .view-more-text i {
    width: 9px;
    height: 5px;
    font-size: 18px;
  }
  .rating_container {
    display: flex;
    background: #fff;
    padding: 10px;
    margin: 0 5px;
    border-radius: 10px;
  }
  .NewReviewCards-btn-container {
    display: flex;
    align-items: center;
  }
  .recommend_container {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin: 0 5px;
  }
  .rating_p {
    margin: 1px 0;
    font-size: 14px;
  }
  @media (max-width: 768px) {
    .NewReviewCards-btn-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
      max-width: 35rem;
      margin: auto;
    }
  }
  .recommend_container {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin: 0 5px;
  }

  .btn-outer-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .btn-flex {
    display: flex;
    gap: 5px;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  .call-us-text,
  .btn-number {
    font-family: 'Nunito Sans', sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
  }
  .book-app-text {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
  }
  .call-icon {
    line-height: 1;
    display: flex;
    width: 12px;
  }
  .btns-container1 {
    display: flex;
    max-width: 530px;
    gap: 0.5rem;
    margin: 3rem 0;
  }

  .banner-section .container_new .text-container .banner-listing p {
    color: #505257 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-bottom: 25px !important;
    margin: 0 auto !important;
    line-height: unset !important;
    max-width: unset !important;
  }

.ornge * {
    color: #FF8300 !important;
}



    .specialistOuterContainer {
        background-color: #EDEDED;
    }

    .specialistHeading {
        color: #00263E;
        font-family: 'Nunito Sans', sans-serif;
        font-size: calc(25px + (35 - 25) * ((100vw - 360px) / (1440 - 360)));
        font-weight: 600;
        text-align: center;
    }

    .innerCont {
        display: grid;
        grid-template: auto/1fr 1fr 1fr;
    }

    .cardscontainer {
        border-radius: 10px;
        background-color: #FFFFFF;
        padding: 8px 15px 15px 15px;
        margin: 2%;
        display: flex;
        justify-content: space-around;
        gap: 15px;
        cursor: pointer;
    }

    .container_outerWrapper {
        padding-top: 1rem;
        padding-bottom: 4rem;
    }

    .specialHeading {
        color: #00263E;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 20px;
        margin: 0;
        margin-bottom: 3%;
        font-weight: 600;
    }

    .sRightCont {
        position: relative;
        top: 7px;
    }

    .sLeftCont {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
        gap: 0.5rem;
        padding-top: 0.7rem;
    }

    .sLeftCont_header {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .sLeftCont_header img {
        width: 15px;
        height: 15px;
    }

    .sRightCont img {
        width: 100px;
        aspect-ratio: 1;
        object-fit: cover;
        object-position: center;
        border-radius: 10%;
        height: 100px;
    }

    .sContent {
        font-size: calc(14px + (15 - 14) * ((100vw - 360px) / (1440 - 360)))!important;
        margin: 0;
        line-height: 1.5em;
        height: 3em;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #4D4D4D;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .knowMoreContainer {
        border: 1px solid #4883CC;
        border-radius: 5px;
        font-size: 12px;
        color: #4883CC;
        font-family: 'Nunito Sans', sans-serif;
        width: 100px;
        padding: 5px;
        margin-top: 3%;
        text-align: center;
        cursor: pointer;
    }

    @media screen and (max-width : 768px) {
        .innerCont {
            grid-template:auto/1fr ;
        }

        .specialHeading {
            text-align: left !important;
        }

        .container_outerWrapper {
            padding-top: 1rem;
        }

        .sLeftCont {
            width: 70%;
            padding-top: 0.3rem;
        }

        .sRightCont {
            top: 5px;
            width: 80px;
            height: 80px;
        }

        .sRightCont img {
            height: 100%;
            max-width: 100%;
        }

        .cardscontainer {
            justify-content: start;
        }
    }











  .serviceBox {
      text-align: center;
      padding-top: 10px;
      height: auto;
  }

  .serviceBox .service-icon {
      color: #fff;
      background: #fff;
      font-size: 45px;
      line-height: 100px;
      width: 100px;
      height: 100px;
      margin: 0 auto 30px;
      border-radius: 50%;
      box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2);
      position: relative;
      z-index: 1;
  }

  .serviceBox .service-icon:before, .serviceBox .service-icon:after {
      content: "";
      background: linear-gradient(to right, #848a98 50%, transparent 50%);
      border-radius: 50%;
      position: absolute;
      top: -5px;
      left: -5px;
      right: -5px;
      bottom: -5px;
      box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
      z-index: -1;
      transition: all ease 0.8s;
  }

  .serviceBox:hover .service-icon:before, .serviceBox:hover .service-icon:after {
      transform: rotateZ(180deg);
  }

  .serviceBox:hover .service-icon {
      box-shadow: -5px 1px 5px rgba(0, 0, 0, 0.2);
  }

  .serviceBox .service-icon:after {
      background: #fff;
      box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
  }

  .serviceBox {
      /*border: 1px solid #fff;
      padding: 40px;
      border-radius: 20px;
      background: #fff;
      box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
      */position: relative;
      z-index: 1;
  }

  .serviceBox .title {
      color: #9357ab;
      font-size: 18px;
      font-weight: 500;
      text-transform: uppercase;
      margin: 0 0 10px;
  }

  .serviceBox .description {
      color: #777;
      font-size: 15px;
      line-height: 20px;
      letter-spacing: 0.5px;
      margin: 0;
  }

  .serviceBox.red .service-icon:before {
      background: linear-gradient(to right, #E34A3A 50%, transparent 50%);
  }

  .serviceBox.red .service-icon:after {
      background: #E34A3A;
  }

  .serviceBox.red .title {
      color: #E34A3A;
  }

  .serviceBox.blue .service-icon:before {
      background: linear-gradient(to right, #009CB5 50%, transparent 50%);
  }

  .serviceBox.blue .service-icon:after {
      background: #009CB5;
  }

  .serviceBox.blue .title {
      color: #009CB5;
  }

  .serviceBox.green .service-icon:before {
      background: F1CDFF;
  }

  .serviceBox.green .service-icon:after {
      background: #A1C52D;
  }

  .serviceBox.green .title {
      color: #A1C52D;
  }

  @media only screen and (max-width: 990px) {
      .serviceBox {
          margin: 0 0 30px;
          width: 90%;
      }
  }

  .simg img {
      width: 60%;
  }

  .serviceBox .title {
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      /* Adjust for headings */
      font-weight: bold;
  }

  .serviceBox .description {
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-weight: 400;
  }

  .steps {
        gap: 30px !important;
  }

  @media (min-width: 768px) {
    .col-md-3 {
        flex: 0 0 auto;
        width: 20% !important;
    }
}

.content_divider_line {
    width: 100%;
    height: 10px;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
    /*margin: 30px 0;*/
}

.doc_feature {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 4px #00000014;
    border: 1px solid #EAF1F9;
    border-radius: 20px;
    opacity: 1;
    width: 47%;
    margin-bottom: 20px;
    float: left;
}

.doc_card {
    display: flex;
    flex-direction: row;
}

.left_parent {
    flex: 2.5;
    padding: 20px 20px;
}

.divider_line {
    border: 1px solid #EAF1F9;
    opacity: 1;
}
.right_parent {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 20px;
    margin-top: 20px;
}

.review_section {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.section1 {
    display: flex;
    flex-direction: row;
}
.section2 {
    margin-top: 11px;
    display: flex ;
    flex-wrap: wrap;
    row-gap: 10px;
}
.doctorAboutSection {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #505257;
    margin-top: 12px;
    text-align: justify;
    max-height: 52px;
    height: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.doc_speciality {
    background: #F0F2F7 0% 0% no-repeat padding-box;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    opacity: 1;
    text-align: left;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #f88631 ;
    padding: 0px 10px;
    margin-right: 10px;
}
.photo_container {
    position: relative;
    cursor: pointer;
}
.intro_container {
    margin-left: 10px;
}
.doctor_image {
    width: 128px;
    height: 128px;
    border-radius: 10px;
} 
.photo_container .blink_img {
    -moz-animation: blink normal 2s infinite ease-in-out;
    -webkit-animation: blink normal 2s infinite ease-in-out;
    -ms-animation: blink normal 2s infinite ease-in-out;
    animation: blink normal 2s infinite ease-in-out;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 117px;
    right: 0px;
}

.doc_name {
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #505257;
    opacity: 1;
    margin: 0;
    cursor: pointer;
    width: max-content;
}

.doc_desg {
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #505257;
    opacity: 1;
    margin: 10px 0 2px 0;
    display: flex;
}

.free_button {
    background: #f88631  0% 0% no-repeat padding-box;
    border: 1px solid #f88631 ;
    border-radius: 12px;
    opacity: 1;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    color: #fff;
    letter-spacing: 0px;
    padding: 3px 14px;
}
#doctorAboutReadMore {
    font-size: 12px;
    font-weight: 600;
    color: #f88631 ;
    text-decoration: underline;
    cursor: pointer;
}

.locationText {
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0px;
    color: #505257;
    opacity: 1;
    margin: 0;
    display: inline-flex;
    gap: 1.5px;
}

.location_image {
    opacity: 1;
    fill: #505257 !important;
}

.callUs_anchor {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

#book_appointment_btn {
    background: #3D7CC9;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding: 10px 30px;
    width: 100%;
}



.bannerStatsParentContainer{
  display: flex;
  gap: 20px;
  margin: 10px;
  background: #fff;
  border-radius: 20px;
  justify-content: space-evenly;
}
.bannerStatsContainer{
  /* width: 170px; */
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  white-space: nowrap;
}
.bannerStatsValueContainer{
  display: flex;
  gap: 5px;
  align-items: center;
}
.bannerStatsValue{
  font-size: 24px;
  font-weight: 600;
  color: #0071BC;
}
.bannerStatsValueImg{
  height: 14px;
  width: 16px;
  margin-top: 2px;
}
.bannerStatsLabel{
  font-size: 14px;
  color: #424242;
  font-weight: 500;
}
.bannerStatsForMobileParentContainer{
  display: none;
}
.bannerStatsDivider{
  background-color:#C6C6C6;
  width: 1px;
  margin: 10px 0;
}
.bannerStatsDivider:last-child{
  display: none;
}
@media (max-width:767px){
  .bannerStatsForMobileParentContainer{
    display: flex;
    justify-content: space-between;
    max-width: 450px;
    margin: auto;
    align-items: center;
    display: none;
  }
  .bannerStatsValueForMobile{
    text-align: center;
  }
  .bannerStatsValue{
    font-size: 16px;
  }
  .bannerStatsLabel {
    font-size: 12px;
  }
  .bannerStatsParentContainer{
    border-radius: 10px;
    display: none;
    gap: unset;
    margin-bottom: unset;
  }
  .bannerStatsValueImg{
    height: 9px;
    width: 9px;
  }
  .bannerStatsMobileValue{
    font-size: 16px;
    font-weight: 600;
    color: #F4C139;
  }
  .bannerStatsMobileLabel{
    font-size: 12px;
    font-weight: 500;
    color: white;
  }
  .bannerStatsValueImgMobile{
    height: 10px;
    width: 10px;
  }
  .bannerStatsValueForMobile{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  .bannerStatsForMobileParentContainer .bannerStatsDivider:last-child {
    display: none;
  }
}

.mobile_version_cost .top-circle {
    z-index: 0;
    right: 32%;
    position: absolute;
    bottom: 0;
    width: min(30rem, 40vw);
    height: calc(min(30rem, 40vw) / 2);
    border-radius: 15rem 15rem 0 0;
    background-color: #18a0fb1f;
  }
  .mobile_version_cost .bottom-circle {
    right: 4rem;
    position: absolute;
    bottom: 0;
    width: min(44rem, 70vw);
    height: calc(min(44rem, 70vw) / 2);
    border-radius: 22rem 22rem 0 0;
    background-color: #18a0fb1f;
  }
  .noFormSection #about-section,
  .noFormSection .icon-section {
    margin-bottom: 0px !important;
  }
  .noFormSection #about-section .grid-container,
  .noFormSection .icon-section .grid-container {
    display: block;
    max-width: 100%;
  }
  .noFormSection #about-section .text-container,
  .noFormSection .icon-section .text-container {
    max-width: 100%;
  }
  .noFormSection #about-section .text-container .icon-items-container,
  .noFormSection .icon-section .text-container .icon-items-container {
    gap: 20px;
    justify-content: unset;
    max-width: 100%;
  }
  .noFormSection #about-section .text-container .icon-item,
  .noFormSection .icon-section .text-container .icon-item {
    padding: 1rem 1rem 1rem 1.5rem;
    justify-content: start;
    gap: 1rem;
    width: 100%;
    float: left;
    margin: 1%;

    box-shadow: 5px 6px 5px 1px #e2e6ec;
    border-radius: 10px 10px;
  }
  .noFormSection #about-section .text-container .icon-item p,
  .noFormSection .icon-section .text-container .icon-item p {
    color: #505257;
  }
  .doctor_carsouel_inner_section {
    margin-top: 0 !important;
    top: 0 !important;
  }
  .doctor_carsouel_inner_section .card_heading {
    font-size: 30px;
    color: #0071bc;
    margin: 30px 0;
  }
  .doctor_carsouel_inner_section .button_secton_readmore1 [data-common-btn] {
    padding: 14.5px 35px !important;
    width: 250px !important;
    border: 1px solid #0071bc !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  .doctors_carsouel_outer {
    background: #f7f9ff !important;
    padding: 10px 20px;
    margin: 50px 0;
    padding-bottom: 40px;
  }
  .cost-modal-overlay #about-section .form-container{
    background-color:white !important;
  }
  .cost-modal-overlay .callDetailsInsideForm {
    display: none !important;
  }
  .showPilesDiseaseImg {
    display: block !important;
    max-width: 400px;
    max-height: 400px;
  }
  .detailsAboutDisease {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(min(1600px, 90vw));
    margin: 50px auto;
    gap: 60px;
  }
  .detailsAboutDisease .grid-container .text-container h2 {
    font-size: 30px;
    font-weight: 600;
    color: #0071bc;
  }
  .detailsAboutDisease .grid-container .text-container .content {
    font-size: 16px;
    color: #424242;
    font-weight: 400;
    line-height: 28px;
  }
  .showPilesDiseaseForMobileImg {
    display: none !important;
  }
  .diseaseSectionItemContainer {
    text-align: center;
    flex-direction: column;
    display: flex !important;
    align-items: flex-start !important;
    width: 22% !important;  /* 265px !important;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    gap: 5px !important;
    padding: 12px 15px !important;
    border: none !important;
  }
  .noFormSection .icon-section .text-container .icon-items-container {
    justify-content: center !important;
    gap: 30px !important;
  }
  .diseaseSectionItemContainer .icon {
    height: 60px !important;
    width: 60px !important;
  }
  .diseaseSectionItemContainer p {
    font-size: 18px !important;
    color: #f88631 !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    width: 100%;
  }
  .diseaseSectionItemContainer:nth-child(4n + 2) {
    /*background-image: url(https://img.pristyncare.com/new_brand/elements/bgForBenefit2.png);*/
        background-image: linear-gradient(to left, rgba(255, 0, 0, 0), rgb(225 228 234));
  }

  .diseaseSectionItemContainer:nth-child(4n + 3) {
    /*background-image: url(https://img.pristyncare.com/new_brand/elements/bgForBenefit3.png);*/
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(225 228 234));
  }

  .diseaseSectionItemContainer:nth-child(4n + 4) {
    /*background-image: url(https://img.pristyncare.com/new_brand/elements/bgForBenefit4.png);*/
    background-image: linear-gradient(to left, rgba(255, 0, 0, 0), rgb(225 228 234));
  }

  .diseaseSectionItemContainer:nth-child(4n + 1) {
    /*background-image: url(https://img.pristyncare.com/new_brand/elements/bgForBenefit1.png);*/
        background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(225 228 234));
  }
  .faqOuterContainer .faqHeading {
    font-size: 30px !important;
    color: #f88631  !important;
    font-weight: 600;
    text-align: center;
    margin: 50px 0;
  }
  .faqOuterContainer .faqContainer {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .faqOuterContainer .faqAccordion {
    background: #f7f9ff;
    border: unset;
    padding: 30px 30px;
    border-radius: 10px;
    font-size: 20px;
    color: #424242;
  }
  .faqOuterContainer .panelfaq {
    background: #f7f9ff;
    border: unset;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: unset;
  }
  .faqOuterContainer .panelfaq p {
    line-height: 24px;
    color: #696969;
  }
  .faqAccordion:after {
    font-weight: 400 !important;
    top: 44% !important;
    right: 32px !important;
    font-size: 35px !important;
    height: fit-content !important;
    color: #424242 !important;
  }
  .faqShowMoreButton {
    border-bottom: unset !important;
    border-bottom: unset !important;
    padding-bottom: unset !important;
    margin: 50px 0;
  }
  .faqShowMoreButton button {
    border: 1px solid #0071bc !important;
    border-radius: 10px !important;
    color: #0071bc !important;
    width: 250px !important;
    padding: 14.5px 35px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  .reviewcard_allreview, .reviewcard_write_review{
    font-size: 16px !important;
    width: 250px !important;
    height: 50px;
  }
  .cityTreatreadMoreContent h3,
  .cityTreatreadMoreContent h2,
  .DoctorTableMainHeading {
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    color: #0071bc;
  }
  .category_detail_container .type_based_content_container p,
  .cityTreatreadMoreContent ul li, .type_based_content_container,
  #moreDataAboutTreatmentId td,
  #moreDataAboutTreatmentId tr,
  #moreDataAboutTreatmentId th {
    font-size: 16px;
    font-weight: 400;
    color: #696969;
    line-height: 24px;
  }
  .newGenericInterLinkingMobileStyle{
    background: #F7F9FF;
    padding: 1px 50px 10px;
    border-radius: 20px;
  }
  .newGenericInterLinkingMobileStyle .expand_icon{
    filter: invert(0%) brightness(16%);
    margin: unset !important;
    transform: scale(0.8);
  }
  .flex_row_bottom > :where(h2, .h2){
    color: #424242 !important;
    
  }
  .treatment-review-parent-container{
    background: unset !important;
  }
  .reviewcard_section{
    gap: 5px !important;
    padding: 0 0 20px !important;
  }
  .reviewcard_heading{
    font-size: 30px !important;
    font-weight:  600 !important;
    line-height: 45px !important;
    color: #0071BC !important;
  }
  .reviewcard_count{
    text-align: center !important;
  }
  .reviewcard_count span{
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #424242 !important;
    text-align: center;
  }

  .review_card{
    box-shadow: 0px 4px 15px 0px #75757540 !important;
  }
  .reviewcard_name{
    color: #0071BC !important;
    font-size: 18px !important;
  }
  .reviewcard_desc{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #424242 !important;
    margin: 20px 0 !important;
  }
  .reviewcard_bottom{
    flex-direction: row-reverse;
  }
  .reviewcard_city span, .reviewcard_doctor span{
    color: #0071BC !important;
    font-weight: 600 !important;
  }
  .reviewcard_city, .reviewcard_doctor{
    color: #424242 !important;
    font-size: 14px !important;
  }
  .content-reviewed-by-section{
    border: 0.5px solid #A4B4FF;
    border-radius: 10px !important;
    height: 90px !important;
    margin-top: 50px;
    background-color: #F7F9FF !important;
  }
  #bookAppointmentFormId{
    margin: 0 auto 50px;
    width: calc(min(1600px, 90vw));
    display: none;
  }
  .locationAddressContainer{
    align-items: flex-start !important;
  }
  .locationAddressContainer img{
    margin-top: 2.5px;
  }
  .reviewcard_image span{
    display: none !important;
  }
  .reviewCardUserImage {
    display: block !important;
    height: 40px;
    width: 40px;
    border-radius: 100%;
}
.reviewCardParentContainer .review_card{
  width: 350px !important;
}
.reviewCardParentContainer .carsouel_inner{
  transform: unset !important;
    display: flex !important;
    margin-bottom: unset !important;
    overflow-x: auto;
    gap: 0px !important;
    margin: unset;
}
.reviewCardParentContainer .carsouel_item {
    flex: unset !important;
    width: 100% !important;
}
.reviewCardParentContainer .carsouel_inner::-webkit-scrollbar{
    display: none;
  }
  .carsouel_outer {
    padding: unset !important;
  }
  .reviewCardParentContainer .carsouel_outer .carsouel_item{
    padding: 5px;
  }
  .accordion-overview-wrapper .panel li a{
   color: #f88631;
  }
  .card-container-text{
    margin: 30px;
    padding: 30px;
    background: #FCFAF8;;
    margin-top: unset;
    padding-top: 20px;
  }
  .card-container-text {

  }
  .card-container-text .reviewcard_section, .reviewcard_section .hospital-card-heading {
    color: #0071BC;
    text-align: center;
  }

  @media (max-width: 1280px) {
    .noFormSection .icon-section .text-container .icon-items-container {
      overflow-x: auto !important;
      justify-content: space-between !important;
      padding-bottom: 10px !important;
    }
  }
  @media (max-width: 768px) {
    .reviewCardUserImage {
        height: 40px;
        width: 40px;
    }
    .card-container-text{
      padding: 30px 12px;
      margin: unset;
      background: linear-gradient(180deg, #E9F6FF 0%, #FFF6ED 54.02%);
    }
    .reviewcard_city, .reviewcard_doctor{
    font-size: 12px !important;
  }
  .reviewCardParentContainer .carsouel_inner {
        gap: 5px !important;
    }
    .reviewcard_desc{
    font-size: 12px !important;
    margin: 17px 0 27px !important;
  }
    .review_card {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    }
    .reviewCardParentContainer .carsouel_outer .carsouel_item {
        flex: 0 0 90% !important;
        
    }
    #bookAppointmentFormId{
      display: block;
    }
    .faqOuterContainer .faqContainer{
      gap: 15px;
    }
    .reviewcard_allreview, .reviewcard_write_review{
    font-size: 14px !important;
    width: 145px !important;
    height: 40px;
  }
    .reviewcard_count span{
      font-size: 14px !important;
    }
    .content-reviewed-by-section{
    height: 170px !important;
    margin-top: 30px;
  }
    .reviewcard_heading{
      font-size: 20px !important;
      line-height: 30px !important;
      text-align: center !important;
    }
    .newGenericInterLinkingMobileStyle .surgery_with_city{
      background: #F7F9FF;
    padding: 0 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    }
    .newGenericInterLinkingMobileStyle{
      background: none;
      padding: unset;
      border-radius: unset;
    }
    .newGenericInterLinkingMobileStyle .surgery_with_city .bottom_list{
      border: unset;
    background: unset;
    padding: unset;
    padding-bottom: 20px;
    }
    .cityTreatreadMoreContent h3,
    .cityTreatreadMoreContent h2,
    .DoctorTableMainHeading {
      font-size: 20px;
      line-height: 30px;
    }
    .category_detail_container .type_based_content_container p,
    .cityTreatreadMoreContent ul li,
    .type_based_content_container,
    #moreDataAboutTreatmentId td,
    #moreDataAboutTreatmentId tr,
    #moreDataAboutTreatmentId th {
      font-size: 14px;
      line-height: 20px;
    }
    .faqOuterContainer .faqHeading {
      font-size: 20px !important;
      text-align: start;
      margin: 50px 0 30px;
    }
    .faqShowMoreButton{
      margin: 0 0 50px;
    }
    .faqShowMoreButton button {
      width: 151px !important;
      padding: 12px 20px !important;
      font-size: 14px !important;
      margin-top: 30px !important;
    }
    .faqOuterContainer .faqAccordion {
      font-size: 16px;
      line-height: 20px;
      padding: 14px 35px 14px 15px;
    }
    .faqOuterContainer .panelfaq p {
      font-size: 14px;
      font-weight: 400;
      line-height: 18px;
    }
    .faqOuterContainer .panelfaq {
      position: relative;
      z-index: 9;
    }
    .faqAccordion:after {
      top: 41% !important;
      right: 18px !important;
    }
    .noFormSection .icon-section .text-container .icon-items-container {
      gap: 15px !important;
      padding-bottom: unset !important;
    }
    .diseaseSectionItemContainer .icon {
      height: 45px !important;
      width: 45px !important;
    }
    .diseaseSectionItemContainer {
      width: 100%;
      padding: 7px 15px !important;
    }
    .diseaseSectionItemContainer p {
      font-size: 14px !important;
      line-height: 18px !important;
      width: 100% !important;
    }
    .showPilesDiseaseForMobileImg {
      display: block !important;
      width: 100%;
      margin-top: 20px;
    }
    .detailsAboutDisease .grid-container .text-container .content {
      font-size: 14px;
      line-height: 20px;
    }
    .accordion-overview-wrapper .panel li{
      font-size: 14px;
    }
    .accordion-overview-wrapper .panel ul{
      padding-left: 20px;
    }
    .showPilesDiseaseImg {
      display: none !important;
    }
    .detailsAboutDisease {
      width: 100%;
      padding-inline: 20px;
    }
    .doctor_carsouel_inner_section .button_secton_readmore1 [data-common-btn] {
      padding: 10.5px 35px !important;
      width: 176px !important;
      font-size: 14px !important;
    }
    .detailsAboutDisease .grid-container .text-container h2 {
      font-size: 20px;
    }
    .doctor_carsouel_inner_section .card_heading {
      font-size: 20px;
    }
    .doctors_carsouel_outer {
      height: auto !important;
    }

    #html-body [data-common-btn] {
      position: relative;
      z-index: 1;
    }
    .noFormSection #about-section .text-container .icon-items-container,
    .noFormSection .icon-section .text-container .icon-items-container {
      gap: 1rem;
    }
    .banner-section.hero-section .desktop_version {
      display: block !important;
      width: auto !important;
      height: auto !important;
    }
    .desktop_version #about-section {
      margin-top: 0px !important;
    }
    .desktop_version #about-section .form-container {
      margin-top: 0px;
    }
    .mobile_version_cost .top-circle {
      display: block;
      bottom: 335px;
      right: 50%;
      width: 40%;
    }
    .mobile_version_cost .bottom-circle {
      bottom: 335px;
      width: 60%;
      right: 2.5rem;
    }
    .noFormSection #about-section .text-container .icon-items-container,
    .noFormSection .icon-section .text-container .icon-items-container {
      grid-auto-flow: row;
      grid-template-rows: 1fr 1fr;
    }
    .noFormSection #about-section .text-container .icon-item,
    .noFormSection .icon-section .text-container .icon-item {
      width: 100% !important;
      gap: 0.5rem;
      border: none;
    }
    .doctor_carsouel_inner_section {
    }
    .desktop_version .form-container :where(h4, .h4):has(.img-container) {
      grid-template-columns: 13ch 1fr;
    }
  }



 .doctors_carsouel_outer {
  background: linear-gradient(0deg, rgba(234,241,249,1) 50%, rgba(255,255,255,1) 50%);
  width: 100%;
  position: relative;
}

.doctor_carsouel_inner_section {
  position: relative;
  top: -70%;
  margin-top: 24%;
}

.button_secton_readmore {
  text-align: center;
}

.button_secton_readmore a {
    text-decoration: none;
    text-align: center;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #3d7cc9;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 600;
    color: #3d7cc9
}

@media (max-width: 1200px) {
  .doctor_carsouel_inner_section {
    margin-top: 39%;
  }
}

@media (max-width: 800px) {
  .doctor_carsouel_inner_section {
    margin-top: 42%;
  }
}

@media (max-width: 770px) {
  .doctors_carsouel_outer {
    height: 360px;
  }
  .doctor_carsouel_inner_section {
    margin-top: 43%;
  }
}

@media (max-width:770px) and (height:890px) {
  .doctor_carsouel_inner_section{
    margin-top:73%;
  }
}

/* @media (max-width: 600px) {
  .doctor_carsouel_inner_section {
    margin-top: 55%;
  }
  .doctors_carsouel_outer {
    height: 345px;
  }
}

@media (max-width: 500px) {
  .doctor_carsouel_inner_section {
    margin-top: 69%;
  }
} */

@media (max-width: 500px) {
  .doctor_carsouel_inner_section {
    margin-top: 80%;
  }
}

@media (max-width: 360px) {
  .doctor_carsouel_inner_section {
    margin-top: 90%;
  }
}

.accordianContainer {
  width: 100%;
}

.overviewContainer .heading {
  color: #000;
  font-size: calc(25px + (30 - 25) * ((100vw - 360px) / (1440 - 360)));
  font-weight: 600;
  text-align: left;
  margin-bottom: 1.5rem;
}

.displayContainer {
  display: flex;
  gap: 2rem;;
}

.accordion {
  color: #505257;
  cursor: pointer;
  font-weight: 600;
  width: 100%;
  border: none;
  text-align: left;
  outline: 0;
  font-size: 16px;
  background-color: #fff;
  transition: 0.4s;
  border-bottom: 1px solid #e5ebef;
  padding: 1rem;
  border-radius: 0;
  padding-top: 0;
  position: relative;
}

.accordions:after {
  content: '+';
  color: #ff8300;
  font-weight: 700;
  float: right;
  right: 0;
  top: 50%;
  margin-left: 5px;
  border: 3px;
  width: 13.5px;
  height: 13.5px;
  display: block;
  font-size: 25px;
  position: absolute;
  transform: translate(0, -30px);
}

.accordion.active:after {
  content: '-';
  color: #ff8300;
  font-weight: 700;
  float: right;
  margin-left: 5px;
  border: 3px;
  width: 13.5px;
  height: 13.5px;
  display: block;
  font-size: 25px;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translate(0, -30px);
}

/* .imageContainer {
  flex: 1;
} */

.panel {
  box-shadow: 0px 3px 6px #00000014;
  padding: 0 1rem;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-radius: 5px;
  padding-left: 2.3rem;
  margin-bottom: 2%;
}

.panel p {
  font-size: 16px;
  color: #505257;
}

.panel li {
  /* list-style-position: inside; */
  color:#505257
}



.accordian_wrapper {

border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .imageContainer {
    /* display: none; */
  }

  .accordian_wrapper {
   margin-top: 2%;
   box-shadow: 0px 3px 6px #00000014;
  }

  .displayContainer{
    flex-direction: column;
  }
  .panel {
    box-shadow: none;
  }
  .overviewContainer .heading {
    /* margin-left: 3%; */
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #0071BC;
  }
 
  .accordion {
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    width: 95%;
    padding-top: 1rem;
  }
  .accordion.active {
    border-bottom: 1px solid #e5ebef;
  }
  .accordion.active:after,
  .accordion:after {
    transform: translate(0, -12px);
  }
}

.treatmentHeadingMobile, .treatmentHeadingMobile+h3, .treatmentHeadingMobile+h2, .treatmentHeadingMobile+h4 {
  display: none;
}

.treatmenttreatmentimageContainer, .imageContainer {
  width: auto;
  height: 100%;
}

.imageContainer {
  flex:1
}

.treatmentContainer {
  margin: 50px 0;
  background-color: #eaf1f9;
  padding: 50px 0;
}

.innerContainer {
  display: flex;
  flex-direction: row;
}

.treatmentImage, .overviewImage {
  border-radius: 10px;
  display: block;
  width: 431px;
  /* width: auto; */
  height: 100%;
  /* object-fit: contain; */
  object-fit: unset;
  direction: ltr;

}
.overviewImage {
  border-radius: 10px;
  height: 315px;
}

.contentContainer {
  padding: 0 2rem 0 2rem;
  overflow-y: auto;
  max-height: 340px;
}
.contentContainer::-webkit-scrollbar {
  width: 8px;
}

.contentContainer::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px; 
 
}

.contentContainer::-webkit-scrollbar-thumb {
  background-color: rgba(128, 128, 128, 0.288);
  border-radius: 10px;
}

.treatmentHeading, .treatmentHeading+h2, .treatmentHeading+h3, .treatmentHeading+h4 {
  margin-block-start: .83em;
  margin-block-end: .83em;
  margin: 0;
  font-size: 35px;
  color: #00263e;
  font-weight: bold;
}

.paraContainer p {
  color: #505257;
  font-size: 16px;
}



@media only screen and (max-width: 768px) {
  .innerContainer {
    flex-direction: column;
  }
  .overviewImage {
    height: 100%;
  }
 
  .treatmentHeading,.treatmentHeading+h2, .treatmentHeading+h3, .treatmentHeading+h4 {
    display: none;
  }
  .treatmentHeadingMobile, .treatmentHeadingMobile+h3, .treatmentHeadingMobile+h2, .treatmentHeadingMobile+h4 {
    display: block;
    font-size: 25px;
    color: #00263e;
    font-weight: 600;
    margin: 0;
    padding-bottom: 10px;
  }
  .treatmentContainer {
    padding-top: 1rem;
  }
  .contentContainer {
    padding: 0;
    max-height: 450px;
  }
  .treatmentImage, .overviewImage {
    width: 100%;
    max-width: fit-content;
    max-height: fit-content;
  }
}

.paraContainer ul {
  color: #505257;
  font-size: 16px;
  padding-left: 1.5rem;
}

.wordsOuterContainer {
  margin:10px 0px 30px 0px;
}

.doctorsContainer {
  display: flex;
  gap: 2rem;
}

.doctorsHeading {
  font-size: 35px;
  font-weight: bold;
  color: #000;
}

.doctorImageContainer {
  flex: 20%;
  display: flex;
  flex-direction: column;
}

.doctorImageContainer img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.wordsContainer {
  flex: 80%;
  color: #fff1e4;
  background-color: #fff1e4;
  border: 1px solid #ff8300;
  border-radius: 10px;
  height: auto;
  position: relative;
}

.wordsContainer p {
  font-size: 16px;
  color: #00263e;
  letter-spacing: 0;
  padding: 2rem;
  line-height: 28px;
  margin: 0;
  text-align: justify;
}

.read-more-button {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  color: #ff8300;
  text-decoration: underline;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}


.doctorInfo {
  margin-top: 5%;
}

.doctorInfo p {
  margin: 0;
}

.doctorName {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.doctorDegree,
.doctorExp {
  font-size: 14px;
  color: #505257;
}

.doctorExp {
  color: #1d5eff;
}

.edgeTriangle {
  position: absolute;
  width: 24px;
  height: 23px;
  background: no-repeat padding-box #fff1e4;
  border-bottom: 1px solid #ff8300;
  border-left: 1px solid #ff8300;
  transform: rotate(45deg);
  top: 30px;
  left: -12px;
}

/* .edgeTrianglemobile {
  display: none;
} */

@media only screen and (max-width: 768px) {
  .doctorsHeading {
    font-size: 25px;
  }

  .wordsContainer {
    max-height: 160px;
  }

  .wordsContainer p {
    max-height: 120px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
.read-more-button {
  display: block;
}
  .doctorsContainer {
    flex-direction: column;
  }
  .doctorImageContainer {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 2rem);
  }
  .doctorImageContainer img {
    width: 120px;
  }
  .doctorInfo {
    margin: 0;
  }
  .edgeTriangle {
    display: none;
  }
  .edgeTrianglemobile {
    position: absolute;
    width: 24px;
    height: 23px;
    background: no-repeat padding-box #fff1e4;
    border-bottom: 1px solid #ff8300;
    border-left: 1px solid #ff8300;
    transform: rotate(134deg);
    top: -12px;
    left: 21px;
  }
}

.why_wrapper {
  background: #eaf1f9;
  word-break: break-all;
}

.why_pristyncareSection h4 {
  color: #505257;
  text-align: left;
  opacity: 1;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 20px 0;
}

.one {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.two {
  display: flex;
  width: 45%;
  padding-left: 0;
}

.why_choose_img {
  margin-top: 2rem;
}

.why_choose_content {
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f4f7;
  margin-left: 1rem;
}

.sub_section_heading {
  color: #505257;
  opacity: 1;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0;
  padding-top: 0;
}

.para_container {
  margin-top: 3%;
  margin-bottom: 3%;
}

.para_container p {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #727983;
  opacity: 1;
}

.icon_wrapper {
  background-color: #fff;
  height: 100px;
  width: 100px;
  /* box-shadow: 0 3px 6px #000014; */
  border-radius: 10px;
}

.icon_wrapper > img {
  width: 80%;
  margin-left: 10px;
  margin-top: 10px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .one {
    flex-direction: column;
  }
  .two {
    width: 100%;
  }
  .sub_section_heading {
    font-size: 20px;
  }
  .icon_wrapper {
    height: 80px;
    width: 80px;
  }
}

.second_sec {
  margin-top: 0;
  width: 100%;
  background-color: #fcfaf7;
  position: relative;
  padding: 20px 0;
}

.second_sec_heading {
  color: #505257;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-left: 0.8rem;
}

.second_sec .numbers_container {
    padding: 3rem;
    margin: auto;
    gap: 3rem;
    justify-items: center;
    max-width: 1100px;
    display: grid;
    grid-template: 1fr 1fr/1fr 1fr 1fr;
    align-items: flex-start;
    text-align: center;
    justify-content: center;
}

.second_sec .half_circle {
  position: absolute;
  height: 40px;
  width: 40px;
}

.circle_one {
  background-color: #965ec7;
  bottom: 0;
  left: 0;
  border-top-right-radius: 100%;
}

.second_sec .half_circle {
  position: absolute;
  height: 40px;
  width: 40px;
}

.circle_two {
  background-color: #ffbe00;
  top: 0;
  right: 0;
  border-bottom-left-radius: 100%;
}

.cities p:first-child,
.patients p:first-child {
  font-size: 54px;
  font-weight: 700;
  line-height: 50px;
  color: #505257;
}

.numbers_container p {
  margin: 0;
  text-align: center;
}

.clinics p:first-child,
.hospitals p:first-child {
  font-size: 54px;
  font-weight: 700;
  line-height: 50px;
  color: #505257;
}

.surgeries p:first-child {
  font-size: 54px;
  font-weight: 600;
  line-height: 50px;
  color: #505257;
}

.doctors p:first-child {
  font-size: 54px;
  font-weight: 600;
  line-height: 50px;
  color: #505257;
}

.cities p:last-child,
.patients p:last-child {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #505257;
}

.clinics p:last-child,
.hospitals p:last-child {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #505257;
}

.surgeries p:last-child {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color:#505257 ;
}

.doctors p:last-child {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #505257;
}

.second_sec .pc_number span {
  font-weight: 100;
  max-width: 10ch;
  text-align: left;
}

@media (max-width: 768px) {
  .pc_number:nth-child(even){
    justify-self: flex-end;
  }
  .half_circle {
    display: none;
  }
  .second_sec_heading {
    color: #505257;
    font-size: 25px;
    font-weight: 700;
    padding-top: unset;
    margin-left: unset;
  }
  .second_sec .numbers_container {
    padding: 0 15%;
    margin: auto;
    gap: 2rem;
    align-items: stretch;
    justify-items: flex-start;
    grid-template: 1fr 1fr/1fr 1fr;
    max-width: 1100px;
  }
  .pc_number:nth-child(odd) {
    justify-self: flex-start;
  }
  .second_sec .pc_number p + p {
    font-size: 16px !important;
  }
  .second_sec .pc_number > p {
    width: fit-content;
    font-size: 40px;
  }
}

.faqOuterContainer {
  /* margin: 50px 0; */
}

.faqHeading {
  color: #00263e;
  font-size: 35px;
}

.faqContainer {
  /* column-count: 2;
  column-gap: 2%;
  column-fill: balance; */
  /* display: flex;
    flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 11px;
}


.faqaccordian_wrapper {
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;

}

.faqAccordion {
  color: #505257;
  cursor: pointer;
  font-weight: 600;
  width: 100%;
  border: none;
  text-align: left;
  outline: 0;
  font-size: 16px;
  background-color: #fff;
  transition: 0.4s;
  border-bottom: 1px solid #e5ebef;
  padding: 1rem;
  border-radius: 0;
  position: relative;
  padding-top: 0;
}

.faqAccordion:after {
  content: '+';
  color: #ff8300;
  font-weight: 700;
  margin-left: 5px;
  border: 3px;
  width: 13.5px;
  height: 100%;
  display: block;
  font-size: 25px;
  position: absolute;
  top: 40%;
  right: 0;
  transform: translate(0, -50%);
}

.faqAccordion.active:after {
  content: '-';
  color: #ff8300;
  font-weight: 700;
  margin-left: 5px;
  border: 3px;
  width: 13.5px;
  height: 100%;
  display: block;
  font-size: 25px;
  position: absolute;
  top: 40%;
  right: 0;
  transform: translate(0, -50%);
}

.panelfaq {
  padding: 0 1rem;
  background-color: #fff;
  /*max-height: 0;*/
  padding: 2%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  
  margin: 2% 0;
}

.panelfaq ul {
  font-size: 16px;
  color: #505257;
  padding-left: 2rem;
  /* padding: 12px; */
}

.panelfaq p {
  font-size: 16px;
  color: #505257;
  padding-left: 0.5rem;;
}

.panelfaq:first-child {
  max-height: 200px;
}

.accordion-overview {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: 0;
  background-color: #fff;
  transition: 0.4s;
  border-bottom: 1px solid #e5ebef;
  padding: 1rem;
  border-radius: 0;
  position: relative;
  padding-top: 0;

  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #5B5C5E;
  
}

.accordion-overview:after {
  content: '';
  color: #5B5C5E;
  font-weight: 400;
  margin-left: 5px;
  border: 3px;
  display: block;
  font-size: 20px;
  position: absolute;
  top: 40%;
  right: 0;
  transform: translate(0, -15%);
  transform: translate(0, -50%);
  background-image: url(https://img.pristyncare.com/new_brand/elements/doctor%20profile/arrowDownIcon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 14px;
  width: 14px !important;
  background-position: bottom;
  rotate: 270deg;
}

.accordion-overview.overview-active:after {
  content: '';
  color: #5B5C5E;
  font-weight: 400;
  margin-left: 5px;
  border: 3px;
  display: block;
  font-size: 20px;
  position: absolute;
  top: 40%;
  right: 8px;
  height: 14px;
  width: 14px !important;
  transform: translate(0, -15%);
  transform: translate(0, -50%);
  rotate: 90deg;
  background-image: url(https://img.pristyncare.com/new_brand/elements/doctor%20profile/arrowUpIcon.svg);
}

@media only screen and (max-width: 768px) {
  .faqOuterContainer {
    /* margin: 20px 0; */
  }
  .accordion-overview.overview-active:after, .accordion-overview:after{
    height: 8px;
    width: 12px !important;
    rotate:unset;
    right: 0;
  }
  .faqContainer {
    grid-template-columns: unset;
  }
  .faqHeading {
    font-size: 25px;
    margin-left: 2%;
  }
  .faqAccordion {
    border-bottom: none;
  }
  .faqAccordion.active {
    border-bottom: 1px solid #e5ebef;
  }
  .panelfaq {
    padding: 0;
    /* padding-left: 1rem; */
  }

  .panelfaq p {
    padding-left: 1rem;
  }

  .accordion-overview {
    height: 41px !important;
    padding: 0rem !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
  }
  .accordion-overview.overview-active {
    border-bottom: 1px solid #e5ebef;
  }
}

.footerbanner_wrapper img {
  /* width: 588px; */
  width: 100%;
  /* height: 320px; */
}

.footerbanner_wrapper {
  /* display: flex;
  flex-direction: row;
  flex: 50%;
  justify-content: space-around;
  column-gap: 2%; 
  /* margin: 50px 0; */
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 2%;
}



@media only screen and (max-width: 768px) {
  .footerbanner_wrapper {
    /* flex-direction: column;
    flex: 1;
    justify-content: center; */
    grid-template-columns: 1fr;
    /* row-gap: 2%; */
    /* margin: 20px 0; */
  }
  .footerbanner_wrapper img {
    /* width: 100%; */
    margin-bottom: 10px;
    /* height: 217px; */
  }
}



.Video_heading {
  text-transform: capitalize;
  font-size: 35px;
}


.avgBar_container {
  background: #FFF 0 0 no-repeat padding-box;
  border: 1px solid #BEBEBE;
  border-radius: 10px;
  opacity: 1;
  margin: 20px auto 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  height: 7vh;
}
.avgBar_header {
  font: normal normal bold 20px ;
  font-family: "basic-sans",serif;
  color: #0D3147;
}
.avgBar_rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 50%;
  justify-content: space-evenly;
}
.avgBar_rating span {
  color: #0D3147;
  font: normal normal bold 18px;
  font-family: "basic-sans",serif;
}
.paddingAdd {
  padding-bottom: 17px;
}
.star-container svg {
  width: 18px;
  height: 18px;
}
svg:not(:root) {
  overflow: hidden;
}
.ratingStars {
  width: 80%!important;
  height: 50%!important;
}
@media (max-width: 768px){
      .avgBar_container {
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: auto;
      }
      .avgBar_header {
          margin-top: 20px
      }
      .avgBar_rating {
          width: 100%;
          justify-content: space-evenly;
          gap: 0rem 1rem;
          flex-wrap: wrap;
      }
      .avgBar_rating span {
          color: #0D3147;
          font: normal normal bold 14px;
          font-family: "basic-sans",serif;
          padding-bottom: 0.5rem;
      }
      .star-container svg {
          width: 10px;
          height: 10px;
      }
}

.surgery_with_city {
  margin: 30px 0;
}

.flex_row_bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bottom_list {
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  gap: 10px;
}

.flex_row_bottom > :where(h2, .h2) {
  font-size: 16px;
  color: #0d3147;
  font-weight: bold;
  margin-block-start: .83em;
  margin-block-end: .83em;
}

.desktop_hidden,
.dividerBar {
  display: none;
}

ul {
  padding: 0;
}

.bottom_list > li {
  /* border: 1px solid #3d7cc9; */
  /* border-radius: 5px; */
  padding: 5px 5px;
  font-size: 14px;
  letter-spacing: 0.17px;
  line-height: 1.8em;
  /* margin-top:10px; */
}

.bottom_list li::before{
   content: "";
   color: #3D7CC9;
    background: currentColor center no-repeat;
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 3px;
    transform: translate(0, -50%)
}

.bottom_list > li a {
  color:#3D7CC9;
}

@media (max-width: 768px) {
  .bottom_list > li {
    /* margin-top:10px; */
  }
  .bottom_list,
  .dividerBar {
    border: 1px solid #e5ebef;
    opacity: 1;
  }
  .dividerBar {
    display: block;
    height: 1px;
    width: 93%;
    margin: 10px auto;
  }
  .flex_row_bottom {
    justify-content: space-between;
  }
  .bottom_list {
    display: none;
    flex-direction: column;
    background: no-repeat padding-box #fff;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
  }
  .desktop_hidden {
    display: block;
  }
  .surgery_with_city {
    margin: 0;
  }
}

.dis_flx_row {
  display: flex;
  flex-direction: row;
}

.dis_flx_row_cen {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.footer_nav_category {
  justify-content: center;
  margin: 30px 0;
}

.footer_city_star {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #505257;
  line-height: 1.42;
  cursor: pointer;
  white-space: nowrap;
}

.topCities_footer .footer_city_star {
  font-size: 12px;
  font-weight: 400;
}

.footer_nav_nearme {
  margin: 30px 0;
  gap: 10px;
}

.footer_nav_nearme .heading {
 
  margin: 0 auto;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  white-space: nowrap;
}

.footer_nav_nearme .heading a {
  color: #292b2e;
}

.nearme_doc {
  align-self: start;
  gap: 10px;
}

.footer_nav {
  
  color: #fff;
  margin-bottom: 0;
}

.footer_nav .footer_nav_links {
  font-weight: 400;
  color: #fff;
  font-size: 14px;
}

.footer_nav .footer_nav_cat {
  font-weight: 600;
  color: #fff;
  font-size: 18px;
}

.left_logo_container span {
  font-weight: 400;
  color: #fff;
  font-size: 11px;
}

.subscribe_div_bottom .policy_condition {
  font-weight: 400;
  color: #fff;
  font-size: 13px;
}

.footer_nav .logo_container {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  padding: 30px 0;
  grid-auto-flow: dense;
}

.logo_container.reverse > .left_logo_container {
  grid-column: 2;
}

.left_logo_container {
  display: grid;
  grid-auto-rows: max-content;
}

.left_logo_container span {
  margin: 2px 0;
}

.left_logo_container a {
  margin-bottom: 10px;
}

.right_logo_container {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  order: 1;
}

.right_logo_container .grid-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  column-gap: 15px;
}

.right_logo_container .grid-list2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  column-gap: 10px;
}

.subscribe_div_bottom {
  padding: 30px 0;
  border-top: 0.5px solid #657c8b;
}

.subscribe_div_bottom_box {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.policy_container_links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.social_media_icons_section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.social_media_icons_section a {
  margin: 0 20px;
}

.subscribe-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.subscribe-section input {
  width: 100%;
  max-width: 480px;
  margin: 0 20px;
  border: 1px solid #eceeed;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
}

.subscribe-section button {
  width: 100%;
  max-width: 480px;
  background: #ff8300;
  border-radius: 5px;
  border: none;
  font-weight: 600;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0;
  opacity: 1;
  white-space: nowrap;
}

.footer_nav_nearme .doc_mobile {
  display: none;
}

.footer_nav_nearme .doc_mobile_col {
  display: none;
}

.footer_city_pipe {
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  color: #505257;
}
footer .subscribe_div_bottom .subscribe_div_bottom_box .policy_container_links span{
  width: 100%;
}
@media (max-width: 479px){
  .footer_nav {
    margin-bottom: 50px;
  }
}

@media (max-width: 1024px) {
  .footer_nav_category {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .footer_nav .logo_container {
    grid-template-columns: none;
    grid-template-rows: 1fr auto;
  }
  .right_logo_container {
    grid-template-columns: none;
    grid-template-rows: 1fr auto;
    order: inherit;
  }
  .right_logo_container .grid-list2 {
    grid-template-columns: repeat(3, 1fr);
  }
  .subscribe_div_bottom_box {
    flex-direction: column;
  }
  .footer_nav_categorydiv2 {
    border-top: 0.5px solid #657c8b;
  }
  .subscribe-section {
    justify-content: center;
    flex-direction: column;
  }
  .subscribe-section input {
    margin: 0;
    margin-bottom: 20px;
  }
  .footer_nav_nearme {
    display: block;
  }
  .footer_nav_nearme p {
    display: inline;
  }
  .topCities_footer {
    display: contents;
  }
  .footer_nav_nearme .nearme_doc {
    display: none;
  }
  .footer_nav_nearme .doc_mobile {
    display: inline-block;
    font-size: 12px;
  }
  .footer_nav_nearme .doc_mobile_col {
    display: inline-block;
    margin: 0 5px;
  }
  .policy_container_links {
    gap: 10px;
    text-align: center;
  }
}

#selectCityId .direct-child {
  align-items: center;
}

.modal_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  z-index: 13;
  background: rgba(0, 0, 0, 0.5);
}

.flex_modal {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.modal_content {
  max-width: 80vw;
  width: 78%;
  min-width: 280px;
}

.flex_box_citymodal {
  display: flex;
  flex-direction: row;
  min-height: calc(min(600px, 80vh));
}

.city_modal {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  flex-basis: 50%;
  background-image: url(https://img.pristyncare.com/Group%206326.svg);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: auto;
  justify-content: center;
  padding: 20px 0;
}

.modal_heading_web {
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin: 0;
}

.city_modal_view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}

.select_city {
  background: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 5px;
}

.select_city p {
  font-size: 12px;
  text-align: center;
  margin: 0;
}

.city_modal .city_option {
  display: block;
  color: #505257;
}

.city_modal .city_option img {
  width: 71px;
  height: 71px;
}

.split_position1 {
  flex-basis: 50%;
  background: #fff;
}

.citySearch {
  background: #f5f7fa 0 0 no-repeat padding-box;
}

.heading_flex {
  padding: 10px 20px;
  position: relative;
}

.selectHeading {
  letter-spacing: 0;
  font-weight: 600;
  font-size: 24px;
  color: #505257;
  opacity: 1;
}

.searchCity_div {
  padding: 10px 20px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.searchCity_input {
  border: 1px solid #d3d8dc;
  border-radius: 18px;
  padding: 8px 50px;
  background: #fff;
  outline: 0;
  font-size: 16px;
  letter-spacing: 0;
  color: #797e86;
  opacity: 1;
  width: 100%;
}

.search-input-desktop {
  position: absolute;
  color: #7b7674;
  left: 40px;
  width: 20px;
  display: inline-flex;
  align-items: center;
}

.close__modal {
  margin: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: max-content;
  cursor: pointer;
  transform: rotate(45deg);
}

.back_arrow_icon,
.close__icon {
  line-height: 0.1;
  font-size: 36px;
  transform: rotate(45deg);
}

.city_heading_web {
  color: #505257;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0;
  opacity: 1;
  margin-bottom: 15px;
}

.cityListContainer {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
  gap: 0.7rem;
  overflow-y: auto;
  height: auto;
  overflow-x: hidden;
  line-height: 20px;
}

.select_city_web {
  column-count: 2;
  /* color: #7b7674; */
  letter-spacing: 0;
  color: #505257;
  opacity: 1;
  list-style: none;
  display: inline-grid;
  font-size: 14px;
  word-break: break-word;
}

.city-item > a {
  display: flex;
  justify-content: space-between;
}

.city-item .icon-container {
  display: none;
}

.city-list {
  letter-spacing: 0;
  color: #7b7674;
  opacity: 1;
  font-weight: 600;
  margin: 0;
}

.allCityContainer {
  padding: 20px;
}

.flex_box2 {
  display: none;
}

@media (max-width: 768px) {
  #selectCityId .direct-child {
    align-items: stretch;
    background: #fff;
  }
  .modal_content {
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
  }
  .modal_heading_web {
    margin: 1.5rem 0;
  }
  .flex_box_citymodal {
    flex-direction: column;
  }
  .city_modal {
    padding-top: 0;
  }
  .city_modal.manual-hide {
    padding: 0;
    flex-basis: 0;
  }
  .city_heading_web {
    display: none;
    text-align: center;
    background: #f5f7fa 0 0 no-repeat padding-box;
    line-height: 48px;
  }
  #selectCityId form {
    align-items: stretch;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .split_position1 .allCityContainer {
    padding: 0;
  }
  .heading_flex {
    padding-bottom: 0;
  }
  .allCityContainer .cityListContainer {
    grid-template-columns: 1fr;
    padding: 2rem 1rem;
    gap: 1rem;
  }
  .allCityContainer .cityListContainer .select_city_web {
    font-size: 16px;
  }
  .city-item .icon-container {
    display: block;
  }
}

.app_logo_container{
  display: flex;
  gap: 10px;
  align-items: center;
  margin:10px 0;
}
.app_logo_container img{
  width: 135px;
  height: 40px;
}
.app_logo_container a{
  margin: 0;
}

.change_city{
  cursor: pointer;
}
.write_a_review_new {
  /* border-radius: 10px; */
  opacity: 1;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 292px;
  height: 50px;
  background: #FF8300 0% 0% no-repeat padding-box;
  border-radius: 5px;
  font: normal normal bold 16px;
  font-family: "basic-sans",serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  /* display: none; */
}
.reviewButtons{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.button_secton_reviewMore{
  padding: unset;
  text-align: center;
  width: 292px;
  height: 50px;
  border: 1px solid #4883CC;
  border-radius: 5px;
  /* opacity: 1; */
  font: normal normal bold 16px;
  font-family: "basic-sans",serif;
  letter-spacing: 0px;
  color: #4883CC;
  opacity: 1;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
.button_secton_reviewMore a{
  color: #4883CC;
  width: 292px;
  height: 50px;
}
.clickable{
  cursor: pointer !important;
}

.half_circle{
  display: none;
}

.video-box {
  height: 36.5em;
  width: 100%;
}

.video-box iframe {
  height: 100%;
  width: 100%;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .write_a_review_new{
    width: 139px;
    height: 35px;
    padding: unset;
  }
  .button_secton_reviewMore{
    width: 144px;
    height: 35px;
  }
  .button_secton_reviewMore a{
    width: 144px;
    height: 35px;
  }
  .reviewButtons{
    gap:15px;
  }
  .video-box {
    height: 15.625em;
  }

  .Video_heading{
    font-size: 25px;;
  }
} 


@media only screen and (min-width: 768px){
        .accordianContainer {
            position: relative;
        }
        .accordion-overview {
          padding: 1rem 0 !important;
          margin: auto;
        }
        .accordion-overview.overview-active {
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            color: #f88631;
        }
        .accordion-overview.overview-active:after {
            color: #f88631 !important;
        }
        .accordion-overview-wrapper {
            width: 30%;
            border-radius: 5px;
        }
        .panel-active {
            position: absolute;
            right:0;
            width: 60%;
            top:0;
            left: 35%;
            height: auto;
            max-height: 100% !important;
            box-shadow: none !important;
        }
        .panel {
            transition: none !important;
            margin-bottom: unset !important;
        }
        .panel-active ul {
          margin: 0;
        }
        .panel-active li {
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 36px;
        }
        
        .overviewContainer .heading {
          font-style: normal;
          font-weight: 600 !important;
          font-size: 30px !important;
          line-height: 45px !important;
          text-align: center !important;
          text-transform: capitalize !important;
          color: #f88631 !important;
        }
    }
        
    @media only screen and (max-width: 768px){
        accordion-overview-wrapper {
            width: 100%;
        }
        .panel {
          padding: 0 !important;
        }
        .accordion-overview-wrapper .panel li {
          font-weight: 500;
          font-size: 12px;
          line-height: 20px;
        }
        .accordion-overview.overview-active {
          color: #0071BC !important;
          border-color: #0071BC !important;
        }
        .accordion-overview.overview-active:after {
            color: #0071BC !important;
            width:0px !important;
        }
    }






        .treatment-wrapper {
            padding: 0 60px;
            margin: 70px 0 0 0;
            background: #F7F9FF;
            justify-content: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .treatment-heading {
            font-style: normal;
            font-weight: 600;
            font-size: 30px;
            text-align: center;
            text-transform: capitalize;
            color: #0071BC;
            padding: 40px 0 50px;
            margin: 0;
        }
        .cards {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin: auto;
        }
        .treatment-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 100%;
            padding-bottom:20px;
        }
        .card-image {
            width: 100%;
            height: 350px;
            margin-bottom:10px;
        }
        .card-image img {
            width: 100%;
            height: 100%;
            border-radius: 20px;
            object-fit: cover;
        }
        .card-title {
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 36px;
            text-transform: capitalize;
            color: #0071BC;
            margin-bottom: 30px;
        }
        .card-content {
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #424242;
            display: -webkit-box;
            -webkit-line-clamp: 7;
            -webkit-box-orient: vertical;
            overflow: hidden;
            transition: all 0.3s ease;
            position: relative;
            }
            .card-content.expanded {
            -webkit-line-clamp: unset;
            overflow: visible;
            }
        .card-content h3 {
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 36px;
            text-transform: capitalize;
            color: #0071BC;
        }
        .card-content ul {
            padding:  0 0 0 2rem !important;
            margin:unset;
        }
        .card-details {
            position: relative;
            overflow: hidden;
        }
        .treatment-read-more {
            width: 100%;
            height: 2rem;
        }
        .treatment-read-more span {
            color: #3D7CC9;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            text-align: left;
            text-decoration: underline;
        }
        .hideReadMoreBtn{
            display: none;
        }
        .treatment-card .card-content h2 {
            color: #0071bc;
        }
        .card-content p {
          margin: 0 0 10px 0;
        }
        .card-content *:last-child {
          margin-bottom: 0;
        }
        @media only screen and (max-width: 768px) {
              .card-content {
                -webkit-line-clamp: 10;
                font-size: 14px;
                line-height: 20px;
                }
        .treatment-read-more span{
                font-size: 14px;
            font-weight: 500;
        }
            .treatment-wrapper {
                padding: 0 25px;
                margin: 50px 0 0 0;
            }
            .treatment-heading {
                padding: 30px 0;
                font-size:20px;
            }
            .cards {
                flex-direction: column;
                gap:10px;
            }
            .card-image {
                height: 100%;
                width: 100%
            }
            .card-title {
                font-size: 18px;
                line-height: 27px;
                margin-bottom: 20px;
            }
            .treatment-card { 
                width: 100%;
                height: auto;
                gap:unset;
            }
            .card-content {
                font-size: 14px;
                line-height: 20px;
            }
            .card-content h3 {
                font-size: 18px;
                line-height: 27px;
            }
            .card-content ul {
                padding:  0 0 0 1rem!important;
            }
        } 



.faqAccordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.faqAccordion:hover {
  background-color: #ccc; 
}

.panelfaq {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}




.about .about-item .about-item-inner .about-icon {
    width: 90px;
    height: 90px;
    border-radius: 67% 33% 29% 71% / 39% 46% 54% 61%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary);
    background: var(--bs-primary);
    animation-name: icon-animat;
    animation-duration: 5s;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    transition: 0.5s;
}


/*** Icon Animation Start ***/
@keyframes icon-animat {
    0%  {border-radius: 67% 33% 29% 71% / 39% 46% 54% 61%;}

    25% {border-radius: 69% 31% 19% 81% / 43% 37% 63% 57%;}

    50% {border-radius: 67% 33% 16% 84% / 57% 37% 63% 43%;}

    75% {border-radius: 77% 23% 61% 39% / 36% 61% 39% 64%;}

    100% {border-radius: 67% 33% 29% 71% / 39% 46% 54% 61%;}
}
/*** Icon Animation End ***/


.location {
    vertical-align: middle; 
    margin-right: 4px; 
    width: 22px !important; 
    height: 22px !important;
}