/* =====================================================================
   home-pages.css
   Every internal <style> block and inline style="" attribute that used
   to live in Views/Home/*.cshtml, Views/Shared/_Layout.cshtml and
   Views/Shared/DeptSidebar/*.cshtml.

   The four sections are ordered to reproduce the cascade the browser
   used to see, because a <style> block that came later in the document
   won ties against an earlier one:
     1. _Layout rules       - the layout's blocks sit above @RenderBody
     2. page rules          - each view's own blocks
     3. DeptSidebar rules   - the partial is rendered below the page's
                              own <style>, so it still wins those ties
     4. .ic-* utilities     - were inline style="", which beat every
                              stylesheet, so they come last

   Page rules are wrapped in :where(body.page-x). :where() scopes a rule
   to one page without adding any specificity, so a selector that several
   pages define differently (body, table, .content-box, .faculty-card ...)
   stays per-page while keeping exactly the weight it had before.
   The matching class is emitted on <body> by _Layout.cshtml from
   ViewBag.PageCss, which every view sets at the top.
   Sidebar rules are scoped the same way, to the list of pages that
   actually render that partial.
   ===================================================================== */

/* =====================================================================
   1. LAYOUT (global)
   ===================================================================== */

/* ---- _Layout.cshtml ---- */
.college-header .college-heading {
    text-align: left !important;
}
.college-header {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) 150px;
    column-gap: clamp(12px, 1.5vw, 24px);
    align-items: center;
    margin: 0;
    padding-left: clamp(12px, 2vw, 28px);
    padding-right: clamp(12px, 2vw, 28px);
}
.college-header-logo,
.college-header-title,
.college-header-aktu {
    min-width: 0;
}
.college-header .college-logo {
    display: block;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    object-fit: contain;
    border-radius: 50%;
    padding: 0 !important;
}
.college-header .college-name-hindi {
    color: #dd572a;
    margin-top: 10px;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    font-weight: 700;
    font-size: clamp(22px, 2.2vw, 30px);
    line-height: 1.3;
}
.college-header .college-name-english {
    color: var(--brand, #0747ae);
    margin-top: 3px;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    font-size: clamp(16px, 1.45vw, 20px);
    font-weight: 700;
    line-height: 1.35;
}
.college-header .college-affiliation {
    margin-top: 10px;
    font-size: clamp(15px, 1.4vw, 20px);
    line-height: 1.4;
}
.college-header .aktu-logo-image {
    display: block;
    width: 110px !important;
    height: 110px !important;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}
.college-header .college-code {
    margin: 1rem 0 0;
    font-size: clamp(14px, 1.15vw, 18px);
    white-space: nowrap;
}
@media (max-width: 991.98px) {
    .college-header {
        grid-template-columns: 110px minmax(0, 1fr) 130px;
        column-gap: 12px;
    }
    .college-header .college-heading {
        text-align: center !important;
    }
    .college-header .college-heading h6,
    .college-header .college-heading h5,
    .college-header .college-heading p {
        margin-left: 0 !important;
    }
}
@media (max-width: 767.98px) {
    .college-header {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 8px;
    }
    .college-header-aktu {
        display: none !important;
    }
    .college-header .college-logo {
        width: 110px !important;
        height: 110px !important;
    }
    .top-bar {
        justify-content: center !important;
        gap: 8px;
        text-align: center;
    }
    .top-bar > div:first-child,
    .top-bar > div:last-child {
        width: 100%;
        justify-content: center;
    }
}
.site-navbar-wrap .navbar-nav .nav-link {
    font-size: var(--fs-base, 16px) !important;
    color: white;
    font-weight: 700;
}
.site-navbar-wrap .dropdown-submenu {
    position: relative;
}
.site-navbar-wrap .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    font-size: var(--fs-base, 16px);
    margin-top: -1px;
}
.site-navbar-wrap .dropdown-item {
    font-size: var(--fs-base, 16px) !important;
    border-bottom: 1px solid white;
}
.site-navbar-wrap {
    z-index: 1090 !important;
    overflow: visible !important;
}
.site-navbar-wrap .navbar,
.site-navbar-wrap .navbar-collapse,
.site-navbar-wrap .navbar-nav {
    overflow: visible !important;
}
#navbarSupportedContent .navbar-nav > .dropdown > .dropdown-menu.show,
#navbarSupportedContent .dropdown-submenu > .dropdown-menu.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1100 !important;
}
/* Hover/focus only opens menus on real pointer devices. On touch the sticky
               :hover state left menus half-open and swallowed taps on the submenu links. */
@media (hover: hover) and (pointer: fine) {
    #navbarSupportedContent .navbar-nav > .dropdown:hover > .dropdown-menu,
    #navbarSupportedContent .navbar-nav > .dropdown:focus-within > .dropdown-menu,
    #navbarSupportedContent .dropdown-submenu:hover > .dropdown-menu,
    #navbarSupportedContent .dropdown-submenu:focus-within > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 1100 !important;
    }
}
#navbarSupportedContent .navbar-nav > .dropdown > .dropdown-menu {
    top: 100% !important;
    left: 0 !important;
    margin-top: 0 !important;
}
#navbarSupportedContent .dropdown-submenu > .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: 0 !important;
}
.site-navbar-wrap .navbar {
    min-height: 56px;
}
.site-navbar-wrap .navbar-brand {
    display: none;
    margin: 0;
    padding: 0;
}
.site-navbar-wrap .navbar .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.site-navbar-wrap #navbarSupportedContent,
.site-navbar-wrap .navbar-nav {
    width: 100%;
}
.site-navbar-wrap .navbar-nav {
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
}
.site-navbar-wrap .navbar-nav > .nav-item {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
}
.site-navbar-wrap .navbar-nav > .nav-item > .nav-link {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    letter-spacing: .4px;
    white-space: nowrap;
    padding: .75rem clamp(.35rem, .75vw, .9rem) !important;
}
@media (max-width: 1199.98px) {
    .site-navbar-wrap .navbar {
        min-height: 54px;
    }
    /* Override the legacy Bootstrap 3 min-width:768px collapse rule. */
    .site-navbar-wrap #navbarSupportedContent.collapse:not(.show) {
        display: none !important;
        height: 0 !important;
    }
    .site-navbar-wrap #navbarSupportedContent.collapse.show {
        display: block !important;
        height: auto !important;
    }
    .site-navbar-wrap #navbarSupportedContent.collapsing {
        display: block !important;
        height: 0;
        overflow: hidden !important;
    }
    .site-navbar-wrap .navbar-toggler {
        margin-left: auto;
        margin-right: 12px;
        padding: 6px 9px;
        background-color: #ffffff !important;
        border: 1px solid #ffffff !important;
        border-radius: 4px;
        box-shadow: none;
    }
    .site-navbar-wrap .navbar-toggler:focus {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
    }
    .site-navbar-wrap .navbar-toggler-icon {
        filter: invert(1);
    }
    .site-navbar-wrap .navbar-collapse {
        margin-top: 8px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .site-navbar-wrap .navbar-nav {
        width: 100%;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }
    .site-navbar-wrap .navbar-nav > .nav-item {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        text-align: left;
    }
    .site-navbar-wrap .navbar-nav > .nav-item > .nav-link {
        display: block;
        padding-left: 12px !important;
        padding-right: 12px !important;
        text-align: left;
    }
    .site-navbar-wrap #navbarSupportedContent .dropdown-menu,
    .site-navbar-wrap #navbarSupportedContent .dropdown-submenu > .dropdown-menu {
        position: static !important;
        /* Legacy Bootstrap 3 is still loaded and floats .dropdown-menu; pin it
        down so an open menu can never drop out of flow on mobile. */
        float: none !important;
        width: 100% !important;
        max-width: 100%;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box;
    }
    .site-navbar-wrap #navbarSupportedContent .dropdown-item {
        width: 100%;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        box-sizing: border-box;
    }
}


/* =====================================================================
   2. PAGE RULES (scoped per view)
   ===================================================================== */

/* ---- ACADEMICS_Officials.cshtml  (scope: body.page-academics-officials) ---- */
@media(max-width:1100px) {
    :where(body.page-academics-officials) .gdgd {
        height: 200px !important;
    }
    :where(body.page-academics-officials) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- AICTEAffiliation.cshtml  (scope: body.page-aicteaffiliation) ---- */
@media(max-width:1100px) {
    :where(body.page-aicteaffiliation) .gdgd {
        height: 200px !important;
    }
    :where(body.page-aicteaffiliation) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- ASH.cshtml  (scope: body.page-ash) ---- */
:where(body.page-ash) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ash) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ash) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ash) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ash) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ash) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ash) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ash) hr {
    border: 1px solid #000;
}
:where(body.page-ash) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- ASH_Facilities.cshtml  (scope: body.page-ash-facilities) ---- */
:where(body.page-ash-facilities) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-facilities) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ash-facilities) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ash-facilities) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ash-facilities) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ash-facilities) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ash-facilities) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
    height: 100% !important;
}
:where(body.page-ash-facilities) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ash-facilities) hr {
    border: 1px solid #000;
}
:where(body.page-ash-facilities) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-facilities) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- ASH_Faculty.cshtml  (scope: body.page-ash-faculty) ---- */
:where(body.page-ash-faculty) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-faculty) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ash-faculty) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ash-faculty) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ash-faculty) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ash-faculty) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ash-faculty) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ash-faculty) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ash-faculty) hr {
    border: 1px solid #000;
}
:where(body.page-ash-faculty) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-faculty) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-ash-faculty) .faculty-card {
    border: 1px dashed black;
    border-radius: 0px;
    overflow: hidden;
    transition: 0.3s ease;
    height: 100%;
    background: #fff;
}
:where(body.page-ash-faculty) .faculty-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}
:where(body.page-ash-faculty) .faculty-card img {
    width: 100%;
    height: 260px;
    object-fit: center;
}
:where(body.page-ash-faculty) .faculty-card .card-body {
    text-align: center;
    padding: 15px;
}
:where(body.page-ash-faculty) .faculty-card h5 {
    font-size: var(--fs-md, 18px);
    font-weight: 700;
    color: var(--brand, #0747ae);
    margin-bottom: 5px;
}
:where(body.page-ash-faculty) .faculty-card p {
    font-size: var(--fs-base, 16px);
    margin-bottom: -5px;
    color:black !important;
}
:where(body.page-ash-faculty) .faculty-card span {
    font-size: var(--fs-base, 16px);
    color:black !important;
}

/* ---- ASH_Mision.cshtml  (scope: body.page-ash-mision) ---- */
:where(body.page-ash-mision) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-mision) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ash-mision) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ash-mision) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ash-mision) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ash-mision) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ash-mision) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ash-mision) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ash-mision) hr {
    border: 1px solid #000;
}
:where(body.page-ash-mision) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-mision) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-ash-mision) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-ash-mision) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-ash-mision) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-ash-mision) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-ash-mision) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-ash-mision) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-ash-mision) .bg-welfare-left {
    height: auto;
}
:where(body.page-ash-mision) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-ash-mision) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-ash-mision) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-ash-mision) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-ash-mision) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-ash-mision) .col-lg-3,
    :where(body.page-ash-mision) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-ash-mision) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-ash-mision) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-ash-mision) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-ash-mision) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-ash-mision) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-ash-mision) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-ash-mision) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-ash-mision) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-ash-mision) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-ash-mision) .content-box {
        padding: 15px;
    }
    :where(body.page-ash-mision) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- ASH_Vision.cshtml  (scope: body.page-ash-vision) ---- */
:where(body.page-ash-vision) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-vision) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ash-vision) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ash-vision) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ash-vision) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ash-vision) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ash-vision) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ash-vision) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ash-vision) hr {
    border: 1px solid #000;
}
:where(body.page-ash-vision) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ash-vision) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- About.cshtml  (scope: body.page-about) ---- */
:where(body.page-about) .about-section {
    padding: 30px 0;
}
:where(body.page-about) .about-image {
    width: 100%;
    height: 38rem;
    border-radius: 10px;
    box-shadow: 3px 5px 10px rgba(130, 130, 130, 0.5);
}
:where(body.page-about) .about-heading {
    font-size: var(--fs-xl, 24px);
    font-weight: 700;
    color: var(--brand, #0747ae);
    border-bottom: 2px solid #D3d3d3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
:where(body.page-about) .about-text {
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #000;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
@media (max-width: 991.98px) {
    :where(body.page-about) .about-content {
        padding-top: 20px;
    }
    :where(body.page-about) .about-heading {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-about) .about-text {
        font-size: var(--fs-base, 16px);
    }
}
@media (max-width: 575.98px) {
    :where(body.page-about) .about-heading {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-about) .about-text {
        font-size: var(--fs-base, 16px);
    }
}

/* ---- Academic_Calendar.cshtml  (scope: body.page-academic-calendar) ---- */
@media(max-width:1100px) {
    :where(body.page-academic-calendar) .gdgd {
        height: 200px !important;
    }
    :where(body.page-academic-calendar) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- Accreditations.cshtml  (scope: body.page-accreditations) ---- */
@media(max-width:1100px) {
    :where(body.page-accreditations) .gdgd {
        height: 200px !important;
    }
    :where(body.page-accreditations) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- AffiliationLetter.cshtml  (scope: body.page-affiliationletter) ---- */
@media(max-width:1100px) {
    :where(body.page-affiliationletter) .gdgd {
        height: 200px !important;
    }
    :where(body.page-affiliationletter) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- Applied_Thermodynamics_Lab.cshtml  (scope: body.page-applied-thermodynamics-lab) ---- */
:where(body.page-applied-thermodynamics-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-applied-thermodynamics-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-applied-thermodynamics-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-applied-thermodynamics-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-applied-thermodynamics-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-applied-thermodynamics-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-applied-thermodynamics-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-applied-thermodynamics-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-applied-thermodynamics-lab) hr {
    border: 1px solid #000;
}
:where(body.page-applied-thermodynamics-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-applied-thermodynamics-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-applied-thermodynamics-lab) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-applied-thermodynamics-lab) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-applied-thermodynamics-lab) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-applied-thermodynamics-lab) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- Artificial_Intelligence_Machine_Learning_Lab.cshtml  (scope: body.page-artificial-intelligence-machine-learning-lab) ---- */
:where(body.page-artificial-intelligence-machine-learning-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-artificial-intelligence-machine-learning-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-artificial-intelligence-machine-learning-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-artificial-intelligence-machine-learning-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-artificial-intelligence-machine-learning-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-artificial-intelligence-machine-learning-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-artificial-intelligence-machine-learning-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-artificial-intelligence-machine-learning-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-artificial-intelligence-machine-learning-lab) hr {
    border: 1px solid #000;
}
:where(body.page-artificial-intelligence-machine-learning-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-artificial-intelligence-machine-learning-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Basic_Electrical_Engineering_Lab.cshtml  (scope: body.page-basic-electrical-engineering-lab) ---- */
:where(body.page-basic-electrical-engineering-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-basic-electrical-engineering-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-basic-electrical-engineering-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-basic-electrical-engineering-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-basic-electrical-engineering-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-basic-electrical-engineering-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-basic-electrical-engineering-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-basic-electrical-engineering-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-basic-electrical-engineering-lab) hr {
    border: 1px solid #000;
}
:where(body.page-basic-electrical-engineering-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-basic-electrical-engineering-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Building_Planning_and_Drawing_Lab.cshtml  (scope: body.page-building-planning-and-drawing-lab) ---- */
:where(body.page-building-planning-and-drawing-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-building-planning-and-drawing-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-building-planning-and-drawing-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-building-planning-and-drawing-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-building-planning-and-drawing-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-building-planning-and-drawing-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-building-planning-and-drawing-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-building-planning-and-drawing-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-building-planning-and-drawing-lab) hr {
    border: 1px solid #000;
}
:where(body.page-building-planning-and-drawing-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-building-planning-and-drawing-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CAD_Lab.cshtml  (scope: body.page-cad-lab) ---- */
:where(body.page-cad-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cad-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cad-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cad-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cad-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cad-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cad-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cad-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cad-lab) hr {
    border: 1px solid #000;
}
:where(body.page-cad-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cad-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CE.cshtml  (scope: body.page-ce) ---- */
:where(body.page-ce) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
@media (max-width: 768px) {
    :where(body.page-ce) h1 {
        font-size: 1.6rem !important;
    }
    :where(body.page-ce) .dept-img {
        width: 100% !important;
        margin-top: 15px;
    }
    :where(body.page-ce) .intro-section {
        min-height: 200px !important;
        padding: 40px 10px !important;
        text-align: center;
    }
    :where(body.page-ce) .intro-section h3 {
        font-size: 1.5rem !important;
    }
    :where(body.page-ce) .breadcrumb {
        flex-direction: column !important;
        align-items: center !important;
    }
}
@media(max-width:1100px) {
    :where(body.page-ce) .gdgd {
        height: 200px !important;
    }
    :where(body.page-ce) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- CENTRAL_LIBRARY.cshtml  (scope: body.page-central-library) ---- */
:where(body.page-central-library) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-central-library) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-central-library) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-central-library) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-central-library) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-central-library) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-central-library) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-central-library) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-central-library) hr {
    border: 1px solid #000;
}
:where(body.page-central-library) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-central-library) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CS.cshtml  (scope: body.page-cs) ---- */
:where(body.page-cs) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cs) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cs) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cs) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cs) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cs) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cs) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cs) hr {
    border: 1px solid #000;
}
:where(body.page-cs) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CSE.cshtml  (scope: body.page-cse) ---- */
:where(body.page-cse) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
@media(max-width:1100px) {
    :where(body.page-cse) .gdgd {
        height: 200px !important;
    }
    :where(body.page-cse) .fgfg {
        font-size: 1.1em;
    }
}
@media(max-width: 768px) {
    :where(body.page-cse) .cse-heading {
        font-size: 1.5rem;
        text-align: center;
    }
    :where(body.page-cse) .breadcrumb-cse {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    :where(body.page-cse) .breadcrumb-cse i {
        display: none;
    }
    :where(body.page-cse) .cse-img {
        width: 100%;
        margin-bottom: 20px;
    }
    :where(body.page-cse) .cse-content {
        text-align: justify;
    }
}
@media(max-width:1100px) {
    :where(body.page-cse) .gdgd {
        height: 200px !important;
    }
    :where(body.page-cse) .fgfg {
        font-size: 1.1em;
    }
}
:where(body.page-cse) .table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
:where(body.page-cse) .table th,
:where(body.page-cse) .table td {
    border: 1px solid #dee2e6;
    padding: 12px;
    vertical-align: middle;
    text-align: center;
}
:where(body.page-cse) .table thead th {
    background-color: var(--brand, #0747ae);
    color: white;
    font-size: var(--fs-base, 16px);
}
:where(body.page-cse) .table tbody {
    font-size: var(--fs-base, 16px);
}
:where(body.page-cse) .table td a {
    text-decoration: none;
}
:where(body.page-cse) .table td a:hover {
    text-decoration: underline;
}

/* ---- CS_Faculty.cshtml  (scope: body.page-cs-faculty) ---- */
:where(body.page-cs-faculty) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-faculty) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cs-faculty) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cs-faculty) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cs-faculty) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cs-faculty) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cs-faculty) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cs-faculty) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cs-faculty) hr {
    border: 1px solid #000;
}
:where(body.page-cs-faculty) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-faculty) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-cs-faculty) .faculty-card {
    border: 1px dashed black;
    border-radius: 0px;
    overflow: hidden;
    transition: 0.3s ease;
    height: 100%;
    background: #fff;
}
:where(body.page-cs-faculty) .faculty-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}
:where(body.page-cs-faculty) .faculty-card img {
    width: 100%;
    height: 260px;
    object-fit: center;
}
:where(body.page-cs-faculty) .faculty-card .card-body {
    text-align: center;
    padding: 15px;
}
:where(body.page-cs-faculty) .faculty-card h5 {
    font-size: var(--fs-md, 18px);
    font-weight: 600;
    color: var(--brand, #0747ae);
    margin-bottom: 5px;
}
:where(body.page-cs-faculty) .faculty-card p {
    font-size: var(--fs-base, 16px);
    margin-bottom: -5px;
}
:where(body.page-cs-faculty) .faculty-card span {
    font-size: var(--fs-base, 16px);
    color: #555;
}

/* ---- CS_Mission.cshtml  (scope: body.page-cs-mission) ---- */
:where(body.page-cs-mission) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-mission) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cs-mission) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cs-mission) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cs-mission) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cs-mission) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cs-mission) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cs-mission) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cs-mission) hr {
    border: 1px solid #000;
}
:where(body.page-cs-mission) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-mission) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-cs-mission) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-cs-mission) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-cs-mission) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-cs-mission) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-cs-mission) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-cs-mission) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-cs-mission) .bg-welfare-left {
    height: auto;
}
:where(body.page-cs-mission) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-cs-mission) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-cs-mission) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-cs-mission) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-cs-mission) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-cs-mission) .col-lg-3,
    :where(body.page-cs-mission) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-cs-mission) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-cs-mission) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-cs-mission) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-cs-mission) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-cs-mission) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-cs-mission) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-cs-mission) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-cs-mission) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-cs-mission) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-cs-mission) .content-box {
        padding: 15px;
    }
    :where(body.page-cs-mission) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- CS_Programmes_offered.cshtml  (scope: body.page-cs-programmes-offered) ---- */
:where(body.page-cs-programmes-offered) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-programmes-offered) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cs-programmes-offered) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cs-programmes-offered) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cs-programmes-offered) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cs-programmes-offered) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cs-programmes-offered) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cs-programmes-offered) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cs-programmes-offered) hr {
    border: 1px solid #000;
}
:where(body.page-cs-programmes-offered) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-programmes-offered) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-cs-programmes-offered) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 15px;
}
:where(body.page-cs-programmes-offered) table th,
:where(body.page-cs-programmes-offered) table td {
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
}
:where(body.page-cs-programmes-offered) table th {
    background: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
}

/* ---- CS_Vision.cshtml  (scope: body.page-cs-vision) ---- */
:where(body.page-cs-vision) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-vision) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cs-vision) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cs-vision) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cs-vision) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cs-vision) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cs-vision) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cs-vision) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cs-vision) hr {
    border: 1px solid #000;
}
:where(body.page-cs-vision) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cs-vision) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CVLE.cshtml  (scope: body.page-cvle) ---- */
:where(body.page-cvle) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cvle) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cvle) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cvle) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cvle) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cvle) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cvle) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cvle) hr {
    border: 1px solid #000;
}
:where(body.page-cvle) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CVLE_Facilities.cshtml  (scope: body.page-cvle-facilities) ---- */
:where(body.page-cvle-facilities) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-facilities) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cvle-facilities) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cvle-facilities) .bg-welfare-left ul li {
    margin-top: 16px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cvle-facilities) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cvle-facilities) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cvle-facilities) hr {
    border: 1px solid #000;
}
:where(body.page-cvle-facilities) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
}
:where(body.page-cvle-facilities) table th,
:where(body.page-cvle-facilities) table td {
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
}
:where(body.page-cvle-facilities) table th {
    background: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
}

/* ---- CVLE_Faculty.cshtml  (scope: body.page-cvle-faculty) ---- */
:where(body.page-cvle-faculty) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-faculty) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cvle-faculty) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cvle-faculty) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cvle-faculty) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cvle-faculty) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cvle-faculty) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cvle-faculty) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cvle-faculty) hr {
    border: 1px solid #000;
}
:where(body.page-cvle-faculty) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-faculty) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-cvle-faculty) .faculty-card {
    border: 1px dashed black;
    border-radius: 0px;
    overflow: hidden;
    transition: 0.3s ease;
    height: 100%;
    background: #fff;
}
:where(body.page-cvle-faculty) .faculty-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}
:where(body.page-cvle-faculty) .faculty-card img {
    width: 100%;
    height: 260px;
    object-fit: center;
}
:where(body.page-cvle-faculty) .faculty-card .card-body {
    text-align: center;
    padding: 15px;
}
:where(body.page-cvle-faculty) .faculty-card h5 {
    font-size: var(--fs-md, 18px);
    font-weight: 600;
    color: var(--brand, #0747ae);
    margin-bottom: 5px;
}
:where(body.page-cvle-faculty) .faculty-card p {
    font-size: var(--fs-base, 16px);
    margin-bottom: -5px;
}
:where(body.page-cvle-faculty) .faculty-card span {
    font-size: var(--fs-base, 16px);
    color: #555;
}

/* ---- CVLE_Mission.cshtml  (scope: body.page-cvle-mission) ---- */
:where(body.page-cvle-mission) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-mission) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cvle-mission) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cvle-mission) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cvle-mission) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cvle-mission) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cvle-mission) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cvle-mission) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cvle-mission) hr {
    border: 1px solid #000;
}
:where(body.page-cvle-mission) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-mission) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CVLE_Offer_Courses.cshtml  (scope: body.page-cvle-offer-courses) ---- */
:where(body.page-cvle-offer-courses) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-offer-courses) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cvle-offer-courses) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cvle-offer-courses) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cvle-offer-courses) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cvle-offer-courses) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cvle-offer-courses) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cvle-offer-courses) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cvle-offer-courses) hr {
    border: 1px solid #000;
}
:where(body.page-cvle-offer-courses) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-offer-courses) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- CVLE_Vision.cshtml  (scope: body.page-cvle-vision) ---- */
:where(body.page-cvle-vision) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-vision) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-cvle-vision) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-cvle-vision) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-cvle-vision) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-cvle-vision) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-cvle-vision) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-cvle-vision) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-cvle-vision) hr {
    border: 1px solid #000;
}
:where(body.page-cvle-vision) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-cvle-vision) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Circuit_Simulation_Lab.cshtml  (scope: body.page-circuit-simulation-lab) ---- */
:where(body.page-circuit-simulation-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-circuit-simulation-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-circuit-simulation-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-circuit-simulation-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-circuit-simulation-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-circuit-simulation-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-circuit-simulation-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-circuit-simulation-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-circuit-simulation-lab) hr {
    border: 1px solid #000;
}
:where(body.page-circuit-simulation-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-circuit-simulation-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- ComputerAided_Design_Lab.cshtml  (scope: body.page-computeraided-design-lab) ---- */
:where(body.page-computeraided-design-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-computeraided-design-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-computeraided-design-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-computeraided-design-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-computeraided-design-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-computeraided-design-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-computeraided-design-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-computeraided-design-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-computeraided-design-lab) hr {
    border: 1px solid #000;
}
:where(body.page-computeraided-design-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-computeraided-design-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-computeraided-design-lab) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-computeraided-design-lab) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-computeraided-design-lab) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-computeraided-design-lab) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- Computer_Networks_Lab.cshtml  (scope: body.page-computer-networks-lab) ---- */
:where(body.page-computer-networks-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-computer-networks-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-computer-networks-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-computer-networks-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-computer-networks-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-computer-networks-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-computer-networks-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-computer-networks-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-computer-networks-lab) hr {
    border: 1px solid #000;
}
:where(body.page-computer-networks-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-computer-networks-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Course_Of_study.cshtml  (scope: body.page-course-of-study) ---- */
@media(max-width:1100px) {
    :where(body.page-course-of-study) .gdgd {
        height: 200px !important;
    }
    :where(body.page-course-of-study) .fgfg {
        font-size: 1.1em;
    }
}
:where(body.page-course-of-study) .content-section {
    background: linear-gradient(to right, #f9f9f9, #fff);
}
:where(body.page-course-of-study) .department-card {
    transition: all 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(200, 200, 200, 0.3);
}
:where(body.page-course-of-study) .department-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}
:where(body.page-course-of-study) h3.text-primary {
    color: #b22222 !important;
}
@media (max-width: 768px) {
    :where(body.page-course-of-study) .department-card {
        text-align: center;
    }
    :where(body.page-course-of-study) .department-card img {
        max-height: 250px;
        object-fit: cover;
    }
}

/* ---- Data_Structures_Algorithms_Lab.cshtml  (scope: body.page-data-structures-algorithms-lab) ---- */
:where(body.page-data-structures-algorithms-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-data-structures-algorithms-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-data-structures-algorithms-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-data-structures-algorithms-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-data-structures-algorithms-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-data-structures-algorithms-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-data-structures-algorithms-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-data-structures-algorithms-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-data-structures-algorithms-lab) hr {
    border: 1px solid #000;
}
:where(body.page-data-structures-algorithms-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-data-structures-algorithms-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Database_Management_Systems_Lab.cshtml  (scope: body.page-database-management-systems-lab) ---- */
:where(body.page-database-management-systems-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-database-management-systems-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-database-management-systems-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-database-management-systems-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-database-management-systems-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-database-management-systems-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-database-management-systems-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-database-management-systems-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-database-management-systems-lab) hr {
    border: 1px solid #000;
}
:where(body.page-database-management-systems-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-database-management-systems-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Dean_Academics.cshtml  (scope: body.page-dean-academics) ---- */
:where(body.page-dean-academics) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 10px;
}
:where(body.page-dean-academics) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #fff;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-dean-academics) .bg-welfare-left h3 {
    font-size: var(--fs-xl, 24px);
}
:where(body.page-dean-academics) .text-justify {
    text-align: justify;
}
:where(body.page-dean-academics) .welfare-font {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    color: #000;
}

/* ---- Dean_Student_Welfare.cshtml  (scope: body.page-dean-student-welfare) ---- */
:where(body.page-dean-student-welfare) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 10px;
}
:where(body.page-dean-student-welfare) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #fff;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-dean-student-welfare) .bg-welfare-left h3 {
    font-size: var(--fs-xl, 24px);
}
:where(body.page-dean-student-welfare) .text-justify {
    text-align: justify;
}
:where(body.page-dean-student-welfare) .welfare-font {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    color: #000;
}

/* ---- Demo.cshtml  (scope: body.page-demo) ---- */
:where(body.page-demo) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-demo) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-demo) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-demo) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-demo) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-demo) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-demo) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-demo) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-demo) hr {
    border: 1px solid #000;
}
:where(body.page-demo) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-demo) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-demo) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-demo) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-demo) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-demo) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-demo) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-demo) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-demo) .bg-welfare-left {
    height: auto;
}
:where(body.page-demo) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-demo) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-demo) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-demo) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-demo) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-demo) .col-lg-3,
    :where(body.page-demo) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-demo) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-demo) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-demo) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-demo) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-demo) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-demo) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-demo) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-demo) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-demo) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-demo) .content-box {
        padding: 15px;
    }
    :where(body.page-demo) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- Dept_Faculty.cshtml  (scope: body.page-dept-faculty) ---- */
:where(body.page-dept-faculty) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-dept-faculty) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-dept-faculty) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-dept-faculty) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-dept-faculty) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-dept-faculty) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-dept-faculty) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-dept-faculty) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-dept-faculty) hr {
    border: 1px solid #000;
}
:where(body.page-dept-faculty) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-dept-faculty) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-dept-faculty) .faculty-card {
    border: 1px dashed black;
    border-radius: 0px;
    overflow: hidden;
    transition: 0.3s ease;
    height: 100%;
    background: #fff;
}
:where(body.page-dept-faculty) .faculty-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}
:where(body.page-dept-faculty) .faculty-card img {
    width: 100%;
    height: 260px;
    object-fit: center;
}
:where(body.page-dept-faculty) .faculty-card .card-body {
    text-align: center;
    padding: 15px;
}
:where(body.page-dept-faculty) .faculty-card h5 {
    font-size: var(--fs-md, 18px);
    font-weight: 600;
    color: var(--brand, #0747ae);
    margin-bottom: 5px;
}
:where(body.page-dept-faculty) .faculty-card p {
    font-size: var(--fs-base, 16px);
    margin-bottom: -5px;
}
:where(body.page-dept-faculty) .faculty-card span {
    font-size: var(--fs-base, 16px);
    color: #555;
}
:where(body.page-dept-faculty) .btn-profile {
    font-size: var(--fs-base, 16px);
    padding: 5px 15px;
    border-radius: 20px;
}

/* ---- Director.cshtml  (scope: body.page-director) ---- */
:where(body.page-director) .director-section {
    background-image: url('/Content/img/bgimg/bg1.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
:where(body.page-director) .profile-card {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
}
:where(body.page-director) .profile-image {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--brand, #0747ae);
    margin-bottom: 15px;
}
:where(body.page-director) .info-line {
    line-height: 1.8rem;
}
@media(max-width: 768px) {
    :where(body.page-director) .profile-image {
        width: 180px;
        height: 180px;
    }
    :where(body.page-director) .profile-card {
        text-align: center;
    }
    :where(body.page-director) .info-line {
        text-align: center;
    }
}
@media(max-width:1100px) {
    :where(body.page-director) .gdgd {
        height: 200px !important;
    }
    :where(body.page-director) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- DirectorMessage.cshtml  (scope: body.page-directormessage) ---- */
@media(max-width:1100px) {
    :where(body.page-directormessage) .gdgd {
        height: 200px !important;
    }
    :where(body.page-directormessage) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- EE.cshtml  (scope: body.page-ee) ---- */
:where(body.page-ee) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ee) .banner {
    background: url('https://img.freepik.com/premium-photo/extensive-collection-books-library_868797-8212.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    margin-top: -20px;
}
:where(body.page-ee) .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    min-height: 300px;
}
:where(body.page-ee) .banner-title {
    font-size: 2rem;
    font-weight: 700;
}
@media (max-width: 768px) {
    :where(body.page-ee) .banner-title {
        font-size: 1.5rem;
    }
    :where(body.page-ee) .content-img {
        margin-top: 30px;
    }
}

/* ---- ELE.cshtml  (scope: body.page-ele) ---- */
:where(body.page-ele) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ele) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ele) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ele) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ele) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ele) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ele) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ele) hr {
    border: 1px solid #000;
}
:where(body.page-ele) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- ELE_Facilities.cshtml  (scope: body.page-ele-facilities) ---- */
:where(body.page-ele-facilities) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-facilities) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ele-facilities) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ele-facilities) .bg-welfare-left ul li {
    margin-top: 14px;
    font-size: var(--fs-base, 16px);
    color: #fff;
    cursor: pointer;
}
:where(body.page-ele-facilities) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 25px;
}
:where(body.page-ele-facilities) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ele-facilities) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 15px;
}
:where(body.page-ele-facilities) table th,
:where(body.page-ele-facilities) table td {
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
}
:where(body.page-ele-facilities) table th {
    background: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
}
:where(body.page-ele-facilities) h2 {
    margin-top: 25px;
    font-weight: 700;
}

/* ---- ELE_Faculty.cshtml  (scope: body.page-ele-faculty) ---- */
:where(body.page-ele-faculty) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-faculty) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ele-faculty) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ele-faculty) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ele-faculty) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ele-faculty) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ele-faculty) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ele-faculty) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ele-faculty) hr {
    border: 1px solid #000;
}
:where(body.page-ele-faculty) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-faculty) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-ele-faculty) .faculty-card {
    border: 1px dashed black;
    border-radius: 0px;
    overflow: hidden;
    transition: 0.3s ease;
    height: 100%;
    background: #fff;
}
:where(body.page-ele-faculty) .faculty-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}
:where(body.page-ele-faculty) .faculty-card img {
    width: 100%;
    height: 260px;
    object-fit: center;
}
:where(body.page-ele-faculty) .faculty-card .card-body {
    text-align: center;
    padding: 15px;
}
:where(body.page-ele-faculty) .faculty-card h5 {
    font-size: var(--fs-md, 18px);
    font-weight: 600;
    color: var(--brand, #0747ae);
    margin-bottom: 5px;
}
:where(body.page-ele-faculty) .faculty-card p {
    font-size: var(--fs-base, 16px);
    margin-bottom: -5px;
}
:where(body.page-ele-faculty) .faculty-card span {
    font-size: var(--fs-base, 16px);
    color: #555;
}

/* ---- ELE_Mission.cshtml  (scope: body.page-ele-mission) ---- */
:where(body.page-ele-mission) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-mission) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ele-mission) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ele-mission) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ele-mission) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ele-mission) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ele-mission) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ele-mission) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ele-mission) hr {
    border: 1px solid #000;
}
:where(body.page-ele-mission) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-mission) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-ele-mission) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-ele-mission) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-ele-mission) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-ele-mission) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-ele-mission) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-ele-mission) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-ele-mission) .bg-welfare-left {
    height: auto;
}
:where(body.page-ele-mission) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-ele-mission) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-ele-mission) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-ele-mission) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-ele-mission) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-ele-mission) .col-lg-3,
    :where(body.page-ele-mission) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-ele-mission) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-ele-mission) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-ele-mission) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-ele-mission) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-ele-mission) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-ele-mission) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-ele-mission) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-ele-mission) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-ele-mission) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-ele-mission) .content-box {
        padding: 15px;
    }
    :where(body.page-ele-mission) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- ELE_Programmes_offered.cshtml  (scope: body.page-ele-programmes-offered) ---- */
:where(body.page-ele-programmes-offered) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-programmes-offered) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ele-programmes-offered) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ele-programmes-offered) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ele-programmes-offered) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ele-programmes-offered) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ele-programmes-offered) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ele-programmes-offered) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ele-programmes-offered) hr {
    border: 1px solid #000;
}
:where(body.page-ele-programmes-offered) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-programmes-offered) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- ELE_Vision.cshtml  (scope: body.page-ele-vision) ---- */
:where(body.page-ele-vision) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-vision) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-ele-vision) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-ele-vision) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-ele-vision) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-ele-vision) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-ele-vision) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-ele-vision) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-ele-vision) hr {
    border: 1px solid #000;
}
:where(body.page-ele-vision) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-ele-vision) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Electrical.cshtml  (scope: body.page-electrical) ---- */
:where(body.page-electrical) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 10px;
}
:where(body.page-electrical) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #fff;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-electrical) .bg-welfare-left h3 {
    font-size: var(--fs-xl, 24px);
}
:where(body.page-electrical) .text-justify {
    text-align: justify;
}
:where(body.page-electrical) .welfare-font {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    color: #000;
}

/* ---- Electrical_Machine_Lab.cshtml  (scope: body.page-electrical-machine-lab) ---- */
:where(body.page-electrical-machine-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-electrical-machine-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-electrical-machine-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-electrical-machine-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-electrical-machine-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-electrical-machine-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-electrical-machine-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-electrical-machine-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-electrical-machine-lab) hr {
    border: 1px solid #000;
}
:where(body.page-electrical-machine-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-electrical-machine-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Electrical_Measurement_Instrumentation_Lab.cshtml  (scope: body.page-electrical-measurement-instrumentation-lab) ---- */
:where(body.page-electrical-measurement-instrumentation-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-electrical-measurement-instrumentation-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-electrical-measurement-instrumentation-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-electrical-measurement-instrumentation-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-electrical-measurement-instrumentation-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-electrical-measurement-instrumentation-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-electrical-measurement-instrumentation-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-electrical-measurement-instrumentation-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-electrical-measurement-instrumentation-lab) hr {
    border: 1px solid #000;
}
:where(body.page-electrical-measurement-instrumentation-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-electrical-measurement-instrumentation-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Electrical_Workshop_Lab.cshtml  (scope: body.page-electrical-workshop-lab) ---- */
:where(body.page-electrical-workshop-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-electrical-workshop-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-electrical-workshop-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-electrical-workshop-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-electrical-workshop-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-electrical-workshop-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-electrical-workshop-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-electrical-workshop-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-electrical-workshop-lab) hr {
    border: 1px solid #000;
}
:where(body.page-electrical-workshop-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-electrical-workshop-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Eligibility_Criteria.cshtml  (scope: body.page-eligibility-criteria) ---- */
@media(max-width:1100px) {
    :where(body.page-eligibility-criteria) .gdgd {
        height: 200px !important;
    }
    :where(body.page-eligibility-criteria) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- Engineering_Chemistry_Laboratory.cshtml  (scope: body.page-engineering-chemistry-laboratory) ---- */
:where(body.page-engineering-chemistry-laboratory) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-chemistry-laboratory) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-engineering-chemistry-laboratory) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-engineering-chemistry-laboratory) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-engineering-chemistry-laboratory) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-engineering-chemistry-laboratory) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-engineering-chemistry-laboratory) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-engineering-chemistry-laboratory) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-engineering-chemistry-laboratory) hr {
    border: 1px solid #000;
}
:where(body.page-engineering-chemistry-laboratory) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-chemistry-laboratory) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Engineering_Graphics_Design_Lab.cshtml  (scope: body.page-engineering-graphics-design-lab) ---- */
:where(body.page-engineering-graphics-design-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-graphics-design-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-engineering-graphics-design-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-engineering-graphics-design-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-engineering-graphics-design-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-engineering-graphics-design-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-engineering-graphics-design-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-engineering-graphics-design-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-engineering-graphics-design-lab) hr {
    border: 1px solid #000;
}
:where(body.page-engineering-graphics-design-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-graphics-design-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-engineering-graphics-design-lab) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-engineering-graphics-design-lab) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-engineering-graphics-design-lab) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-engineering-graphics-design-lab) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- Engineering_Graphics_and_Design_Lab.cshtml  (scope: body.page-engineering-graphics-and-design-lab) ---- */
:where(body.page-engineering-graphics-and-design-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-graphics-and-design-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-engineering-graphics-and-design-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-engineering-graphics-and-design-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-engineering-graphics-and-design-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-engineering-graphics-and-design-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-engineering-graphics-and-design-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-engineering-graphics-and-design-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-engineering-graphics-and-design-lab) hr {
    border: 1px solid #000;
}
:where(body.page-engineering-graphics-and-design-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-graphics-and-design-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Engineering_Physics_Laboratory.cshtml  (scope: body.page-engineering-physics-laboratory) ---- */
:where(body.page-engineering-physics-laboratory) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-physics-laboratory) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-engineering-physics-laboratory) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-engineering-physics-laboratory) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-engineering-physics-laboratory) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-engineering-physics-laboratory) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-engineering-physics-laboratory) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-engineering-physics-laboratory) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-engineering-physics-laboratory) hr {
    border: 1px solid #000;
}
:where(body.page-engineering-physics-laboratory) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-engineering-physics-laboratory) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Faculty.cshtml  (scope: body.page-faculty) ---- */
:where(body.page-faculty) .faculty-directory {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);background:#f9f9f9
}
:where(body.page-faculty) .faculty-card {
    height:100%;background:#fff;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden
}
:where(body.page-faculty) .faculty-card:hover {
    transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,.1)
}
:where(body.page-faculty) .faculty-header {
    text-align:center;background:linear-gradient(90deg,var(--brand-0052d4, #0052d4),var(--brand-65c7f7, #65c7f7));color:#fff;padding:30px 15px 20px
}
:where(body.page-faculty) .faculty-image {
    width:90px;height:90px;border-radius:50%;border:3px solid #fff;object-fit:fill;margin-bottom:10px;transition:.3s
}
:where(body.page-faculty) .faculty-image:hover {
    transform:scale(1.05)
}
:where(body.page-faculty) .faculty-body {
    padding:20px
}
:where(body.page-faculty) .faculty-body p {
    margin:5px 0;font-size: var(--fs-base, 16px);overflow-wrap:anywhere
}
:where(body.page-faculty) .btn-profile {
    font-size: var(--fs-base, 16px);padding:5px 15px;border-radius:20px
}
:where(body.page-faculty) .faculty-empty {
    padding:35px;text-align:center;background:#fff;color:#777;box-shadow:0 4px 12px rgba(0,0,0,.08)
}

/* ---- Faculty_Profile.cshtml  (scope: body.page-faculty-profile) ---- */
:where(body.page-faculty-profile) html,
:where(body.page-faculty-profile) {
    margin:0;padding:0;background:transparent;
}
:where(body.page-faculty-profile) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);overflow-wrap:anywhere
}
:where(body.page-faculty-profile) hr {
    height:2px !important;background:var(--brand-mid, #004080) !important;border:0 !important;
}
:where(body.page-faculty-profile) img {
    max-width:100%;height:auto
}
:where(body.page-faculty-profile) table {
    border-collapse:collapse;max-width:100%
}
:where(body.page-faculty-profile) th,
:where(body.page-faculty-profile) td {
    border:1px solid #ccc;padding:6px
}
:where(body.page-faculty-profile) pre {
    white-space:pre-wrap
}
:where(body.page-faculty-profile) blockquote {
    margin-left:20px;border-left:4px solid #ccc;padding-left:12px
}
:where(body.page-faculty-profile) p,
:where(body.page-faculty-profile) ul {
    margin-top:0px !important;text-align:justify
}
:where(body.page-faculty-profile) h4 {
    margin-bottom:3px !important;
}
:where(body.page-faculty-profile) p {
    font-size: var(--fs-base, 16px)
}

/* ---- Fee_Structure.cshtml  (scope: body.page-fee-structure) ---- */
@media(max-width:1100px) {
    :where(body.page-fee-structure) .gdgd {
        height: 200px !important;
    }
    :where(body.page-fee-structure) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- Fluid_Mechanics_Lab.cshtml  (scope: body.page-fluid-mechanics-lab) ---- */
:where(body.page-fluid-mechanics-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-fluid-mechanics-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-fluid-mechanics-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-fluid-mechanics-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-fluid-mechanics-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-fluid-mechanics-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-fluid-mechanics-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-fluid-mechanics-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-fluid-mechanics-lab) hr {
    border: 1px solid #000;
}
:where(body.page-fluid-mechanics-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-fluid-mechanics-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-fluid-mechanics-lab) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-fluid-mechanics-lab) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-fluid-mechanics-lab) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-fluid-mechanics-lab) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- Fluid_Mechanics_Labs.cshtml  (scope: body.page-fluid-mechanics-labs) ---- */
:where(body.page-fluid-mechanics-labs) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-fluid-mechanics-labs) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-fluid-mechanics-labs) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-fluid-mechanics-labs) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-fluid-mechanics-labs) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-fluid-mechanics-labs) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-fluid-mechanics-labs) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-fluid-mechanics-labs) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-fluid-mechanics-labs) hr {
    border: 1px solid #000;
}
:where(body.page-fluid-mechanics-labs) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-fluid-mechanics-labs) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Fundamental_Electronics_Engineering_Lab.cshtml  (scope: body.page-fundamental-electronics-engineering-lab) ---- */
:where(body.page-fundamental-electronics-engineering-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-fundamental-electronics-engineering-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-fundamental-electronics-engineering-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-fundamental-electronics-engineering-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-fundamental-electronics-engineering-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-fundamental-electronics-engineering-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-fundamental-electronics-engineering-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-fundamental-electronics-engineering-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-fundamental-electronics-engineering-lab) hr {
    border: 1px solid #000;
}
:where(body.page-fundamental-electronics-engineering-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-fundamental-electronics-engineering-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- G_OChange.cshtml  (scope: body.page-g-ochange) ---- */
@media(max-width:1100px) {
    :where(body.page-g-ochange) .gdgd {
        height: 200px !important;
    }
    :where(body.page-g-ochange) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- Gallery.cshtml  (scope: body.page-gallery) ---- */
:where(body.page-gallery) .gallery-img {
    width: 100%; /* Column width ke according adjust */
    height: 200px; /* Fixed height for uniform size */
    object-fit: cover; /* Crop and fit image properly */
    border-radius: 5px; /* Rounded corners */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Light shadow for better look */
}

/* ---- Gallery1.cshtml  (scope: body.page-gallery1) ---- */
/* ===== ORIGINAL CSS (UNCHANGED) ===== */
:where(body.page-gallery1) .gallery-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: transform 0.3s ease;
    background: #f5f5f5;
}
:where(body.page-gallery1) .gallery-box:hover {
    transform: scale(1.03);
}
:where(body.page-gallery1) .gallery-box img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}
:where(body.page-gallery1) .overlay-icon {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
:where(body.page-gallery1) .gallery-box:hover .overlay-icon {
    opacity: 1;
}
:where(body.page-gallery1) .overlay-icon i {
    font-size: 2rem;
    color: #fff;
}
@media (max-width: 768px) {
    :where(body.page-gallery1) .gallery-box img {
        height: 180px;
    }
}
/* ===== ONLY MODAL CSS (NEW) ===== */
:where(body.page-gallery1) .img-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.85);
    z-index: 99999;
}
:where(body.page-gallery1) .img-modal img {
    max-width: 90%;
    max-height: 80vh;
    margin: auto;
    display: block;
    margin-top: 5%;
    border-radius: 6px;
}
:where(body.page-gallery1) .img-modal .close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: var(--fs-3xl, 36px);
    color: #fff;
    cursor: pointer;
}
:where(body.page-gallery1) .gallery-category-title {
    color: var(--brand, #0747ae) !important;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    font-size: var(--fs-md, 18px);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: normal;
    font-style: normal;
    text-align: justify;
}

/* ---- GrievancePortal.cshtml  (scope: body.page-grievanceportal) ---- */
/* Named `is-open` rather than `show`: Bootstrap 3 (loaded by the layout)
       defines .show{display:block!important} and would break the flex centring. */
:where(body.page-grievanceportal) .grievance-modal-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 15px;
}
:where(body.page-grievanceportal) .grievance-modal-overlay.is-open {
    display: flex;
}
:where(body.page-grievanceportal) .grievance-modal-box {
    position: relative;
    background-color: #fff;
    max-width: 460px;
    width: 100%;
    padding: 30px 25px 25px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-grievanceportal) .grievance-modal-close {
    position: absolute;
    top: 6px;
    right: 12px;
    background: none;
    border: none;
    font-size: var(--fs-xl, 24px);
    line-height: 1;
    color: #666;
    cursor: pointer;
}
:where(body.page-grievanceportal) .grievance-modal-close:hover {
    color: #000;
}
:where(body.page-grievanceportal) .grievance-modal-icon {
    font-size: var(--fs-3xl, 36px);
    color: #198754;
    margin-bottom: 10px;
}
:where(body.page-grievanceportal) .grievance-modal-title {
    color: var(--brand, #0747ae);
    font-weight: 700;
    font-size: var(--fs-xl, 24px);
    margin-bottom: 10px;
}
:where(body.page-grievanceportal) .grievance-modal-text {
    color: #000;
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    margin-bottom: 0;
}
@media (max-width: 991.98px) {
    :where(body.page-grievanceportal) .grievance-modal-title {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-grievanceportal) .grievance-modal-text {
        font-size: var(--fs-base, 16px);
    }
}
@media (max-width: 575.98px) {
    :where(body.page-grievanceportal) .grievance-modal-title {
        font-size: var(--fs-md, 18px);
    }
    :where(body.page-grievanceportal) .grievance-modal-text {
        font-size: var(--fs-base, 16px);
    }
}

/* ---- IIC.cshtml  (scope: body.page-iic) ---- */
:where(body.page-iic) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-iic) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-iic) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-iic) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-iic) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-iic) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-iic) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-iic) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-iic) hr {
    border: 1px solid #000;
}
:where(body.page-iic) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-iic) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Index.cshtml  (scope: body.page-index) ---- */
:where(body.page-index) .home-page {
    width: 100%;
    max-width: 100%;
}
:where(body.page-index) .home-page > .row {
    margin-left: 0;
    margin-right: 0;
}
@media(max-width:576px) {
    :where(body.page-index) .ghgh {
        width: 100% !important;
    }
    :where(body.page-index) .shadow {
        height: 200px !important;
    }
    :where(body.page-index) .abheading {
        font-size: var(--fs-lg, 20px) !important;
    }
    :where(body.page-index) .dirsec {
        margin-left: 3px !important;
    }
    :where(body.page-index) .corheading {
        font-size: var(--fs-2xl, 30px) !important;
    }
}
/* Slide title/description strip pinned to the bottom of the image. It never
               swallows clicks so the prev/next controls stay usable underneath it. */
:where(body.page-index) .slide-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 22px 28px 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .55) 55%, rgba(0, 0, 0, 0) 100%);
    text-align: left;
    pointer-events: none;
}
:where(body.page-index) .slide-caption-title {
    margin: 0;
    color: #fff;
    font-size: var(--fs-xl, 24px);
    font-weight: 700;
    line-height: 1.3;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .7);
}
:where(body.page-index) .slide-caption-text {
    margin: 6px 0 0;
    color: #f1f1f1;
    font-size: var(--fs-base, 16px);
    line-height: 1.6;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 768px) {
    :where(body.page-index) .slide-caption {
        padding: 14px 16px 12px;
    }
    :where(body.page-index) .slide-caption-title {
        font-size: var(--fs-md, 18px);
    }
    :where(body.page-index) .slide-caption-text {
        font-size: var(--fs-xs, 13px);
        -webkit-line-clamp: 2;
    }
}
:where(body.page-index) .carousel-caption {
    bottom: 100px;
}
@media (max-width: 768px) {
    :where(body.page-index) #carouselExampleFade .carousel-item img {
        height: 300px !important;
    }
    :where(body.page-index) .carousel-caption {
        bottom: 50px;
    }
    :where(body.page-index) .carousel-caption h1 {
        font-size: var(--fs-lg, 20px) !important;
    }
    :where(body.page-index) .carousel-caption p {
        font-size: var(--fs-base, 16px) !important;
    }
}
@media (max-width: 480px) {
    :where(body.page-index) #carouselExampleFade .carousel-item img {
        height: 240px !important;
    }
}
:where(body.page-index) .notice-board {
    padding: 1px;
    background-color: white;
    border-radius: 0px;
    height: auto;
    max-height: 500px;
    overflow-y: hidden;
}
:where(body.page-index) .notice-heading {
    font-size: var(--fs-lg, 20px);
    font-weight: 800;
    background-color: var(--brand, #0747ae);
    padding: 10px;
    border: 2px dotted white;
    color: #fff;
    text-align: center;
}
:where(body.page-index) .nav-tabs {
    background-color: var(--brand, #0747ae);
    padding: 10px;
    border-radius: 0px;
}
/* Tab buttons. The three states used to be spelled out in four different
   blocks that disagreed with each other (white pill here, blue pill there,
   one of them !important), plus the first tab carried the active look as an
   inline style. Everything now lives in these three rules. */
:where(body.page-index) #noticeTabs .nav-link {
    font-weight: 500;
    color: #fff;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 6px 14px;
    transition: background-color .15s ease, color .15s ease;
}
:where(body.page-index) #noticeTabs .nav-link:hover {
    background-color: rgba(255, 255, 255, .18);
    color: #fff;
}
:where(body.page-index) #noticeTabs .nav-link.active {
    background-color: #fff;
    color: var(--brand, #0747ae);
    border-color: #fff;
    font-weight: 700;
}
:where(body.page-index) #noticeContent ul {
    list-style: none;
    padding: 10px;
    margin: 0;
}
:where(body.page-index) #noticeContent li {
    padding: 12px 15px;
    background-color: #fafafa;
    border: 1px solid #e1e1e1;
    border-left: 4px solid var(--brand, #0747ae);
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: var(--fs-base, 16px);
}
:where(body.page-index) #noticeContent li i {
    color: var(--brand, #0747ae);
    margin-right: 8px;
}
@media (max-width: 576px) {
    :where(body.page-index) .notice-heading {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-index) #noticeTabs {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        width: 100%;
        padding: 6px 4px;
    }
    :where(body.page-index) #noticeTabs > .nav-item {
        display: flex;
        flex: 1 1 0;
        width: 33.333% !important;
        min-width: 0;
        padding: 0 2px !important;
        border-bottom: 0;
    }
    :where(body.page-index) #noticeTabs > .nav-item > .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 7px 3px;
        font-size: clamp(10px, 3.2vw, 12px) !important;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
    }
    :where(body.page-index) .ssw {
        height: 350px !important;
    }
}
:where(body.page-index) .notice-board {
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 10px;
    height: 98%;
    background: #f9f9f9;
}
:where(body.page-index) .nb-mic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: -3px;
    color: #dc3545;
}
:where(body.page-index) .nb-mic svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    display: block;
}
/* box ki total height slider (500px) ke barabar; andar ka scroll area chhota
                   kiya taaki View All bar clip na ho (upar max-height:500px + overflow hidden hai) */
:where(body.page-index) .notice-board {
    height: 500px;
    max-height: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    :where(body.page-index) .notice-board {
        margin-top: 14px;
        height: 486px;
    }
}
:where(body.page-index) .notice-board > .notice-heading,
:where(body.page-index) .notice-board > .nav-tabs {
    flex: 0 0 auto;
}
:where(body.page-index) .notice-board > .tab-content {
    flex: 0 1 auto;
    min-height: 0;
    overflow: hidden;
}
:where(body.page-index) .notice-board .scroll-container {
    height: 295px !important;
}
:where(body.page-index) .notice-board .notice-list {
    height: 295px;
    overflow-y: auto;
}
:where(body.page-index) .notice-viewall-bar {
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
:where(body.page-index) .notice-viewall-btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 7px 16px;
    background: var(--brand, #0747ae);
    color: #fff !important;
    font-size: var(--fs-base, 16px);
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}
:where(body.page-index) .notice-viewall-btn:hover {
    background: var(--brand-06377f, #06377f);
    color: #fff !important;
}
:where(body.page-index) .notice-viewall-btn svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
}
@media (max-width: 767.98px) {
    :where(body.page-index) .notice-board {
        height: auto;
    }
    :where(body.page-index) .notice-board .scroll-container {
        height: 260px !important;
    }
    :where(body.page-index) .notice-board .notice-list {
        height: 260px;
    }
}
:where(body.page-index) .notice-heading {
    font-weight: 600;
    font-size: var(--fs-lg, 20px);
    background-color: var(--brand, #0747ae);
    color: white;
    padding: 8px 8px;
    margin-bottom: 10px;
}
:where(body.page-index) .notice-scroll-wrapper {
    height: 495px !important;
    overflow-y: hidden;
    position: relative;
}
:where(body.page-index) .notice-scroll-list {
    list-style: none;
    padding: 0;
    overflow-y: hidden;
    margin: 0;
    animation: scrollUp 10s linear infinite;
}
:where(body.page-index) .notice-scroll-wrapper:hover .notice-scroll-list {
    animation-play-state: paused;
}
:where(body.page-index) .notice-scroll-list li {
    height: 50px;
    line-height: 1.25;
    padding-left: 20px;
    font-size: var(--fs-base, 16px);
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
}
:where(body.page-index) .notice-scroll-list li a {
    text-decoration: none;
    color: inherit;
}
:where(body.page-index) .notice-heading {
    font-weight: 600;
    font-size: var(--fs-lg, 20px);
    background-color: var(--brand, #0747ae);
    color: white;
    padding: 8px;
    text-align: center;
    margin-bottom: 10px;
}
:where(body.page-index) .tab-content {
    display: none;
    animation: fadeSlide 0.6s ease;
}
:where(body.page-index) .tab-content.active {
    display: block;
}
:where(body.page-index) .notice-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 350px;
}
:where(body.page-index) .notice-list li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: var(--fs-base, 16px);
}
:where(body.page-index) .notice-list li a {
    text-decoration: none;
    color: #000;
}
@keyframes fadeSlide {
    from {
    opacity: 0;
    transform: translateX(30px);
    }
    to {
    opacity: 1;
    transform: translateX(0);
    }
}
:where(body.page-index) .scroll-container {
    height: 350px;
    overflow: hidden;
    position: relative;
}
:where(body.page-index) .scroll-content {
    display: inline-block;
    will-change: transform;
}
:where(body.page-index) .notice-event-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 5px;
    border-bottom: 1px solid #aaa;
}
:where(body.page-index) .notice-event-img-box {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
}
:where(body.page-index) .notice-event-img {
    width: 100%;
    height: 100%;
}
:where(body.page-index) .notice-event-content {
    flex: 1;
    font-size: var(--fs-base, 16px);
    line-height: 1.571;
    color: #000;
}
:where(body.page-index) .notice-event-content a {
    text-decoration: none;
    color: #000;
}
:where(body.page-index) .notice-event-content a:hover {
    color: var(--brand, #0747ae);
}
@media(max-width:576px) {
    :where(body.page-index) .notice-event-img-box {
        width: 48px;
        height: 48px;
    }
    :where(body.page-index) .notice-event-content {
        font-size: var(--fs-xs, 13px);
        line-height: 1.538;
    }
}
:where(body.page-index) .announcement-bar {
    background-color: var(--brand, #0747ae);
    color: white;
    font-weight: 800;
    font-size: var(--fs-base, 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    height: 100%;
    text-align: center;
    white-space: nowrap;
}
:where(body.page-index) .announcement-wrapper {
    border: 1px solid rgb(180, 180, 180);
    overflow: hidden;
}
:where(body.page-index) marquee h5 {
    margin: 10px 0;
    font-size: var(--fs-md, 18px);
    white-space: nowrap;
}
/* Small devices (phones) */
@media (max-width: 767.98px) {
    :where(body.page-index) .announcement-bar {
        font-size: var(--fs-base, 16px);
        padding: 6px;
    }
    :where(body.page-index) marquee h5 {
        font-size: var(--fs-xs, 13px);
    }
}
/* Mid-range devices (770px - 999px) */
@media (min-width: 768px) and (max-width: 999.98px) {
    :where(body.page-index) .announcement-bar {
        font-size: var(--fs-base, 16px);
        padding: 6px;
    }
    :where(body.page-index) marquee h5 {
        font-size: var(--fs-xs, 13px);
    }
}
:where(body.page-index) .horizontal-scroll {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
:where(body.page-index) .horizontal-track {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    will-change: transform;
    font-size: var(--fs-base, 16px);
    font-weight: 500;
}
:where(body.page-index) .horizontal-new-badge {
    display: inline-block;
    margin-right: 7px;
    padding: 2px 7px;
    color: #fff;
    background: #dc3545;
    font-size: var(--fs-xs, 13px);
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .6px;
    vertical-align: 2px;
    animation: horizontalNewBlink .85s ease-in-out infinite alternate;
}
@keyframes horizontalNewBlink {
    from { opacity: 1; transform: scale(1); } to { opacity: .3; transform: scale(.92); }
}
@media(max-width:767.98px) {
    :where(body.page-index) .horizontal-track {
        font-size: var(--fs-base, 16px);
    }
}
:where(body.page-index) .about-section {
    padding: 30px 0;
}
:where(body.page-index) .about-image {
    width: 100%;
    height: 38rem;
    border-radius: 10px;
    box-shadow: 3px 5px 10px rgba(130, 130, 130, 0.5);
}
:where(body.page-index) .about-heading {
    font-size: var(--fs-xl, 24px);
    font-weight: 700;
    color: var(--brand, #0747ae);
    border-bottom: 2px solid #D3d3d3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
:where(body.page-index) .about-text {
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #000;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
@media (max-width: 991.98px) {
    :where(body.page-index) .about-content {
        padding-top: 20px;
    }
    :where(body.page-index) .about-heading {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-index) .about-text {
        font-size: var(--fs-base, 16px);
    }
}
@media (max-width: 575.98px) {
    :where(body.page-index) .about-heading {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-index) .about-text {
        font-size: var(--fs-base, 16px);
    }
}
:where(body.page-index) .advisor-carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
}
:where(body.page-index) .advisor-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
:where(body.page-index) .advisor-item:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}
:where(body.page-index) .advisor-item .info-box {
    position: relative;
    width: 100%;
    height: 100%;
}
:where(body.page-index) .advisor-item img {
    width: 100%;
    height: 280px !important;
    object-fit: cover;
    border-radius: 8px;
    transition: opacity 0.3s ease;
}
:where(body.page-index) .advisor-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
:where(body.page-index) .advisor-item:hover .overlay {
    opacity: 1;
}
:where(body.page-index) .overlay-content {
    color: #fff;
    text-align: center;
}
:where(body.page-index) .overlay-content h5 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}
:where(body.page-index) .overlay-content p {
    font-size: var(--fs-xs, 13px);
    line-height: 1.385;
    margin-top: 10px;
    color: #d1d1d1;
}
:where(body.page-index) .overlay-content hr {
    margin: 10px 0;
    border: 0.5px solid #ddd;
    width: 50%;
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    :where(body.page-index) .advisor-carousel {
        flex-direction: column;
        gap: 1.5rem;
    }
    :where(body.page-index) .advisor-item img {
        height: 200px;
    }
    :where(body.page-index) .overlay-content h5 {
        font-size: 1em;
    }
}
:where(body.page-index) .mentor-card {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    text-align: center;
    padding: 2em 1em;
    transition: 0.3s ease;
    backdrop-filter: blur(10px);
    border: 2px dotted white;
    color: white;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
:where(body.page-index) .mentor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}
:where(body.page-index) .mentor-card img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
    margin-bottom: 1em;
}
:where(body.page-index) .mentor-card h5 {
    font-weight: bold;
    font-size: var(--fs-md, 18px);
}
:where(body.page-index) .mentor-card p {
    font-size: var(--fs-base, 16px);
    margin-bottom: 0;
    color: #dcdcdc;
}
:where(body.page-index) .bg-danger {
    background-color: rgba(220, 53, 69, 0.8) !important; /* Semi-transparent background */
}
@media (max-width: 1000px) {
    :where(body.page-index) .custom-stack {
        flex-direction: column !important;
    }
    :where(body.page-index) .custom-stack > div {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 1100px) {
    :where(body.page-index) .custom-stack {
        flex-direction: column !important;
    }
    :where(body.page-index) .custom-stack > div {
        width: 100% !important;
        max-width: 100% !important;
    }
}
:where(body.page-index) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-index) .courses-section {
    background: #f9f9fb;
    padding: 60px 0;
}
:where(body.page-index) .section-title {
    text-align: center;
    margin-bottom: 40px;
}
:where(body.page-index) .section-title h2 {
    font-size: var(--fs-2xl, 30px);
    font-weight: 700;
    color: white;
}
:where(body.page-index) .section-title p {
    font-size: var(--fs-base, 16px);
    color: white;
    margin-top: 10px;
}
:where(body.page-index) .course-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 480px;
    margin: 12px 0;
}
:where(body.page-index) .course-carousel .owl-stage {
    display: flex;
}
:where(body.page-index) .course-carousel .owl-item {
    display: flex;
    height: auto;
    min-width: 0;
}
:where(body.page-index) .course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}
:where(body.page-index) .course-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
:where(body.page-index) .course-content {
    padding: 20px;
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
:where(body.page-index) .course-content h4 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--brand-0a3d62, #0a3d62);
}
:where(body.page-index) .course-content p {
    font-size: var(--fs-base, 16px);
    color: #666;
    flex-grow: 1;
}
:where(body.page-index) .course-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
:where(body.page-index) .btn-course {
    background: var(--brand-0a3d62, #0a3d62);
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 8px 18px;
    font-size: var(--fs-xs, 13px);
    font-weight: 600;
    transition: background 0.3s ease;
}
:where(body.page-index) .btn-course:hover {
    background: var(--brand-2e86de, #2e86de);
}
:where(body.page-index) .course-seats {
    font-size: var(--fs-xs, 13px);
    color: var(--brand-0a3d62, #0a3d62);
}
@media (max-width: 991.98px) {
    :where(body.page-index) .course-card {
        min-height: 450px;
    }
    :where(body.page-index) .course-content {
        padding: 18px;
    }
    :where(body.page-index) .course-content h4 {
        font-size: var(--fs-md, 18px);
    }
    :where(body.page-index) .course-content p {
        font-size: var(--fs-base, 16px) !important;
    }
}
@media (max-width: 575.98px) {
    :where(body.page-index) .courses-section {
        padding: 40px 0;
    }
    :where(body.page-index) .courses-section .container {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }
    :where(body.page-index) .courses-section .section-title {
        margin-bottom: 24px;
    }
    :where(body.page-index) .course-card {
        min-height: 0;
        margin: 6px 0 12px;
    }
    :where(body.page-index) .course-card img {
        height: 165px;
    }
    :where(body.page-index) .course-content {
        padding: 16px;
    }
    :where(body.page-index) .course-content h4 {
        margin-bottom: 8px;
    }
    :where(body.page-index) .course-footer {
        flex-wrap: wrap;
    }
    :where(body.page-index) .btn-course {
        padding: 7px 14px;
    }
}
:where(body.page-index) .facility-card {
    padding: 30px;
    border-radius: 12px;
    text-align: center;
    height: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s ease;
    border: 1px solid #ddd;
    background-color: #fff;
}
:where(body.page-index) .facility-card .icon {
    font-size: var(--fs-3xl, 36px);
    color: var(--brand, #0747ae);
    margin-bottom: 18px;
}
:where(body.page-index) .facility-card p {
    font-size: var(--fs-base, 16px);
    color: #444;
    font-weight: 500;
    line-height: 1.5;
    text-transform: lowercase;
    margin: 0;
}
@media (max-width: 768px) {
    :where(body.page-index) .facility-card {
        padding: 30px 15px;
    }
    :where(body.page-index) .facility-card .icon {
        font-size: var(--fs-2xl, 30px);
    }
    :where(body.page-index) .facility-card p {
        font-size: var(--fs-base, 16px);
    }
}
@media (max-width: 576px) {
    :where(body.page-index) .facility-card {
        padding: 25px 12px;
    }
    :where(body.page-index) .facility-card p {
        font-size: var(--fs-xs, 13px);
    }
}
:where(body.page-index) .event-carousel-sec .owl-nav {
    display: none !important;
}
:where(body.page-index) .gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.3s;
}
:where(body.page-index) .gallery-card img {
    width: 100%;
    height: 250px;
    object-fit: fill;
    border-radius: 12px;
}
:where(body.page-index) .gallery-card:hover {
    transform: scale(1.02);
}
:where(body.page-index) .overlay-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
:where(body.page-index) .gallery-card:hover .overlay-icon {
    opacity: 1;
}
:where(body.page-index) .overlay-icon i {
    font-size: 2rem;
    color: #fff;
}
@media (max-width: 768px) {
    :where(body.page-index) .gallery-card img {
        height: 180px;
    }
}
:where(body.page-index) .home-gallery-swiper-wrap {
    position: relative;
}
:where(body.page-index) .homeGallerySwiper {
    padding: 0 5px;
}
:where(body.page-index) .home-gallery-prev,
:where(body.page-index) .home-gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
:where(body.page-index) .home-gallery-prev {
    left: -10px;
}
:where(body.page-index) .home-gallery-next {
    right: -10px;
}
:where(body.page-index) .home-gallery-prev i,
:where(body.page-index) .home-gallery-next i {
    font-size: var(--fs-base, 16px);
}
@media (max-width: 575px) {
    :where(body.page-index) .home-gallery-prev {
        left: 5px;
    }
    :where(body.page-index) .home-gallery-next {
        right: 5px;
    }
}
:where(body.page-index) .brand-item {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where(body.page-index) .brand-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
:where(body.page-index) .brand-item img {
    max-width: 100%;
    height: 130px;
    max-height: 100%;
    object-fit: contain;
}
/* ===== Custom Popup Overlay ===== */
:where(body.page-index) .custom-modal-overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--brand-0a1220-rgb, 10,18,32), 0.68);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}
:where(body.page-index) .custom-modal-overlay.show {
    opacity: 1;
    visibility: visible;
}
/* ===== Modal Box ===== */
:where(body.page-index) .custom-modal-box {
    position: relative;
    width: 100%;
    max-width: 1000px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 0px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    transform: scale(0.88) translateY(40px);
    opacity: 0;
    transition: transform 0.45s ease, opacity 0.45s ease;
}
:where(body.page-index) .custom-modal-overlay.show .custom-modal-box {
    transform: scale(1) translateY(0);
    opacity: 1;
}
/* ===== Close Button ===== */
:where(body.page-index) .custom-modal-close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    background: rgb(131 140 255);
    color: #ffffff;
    font-size: var(--fs-xl, 24px);
    font-weight: 700;
    line-height: 1.667;
    text-align: center;
    z-index: 2;
    transition: all 0.25s ease;
}
:where(body.page-index) .custom-modal-close:hover {
    background: rgb(65 77 235);
    transform: rotate(90deg);
}
/* ===== Image ===== */
:where(body.page-index) .custom-modal-image-wrap {
    width: 100%;
    overflow: hidden;
}
:where(body.page-index) .custom-modal-image {
    width: 100%;
    display: block;
    max-height: 80vh;
    object-fit: fill;
}
/* ===== Optional Content ===== */
:where(body.page-index) .custom-modal-content {
    padding: 18px 20px 22px;
    text-align: center;
    color: #fff;
}
:where(body.page-index) .custom-modal-title {
    margin: 0 0 8px;
    font-size: var(--fs-2xl, 30px);
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
}
:where(body.page-index) .custom-modal-text {
    margin: 0;
    font-size: var(--fs-base, 16px);
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.92);
}
/* ===== Mobile ===== */
@media (max-width: 991px) {
    :where(body.page-index) .custom-modal-box {
        max-width: 680px;
        border-radius: 20px;
    }
    :where(body.page-index) .custom-modal-title {
        font-size: var(--fs-xl, 24px);
    }
    :where(body.page-index) .custom-modal-image {
        max-height: 70vh;
    }
}
@media (max-width: 767px) {
    :where(body.page-index) .custom-modal-overlay {
        padding: 14px;
    }
    :where(body.page-index) .custom-modal-box {
        max-width: 100%;
        border-radius: 18px;
    }
    :where(body.page-index) .custom-modal-close {
        top: 10px;
        right: 10px;
        width: 36px;
        height: 36px;
        font-size: var(--fs-lg, 20px);
        line-height: 1.636;
    }
    :where(body.page-index) .custom-modal-title {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-index) .custom-modal-text {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
    :where(body.page-index) .custom-modal-content {
        padding: 14px 14px 18px;
    }
    :where(body.page-index) .custom-modal-image {
        max-height: 60vh;
    }
}
@media (max-width: 480px) {
    :where(body.page-index) .custom-modal-overlay {
        padding: 10px;
    }
    :where(body.page-index) .custom-modal-box {
        border-radius: 16px;
    }
    :where(body.page-index) .custom-modal-title {
        font-size: var(--fs-md, 18px);
    }
    :where(body.page-index) .custom-modal-text {
        font-size: var(--fs-xs, 13px);
    }
    :where(body.page-index) .custom-modal-image {
        max-height: 52vh;
    }
}
:where(body.page-index) .custom-modal-btn-wrap {
    text-align: center;
    padding: 20px;
    background: rgba(0,0,0,0.35);
}
:where(body.page-index) .custom-modal-btn {
    display: inline-block;
    padding: 14px 28px;
    font-size: var(--fs-base, 16px);
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #ff512f, #dd2476);
    box-shadow: 0 8px 25px rgba(221, 36, 118, 0.4);
    transition: all 0.3s ease;
}
:where(body.page-index) .custom-modal-btn:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 30px rgba(221, 36, 118, 0.6);
    color: #fff;
}

/* ---- Language_and_Soft_Skills_Lab.cshtml  (scope: body.page-language-and-soft-skills-lab) ---- */
:where(body.page-language-and-soft-skills-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-language-and-soft-skills-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-language-and-soft-skills-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-language-and-soft-skills-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-language-and-soft-skills-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-language-and-soft-skills-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-language-and-soft-skills-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-language-and-soft-skills-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-language-and-soft-skills-lab) hr {
    border: 1px solid #000;
}
:where(body.page-language-and-soft-skills-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-language-and-soft-skills-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- List_of_Holidays.cshtml  (scope: body.page-list-of-holidays) ---- */
@media(max-width:1100px) {
    :where(body.page-list-of-holidays) .gdgd {
        height: 200px !important;
    }
    :where(body.page-list-of-holidays) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- MCHE.cshtml  (scope: body.page-mche) ---- */
:where(body.page-mche) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-mche) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-mche) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-mche) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-mche) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-mche) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-mche) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-mche) hr {
    border: 1px solid #000;
}
:where(body.page-mche) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
@media (max-width: 480px) {
    :where(body.page-mche) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- MCHE_Facilities.cshtml  (scope: body.page-mche-facilities) ---- */
:where(body.page-mche-facilities) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-facilities) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-mche-facilities) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-mche-facilities) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-mche-facilities) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-mche-facilities) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-mche-facilities) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
    height: 100% !important;
}
:where(body.page-mche-facilities) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-mche-facilities) hr {
    border: 1px solid #000;
}
:where(body.page-mche-facilities) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-facilities) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- MCHE_Faculty.cshtml  (scope: body.page-mche-faculty) ---- */
:where(body.page-mche-faculty) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-faculty) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-mche-faculty) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-mche-faculty) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-mche-faculty) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-mche-faculty) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-mche-faculty) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-mche-faculty) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-mche-faculty) hr {
    border: 1px solid #000;
}
:where(body.page-mche-faculty) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-faculty) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-mche-faculty) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-mche-faculty) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-mche-faculty) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-mche-faculty) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}
/* ================= FACULTY CARD ================= */
:where(body.page-mche-faculty) .faculty-card {
    border: 1px dashed black;
    background: #fff;
    height: 100%;
    transition: 0.3s ease;
}
:where(body.page-mche-faculty) .faculty-card:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}
:where(body.page-mche-faculty) .faculty-card img {
    width: 100%;
    height: 260px;
    object-fit: center;
}
:where(body.page-mche-faculty) .faculty-card .card-body {
    text-align: center;
    padding: 15px;
}
:where(body.page-mche-faculty) .faculty-card h5 {
    font-size: var(--fs-md, 18px);
    font-weight: 600;
    color: var(--brand, #0747ae);
    margin-bottom: 6px;
}
:where(body.page-mche-faculty) .faculty-card p {
    font-size: var(--fs-base, 16px);
    margin-bottom: 0;
    color: #333;
    line-height: 1.4;
}
/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    :where(body.page-mche-faculty) .content-box {
        padding: 25px;
    }
    :where(body.page-mche-faculty) .faculty-card img {
        height: 220px;
    }
}

/* ---- MCHE_Mision.cshtml  (scope: body.page-mche-mision) ---- */
:where(body.page-mche-mision) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-mision) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-mche-mision) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-mche-mision) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-mche-mision) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-mche-mision) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-mche-mision) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-mche-mision) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-mche-mision) hr {
    border: 1px solid #000;
}
:where(body.page-mche-mision) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-mision) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-mche-mision) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-mche-mision) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-mche-mision) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-mche-mision) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-mche-mision) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-mche-mision) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-mche-mision) .bg-welfare-left {
    height: auto;
}
:where(body.page-mche-mision) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-mche-mision) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-mche-mision) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-mche-mision) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-mche-mision) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-mche-mision) .col-lg-3,
    :where(body.page-mche-mision) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-mche-mision) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-mche-mision) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-mche-mision) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-mche-mision) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-mche-mision) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-mche-mision) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-mche-mision) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-mche-mision) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-mche-mision) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-mche-mision) .content-box {
        padding: 15px;
    }
    :where(body.page-mche-mision) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- MCHE_Programme_offered.cshtml  (scope: body.page-mche-programme-offered) ---- */
:where(body.page-mche-programme-offered) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-programme-offered) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-mche-programme-offered) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-mche-programme-offered) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-mche-programme-offered) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-mche-programme-offered) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-mche-programme-offered) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-mche-programme-offered) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-mche-programme-offered) hr {
    border: 1px solid #000;
}
:where(body.page-mche-programme-offered) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-programme-offered) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-mche-programme-offered) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-mche-programme-offered) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-mche-programme-offered) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-mche-programme-offered) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- MCHE_Vision.cshtml  (scope: body.page-mche-vision) ---- */
:where(body.page-mche-vision) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-vision) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-mche-vision) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-mche-vision) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-mche-vision) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-mche-vision) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-mche-vision) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-mche-vision) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-mche-vision) hr {
    border: 1px solid #000;
}
:where(body.page-mche-vision) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-mche-vision) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- ME.cshtml  (scope: body.page-me) ---- */
:where(body.page-me) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-me) .banner-title {
    min-height: 300px;
}
:where(body.page-me) .dept-img {
    width: 100%;
    border-radius: 1rem;
}
:where(body.page-me) .dept-heading {
    font-weight: 600;
    color: var(--brand, #0747ae);
}
:where(body.page-me) .dept-para {
    font-size: var(--fs-base, 16px);
    color: black;
    line-height: 1.8;
    text-align: justify;
}
@media (max-width: 768px) {
    :where(body.page-me) .banner-title {
        min-height: 200px;
        text-align: center;
    }
    :where(body.page-me) .dept-heading {
        font-size: var(--fs-xl, 24px);
        margin-top: 20px;
    }
    :where(body.page-me) .dept-para {
        font-size: var(--fs-base, 16px);
    }
}
@media(max-width:1100px) {
    :where(body.page-me) .gdgd {
        height: 200px !important;
    }
    :where(body.page-me) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- Manufacturing_Processes_Lab.cshtml  (scope: body.page-manufacturing-processes-lab) ---- */
:where(body.page-manufacturing-processes-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-manufacturing-processes-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-manufacturing-processes-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-manufacturing-processes-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-manufacturing-processes-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-manufacturing-processes-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-manufacturing-processes-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-manufacturing-processes-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-manufacturing-processes-lab) hr {
    border: 1px solid #000;
}
:where(body.page-manufacturing-processes-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-manufacturing-processes-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-manufacturing-processes-lab) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-manufacturing-processes-lab) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-manufacturing-processes-lab) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-manufacturing-processes-lab) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- Material_Testing_Lab.cshtml  (scope: body.page-material-testing-lab) ---- */
:where(body.page-material-testing-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-material-testing-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-material-testing-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-material-testing-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-material-testing-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-material-testing-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-material-testing-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-material-testing-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-material-testing-lab) hr {
    border: 1px solid #000;
}
:where(body.page-material-testing-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-material-testing-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-material-testing-lab) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-material-testing-lab) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-material-testing-lab) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-material-testing-lab) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- Media_Coverage.cshtml  (scope: body.page-media-coverage) ---- */
:where(body.page-media-coverage) .media-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: transform 0.3s ease;
    background: #f5f5f5;
    box-shadow: 0 5px 15px rgba(0,0,0,0.12);
    cursor: pointer;
}
:where(body.page-media-coverage) .media-box:hover {
    transform: scale(1.03);
}
:where(body.page-media-coverage) .media-box img {
    width: 100%;
    height: 250px;
    object-fit: fill;
    border-radius: 10px 10px 0 0;
    display: block;
}
:where(body.page-media-coverage) .media-content {
    background: #fff;
    padding: 15px;
    min-height: 120px;
    border-radius: 0 0 10px 10px;
}
:where(body.page-media-coverage) .media-title {
    font-size: var(--fs-md, 18px);
    font-weight: 700;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    color: var(--brand, #0747ae);
    margin-bottom: 8px;
    line-height: 1.4;
}
:where(body.page-media-coverage) .media-desc {
    font-size: var(--fs-base, 16px);
    color: #333;
    line-height: 1.6;
    margin-bottom: 8px;
    text-align: justify;
}
:where(body.page-media-coverage) .media-date {
    font-size: var(--fs-xs, 13px);
    color: #777;
    font-weight: 500;
}
:where(body.page-media-coverage) .overlay-icon {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 250px;
    opacity: 0;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
}
:where(body.page-media-coverage) .media-box:hover .overlay-icon {
    opacity: 1;
}
:where(body.page-media-coverage) .overlay-icon i {
    font-size: 2rem;
    color: #fff;
}
:where(body.page-media-coverage) .media-empty {
    background: #fff;
    padding: 35px;
    text-align: center;
    border-radius: 8px;
    color: #777;
    font-size: var(--fs-base, 16px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
@media (max-width: 768px) {
    :where(body.page-media-coverage) .media-box img {
        height: 180px;
    }
    :where(body.page-media-coverage) .overlay-icon {
        height: 180px;
    }
}
/* ===== IMAGE MODAL WITH PREV NEXT ===== */
:where(body.page-media-coverage) .img-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.88);
    z-index: 99999;
    padding: 20px;
}
:where(body.page-media-coverage) .img-modal-inner {
    width: 90%;
    max-width: 950px;
    margin: 35px auto 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
:where(body.page-media-coverage) .img-modal-img-box {
    width: 100%;
    background: #111;
    text-align: center;
}
:where(body.page-media-coverage) .img-modal-img-box img {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}
:where(body.page-media-coverage) .img-modal-content {
    padding: 15px 20px;
    background: #fff;
}
:where(body.page-media-coverage) .img-modal-title {
    color: var(--brand, #0747ae);
    font-size: var(--fs-lg, 20px);
    font-weight: 700;
    margin-bottom: 8px;
}
:where(body.page-media-coverage) .img-modal-desc {
    color: #333;
    font-size: var(--fs-base, 16px);
    line-height: 1.7;
    margin-bottom: 0;
}
:where(body.page-media-coverage) .img-modal .close {
    position: absolute;
    top: 12px;
    right: 18px;
    font-size: var(--fs-3xl, 36px);
    color: #fff;
    cursor: pointer;
    z-index: 100000;
    line-height: 1;
}
:where(body.page-media-coverage) .modal-nav-btn {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: #fff;
    color: var(--brand, #0747ae);
    font-size: var(--fs-xl, 24px);
    z-index: 100000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where(body.page-media-coverage) .modal-nav-btn:hover {
    background: var(--brand, #0747ae);
    color: #fff;
}
:where(body.page-media-coverage) .prev-btn {
    left: 30px;
}
:where(body.page-media-coverage) .next-btn {
    right: 30px;
}
@media (max-width: 576px) {
    :where(body.page-media-coverage) .img-modal-inner {
        width: 96%;
        margin-top: 55px;
    }
    :where(body.page-media-coverage) .img-modal-title {
        font-size: var(--fs-md, 18px);
    }
    :where(body.page-media-coverage) .modal-nav-btn {
        width: 38px;
        height: 38px;
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-media-coverage) .prev-btn {
        left: 8px;
    }
    :where(body.page-media-coverage) .next-btn {
        right: 8px;
    }
}

/* ---- MemorandumAssociation.cshtml  (scope: body.page-memorandumassociation) ---- */
@media(max-width:1100px) {
    :where(body.page-memorandumassociation) .gdgd {
        height: 200px !important;
    }
    :where(body.page-memorandumassociation) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- MinutesMeeting.cshtml  (scope: body.page-minutesmeeting) ---- */
@media(max-width:1100px) {
    :where(body.page-minutesmeeting) .gdgd {
        height: 200px !important;
    }
    :where(body.page-minutesmeeting) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- MinutesMeetingBWCCPCFC.cshtml  (scope: body.page-minutesmeetingbwccpcfc) ---- */
@media(max-width:1100px) {
    :where(body.page-minutesmeetingbwccpcfc) .gdgd {
        height: 200px !important;
    }
    :where(body.page-minutesmeetingbwccpcfc) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- Operating_Systems_Lab.cshtml  (scope: body.page-operating-systems-lab) ---- */
:where(body.page-operating-systems-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-operating-systems-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-operating-systems-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-operating-systems-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-operating-systems-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-operating-systems-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-operating-systems-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-operating-systems-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-operating-systems-lab) hr {
    border: 1px solid #000;
}
:where(body.page-operating-systems-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-operating-systems-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Programming_Lab.cshtml  (scope: body.page-programming-lab) ---- */
:where(body.page-programming-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-programming-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-programming-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-programming-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-programming-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-programming-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-programming-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-programming-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-programming-lab) hr {
    border: 1px solid #000;
}
:where(body.page-programming-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-programming-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Quantity_Estimation_and_Management_Lab.cshtml  (scope: body.page-quantity-estimation-and-management-lab) ---- */
:where(body.page-quantity-estimation-and-management-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-quantity-estimation-and-management-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-quantity-estimation-and-management-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-quantity-estimation-and-management-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-quantity-estimation-and-management-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-quantity-estimation-and-management-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-quantity-estimation-and-management-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-quantity-estimation-and-management-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-quantity-estimation-and-management-lab) hr {
    border: 1px solid #000;
}
:where(body.page-quantity-estimation-and-management-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-quantity-estimation-and-management-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- SGRC_About.cshtml  (scope: body.page-sgrc-about) ---- */
:where(body.page-sgrc-about) .about-heading {
    font-size: var(--fs-xl, 24px);
    font-weight: 700;
    color: var(--brand, #0747ae);
    border-bottom: 2px solid #D3d3d3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
:where(body.page-sgrc-about) .about-text {
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #000;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

/* ---- STRATEGIC_GROWTH_PLAN.cshtml  (scope: body.page-strategic-growth-plan) ---- */
:where(body.page-strategic-growth-plan) .text {
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #000;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-strategic-growth-plan) .heading {
    font-size: var(--fs-lg, 20px);
    font-weight: 700;
    color: var(--brand, #0747ae);
    border-bottom: 2px solid #D3d3d3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* ---- Scholarship.cshtml  (scope: body.page-scholarship) ---- */
:where(body.page-scholarship) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 10px;
}
:where(body.page-scholarship) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #fff;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-scholarship) .bg-welfare-left h3 {
    font-size: var(--fs-xl, 24px);
}
:where(body.page-scholarship) .text-justify {
    text-align: justify;
}
:where(body.page-scholarship) .welfare-font {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    color: #000;
}
:where(body.page-scholarship) .welfare-font p {
    font-size: var(--fs-base, 16px);
    line-height: 1.667;
    color:#212529;
}
@media(max-width:567px) {
    :where(body.page-scholarship) .dsd {
        height:200px !important;
    }
}
@media(max-width:768px) {
    :where(body.page-scholarship) .dsd {
        height:200px !important;
    }
}

/* ---- Surveying_and_Geomatics_Lab.cshtml  (scope: body.page-surveying-and-geomatics-lab) ---- */
:where(body.page-surveying-and-geomatics-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-surveying-and-geomatics-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-surveying-and-geomatics-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-surveying-and-geomatics-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-surveying-and-geomatics-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-surveying-and-geomatics-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-surveying-and-geomatics-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-surveying-and-geomatics-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-surveying-and-geomatics-lab) hr {
    border: 1px solid #000;
}
:where(body.page-surveying-and-geomatics-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-surveying-and-geomatics-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Syllabus.cshtml  (scope: body.page-syllabus) ---- */
@media(max-width:1100px) {
    :where(body.page-syllabus) .gdgd {
        height: 200px !important;
    }
    :where(body.page-syllabus) .fgfg {
        font-size: 1.1em;
    }
}

/* ---- TRAINING_PLACEMENT_CELL.cshtml  (scope: body.page-training-placement-cell) ---- */
:where(body.page-training-placement-cell) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-training-placement-cell) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-training-placement-cell) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-training-placement-cell) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-training-placement-cell) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-training-placement-cell) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-training-placement-cell) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-training-placement-cell) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-training-placement-cell) hr {
    border: 1px solid #000;
}
:where(body.page-training-placement-cell) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-training-placement-cell) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- TimeTable.cshtml  (scope: body.page-timetable) ---- */
@media(max-width:1100px) {
    :where(body.page-timetable) .gdgd {
        height: 200px !important;
    }
    :where(body.page-timetable) .fgfg {
        font-size: 1.1em;
    }
    :where(body.page-timetable) .bggws {
        font-size: var(--fs-base, 16px);
    }
}

/* ---- TrainingPlacementOfficer.cshtml  (scope: body.page-trainingplacementofficer) ---- */
:where(body.page-trainingplacementofficer) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 10px;
}
:where(body.page-trainingplacementofficer) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #fff;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-trainingplacementofficer) .bg-welfare-left h3 {
    font-size: var(--fs-xl, 24px);
}
:where(body.page-trainingplacementofficer) .text-justify {
    text-align: justify;
}
:where(body.page-trainingplacementofficer) .welfare-font {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    color: #000;
}

/* ---- Vision.cshtml  (scope: body.page-vision) ---- */
:where(body.page-vision) .about-section {
    padding: 30px 0;
}
:where(body.page-vision) .about-image {
    width: 100%;
    height: 38rem;
    border-radius: 10px;
    box-shadow: 3px 5px 10px rgba(130, 130, 130, 0.5);
}
:where(body.page-vision) .about-heading {
    font-size: var(--fs-xl, 24px);
    font-weight: 700;
    color: var(--brand, #0747ae);
    border-bottom: 2px solid #D3d3d3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
:where(body.page-vision) .about-text {
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: #000;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
@media (max-width: 991.98px) {
    :where(body.page-vision) .about-content {
        padding-top: 20px;
    }
    :where(body.page-vision) .about-heading {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-vision) .about-text {
        font-size: var(--fs-base, 16px);
    }
}
@media (max-width: 575.98px) {
    :where(body.page-vision) .about-heading {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-vision) .about-text {
        font-size: var(--fs-base, 16px);
    }
}

/* ---- Web_Technology_Lab.cshtml  (scope: body.page-web-technology-lab) ---- */
:where(body.page-web-technology-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-web-technology-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-web-technology-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-web-technology-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-web-technology-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-web-technology-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-web-technology-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-web-technology-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-web-technology-lab) hr {
    border: 1px solid #000;
}
:where(body.page-web-technology-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-web-technology-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}

/* ---- Workshop_Practice_Lab.cshtml  (scope: body.page-workshop-practice-lab) ---- */
:where(body.page-workshop-practice-lab) {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-workshop-practice-lab) .bg-welfare-left {
    background-color: var(--brand, #0747ae);
    padding: 15px;
}
:where(body.page-workshop-practice-lab) .bg-welfare-left h3 {
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
    color: #fff;
}
:where(body.page-workshop-practice-lab) .bg-welfare-left ul li {
    margin-top: 18px;
    font-size: var(--fs-base, 16px);
    color: #fff;
}
:where(body.page-workshop-practice-lab) .bg-welfare-left ul li a {
    color: #fff;
    text-decoration: none;
}
:where(body.page-workshop-practice-lab) .bg-welfare-left ul li a:hover {
    text-decoration: underline;
}
:where(body.page-workshop-practice-lab) .content-box {
    border: 1px dashed #000;
    background: #fff;
    padding: 20px;
}
:where(body.page-workshop-practice-lab) .welfare-font {
    font-size: var(--fs-base, 16px);
    color: #000;
    text-align: justify;
    line-height: 1.8;
}
:where(body.page-workshop-practice-lab) hr {
    border: 1px solid #000;
}
:where(body.page-workshop-practice-lab) .bg-welfare-left ul li {
    margin-top: 20px;
    font-size: var(--fs-base, 16px);
    line-height: 1.5;
    color: #fff;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-workshop-practice-lab) .bg-welfare-left hr {
    border-bottom: 2px solid white !important;
}
:where(body.page-workshop-practice-lab) table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-base, 16px);
    margin-top: 20px;
}
:where(body.page-workshop-practice-lab) table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid var(--brand, #0747ae);
}
:where(body.page-workshop-practice-lab) table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    background-color: #fafafa;
}
:where(body.page-workshop-practice-lab) table tr:hover td {
    background-color: var(--brand-f1f5ff, #f1f5ff);
}

/* ---- all_notices_events.cshtml  (scope: body.page-all-notices-events) ---- */
:where(body.page-all-notices-events) .ne-page {
    background:#f4f7fb; min-height:600px;
}
:where(body.page-all-notices-events) .ne-tabs {
    display:flex; flex-wrap:wrap; gap:8px; border-bottom:2px solid var(--brand, #0747ae); padding:0; margin:0 0 26px; list-style:none;
}
:where(body.page-all-notices-events) .ne-tab {
    display:inline-flex; align-items:center; gap:8px; border:0; border-radius:0; color:var(--brand-17345f, #17345f); background:var(--brand-e8eef8, #e8eef8); font-weight:700; font-size: var(--fs-base, 16px); padding:12px 22px; cursor:pointer; transition:.18s ease;
}
:where(body.page-all-notices-events) .ne-tab:hover {
    background:var(--brand-d9e4f6, #d9e4f6);
}
:where(body.page-all-notices-events) .ne-tab.active {
    color:#fff; background:var(--brand, #0747ae);
}
:where(body.page-all-notices-events) .ne-tab .ne-count {
    min-width:24px; padding:2px 8px; border-radius:20px; background:#ff8a00; color:#fff; font-size: var(--fs-xs, 13px); font-weight:800; line-height: 1.5; text-align:center;
}
:where(body.page-all-notices-events) .ne-panel {
    display:none; animation:neFade .35s ease;
}
:where(body.page-all-notices-events) .ne-panel.active {
    display:block;
}
:where(body.page-all-notices-events) .ne-item {
    display:flex; gap:16px; align-items:center; padding:18px; margin-bottom:14px; background:#fff; border-left:4px solid var(--brand, #0747ae); box-shadow:0 4px 16px rgba(var(--brand-rgb, 7,71,174),.08); transition:.2s ease;
}
:where(body.page-all-notices-events) .ne-item:hover {
    transform:translateY(-2px); box-shadow:0 7px 20px rgba(var(--brand-rgb, 7,71,174),.14);
}
:where(body.page-all-notices-events) .ne-icon {
    width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; background:var(--brand-edf3ff, #edf3ff); color:var(--brand, #0747ae);
}
:where(body.page-all-notices-events) .ne-icon svg {
    width:26px; height:26px; display:block; fill:currentColor;
}
:where(body.page-all-notices-events) .ne-icon.ne-icon-event {
    background:#fff4e6; color:#d97706;
}
:where(body.page-all-notices-events) .ne-icon.ne-icon-video {
    background:#ffecec; color:#dc3545;
}
:where(body.page-all-notices-events) .ne-thumb {
    position:relative; width:96px; height:68px; flex:0 0 96px;
}
:where(body.page-all-notices-events) .ne-thumb img {
    width:100%; height:100%; object-fit:cover; border:1px solid var(--brand-e2e7ef, #e2e7ef); display:block;
}
:where(body.page-all-notices-events) .ne-thumb .ne-play {
    position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.32); color:#fff;
}
:where(body.page-all-notices-events) .ne-thumb .ne-play svg {
    width:28px; height:28px; fill:currentColor;
}
:where(body.page-all-notices-events) .ne-body {
    min-width:0; flex:1;
}
:where(body.page-all-notices-events) .ne-title {
    color:var(--brand-132d52, #132d52); font-size: var(--fs-md, 18px); font-weight:700; text-decoration:none;
}
:where(body.page-all-notices-events) .ne-title:hover {
    color:var(--brand, #0747ae); text-decoration:none;
}
:where(body.page-all-notices-events) .ne-meta {
    display:flex; flex-wrap:wrap; gap:14px; color:var(--brand-68778e, #68778e); font-size: var(--fs-xs, 13px); margin-top:6px;
}
:where(body.page-all-notices-events) .ne-meta span {
    display:inline-flex; align-items:center; gap:5px;
}
:where(body.page-all-notices-events) .ne-meta svg {
    width:14px; height:14px; fill:currentColor; opacity:.8;
}
:where(body.page-all-notices-events) .ne-btn {
    flex:0 0 auto; padding:7px 14px; border:1px solid var(--brand, #0747ae); color:var(--brand, #0747ae); background:#fff; font-size: var(--fs-xs, 13px); font-weight:600; text-decoration:none; white-space:nowrap;
}
:where(body.page-all-notices-events) .ne-btn:hover {
    background:var(--brand, #0747ae); color:#fff; text-decoration:none;
}
:where(body.page-all-notices-events) .ne-new {
    display:inline-block; margin-left:7px; padding:3px 7px; background:#dc3545; color:#fff; font-size: var(--fs-xs, 13px); font-weight:800; letter-spacing:.5px; text-transform:uppercase; vertical-align:middle; animation:neNewPulse 1.4s infinite;
}
:where(body.page-all-notices-events) .ne-empty {
    padding:55px 20px; text-align:center; background:#fff; color:#6b778b;
}
:where(body.page-all-notices-events) .ne-empty svg {
    width:44px; height:44px; fill:currentColor; opacity:.45; margin-bottom:10px;
}
@keyframes neNewPulse {
    50% { opacity:.6; }
}
@keyframes neFade {
    from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; }
}
@media(max-width:576px) {
    :where(body.page-all-notices-events) .ne-tab {
        padding:10px 13px; font-size: var(--fs-xs, 13px);
    }
    :where(body.page-all-notices-events) .ne-item {
        padding:13px; gap:11px; flex-wrap:wrap;
    }
    :where(body.page-all-notices-events) .ne-thumb {
        width:74px; height:58px; flex-basis:74px;
    }
    :where(body.page-all-notices-events) .ne-btn {
        width:100%; text-align:center;
    }
}

/* ---- commingsoon.cshtml  (scope: body.page-commingsoon) ---- */
:where(body.page-commingsoon) {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #343a40;
    text-align: center;
    color: white;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-commingsoon) .container {
    max-width: 600px;
    padding: 30px;
    background: #212529;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}
:where(body.page-commingsoon) h1 {
    color: #ffc107;
    font-size: 3rem;
    font-weight: bold;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-commingsoon) p {
    font-size: 1.2rem;
    color: #f8f9fa;
}
:where(body.page-commingsoon) .spinner-border {
    width: 3rem;
    height: 3rem;
    margin-top: 20px;
}
:where(body.page-commingsoon) .home-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 1rem;
    color: #fff;
    background-color: #ffc107;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}
:where(body.page-commingsoon) .home-btn:hover {
    background-color: #e0a800;
}


/* =====================================================================
   3. DEPARTMENT SIDEBAR PARTIALS (scoped to the pages that render them)
   ===================================================================== */

/* ---- _ASH_Sidebar.cshtml  (scope: body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) ---- */
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .bg-welfare-left {
    height: auto;
}
:where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .col-lg-3,
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .content-box {
        padding: 15px;
    }
    :where(body.page-ash, body.page-ash-faculty, body.page-ash-vision, body.page-engineering-chemistry-laboratory, body.page-engineering-physics-laboratory, body.page-language-and-soft-skills-lab) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- _CS_Sidebar.cshtml  (scope: body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) ---- */
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .bg-welfare-left {
    height: auto;
}
:where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .col-lg-3,
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .content-box {
        padding: 15px;
    }
    :where(body.page-artificial-intelligence-machine-learning-lab, body.page-cs, body.page-cs-faculty, body.page-cs-programmes-offered, body.page-cs-vision, body.page-computer-networks-lab, body.page-data-structures-algorithms-lab, body.page-database-management-systems-lab, body.page-operating-systems-lab, body.page-programming-lab, body.page-web-technology-lab) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- _CVLE_Sidebar.cshtml  (scope: body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) ---- */
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .bg-welfare-left {
    height: auto;
}
:where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .col-lg-3,
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .content-box {
        padding: 15px;
    }
    :where(body.page-building-planning-and-drawing-lab, body.page-cad-lab, body.page-cvle, body.page-cvle-faculty, body.page-cvle-mission, body.page-cvle-offer-courses, body.page-cvle-vision, body.page-engineering-graphics-and-design-lab, body.page-fluid-mechanics-labs, body.page-quantity-estimation-and-management-lab, body.page-surveying-and-geomatics-lab) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- _ELE_Sidebar.cshtml  (scope: body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) ---- */
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .bg-welfare-left {
    height: auto;
}
:where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .col-lg-3,
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .content-box {
        padding: 15px;
    }
    :where(body.page-basic-electrical-engineering-lab, body.page-circuit-simulation-lab, body.page-ele, body.page-ele-faculty, body.page-ele-programmes-offered, body.page-ele-vision, body.page-electrical-machine-lab, body.page-electrical-measurement-instrumentation-lab, body.page-electrical-workshop-lab, body.page-fundamental-electronics-engineering-lab) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}

/* ---- _MCHE_Sidebar.cshtml  (scope: body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) ---- */
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-link {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    font-size: var(--fs-base, 16px);
    cursor: pointer;
    text-align: left;
}
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-link:hover {
    text-decoration: underline;
}
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-sub-link {
    color: #fff;
    font-size: var(--fs-base, 16px);
    display: block;
    margin-top: 10px;
}
/* ================= GENERAL FIX ================= */
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .bg-welfare-left {
    height: auto;
}
:where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .content-box {
    width: 100%;
}
/* ================= TABLET (≤ 992px) ================= */
@media (max-width: 992px) {
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
        margin-top: 15px;
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-link {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
    }
}
/* ================= MOBILE (≤ 768px) ================= */
@media (max-width: 768px) {
    /* Stack sidebar & content */
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .col-lg-3,
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .col-lg-9 {
        width: 100%;
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .bg-welfare-left {
        margin-bottom: 20px;
    }
    /* Banner text center */
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .display-6 {
        font-size: var(--fs-xl, 24px);
        text-align: center;
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    /* Sidebar buttons */
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-link {
        font-size: var(--fs-base, 16px);
        padding: 10px 0;
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .side-sub-link {
        font-size: var(--fs-base, 16px);
        padding-left: 10px;
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) hr {
        margin: 10px 0;
    }
}
/* ================= SMALL MOBILE (≤ 480px) ================= */
@media (max-width: 480px) {
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .display-6 {
        font-size: var(--fs-lg, 20px);
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .bg-welfare-left h3 {
        font-size: var(--fs-lg, 20px);
        text-align: center;
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .bg-welfare-left ul li {
        font-size: var(--fs-base, 16px);
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .content-box {
        padding: 15px;
    }
    :where(body.page-applied-thermodynamics-lab, body.page-computeraided-design-lab, body.page-engineering-graphics-design-lab, body.page-fluid-mechanics-lab, body.page-mche, body.page-mche-faculty, body.page-mche-programme-offered, body.page-mche-vision, body.page-manufacturing-processes-lab, body.page-material-testing-lab, body.page-workshop-practice-lab) .welfare-font {
        font-size: var(--fs-base, 16px);
        line-height: 1.6;
    }
}


/* =====================================================================
   4. UTILITIES FROM INLINE style="" ATTRIBUTES
   Ordered by how often each declaration set was used.
   ===================================================================== */

/* used 149× */
.ic-1 {
    min-height: 300px;
}

/* used 114× */
.ic-2 {
    background-color: var(--brand, #0747ae);
    color: white;
}

/* used 106× */
.ic-3 {
    color: var(--brand, #0747ae);
}

/* used 84× */
.ic-4 {
    color: var(--brand-dark, #002147);
    border-bottom: 2px solid var(--brand-mid, #004080);
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
}

/* used 80× */
.ic-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

/* used 66× */
.ic-6 {
    text-decoration: none;
}

/* used 63× */
.ic-7 {
    font-size: var(--fs-base, 16px);
    list-style-type: disc;
}

/* used 62× */
.ic-8 {
    margin-top: -20px;
    background: url('https://img.freepik.com/premium-photo/extensive-collection-books-library_868797-8212.jpg') center/cover fixed;
}

/* used 61× */
.ic-9 {
    background: rgba(0, 0, 0, 0.5);
}

/* used 56× */
.ic-10 {
    font-size: var(--fs-base, 16px);
    text-align:justify
}

/* used 42× */
.ic-11 {
    text-transform: uppercase;
}

/* used 37× */
.ic-12 {
    border: 1px solid black;
}

/* used 32× */
.ic-13 {
    margin-top: -20px;
    background: url('https://img.freepik.com/premium-photo/extensive-collection-books-library_868797-8212.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

/* used 26× */
.ic-14 {
    background: url('https://static.vecteezy.com/system/resources/thumbnails/049/725/830/small_2x/closeup-of-a-stack-of-books-at-a-local-library-a-resource-for-families-to-gather-and-learn-together-photo.jpg') no-repeat center center;
    background-size: cover;
}

/* used 22× */
.ic-15 {
    margin-top: -50px;
    background: url('https://img.freepik.com/premium-photo/extensive-collection-books-library_868797-8212.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

/* used 22× */
.ic-16 {
    text-decoration: underline;
    color: blue;
}

/* used 21× */
.ic-17 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    line-height: 1.6;
    color: #333;
}

/* used 21× */
.ic-18 {
    flex: 1;
    min-width: 280px;
    max-width: 320px;
    text-align: center;
}

/* used 21× */
.ic-19 {
    margin-top: 15px;
    color: var(--brand-dark, #002147);
    font-size: var(--fs-base, 16px);
    font-weight: 600;
    text-align: left;
}

/* used 21× */
.ic-20 {
    margin: 0;
    color: #555;
    font-size: var(--fs-base, 16px);
    margin-top: -10px;
    text-align: left;
}

/* used 21× */
.ic-21 {
    border: 1px solid black;
    margin-top: 5px;
}

/* used 21× */
.ic-22 {
    flex: 2;
    min-width: 300px;
}

/* used 21× */
.ic-23 {
    color: var(--brand-dark, #002147);
    border-bottom: 2px solid var(--brand-mid, #004080);
    padding-bottom: 5px;
    font-size: var(--fs-lg, 20px);
    font-weight: 600;
}

/* used 21× */
.ic-24 {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    line-height: 1.875;
    text-align: justify;
    line-height: 1.875;
    color: black;
}

/* used 19× */
.ic-25 {
    margin-top: 10px;
    font-size: var(--fs-base, 16px);
    color: #444;
    text-align: left;
}

/* used 19× */
.ic-26 {
    list-style-type: disc !important;
}

/* used 18× */
.ic-27 {
    background-image: url('/Content/myimg/bg1.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/* used 17× */
.ic-28 {
    margin-top: 10px;
}

/* used 17× */
.ic-29 {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    line-height: 1.765;
    color: black;
}

/* used 12× */
.ic-30 {
    background-color: var(--brand, #0747ae);
    color: white;
    font-size: var(--fs-base, 16px);
}

/* used 11× */
.ic-31 {
    border-bottom: 1px solid black;
}

/* used 11× */
.ic-32 {
    font-size: var(--fs-base, 16px);
}

/* used 10× */
.ic-33 {
    display: none;
}

/* used 10× */
.ic-34 {
    width: 100%;
    height: 400px !important;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* used 9× */
.ic-35 {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    line-height: 1.875;
    text-align: justify;
    color: black;
}

/* used 9× */
.ic-36 {
    margin-top: -10px;
}

/* used 8× */
.ic-37 {
    color: var(--brand, #0747ae);
    font-size: var(--fs-lg, 20px);
}

/* used 8× */
.ic-38 {
    list-style-type: disc !important;
    margin-left: 20px;
    margin-top: -10px;
}

/* used 8× */
.ic-39 {
    font-weight: 600;
    color: var(--brand, #0747ae);
}

/* used 8× */
.ic-40 {
    font-size: var(--fs-base, 16px);
    font-weight: 600;
    color: var(--brand, #0747ae);
}

/* used 8× */
.ic-41 {
    border: 1px solid black;
    padding-top: -10px;
}

/* used 8× */
.ic-42 {
    font-size: var(--fs-lg, 20px);
    line-height: 1.85;
    color: black;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    text-align: justify;
}

/* used 8× */
.ic-43 {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* used 7× */
.ic-44 {
    font-size: var(--fs-base, 16px);
    line-height: 1.667;
}

/* used 6× */
.ic-45 {
    font-size: var(--fs-base, 16px);
    font-weight: 600;
}

/* used 6× */
.ic-46 {
    height: 250px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: cover;
}

/* used 6× */
.ic-47 {
    text-align: justify;
    line-height: 36px;
}

/* used 6× */
.ic-48 {
    page-break-after: always;
}

/* used 6× */
.ic-49 {
    border: 1px solid black;
    margin-bottom: 5px;
    margin-top: -5px;
}

/* used 6× */
.ic-50 {
    font-weight: 800;
}

/* used 5× */
.ic-51 {
    margin-top: -5px;
}

/* used 5× */
.ic-52 {
    background-color: var(--brand, #0747ae);
    color: white !important;
}

/* used 5× */
.ic-53 {
    color: var(--brand, #0747ae);
    font-size: var(--fs-base, 16px);
}

/* used 5× */
.ic-54 {
    font-weight: 600;
    font-size: var(--fs-lg, 20px);
    margin-top: 10px;
}

/* used 5× */
.ic-55 {
    border: 1px dashed #000;
}

/* used 5× */
.ic-56 {
    color: blue;
    text-decoration: underline;
}

/* used 4× */
.ic-57 {
    font-size: var(--fs-base, 16px);
    line-height: 1.889;
}

/* used 4× */
.ic-58 {
    border: 1px solid black;
    border-radius: 0px;
    height: 50vh;
    width: 90%;
    margin-top: 50px;
    padding: 20px;
}

/* used 4× */
.ic-59 {
    border: 1px solid black;
    border-radius: 0px;
    height: 50vh;
    width: 90%;
    margin-top: 10px;
    padding: 20px;
}

/* used 4× */
.ic-60 {
    list-style-type: disc !important;
    margin-top: 10px;
}

/* used 4× */
.ic-61 {
    border: 1px dashed black;
    padding: 5px;
    margin-top: 10px;
}

/* used 4× */
.ic-62 {
    line-height: 34px;
    text-align: justify;
}

/* used 4× */
.ic-63 {
    font-size: var(--fs-base, 16px);
    color: black;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    line-height: 1.765;
}

/* used 4× */
.ic-64 {
    list-style-type: disc;
    margin-top: 10px;
}

/* used 4× */
.ic-65 {
    color: white;
}

/* used 4× */
.ic-66 {
    border-bottom: 1px solid white;
    padding-top: -8px;
    width: 60%;
    margin: 0px auto;
}

/* used 4× */
.ic-67 {
    font-size: var(--fs-base, 16px);
    line-height: 1.789;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    margin-left: 20px;
}

/* used 4× */
.ic-68 {
    border: 1px dashed black;
    height: 250px;
    padding: 5px;
}

/* used 3× */
.ic-69 {
    font-size: var(--fs-base, 16px);
    line-height: 2.0;
}

/* used 3× */
.ic-70 {
    background-image: url(assets/img/bg1.jpg);
    padding-top: 40px !important;
    margin-bottom: 50px;
}

/* used 3× */
.ic-71 {
    text-align: justify;
    line-height: 2.125;
    font-size: var(--fs-base, 16px);
}

/* used 3× */
.ic-72 {
    border: 1px dashed black;
    padding: 5px;
    height: 270px;
    width: 600px !important;
}

/* used 3× */
.ic-73 {
    height: 250px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: content;
}

/* used 3× */
.ic-74 {
    font-weight: 700;
}

/* used 3× */
.ic-75 {
    font-size: var(--fs-base, 16px);
}

/* used 3× */
.ic-76 {
    list-style-type: disc;
}

/* used 3× */
.ic-77 {
    height: 360px !important;
}

/* used 3× */
.ic-78 {
    height: 300px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: content;
}

/* used 3× */
.ic-79 {
    border-bottom: 1px solid black;
    padding-bottom: 2px;
}

/* used 3× */
.ic-80 {
    margin-top: 5px;
}

/* used 3× */
.ic-81 {
    font-size: var(--fs-base, 16px);
}

/* used 3× */
.ic-82 {
    background-color: var(--brand, #0747ae);
    color: white;
    font-size: var(--fs-base, 16px);
}

/* used 3× */
.ic-83 {
    font-weight: 900;
}

/* used 3× */
.ic-84 {
    color: green;
}

/* used 3× */
.ic-85 {
    color: var(--brand, #0747ae);
    font-size: var(--fs-2xl, 30px);
}

/* used 3× */
.ic-86 {
    width: 60px;
    height: 3px;
    background-color: var(--brand, #0747ae);
    margin: 10px auto;
}

/* used 3× */
.ic-87 {
    border: 1px dashed black;
    padding: 5px;
    height: 270px;
    width: 300px;
}

/* used 3× */
.ic-88 {
    color: var(--brand, #0747ae);
    font-weight: 700;
}

/* used 2× */
.ic-89 {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* used 2× */
.ic-90 {
    font-size: var(--fs-base, 16px);
    margin-top: -12px;
}

/* used 2× */
.ic-91 {
    margin-top: -17px;
    list-style-type: disc;
    margin-left: 20px;
}

/* used 2× */
.ic-92 {
    margin-top: -10px;
    list-style-type: disc;
    margin-left: 20px;
}

/* used 2× */
.ic-93 {
    background-color: var(--brand, #0747ae);
}

/* used 2× */
.ic-94 {
    background-color: #f8f9fa;
}

/* used 2× */
.ic-95 {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

/* used 2× */
.ic-96 {
    border: 1px solid black;
    margin-top: 5px;
    margin-bottom: 3px;
    width: 95%;
    margin: 0 auto;
}

/* used 2× */
.ic-97 {
    font-size: var(--fs-base, 16px);
    line-height: 1.882;
}

/* used 2× */
.ic-98 {
    font-size: var(--fs-base, 16px);
    line-height: 1.75;
}

/* used 2× */
.ic-99 {
    height: 220px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: cover;
}

/* used 2× */
.ic-100 {
    margin-top: 10px !important;
}

/* used 2× */
.ic-101 {
    background-color: rgba(0, 0, 0, .5);
}

/* used 2× */
.ic-102 {
    margin-top: -20px;
    background: url('https://img.freepik.com/premium-photo/extensive-collection-books-library_868797-8212.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

/* used 2× */
.ic-103 {
    font-weight: 500;
    font-size: var(--fs-base, 16px);
}

/* used 2× */
.ic-104 {
    height: 350px;
}

/* used 2× */
.ic-105 {
    font-size: var(--fs-base, 16px);
    font-weight: 700;
}

/* used 2× */
.ic-106 {
    color: var(--brand, #0747ae);
    font-size: var(--fs-lg, 20px);
}

/* used 2× */
.ic-107 {
    list-style-type: disc !important;
    margin-left: 20px;
    margin-top: -15px;
}

/* used 2× */
.ic-108 {
    border: 1px dashed black;
    padding: 5px;
    height: 270px;
    width: 350px;
    object-fit: cover;
}

/* used 2× */
.ic-109 {
    color: white;
    background-color: var(--brand, #0747ae);
}

/* used 1× */
.ic-110 {
    color: var(--brand, #0747ae);
    font-size: var(--fs-lg, 20px);
}

/* used 1× */
.ic-111 {
    font-size: var(--fs-base, 16px);
    list-style-type: disc;
}

/* used 1× */
.ic-112 {
    font-size: var(--fs-base, 16px);
    line-height: 1.943;
}

/* used 1× */
.ic-113 {
    text-decoration: underline;
}

/* used 1× */
.ic-114 {
    margin-top: -70px;
}

/* used 1× */
.ic-115 {
    color: var(--brand, #0747ae);
    font-size: var(--fs-lg, 20px);
    font-weight: 900;
}

/* used 1× */
.ic-116 {
    background-color: #f8f9fa;
    border-bottom: 2px solid #ddd;
}

/* used 1× */
.ic-117 {
    border: 1px solid;
}

/* used 1× */
.ic-118 {
    display: flex;
    width: 100%;
}

/* used 1× */
.ic-119 {
    height: 350px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: cover;
}

/* used 1× */
.ic-120 {
    height: 300px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: cover;
}

/* used 1× */
.ic-121 {
    height: 330px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: cover;
}

/* used 1× */
.ic-122 {
    width: 98%;
    height: 250px;
}

/* used 1× */
.ic-123 {
    font-size: var(--fs-base, 16px);
    color: black;
    line-height: 1.8;
    text-align: justify;
}

/* used 1× */
.ic-124 {
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    color: black;
    text-align: justify;
}

/* used 1× */
.ic-125 {
    font-weight: 700;
    color: var(--brand, #0747ae);
}

/* used 1× */
.ic-126 {
    font-size: var(--fs-lg, 20px);
    color: black;
    line-height: 1.85;
    text-align: justify;
}

/* used 1× */
.ic-127 {
    height: 200px;
    width: 200px;
}

/* used 1× */
.ic-128 {
    width: 390px;
    height: 430px;
    object-fit: cover;
}

/* used 1× */
.ic-129 {
    border-bottom: 1px solid black;
    padding-top: 7px;
    margin: 0px auto;
    width: 90%;
}

/* used 1× */
.ic-130 {
    text-align: justify;
    line-height: 1.8;
    font-size: var(--fs-base, 16px);
}

/* used 1× */
.ic-131 {
    color: var(--brand, #0747ae);
    margin-bottom: 4px;
}

/* used 1× */
.ic-132 {
    max-height: 400px;
    border: 4px solid var(--brand, #0747ae);
}

/* used 1× */
.ic-133 {
    color: black;
    font-weight: 900;
}

/* used 1× */
.ic-134 {
    color: var(--brand, #0747ae) !important;
    font-size: var(--fs-lg, 20px);
}

/* used 1× */
.ic-135 {
    list-style-type: disc;
    text-align: justify;
    line-height: 2.125;
    font-size: var(--fs-base, 16px);
}

/* used 1× */
.ic-136 {
    font-size: var(--fs-base, 16px);
    color: black;
    line-height: 1.778;
    text-align: justify;
}

/* used 1× */
.ic-137 {
    font-size: var(--fs-base, 16px);
    line-height: 1.778;
    color: black;
    text-align: justify;
}

/* used 1× */
.ic-138 {
    background: rgba(0, 0, 0, 0.6);
}

/* used 1× */
.ic-139 {
    padding: 16px !important;
}

/* used 1× */
.ic-140 {
    font-size: var(--fs-xl, 24px);
}

/* used 1× */
.ic-141 {
    border: 1px solid #000;
}

/* used 1× */
.ic-142 {
    display: flex;
    margin-top: 10px;
}

/* used 1× */
.ic-143 {
    border: 1px dashed black;
    padding: 5px;
}

/* used 1× */
.ic-144 {
    border: 1px dashed black;
    padding: 5px;
    margin-left: 10px;
}

/* used 1× */
.ic-145 {
    height: 350px;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

/* used 1× */
.ic-146 {
    display: block;
    width: 100%;
    min-height: 70vh;
    border: 0;
    background: transparent;
}

/* used 1× */
.ic-147 {
    color: black;
    font-weight: 600;
    font-size: var(--fs-base, 16px);
}

/* used 1× */
.ic-148 {
    font-weight: 600;
}

/* used 1× */
.ic-149 {
    border-bottom: 2px solid black;
    width: 60px;
    margin: auto;
}

/* used 1× */
.ic-150 {
    line-height: 1.8;
}

/* used 1× */
.ic-151 {
    margin-top: -20px !important;
}

/* used 1× */
.ic-152 {
    object-fit: cover;
    height: 500px;
    filter: brightness(75%);
}

/* used 1× */
.ic-153 {
    height: 500px;
    object-fit: cover;
}

/* used 1× */
.ic-156 {
    color: black;
}

/* used 1× */
.ic-157 {
    border: 1px solid black;
    margin-top: 5px !important;
}

/* used 1× */
.ic-158 {
    white-space: nowrap;
}

/* used 1× */
.ic-159 {
    text-decoration: none;
    color: black;
}

/* used 1× */
.ic-160 {
    background: linear-gradient(135deg, var(--brand-0a3d62, #0a3d62), var(--brand-0a2472, #0a2472));
    padding: 4em 0;
}

/* used 1× */
.ic-161 {
    font-size: 2.3em;
    font-weight: bold;
    color: white;
}

/* used 1× */
.ic-162 {
    width: 60px;
    height: 3px;
    background: #fff;
    margin: 10px auto;
    border-radius: 3px;
}

/* used 1× */
.ic-163 {
    max-height: 450px;
    height: 600px;
    object-fit: cover;
}

/* used 1× */
.ic-164 {
    color: black;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    font-size: var(--fs-base, 16px);
}

/* used 1× */
.ic-165 {
    list-style-type: disc;
    font-size: var(--fs-base, 16px);
    line-height: 1.842;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

/* used 1× */
.ic-166 {
    font-size: var(--fs-base, 16px);
    line-height: 1.789;
    text-align: justify;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

/* used 1× */
.ic-167 {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

/* used 1× */
.ic-168 {
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    color: blue;
    text-decoration: underline;
}

/* used 1× */
.ic-169 {
    background-image: linear-gradient(135deg, #0a3d62c8, #0a2472d2), url('https://imgs.6sqft.com/wp-content/uploads/2016/10/14160508/nypl-book-stacks1-1024x619.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

/* used 1× */
.ic-170 {
    color: white !important;
}

/* used 1× */
.ic-171 {
    font-size: var(--fs-2xl, 30px);
}

/* used 1× */
.ic-172 {
    border: 1px solid white;
    width: 20%;
    margin: 0px auto;
}

/* used 1× */
.ic-173 {
    font-size: var(--fs-base, 16px);
    text-align: justify;
}

/* used 1× */
.ic-174 {
    padding: 60px 0;
}

/* used 1× */
.ic-175 {
    text-transform: lowercase;
    font-size: var(--fs-base, 16px);
    font-weight: 600;
}

/* used 1× */
.ic-176 {
    margin-top: -75px;
}

/* used 1× */
.ic-177 {
    margin-top: 3em;
}

/* used 1× */
.ic-178 {
    margin-bottom: 0px !important;
}

/* used 1× */
.ic-179 {
    border: 1px dashed black;
    padding: 5px;
    margin-top: 50px;
    height: 270px !important;
    object-fit: cover !important;
}

/* used 1× */
.ic-180 {
    margin-top: -10px;
    list-style-type: disc !important;
}

/* used 1× */
.ic-181 {
    color: var(--brand, #0747ae);
    font-size: var(--fs-lg, 20px);
}

/* used 1× */
.ic-182 {
    list-style-type: disc !important;
    margin-left: 20px;
}

/* used 1× */
.ic-183 {
    margin-top: -10px !important;
}

/* used 1× */
.ic-184 {
    font-weight: 800;
    margin-top: -10px !important;
}

/* used 1× */
.ic-185 {
    list-style-type: disc !important;
    margin-left: 20px !important;
    margin-top: -10px;
}

/* used 1× */
.ic-186 {
    display: flex !important;
}

/* used 1× */
.ic-187 {
    display: flex;
}

/* used 1× */
.ic-188 {
    font-size: var(--fs-lg, 20px);
}

/* used 1× */
.ic-189 {
    height: 40vh;
    width: 20vw;
    margin-top: 40px;
    border-radius: 15px;
    background-color: var(--brand, #0747ae);
}

/* used 1× */
.ic-190 {
    font-weight: 900;
    color: white;
    font-size: var(--fs-base, 16px) !important;
}

/* used 1× */
.ic-191 {
    height: 230px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: content;
}

/* used 1× */
.ic-192 {
    font-size: var(--fs-lg, 20px);
}

/* used 1× */
.ic-193 {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 1px dashed #212529;
}

/* used 1× */
.ic-194 {
    height: 200px;
    width: 100%;
    border: 1px dashed #000;
    object-fit: content;
}

/* used 1× */
.ic-195 {
    height: 200px;
    width: 200px;
    overflow: hidden;
    border-radius: 8px;
    margin: auto;
}

/* used 1× */
.ic-196 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    border: 1px dashed black;
}

/* used 1× */
.ic-197 {
    font-size: var(--fs-xl, 24px);
    font-weight: 600;
}

/* used 1× */
.ic-198 {
    font-size: var(--fs-base, 16px);
    line-height: 1.882;
    color: black;
}

/* used 1× */
.ic-199 {
    margin-top: 20px;
}

/* used 1× */
.ic-200 {
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    background-image: linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.50)), url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZ6meXZcttUivbZvv4x8vR_0-C47NuqheKlA&s');
}

/* used 1× */
.ic-201 {
    font-size: var(--fs-base, 16px);
    font-weight: 500;
}

/* used 1× */
.ic-206 {
    background-color: var(--brand, #0747ae);
    border-radius: 0px !important;
    margin-bottom: 0px;
}

/* used 1× */
.ic-207 {
    border: 0;
}


/* ---------------------------------------------------------------------
   Index.cshtml hero. The image path was a Razor @Url.Content() call; as a
   stylesheet-relative url it resolves to the same file under any virtual
   directory.
   --------------------------------------------------------------------- */
.ic-index-hero {
    background-image: url('../recp/assets/img/bg1.jpg');
    padding-top: 40px !important;
    margin-bottom: 50px;
}

/* ---------------------------------------------------------------------
   Error pages (Views/Error). The big 404 / 500 number was an inline style
   carrying a hard-coded #0747ae, so it stayed blue on every theme.
   --------------------------------------------------------------------- */
.error-code {
    font-size: var(--fs-3xl, 36px);
    font-weight: 700;
    line-height: 1;
    color: var(--brand, #0747ae);
}
