@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: var(--font-family-Roboto); */
    --font-family-Roboto: "Lora", serif;
    --font-body: "Inter", sans-serif;}
.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-content {max-width: 480px;padding: 3.5rem 0;}
.nims-pagebanner-title {font-family: var(--font-family-Roboto, inherit);font-weight: 800;font-size: 2.6rem;letter-spacing: 0.5px;
    color: #FFF;margin-bottom: 0.6rem;}
 .nims-pagebanner-breadcrumb {display: flex;align-items: center;gap: 10px;font-size: 0.8rem;font-weight: 700;letter-spacing: 1.5px;}
.nims-pagebanner-breadcrumb .crumb-item {color: #8a94a6;}
.nims-pagebanner-breadcrumb .crumb-item.active {color: #8a94a6;}
.nims-pagebanner-breadcrumb .crumb-sep {color: var(--nims-orange, #f47521);font-size: 0.75rem;}
.nims-about2-sec {position: relative;padding: 5rem 0;overflow: hidden;}
.nims-about2-bgicon {position: absolute;top: -18px;left: 0px;width: 380px;opacity: 0.7;z-index: 0;pointer-events: none;}
.nims-about2-sec .container { position: relative; z-index: 1; }
.nims-about2-eyebrow {display: block;font-size: 0.9rem;font-weight: 700;color: #f47521;margin-bottom: 0.6rem;}
.nims-about2-heading {font-weight: 800;font-size: 2.4rem;line-height: 1.25;/* color: #0e1b33; */margin-bottom: 1.3rem;}
.nims-about2-para {font-size: 1rem;line-height: 1.85;color: #000;margin-bottom: 1.4rem;}
.nims-about2-subheading {font-weight: 700;font-size: 1.15rem;line-height: 1.5;color: #0e1b33;margin-bottom: 1.6rem;}
.nims-about2-certs {display: flex;gap: 1rem;flex-wrap: wrap;}
.nims-about2-certs img {width: 140px;height: 100px;object-fit: cover;border-radius: 6px;border: 1px solid #e7ebf1;}
 
.nims-about2-media {position: relative;padding-bottom: 90px;padding-right: 40px;}
.nims-about2-mainimg {width: 100%;height: 460px;object-fit: cover;border-radius: 10px;}
.nims-about2-overlapimg {position: absolute;right: 0;bottom: 0;width: 220px;height: 190px;object-fit: cover;border-radius: 10px;
    border: 6px solid #fff;box-shadow: 0 10px 30px rgba(14, 27, 51, 0.18);}
.nims-about2-badge {position: absolute;top: -20px;right: 10px;width: 130px;height: 130px;z-index: 2;}
.nims-about2-badge-spin {width: 100%;height: 100%;animation: nims-badge-rotate 14s linear infinite;}
.nims-about2-badge-spin text {font-size: 0.65rem;font-weight: 700;letter-spacing: 1.5px;fill: #f47521;text-transform: uppercase;}
.nims-about2-badge-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #f47521;font-size: 3.0rem;opacity: 0.7;}
 
@keyframes nims-badge-rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.nims-stats-sec {position: relative;padding: 4rem 0;overflow: hidden;background: #081839;}
.nims-stats-hexbg {position: absolute;inset: 0;z-index: 0;opacity: 0.5;background-image: url("../../assets/images/shape/bg-03.png");
    background-repeat: repeat;background-size: 120px 104px;}
.nims-stats-item { position: relative; z-index: 1; }
.nims-stats-icon {font-size: 3.9rem;color: var(--nims-teal, #1bbde4);margin-bottom: 1rem;display: inline-block;}
.nims-stats-label {font-size: 1.1rem;font-weight: 600;color: #FFF;margin-bottom: 0.6rem;}
.nims-stats-count {font-family: var(--font-family-Roboto);font-size: 2.7rem;font-weight: 800;color: #FFF;}
.nims-stats-suffix {font-size: 1.9rem;font-weight: 800;color: #FFF;margin-left: 2px;}


.nims-vm2-sec {
    padding: 5rem 0;
    background: #fff;
}
 
.nims-vm2-media img {
    width: 100%;
    height: 690px;
    object-fit: cover;
    border-radius: 10px;
}
 
.nims-vm2-heading {
    font-weight: 800;
    font-size: 2.3rem;
    line-height: 1.3;
    color: #0e1b33;
    margin-bottom: 1.2rem;
}
 
.nims-vm2-intro {
    font-size: 1rem;
    line-height: 1.75;
    color: #000;
    margin-bottom: 1.8rem;
}
 
.nims-vm2-cards { display: flex; flex-direction: column; gap: 1.5rem; }
 
.nims-vm2-card {
    display: flex;
    gap: 1.2rem;
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem 1.6rem;
    box-shadow: 0 6px 24px rgba(20, 20, 40, 0.06);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
 
.nims-vm2-icon {
    flex-shrink: 0;
    font-size: 2.4rem;
    line-height: 1;
    color: var(--nims-pink, #1bbde4);
    transition: color 0.3s ease;
}
 
.nims-vm2-body h5 {
    font-weight: 700;
    font-size: 1.5rem;
    color: #1c2534;
    margin-bottom: 0.5rem;
    transition: color 0.3s ease;
}
 
.nims-vm2-body p {
    font-size: 0.92rem;
    line-height: 1.75;
    color: #000;
    margin-bottom: 0;
    transition: color 0.3s ease;
}
 
/* ---- active / hover highlighted state ---- */
.nims-vm2-card.is-active,
.nims-vm2-card:hover {
    background: var(--nims-purple, #0e1b33);
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(58, 23, 71, 0.28);
}
 
.nims-vm2-card.is-active .nims-vm2-body h5,
.nims-vm2-card:hover .nims-vm2-body h5 {
    color: #fff;
}
 
.nims-vm2-card.is-active .nims-vm2-body p,
.nims-vm2-card:hover .nims-vm2-body p {
    color: #d8cfe0;
}
 
.nims-vm2-card.is-active .nims-vm2-icon,
.nims-vm2-card:hover .nims-vm2-icon {
    color: #fff;
}
 
/* ===================== RESPONSIVE ===================== */
@media (max-width: 991.98px) {
    .nims-vm2-heading { font-size: 1.9rem; }
    .nims-vm2-media img { height: 420px; margin-bottom: 1rem; }
}
 
@media (max-width: 767.98px) {
    .nims-vm2-sec { padding: 3rem 0; }
    .nims-vm2-heading { font-size: 1.5rem; }
    .nims-vm2-media img { height: 260px; }
    .nims-vm2-card { flex-direction: column; gap: 0.6rem; padding: 1.2rem; }
    .nims-vm2-icon { font-size: 1.9rem; }
}



@media (max-width: 991.98px) {
    .nims-about2-badge { display: none; }
    .nims-about2-mainimg { height: 360px; }
    .nims-about2-media { padding-bottom: 70px; padding-right: 20px; }
    .nims-about2-overlapimg { width: 170px; height: 150px; }
    .nims-pagebanner { min-height: 260px; }
    .nims-pagebanner-title { font-size: 2rem; }
    .nims-pagebanner-content { max-width: 100%; }
}
@media (max-width: 767.98px) {
     .nims-about2-sec { padding: 3rem 0; }
    .nims-about2-heading { font-size: 1.7rem; }
    .nims-about2-bgicon { display: none; }
    .nims-about2-certs img { width: 100px; height: 75px; }
    .nims-about2-mainimg { height: 260px; }
    .nims-stats-sec { padding: 2.5rem 0; }
    .nims-stats-icon { font-size: 2.1rem; }
    .nims-stats-count { font-size: 1.6rem; }
    .nims-stats-suffix { font-size: 1.2rem; }
    .nims-stats-label { font-size: 0.82rem; }
     /* .nims-pagebanner {min-height: 220px;background-image:linear-gradient(180deg,
                #ffffff 0%,
                rgba(255,255,255,0.85) 40%,
                rgba(255,255,255,0.35) 70%,
                rgba(255,255,255,0) 100%
            ),
            var(--banner-bg);
        background-position: center 20%;
    } */
    .nims-pagebanner-title { font-size: 1.5rem; }
    .nims-pagebanner-breadcrumb { font-size: 0.7rem; }
}