 @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;
        --pkg-maroon:#005b9c;
        --pkg-maroon-dark:#005b9c;
        --pkg-text-dark:#005b9c;
        --pkg-card-bg:#ffffff;
        --pkg-img-bg:#faf3ee;
           --hp-teal:#2f669a;
        --hp-teal-dark:#026586;
        --hp-card-bg:#e9f3fb;
        --hp-orange:#e07b1f;
        --hp-text:#000;
         --tm-navy: #234F79;
    }
    


.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: #026586;font-weight: 700;margin-bottom: 10px;}
.nims-pagebanner-breadcrumb {display: flex;align-items: center;gap: 8px;}
.nims-pagebanner-breadcrumb .crumb-item {color: #026586;font-size: 0.85rem;}
.nims-pagebanner-breadcrumb .crumb-item.active {color: #026586;font-weight: 600;}
.nims-pagebanner-breadcrumb .crumb-sep {color: #f47521;font-size: 0.8rem;}


.dept-banner {position: relative;width: 100%;min-height: 300px;background-color: #4F86BC;
    background-image: linear-gradient(#3F7AB7 0%, #4F86BC 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: 700;font-family: var(--font-family-Roboto);
            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;}

.pkg-section{padding:60px 0;}
.pkg-card{display:flex;align-items:stretch;background:var(--pkg-card-bg);border-radius:10px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.06);height:100%;
        transition:box-shadow .3s ease, transform .3s ease;}
.pkg-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.10);transform:translateY(-2px);}
.pkg-card__img-wrap{flex:0 0 190px;max-width:190px;background:var(--pkg-img-bg);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;}
.pkg-card__img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .4s ease;}
.pkg-card:hover .pkg-card__img-wrap img{transform:scale(1.06);}
.pkg-card__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:28px 30px;}
.pkg-card__title{font-size:1.15rem;font-family: var(--font-family-Roboto);font-weight:500;color:var(--pkg-maroon-dark);margin-bottom:8px;line-height:1.35;}
.pkg-card__price{font-size:2.1rem;font-family: var(--font-family-Roboto);font-weight:700;color:var(--pkg-text-dark);margin-bottom:18px;line-height:1;}
.pkg-card__price .pkg-rupee{font-weight:700;}
.pkg-btn{position:relative;display:inline-block;align-self:flex-start;padding:3px 26px;background:var(--pkg-maroon);color:#fff !important;
        font-size:.92rem;font-weight:500;text-decoration:none;border-radius:4px;overflow:hidden;z-index:1;isolation:isolate;}
.pkg-btn::before{content:"";position:absolute;inset:0;background:var(--pkg-maroon-dark);transform:translateY(100%);transition:transform .35s cubic-bezier(0.65,0,0.35,1);z-index:-1;}
.pkg-btn:hover::before,
    .pkg-btn:focus::before{transform:translateY(0);}
.pkg-btn span{position:relative;z-index:2;}
 

    .hp-wrapper{max-width:1400px;margin:0 auto;padding:40px 24px 60px;}
    .hp-heading{color:var(--hp-teal);font-weight:800;font-size:2.25rem;margin-bottom:28px;}
    /* .hp-card{background:var(--hp-card-bg);border-radius:10px;padding:24px 22px;height:100%;display:flex;flex-direction:column;} */
    .hp-card-title{color:var(--hp-teal);font-weight:700;font-size:1.1rem;margin-bottom:14px;line-height:1.25;}
    .hp-count{font-weight:600;margin-bottom:10px;}
    .hp-list{list-style:disc;padding-left:1.15rem;margin-bottom:auto;}
    .hp-list li{margin-bottom:0px;}
    .hp-more{text-decoration:underline;cursor:pointer;color:var(--hp-text);background:none;border:none;padding:0;font:inherit;}
    .hp-more:hover{ color:var(--hp-teal); }
    .hp-view-details{color:var(--hp-orange);font-weight:600;text-decoration:none;margin-top:18px;display:inline-flex;align-items:center;
        gap:6px;background:none;border:none;padding:0;text-align:left;}
    .hp-view-details:hover{color:#c2650f;text-decoration:none;}
    .hp-view-details svg{transition:transform .15s ease;}
    .hp-view-details:hover svg{transform:translateX(4px);}
 
     .hp-modal-header{background:var(--hp-teal);color:#fff;border-bottom:none;}
    .modal-title{color: #FFF;}
    .hp-modal-header .btn-close{filter:invert(1) grayscale(100%) brightness(200%);}
    .hp-modal-test-count{font-weight:600;color:var(--hp-teal-dark);}
    .hp-modal-list{list-style:none;padding:0;margin:0;max-height:360px;overflow-y:auto;}
    .hp-modal-list li{display:flex;justify-content:space-between;align-items:center;padding:4px 4px;border-bottom:1px solid #eee;}
    .hp-modal-list li:last-child{border-bottom:none;}
    .hp-modal-test-name::before{content:"✓";color:var(--hp-teal);font-weight:700;margin-right:8px;}
    .hp-modal-price-box{background:var(--hp-card-bg);border-radius:8px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;}
    .hp-modal-price{color:var(--hp-teal);font-weight:800;font-size:1.5rem;}
    .hp-book-btn{background:var(--hp-orange);border-color:var(--hp-orange);font-weight:600;}
    .hp-book-btn:hover{background:#c2650f !important;border-color:#c2650f !important;color: #fff !important;}

.hp-card {background: #fff;border: 1px solid #ececec;border-radius: 18px;padding: 32px 26px 28px;height: 100%;position: relative;overflow: hidden;transition: box-shadow .3s ease, transform .3s ease;}
.hp-card::before {content: '';position: absolute;top: 0;right: 0;width: 70px;height: 70px;background: #ffd5b9;border-bottom-left-radius: 70px;
    z-index: 1;transition: opacity .3s ease;}
.hp-card::after {content: '';position: absolute;inset: 0;background: var(--tm-navy);transform: translateY(100%);transition: transform .4s ease;
    z-index: 0;}
.hp-card:hover {box-shadow: 0 12px 28px rgba(0,0,0,.12);transform: translateY(-4px);}
.hp-card:hover::after {transform: translateY(0);}
.hp-card:hover::before {opacity: 0;}
.hp-icon,
.hp-card-title,
.hp-count,
.hp-list,
.hp-more,
.hp-view-details {position: relative;z-index: 2;}
.hp-icon {width: 68px;height: 68px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--tm-maroon), var(--tm-orange));margin-bottom: 18px;transition: background .3s ease;}
.hp-card:hover .hp-icon {background: #fff;}
.hp-card:hover .hp-icon svg {color: var(--tm-navy);}

.hp-icon svg {
    width: 30px;
    height: 30px;
    color: #fff;
    transition: color .3s ease;
}

.hp-card-title {
    font-weight: 700;
    /* color: var(--tm-maroon); */
    font-size: 1.1rem;
    margin-bottom: 4px;
    transition: color .3s ease;
}

.hp-card:hover .hp-card-title {
    color: #fff;
}

.hp-count {
    color: #6b6b6b;
    font-size: .88rem;
    margin-bottom: 14px;
    transition: color .3s ease;
}

.hp-card:hover .hp-count {
    color: rgba(255,255,255,.85);
}

.hp-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
    font-size: .88rem;
    color: #000;
    transition: color .3s ease;
}

.hp-card:hover .hp-list {
    color: rgba(255,255,255,.92);
}

.hp-list li {
    padding: 3px 0 0px 18px;
    position: relative;
}

.hp-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--tm-gold);
    font-weight: 700;
    transition: color .3s ease;
}

.hp-card:hover .hp-list li::before {
    color: #fff;
}

.hp-more,
.hp-view-details {
    background: none;
    border: none;
    padding: 0;
    color: var(--tm-orange);
    font-weight: 600;
    font-size: .92rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color .3s ease;
}

.hp-more { font-size: .85rem; }

.hp-card:hover .hp-more,
.hp-card:hover .hp-view-details {
    color: #fff;
}

.hp-view-details svg {
    transition: transform .3s ease;
}

.hp-view-details:hover svg {
    transform: translateX(4px);
}

@media (max-width: 575.98px){
        .pkg-card{flex-direction:column;}
        .pkg-card__img-wrap{flex:0 0 220px;max-width:100%;width:100%;}
        .pkg-card__body{padding:22px 22px 26px;}
    }


@media(max-width:768px){
    .nims-pagebanner{padding: 40px 0;}
    .nims-pagebanner {min-height: 149px;}
}

