@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root{
    --font-family-Manrope: 'Plus Jakarta Sans',sans-serif;
    /* --font-family-Roboto: "Fraunces", ui-serif, Georgia, serif; */
    --font-family-Roboto: "Lora", serif;
    --font-body: "Inter", sans-serif;
}
.dept-banner {
    position: relative;
    width: 100%;
    min-height: 300px;
    background-color: #2F669A;
    background-image: linear-gradient(#3F7AB7 0%, #2F669A 50%, #234F79 100%), var(--banner-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
}
.dept-banner::before {content: '';position: absolute;inset: 0;background-size: 90px 78px;background-position: center;pointer-events: none;z-index: 0;}
.dept-banner__doctor {position: absolute;right: 0;top: 0;height: 100%;max-width: 38%;object-fit: cover;object-position: left center;filter: sepia(1) brightness(0.82) contrast(0.95);mix-blend-mode: multiply;pointer-events: none;z-index: 1;}
.dept-banner__content {position: relative;z-index: 2;padding: 48px 0 40px;}
.dept-banner__title {font-size: clamp(1.6rem, 3.5vw, 2.4rem);font-weight: 800;letter-spacing: 0.04em;
    color: #FFF;line-height: 1.15;margin-bottom: 10px;}
.dept-banner__breadcrumb {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 0;font-size: 0.78rem;color: #EE7836;}
.dept-banner__breadcrumb li + li::before {content: ' | ';padding: 0 4px;color: #EE7836;}
.dept-banner__breadcrumb a {color: #EE7836;text-decoration: none;transition: color 0.2s;}
.dept-banner__breadcrumb a:hover {color: #FFF;text-decoration: underline;}
.dept-banner__breadcrumb li:last-child {color: #FFF;}


/* =====================================================
   PHOTO GALLERY SECTION
===================================================== */

/* .gallery-section {background-color: #ffffff;padding: 48px 0 56px;}
.gallery-section__header {text-align: center;margin-bottom: 28px;}
.gallery-section__title {font-size: clamp(1.2rem, 2.5vw, 2.1rem);font-weight: 700;font-family: var(--font-family-Roboto);color: #005b9c;text-transform: uppercase;margin: 0;}
.gallery-item {position: relative;aspect-ratio: 4 / 3;overflow: hidden;cursor: pointer;background-color: #ececec;}
.gallery-item__img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;display: block;}
.gallery-item:hover .gallery-item__img {transform: scale(1.08);}
.gallery-item__overlay {position: absolute;inset: 0;background-color: rgba(236, 142, 71, 0.78);display: flex;flex-direction: column;
    align-items: center;justify-content: center;gap: 8px;opacity: 0;transition: opacity 0.3s ease;}
.gallery-item:hover .gallery-item__overlay {opacity: 1;}
.gallery-item__caption {font-size:1rem;font-weight: 600;color: #ffffff;text-align: center;padding: 0 12px;font-family: var(--font-family-Roboto);}
.gallery-lightbox .modal-content {background-color: #ffffff;border: none;border-radius: 4px;padding: 16px;position: relative;}
.gallery-lightbox__img {width: 100%;max-height: 70vh;object-fit: contain;display: block;}
.gallery-lightbox__caption {font-size: 1.1rem;font-weight: 600;color: #1a1a1a;text-align: center;margin: 14px 0 0;}
.gallery-lightbox__close {position: absolute;top: -8px;right: -7px;background-color: #2F669A;color: #ffffff;border: none;width: 32px;
    height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 2;transition: background-color 0.2s;}
.gallery-lightbox__close:hover {background-color: #2F669A;}
@media (max-width: 575.98px) {
    .gallery-item__caption { font-size: 0.75rem; }
} */

.nims-pagebanner {position: relative;min-height: 320px;display: flex;align-items: center;
    background-image:
        linear-gradient(90deg,
            rgba(0,0,0,0.35) 0%,
            rgba(0,0,0,0.28) 30%,
            rgba(0,0,0,0.18) 55%,
            rgba(0,0,0,0.08) 75%,
            rgba(0,0,0,0) 100%
        ),
        var(--banner-bg);background-repeat: no-repeat;background-size: cover;background-position: center top;}

.nims-pagebanner {background-image: var(--banner-bg);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 80px 0;position: relative;}
.nims-pagebanner-content {position: relative;z-index: 1;}
.nims-pagebanner-title {color: #fff;font-weight: 700;margin-bottom: 10px;}
.nims-pagebanner-breadcrumb {display: flex;align-items: center;gap: 8px;}
.nims-pagebanner-breadcrumb .crumb-item {color: rgba(255, 255, 255, 0.75);font-size: 0.85rem;letter-spacing: 0.5px;}
.nims-pagebanner-breadcrumb .crumb-item.active {color: #fff;font-weight: 600;}
.nims-pagebanner-breadcrumb .crumb-sep {color: #f47521;font-size: 0.8rem;}

.nims-culture-eyebrow {color: var(--tm-orange, #EE7836);font-weight: 600;letter-spacing: 3px;font-size: 0.8rem;text-transform: uppercase;}
.nims-culture-heading {color: var(--nims-navy, #0a2f5e);font-weight: 700;margin-top: 8px;}
.nims-culture-desc {color: #000;font-size: 0.95rem;line-height: 1.6;}
.nims-culture-grid .col-6,
.nims-culture-grid .col-md-4,
.nims-culture-grid .col-lg {padding: 1px;}
.nims-culture-thumb {position: relative;overflow: hidden;aspect-ratio: 1 / 1;cursor: pointer;}
.nims-culture-thumb img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}
.nims-culture-thumb:hover img {transform: scale(1.06);}
.nims-lightbox {display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.85);z-index: 2000;align-items: center;justify-content: center;}
.nims-lightbox.active {display: flex;}
.nims-lightbox-stage {width: min(800px, 85vw);height: min(600px, 80vh);display: flex;align-items: center;justify-content: center;}
.nims-lightbox-img {width: 100%;height: 100%;object-fit: contain;border-radius: 4px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);}
.nims-lightbox-close {position: absolute;top: 20px;right: 25px;background: transparent;border: none;color: #fff;font-size: 1.6rem;cursor: pointer;z-index: 2001;}
.nims-lightbox-nav {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.1);border: none;color: #fff;
    font-size: 1.8rem;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.25s ease;z-index: 2001;}
.nims-lightbox-nav:hover {background: rgba(255, 255, 255, 0.25);}
.nims-lightbox-prev {left: 25px;}
.nims-lightbox-next {right: 25px;}

@media (max-width: 768px) {
.nims-lightbox-nav {width: 40px;height: 40px;font-size: 1.3rem;}
.nims-lightbox-prev { left: 10px; }
.nims-lightbox-next { right: 10px; }
}