:root {
    --transiion: all .25s ease
}

a {
    text-decoration: none !important
}

.default-banner {
    --banner-height: 400px;
    display: grid;
    place-items: center;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    height: var(--banner-height);
    position: relative
}

.default-banner>* {
    grid-area: 1/1
}

.default-banner .banner-img {
    z-index: 1;
    height: 100%;
    width: 100%
}

.default-banner .banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.default-banner .banner-content {
    z-index: 2
}

@media(max-width: 768px) {
    .default-banner {
        --banner-height:300px
    }

    .default-banner .banner-img img {
        -o-object-position: left;
        object-position: left
    }
}

#main-doctor-listing {
    --grid: 3;
    display: grid;
    grid-template-columns: repeat(var(--grid),1fr);
    gap: 1rem
}

@media(max-width: 1200px) {
    #main-doctor-listing {
        --grid:2
    }
}

@media(max-width: 768px) {
    #main-doctor-listing {
        --grid:1
    }
}

.doctor-item {
    background: white;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column
}

.doctor-item .doctor-img {
    border-radius: 50%;
    overflow: hidden;
    width: 60%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin: 0 auto 2rem;
    box-shadow: 5px 5px 10px #d9d9d9,-5px -5px 10px #fff
}

.doctor-item .doctor-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.doctor-item .doctor-info {
    text-align: center;
    flex-grow: 1
}

.doctor-item .doctor-info .doc-name {
    color: var(--bs-primary)
}

.doctor-item .doctor-info .doc-spec {
    color: var(--bs-secondary)
}

.doctor-item .doc-cta-btn {
    display: flex;
    gap: .5rem
}

.doctor-item .doc-cta-btn .doc-btn {
    font-size: .75em;
    background: var(--bs-primary);
    color: white;
    display: flex;
    gap: .5rem;
    border-radius: .5rem;
    padding: .5em 1em;
    align-items: center;
    cursor: pointer;
    transition: var(--transiion);
    flex-grow: 1;
    flex-basis: 0;
    justify-content: center;
    line-height: 1.25em;
    text-align: left
}

.doctor-item .doc-cta-btn .doc-btn .bi {
    font-size: 1rem
}

.doctor-item .doc-cta-btn .doc-btn img {
    width: 1.25rem;
    height: 1.25rem;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(357deg) brightness(104%) contrast(101%)
}

.doctor-item .doc-cta-btn .doc-btn:hover {
    filter: brightness(90%)
}

.ehealth-item {
    padding: 1rem;
    box-shadow: 3px 3px 5px 5px rgba(40,176,178,0.2);
    border-radius: .5rem;
    cursor: pointer;
    transition: var(--transiion)
}

.ehealth-item:hover {
    background: rgba(40,176,178,0.2)
}

.main-doctor-profile .doc-profile .doc-img {
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px
}

.main-doctor-profile .doc-profile .doc-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.main-doctor-profile .hospital-selectors {
    display: flex
}

.main-doctor-profile .hospital-selectors .hospital-item {
    flex-grow: 1;
    text-align: center;
    padding: .75rem;
    background: rgba(0,118,156,0.1);
    cursor: pointer;
    font-weight: bold;
    transition: var(--transiion)
}

.main-doctor-profile .hospital-selectors .hospital-item:first-child {
    border-top-left-radius: .5rem
}

.main-doctor-profile .hospital-selectors .hospital-item:last-child {
    border-top-right-radius: .5rem
}

.main-doctor-profile .hospital-selectors .hospital-item.active {
    background: var(--bs-primary);
    color: white
}

.specialty-filter-alpha {
    --color: var(--bs-primary);
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(2rem,1fr));
    gap: .5rem
}

.specialty-filter-alpha .alpha {
    font-weight: bold;
    color: var(--color);
    border: 1px solid var(--color);
    text-align: center;
    border-radius: .25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: var(--transiion)
}

.specialty-filter-alpha .alpha:hover {
    background: rgba(0,118,156,0.1)
}

.specialty-filter-alpha .alpha.active {
    background: var(--color);
    color: white
}

.specialty-item .specialties-cards .swiper-default .swiper-button-prev,.specialty-item .specialties-cards .swiper-default .swiper-button-next {
    background: #8ac6e8
}

.specialty-item:not(:last-child) {
    margin-bottom: 2rem
}

.alpha-title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--bs-secondary);
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: .5rem
}

.alpha-title .line {
    width: 100%;
    height: 1px;
    background: #a9a9aa
}

.specialty-details h1,.facility-details h1 {
    color: var(--bs-primary)
}

.specialty-details h2,.facility-details h2 {
    color: var(--bs-secondary)
}

.specialty-details .target-link>*,.facility-details .target-link>* {
    cursor: pointer
}

.facilities-listing-container .ge-tab-x-content {
    flex-direction: column;
    gap: .5rem
}

.facilities-listing-container .ge-tab-x-content .tab-btn {
    text-align: left
}

.facilities-listing-container .facilities-listing .facilities-container .alpha-title .alpha {
    text-wrap: nowrap
}

@media(max-width: 768px) {
    .facilities-listing-container .facilities-listing .facilities-container .alpha-title .line {
        display:none
    }
}

.facilities-listing-container .facilities-listing .facilities-container .listing {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3,1fr)
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing {
    display: grid;
    aspect-ratio: 3/2;
    border-radius: .5rem;
    overflow: hidden;
    cursor: pointer
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing>* {
    grid-area: 1/1
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing .item-img img {
    width: 100%;
    height: 100%
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing .gradient {
    height: 50%;
    width: 100%;
    background: linear-gradient(to bottom,black -30%,transparent);
    transition: var(--transiion)
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing .item-content {
    display: flex;
    flex-direction: column;
    padding: .75rem
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing .item-content .item-title {
    color: white;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.25em
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing .item-content .item-arrow {
    display: grid;
    place-items: center;
    background: white;
    width: 36px;
    height: 36px;
    border-radius: .25rem;
    aspect-ratio: 1/1;
    font-size: 1.75rem;
    color: var(--primary);
    margin-top: auto;
    margin-left: auto;
    transition: var(--transiion)
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing .item-content .item-arrow>* {
    display: grid
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing:hover .gradient {
    height: 100%
}

.facilities-listing-container .facilities-listing .facilities-container .listing .facility-thing:hover .item-content .item-arrow {
    background: var(--primary);
    color: white
}

.table-1 {
    --color: var(--bs-secondary);
    --br: .5rem;
    width: 100%
}

.table-1 td {
    border: 1px solid var(--color)
}

.table-1 td,.table-1 th {
    padding: .75rem 1rem;
    font-weight: bold
}

.table-1 td:not(:first-child),.table-1 th:not(:first-child) {
    text-align: center
}

.table-1 thead {
    background: var(--color);
    color: white;
    font-size: 1.25rem
}

.table-1 thead tr:first-child th:first-child,.table-1 thead tr:first-child td:first-child {
    border-top-left-radius: var(--br)
}

.table-1 thead tr:first-child th:last-child,.table-1 thead tr:first-child td:last-child {
    border-top-right-radius: var(--br)
}

.table-1 tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--br)
}

.table-1 tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--br)
}

.ge-table td,.ge-table th {
    padding: .5rem .75rem
}

.ge-table td *:last-child,.ge-table th *:last-child {
    margin-bottom: 0
}

.ge-table thead th,.ge-table thead td {
    font-weight: bold;
    background: var(--primary);
    color: white;
    border: 1px solid white;
    text-align: center
}

.ge-table thead th:first-child,.ge-table thead td:first-child {
    border-left-color: var(--primary)
}

.ge-table thead th:last-child,.ge-table thead td:last-child {
    border-right-color: var(--primary)
}

.ge-table tbody th,.ge-table tbody td {
    border: 1px solid #707070
}

.ge-table tbody th {
    text-align: center
}

.ge-table tbody tr:nth-child(odd) {
    background: rgba(0,118,156,0.1)
}

.accordion,.accordionn {
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs);
    margin-bottom: 1rem
}

.accordion .accordion-item .accordion-title,.accordion .accordion-item .accordionn-title,.accordion .accordionn-item .accordion-title,.accordion .accordionn-item .accordionn-title,.accordionn .accordion-item .accordion-title,.accordionn .accordion-item .accordionn-title,.accordionn .accordionn-item .accordion-title,.accordionn .accordionn-item .accordionn-title {
    --default-color: var(--text);
    padding: var(--space-xs) var(--space-m);
    min-height: 3.25rem;
    padding-right: calc(var(--space-m) * 2 + var(--step-1));
    background-color: #a9e2ff;
    font-weight: 600;
    color: var(--default-color);
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.accordion .accordion-item .accordion-title:hover,.accordion .accordion-item .accordionn-title:hover,.accordion .accordionn-item .accordion-title:hover,.accordion .accordionn-item .accordionn-title:hover,.accordionn .accordion-item .accordion-title:hover,.accordionn .accordion-item .accordionn-title:hover,.accordionn .accordionn-item .accordion-title:hover,.accordionn .accordionn-item .accordionn-title:hover {
    background-color: #a3daf6
}

.accordion .accordion-item .accordion-title>:last-child,.accordion .accordion-item .accordionn-title>:last-child,.accordion .accordionn-item .accordion-title>:last-child,.accordion .accordionn-item .accordionn-title>:last-child,.accordionn .accordion-item .accordion-title>:last-child,.accordionn .accordion-item .accordionn-title>:last-child,.accordionn .accordionn-item .accordion-title>:last-child,.accordionn .accordionn-item .accordionn-title>:last-child {
    margin-bottom: 0
}

.accordion .accordion-item .accordion-title>*,.accordion .accordion-item .accordionn-title>*,.accordion .accordionn-item .accordion-title>*,.accordion .accordionn-item .accordionn-title>*,.accordionn .accordion-item .accordion-title>*,.accordionn .accordion-item .accordionn-title>*,.accordionn .accordionn-item .accordion-title>*,.accordionn .accordionn-item .accordionn-title>* {
    font-size: var(--step-0)
}

.accordion .accordion-item .accordion-title::after,.accordion .accordion-item .accordionn-title::after,.accordion .accordionn-item .accordion-title::after,.accordion .accordionn-item .accordionn-title::after,.accordionn .accordion-item .accordion-title::after,.accordionn .accordion-item .accordionn-title::after,.accordionn .accordionn-item .accordion-title::after,.accordionn .accordionn-item .accordionn-title::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: var(--space-m);
    width: 1rem;
    height: 1rem;
    border-bottom: 3px solid var(--default-color);
    transform: rotate(90deg) translateY(calc(-50% + 1px));
    transition: transform .25s ease,opacity .25s ease
}

.accordion .accordion-item .accordion-title::before,.accordion .accordion-item .accordionn-title::before,.accordion .accordionn-item .accordion-title::before,.accordion .accordionn-item .accordionn-title::before,.accordionn .accordion-item .accordion-title::before,.accordionn .accordion-item .accordionn-title::before,.accordionn .accordionn-item .accordion-title::before,.accordionn .accordionn-item .accordionn-title::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: var(--space-m);
    width: 1rem;
    height: 1rem;
    border-bottom: 3px solid var(--default-color);
    transform: translateY(calc(-50% + 1.5px))
}

.accordion .accordion-item .accordion-description,.accordion .accordion-item .accordionn-description,.accordion .accordionn-item .accordion-description,.accordion .accordionn-item .accordionn-description,.accordionn .accordion-item .accordion-description,.accordionn .accordion-item .accordionn-description,.accordionn .accordionn-item .accordion-description,.accordionn .accordionn-item .accordionn-description {
    display: grid;
    grid-template-rows: 0fr;
    transition: all .35s ease;
    padding: 0 var(--space-m)
}

.accordion .accordion-item .accordion-description::after,.accordion .accordion-item .accordionn-description::after,.accordion .accordionn-item .accordion-description::after,.accordion .accordionn-item .accordionn-description::after,.accordionn .accordion-item .accordion-description::after,.accordionn .accordion-item .accordionn-description::after,.accordionn .accordionn-item .accordion-description::after,.accordionn .accordionn-item .accordionn-description::after {
    transition: all .35s ease
}

.accordion .accordion-item .accordion-description>div,.accordion .accordion-item .accordionn-description>div,.accordion .accordionn-item .accordion-description>div,.accordion .accordionn-item .accordionn-description>div,.accordionn .accordion-item .accordion-description>div,.accordionn .accordion-item .accordionn-description>div,.accordionn .accordionn-item .accordion-description>div,.accordionn .accordionn-item .accordionn-description>div {
    overflow: hidden;
    opacity: 0;
    transition: all .15s ease
}

.accordion .accordion-item .accordion-description>div :last-child,.accordion .accordion-item .accordionn-description>div :last-child,.accordion .accordionn-item .accordion-description>div :last-child,.accordion .accordionn-item .accordionn-description>div :last-child,.accordionn .accordion-item .accordion-description>div :last-child,.accordionn .accordion-item .accordionn-description>div :last-child,.accordionn .accordionn-item .accordion-description>div :last-child,.accordionn .accordionn-item .accordionn-description>div :last-child {
    margin-bottom: 0
}

.accordion .accordion-item.active,.accordion .accordionn-item.active,.accordionn .accordion-item.active,.accordionn .accordionn-item.active {
    --active-color: white
}

.accordion .accordion-item.active>.accordion-header .accordion-title,.accordion .accordionn-item.active>.accordion-header .accordion-title,.accordionn .accordion-item.active>.accordion-header .accordion-title,.accordionn .accordionn-item.active>.accordion-header .accordion-title,.accordionn .accordionn-item.active>.accordionn-header .accordionn-title {
    background-color: #4b99c1;
    color: var(--active-color)
}

.accordion .accordion-item.active>.accordion-header .accordion-title:hover,.accordion .accordionn-item.active>.accordion-header .accordion-title:hover,.accordionn .accordion-item.active>.accordion-header .accordion-title:hover,.accordionn .accordionn-item.active>.accordion-header .accordion-title:hover,.accordionn .accordionn-item.active>.accordionn-header .accordionn-title:hover {
    background-color: #4892b8
}

.accordion .accordion-item.active>.accordion-header .accordion-title::after,.accordion .accordionn-item.active>.accordion-header .accordion-title::after,.accordionn .accordion-item.active>.accordion-header .accordion-title::after,.accordionn .accordionn-item.active>.accordion-header .accordion-title::after,.accordionn .accordionn-item.active>.accordionn-header .accordionn-title::after {
    transform: rotate(0) translateY(calc(-50% + 1px));
    opacity: 0;
    transition: transform .25s ease,opacity .15s ease .1s
}

.accordion .accordion-item.active>.accordion-header .accordion-title::after,.accordion .accordion-item.active>.accordion-header .accordion-title::before,.accordion .accordionn-item.active>.accordion-header .accordion-title::after,.accordion .accordionn-item.active>.accordion-header .accordion-title::before,.accordionn .accordion-item.active>.accordion-header .accordion-title::after,.accordionn .accordion-item.active>.accordion-header .accordion-title::before,.accordionn .accordionn-item.active>.accordion-header .accordion-title::after,.accordionn .accordionn-item.active>.accordion-header .accordion-title::before,.accordionn .accordionn-item.active>.accordionn-header .accordionn-title::after,.accordionn .accordionn-item.active>.accordionn-header .accordionn-title::before {
    border-color: var(--active-color)
}

.accordion .accordion-item.active>.accordion-description,.accordion .accordion-item.active>.accordionn-description,.accordion .accordionn-item.active>.accordion-description,.accordion .accordionn-item.active>.accordionn-description,.accordionn .accordion-item.active>.accordion-description,.accordionn .accordion-item.active>.accordionn-description,.accordionn .accordionn-item.active>.accordion-description,.accordionn .accordionn-item.active>.accordionn-description {
    grid-template-rows: 1fr;
    padding: var(--space-s) var(--space-m);
    background-color: #f8f8f8
}

.accordion .accordion-item.active>.accordion-description>div,.accordion .accordion-item.active>.accordionn-description>div,.accordion .accordionn-item.active>.accordion-description>div,.accordion .accordionn-item.active>.accordionn-description>div,.accordionn .accordion-item.active>.accordion-description>div,.accordionn .accordion-item.active>.accordionn-description>div,.accordionn .accordionn-item.active>.accordion-description>div,.accordionn .accordionn-item.active>.accordionn-description>div {
    opacity: 1
}

.swiper-default {
    position: relative
}

.swiper-default .swiper-button-prev,.swiper-default .swiper-button-next {
    color: white;
    background-color: var(--bs-primary);
    --swiper-navigation-size: large;
    width: 3.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    font-weight: bolder;
    transform: translateY(-50%);
    --swiper-navigation-sides-offset: -2.5%
}

.swiper-default .swiper-button-prev.swiper-button-disabled,.swiper-default .swiper-button-next.swiper-button-disabled {
    opacity: 0 !important
}

.swiper-default .swiper {
    overflow: clip;
    overflow-clip-margin: .5rem
}

.swiper-default:has(.swiper-pagination) {
    margin-bottom: 2.5rem
}

.swiper-default .swiper-pagination {
    --swiper-pagination-bottom: -2.5rem;
    --swiper-pagination-bullet-border-radius: 10rem;
    --swiper-pagination-color: var(--bs-primary)
}

.swiper-default .swiper-pagination .swiper-pagination-bullet {
    transition: all .25s ease;
    --swiper-pagination-bullet-size: .5rem
}

.swiper-default .swiper-pagination .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-width: 3.5rem
}

.specialty-card {
    aspect-ratio: 4/5;
    background-color: lightblue;
    border-radius: .5rem;
    overflow: hidden;
    display: grid;
    text-decoration: none;
    position: relative
}

.specialty-card .specialty-card-img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    grid-area: 1/1
}

.specialty-card .specialty-card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.specialty-card .specialty-card-body {
    position: relative;
    z-index: 3;
    grid-area: 1/1;
    color: white;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.specialty-card .specialty-card-body * {
    z-index: 3
}

.specialty-card .specialty-card-bg {
    height: 100%;
    width: 100%;
    background: linear-gradient(0,rgba(0,0,0,0.8) 0,rgba(0,0,0,0) 45%);
    position: absolute;
    content: "";
    display: inline-block;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all .25s ease
}

.specialty-card .specialty-card-bg::before {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: transparent;
    transition: all .25s ease
}

.specialty-card .specialty-card-title {
    padding-bottom: 5rem;
    line-height: 1.15
}

@media screen and (width < 576px) {
    .specialty-card .specialty-card-title {
        padding-right: .5rem;
        padding-bottom: 0
    }
}

.specialty-card .specialty-card-desc-anim {
    display: grid;
    grid-template-rows: 0fr;
    transition: all .35s ease
}

.specialty-card .specialty-card-desc-anim>div {
    overflow: hidden;
    padding-bottom: 4.5rem;
    max-height: 25rem;
    margin-top: -4.5rem;
    margin-bottom: -4.5rem
}

@media screen and (width < 576px) {
    .specialty-card .specialty-card-desc-anim {
        display: none
    }
}

.specialty-card .specialty-card-desc {
    display: -webkit-box;
    -webkit-line-clamp: 12;
    overflow: hidden;
    -webkit-box-orient: vertical;
    animation: displayOffHover .5s linear forwards
}

.specialty-card .speciatly-card-arrow-btn {
    aspect-ratio: 1;
    border: 1px solid white;
    border-radius: .25rem;
    flex-shrink: 0;
    height: 3rem;
    width: 3rem;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 2rem;
    transition: all .15s ease
}

.specialty-card .speciatly-card-arrow-btn>div {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (width < 576px) {
    .specialty-card .speciatly-card-arrow-btn {
        width: -moz-fit-content;
        width: fit-content;
        height: 1rem;
        border: 0;
        color: white !important;
        background-color: transparent !important
    }
}

.specialty-card .specialty-card-desc-wrapper {
    transition: all .5s ease;
    display: flex
}

.specialty-card:hover .specialty-card-bg::before {
    background: rgba(0,0,0,0.5)
}

.specialty-card:hover .specialty-card-desc-anim {
    grid-template-rows: 1fr;
    transition: all .35s ease
}

.specialty-card:hover .specialty-card-desc {
    animation: displayHover 0s linear forwards
}

.specialty-card:hover .speciatly-card-arrow-btn {
    background-color: white;
    color: black
}

.specialty-card.w-100 {
    aspect-ratio: auto
}

.ge-tab-x-content,.ge-tab-nav {
    --color: var(--bs-primary);
    display: flex;
    gap: 1rem;
    font-weight: bold;
    flex-basis: 1
}

.ge-tab-x-content .tab-btn,.ge-tab-nav .tab-btn {
    flex: 1;
    text-align: center;
    color: var(--color);
    background: white;
    padding: .5em 1em;
    border-radius: .25rem;
    border: 1px solid var(--color);
    transition: var(--transiion);
    cursor: pointer
}

.ge-tab-x-content .tab-btn:hover,.ge-tab-nav .tab-btn:hover {
    background: rgba(0,118,156,0.05)
}

.ge-tab-x-content .tab-btn.active,.ge-tab-nav .tab-btn.active {
    background: var(--color);
    color: white
}

.hd-footer {
    background: rgba(1,117,154,0.1)
}

.hd-footer .hd-location-tab .location-item {
    display: flex
}

.hd-footer .hd-location-tab .location-item .location-iframe {
    flex: 0 0 70%
}

.hd-footer .hd-location-tab .location-item .location-iframe iframe {
    width: 100%;
    aspect-ratio: 16/9
}

.hd-footer .hd-location-tab .location-item .location-info {
    flex: 0 0 30%;
    background: #f3f8fd;
    padding: 1.5rem 1rem;
    align-self: center
}

.hd-footer .hd-location-tab .location-item .location-info .map-item {
    display: flex;
    gap: 1rem
}

.hd-footer .hd-location-tab .location-item .location-info .map-item>a {
    height: 50px;
    padding: .5rem .5rem;
    width: 100%;
    border-radius: .25rem;
    text-align: center
}

.hd-footer .hd-location-tab .location-item .location-info .map-item>a.google-map {
    background: white;
    border: 1px solid #e0e1e2
}

.hd-footer .hd-location-tab .location-item .location-info .map-item>a.waze {
    background: #4ac3fa
}

.hd-footer .hd-location-tab .location-item .location-info .map-item>a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.hd-footer .hd-location-tab .location-item .location-info .contact-item img,.hd-footer .hd-location-tab .location-item .location-info .contact-item .bi {
    width: 24px
}

.hd-footer .hd-location-tab .location-item .location-info .contact-item img {
    filter: invert(54%) sepia(9%) saturate(2808%) hue-rotate(132deg) brightness(105%) contrast(94%)
}

.hd-footer .hd-location-tab .location-item .location-info .contact-item .bi {
    color: var(--secondary);
    font-size: 1.25rem;
    text-align: center
}

@media(max-width: 1200px) {
    .hd-footer .hd-location-tab .location-item .location-iframe {
        flex:0 0 60%
    }

    .hd-footer .hd-location-tab .location-item .location-info {
        flex: 0 0 40%
    }
}

@media(max-width: 992px) {
    .hd-footer .hd-location-tab .location-item {
        flex-direction:column
    }

    .hd-footer .hd-location-tab .location-item .location-info {
        width: 100%
    }
}

@keyframes displayOffHover {
    99% {
        -webkit-line-clamp: 12
    }

    100% {
        -webkit-line-clamp: 3
    }
}

.promo-card {
    transition: all .25s ease
}

.promo-card:hover {
    box-shadow: var(--bs-box-shadow-sm)
}

.promo-card:hover .btn-primary {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.facility-item {
    border-radius: .5rem;
    overflow: hidden;
    display: grid;
    isolation: isolate;
    position: relative;
    cursor: pointer
}

.facility-item>* {
    grid-area: 1/1
}

.facility-item .item-img {
    z-index: 1
}

.facility-item .item-title {
    z-index: 3;
    padding: 1rem;
    align-self: flex-end;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center
}

.facility-item .gradient {
    z-index: 2;
    align-self: flex-end;
    height: 30%;
    width: 100%;
    background: linear-gradient(to top,black,transparent);
    transition: all .5s ease
}

.facility-item:hover .gradient {
    height: 150%;
    opacity: .7
}

.facility-item:hover .box-arrow {
    background: white;
    color: black
}

.box-arrow {
    aspect-ratio: 1;
    border: 1px solid white;
    border-radius: .25rem;
    flex-shrink: 0;
    height: 3rem;
    width: 3rem;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 2rem;
    transition: all .15s ease;
    color: white
}

.box-arrow>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.landing-visiting-section {
    display: grid;
    position: relative
}

.landing-visiting-section>* {
    grid-area: 1/1
}

.landing-visiting-section .bg-img {
    position: absolute;
    inset: 0
}

.landing-visiting-section .bg-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.landing-visiting-section .content-section {
    z-index: 3
}

.landing-visiting-section .content-section .visiting-session .session-pills {
    font-size: 75%;
    background: white;
    border-radius: .25rem;
    border: 1px solid var(--bs-primary);
    line-height: 1;
    padding: .25em .5em;
    width: 6.75em;
    text-align: center
}

.landing-visiting-section .gradient {
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg,rgba(0,118,156,0.4) 0,rgba(0,118,156,0) 50%)
}

@media(max-width: 768px) {
    .landing-visiting-section .gradient {
        background:rgba(0,118,156,0.4)
    }
}

.landing-visiting-section .directory-tab .search-container {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .5rem;
    border: 2px solid #a9a9aa;
    border-radius: .25rem
}

.landing-visiting-section .directory-tab .search-container .bi {
    color: var(--secondary)
}

.landing-visiting-section .directory-tab .search-container input {
    outline: none !important;
    border: 0
}

.landing-visiting-section .directory-tab .search-ddl-container {
    display: flex;
    gap: 1rem
}

.landing-visiting-section .directory-tab .search-ddl-container .search-ddl {
    position: relative;
    border: 2px solid #a9a9aa;
    border-radius: .25rem;
    flex: 1 0
}

.landing-visiting-section .directory-tab .search-ddl-container .search-ddl img {
    position: absolute;
    left: .5rem;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px)
}

.landing-visiting-section .directory-tab .search-ddl-container .search-ddl select {
    border: 0;
    outline: none !important;
    padding: .25rem 0 .25rem 2rem;
    height: calc(26px + 0.5rem);
    width: 100%
}

.landing-visiting-section .directory-tab .results-container {
    border-radius: .375rem;
    overflow-y: scroll;
    height: 250px
}

.landing-visiting-section .directory-tab .results-container::-webkit-scrollbar {
    width: 5px
}

.landing-visiting-section .directory-tab .results-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px
}

.landing-visiting-section .directory-tab .results-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #32c2ee;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)
}

.landing-visiting-section .directory-tab .results-container .result-item {
    padding: 1rem
}

.landing-visiting-section .directory-tab .results-container .result-item:nth-child(odd) {
    background: rgba(0,163,168,0.1)
}

.landing-visiting-section .directory-tab .results-container .result-item:nth-child(even) {
    background: #f8f8f8
}

.nav-with-udnerline {
    --color: var(--bs-primary);
    --color2: #bebebf;
    position: relative;
    font-weight: bold;
    font-size: 1.25rem;
    border-bottom: 2px solid var(--color2)
}

.nav-with-udnerline .nav-item-container {
    display: flex;
    width: 100%
}

.nav-with-udnerline .nav-item-container .nav-item {
    flex: 1;
    text-align: center;
    padding: .5rem 1rem;
    cursor: pointer;
    color: var(--color2);
    transition: var(--transiion)
}

.nav-with-udnerline .nav-item-container .nav-item.active {
    color: var(--color)
}

.nav-with-udnerline .nav-line {
    position: absolute;
    bottom: -2px;
    height: 3px;
    width: 50px;
    border-radius: 10em;
    background: var(--color);
    transition: var(--transiion)
}

@media(max-width: 768px) {
    .nav-with-udnerline {
        font-size:1rem
    }
}

.ge-primary-btn {
    --color: var(--bs-primary);
    width: -moz-max-content;
    width: max-content;
    padding: 1em 1.5em;
    line-height: 1;
    border-radius: .5rem;
    background: var(--color);
    color: white;
    font-weight: bold;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    transition: var(--transiion)
}

.ge-primary-btn img {
    width: 20px;
    height: 20px
}

.ge-primary-btn:hover {
    filter: brightness(90%)
}

.default-dropdown,.default-dropdown-no {
    --color: #a9a9aa;
    border: 2px solid var(--color);
    padding: var(--space-xs) var(--space-s);
    border-radius: .35rem;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("/styles/commons/bootstrap-icons-1.11.3/chevron-down.svg");
    background-origin: content-box;
    background-position: right -0.85rem center;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-right: var(--space-l);
    height: 2.5rem;
    font-size: var(--step--1)
}

@media screen and (width>= 576px) {
    .default-dropdown,.default-dropdown-no {
        padding: var(--space-2xs) var(--space-xs);
        padding-right: var(--space-m);
        line-height: 1.3
    }
}

.default-dropdown option[value=""][disabled],.default-dropdown-no option[value=""][disabled] {
    display: none
}

.default-dropdown option,.default-dropdown-no option {
    color: var(--color)
}

@media screen and (width < 576px) {
    .default-dropdown,.default-dropdown-no {
        height: 3rem;
        font-size: var(--step-0)
    }
}

.select2 {
    --color: #a9a9aa;
    width: 100% !important
}

.select2 .default-dropdown-select {
    border: 2px solid var(--color);
    height: 2.5rem;
    border-radius: .35rem;
    overflow: hidden
}

@media screen and (width < 576px) {
    .select2 .default-dropdown-select {
        height: 3rem
    }
}

.select2 .select2-selection__rendered {
    height: 100%;
    padding: var(--space-3xs) var(--space-s);
    display: flex !important;
    align-items: center;
    color: black !important;
    padding-left: var(--space-s) !important;
    padding-right: 2rem
}

.select2 .select2-selection__rendered .select2-selection__placeholder {
    color: var(--color)
}

@media screen and (width < 576px) {
    .select2 .select2-selection__rendered {
        font-size: var(--step-0)
    }
}

.select2 .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 2.5rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    right: 2px
}

@media screen and (width < 576px) {
    .select2 .select2-selection--single .select2-selection__arrow {
        width: 3rem
    }
}

.select2 .select2-selection--single .select2-selection__arrow b {
    border: 0;
    border-bottom: 1px solid #1c1c1c !important;
    border-right: 1px solid #1c1c1c !important;
    height: 20%;
    width: 20%;
    transform: translateY(-50%) rotate(45deg);
    transition: all .25s ease
}

.select2.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: translateY(-15%) rotate(-135deg) !important
}

.select2-container--default .select2-results__option--disabled {
    color: lightgray;
    display: none
}

.select2-container--default #select2-ddlSpec-results .select2-results__option--disabled {
    color: black;
    display: block
}

.modal .modal-header {
    border: 0
}

.modal .modal-content {
    background: #f3f8ff
}

.main-loading-screen {
    position: fixed;
    inset: 0;
    display: grid;
    place-content: center;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background: rgba(226,239,255,0.9);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s ease
}

.main-loading-screen .loading-content {
    text-align: center
}

.main-loading-screen .loading-content .loading-logo {
    width: 150px;
    height: auto
}

.main-loading-screen.active,.main-loading-screen.show {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

#multiHospitalModal .modal-body .hospital-item-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--space-s);
    text-decoration: none
}

#multiHospitalModal .modal-body .hospital-item-container img {
    border-radius: .5rem;
    margin-bottom: var(--space-2xs);
    aspect-ratio: 3/2;
    -o-object-fit: cover;
    object-fit: cover
}

#multiHospitalModal .modal-body .hospital-item-container .hospital-item .hospital-name {
    font-weight: bold;
    font-size: 1.1rem
}

.department-cards-container .department-card {
    border-radius: 10px;
    overflow: hidden;
    transition: transform .3s ease
}

.department-cards-container .department-card img {
    width: 100%;
    height: auto
}

.department-cards-container .department-card:hover {
    transform: scale(1.05);
    cursor: pointer
}

.department-cards-container .department-card {
    border: 0
}

.department-cards-container .department-caption {
    background-color: #f9ba5d;
    color: white;
    text-align: center;
    padding: 10px;
    font-weight: bold
}

.jobs-listing-container .hospital-dropdown-label {
    color: var(--bs-heading-color);
    font-weight: 600
}

.job-listing .location-label {
    color: #3d64c1
}

.job-listing .btnSubmit {
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    max-width: 200px;
    border-radius: 25px
}

.job-listing .btnSubmit.primary {
    background-color: #f9ba5d;
    color: #fff;
    border-color: #f9ba5d
}

.job-listing .btnSubmit.primary:hover,.job-listing .btnSubmit.primary:focus {
    background-color: #fff !important;
    color: #a72b2a !important;
    border-color: #a72b2a;
    cursor: pointer
}

.career-accordion .career-accordion-description {
    transition: max-height .5s ease-in-out;
    max-height: 0;
    overflow: hidden
}

.career-accordion .career-accordion-title {
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--bs-heading-color)
}

.career-accordion .career-accordion-header {
    cursor: pointer;
    font-weight: bold
}

.career-accordion .rotate-icon {
    transform: rotate(180deg);
    transition: transform .3s ease
}

.custom-location-dropdown {
    position: relative
}

.custom-location-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 10px 40px 10px 40px;
    border: 1px solid #0061f2;
    border-radius: 8px;
    font-size: 16px;
    color: #000;
    background-color: #fff;
    box-shadow: none;
    max-width: 400px
}

.custom-location-dropdown .bi-geo-alt {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #0061f2
}

.custom-location-dropdown .bi-chevron-down {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #000
}

@media screen and (width < 768px) {
    #multiHospitalModal .modal-body .hospital-item-container {
        grid-template-columns: repeat(1,1fr)
    }
}

.line-beside {
    display: flex;
    gap: .5rem;
    justify-content: center;
    text-align: center;
    width: 100%;
    align-items: center
}

.line-beside::before,.line-beside::after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid
}

.default-btn {
    --background: var(--pantai-blue);
    background: var(--background);
    color: white;
    border-radius: .5rem;
    padding: .75em 1.5em;
    font-weight: bold;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: -moz-max-content;
    width: max-content
}

@keyframes floating {
    0% {
        translate: 0
    }

    50% {
        translate: 0 1rem
    }

    0% {
        translate: 0
    }
}

#floating-image {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    width: 90px;
    height: auto;
    text-decoration: none;
    animation: floating 3s ease-in-out infinite .5s;
    font-size: 14px;
    z-index: 1000
}

#floating-image img {
    width: 100%;
    height: 100%
}

#floating-image .hover-tooltip {
    background: #307fde;
    color: white;
    padding: .25rem .5rem;
    text-align: center;
    border-radius: .25rem;
    margin-bottom: .5rem;
    opacity: 0;
    visibility: none;
    transition: all .3s ease
}

#floating-image:hover {
    animation-play-state: paused
}

#floating-image:hover .hover-tooltip {
    opacity: 1;
    visibility: visible
}

@media(max-width: 992px) {
}

@media(max-width: 768px) {
    #floating-image {
        bottom:calc(70px + 1rem)
    }
}

.t-caption {
    font-size: 1.25rem;
    color: var(--primary);
    font-weight: bold
}

.sticky-side-inner {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs)
}

.sticky-side-inner .sticky-side-item {
    color: white;
    border: 1px solid transparent;
    background-color: var(--pantai-blue);
    padding: var(--space-xs) var(--space-s);
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    gap: var(--space-2xs);
    align-items: center;
    text-decoration: inherit;
    transition: all .25s ease
}

.sticky-side-inner .sticky-side-item img {
    height: var(--step-2);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.sticky-side-inner .sticky-side-item:hover {
    background-color: var(--pantai-blue-darker)
}

.sticky-side-inner .sticky-side-item.light-blue {
    background-color: var(--pantai-light-blue)
}

.sticky-side-inner .sticky-side-item.orange {
    background-color: var(--pantai-orange)
}

.sticky-side-inner .sticky-side-item.green {
    background-color: var(--pantai-green)
}

.sticky-side-inner .sticky-side-item.yellow {
    background-color: var(--pantai-yellow)
}

.sticky-side-inner .sticky-side-item.light-blue-white {
    color: var(--pantai-light-blue);
    border-color: var(--pantai-light-blue);
    background-color: #fff
}

.sticky-side-inner .sticky-side-item.light-blue-white img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(87%) saturate(1732%) hue-rotate(158deg) brightness(99%) contrast(89%)
}

.sticky-side-inner .sticky-side-item.light-blue-white:hover {
    background-color: #f2f5ff
}

.sticky-bottom-cta {
    position: sticky;
    bottom: 0;
    z-index: 20;
    transition: transform .15s ease;
    transform: translateY(0)
}

.sticky-bottom-cta .sticky-side-inner {
    flex-direction: row;
    gap: 0
}

.sticky-bottom-cta .sticky-side-item {
    border-radius: 0;
    padding: var(--space-s) var(--space-m);
    flex: 1 1 100%;
    justify-content: center;
    line-height: 1.15
}

.sticky-bottom-cta .sticky-side-item.red {
    background: #ac5b5a
}

.sticky-bottom-cta .sticky-side-item.orange {
    background: #e0a047
}

.sticky-bottom-cta.hide {
    transform: translateY(100%)
}

.top-nav-cta .social-links {
    align-content: center
}

.top-nav-cta .social-links img {
    filter: grayscale(100%) brightness(70%) contrast(2)
}

.main-nav-logo img {
    height: 40px !important
}

@media(max-width: 420px) {
    .main-nav-logo img {
        height:30px !important
    }
}

@media(max-width: 360px) {
    .main-nav-logo img {
        height:26px !important
    }
}

@media(max-width: 320px) {
    .main-nav-logo img {
        height:23px !important
    }
}

@media(max-width: 760px) {
    .glen-breadcrumb .container .d-flex.gap-2 {
        display:none !important
    }
}

@media(max-width: 760px) {
    .footer a img {
        display:none !important
    }
}