.doctor-banner {
    position: relative;
    background-color: #fafafa;
    padding: 1.875rem 0 2.5rem 0
}

@media screen and (min-width:992px) {
    .doctor-banner {
        padding: 6.25rem 0 0rem 0
    }
}

.doctor-banner__img {
    max-width: 100%;
    width: 100%
}

@media screen and (min-width:768px) {
    .doctor-banner__img {
        max-width: 265px;
        background: #D6D6D6;
        padding: 16px 8px 0 8px
    }
}

@media screen and (min-width:1200px) {
    .doctor-banner__img {
        margin-top: 1.875rem
    }
}

.doctor-banner__img figure {
    margin-bottom: 1.375rem !important;
    --bs-aspect-ratio: 100%
}

.doctor-banner__img figure img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

@media screen and (min-width:992px) {
    
    .doctor-banner__img figure img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

    
    
}

@media screen and (min-width:992px) {
    .doctor-banner__img figure {
        --bs-aspect-ratio: 128%;
        margin-bottom: 0 !important
    }
}

.doctor-banner_details_name {
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.8;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .doctor-banner_details_name {
        font-size: 1.875rem;
        line-height: 2;
        margin-bottom: 1rem
    }
}

.doctor-banner_details_spec {
    color: #216fc7;
    font-weight: 500;
    font-size: 1.375rem;
    /*margin-bottom: 1rem*/
}

@media screen and (min-width:992px) {
    .doctor-banner_details_spec {
        /*margin-bottom: 1rem;*/
        font-size: 1.375rem
    }
}

.doctor-banner_details_pos {
    font-weight: 500;
    color: #3c3c3a;
    margin-bottom: 0.75rem
}

@media screen and (min-width:992px) {
    .doctor-banner_details_pos {
        margin-bottom: 1rem;
        font-size: 1.125rem
    }
}

.doctor-banner_details .speciality {
    color: #000;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .doctor-banner_details .speciality {
        font-size: 1.125rem
    }
}

.doctor-banner_details .disc {
    color: #5e5e5e;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .doctor-banner_details .disc {
        font-size: 1.125rem
    }
}

.patient {
    padding: 0.625rem 0 1.25rem 0
}

@media screen and (min-width:992px) {
    .patient {
        padding: 3.625rem 0 5.625rem 0
    }
}

.patient .navbar {
    top: 130px
}

@media screen and (min-width:992px) {
    .patient .navbar {
        max-width: 16.35rem
    }
}

.patient .navbar .nav.nav-pills {
    --bs-nav-pills-link-active-bg: transparent;
    --bs-nav-pills-link-active-color: $black
}

.patient .navbar .nav.nav-pills .nav-link {
    position: relative;
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-style:normal;
    color: #3c3c3a;
    padding-top: 1.6875rem;
    padding-bottom: 0.375rem;
    /* border-bottom: 1px solid #d9d9d9; */
    border-radius: 0;
    letter-spacing:-0.4px;
    --bs-nav-link-padding-x: 0rem
}

.patient .navbar .nav.nav-pills .nav-link:first-child {
    padding-top: 0
}

.patient .navbar .nav.nav-pills .nav-link:after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    will-change: transform;
    background-color: #d9d9d9;
}

.patient .navbar .nav.nav-pills .nav-link.active {
    font-weight: 500
}

.patient .navbar .nav.nav-pills .nav-link.active:after {
    background-color: #000;
}

.patient .navbar .nav.nav-pills .nav-link.active span {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.patient .navbar .nav.nav-pills .nav-link span {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.patient .navbar .nav.nav-pills .nav-link:hover span {
    opacity: 1
}

@media screen and (min-width:992px) {
    .patient .scroll-content {
        max-width: 57.3125rem
    }
}

.patient .items {
    padding: 2.5rem 0 0.5rem 0;
    border-bottom: 1px solid #000;
    scroll-margin-top: 130px
}

.patient .items:first-child {
    padding-top: 0.6875rem
}

.patient .items:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.patient .doctor-card .bg-grey {
    background-color: #f7f7f5;
    -webkit-box-shadow: inset 0 18px #fff;
    box-shadow: inset 0 18px #fff;
    border-radius: 8.77px
}

@media screen and (min-width:992px) {
    .patient .doctor-card:hover figure img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

.patient .doctor-card__img {
    max-width: 85%;
    margin: 0 auto
}

.patient .doctor-card__img figure {
    overflow: hidden;
    --bs-aspect-ratio: 147.22%;
    margin-bottom: 1.625rem
}

.patient .doctor-card__img figure img {
    -o-object-fit: contain;
    object-fit: contain;
    object-position: bottom;
    -webkit-transition: -webkit-transform 0.4s ease-in;
    transition: -webkit-transform 0.4s ease-in;
    transition: transform 0.4s ease-in;
    transition: transform 0.4s ease-in, -webkit-transform 0.4s ease-in
}

.patient .doctor-card_specialise {
    margin-bottom: 4px !important
}

.patient .doctor-card_name {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.25rem
}

.patient .doctor-card_degree {
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important
}

.patient .doctor-card_last {
    margin-bottom: 4px !important;
    font-size: 14px !important;
    color: #5E5E5E !important
}

.patient .doctor-card_last span {
    font-size: 14px !important
}

.patient .doctor-card span {
    color: #5e5e5e;
    font-size: 20px;
    display: block;
    font-weight: 400;
    letter-spacing:0.5px;
}

.patient h5,
.patient h6 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.875rem;
    letter-spacing:-0.1px;
    font-family: "Inter", sans-serif;
    font-style:normal;
    line-height:1.875rem;
}
.patient h4{
    font-size:25px;
    font-weight:500;
    line-height:30.26px;
    letter-spacing: -0.2px;
    margin-bottom:31px;
}



.patient p {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    letter-spacing:0.5px;
    line-height:32px;
    margin-bottom:19px;
}

@media screen and (max-width:576px){
    .patient p,li{
        font-size:20px !important;
    }
}





.patient ul {
    list-style: none;
    padding-left: 0;
    padding-top:14px;
    padding-bottom:1px;
}

.patient ul li {
    position: relative;
    padding-left: 37px;
    line-height: 1.3;
    margin-bottom: 1.625rem;
    font-size: 22px;
    letter-spacing: 0.42px;
}

   .items:nth-child(2) ul:nth-of-type(2) li:last-child{
    margin-bottom:11px;
}


.patient ul li:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.8335 9.99998L7.75851 13.075L8.80271 14.1442L12.9469 9.99998L8.80271 5.85578L7.75851 6.92498L10.8335 9.99998ZM9.80438 19.5C8.49045 19.5 7.25542 19.2506 6.09928 18.752C4.94313 18.2533 3.93745 17.5765 3.08223 16.7217C2.227 15.8669 1.54994 14.8616 1.05106 13.706C0.552176 12.5504 0.302734 11.3156 0.302734 10.0017C0.302734 8.68772 0.552068 7.45268 1.05073 6.29655C1.5494 5.1404 2.22615 4.13472 3.08098 3.2795C3.93583 2.42427 4.94108 1.74721 6.09671 1.24833C7.25233 0.749443 8.4871 0.5 9.80103 0.5C11.115 0.5 12.35 0.749334 13.5061 1.248C14.6623 1.74667 15.668 2.42342 16.5232 3.27825C17.3784 4.1331 18.0555 5.13834 18.5544 6.29398C19.0532 7.44959 19.3027 8.68437 19.3027 9.9983C19.3027 11.3122 19.0534 12.5473 18.5547 13.7034C18.056 14.8596 17.3793 15.8652 16.5244 16.7205C15.6696 17.5757 14.6643 18.2527 13.5087 18.7516C12.3531 19.2505 11.1183 19.5 9.80438 19.5Z' fill='%231C1B1F'/%3e%3c/svg%3e ");
    width: 24px;
    height: 24px;
    background-size: 19px;
    background-position-y: center;
    position: absolute;
    left: 4px;
    top:1px;
    background-repeat:no-repeat;
}

.patient .accordion-flush .accordion-item .accordion-button,
.patient .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.patient .accordion {
    --bs-accordion-active-color: #000;
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.929102 1.44706L1.87843 0.499999L7.46455 6.07277L13.0507 0.5L14 1.44706L7.46455 7.9669L0.929102 1.44706Z' fill='%233C3C3A'/%3e%3c/svg%3e ");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.0709 6.55294L12.1216 7.5L6.53545 1.92723L0.949332 7.5L-4.13975e-08 6.55294L6.53545 0.0331022L13.0709 6.55294Z' fill='%231C1B1F'/%3e%3c/svg%3e ");
    --bs-accordion-btn-icon-width: 16px
}

.patient .accordion-button:after {
    background-position-y: center
}

.patient .accordion-button {
    font-size: 18px;
    font-weight: 500
}

.patient .accordion-button.collapsed {
    font-weight: 400
}

/**svg draw**/



 svg .svg-elem-1 {
    stroke-dashoffset: 586.3665161132812px;
    stroke-dasharray: 586.3665161132812px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
            transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }
  
  svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
  }
  
  svg .svg-elem-2 {
    stroke-dashoffset: 396.43182373046875px;
    stroke-dasharray: 396.43182373046875px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
            transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  }
  
  svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
  }
  
  svg .svg-elem-3 {
    stroke-dashoffset: 589.44677734375px;
    stroke-dasharray: 589.44677734375px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
            transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
  }
  
  svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
  }