@charset "UTF-8";
/*$ihh-darkblue: rgb(121, 151, 175);*/
@media screen and (max-width: 991px) {
    body {
        background-size: auto 30rem;
    }
}

.background-top {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 600px;
    object-position: center;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .background-top {
        object-position: 3%;
    }
}

.home-content .title-text {
    font-size: 1.75rem;
    color: rgb(98, 181, 221);
    font-weight: 600;
}

@media not all and (min-resolution: 0.001dpcm) {
    @media screen and (max-width: 767px) {
        .home-content .welcome-section {
            overflow: hidden;
        }
    }
}

.home-content .welcome-section {
    background-color: transparent;
    color: white;
    overflow-x: clip;
}

@media screen and (max-width: 575px) {
    .home-content .welcome-section .welcome-video-col {
        padding: 0;
    }
}

.home-content .welcome-section .welcome-video-wrapper {
    isolation: isolate;
    transform: scale(1.0525);
    aspect-ratio: 65/40.25;
    overflow: hidden;
}

@media screen and (max-height: 800px) and (min-width: 992px) {
    .home-content .welcome-section .welcome-video-wrapper {
        transform: scale(1.025);
        aspect-ratio: 2/1;
    }
}

.home-content .welcome-section .welcome-video-wrapper .welcome-video-div {
    isolation: isolate;
    overflow: hidden;
    position: relative;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .home-content .welcome-section .welcome-video-wrapper .welcome-video-div img,
    .home-content .welcome-section .welcome-video-wrapper .welcome-video-div video {
        position: absolute;
        top: -1%;
        width: 100%;
    }

@media screen and (max-width: 991px) {
    .home-content .welcome-section .welcome-video-wrapper.mobile {
        transform: translateY(15px) scale(1.03);
        aspect-ratio: 65/45;
    }
}

.home-content .welcome-section .welcome-text {
    padding-left: 1rem;
    padding-right: 1rem;
}

    .home-content .welcome-section .welcome-text h1 {
        line-height: 1;
    }

@media screen and (min-width: 1399px) {
    .home-content .welcome-section .welcome-text h1 {
        padding-right: 6rem;
    }
}

@media screen and (max-width: 1439px) {
    .home-content .welcome-section .welcome-text h1 {
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .home-content .welcome-section .welcome-text h1 {
        font-size: 2rem;
    }
}

.home-content .preferred-section {
    background-image: linear-gradient(transparent 40px, #f5f5f7 40px);
}

    .home-content .preferred-section .container {
        background-color: white;
        border-radius: 1.75rem;
        padding-top: 3.5rem;
        padding-bottom: 2.25rem;
        filter: drop-shadow(0px 7px 5px rgba(0, 0, 0, 0.05));
    }

@media screen and (min-width: 992px) {
    .home-content .preferred-section .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.home-content .preferred-section .preferred-item {
    position: relative;
    color: white;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background: rgb(126, 191, 231);
    border-radius: 25px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-top: 6rem;
    background-position: left;
    background-size: cover;
}

@media screen and (min-width: 768px) {
    .home-content .preferred-section .preferred-item {
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .home-content .preferred-section .preferred-item {
        margin-bottom: 4rem;
    }
}

.home-content .preferred-section .preferred-item .preferred-icons {
    height: 100%;
}

.home-content .preferred-section .preferred-item .icon-wrapper {
    border-radius: 50%;
    padding: 1.25rem;
    width: 100px;
    aspect-ratio: 1/1;
    height: 100px;
    background-color: white;
    overflow: hidden;
    position: absolute;
    left: calc(50% - 43px);
    top: -15%;
    border: 2px solid rgb(98, 181, 221);
}

.home-content .preferred-section .preferred-item.one {
    background-color: #6ebdea;
    background-image: url("/images/ihhinternationallibraries/common/preferred-bg1.webp");
}

    .home-content .preferred-section .preferred-item.one .icon-wrapper {
        border-color: #6ebdea;
    }

.home-content .preferred-section .preferred-item.two {
    background-color: #b0a3cf;
    background-image: url("/images/ihhinternationallibraries/common/preferred-bg2.webp");
}

    .home-content .preferred-section .preferred-item.two .icon-wrapper {
        border-color: #b0a3cf;
    }

.home-content .preferred-section .preferred-item.three {
    background-color: #97c675;
    background-image: url("/images/ihhinternationallibraries/common/preferred-bg3.webp");
}

    .home-content .preferred-section .preferred-item.three .icon-wrapper {
        border-color: #97c675;
    }

@media screen and (max-width: 767px) {
    .home-content .preferred-section .preferred-item.three {
        margin-bottom: 0;
    }
}
/*.home-content .hospitals-section {
  padding-bottom: 1rem;
}*/
.home-content .hospitals-section .container {
    padding-bottom: 1rem;
}

@media screen and (min-width: 992px) {
    .home-content .hospitals-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
/*@media screen and (max-width: 767px) {
  .home-content .hospitals-section .container {
    padding-bottom: 1rem;
  }
}*/
.home-content .hospitals-section a.hospital-lists-item {
    text-decoration: none;
}

.home-content .hospitals-section .brands-btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-bottom: 2.5rem;
    justify-content: space-evenly;
    border-radius: 20px;
}

@media screen and (max-width: 991px) {
    .home-content .hospitals-section .brands-btn {
        flex-direction: column;
        gap: 0.75rem;
        align-items: center;
    }
}

.home-content .hospitals-section .brands-btn .brands-btn-item {
    display: flex;
    justify-content: center;
    width: fit-content;
    padding: 0.75rem 2rem;
    min-width: 275px;
    border-radius: 100px;
    background-color: rgb(252, 252, 252);
    scale: 1;
    border: 1px solid lightgray;
    transition: all 0.15s ease-in-out;
    transform-origin: 0;
}

    .home-content .hospitals-section .brands-btn .brands-btn-item img {
        text-align: center;
        height: 60px;
        transition: all 0.15s ease-in-out;
    }

    .home-content .hospitals-section .brands-btn .brands-btn-item:hover {
        box-shadow: 0px 0px 10px 0px rgba(98, 181, 221, 0.5), inset 0px 0px 16px 0px rgba(98, 181, 221, 0.6), inset 0px 11px 9px 0px rgb(255, 255, 255);
        scale: 1.02;
        border: 1px solid rgba(145, 192, 255, 0.3);
        z-index: 1;
    }

        .home-content .hospitals-section .brands-btn .brands-btn-item:hover img {
            scale: 1.025;
        }

.home-content .hospitals-section .location-tab .location-selectors {
    display: flex;
    gap: 0.5rem;
    background-color: rgb(245, 245, 247);
    padding: 0.75rem;
    border-radius: 100px;
    justify-content: center;
}

.home-content .hospitals-section .location-tab .location-selectors-item {
    width: calc(248px - 1rem);
    height: 66px;
    position: relative;
    background-color: white;
    padding: 0.75rem 0 0.75rem 0;
    border-radius: 50px;
    border: 1px solid var(--theme-dark-blue);
    color: var(--theme-dark-blue);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.1s ease-in-out;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
}

@media screen and (max-width: 1439px) {
    .home-content .hospitals-section .location-tab .location-selectors-item {
        gap: 0.25rem;
    }
}

.home-content .hospitals-section .location-tab .location-selectors-item .image-icon {
    flex-shrink: 1;
    height: auto;
    width: 60%;
    object-fit: contain;
}

.home-content .hospitals-section .location-tab .location-selectors-item .location-name {
    font-size: 1rem;
    text-align: left;
    line-height: 1;
    z-index: 1;
}

@media screen and (max-width: 1439px) {
    .home-content .hospitals-section .location-tab .location-selectors-item .location-name {
        max-width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .home-content .hospitals-section .location-tab .location-selectors-item .location-name {
        font-size: 1rem;
    }
}

.home-content .hospitals-section .location-tab .location-selectors-item:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--theme-dark-blue);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.home-content .hospitals-section .location-tab .location-selectors-item:hover, .home-content .hospitals-section .location-tab .location-selectors-item.active {
    color: white;
}

    .home-content .hospitals-section .location-tab .location-selectors-item:hover .image-icon, .home-content .hospitals-section .location-tab .location-selectors-item.active .image-icon {
        filter: brightness(0) invert(1);
    }

    .home-content .hospitals-section .location-tab .location-selectors-item:hover::before {
        transform: scaleX(1);
    }

    .home-content .hospitals-section .location-tab .location-selectors-item.active::before {
        transform: scaleX(1);
    }
/*.home-content .hospitals-section .location-tab .location-show .col-4 {
  padding-bottom: 2rem;
  padding-right: 0;
  padding-left: 2rem;
}*/
.home-content .hospitals-section .location-tab .location-show .show-tab {
    height: 100%;
}

.home-content .hospitals-section .location-tab .location-show .tab-container {
    width: fit-content;
    padding: 0 7px;
}

.home-content .hospitals-section .location-tab .location-show .show-tab .show-img {
    text-align: center;
    margin-bottom: 0.5rem;
    height: auto;
    width: 70%;
}

.home-content .hospitals-section .location-tab .location-show .show-tab .hospital-lists {
    width: 233px;
}
    /*.home-content .hospitals-section .location-tab .location-show .show-tab .hospital-lists .hospital-lists-item {
  display: flex;
  align-items: center;
}*/
    /*.home-content .hospitals-section .location-tab .location-show .show-tab .hospital-lists .hospital-lists-item .item-img-wrapper {
  width: 100%;
}*/
    .home-content .hospitals-section .location-tab .location-show .show-tab .hospital-lists .hospital-lists-item .item-img-wrapper img {
        width: 100%;
        object-fit: cover;
        height: 200px;
        border-radius: 15px 15px 0 0;
        object-position: 68%;
    }

    .home-content .hospitals-section .location-tab .location-show .show-tab .hospital-lists .hospital-lists-item .item-text {
        color: var(--theme-dark-blue);
        font-size: 1rem;
        font-weight: 600;
        text-align: left;
        padding-top: 10px;
        height: 60px;
    }

@media screen and (max-width: 991px) {
    .home-content .hospitals-section .location-tab .location-show .show-tab .hospital-lists .hospital-lists-item .item-text {
        font-size: 1rem;
    }
}
/*.home-content .hospitals-section .location-tab .location-show .col-4:not(:empty):not([style*="display: none"]):not(:last-child) .show-tab {
  border-right: 1px solid lightgray;
}*/
.home-content .hospitals-section .location-tab-mobile .select-location-div {
    position: relative;
    background-color: rgb(245, 245, 247);
    height: calc(65px + 1rem);
    border-radius: 100px;
}

.home-content .hospitals-section .location-tab-mobile .selectt-wrapper {
    position: absolute;
    padding: 0.5rem;
    z-index: 3;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .home-content .hospitals-section .location-tab-mobile .selectt-wrapper.collapsed .location-selectors-item[data-order="0"] {
        border-radius: 50px;
    }

    .home-content .hospitals-section .location-tab-mobile .selectt-wrapper.collapsed .location-selectors-item[data-order="1"], .home-content .hospitals-section .location-tab-mobile .selectt-wrapper.collapsed .location-selectors-item[data-order="2"], .home-content .hospitals-section .location-tab-mobile .selectt-wrapper.collapsed .location-selectors-item[data-order="3"], .home-content .hospitals-section .location-tab-mobile .selectt-wrapper.collapsed .location-selectors-item[data-order="4"], .home-content .hospitals-section .location-tab-mobile .selectt-wrapper.collapsed .location-selectors-item[data-order="5"], .home-content .hospitals-section .location-tab-mobile .selectt-wrapper.collapsed .location-selectors-item[data-order="6"] {
        display: none;
    }

.home-content .hospitals-section .location-tab-mobile .location-selectors-item {
    height: 65px;
    padding: 1rem;
    padding-left: 2.5rem;
    display: flex;
    align-items: center;
    background-color: white;
    border: 1px solid var(--theme-dark-blue);
    width: 100%;
    cursor: pointer;
}

@media screen and (min-width: 576px) {
    .home-content .hospitals-section .location-tab-mobile .location-selectors-item {
        padding-left: 3.5rem;
    }
}

.home-content .hospitals-section .location-tab-mobile .location-selectors-item .image-icon {
    height: 100%;
    margin-right: 1rem;
    filter: brightness(0) saturate(100%) invert(18%) sepia(35%) saturate(2056%) hue-rotate(213deg) brightness(96%) contrast(96%);
}

.home-content .hospitals-section .location-tab-mobile .location-selectors-item .location-name {
    display: flex;
    align-items: start;
    width: 100%;
    color: var(--theme-dark-blue);
    font-size: 1rem;
    font-weight: 500;
}

.home-content .hospitals-section .location-tab-mobile .location-selectors-item[data-order="0"] {
    display: flex;
    border-top-left-radius: 32.5px;
    border-top-right-radius: 32.5px;
}

    .home-content .hospitals-section .location-tab-mobile .location-selectors-item[data-order="0"] .location-name::after {
        content: "▼";
        margin-left: auto;
        margin-right: 1rem;
        align-self: center;
    }

.home-content .hospitals-section .location-tab-mobile .location-selectors-item[data-order="6"] {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.home-content .hospitals-section .location-tab-mobile .show-tab.prince-court {
    border-right: none;
}

.home-content .hospitals-section .location-tab-mobile .show-tab .show-img {
    text-align: center;
    width: 70%;
}

.home-content .hospitals-section .location-tab-mobile .show-tab .hospital-lists .hospital-lists-item {
    display: flex;
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

    .home-content .hospitals-section .location-tab-mobile .show-tab .hospital-lists .hospital-lists-item .item-img-wrapper {
        width: 100%;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
    }

        .home-content .hospitals-section .location-tab-mobile .show-tab .hospital-lists .hospital-lists-item .item-img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .home-content .hospitals-section .location-tab-mobile .show-tab .hospital-lists .hospital-lists-item .item-text {
        width: 100%;
        color: var(--theme-dark-blue);
        font-size: 1.05rem;
        font-weight: 500;
        padding-top: 1rem;
        text-align: left;
    }

.home-content .hospitals-section .location-tab-mobile .carousel-indicators {
    top: 102.5%;
    gap: 1rem;
}

    .home-content .hospitals-section .location-tab-mobile .carousel-indicators [data-bs-target] {
        border: 1px solid rgb(98, 181, 221);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        opacity: 1;
    }

        .home-content .hospitals-section .location-tab-mobile .carousel-indicators [data-bs-target].active {
            background-color: rgb(98, 181, 221);
        }

.home-content .hospitals-section .location-tab-mobile .carousel-control-prev,
.home-content .hospitals-section .location-tab-mobile .carousel-control-next {
    height: 30px;
    width: 30px;
    top: 102%;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid rgb(124, 125, 127);
}

    .home-content .hospitals-section .location-tab-mobile .carousel-control-prev .carousel-control-next-icon,
    .home-content .hospitals-section .location-tab-mobile .carousel-control-prev .carousel-control-prev-icon,
    .home-content .hospitals-section .location-tab-mobile .carousel-control-next .carousel-control-next-icon,
    .home-content .hospitals-section .location-tab-mobile .carousel-control-next .carousel-control-prev-icon {
        filter: invert(1);
    }

.home-content .hospitals-section .location-tab-mobile .carousel-control-prev {
    left: 5%;
}

.home-content .hospitals-section .location-tab-mobile .carousel-control-next {
    right: 5%;
}

.home-content .specialties-section {
    background-color: rgb(245, 245, 247);
    padding-bottom: 4rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

    .home-content .specialties-section .specialties-items {
        display: flex;
        justify-content: center;
        align-items: stretch;
        width: 100%;
    }

@media screen and (max-width: 1399px) {
    .home-content .specialties-section .specialties-items {
        flex-wrap: wrap;
    }
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
}

@keyframes hvr-bob-float {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
}

@keyframes hvr-bob-float-out {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.home-content .specialties-section .specialty {
    flex: 1 1;
    transition: scale 0.2s linear;
    scale: 1;
    position: relative;
    max-width: calc(50% - 0.5rem);
    aspect-ratio: 1/1;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .home-content .specialties-section .specialty {
        flex-grow: 1;
        flex-basis: 50%;
        max-height: 200px;
        min-height: 150px;
        max-height: 250px;
    }
}

.home-content .specialties-section .specialty .specialty-icon {
    animation: hvr-bob-float-out 0.15s ease-out;
}

.home-content .specialties-section .specialty .specialty-text {
    animation: all 0.15s ease-out;
}

.home-content .specialties-section .specialty:hover .specialty-icon, .home-content .specialties-section .specialty:focus .specialty-icon, .home-content .specialties-section .specialty:active .specialty-icon {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: 0.25s, 1.5s;
    animation-duration: 0.25s, 1.5s;
    -webkit-animation-delay: 0s, 0.25s;
    animation-delay: 0s, 0.25s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    scale: 1.05;
    z-index: 1;
}

.home-content .specialties-section .specialty:hover .specialty-text, .home-content .specialties-section .specialty:focus .specialty-text, .home-content .specialties-section .specialty:active .specialty-text {
    z-index: 2;
}

@media screen and (max-width: 991px) {
    .home-content .specialties-section .specialty {
        flex-basis: 25%;
    }
}

@media screen and (max-width: 575px) {
    .home-content .specialties-section .specialty {
        flex: 1 1;
        flex-basis: 50%;
    }
}

.home-content .specialties-section .specialty-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    font-weight: 500;
}

    .home-content .specialties-section .specialty-inner .specialty-icon {
        height: 60%;
        width: 60%;
        background-color: rgb(94, 184, 231);
        padding: 1rem;
        border-radius: 50%;
        transition: all 0.15s ease-in-out;
        box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
    }

    .home-content .specialties-section .specialty-inner .specialty-text {
        margin-top: 0.4rem;
        text-align: center;
        color: rgb(94, 184, 231);
        font-size: clamp(0.8rem, 2vw, 1rem);
        line-height: 1.2;
        padding: 0 0.5rem;
    }

@media screen and (max-width: 1439px) and (min-width: 991px) {
    .home-content .specialties-section .specialty-inner .specialty-text {
        margin-top: 0.5rem;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .home-content .specialties-section .specialty-inner .specialty-text {
        margin-top: 0.25rem;
    }
}

.home-content .specialties-section .specialty:hover .specialty-icon {
    box-shadow: 0px 6px 5px 1px rgba(0, 0, 0, 0.25);
    transition: all 0.15s ease-in-out;
}

.home-content .patient-support {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: white;
}

    .home-content .patient-support .nav-divider {
        border-bottom: 1px solid rgb(89, 122, 148);
    }

.home-content .patient-support-tabs .nav-tabs {
    display: flex;
    border-bottom: none;
}

@media screen and (min-width: 1440px) {
    .home-content .patient-support-tabs .nav-tabs {
        margin-left: 7rem;
        margin-right: 7rem;
    }
}

.home-content .patient-support-tabs .nav-tabs .nav-link {
    flex-basis: 25%;
    border: 1px solid rgb(89, 122, 148);
    border-bottom: 1px solid transparent;
    color: rgb(136, 173, 202);
    font-weight: 600;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: rgb(89, 122, 148);
    margin-top: 0.75rem;
    transition: all 0.15s ease-in-out;
}

    .home-content .patient-support-tabs .nav-tabs .nav-link:hover {
        color: white;
        background-color: rgb(154, 180, 202);
    }

    .home-content .patient-support-tabs .nav-tabs .nav-link.active {
        border-bottom: transparent;
        background-color: rgb(89, 122, 148);
        color: white;
        margin-top: 0;
    }

.home-content .patient-support .tab-content-text {
    justify-content: center;
}

@media screen and (min-width: 1440px) {
    .home-content .patient-support .tab-content-text {
        padding-right: 7rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .home-content .patient-support .tab-content-text {
        margin-top: 1rem;
    }
}

.home-content .patient-support .tab-content-text .big-text {
    font-weight: 600;
    font-size: 2.75rem;
    color: rgb(89, 122, 148);
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .home-content .patient-support .tab-content-text {
        align-items: center;
        text-align: center;
        padding-right: 0;
    }

        .home-content .patient-support .tab-content-text .big-text {
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }
}

.home-content .patient-support .tab-img-wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2/1;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .home-content .patient-support .tab-img-wrapper img {
        width: 100%;
    }

.home-content .patient-support .tab-img-wrapper-mobile {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
}

    .home-content .patient-support .tab-img-wrapper-mobile img {
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
    }

.home-content .patient-support div#patient-support-indicators {
    padding-bottom: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

    .home-content .patient-support div#patient-support-indicators .carousel-item {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .home-content .patient-support div#patient-support-indicators .carousel-control-prev,
    .home-content .patient-support div#patient-support-indicators .carousel-control-next {
        filter: invert(1);
    }

    .home-content .patient-support div#patient-support-indicators .carousel-control-prev-icon,
    .home-content .patient-support div#patient-support-indicators .carousel-control-next-icon {
        border: 1px solid white;
        border-radius: 50%;
        padding: 15px;
        background-size: 50%;
    }

    .home-content .patient-support div#patient-support-indicators .carousel-control-prev {
        left: -2.5%;
    }

    .home-content .patient-support div#patient-support-indicators .carousel-control-next {
        right: -2.5%;
    }

    .home-content .patient-support div#patient-support-indicators .carousel-indicators {
        gap: 1rem;
    }

        .home-content .patient-support div#patient-support-indicators .carousel-indicators [data-bs-target] {
            border: 1px solid rgb(98, 181, 221);
            width: 15px;
            height: 15px;
            border-radius: 50%;
            opacity: 1;
        }

            .home-content .patient-support div#patient-support-indicators .carousel-indicators [data-bs-target].active {
                background-color: rgb(98, 181, 221);
            }

.home-content .talk-to-professional {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #a7cac0;
    background-image: url("/images/ihhinternationallibraries/common/talk-to-banner.webp");
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 991px) {
    .home-content .talk-to-professional {
        padding-bottom: 21rem;
        background-size: 225%;
        background-position: bottom right;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .home-content .talk-to-professional {
        background-position-y: 120%;
    }
}

@media screen and (max-width: 1399px) and (min-width: 992px) {
    .home-content .talk-to-professional {
        background-size: contain;
        background-position: bottom right;
    }
}

.home-content .talk-to-professional .talkto-div {
    background-color: rgba(105, 130, 123, 0.25);
    border-radius: 0.5rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    color: white;
    font-weight: 500;
    display: flex;
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div {
        padding: 2rem 0;
    }
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div {
        display: block;
    }
}

.home-content .talk-to-professional .talkto-div .left-icon {
    width: 100px;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .home-content .talk-to-professional .talkto-div .left-icon {
        margin-left: 0;
        margin-right: 0;
        margin-right: 0.5rem;
        margin-bottom: 0;
        width: 75px;
        transform: translateY(-0.5rem);
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text {
    margin: 0 1.5rem;
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div .talkto-text {
        margin-left: 0;
        margin-right: 0;
        padding: 0 1rem;
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text .top-header {
    font-size: clamp(1.65rem, 2.5vw, 1.75rem);
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

@media screen and (min-width: 768px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .top-header {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .top-header {
        text-align: center;
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div {
    color: rgb(89, 122, 148);
    margin-top: 1rem;
    border-radius: 5px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: fit-content;
    outline: 1px solid transparent;
}

@media screen and (min-width: 1439px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div {
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div {
        padding: 0;
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons {
    display: inline-flex;
    background-color: rgb(89, 122, 148);
    color: white;
    height: 90px;
    border-radius: 5px;
    flex-grow: 1;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons {
        height: 95px;
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .a-wrapper {
    flex-grow: 1;
    display: flex;
    width: 80px;
}

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .callus,
.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .whatsappus {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    height: 100%;
    width: 80px;
    cursor: pointer;
}

    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .callus .icons,
    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .whatsappus .icons {
        font-size: 2rem;
    }

    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .callus .button-text,
    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .whatsappus .button-text {
        font-size: 0.75rem;
        font-weight: 400;
    }

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .callus {
    border-right: 2px solid rgba(255, 255, 255, 0.25);
}

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .whatsappus {
    border-right: 2px solid rgba(255, 255, 255, 0.25);
}

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .contact-buttons .a-wrapper:last-child .whatsappus {
    border-right: none;
}

.home-content .talk-to-professional .talkto-div .talkto-text .phone-div .number {
    font-size: 2em;
    padding: 1rem 1.25rem;
    padding-left: 0.5rem;
    flex-grow: 2;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div .number {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .phone-div .number {
        padding: 1.25rem 0.25rem;
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text .email-div {
    background-color: rgba(0, 0, 0, 0.0392156863);
    color: rgb(89, 122, 148);
    margin-top: 1rem;
    border-radius: 5px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: fit-content;
    border: 1px solid white;
}

@media screen and (min-width: 1439px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .email-div {
        width: 90%;
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text .email-div .email-buttons {
    display: inline-flex;
    color: rgb(89, 122, 148);
    background-color: white;
    height: 80px;
    border-radius: 5px;
    flex-grow: 1;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .email-div .email-buttons {
        height: 95px;
    }
}

@media screen and (max-width: 549px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .email-div .email-buttons {
        flex-basis: 100%;
    }
}

.home-content .talk-to-professional .talkto-div .talkto-text .email-div .email-buttons .emailus {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    height: 100%;
    min-width: clamp(60px, 20vw, 50px);
    cursor: pointer;
}

    .home-content .talk-to-professional .talkto-div .talkto-text .email-div .email-buttons .emailus .icons {
        font-size: 2rem;
    }

    .home-content .talk-to-professional .talkto-div .talkto-text .email-div .email-buttons .emailus .fa-phone-volume {
        rotate: -35deg;
    }

    .home-content .talk-to-professional .talkto-div .talkto-text .email-div .email-buttons .emailus .button-text {
        font-size: 0.75rem;
        font-weight: 500;
    }

.home-content .talk-to-professional .talkto-div .talkto-text .email-div .email {
    color: white;
    font-size: 1.25em;
    font-weight: 600;
    padding: 1rem 1.75rem;
    flex-grow: 2;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .email-div .email {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .home-content .talk-to-professional .talkto-div .talkto-text .email-div .email {
        padding: 2rem 0.25rem;
    }
}

.home-content .plan-your-visit {
    background-color: rgb(245, 245, 247);
    padding-top: 3rem;
    padding-bottom: 4rem;
}

    .home-content .plan-your-visit .plan-items {
        display: flex;
        gap: 0.25rem;
    }

@media screen and (min-width: 768px) {
    .home-content .plan-your-visit .plan-items .plan-item .plan-items-img {
        transition: all 0.25s linear;
    }
}

.home-content .plan-your-visit .plan-items .plan-item-inner {
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
}

.home-content .plan-your-visit .plan-items .airlines-hotels .plan-item-inner {
    background-color: #91c06e;
}

.home-content .plan-your-visit .plan-items .transportation .plan-item-inner {
    background-color: #b0a3cf;
}

.home-content .plan-your-visit .plan-items .healthcare-services .plan-item-inner {
    background-color: #b0a3cf;
}

.home-content .plan-your-visit .plan-items .tourist-destinations .plan-item-inner {
    background-color: #6cbce9;
}

.home-content .plan-your-visit .plan-items .packages-promotions .plan-item-inner {
    background-color: #91c06e;
}

.home-content .plan-your-visit .plan-items .plan-items-img {
    padding: 1rem;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    bottom: 0;
    left: 0;
    object-position: right bottom;
}

.home-content .plan-your-visit .plan-items .plan-col-big .plan-item-inner .plan-items-img {
    object-position: center bottom;
}

@media screen and (max-width: 991px) {
    .home-content .plan-your-visit .plan-items {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
}

.home-content .plan-your-visit .plan-items .plan-col {
    display: flex;
    gap: 0.25rem;
    flex-basis: 40%;
}

@media screen and (max-width: 767px) {
    .home-content .plan-your-visit .plan-items .plan-col {
        gap: 0.25rem;
    }
}

@media screen and (max-width: 991px) {
    .home-content .plan-your-visit .plan-items .plan-col {
        flex-direction: row;
    }
}

@media screen and (max-width: 991px) {
    .home-content .plan-your-visit .plan-items .plan-col {
        flex-basis: 100%;
    }
}

.home-content .plan-your-visit .plan-items .plan-col-big {
    flex-basis: 20%;
}

@media screen and (max-width: 991px) {
    .home-content .plan-your-visit .plan-items .plan-col-big {
        flex-basis: 100%;
    }
}

.home-content .plan-your-visit .plan-items .plan-item {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all 0.2s linear;
    scale: 1;
    animation: hvr-bob-float-out 0.15s ease-out;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
}

    .home-content .plan-your-visit .plan-items .plan-item:hover, .home-content .plan-your-visit .plan-items .plan-item:focus, .home-content .plan-your-visit .plan-items .plan-item:active {
        scale: 1.05;
        box-shadow: 0px 6px 5px 1px rgba(0, 0, 0, 0.25);
        z-index: 1;
    }

    .home-content .plan-your-visit .plan-items .plan-item .plan-item-inner {
        border-radius: 2px;
        padding: 1.5rem;
        flex-grow: 1;
        aspect-ratio: 10/13;
        position: relative;
    }

        .home-content .plan-your-visit .plan-items .plan-item .plan-item-inner .fa-chevron-right {
            border-radius: 50%;
            background-color: white;
            color: rgb(124, 125, 127);
            font-size: 1rem;
            height: 2.5rem;
            aspect-ratio: 1/1;
            position: absolute;
            bottom: 1rem;
            right: 1rem;
            padding-left: 0.15rem;
            display: inline-flex;
            justify-content: center;
            align-items: center;
        }

@media screen and (min-width: 768px) {
    .home-content .plan-your-visit .plan-items .plan-item .plan-item-inner .fa-chevron-right {
        font-size: 1.4rem;
        height: 3rem;
    }
}

.home-content .plan-your-visit .plan-items .plan-item .plan-item-text {
    position: absolute;
    top: 0;
    padding: 1rem;
    font-size: 1.15rem;
    color: white;
    line-height: 1.25;
    min-height: 3rem;
}

@media screen and (max-width: 991px) {
    .home-content .plan-your-visit .plan-items .plan-item .plan-item-text {
        font-size: 1.15rem;
        line-height: 1.1;
        width: 100%;
        padding: 1.45rem 1.45rem;
        padding-bottom: 0;
        display: flex;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .home-content .plan-your-visit .plan-items .plan-item .plan-item-text {
        font-size: 1.35rem;
        min-height: 4rem;
    }
}

@media screen and (max-width: 991px) and (max-width: 767px) {
    .home-content .plan-your-visit .plan-items .plan-item .plan-item-text {
        font-size: 1.15rem;
        padding: 1rem 1rem;
        line-height: 1.1;
    }
}

@media screen and (min-width: 1400px) {
    .home-content .plan-your-visit .plan-items .plan-item .plan-item-text {
        padding: 1.5rem;
        font-size: 1.25rem;
    }
}

.home-content .plan-your-visit .plan-items .plan-item .plan-item-text .fa-chevron-right {
    border-radius: 50%;
    background-color: white;
    color: rgb(124, 125, 127);
    font-size: 1rem;
    height: 30px;
    aspect-ratio: 1/1;
    position: absolute;
    margin-top: 1%;
    margin-left: 0.5rem;
    padding-left: 0.15rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    display: none;
}

@media screen and (max-width: 1399px) {
    .home-content .plan-your-visit .plan-items .plan-item .plan-item-text .fa-chevron-right {
        display: none;
    }
}

.home-content .plan-your-visit .plan-items .plan-col-big .plan-item .plan-item-inner {
    width: 100%;
    aspect-ratio: 10/13;
}

@media screen and (max-width: 991px) {
    .home-content .plan-your-visit .plan-items .plan-col-big .plan-item .plan-item-inner {
        aspect-ratio: 2/1;
    }
}

@media screen and (max-width: 991px) {
    .home-content .plan-your-visit .plan-items .plan-col-big .plan-item .plan-items-img {
        object-position: right bottom;
    }

    .home-content .plan-your-visit .plan-items .plan-col-big .plan-item .plan-item-text {
        width: 55%;
        top: 50%;
        transform: translateY(-50%);
    }
}

.shadow-container {
    background: white;
    filter: drop-shadow(0px 7px 5px rgba(0, 0, 0, 0.15));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.sub-title-text {
    color: var(--theme-dark-blue);
    font-weight: 600;
    font-size: 1.5rem;
}

.select2-dropdown.select-location .select2-results__option {
    text-align: center;
}

.patient-support-row {
    display: flex;
    width: 100%;
}

    .patient-support-row .self-col {
        position: relative;
        color: white;
        flex: 1 1 33.3333333333%;
        background-color: beige;
        background-size: contain;
        background-position: right bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        aspect-ratio: 4/5;
        display: flex;
        flex-direction: column;
    }

        .patient-support-row .self-col:hover .self-col-text {
            color: white;
            max-height: 300px;
            padding-bottom: 1.5rem;
        }

        .patient-support-row .self-col .self-col-header {
            font-size: 1.35rem;
            font-weight: 600;
            padding-bottom: 1.25rem;
            padding-top: 5rem;
            padding-left: 2rem;
            padding-right: 2rem;
            line-height: 1.1;
            transform: translateY(2px);
            margin-top: -6rem;
        }

        .patient-support-row .self-col .self-col-text {
            color: rgba(255, 255, 255, 0);
            max-height: 0;
            overflow: hidden;
            padding-left: 2rem;
            padding-right: 2rem;
            transition: all 0.325s ease-out;
            font-size: clamp(0.8rem, 1vw, 1rem);
        }

        .patient-support-row .self-col .self-col-img-wrapper {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }

        .patient-support-row .self-col .self-col-text-wrapper {
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 100%;
        }

            .patient-support-row .self-col .self-col-text-wrapper .self-col-header::before {
                position: absolute;
                display: inline-block;
                bottom: 100%;
                left: 0;
                width: 100%;
                height: 101%;
                z-index: 2;
            }

        .patient-support-row .self-col:nth-child(3n+1) {
            background-color: rgb(110, 189, 234);
        }

            .patient-support-row .self-col:nth-child(3n+1) .self-col-text {
                background: rgb(110, 189, 234);
            }

            .patient-support-row .self-col:nth-child(3n+1) .self-col-header {
                background: linear-gradient(rgba(110, 189, 234, 0) 0%, rgb(110, 189, 234) 50%);
            }

                .patient-support-row .self-col:nth-child(3n+1) .self-col-header::before {
                    background: linear-gradient(rgba(110, 189, 234, 0) 82.5%, rgb(110, 189, 234) 92.5%);
                }

        .patient-support-row .self-col:nth-child(3n+2) {
            background-color: rgb(176, 163, 207);
        }

            .patient-support-row .self-col:nth-child(3n+2) .self-col-text {
                background: rgb(176, 163, 207);
            }

            .patient-support-row .self-col:nth-child(3n+2) .self-col-header {
                background: linear-gradient(rgba(110, 189, 234, 0) 0%, rgb(176, 163, 207) 50%);
                padding-right: 3rem;
            }

                .patient-support-row .self-col:nth-child(3n+2) .self-col-header::before {
                    background: linear-gradient(rgba(110, 189, 234, 0) 82.5%, rgb(176, 163, 207) 92.5%);
                }

        .patient-support-row .self-col:nth-child(3n+3) {
            background-color: rgb(151, 199, 117);
        }

            .patient-support-row .self-col:nth-child(3n+3) .self-col-text {
                background: rgb(151, 199, 117);
            }

            .patient-support-row .self-col:nth-child(3n+3) .self-col-header {
                background: linear-gradient(rgba(110, 189, 234, 0) 0%, rgb(151, 199, 117) 50%);
                padding-right: 6.5rem;
            }

                .patient-support-row .self-col:nth-child(3n+3) .self-col-header::before {
                    background: linear-gradient(rgba(110, 189, 234, 0) 82.5%, rgb(151, 199, 117) 92.5%);
                }

        .patient-support-row .self-col .self-col-img {
            width: 100%;
            height: 100%;
            margin-top: auto;
            object-fit: cover;
            position: relative;
            transition: all 0.25s ease-in-out;
            object-position: 60%;
        }

@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .home-hospital-list {
        max-width: 1050px;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.hospitals-section .shadow-container {
    border-radius: 1rem;
}

.callus,
.whatsappus,
.emailus {
    transition: all 0.2s ease-in-out;
}

    .callus .icons,
    .whatsappus .icons,
    .emailus .icons {
        transition: all 0.2s ease-in-out;
    }

    .callus:hover,
    .whatsappus:hover,
    .emailus:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

        .callus:hover .icons,
        .whatsappus:hover .icons,
        .emailus:hover .icons {
            scale: 1.15;
        }

.emailus {
    padding: 0 0.5rem;
    width: 100%;
}

.email-buttons {
    display: flex;
}

@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .email-buttons {
        max-width: 120px;
    }
}

.email-buttons .a-wrapper {
    flex-basis: 100%;
    justify-content: center;
    align-items: center;
}

.welcome-section #search {
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    outline: none;
    overflow: hidden;
}

    .welcome-section #search + .no-result {
        position: absolute;
        padding: 0.75rem 1.25rem;
    }

#search-result-dropdown {
    position: absolute;
    z-index: 5;
    background-color: white;
    width: 100%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    margin-top: 0.35rem;
    border-radius: 10px;
    overflow: hidden;
}

    #search-result-dropdown .search-items {
        border-left: 1.25rem transparent solid;
        border-right: 1.25rem transparent solid;
        border-top: 0.75rem transparent solid;
        border-bottom: 0.75rem transparent solid;
        text-decoration: none;
        color: rgb(89, 122, 148);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: 0.07s ease-in-out all;
    }

        #search-result-dropdown .search-items:not(.search-items-title):hover {
            background-color: rgb(243, 243, 243);
        }

    #search-result-dropdown .search-items-title {
        background-color: #7ba5c7;
        color: white;
    }

.two-doctors-smile-smile {
    object-position: 70%;
}

.event-highlight {
    padding: 2.5rem 0rem;
}

.event-highlight-home img {
    width: 75%;
    border-radius: 1rem;
    box-shadow: 0px 4px 15px 1px rgba(176, 163, 207, 0.3);
}

@media only screen and (max-width: 991.98px) {
    .event-highlight-home img {
        width: 100%;
    }
}

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

.main-tabs {
    position: relative;
    margin-top: -14rem;
    border-radius: .5rem;
    z-index: 20;
}

.main-tab-wrapper {
    padding: 0 10px 10px 10px;
    display: flex;
    position: relative;
    justify-content: space-around;
    gap: 10px;
}

.main-tab-contents {
    position: relative;
    z-index: 10;
}

@media (max-width:768px) {
    .hero-text {
        top: 17% !important;
    }

    .hospitals-section .shadow-container {
        border-radius: 1rem;
    }

    .main-tab-contents {
        width: 95%;
        margin: 0 auto;
    }

    .main-tabs {
        margin: -13rem auto 0 auto;
        width: 95%;
        left: 0;
        right: 0;
        z-index: 20;
        position: relative;
    }

    .main-tab {
        flex: 1 1 0;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 10;
        font-weight: 600;
        border-radius: 10px 10px 0 0;
        background-color: #97549E;
        border-right: 1px solid #b8b8b8;
        color: white;
        padding: 10px;
        cursor: pointer;
    }

        .main-tab.active {
            color: #97549E;
            background: #ffffff;
        }
}

.main-tab {
    gap:9px;
    padding: 10px;
    font-size: 12px;
    flex: 1 1 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    border: 1px solid #b8b8b8;
    font-weight: 600;
    border-radius: 10px;
    background-color: transparent;
    border-right: 1px solid #b8b8b8;
    color: var(--theme-dark-blue);
    cursor: pointer;
}

    .main-tab img {
        width: 20px;
        height: 20px;
        margin-right: 4px;
        object-fit: contain;
    }

    .main-tab.active .sm-icon, .main-tab:hover .sm-icon {
        filter: brightness(0) saturate(100%) invert(100%) sepia(40%) saturate(0%) hue-rotate(104deg) brightness(110%) contrast(102%);
    }

    .main-tab.active, .main-tab:hover {
        color: white;
        background-color: #97549E;
        border: 1px solid #97549E;
    }

        /*.main-tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 3px;
    background-color: #97549E;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}*/

        /* Show underline when active */
        .main-tab.active::after {
            transform: scaleX(1);
        }
/*.hospital-lists{
    width:fit-content;
}*/
@media(max-width:768px) {

    .swiper {
        overflow: visible !important;
    }

    .hospital-lists {
        display: block;
    }



    location-list-mobile {
        max-height: 400px;
    }
    /* Make swiper slides equal height */
    .hospital-swiper .swiper-slide {
        display: flex;
        height: auto;
    }

    /* Force card to stretch */
    .hospital-lists-item {
        display: flex;
        flex-direction: column;
        height: 350px;
    }

        /* Push content nicely */
        .hospital-lists-item .item-img-wrapper {
            flex-shrink: 0;
        }

            .hospital-lists-item .item-img-wrapper img {
                height: 200px !important;
            }

        .hospital-lists-item .item-text {
            flex-grow: 1;
        }

    .dropdown-caret {
        display: inline-flex;
        align-items: center;
        transition: transform .2s ease;
    }

    .dropdown.show .dropdown-caret,
    .dropdown[aria-expanded="true"] .dropdown-caret {
        transform: rotate(180deg);
    }
}

.form-select:disabled {
    background-color: transparent;
}

.form-select-lg {
    color: var(--dark-grey);
    font-size: 1rem;
}

.myhealthbanner {
    width: 100%;
    padding: 30px;
    border-radius: 50px;
}

.cta-wrapper-main {
    background: white;
    border-radius: 1rem;
    padding: 0.5rem 0 0 0;
    position: relative;
    overflow: visible; /* search results dropdown */
}

@media (min-width: 992px) {
    .cta-wrapper-main {
        position: relative;
        overflow: visible;
    }

        .cta-wrapper-main.has-selected-tab {
            background: transparent;
        }

            .cta-wrapper-main.has-selected-tab::before {
                content: "";
                position: absolute;
                left: -28px;
                right: -28px;
                top: 0;
                bottom: 0;
                background: white;
                --r: 25px;
                clip-path: shape( from 0 100%, arc by var(--r) calc(-1*var(--r)) of var(--r), vline to var(--r), arc by var(--r) calc(-1*var(--r)) of var(--r) cw, hline to calc(100% - 2*var(--r)), arc by var(--r) var(--r) of var(--r) cw, vline to calc(100% - var(--r)), arc by var(--r) var(--r) of var(--r) );
                z-index: 0;
            }

            .cta-wrapper-main.has-selected-tab > * {
                position: relative;
/*                z-index: 1;*/
            }
}

@media (max-width: 991.98px) {
    .cta-wrapper-main.mobile-tab-selected {
        border-radius: 1rem 1rem 0 0;
    }

    .main-tab-wrapper .btn.show {
        opacity: 1;
        background-color: var(--theme-dark-blue);
    }

    .main-tab-wrapper.dropdown .dropdown-menu {
        transform: translate3d(0px, 40px, 0px) !important;
    }

    .main-tab-wrapper .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: var(--theme-dark-blue);
    }

    #swiper-brand .swiper-pagination, #swiper-location .swiper-pagination {
        position: relative;
        top: 3px;
    }
}