@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-family: "Jost", sans-serif;
}

body {
    overflow-x: hidden !important;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

html.with-fancybox {
    overflow: auto;
}

.navbar-toggler:focus,
.navbar-toggler,
.navbar-toggler:active,
.navbar-toggler .navbar-toggler-icon:focus,
.navbar-toggler-icon {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "optimaregular", sans-serif;
}

.btn-close:focus {
    border: 1px solid transparent;
    box-shadow: none;
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    border-radius: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F2FEFF;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #006165;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #006165;
}

@font-face {
    font-family: 'optimaregular';
    src: url("../font/OPTIMA.TTF") format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'optimamedium';
    src: url("../font/Optima_Medium.ttf") format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'optimabold';
    src: url("../font/OPTIMA_B.TTF") format('woff');
    font-display: swap;
}

.fontreg {
    font-family: "optimaregular", sans-serif;
}

.fontmed {
    font-family: "optimamedium", sans-serif;
}

.fontbold {
    font-family: "optimabold", sans-serif;
}

.container-fluid {
    padding: 0 8px;
}

.bggreen {
    background-color: #006165;
}

p,
a,
ul li a,
li,
section.home_about .counternumber {
    font-size: 15px;
}

.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fweight {
    font-weight: 320;
}

.mainheading {
    font-size: clamp(24px, 3vw, 36px);
    letter-spacing: 0;
    line-height: normal;
    width: 100%;
    transform: translateX(4px);
}

.subheading {
    font-size: clamp(21px, 2vw, 21px);
    letter-spacing: -1px;
}

.padding {
    padding: 41px 0;
}

.radius {
    border-radius: 15px;
}

.bg {
    background-color: #F2FEFF;
}

.bg1 {
    background-color: #006165;
}

.bg2 {
    background-color: #F9F9F9;
}

.color {
    color: #017075;
}

.color1 {
    color: #535353;
}

.customshadow {
    background: #FFFFFF;
    box-shadow: 0px 1px 8.6px rgb(0 0 0 / 8%);
}

/* button css */
.custombtn {
    line-height: 1;
    display: inline-flex;
    border: 1px solid #006165;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    color: #017075;
    border-radius: 50px;
    padding: 5px 18px;
    padding-right: 6px;
    transition: background-color 0.9s ease;
    height: max-content;
    font-weight: 500;
    width: max-content;
    font-size: 15px;
    justify-content: space-between;
}

.button__icon-wrapper {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    position: relative;
    color: white;
    background-color: #006165;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    transition: background-color 0.9s ease;
    rotate: 45deg;
}

.button__icon-wrapper svg {
    width: 11px !important;
}

.custombtn:hover {
    background-color: #006165;
    color: white;
}

.custombtn:hover .button__icon-wrapper {
    color: #006165;
    background-color: white;
}

.button__icon-svg--copy {
    position: absolute;
    transform: translate(-150%, 150%);
}

.custombtn:hover .button__icon-svg:first-child,
.customcard:hover .custombtn.customarrow .button__icon-svg {
    transition: transform 0.5s ease-in-out;
    transform: translate(150%, -150%);
}

.custombtn:hover .button__icon-svg--copy,
.customcard:hover .custombtn.customarrow .button__icon-svg--copy {
    transition: transform 0.5s ease-in-out 0.1s;
    transform: translate(0);
}

/* button css end */

/* scroll to top button */
.scroll-top {
    position: fixed;
    bottom: 94px;
    /* right: 30px;
    width: 60px;
    height: 60px; */
    width: 50px;
    height: 50px;
    right: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
    transform: scale(0.8);
}

.scroll-top.show1 {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.scroll-top .scrollprogress {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
    width: 50px;
    height: 50px;
}

.scroll-top .progress-bg {
    stroke: #e4e4e4;
    stroke-width: 4;
}

.scroll-top .progressscroll {
    stroke: #006165;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.1s linear;
}

.scroll-top .arrow svg {
    width: 15px;
    height: 20px;
    transform: translate(1px, -1px);
}

/* scroll to top button */

/* mobile footer starting from here */
.mainmobfooter {
    position: fixed;
    z-index: 10;
    background: #FFFFFF;
    bottom: 0;
    display: flex;
    width: 100%;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    padding: 12px 0;
    box-shadow: 0px 1px 15.8px rgba(0, 0, 0, 0.17);
    transition: color 0.3s ease, background-color 0.3s ease;
    border-radius: 25px 25px 0px 0px;
    gap: 9px;
}

.mainmobfooter .mobfooter_menu {
    display: flex;
    flex-direction: column;
    transform: translate(1px, 4px);
    border: none !important;
    color: #666565;
    background: none;
}

.mainmobfooter .mobfooter_menu img {
    margin: 0 auto 4px;
    height: 27px;
    object-fit: contain;
    aspect-ratio: 1 / 1;
}

.mainmobfooter .mobfooter_menu p {
    font-size: 13px;
}

/* mobile footer ends here */

section.banner,
section.doc_detailsbanner,
section.blogdet_banner {
    margin-top: 56px;
}

section.banner .card-img-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5.8%, #181818 100%);
    padding-bottom: 69px;
    padding-left: 0;
    padding-right: 0;
}

section.banner .subbannertext {
    font-size: clamp(13px, 2vw, 17px);
    width: 81%;
    margin: 0 auto;
    line-height: normal;
}

section.banner .card img {
    height: auto;
    object-fit: cover;
    aspect-ratio: 0.9 / 1;
}

section.banner.bannerdef img {
    animation: zoomin 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

@keyframes zoomin {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
    }
}

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

.carousel-control-prev-icon {
    background-image: url(../images/icons/carousel_previous_arrow.svg);
    background-size: 12px;
}

.carousel-control-next-icon {
    background-image: url(../images/icons/carousel_next_arrow.svg);
    background-size: 12px;
}

section.highlightband {
    margin-top: -41px;
    position: relative;
    z-index: 2;
}

section.highlightband .mainband {
    background: #002b2d61;
    backdrop-filter: blur(53.05px) !important;
    -webkit-backdrop-filter: blur(53.05px) !important;
    border-radius: 20px;
    padding: 22px 16px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 94%;
    margin: 0 auto;
    flex-direction: column;
    row-gap: 17px;
    border: 2px solid white;
}

section.highlightband .child__band {
    display: flex;
    align-items: center;
    gap: 7px;
}

section.highlightband .child__band img {
    width: 52px;
    aspect-ratio: 1 / 1;
}

section.highlightband .icon-box {
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

section.highlightband .bandheading {
    font-size: 20px;
}

.smallheading {
    background: #FFFFFF;
    border: 1px solid rgba(0, 97, 101, 0.3);
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 2px;
    width: max-content;
    padding: 2px 5px;
    padding-right: 9px;
}

.smallheading img {
    transform: translate(-2px, 0);
    width: 22px;
}

.smallheading>p {
    font-size: clamp(12px, 2vw, 15px);
    font-weight: 450;
    transform: translateY(1px);
}

section.home_about .mainheading {
    width: 80%;
}

section.home_about .inverted {
    clip-path: url("#clip2");
    position: relative;
    height: 249px;
    object-fit: cover;
    aspect-ratio: 1.54 / 1;
}

section.home_about .work-text::after {
    content: '+';
    display: inline-block;
    position: relative;
    bottom: 3px;
}

section.home_about .counternumber {
    width: max-content;
    position: absolute;
}

section.home_about .counternumber1 {
    bottom: 0px;
    left: 27px;
    /* left: 36px; */
}

section.home_about .counternumber2 {
    /* top: 10px;
    right: 33px; */
    top: 4px;
    right: 25px;
}

section.home_about .secondsvg {
    display: block !important;
}

section.home_about .firstsvg {
    display: none !important;
}

/* section.hospital__location #shlocation .card-img-overlay {
    background: rgb(255 255 255 / 84%);
    padding: 20px 13px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 14px;
}

section.hospital__location #shlocation .card,
section.hospital__location #shlocation .card-img-overlay,
section.hospital__location #shlocation .card img {
    border: 1px solid #e9e9e9 !important;
}

section.hospital__location #shlocation .card img {
    height: 303px;
    object-fit: cover;
    aspect-ratio: 1.12 / 1;
} */

section.hospital__location #shlocation .card {
    background: #FFFFFF;
    border: 1px solid rgba(0, 97, 101, 0.27);
    padding: 16px 13px;
    border-radius: 25px;
}

section.hospital__location #shlocation .locate {
    width: 83%;
    /* width: 88%; */
}

/* section.hospital__location .card .locationdiv {
    padding: 3px 10px;
    background-color: white;
    border: 0.5px solid #006165;
    width: max-content;
    border-radius: 50px;
    font-size: 13px;
} */

section.hospital__location .card .smalllocate {
    color: #868686;
    font-size: clamp(12px, 1vw, 13px);
}

section.hospital__location .card .locationdiv {
    display: flex;
    gap: 10px;
    align-items: center;
}

section.hospital__location .card .mainlocate {
    margin-bottom: -4px;
    font-size: clamp(17px, 1.5vw, 18px);
}

/* section.hospital__location #shlocation .custombtn {
    background-color: white;
    border: 1px solid transparent;
}

section.hospital__location #shlocation .custombtn:hover {
    background-color: #006165;
} */

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    transition: all 0.5s ease;
    background-color: #91bfc1;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #006165;
    scale: 1.4;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #006165;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 22px;
}

.owl-carousel .item {
    padding: 3px;
}

.owl-nav {
    position: absolute;
    top: -61px;
    margin-top: 0 !important;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.owl-prev {
    rotate: -45deg;
}

.owl-next {
    rotate: 45deg;
}

#grouptestimonial .item {
    opacity: 0.5;
    transform: scale(0.8);
    transition: all 0.5s ease-in-out;
    pointer-events: none;
}

#grouptestimonial .owl-item.active.center .item {
    opacity: 1;
    transform: scale3d(1.0, 1.0, 1);
    pointer-events: all;
}

#grouptestimonial .owl-nav {
    top: -89px;
}

section.departmenthome {
    position: relative;
    overflow: hidden;
}

section.departmenthome .card {
    border-radius: 20px;
    padding: 10px 7px;
    cursor: pointer;
}

section.departmenthome .card img {
    border-radius: 15px;
    width: 98px;
    height: 90px;
    object-fit: cover;
    aspect-ratio: 0.894 / 1;
}

section.departmenthome .card-body {
    padding: 0 0;
    padding-right: 0px;
    padding-left: 7px;
    display: block;
    padding-bottom: 10px;
}

section.departmenthome .card-body .arrow_div {
    transform: translate(0) !important;
    position: absolute;
    right: 12px;
    top: 14px;
}

.text-truncate.deptruncate {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.customul li {
    list-style: disc;
    margin-left: 13px;
    font-size: 14px;
    width: 100%;
}

.customul li::marker {
    font-size: 12px;
}

.custombtn.customarrow {
    padding: 0;
    display: inline-block;
    border: 1px solid transparent;
    background-color: transparent;
}

.custombtn.customarrow .button__icon-wrapper {
    background-color: transparent;
    border: 1px solid #006165;
    color: #006165;
    width: 27px;
    height: 27px;
}

.customcard:hover .custombtn.customarrow .button__icon-wrapper {
    background-color: #006165;
    color: white;
}

.custombtn.customarrow .button__icon-wrapper svg {
    width: 11px !important;
}

section.specialist,
section.our_leadership {
    background-color: #F9F9F9;
}

section.specialist .card {
    padding: 10px 10px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8.6px rgba(0, 0, 0, 0.05);
}

section.specialist .doctor_img {
    border-radius: 20px;
    object-fit: cover;
    height: 255px;
    object-position: center 38%;
    /* object-position: top; */
    aspect-ratio: 0.87 / 1;
    border: 1px solid rgb(0 97 101 / 25%);
}

section.specialist .card__body {
    padding: 4px 3px 6px;
    /* padding-left: 6px; */
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
}

section.specialist .card__body .doctor_consultationdiv {
    height: 171px;
}

section.testimonial .testimonial_div .subheading {
    font-size: clamp(19px, 2vw, 23px);
    width: 87%;
    margin: 0 auto;
}

section.testimonial .testimonial_div .testimonial__img {
    object-fit: cover;
    height: 230px;
    border-radius: 20px;
    aspect-ratio: 2.1 / 1;
}

section.testimonial #grouptestimonial .testimonial_div .test_para {
    width: 88%;
    margin: 0 auto;
}

section.testimonial #grouptestimonial {
    padding: 0 8px;
}

section.knowledge_zone .card-img-overlay {
    padding: 20px 13px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.45%, #000000e8 113.96%);
    padding-bottom: 39px;
}

section.knowledge_zone .card {
    overflow: hidden;
    transition: none;
}

section.knowledge_zone .card .blog__img {
    transition: none;
    height: 278px;
    object-fit: cover;
    aspect-ratio: 1.75 / 1;
}

section.knowledge_zone .card:hover .blog__img {
    scale: 1;
}

.content__blog {
    display: flex;
    justify-content: end;
    flex-direction: column;
    height: 100%;
}

.tag_date {
    display: flex;
    align-items: center;
    gap: 5px;
}

.tagging {
    background-color: white;
    border-radius: 50px;
    border: 1px solid #006165;
    padding: 2px 14px;
    width: max-content;
}

section.knowledge_zone .smallblog_img {
    border-radius: 11px;
    height: 100px;
    object-fit: cover;
    aspect-ratio: 1.75 / 1;
}

section.knowledge_zone .smallblogbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

section.knowledge_zone .smallblogbox .blogbox1 {
    flex: 0 0 122px;
}

section.knowledge_zone .blogbox2 .subheading {
    font-size: clamp(18px, 2vw, 21px);
}

section.faq .wrapper_child {
    background: white;
    box-shadow: 0px 0px 6px #00000021;
    border-radius: 13px;
}

section.faq .question__faqs {
    padding: 20px 10px 20px 15px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: normal;
    height: 79px;
}

section.faq .faq-icon {
    width: 35px;
    height: 35px;
    background-color: #F2FEFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: transform 0.4s ease;
    padding: 11px;
}

section.faq .question__faqs.active .faq-icon {
    transform: rotate(45deg);
}

section.faq .answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
    color: #535353;
}

section.faq .answer {
    padding: 0 20px 20px;
}

.question__faqs.subheading {
    font-size: clamp(19px, 2vw, 21px);
}

section.faq .faq-icon svg {
    width: 15px !important;
    height: 15px !important;
}

footer {
    margin-bottom: 71px;
}

footer .footerul {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

footer .top__footer .quicklinksdiv {
    display: flex;
    gap: 45px;
}

footer .smalltext {
    font-size: 14px;
}

footer .bottom_footer {
    background-color: #004548;
    padding: 10px 0;
}

footer .bottom_footer .container-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .vr {
    min-height: auto;
    background-color: white;
    opacity: 1;
    height: 24px;
    margin: 0;
    border-top: none;
}

.icon__box {
    width: 33px;
    height: 33px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 33px;
    background-color: transparent;
    border: 1px solid white;
}

.icon__box i {
    color: white;
    font-size: 14px;
}

section.banner.other_banner .card img {
    aspect-ratio: 5/1;
    height: 37vh;
    object-position: 92%;
}

section.banner.other_banner .card-img-overlay {
    padding-bottom: 19px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) -4.02%, rgba(7, 7, 7, 0.45) 47.55%, #181818 111.47%);
}

section.banner.other_banner .subbannertext {
    font-size: clamp(15px, 2vw, 17px);
    transform: translateX(5px);
    margin: initial;
}

section.banner.other_banner .mainheading {
    font-size: clamp(24px, 3vw, 38px);
}

section.banner.other_banner.departmentbanner .card-img-overlay {
    padding-bottom: 50px;
    background: linear-gradient(268deg, rgba(0, 0, 0, 0) 5.8%, #001b28 146%);
}

section.banner.other_banner.departmentbanner .card img {
    object-position: 70%;
}

section.banner.other_banner.departmentbanner .mainheading {
    width: 75%;
    transform: translateX(0px);
}

section.banner.other_banner.departmentbanner .subbannertext {
    width: 77%;
    /* width: 58%; */
    margin: initial;
    transform: translateX(0);
}

.stickypart {
    position: initial;
}

section.home_about.aboutpage .stickypart img {
    aspect-ratio: 1.54/1;
    object-fit: cover;
}

section.mission_vision img {
    aspect-ratio: 1.15/1;
}

.missionbox {
    padding: 25px 15px;
    background-color: white;
    border-radius: 15px;
    height: 100%;
}

section.directorsmsg .mainmessagebox {
    padding: 0 15px;
}

section.directorsmsg .messagecontent,
section.directorsmsg .messagecontent.ajitkrcont {
    margin-top: -31px;
    height: auto;
}

section.our_leadership .card {
    padding: 10px 7px;
    border-radius: 15px;
}

section.our_leadership .card img {
    object-fit: cover;
    border-radius: 10px;
    height: 100%;
}

section.our_leadership .subheading {
    font-size: clamp(21px, 2vw, 21px);
}

section.allblogspage .card {
    padding: 15px 12px;
    border-radius: 27px;
    height: 100%;
}

section.allblogspage .card .blog__img {
    height: 214px;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 1.75 / 1;
}

section.allblogspage .card .truncate1 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

section.allblogspage.csr_act .columndiv {
    margin-bottom: 110px;
}

section.allblogspage.csr_act .columndiv:last-child {
    margin-bottom: 0;
}

section.allblogspage.csr_act .card .blog__img {
    margin-top: -84px;
}

section.allblogspage.newspage .card .blog__img {
    border: 2px solid #CECECE;
}

section.allblogspage .news-item {
    display: none;
}

section.contact .icon__box {
    background-color: #006165;
    border: 1px solid transparent;
}

section.contact .contactbox {
    padding: 30px 19px;
    /* padding-bottom: 146px !important; */
    /* padding-bottom: 130px !important; */
    position: relative;
    border: 1px solid #01707526;
}

section.contact .contactbox .location {
    width: 82%;
}

/* section.contact .lab-img {
    position: absolute;
    bottom: 0;
    right: 21px;
    width: 161px;
} */

section.contact .form_box {
    padding: 32px 19px;
}

.form-control {
    transition: all 0.5s ease;
    background: #FFFFFF;
    border: 1px solid rgba(0, 97, 101, 0.3);
    border-radius: 50px;
    padding: 10px 18px;
    font-weight: 320;
    color: #535353;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
    border: 1px solid #006165;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-control::placeholder {
    font-weight: 320;
}

textarea {
    resize: none;
}

textarea.form-control {
    border-radius: 20px;
    padding-top: 12px;
}

.form-check-input {
    border-color: #006165;
}

.form-check-input:checked {
    background-color: #006165;
}

.form-select {
    transition: all 0.5s ease;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 97, 101, 0.3);
    border-radius: 50px;
    padding: 10px 18px;
    font-weight: 320;
    color: #535353;
}

section.stickydepttheader {
    margin-top: -41px;
    z-index: 3;
    position: sticky;
    top: 96px;
}

section.stickydepttheader .depttheaderfixed {
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 0px 7.8px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    width: 100%;
    padding: 17px 20px;
    align-items: center;
    margin: 0 auto;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

section.stickydepttheader .depttheaderfixed .nav,
section.stickydepttheader .depttheaderfixed .nav-item {
    padding: 0 !important;
    --bs-nav-link-padding-y: 0;
}

section.stickydepttheader .depttheaderfixed .nav-pills {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
    flex-wrap: nowrap;
}

section.stickydepttheader .depttheaderfixed .nav-link {
    padding: 0;
    width: max-content;
    border: 1px solid transparent;
    background-color: transparent;
    color: #979797;
}

section.stickydepttheader .depttheaderfixed .nav-pills .nav-link.tractive.active {
    color: #017075;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
}

section.stickydepttheader .depttheaderfixed .nav-pills .nav-link.active,
section.stickydepttheader .depttheaderfixed .nav-pills .show>.nav-link {
    color: #017075;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
}

/* section.stickydepttheader .depttheaderfixed .nav-link:focus,
.nav-link:hover {
    color: #017075;
} */

.doctorline {
    opacity: 0.15;
}

.customul.customsize li {
    font-size: 15px;
}

.search_box {
    background: #F2FEFF;
    box-shadow: 0px 0px 7.8px rgba(0, 0, 0, 0.16);
    border-radius: 23px;
    padding: 22px 17px;
    display: flex;
    align-items: end;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: -72px;
    position: relative;
    z-index: 4;
    flex-direction: column;
}

.search_field {
    flex: 1;
    width: 100%;
}

.chosen-container {
    width: 100% !important;
    font-size: 15px;
}

.chosen-single {
    background-color: white !important;
    color: #535353 !important;
    border-radius: 50px !important;
    padding: 9px 0px 0px 16px !important;
    border: 1px solid rgba(0, 97, 101, 0.3) !important;
    width: 100% !important;
    height: 43px !important;
    font-size: 15px;
    font-weight: 320;
    background: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.chosen-container .chosen-results li {
    padding: 9px 6px;
}

.chosen-container-single .chosen-single div {
    top: 8px;
    right: 5px;
}

.chosen-container-single .chosen-single div b {
    background-position-y: 4px;
}

section.doc_detailsbanner {
    background-color: #f0f0f0;
}

section.doctor_details .docdetbox {
    padding: 18px 16px;
    border-radius: 25px;
}

section.doctor_details .docdetbox .infobox>div {
    flex: 1;
}

section.doctor_details .docdetbox .doctor_detailsimg {
    aspect-ratio: 0.87 / 1;
    height: 288px;
    object-fit: cover;
    object-position: top;
    border: 1px solid rgb(0 97 101 / 25%);
}

section.doctor_details .docdetbox hr {
    border-top: 2px dashed #D9D9D9;
    opacity: 0.5;
}

.customul.customsize li {
    font-size: 15px;
}

section.doctor_details .docdetbox .mainheading {
    transform: translateX(-2px);
}

section.doctor_details .doctorname_div {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column-reverse;
    row-gap: 18px;
}

section.doc_detailsbanner .hospital__loc {
    background-color: #ffffff;
    border: 1px solid rgba(0, 97, 101, 0.3);
    padding: 7px 9px;
    border-radius: 8px;
}

/* section.doctor_details .doctorname_div .hospital__loc {
    background-color: #F2FEFF;
    border: 1px solid rgba(0, 97, 101, 0.3);
    padding: 7px 9px;
    border-radius: 8px;
} */

section.blogdet_banner {
    background-color: #f0f0f0;
    padding: 42px 0;
}

section.blogdet_banner .mainheading {
    font-size: clamp(22px, 3vw, 35px);
}

section.blogdet_banner .parent_author {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

section.blogdet_banner .author__case {
    width: max-content;
    padding: 8px 25px;
    background: white;
    border-radius: 50px;
    border: 1px solid rgba(0, 97, 101, 0.3);
}

section.blog_content .blog_details_content {
    border: 1px solid rgba(0, 97, 101, 0.3);
    border-radius: 30px;
    padding: 15px 12px;
}

section.blog_content .blog_details_content .blog__img {
    height: 212px;
    object-fit: cover;
    object-position: top;
}

section.blog_content .blog_details_content .main_blog_content .mainheading {
    font-size: clamp(19px, 3vw, 30px);
    margin-bottom: 12px;
}

section.blog_content .blog_details_content .main_blog_content p {
    color: #535353;
    font-weight: 320;
    margin-bottom: 20px;
}

section.blog_content .blog_details_content .main_blog_content h4 {
    font-size: clamp(21px, 2vw, 23px);
    margin-bottom: 10px;
    color: #017075;
}

section.blog_content .blog_details_content .main_blog_content ul {
    margin-bottom: 20px;
}

section.blog_content .blog_details_content .main_blog_content ul li {
    font-weight: 320;
    color: #535353;
    list-style: disc;
    margin-left: 1.2rem;
    margin-bottom: 10px;
}

section.blog_content .stickyservice {
    position: sticky;
    top: 106px;
    margin-bottom: 25px;
}

section.blog_content .blog_side_bar {
    background-color: #F2FEFF;
    padding: 26px 19px;
    border-radius: 25px;
    overflow-y: scroll;
    height: 400px;
}

section.blog_content .blog_side_bar .img_box {
    flex: 0 0 97px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.blog_content .blog_side_bar img {
    width: 168px;
    height: 100%;
    border-radius: 9px;
    object-fit: cover;
}

section.blog_content .blog_side_bar .recent_blog_title {
    font-size: 16px;
    line-height: 19px;
    width: 83%;
}

section.blog_content .blog_side_bar .side_date {
    font-size: 12px;
}

section.blog_content .blog_side_bar .latest_tags {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

section.blog_content .blog_side_bar .latest_tags .tags_div {
    background: white;
    border-radius: 50px;
    border: 1px solid rgba(0, 97, 101, 0.3);
    padding: 5px 20px;
}

section.blog_content .blog_side_bar.tagbar {
    height: auto;
}

section.blog_content .blog_side_bar::-webkit-scrollbar {
    display: none;
}

/* for book appointment modal */
.modal-content {
    border: 1px solid transparent;
    border-radius: 20px;
}

.phone-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
}

.country-code-input {
    width: 80px;
}

.iti__dropdown-content {
    width: auto !important;
    min-width: 200px;
}

.iti__selected-country {
    color: #535353;
}

.iti .iti__selected-dial-code {
    font-weight: 320;
}

section.journey .timeline {
    width: 100%;
    padding: 0px 5px 0px 6px;
}

section.journey .timeline ul {
    list-style-type: none;
    border-left: 1.7px solid #535353;
    padding: 10px 5px;
}

section.journey .timeline ul li {
    padding: 20px 13px;
    position: relative;
    cursor: pointer;
    transition: .5s;
    padding-right: 0;
}

section.journey .timeline ul li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #006165;
    border-radius: 50%;
    left: -11px;
    top: 28px;
    transition: .5s;
}

section.journey .timeline ul li:hover {
    background-color: #F2FEFF;
    /* box-shadow: 1px 1px 10px rgba(60, 60, 60, 0.084); */
    border-radius: 25px;
}

section.journey .timeline ul li .content {
    transition: all 0.5s ease;
    transform: translateY(-26px);
}

section.journey .timeline ul li:hover .content {
    margin-left: 12px;
}

section.journey .timeline ul li:hover:before {
    background-color: #006165;
    box-shadow: 0px 0px 10px 2px #aff8fc;
}

section.journey .timeline .content .timeline_icon {
    aspect-ratio: 1 / 1;
    width: 56px;
    transform: translateX(-5px);
}

/* internationalpatient upload prescription */
.upload-card {
    background: white;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}

.drop-zone {
    border: 2px dashed #ccc;
    border-radius: 20px;
    padding: 17px 20px;
    cursor: pointer;
    transition: border-color 0.3s;
    position: relative;
    min-height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.drop-zone:hover,
.drop-zone.dragover {
    border-color: #006165;
    background-color: white;
}

#image-preview {
    max-width: 100%;
    max-height: 83px;
    /* max-height: 200px; */
    border-radius: 5px;
    display: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.pdf-name {
    font-size: 15px;
    color: #535353;
    display: none;
    align-items: center;
    gap: 2px;
}

.pdf-name i {
    color: #535353;
    font-size: 16px;
}

.error-msg {
    color: #dc3545;
    font-size: 0.9em;
    margin-top: 10px;
    display: none;
}