/* Source: main.css */
/* ===== RECP BRAND PALETTE - generated, see palette notes below ===== */
/*
   Every brand colour on the site is a variable so the T buttons in the
   top bar only have to redefine this list. Each var() also carries its
   original value as a fallback, so a page that does not load
   main.css (commingsoon.cshtml) still renders the default blue.

   --brand / --brand-dark / --brand-mid are the three main roles.
   The --brand-<hex> entries are named after the colour they replaced,
   so you can always trace one back to what it used to be. A few also
   have a -rgb twin holding a bare "r,g,b" triplet, because rgba()
   overlays cannot take a hex value.

   Blue is a real theme here, not just 'no theme selected': picking it
   stores "blue" and it behaves like any other choice. :root repeats the
   blue values so a visitor who has never touched the switcher still gets
   the default look.

   Adding a theme: add a block below, add the name to THEMES in
   Content/js/site-accessibility.js, and add a swatch button in
   Views/Shared/_Layout.cshtml.
*/

:root {
    --brand: #0747ae;
    --brand-rgb: 7,71,174;
    --brand-dark: #002147;
    --brand-dark-rgb: 0,33,71;
    --brand-mid: #004080;
    --brand-3b82f6: #3b82f6;
    --brand-3b82f6-rgb: 59,130,246;
    --brand-f1f5ff: #f1f5ff;
    --brand-1a56db: #1a56db;
    --brand-1a56db-rgb: 26,86,219;
    --brand-0a3d62: #0a3d62;
    --brand-040914: #040914;
    --brand-2154cf: #2154cf;
    --brand-60a5fa: #60a5fa;
    --brand-60a5fa-rgb: 96,165,250;
    --brand-071e4a: #071e4a;
    --brand-071e4a-rgb: 7,30,74;
    --brand-307ad5: #307ad5;
    --brand-0a2472: #0a2472;
    --brand-0a2d6e: #0a2d6e;
    --brand-002f62: #002f62;
    --brand-0052d4: #0052d4;
    --brand-023a71: #023a71;
    --brand-03173d: #03173d;
    --brand-050d20: #050d20;
    --brand-06377f: #06377f;
    --brand-0a0f1e: #0a0f1e;
    --brand-0a1220: #0a1220;
    --brand-0a1220-rgb: 10,18,32;
    --brand-0e20ad: #0e20ad;
    --brand-0e20ad-rgb: 14,32,173;
    --brand-0f1a20: #0f1a20;
    --brand-132d52: #132d52;
    --brand-17345f: #17345f;
    --brand-2e86de: #2e86de;
    --brand-65c7f7: #65c7f7;
    --brand-68778e: #68778e;
    --brand-bfdbfe: #bfdbfe;
    --brand-ccdff7: #ccdff7;
    --brand-ccdff7-rgb: 204,223,247;
    --brand-d9e4f6: #d9e4f6;
    --brand-e2e7ef: #e2e7ef;
    --brand-e8eef8: #e8eef8;
    --brand-e8f0fe: #e8f0fe;
    --brand-edf3ff: #edf3ff;
    --brand-edf5ff: #edf5ff;
    --brand-edf5ff-rgb: 237,245,255;
}

html[data-theme="blue"] {
    --brand: #0747ae;
    --brand-rgb: 7,71,174;
    --brand-dark: #002147;
    --brand-dark-rgb: 0,33,71;
    --brand-mid: #004080;
    --brand-3b82f6: #3b82f6;
    --brand-3b82f6-rgb: 59,130,246;
    --brand-f1f5ff: #f1f5ff;
    --brand-1a56db: #1a56db;
    --brand-1a56db-rgb: 26,86,219;
    --brand-0a3d62: #0a3d62;
    --brand-040914: #040914;
    --brand-2154cf: #2154cf;
    --brand-60a5fa: #60a5fa;
    --brand-60a5fa-rgb: 96,165,250;
    --brand-071e4a: #071e4a;
    --brand-071e4a-rgb: 7,30,74;
    --brand-307ad5: #307ad5;
    --brand-0a2472: #0a2472;
    --brand-0a2d6e: #0a2d6e;
    --brand-002f62: #002f62;
    --brand-0052d4: #0052d4;
    --brand-023a71: #023a71;
    --brand-03173d: #03173d;
    --brand-050d20: #050d20;
    --brand-06377f: #06377f;
    --brand-0a0f1e: #0a0f1e;
    --brand-0a1220: #0a1220;
    --brand-0a1220-rgb: 10,18,32;
    --brand-0e20ad: #0e20ad;
    --brand-0e20ad-rgb: 14,32,173;
    --brand-0f1a20: #0f1a20;
    --brand-132d52: #132d52;
    --brand-17345f: #17345f;
    --brand-2e86de: #2e86de;
    --brand-65c7f7: #65c7f7;
    --brand-68778e: #68778e;
    --brand-bfdbfe: #bfdbfe;
    --brand-ccdff7: #ccdff7;
    --brand-ccdff7-rgb: 204,223,247;
    --brand-d9e4f6: #d9e4f6;
    --brand-e2e7ef: #e2e7ef;
    --brand-e8eef8: #e8eef8;
    --brand-e8f0fe: #e8f0fe;
    --brand-edf3ff: #edf3ff;
    --brand-edf5ff: #edf5ff;
    --brand-edf5ff-rgb: 237,245,255;
}

html[data-theme="red"] {
    --brand: #b3221b;
    --brand-rgb: 179,34,27;
    --brand-dark: #5e0f0b;
    --brand-dark-rgb: 94,15,11;
    --brand-mid: #8c1a14;
    --brand-3b82f6: #e3554e;
    --brand-3b82f6-rgb: 227,85,78;
    --brand-f1f5ff: #fef3f2;
    --brand-1a56db: #c8382d;
    --brand-1a56db-rgb: 200,56,45;
    --brand-0a3d62: #591314;
    --brand-040914: #120606;
    --brand-2154cf: #be3d32;
    --brand-60a5fa: #eb736f;
    --brand-60a5fa-rgb: 235,115,111;
    --brand-071e4a: #43110e;
    --brand-071e4a-rgb: 67,17,14;
    --brand-307ad5: #c44441;
    --brand-0a2472: #681c14;
    --brand-0a2d6e: #641814;
    --brand-002f62: #580b0a;
    --brand-0052d4: #bf1d15;
    --brand-023a71: #660e0d;
    --brand-03173d: #370b09;
    --brand-050d20: #1d0908;
    --brand-06377f: #731612;
    --brand-0a0f1e: #1c0d0c;
    --brand-0a1220: #1e0d0c;
    --brand-0a1220-rgb: 30,13,12;
    --brand-0e20ad: #9d2e1e;
    --brand-0e20ad-rgb: 157,46,30;
    --brand-0f1a20: #1e1111;
    --brand-132d52: #4c1b19;
    --brand-17345f: #58211e;
    --brand-2e86de: #cc4140;
    --brand-65c7f7: #e87478;
    --brand-68778e: #8a6d6c;
    --brand-bfdbfe: #f8c7c5;
    --brand-ccdff7: #f3d1d0;
    --brand-ccdff7-rgb: 243,209,208;
    --brand-d9e4f6: #f3dddc;
    --brand-e2e7ef: #eee4e3;
    --brand-e8eef8: #f6eaea;
    --brand-e8f0fe: #fcebea;
    --brand-edf3ff: #fdf0ef;
    --brand-edf5ff: #fdefef;
    --brand-edf5ff-rgb: 253,239,239;
}

html[data-theme="green"] {
    --brand: #14663d;
    --brand-rgb: 20,102,61;
    --brand-dark: #0a3a22;
    --brand-dark-rgb: 10,58,34;
    --brand-mid: #0f5131;
    --brand-3b82f6: #54dd99;
    --brand-3b82f6-rgb: 84,221,153;
    --brand-f1f5ff: #f3fdf8;
    --brand-1a56db: #34c17e;
    --brand-1a56db-rgb: 52,193,126;
    --brand-0a3d62: #165632;
    --brand-040914: #06120c;
    --brand-2154cf: #39b77b;
    --brand-60a5fa: #75e5ab;
    --brand-60a5fa-rgb: 117,229,171;
    --brand-071e4a: #104129;
    --brand-071e4a-rgb: 16,65,41;
    --brand-307ad5: #46bf80;
    --brand-0a2472: #186441;
    --brand-0a2d6e: #18603d;
    --brand-002f62: #0d552f;
    --brand-0052d4: #1db76a;
    --brand-023a71: #116237;
    --brand-03173d: #0b3520;
    --brand-050d20: #091c13;
    --brand-06377f: #166f42;
    --brand-0a0f1e: #0d1b15;
    --brand-0a1220: #0d1d15;
    --brand-0a1220-rgb: 13,29,21;
    --brand-0e20ad: #249767;
    --brand-0e20ad-rgb: 36,151,103;
    --brand-0f1a20: #111e17;
    --brand-132d52: #1c4932;
    --brand-17345f: #21553b;
    --brand-2e86de: #46c682;
    --brand-65c7f7: #79e3a5;
    --brand-68778e: #6d897b;
    --brand-bfdbfe: #c8f5de;
    --brand-ccdff7: #d2f1e1;
    --brand-ccdff7-rgb: 210,241,225;
    --brand-d9e4f6: #ddf2e8;
    --brand-e2e7ef: #e4ede8;
    --brand-e8eef8: #eaf6f0;
    --brand-e8f0fe: #ebfbf3;
    --brand-edf3ff: #effdf6;
    --brand-edf5ff: #effdf6;
    --brand-edf5ff-rgb: 239,253,246;
}

html[data-theme="orange"] {
    --brand: #b85300;
    --brand-rgb: 184,83,0;
    --brand-dark: #6b3000;
    --brand-dark-rgb: 107,48,0;
    --brand-mid: #8f4100;
    --brand-3b82f6: #fe8f33;
    --brand-3b82f6-rgb: 254,143,51;
    --brand-f1f5ff: #fff8f1;
    --brand-1a56db: #e37512;
    --brand-1a56db-rgb: 227,117,18;
    --brand-0a3d62: #662c06;
    --brand-040914: #150c03;
    --brand-2154cf: #d6741a;
    --brand-60a5fa: #ffa25b;
    --brand-60a5fa-rgb: 255,162,91;
    --brand-071e4a: #4d2604;
    --brand-071e4a-rgb: 77,38,4;
    --brand-307ad5: #dc7629;
    --brand-0a2472: #763d06;
    --brand-0a2d6e: #723806;
    --brand-002f62: #622900;
    --brand-0052d4: #d45f00;
    --brand-023a71: #733000;
    --brand-03173d: #3f1e01;
    --brand-050d20: #211204;
    --brand-06377f: #843b01;
    --brand-0a0f1e: #1f1409;
    --brand-0a1220: #211409;
    --brand-0a1220-rgb: 33,20,9;
    --brand-0e20ad: #b46307;
    --brand-0e20ad-rgb: 180,99,7;
    --brand-0f1a20: #21150e;
    --brand-132d52: #552f10;
    --brand-17345f: #623714;
    --brand-2e86de: #e57627;
    --brand-65c7f7: #fd995f;
    --brand-68778e: #907966;
    --brand-bfdbfe: #ffdabe;
    --brand-ccdff7: #f9deca;
    --brand-ccdff7-rgb: 249,222,202;
    --brand-d9e4f6: #f7e6d8;
    --brand-e2e7ef: #f0e8e1;
    --brand-e8eef8: #f9efe7;
    --brand-e8f0fe: #fff2e7;
    --brand-edf3ff: #fff5ed;
    --brand-edf5ff: #fff5ed;
    --brand-edf5ff-rgb: 255,245,237;
}

html[data-theme="black"] {
    --brand: #1f1f1f;
    --brand-rgb: 31,31,31;
    --brand-dark: #000000;
    --brand-dark-rgb: 0,0,0;
    --brand-mid: #3a3a3a;
    --brand-3b82f6: #989898;
    --brand-3b82f6-rgb: 152,152,152;
    --brand-f1f5ff: #f8f8f8;
    --brand-1a56db: #7a7a7a;
    --brand-1a56db-rgb: 122,122,122;
    --brand-0a3d62: #363636;
    --brand-040914: #0c0c0c;
    --brand-2154cf: #787878;
    --brand-60a5fa: #adadad;
    --brand-60a5fa-rgb: 173,173,173;
    --brand-071e4a: #292929;
    --brand-071e4a-rgb: 41,41,41;
    --brand-307ad5: #828282;
    --brand-0a2472: #3e3e3e;
    --brand-0a2d6e: #3c3c3c;
    --brand-002f62: #313131;
    --brand-0052d4: #6a6a6a;
    --brand-023a71: #393939;
    --brand-03173d: #202020;
    --brand-050d20: #121212;
    --brand-06377f: #424242;
    --brand-0a0f1e: #141414;
    --brand-0a1220: #151515;
    --brand-0a1220-rgb: 21,21,21;
    --brand-0e20ad: #5e5e5e;
    --brand-0e20ad-rgb: 94,94,94;
    --brand-0f1a20: #181818;
    --brand-132d52: #333333;
    --brand-17345f: #3b3b3b;
    --brand-2e86de: #868686;
    --brand-65c7f7: #aeaeae;
    --brand-68778e: #7b7b7b;
    --brand-bfdbfe: #dedede;
    --brand-ccdff7: #e2e2e2;
    --brand-ccdff7-rgb: 226,226,226;
    --brand-d9e4f6: #e8e8e8;
    --brand-e2e7ef: #e8e8e8;
    --brand-e8eef8: #f0f0f0;
    --brand-e8f0fe: #f3f3f3;
    --brand-edf3ff: #f6f6f6;
    --brand-edf5ff: #f6f6f6;
    --brand-edf5ff-rgb: 246,246,246;
}

/* ===== end RECP brand palette ===== */

/* =====================================================================
   TYPOGRAPHY
   The pages were built over time and ended up sizing body copy at 14, 15,
   16, 17, 18 and 19px depending on the page, on a mix of Arial, Poppins,
   DM Sans and Noto Sans JP. Everything now goes through these tokens, so
   one edit here changes the whole site.

   Body copy is one size on every page. The steps above it are for
   headings only - a shade of difference between two paragraphs on two
   pages is exactly the inconsistency this replaces.

   Sizes are snapped to the scale in home-pages.css; anything set in em or
   rem was left alone, since those are relative to their own component.
   ===================================================================== */
:root {
    --font-base: "Poppins", "Segoe UI", Arial, sans-serif;
    --font-devanagari: "Noto Sans Devanagari", "Poppins", "Segoe UI", sans-serif;

    /* One modular scale, roughly 1.2-1.25 between steps. Body copy sits at
       16px - the size the rest of the web reads at - and every step above it
       is far enough from the one below that a heading reads as a heading and
       not as a slightly bolder paragraph. The earlier scale started body copy
       at 17px and put sub-headings only 4px above it, which is what made the
       pages look like one flat block of text. */
    --fs-xs: 13px;      /* badges, captions, fine print */
    --fs-sm: 14px;      /* secondary labels, dense table cells */
    --fs-base: 16px;    /* all body copy, links, lists, table cells */
    --fs-md: 18px;      /* lead paragraphs, card titles */
    --fs-lg: 21px;      /* sub-headings */
    --fs-xl: 26px;      /* section headings */
    --fs-2xl: 32px;     /* page headings */
    --fs-3xl: 42px;     /* hero */
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    :root {
        --fs-2xl: 30px;
        --fs-3xl: 38px;
    }
}

/* Phones do not need the desktop heading sizes - a 36px hero on a 360px screen
   wraps into three words a line. Redefining the tokens here rescales every rule
   that uses them, here and in home-pages.css, without touching a page rule.
   Body copy stays at 16px: shrinking that only makes phones harder to read. */
@media (max-width: 767.98px) {
    :root {
        --fs-md: 17px;
        --fs-lg: 19px;
        --fs-xl: 23px;
        --fs-2xl: 28px;
        --fs-3xl: 34px;
    }
}

/* "html body" and not "body": the purchased template sets body{font-size:14px}
   in a stylesheet that loads after this one, and (0,0,2) outranks its (0,0,1)
   whatever the load order. Unitless line-height matters too - the A-/A/A+
   control scales font-size, and a fixed 26px would let lines collide at A+.
   1.65 rather than 1.7: at 16px that is a ~26px line, open enough to read a
   long paragraph and tight enough that the text still looks like one block. */
html body {
    font-family: var(--font-base);
    font-size: var(--fs-base);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* form controls do not inherit the page font on their own */
h1, h2, h3, h4, h5, h6, p, li, td, th, a, blockquote, figcaption, label,
input, select, textarea, button, .btn {
    font-family: inherit;
}

/* HEADINGS
   The template ships "h1,h2,h3,h4,h5,h6{font-weight:normal}", so every heading
   a page did not style itself rendered at Bootstrap's size in regular weight -
   large, thin and washed out next to the body copy. These rules are three
   elements deep (0,0,3) so they outrank the template's (0,0,1); any page rule
   that styles a heading through a class (0,1,0) still wins, which means this
   only picks up the headings nobody dressed - and those are most of them. */
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6 {
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.018em;
}

html body h1 { font-size: var(--fs-3xl, 36px); }
html body h2 { font-size: var(--fs-2xl, 30px); }
html body h3 { font-size: var(--fs-xl, 24px); }
html body h4 { font-size: var(--fs-lg, 20px); }
html body h5 { font-size: var(--fs-md, 18px); }
html body h6 { font-size: var(--fs-base, 16px); }

/* Capitals set at the body's letter-spacing look cramped, so headings in caps
   get a little air. Headings only, not every .text-uppercase - the top nav is
   built out of that class and widening 30 menu items would push the bar into a
   second row. */
html body h1.text-uppercase, html body h2.text-uppercase,
html body h3.text-uppercase, html body h4.text-uppercase,
html body h5.text-uppercase, html body h6.text-uppercase {
    letter-spacing: 0.02em;
}

/* =====================================================================
   TABLE HEADERS
   Every table on the site gets the brand header, whichever page it is on
   and whether or not it uses Bootstrap's .table class. The Bootstrap form
   of the selector is spelled out in full so it outranks Bootstrap's own
   ".table > :not(caption) > * > *" rule, which paints cells with
   --bs-table-bg and would otherwise win on specificity.
   ===================================================================== */
table th,
table thead th,
.table > thead > tr > th,
.table > :not(caption) > tr > th {
    background-color: var(--brand, #0747ae);
    color: #fff;
    font-weight: 700;
    vertical-align: middle;
}

/* The template pins p{line-height:26px}. Three elements deep so it outranks
   that, unitless so lines do not collide once A+ enlarges the text. Anything
   that sets its own line-height on a class still wins over this. */
html body p,
html body li,
html body td,
html body th {
    line-height: 1.65;
}

/* =====================================================================
   BOOTSTRAP COLOUR OVERRIDES
   .btn-primary was still painting itself Bootstrap blue (#0d6efd) on every
   theme, because that colour lives in the Bootstrap CDN bundle rather than
   in any of our stylesheets. Two Bootstraps are loaded here - 5.3.5 from
   the CDN and a local 3.3.7 - so instead of relying on load order these
   rules use ".btn.btn-primary" (0,2,0), which outranks both frameworks'
   ".btn-primary" (0,1,0) wherever they sit in the cascade.

   Both spellings are set: the --bs-btn-* custom properties for Bootstrap 5,
   and the plain background-color/border-color for Bootstrap 3.

   "html:root" (0,1,1) is the same trick for Bootstrap 5's ":root" (0,1,0)
   palette variables, which feed .text-primary / .bg-primary / .border-primary.
   ===================================================================== */
html:root {
    --bs-primary: var(--brand, #0747ae);
    --bs-primary-rgb: var(--brand-rgb, 7,71,174);
    --bs-link-color: var(--brand, #0747ae);
    --bs-link-color-rgb: var(--brand-rgb, 7,71,174);
    --bs-link-hover-color: var(--brand-dark, #002147);
}

.btn.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand, #0747ae);
    --bs-btn-border-color: var(--brand, #0747ae);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-dark, #002147);
    --bs-btn-hover-border-color: var(--brand-dark, #002147);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-dark, #002147);
    --bs-btn-active-border-color: var(--brand-dark, #002147);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--brand, #0747ae);
    --bs-btn-disabled-border-color: var(--brand, #0747ae);
    --bs-btn-focus-shadow-rgb: var(--brand-rgb, 7,71,174);
    background-color: var(--brand, #0747ae);
    border-color: var(--brand, #0747ae);
    color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:disabled {
    background-color: var(--brand-dark, #002147);
    border-color: var(--brand-dark, #002147);
    color: #fff;
}

.btn.btn-outline-primary {
    --bs-btn-color: var(--brand, #0747ae);
    --bs-btn-border-color: var(--brand, #0747ae);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand, #0747ae);
    --bs-btn-hover-border-color: var(--brand, #0747ae);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand, #0747ae);
    --bs-btn-active-border-color: var(--brand, #0747ae);
    --bs-btn-focus-shadow-rgb: var(--brand-rgb, 7,71,174);
    background-color: transparent;
    border-color: var(--brand, #0747ae);
    color: var(--brand, #0747ae);
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary.active {
    background-color: var(--brand, #0747ae);
    border-color: var(--brand, #0747ae);
    color: #fff;
}

/* the utility classes carry !important, so these have to as well - and one
   step more specific, since main.css loads before the Bootstrap bundle */
html .text-primary {
    color: var(--brand, #0747ae) !important;
}

html .bg-primary {
    background-color: var(--brand, #0747ae) !important;
}

html .border-primary {
    border-color: var(--brand, #0747ae) !important;
}

/* ===== end RECP typography and table rules ===== */

@media(max-width:576px) {
    .w100 {
        width: 100% !important;
        text-align: center !important;
    }

    .dnone {
        display: none !important;
    }

    .mainlogo {
        height: 250px !important;
    }

    .we {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}


body {
    margin: 0;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

.top-bar {
    background-color: var(--brand, #0747ae);
    color: white;
    padding: 10px 15px;
    flex-wrap: wrap;
}

    .top-bar a {
        color: white;
        text-decoration: none;
        font-size: var(--fs-base, 16px);
        margin-right: 1px;
    }

    .top-bar i {
        font-size: var(--fs-base, 16px);
        margin-left: 2px;
        cursor: pointer;
    }

.font-size-controls div, .theme-switch div,
.font-size-controls button, .theme-switch button {
    display: inline-block;
    margin: 0;
    padding: 1px 6px;
    background: white;
    color: black;
    font-family: inherit;
    font-size: var(--fs-base, 16px);
    line-height: 1.4;
    border: 1px solid white;
    cursor: pointer;
    border-radius: 2px;
}

/* the four T swatches preview the colour they switch to */
.theme-switch .theme-dot {
    color: #fff;
    font-weight: 700;
}

/* the swatches always show their own theme's colour, never the active one,
   so the row reads the same whichever theme you are on */
.theme-switch .theme-dot--blue {
    background: #0747ae;
    border-color: #0747ae;
}

.theme-switch .theme-dot--red {
    background: #b3221b;
    border-color: #b3221b;
}

.theme-switch .theme-dot--green {
    background: #14663d;
    border-color: #14663d;
}

.theme-switch .theme-dot--orange {
    background: #b85300;
    border-color: #b85300;
}

.theme-switch .theme-dot--black {
    background: #1f1f1f;
    border-color: #1f1f1f;
}

/* whichever text size / theme is currently on */
.font-size-controls button[aria-pressed="true"],
.theme-switch button[aria-pressed="true"] {
    outline: 2px solid #ffb606;
    outline-offset: 1px;
}

.font-size-controls button:focus-visible,
.theme-switch button:focus-visible {
    outline: 2px solid #ffb606;
    outline-offset: 2px;
}

.font-size-controls button:hover,
.theme-switch button:hover {
    opacity: .85;
}

/* A- / A+ superscripts must not drag the line height around */
.font-size-controls sup {
    font-size: .7em;
    line-height: 0;
    vertical-align: super;
}

.lang-switch {
    background: #f4c542;
    color: black;
    padding: 2px 8px;
    font-weight: bold;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
}

.site-language-toggle {
    min-width: 58px;
    min-height: 27px;
    border: 0;
    font: inherit;
    line-height: 1.25;
    text-align: center;
}

.site-language-toggle:hover {
    background: #ffd65a;
}

.site-language-toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.site-language-toggle[aria-busy="true"] {
    cursor: wait;
    opacity: .78;
}

.site-language-status,
.site-translation-widget {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.search-box input {
    border: none;
    padding: 4px 2px;
    border-radius: 3px;
    height: 10px !important;
}



.search-box {
    margin-left: 10px;
    display: flex;
    align-items: center;
}



@media (max-width: 768px) {
    .mainlogo {
        height: 150px !important;
        width: 150px !important;
    }

    .mainlogo,
    .college-heading,
    .erp-section {
        text-align: center !important;
        display: block;
        margin: 0 auto;
    }

    .aktulogo {
        display: none !important;
    }

    .college-heading h6,
    .college-heading p {
        text-align: center;
    }

    .college-heading hr {
        margin-left: auto;
        margin-right: auto;
    }

    .erp-section h4 {
        text-align: center;
    }

    .erp-section {
        margin-top: 20px;
    }
}






.nav-link {
    font-weight: 700;
}

.navbar-nav {
    display: flex;
    flex-wrap: wrap; /* Taaki small screen pe wrap ho jaye */
    justify-content: center; /* Center align */
    align-items: center;
    gap: 5px;
}

.dropdown-menu {
    background-color: var(--brand, #0747ae) !important;
    color: white !important;
    font-size: var(--fs-base, 16px);
    border-radius: 10px !important;
}

.dropdown-item {
    color: white !important;
}

.nav-link.dropdown-toggle::after {
    display: none !important;
}
/* Fix: Hover par background white ho, but text black ho */
.dropdown-item:hover {
    background-color: white !important;
    color: black !important;
}

/* Remove default Bootstrap dropdown icon */
.nav-item {
    font-size: var(--fs-base, 16px);
    font-weight: 500;
}

@media (max-width: 576px) {
    .nav-item {
        width: 100%;
        border: 0px;
        padding: 25px;
    }


    .dropdown-item {
        border-bottom: 1px solid black !important;
    }
        /* Pehle item ka sirf top border remove */
        .dropdown-item:first-child {
            border-top: none !important;
        }
    /* Last item ka sirf bottom border remove */


    .dropdown-menu {
        width: 510px;
        position: absolute !important;
        background-color: white !important;
        border-radius: 0px !important;
        color: black !important; /* Fix: White text nahi dikhega, isliye black kiya */
    }


    .dropdown-item {
        text-wrap: wrap;
        color: black !important; /* Fix: Dropdown items ka text bhi visible ho */
    }

    .axpx {
        left: -50vw !important;
    }
}


/* Ensure dropdown menu fits within screen */
@media (max-width: 768px) {
    .dropdown-item {
        padding: 8px 8px;
        font-size: var(--fs-base, 16px);
    }
}


@media(max-width:767px) {
    .nav-item {
        width: 100%;
        border: 0px;
        padding: 10px;
    }


    .dropdown-item {
        border-bottom: 1px solid black !important;
    }
    /* Pehle item ka sirf top border remove */
    /* Last item ka sirf bottom border remove */


    .dropdown-menu {
        width: 510px;
        position: absolute !important;
        background-color: white !important;
        border-radius: 0px !important;
        color: black !important; /* Fix: White text nahi dikhega, isliye black kiya */
    }


    .dropdown-item {
        text-wrap: wrap;
        color: black !important; /* Fix: Dropdown items ka text bhi visible ho */
    }

    .axpx {
        left: -50vw !important;
    }
}

@media (max-width: 991px) { /* Mobile and Tablet */


    .navbar-toggler {
        border: none;
        outline: none;
        color: white;
    }

    .navbar-collapse {
        background-color: var(--brand, #0747ae) !important; /* Dropdown ka background fix */
        padding: 5px;
        border-radius: 10px;
    }

    .navbar-nav .nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Professional look ke liye */
    }



    .navbar-toggler {
        border: none;
        outline: none;
        color: white;
    }

    .navbar-toggler-icon {
        filter: invert(1); /* White color ka icon */
    }
}



.footer-secure {
    background: linear-gradient(135deg, var(--brand-0a3d62, #0a3d62), var(--brand-0a2472, #0a2472));
    color: white;
    padding-top: 50px;
    text-align: left; /* Ensure default is left aligned */
}

    .footer-secure h5 {
        font-size: var(--fs-lg, 20px);
        color: white;
        margin-bottom: 20px;
        font-weight: 700;
        border-left: 4px solid white;
        padding-left: 12px;
    }

    .footer-secure p,
    .footer-secure a {
        font-size: var(--fs-base, 16px);
        color: white;
        margin-bottom: 8px;
        display: block;
        text-decoration: none;
        transition: color 0.3s ease;
    }

        .footer-secure a:hover {
            color: white;
        }

    .footer-secure .btn-orange {
        background-color: white;
        color: black;
        border: none;
        border-radius: 25px;
        padding: 8px 20px;
        margin-top: 10px;
        font-size: var(--fs-base, 16px);
        display: inline-block;
        font-weight: 500;
        transition: background-color 0.3s ease;
    }

        .footer-secure .btn-orange:hover {
            background-color: #e65c00;
        }

    .footer-secure .footer-links ul {
        list-style: none;
        padding: 0;
    }

    .footer-secure .footer-links li {
        margin-bottom: 8px;
    }
    .footer-secure .footer-links li a{
        color: white !important;
    }

    .footer-secure .footer-bottom {
        background-color: var(--brand-023a71, #023a71);
        color: #aaa;
        font-size: var(--fs-xs, 13px);
        padding: 15px 0;
        margin-top: 30px;
    }

        .footer-secure .footer-bottom strong {
            color: white;
        }

    .footer-secure i {
        margin-right: 6px;
        color: white;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .footer-secure {
        text-align: left; /* keep alignment to left on small devices */
    }

        .footer-secure .footer-links,
        .footer-secure .footer-about {
            margin-bottom: 30px;
        }
}


/* ══════════════════════════════════════════
   ROOT & SECTION
══════════════════════════════════════════ */
.sct-wrap {
    --blue: var(--brand-1a56db, #1a56db);
    --blue-dk: var(--brand-071e4a, #071e4a);
    --blue-md: var(--brand-0a2d6e, #0a2d6e);
    --blue-lt: var(--brand-3b82f6, #3b82f6);
    --blue-pale: var(--brand-e8f0fe, #e8f0fe);
    --white: #ffffff;
    --black: var(--brand-0a0f1e, #0a0f1e);
    /*    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);*/
    background: radial-gradient(ellipse 80% 55% at 8% 0%, rgba(var(--brand-3b82f6-rgb, 59,130,246),.35) 0%, transparent 58%), radial-gradient(ellipse 55% 45% at 94% 100%, rgba(var(--brand-1a56db-rgb, 26,86,219),.22) 0%, transparent 55%), linear-gradient(155deg, var(--brand-050d20, #050d20) 0%, var(--brand-071e4a, #071e4a) 45%, var(--brand-0a2d6e, #0a2d6e) 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 64px 0 72px;
}

/* ── decorative circles ── */
.sct-geo {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    z-index: 0;
}

.sct-g1 {
    width: 520px;
    height: 520px;
    border: 1.5px solid rgba(var(--brand-3b82f6-rgb, 59,130,246),.2);
    right: -120px;
    top: -110px;
}

.sct-g2 {
    width: 330px;
    height: 330px;
    border: 1.5px solid rgba(var(--brand-3b82f6-rgb, 59,130,246),.32);
    right: -65px;
    top: -55px;
}

.sct-g3 {
    width: 400px;
    height: 400px;
    border: 1.5px solid rgba(255,255,255,.06);
    left: -130px;
    bottom: 5%;
}

.sct-g4 {
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(var(--brand-1a56db-rgb, 26,86,219),.12) 0%, transparent 70%);
    right: -60px;
    top: 35%;
}

.sct-dots {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 36px 36px;
}

/* ── inner container ── */
.sct-inner {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ══════════════════════════════════════════
   SECTION HEADER
══════════════════════════════════════════ */
.sct-header {
    text-align: center;
    margin-bottom: 44px;
}

.sct-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.22);
    color: #fff;
    padding: 7px 22px;
    border-radius: 40px;
    font-size: var(--fs-xs, 13px);
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.sct-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--brand-60a5fa, #60a5fa);
    animation: sct-pulse 2s ease-in-out infinite;
}

@keyframes sct-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .4;
        transform: scale(.6);
    }
}

.sct-title {
    font-size: clamp(30px, 4.5vw, 30px);
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 14px;
}

    .sct-title span {
        color: var(--brand-60a5fa, #60a5fa);
    }

.sct-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.sct-rule-line {
    width: 44px;
    height: 2px;
    background: rgba(255,255,255,.18);
    border-radius: 4px;
}

.sct-rule-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--brand-3b82f6, #3b82f6);
    box-shadow: 0 0 12px rgba(var(--brand-3b82f6-rgb, 59,130,246),.8);
}

/* ══════════════════════════════════════════
   TAB NAV
══════════════════════════════════════════ */
.sct-tabs-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-bottom: 36px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50px;
    padding: 5px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
}

.sct-tab-btn {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 22px;
    border-radius: 40px;
    border: none;
    cursor: pointer;
    /* font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif); */
    font-size: var(--fs-base, 16px);
    font-weight: 600;
    color: rgba(255,255,255,.65);
    background: transparent;
    transition: all .26s ease;
    white-space: nowrap;
}

    .sct-tab-btn:hover {
        color: #fff;
        background: rgba(255,255,255,.09);
    }

    .sct-tab-btn.active {
        background: var(--brand-1a56db, #1a56db);
        color: #fff;
        box-shadow: 0 6px 22px rgba(var(--brand-1a56db-rgb, 26,86,219),.55);
    }

.sct-tab-icon {
    font-size: var(--fs-base, 16px);
    line-height: 1;
}

/* ══════════════════════════════════════════
   TAB PANELS
══════════════════════════════════════════ */
.sct-tab-panel {
    display: none;
    animation: sct-fadeup .32s ease;
}

    .sct-tab-panel.active {
        display: block;
    }

@keyframes sct-fadeup {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ══════════════════════════════════════════
   GLASS CARD (About / Vision / Mission)
══════════════════════════════════════════ */
.sct-glass-card {
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,.14);
   
    padding: 40px 44px;
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .sct-glass-card::before {
        content: '';
        position: absolute;
        inset: 0;
/*        border-radius: 24px;*/
        background: linear-gradient(135deg, rgba(255,255,255,.04) 0%, transparent 60%);
        pointer-events: none;
    }

    .sct-glass-card::after {
        content: '';
        position: absolute;
        top: -60px;
        right: -60px;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(var(--brand-3b82f6-rgb, 59,130,246),.12) 0%, transparent 70%);
        pointer-events: none;
    }

.sct-card-icon-wrap {
    width: 54px;
    height: 54px;
    /* border-radius: 16px; */
    background: rgba(var(--brand-3b82f6-rgb, 59,130,246),.2);
    border: 1px solid rgba(var(--brand-3b82f6-rgb, 59,130,246),.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xl, 24px);
    margin-bottom: 20px;
}

.sct-glass-card h3 {
    font-size: clamp(22px, 3vw, 25px);
    font-weight: 800;
    color: #fff;
    margin: 0 0 16px;
    letter-spacing: -.4px;
}

.sct-glass-card p {
    font-size: var(--fs-base, 16px);
    line-height: 1.85;
    color: #ffffff;
    text-align: justify;
    margin: 0;
}

    .sct-glass-card p + p {
        margin-top: 14px;
    }

/* ══════════════════════════════════════════
   OBJECTIVES
══════════════════════════════════════════ */
.sct-obj-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 14px;
    max-width: 1060px;
    margin: 0 auto;
}

.sct-obj-item {
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,.12);
    padding: 20px 20px 20px 18px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    transition: transform .26s ease, border-color .26s ease, background .26s ease;
}

    .sct-obj-item:hover {
        transform: translateY(-4px);
        border-color: rgba(var(--brand-3b82f6-rgb, 59,130,246),.5);
        background: rgba(var(--brand-3b82f6-rgb, 59,130,246),.1);
    }

.sct-obj-num {
    min-width: 36px;
    height: 36px;
    background: var(--brand-1a56db, #1a56db);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xs, 13px);
    font-weight: 800;
    color: #fff;
    box-shadow: 0 4px 14px rgba(var(--brand-1a56db-rgb, 26,86,219),.5);
    flex-shrink: 0;
}

.sct-obj-text {
    font-size: var(--fs-base, 16px);
    line-height: 1.65;
    color: rgba(255,255,255,.82);
}

/* ══════════════════════════════════════════
   ACTIVITIES - GLASS CARD + CUSTOM IMAGE MODAL
══════════════════════════════════════════ */

.sct-act-grid {
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 24px;
}

.sct-act-card {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
  
    padding: 26px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 18px 50px rgba(0,0,0,.25);
}

.sct-act-top {
    margin-bottom: 16px;
}

.sct-act-date {
    display: inline-block;
    background: rgba(var(--brand-60a5fa-rgb, 96,165,250),.18);
    border: 1px solid rgba(var(--brand-60a5fa-rgb, 96,165,250),.35);
    color: var(--brand-bfdbfe, #bfdbfe);
    padding: 8px 18px;
   
    font-size: var(--fs-xs, 13px);
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.sct-act-title {
    color: #fff;
    font-size: var(--fs-xl, 24px);
    font-weight: 850;
    line-height: 1.25;
    margin: 0;
}

.sct-act-row {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 28px;
    align-items: center;
}

    .sct-act-row.activity-reverse {
        grid-template-columns: .92fr 1.08fr;
    }

.sct-act-content {
    padding: 0;
}

    .sct-act-content p {
        color: rgba(255,255,255,.88);
        font-size: var(--fs-base, 16px);
        line-height: 1.75;
        text-align: justify;
        margin: 0 0 12px;
    }

.sct-act-media {
    background: rgba(255,255,255,.08);
   
    padding: 10px;
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.sct-img-grid.four-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 122px 122px;
    gap: 8px;
}

.sct-img-grid.five-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 95px 95px 115px;
    gap: 8px;
}

    .sct-img-grid.five-img .full-img {
        grid-column: 1 / -1;
    }

.sct-img-wrap {
    overflow: hidden;
    position: relative;
    background: rgba(255,255,255,.12);
    cursor: pointer;
}

    .sct-img-wrap img {
        width: 100%;
        height: 100%;
/*        object-fit: cover;*/
        display: block;
        transition: transform .35s ease;
    }

    .sct-img-wrap:hover img {
        transform: scale(1.05);
    }

.sct-img-ov {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, transparent 45%, rgba(var(--brand-071e4a-rgb, 7,30,74),.72));
    opacity: 0;
    transition: opacity .25s ease;
}

.sct-img-wrap:hover .sct-img-ov {
    opacity: 1;
}

.sct-img-zoom {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: #fff;
    font-size: var(--fs-base, 16px);
    opacity: 0;
    z-index: 2;
    transition: .25s ease;
}

.sct-img-wrap:hover .sct-img-zoom {
    opacity: 1;
}

.sct-custom-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

    .sct-custom-modal.show {
        display: flex !important;
    }

.sct-modal-box {
    width: min(760px, 94vw);
    background: #fff;
    
    padding: 12px;
    position: relative;
    box-shadow: 0 25px 70px rgba(0,0,0,.45);
    animation: sctModalZoom .25s ease;
}

    .sct-modal-box img {
        width: 100%;
        max-height: 78vh;
        object-fit: contain;
/*        border-radius: 14px;*/
        display: block;
    }

.sct-modal-close {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-size: var(--fs-2xl, 30px);
    line-height: 1.267;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 8px 22px rgba(0,0,0,.3);
}

@keyframes sctModalZoom {
    from {
        opacity: 0;
        transform: scale(.92);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 992px) {
    .sct-act-row,
    .sct-act-row.activity-reverse {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

@media (max-width: 576px) {
    .sct-act-card {
        padding: 16px;
    }

    .sct-act-title {
        font-size: var(--fs-lg, 20px);
    }

    .sct-img-grid.four-img {
        grid-template-rows: 105px 105px;
    }

    .sct-img-grid.five-img {
        grid-template-rows: 90px 90px 105px;
    }
}
/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media (max-width: 768px) {
    .sct-glass-card {
        padding: 28px 22px;
    }

    .sct-act-grid {
        grid-template-columns: 1fr;
    }

    .sct-tab-btn {
        padding: 9px 15px;
        font-size: var(--fs-xs, 13px);
    }
}

@media (max-width: 480px) {
    .sct-wrap {
        padding: 44px 0 52px;
    }

    .sct-tabs-nav {
        gap: 4px;
        padding: 4px;
    }

    .sct-tab-btn {
        padding: 8px 11px;
        font-size: var(--fs-xs, 13px);
    }

    .sct-tab-icon {
        display: none;
    }

    .sct-img-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sct-obj-grid {
        grid-template-columns: 1fr;
    }
}




.ev-section {
    padding: 60px 0;
}

.event-carousel .owl-stage {
    display: flex;
}

.event-carousel .owl-item {
    display: flex;
}

.ev-card {
    width: 100%;
    height: 100%;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}

.ev-img {
    width: 100%;
    height: 210px;
    cursor: pointer;
    display: block;
    flex-shrink: 0;
    transition: 0.3s ease;
}

    .ev-img:hover {
        transform: scale(1.04);
    }

.ev-body {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ev-title {
    color: var(--brand, #0747ae);
    font-size: var(--fs-base, 16px);
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 8px;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

.ev-date {
    font-size: var(--fs-base, 16px);
    color: #555;
    margin-bottom: 0;
    margin-top: auto;
}

/* Events Modal - unique classes */
.evm-modal {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

    .evm-modal.evm-show {
        display: flex;
    }

.evm-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.86);
}

.evm-box {
    position: relative;
    width: 95%;
    max-width: 1050px;
    max-height: 92vh;
    background: #111;
    border-radius: 14px;
    padding: 18px;
    z-index: 2;
    animation: evmZoom 0.25s ease;
}

@keyframes evmZoom {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.evm-close {
    position: absolute;
    top: 8px;
    right: 14px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: var(--fs-3xl, 36px);
    line-height: 1;
    cursor: pointer;
    z-index: 5;
}

.evm-title {
    color: #fff;
    font-size: var(--fs-base, 16px);
    font-weight: 600;
    padding-right: 45px;
    margin-bottom: 15px;
    line-height: 1.4;
}

.evm-img-wrap {
    position: relative;
    text-align: center;
}

.evm-img {
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    border-radius: 8px;
}

.evm-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: none;
    background: #fff;
    color: #000;
    font-size: var(--fs-xl, 24px);
    cursor: pointer;
    z-index: 4;
}

.evm-prev {
    left: 15px;
}

.evm-next {
    right: 15px;
}

.evm-nav:hover {
    background: var(--brand, #0747ae);
    color: #fff;
}

body.evm-body-lock {
    overflow: hidden;
}

@media(max-width:768px) {
    .ev-section {
        padding: 40px 0;
    }

    .ev-card {
        min-height: 340px;
    }

    .ev-img {
        height: 190px;
    }

    .evm-box {
        width: 100%;
        padding: 14px;
    }

    .evm-title {
        font-size: var(--fs-base, 16px);
    }

    .evm-img {
        max-height: 68vh;
    }

    .evm-nav {
        width: 38px;
        height: 38px;
        font-size: var(--fs-lg, 20px);
    }

    .evm-prev {
        left: 8px;
    }

    .evm-next {
        right: 8px;
    }
}

@media(max-width:480px) {
    .ev-card {
        min-height: 330px;
    }

    .ev-img {
        height: 180px;
    }

    .ev-title {
        font-size: var(--fs-base, 16px);
    }

    .ev-date {
        font-size: var(--fs-xs, 13px);
    }

    .evm-img {
        max-height: 62vh;
    }

    .evm-nav {
        width: 34px;
        height: 34px;
        font-size: var(--fs-base, 16px);
    }
}
/* ==========================================================================
   Student Grievance Redressal Cell (About / Member Details / Grievance Portal)
   Typography mirrors the About section on the home page so the SGRC pages read
   the same as the rest of the site.
   ========================================================================== */
.sgrc-section {
    padding: 30px 0;
}

.sgrc-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;
}

.sgrc-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);
}

.sgrc-section .table,
.sgrc-section .form-label,
.sgrc-section .form-control,
.sgrc-section .btn,
.sgrc-section a {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

.sgrc-section .table th,
.sgrc-section .table td {
    vertical-align: middle;
    line-height: 1.8;
}

@media (max-width: 991.98px) {
    .sgrc-heading {
        font-size: var(--fs-lg, 20px);
    }

    .sgrc-text,
    .sgrc-section .table,
    .sgrc-section .form-label,
    .sgrc-section .form-control,
    .sgrc-section .btn,
    .sgrc-section a {
        font-size: var(--fs-base, 16px);
    }
}

@media (max-width: 575.98px) {
    .sgrc-heading {
        font-size: var(--fs-base, 16px);
    }

    .sgrc-text,
    .sgrc-section .table,
    .sgrc-section .form-label,
    .sgrc-section .form-control,
    .sgrc-section .btn,
    .sgrc-section a {
        font-size: var(--fs-base, 16px);
    }
}

/* --- SGRC forms: validation messages and CAPTCHA ------------------------- */
.sgrc-section .sgrc-field-error {
    display: block;
    margin-top: 4px;
    font-size: var(--fs-base, 16px);
    line-height: 1.4;
    color: #dc3545;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

.sgrc-section .sgrc-form-alert {
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}

.sgrc-section .form-control.input-validation-error {
    border-color: #dc3545;
}

.sgrc-captcha {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sgrc-captcha-image {
    height: 60px;
    width: 190px;
    max-width: 100%;
    border: 1px solid #ced4da;
    background-color: #fff;
}

@media (max-width: 575.98px) {
    .sgrc-section .sgrc-field-error {
        font-size: var(--fs-xs, 13px);
    }

    .sgrc-section .sgrc-form-alert {
        font-size: var(--fs-base, 16px);
    }
}

.sgrc-section .sgrc-field-hint {
    display: inline-block;
    margin-left: 6px;
    font-size: var(--fs-base, 16px);
    color: #6c757d;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    font-weight: 400;
}


/* Source: style.css */
/*
** Template default css
*/
:root
{
  --my-blue:var(--brand-dark, #002147);
  --my-yellow:#ffb606;

}
.img_border,.img_border1
{
height:17em;
border:7px solid white;
box-shadow: 0px 0px 5px #000;
}
.img_border:hover
{
transform: scale(1.1);
transition: all ease 1s;
}
.txt
{
text-align: justify !important;
font-size:17px;
}
table tr 
{
text-align: center;
}
table tr th
{
text-align: center;
background-color: var(--my-blue);
color:white;
}
table tr img
{
height:6em;
}

* {
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

body {

  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  overflow-x: hidden;
  background-color: #ffffff;
}

html, body, .wrapper {
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--brand-dark, #002147);
  font-weight: normal;
  line-height: 1.2;

  letter-spacing: 0;
  margin: 0;
}

h1,h2,h3,h4 {
  margin-bottom: 15px;
}

h5,h5 {
  margin-bottom: 10px;
}

img {
  border: none;
  outline: none;
  max-width: 100%;
}

label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  max-width: 100%;
}

a, .btn, button {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  outline: medium none;
}

a img, iframe {
  border: none;
}

p {
  color: #666666;
  line-height: 26px;
  margin: 0 0 15px;
  text-transform: none;
  font-weight: 400;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #eee;
}

pre {
  display: block;
  margin: 0 0 30px;
  padding: 9.5px;
  word-wrap: break-word;
  word-break: break-all;
  color: #333;
  border: 1px solid #ededed;
  border-radius: inherit;
  background-color: #f9f9f9;
  font-size: 13px;
  line-height: 1.42857143;
}

input:focus, textarea:focus, 
 select:focus {
  outline: none;
  box-shadow: inherit;
}

ul {
  margin: 0;
  list-style-type: none;
}

a, a:active, a:focus, a:hover {
  outline: none;
  text-decoration: none;
  color: var(--brand-dark, #002147);
}

a:hover {
  color: var(--brand-dark, #002147);
}

a {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  text-decoration: none;

}

 strong {
  font-weight: 900;
}

.btn.active, .btn:active {
  background-image: inherit !important;
}

.btn.focus, 
 .btn:active:focus, 
 .btn:active:hover, 
 .btn:focus, 
 .btn:hover {
  outline: 0;
}

.btn.circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.btn.active, .btn:active {
  outline: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 50px;
}
/* Default CSS */
.container-half {
  margin: 0 auto;
  width: 60%;
  padding: 0 15px;
}

.bg-cover {
  background-position: center center;
  background-size: cover;
}

.bg-fixed {
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
}

.bg-gray {
  background-color: #f9f9f9;
}

.bg-gray-hard {
  background: linear-gradient(90deg, rgba(var(--brand-edf5ff-rgb, 237,245,255),1) 0%, rgba(var(--brand-ccdff7-rgb, 204,223,247),1) 100%);
}

.bg-light {
  background-color: #ffffff;
}

.bg-theme {
  background-color: #ffb606;
}

.color-yellow .bg-theme {
  background-color: #ff9800;
}

.align-right {
  float: right;
}

.text-light h1, 
 .text-light h2, 
 .text-light h3, 
 .text-light h4, 
 .text-light h5, 
 .text-light h6, 
 .text-light p, 
 .text-light a {
  color: #ffffff;
}

.shadow {
  position: relative;
  z-index: 1;
}

.shadow.dark::after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.dark-hard::after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.light::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.theme::after {
  background: #ffb606 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.colo-yellow.shadow.theme::after,
.colo-yellow .shadow.theme::after {
  background: #ff9800 none repeat scroll 0 0;
}

.shadow.theme-hard::after {
  background: #ffb606 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.color-yellow.shadow.theme-hard::after,
.color-yellow .shadow.theme-hard::after {
  background: #ff9800 none repeat scroll 0 0;
}

.default-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.default-padding-top {
  padding-top: 120px;
}

.default-padding-bottom {
  padding-bottom: 120px;
}

.default-padding.bottom-less {
  padding-top: 120px;
  padding-bottom: 90px;
}

.default-padding.bottom-30 {
  padding-top: 120px;
  padding-bottom: 70px;
}

.default-padding.bottom-20 {
  padding-top: 120px;
  padding-bottom: 80px;
}

.padding-xl {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (min-width: 1200px) {
  .item-flex {
    display: flex;
  }

}

.item-flex.center {
  align-items: center;
}


.btn {
  display: inline-block;

  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  letter-spacing: 1px;
  border-radius: inherit;
  overflow: hidden;
}

.btn-md {
  padding: 10px 40px 10px;
}

.btn-sm {
  padding: 8px 35px;
  font-size: 12px;
}

.btn-xsm {
  padding: 5px 18px;
  font-size: 12px;
}

.btn.btn-sm-pro {
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
  padding: 4px 35px;
  display: inline-block;
}

.btn-border-light {
  border: 2px solid #ffffff;
}

.btn.btn-sm-pro.btn-border-light:hover, 
 .btn.btn-sm-pro.btn-border-light:focus {
  background-color: #ffffff;
  color: var(--brand-dark, #002147);
  border: 2px solid #ffffff;
}

.btn-gray {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 2px solid #e7e7e7;
}

.btn-gray:hover {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #e7e7e7;
}

.btn-dark {
  background-color: var(--brand-dark, #002147);
  color: #ffffff;
  border: 2px solid var(--brand-dark, #002147);
}

.btn-dark.border {
  background-color: transparent;
  color: var(--brand-dark, #002147);
  border: 2px solid var(--brand-dark, #002147);
}

.btn-dark.border:hover {
  background-color: var(--brand-dark, #002147);
  color: #ffffff !important;
  border: 2px solid var(--brand-dark, #002147);
}

.btn.btn-light {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: var(--brand-dark, #002147);
}

.btn.btn-light:hover, 
 .btn.btn-light:focus {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn.btn-light.effect:hover, 
 .btn.btn-light.effect:focus {
  background-color: #ffb606;
  color: #ffffff !important;
  border: 2px solid #ffb606;
}

.btn.btn-light.border {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn.btn-light.border:hover {
  background: #ffffff none repeat scroll 0 0 !important;
  border: 2px solid #ffffff !important;
  color: var(--brand-dark, #002147) !important;
}

.btn-dark:hover, 
 .btn-dark:focus {
  color: var(--brand-dark, #002147) !important;
  background: transparent;
}

.bg-dark {
  background: var(--brand-dark, #002147)  none repeat scroll 0 0;
}

.bg-gradient {
  background: linear-gradient(90deg, rgba(var(--brand-dark-rgb, 0,33,71),1) 0%, rgba(var(--brand-0e20ad-rgb, 14,32,173),1) 100%);
}

.btn-theme,
.button-theme {
  background-color: #ffb606;
  color: var(--brand-dark, #002147) !important;
  border: 2px solid #ffb606;
}

.btn-theme.border {
  background-color: transparent;
  color: #ffb606 !important;
  border: 2px solid #ffb606;
}

.btn-theme.border:hover {
  background-color: #ffb606;
  color: #ffffff !important;
  border: 2px solid #ffb606;
}

.btn-theme.effect:hover, 
 .btn-theme.effect:focus {
  background: #ffd134 none repeat scroll 0 0;
  border: 2px solid #ffd134;
  color: #ffffff !important;
}

.button-theme:hover, 
 .button-theme:focus {
  background: #ffd134 none repeat scroll 0 0;
  color: #ffffff !important;
}

.btn.btn-sm-lm {
  font-size: 12px;
  padding: 4px 35px;
}

.btn.border.btn-light.standard {
  padding-left: 20px;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}

.btn.border.btn-light.standard::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 53px;
  position: absolute;
  right: -18px;
  top: -10px;
  transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  width: 50px;
  z-index: -1;
}

.btn.border.btn-light.standard::before {
  color: #ffb606;
  content: "\f061";
  
  height: 100%;
  position: absolute;
  right: 0;
  width: 25px;
}

.button-sm {
  border: medium none;
  
  font-weight: 500;
  padding: 8px 25px;
  text-transform: uppercase;
}

.banner-area.shadow.dark-hard .content .btn.btn-theme.effect:hover,
.banner-area.shadow.dark-hard .content .btn.btn-light.effect:hover,
.banner-area.shadow.dark-hard .content .btn.btn-dark.effect:hover {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #ffffff !important;
}

a.btn-icon {
  background: #f1f1f1 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffb606;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

.bg-fixed {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.bg-cover {
  background-position: center center;
  background-size: cover;
}

.container-full {
  padding: 0 15px;
  width: 100%;
}

.oh {
  overflow: hidden;
}

.less-margin {
  margin: 0;
}

header {
  position: relative;
}
.navbar-default
{
padding-top:0;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
  position: relative;
  z-index: 1;
  margin-left: 3px;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
  border: medium none;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
  background: none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 0;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
  width: 100%;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
  width: 0;
}

.attr-nav .social.right li {
  margin-left: 20px;
}

.attr-nav .social li a {
  font-size: 16px;
}

/* topbar heading */
.my_top
{
min-height: 30px;
}
.top_left
{
min-height: 10.2em;
border-right:1px solid #000;
background: white;
padding-left:3.5em;
}

.head_top
{
padding-top:1em;
background: #fff;
border-bottom:1px solid #000;
}

.head_top span
{
 
font-weight: 700;
font-size: 1.7em;
}
.head_top p
{

}

.head_top_in
{
padding-top: 1em;
}
.head_top_in i
{
margin-left: 0em;
padding:0 !important;
}
.head_top_in i span
{
font-size:17px;
color: var(--my-blue);
}
.ic
{
background: var(--my-blue);
color: white;
margin-left: 0 !important;
border-radius: 5px;
}
.my-ic i
{
padding: 0.5em !important;
}

/* Navbar */
/* ============================================================== 
     # Topbar 
=================================================================== */
.top-bar-area {
  padding: 10px 0;
  overflow: hidden;
}

.top-bar-area {
  padding: 10px 0;
}

.top-bar-area .user-login a {
  background: #ffb606 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: var(--brand-dark, #002147)  ;
  display: inline-block;
  font-weight: 600;
  margin-left: 5px;
  padding: 8px 25px;
}

.top-bar-area .user-login a i {
  margin-right: 2px;
}

.top-bar-area .address-info li {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;

  margin-right: 18px;
  padding-right: 20px;
  color: #ffffff;
  line-height: 24px;
}

.top-bar-area.bg-theme .address-info li {
  border-right: 1px solid var(--brand-dark, #002147);
  color:white;
}

.top-bar-area.address-one-lines .address-info li {
  margin-right: 10px;
  padding-right: 15px;
}

.top-bar-area.address-one-lines .address-info li span {
  display: inline-block;
  font-weight: normal;
  padding-left: 5px;
}

.top-bar-area.address-two-lines .user-login {
  margin: 3px 0;
}

.top-bar-area .address-info li span {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}

.top-bar-area .address-info li p {
  line-height: 24px;
  margin: 0;
}

.top-bar-area .address-info li:last-child {
  border: medium none;
  margin: 0;
}

.top-bar-area .address-info li i {
  margin-right: 3px;
}
.top-bar-area .address-info li .hi {
  animation: blink-me 1s infinite;
}

@keyframes blink-me{
  0%{color:white;background:var(--my-blue);}
  30%{color:white;background:var(--my-blue)}
  70%{color:white;background:black;}
  100%{color:white;background:black;}
}

.top-bar-area.address-one-lines .address-info {
  margin: 8px 0;
}

.top-bar-area .menu li {
  display: inline-block;
  margin-left: 10px;
  padding-left: 15px;
  position: relative;
  z-index: 1;
}

.top-bar-area .menu li a {
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
}

.top-bar-area.bg-dark .menu li a {
  color: #ffffff;
}

.top-bar-area .menu li a:hover {
  color: #ffb606;
}

.top-bar-area.bg-theme .menu li a:hover {
  color: #ffffff;
}

.top-bar-area .menu li::before {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 1px;
}

.top-bar-area.bg-theme .menu li::before {
  background: var(--brand-dark, #002147);
}

.top-bar-area .menu li:first-child {
  margin: 0;
  padding: 0;
}

.top-bar-area .menu li:first-child::before {
  display: none;
}

.top-bar-area .menu {
  padding: 8px 0;
}

.top-bar-area .row.align-center {
  display: flex;
  align-items: center;
  justify-content: center;
}


.top-bar-area .simple-link a {
  margin-left: 20px;
}
.top-bar-area .simple-link a:first-child {
  margin-left: 0;
}
.top-bar-area .simple-link a i {
  margin-right: 3px;
}
.top-bar-area .simple-link {
  position: relative;
  z-index: 1;
  font-weight: 600;
}
.top-bar-area .simple-link::after {
  position: absolute;
  top: -30px;
  content: "";
  height: 100px;
  width: 800px;
  background: #ffb606;
  left: 0;
  z-index: -1;
  transform: skew(25deg);
}
.top-bar-area .simple-link a {
  color: #232323;
}

/* Site Heading */

.site-heading {
  margin-bottom: 60px;
  margin-top: -5px;
  overflow: hidden;
}

.site-heading h2 {
  display: inline-block;
  font-weight: 700;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}

.bg-dark .site-heading h2 {
  color: #ffffff;
}

.bg-dark .site-heading p {
  color: #cccccc;
}

.site-heading h2::before {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -40px;
  position: absolute;
  width: 40px;
  z-index: 1;
}

.site-heading h2::after {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: 5px;
  position: absolute;
  width: 40px;
}

.site-heading.text-left h2::before {
  left: 0;
  margin: 0;
}

.site-heading.text-left h2::after {
  left: 45px;
  margin: 0;
  width: 20px;
}


/* ============================================================== 
     # Bradcrumb 
=================================================================== */
.breadcrumb-area {
  padding:90px  10px;
}

.breadcrumb-area .breadcrumb {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  position: relative;
  z-index: 1;
}

.breadcrumb-area .breadcrumb li i {
  color: #ffb606;
  margin-right: 3px;
}

.breadcrumb-area .breadcrumb::after {
  background: #000000 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.breadcrumb-area h1 {
  display: block;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 40px;
}

.breadcrumb > li + li::before {
  color: #ffb606;
  content: "\f111";

  font-size: 8px;
  font-weight: 500;
  padding: 0 10px;
  position: relative;
  top: -1px;
}

.breadcrumb-area .breadcrumb a, 
 .breadcrumb-area .breadcrumb li {
  font-weight: 600;
  text-transform: uppercase;
 
}

.breadcrumb-area .breadcrumb li.active {
  color: #cccccc;
}


/* ============================================================== 
     # Banner 
=================================================================== */
 .banner-area, 
 .banner-area div {
  min-height:35em;
}

.banner-area.auto-height, 
.banner-area.auto-height div {
  height: auto;
}

.banner-area .box-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.banner-area .box-table {
  display: table;
  width: 100%;
}

.banner-area .box-cell, 
 .banner-area .box-cell div {
  height: auto;
}

.banner-area {
  position: relative;
  overflow: hidden;
}

.banner-area .content {
  overflow: hidden;
}

/* Carousel Control */
.banner-area .carousel-control {
  font-size: 40px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  margin-top: -25px;
  background: transparent;
  opacity: 1;
  z-index: 1;
}

.banner-area .carousel-control.shadow {
  background: transparent none repeat scroll 0 0;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 1;
  color: #ffffff;
  text-shadow: inherit;
}

.banner-area .carousel-control.shadow::after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.banner-area .carousel-control.left {
  left: -50px;
}

.banner-area:hover .carousel-control.left {
  left: 0;
}

.banner-area:hover .carousel-control.shadow.left {
  left: 20px;
}

.banner-area .carousel-control.right {
  right: -50px;
}

.banner-area:hover .carousel-control.right {
  right: 0;
}

.banner-area:hover .carousel-control.shadow.right {
  right: 20px;
}

/* Animation delays */
.banner-area .item h1:first-child, 
 .banner-area .item h2:first-child, 
 .banner-area .item h3:first-child, 
 .banner-area .item h4:first-child, 
 .banner-area .item h5:first-child, 
 .banner-area .item h6:first-child {
  animation-delay: .5s;
}

.banner-area .item h1:nth-child(2), 
 .banner-area .item h2:nth-child(2), 
 .banner-area .item h3:nth-child(2), 
 .banner-area .item h4:nth-child(2), 
 .banner-area .item h5:nth-child(2), 
 .banner-area .item h6:nth-child(2) {
  animation-delay: .6s;
}

.carousel-caption h1:nth-child(3), 
 .carousel-caption h2:nth-child(3), 
 .carousel-caption h3:nth-child(3), 
 .carousel-caption h4:nth-child(3), 
 .carousel-caption h5:nth-child(3), 
 .carousel-caption h6:nth-child(3) {
  animation-delay: .9s;
}

.banner-area .item p {
  animation-delay: .5s;
}

.banner-area .item a, 
 .banner-area .item button {
  animation-delay: .7s;
  margin-right: 3px;
}

.banner-area.text-center .item a, 
.banner-area.text-center .item button,
.banner-area .text-center .item a, 
.banner-area .text-center .item button {
  margin-right: 3px;
  margin-left: 3px;
}


/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item, 
 .carousel-fade .carousel-inner .active.left, 
 .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active, 
 .carousel-fade .carousel-inner .next.left, 
 .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next, 
 .carousel-fade .carousel-inner .prev, 
 .carousel-fade .carousel-inner .active.left, 
 .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}
/* Slider Zoom Effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1);
  }

  to {
    -moz-transform: scale(1.2, 1.2);
  }
}

@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1);
  }

  to {
    -o-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.2, 1.2);
  }
}

.carousel-inner .item > .slider-thumb {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.banner-area .carousel-zoom .slider-thumb {
  height: 100%;
  position: absolute;
  width: 100%;
}

.banner-area.transparent-nav .content {
  padding-top: 80px;
}


/* Carousel Content */
.banner-area.banner-search.content-top-heading .content h1 {
  margin-bottom: 50px;

}

.banner-area.text-normal h3 {
  font-size: 36px;
  text-transform: uppercase;
}

.banner-area.text-normal h1 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 25px;
  text-transform: capitalize;
  margin-top:2em;
}

.banner-area.text-normal.heading-weight-600 h1 {
  font-weight: 600;
}

.banner-area.text-normal p {
  font-size: 16px;
}

.banner-area.text-normal span {
  color: #ffb606;
}

.banner-area.text-normal.less-paragraph h1 {
  margin-bottom: 15px;
  margin-top: 0;
}

.banner-area.text-normal a {
  margin-top: 15px;
}

.banner-area .col-md-10.col-md-offset-1 p {
  padding: 0 10%;
}

.banner-area.text-small h1 {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.banner-area.text-small a {
  margin-top: 15px;
}

.banner-area.text-small p {
  font-size: 16px;
}

.banner-area.text-dark p {
  color: var(--brand-dark, #002147);
}

.banner-area form {
  position: relative;
  z-index: 1;
  width: 80%;
  margin: 50px auto auto;
}

.banner-area form input {
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;
  min-height: 60px;
  padding: 15px 30px;
}

.banner-area form button {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  
  font-weight: 500;
  height: 50px;
  margin: 0 !important;
  padding: 0 30px;
  position: absolute;
  right: 5px;
  text-transform: capitalize;
  top: 5px;
}

.banner-area.auto-height .content {
  padding: 150px 0;
}


.banner-area.text-default .content h1 {
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 25px;
}
.banner-area.text-default .content a {
  margin-top: 15px;
}
.banner-area.text-default .content h4 {
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: 0.6px;
}

.banner-area.banner-box {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 50px;
  border-radius: 10px;
}

.banner-area.banner-box .thumb img {
  margin-top: 50px;
}

.banner-area.banner-box .content {
  padding: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area.banner-box .content {
      padding: 0;
      padding-top: 100px;
  }
}

/* Banner Standard */
.banner-area.standard .thumb {
    position: relative;
    z-index: 1;
    padding-left: 50px;
    margin-bottom: 120px;
}

.banner-area.standard .thumb img:first-child {
    max-width: 70%;
}

.banner-area.standard .thumb img:nth-child(2) {
    position: absolute;
    width: 200px;
    bottom: -120px;
    margin-left: 30px;
}

.banner-area.standard .thumb img {
    border-radius: 8px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
}

.banner-area.standard .thumb .join {
    position: absolute;
    right: -50px;
    top: 50px;
    background: #ffffff;
    display: flex;
    align-items: center;
    padding: 25px 35px;
    border-radius: 10px;
}

.banner-area.standard .thumb .join .fun-fact {
    background: transparent;
    box-shadow: inherit !important;
    padding: 0;
    border-left: 1px solid #e7e7e7;
    padding-left: 20px;
}

.banner-area.standard .thumb .join i {
    display: inline-block;
    font-size: 60px;
    color: #ffb606;
    margin-right: 15px;
}

.banner-area.standard .thumb .join h4 {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 24px;
}

.banner-area.standard .thumb .join .fun-fact span {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}


.banner-area.standard .thumb::after {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    content: "";
    height: 450px;
    width: 450px;
    border: 80px solid #ffffff;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.3;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-name: infiUpDown;
    animation-name: infiUpDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.banner-area.standard form {
    margin: 0;
    margin-top: 40px;
}

.banner-area.standard form input {
    border-radius: 5px;
}

.banner-area.standard form button {
    background: transparent;
}

.banner-area.standard .content-box h1 {
    font-weight: 600;
    font-size: 46px;
    margin-bottom: 35px;
}

.banner-area.standard {
    padding-top: 60px;
}

/* Animated Shape */

.item-animated {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -webkit-animation-name: infiUpDown;
  animation-name: infiUpDown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@keyframes infiUpDown {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes infiUpDown {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* ============================================================== 
     # About Area
=================================================================== */

.about-area .our-features .item {
  /* max-height:10em; */
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 30px 30px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  background-color: #ffffff;
}

.about-area.bg-dark .our-features .item {
  box-shadow: inherit;
}

.about-area.our-featues-area .our-features .item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.about-area .our-features .item .icon, 
.about-area .our-features .item .info {
  display: table-cell;
  vertical-align: middle;
}

.about-info img {
  position: relative;
}


.overlay-video {
  left: 50%;
  margin-left: -15px;
  margin-top: -70px;
  position: absolute;
  top: 50%;
}

.about-area .overlay-video {
  margin-left: -15px;
}

.our-featues-area.inc-trending-courses .overlay-video {
  margin-left: -25px;
}

.about-area .about-info {
  overflow: hidden;
}


.about-area .info > a {
  margin-top: 10px;
}

.seperator .border {
  border-bottom: 1px solid rgba(20, 23, 28, 0.1);
  margin-bottom: 50px;
  padding-bottom: 50px;
  overflow: hidden;
  float: left;
  width: 100%;
}

.about-area .our-features .item .icon {
  padding-right: 15px;
}

.about-area .our-features .item .icon i {
  display: inline-block;
  font-size: 40px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.about-area.inc-trending-courses .our-features .item .icon i {
  display: inline-block;
}

.about-area .our-features.text-light .item .icon i {
  color: #ffffff;
}

.about-area .our-features.inc-counter .item .info h4 {
  margin: 0;
  /* text-transform: uppercase; */
}

.about-area .our-features.inc-counter .item .info .timer {
  color: #ffffff;
  display: block;
 
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 15px;
}

.about-area .our-features .item .info h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  /* text-transform: uppercase; */
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  line-height: 1.3;
}

.about-area .our-features {
  float: left;
  width: 100%;
}

.about-area .our-features .item .info a {
  color: #666666;
  /* text-transform: uppercase; */
}

.about-area .our-features.text-light .item .info a {
  color: #ffffff;
}

.about-area .info h1,
.about-area .info h2 {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}
.about-area .info h1
{
font-size: 2em;
}

.about-area .info h1::before,
.about-area .info h2::before {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 40px;
  z-index: 1;
}

.about-area .info h1::after,
.about-area .info h2::after {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 45px;
  position: absolute;
  width: 20px;
}

.about-area .info.less-bar h1::before, 
.about-area .info.less-bar h1::after {
  display: none;
}

.about-area .info.less-bar h1 {
  margin-bottom: 20px;
  padding-bottom: 0;
}

.about-area .info h5 {
  color: #666666;
  font-size: 18px;
  text-transform: uppercase;
}

.about-area .info h1 span,
.about-area .info h2 span {
  color: #ffb606;
}

.about-area .info h4 {
  line-height: 30px;
  margin-bottom: 20px;
}

.our-features .item.mariner i {
  color: var(--brand-307ad5, #307ad5);
}

.our-features .item.java i {
  color: #1ec1d9;
}

.our-features .item.malachite i {
  color: #10c45c;
}

.our-features .brilliantrose i {
  color: #e948ae;
}

.our-features .casablanca i {
  color: #f9bd44;
}

.our-features .emerald i {
  color: #47c58e;
}

.our-featues-area .about-info .thumb {
  padding-right: 0;
}


/* Nice Select CSS */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
 
  font-size: 14px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 15px;
  z-index: 1;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, 
.nice-select.open, 
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    overflow-y: auto !important;
    height: 200px;
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -o-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  width: 100%;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/* ============================================================== 
     # Register
=================================================================== */
.course-offer-area .offer-box .row {
  display: flex;
  align-items: center;
}
.course-offer-area .offer-box .thumb {
  padding-right: 35px;
}
.course-offer-area .offer-box .info h2 {
  font-weight: 600;
  text-transform: uppercase;
}
.course-offer-area .offer-box .info h4 {
  font-weight: 500;
  margin-bottom: 30px;
  color: #666666;
}
.course-offer-area .offer-box .info .item {
  float: left;
  width: 25%;
  margin-top: 25px;
 
  font-weight: 600;
  font-size: 16px;
}

.course-offer-area .offer-box .info .item span {
  display: block;
  font-size: 35px;
  line-height: 1;
  margin-bottom: 8px;
  color: #232323;
  font-weight: 700;
}

.course-offer-area .offer-box .info a {
  margin-top: 30px;
}


/* ============================================================== 
     # What you learn
=================================================================== */

.what-learn-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.what-learn-area::after {
    position: absolute;
    right: -120px;
    top: 300px;
    content: "";
    height: 500px;
    width: 70%;
    background: #ffffff;
    z-index: -1;
    transform: rotate(-20deg);
    opacity: 0.07;
}

.what-learn-area .row > .info {
  padding-right: 35px;
}

.what-learn-area .info h2 {
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.3;
}


.what-learn-area .info p {
  margin-bottom: 0;
}

.what-learn-area .item a {
    display: block;
    padding: 30px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    background: #ffffff;
    border-radius: 13px;
}

.what-learn-area .single-item {
    margin-top: 30px;
}

.what-learn-area .categories {
    margin-top: -30px;
}

.what-learn-area .categories i {
    display: inline-block;
    color: #10c45c;
    font-size: 45px;
    margin-bottom: 25px;
}

.what-learn-area .categories .single-item:nth-child(2) i {
  color: #e948ae;
}

.what-learn-area .categories .single-item:nth-child(3) i {
  color: #f9bd44 ;
}

.what-learn-area .categories h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.4;
}

.what-learn-area .categories span {
    text-transform: uppercase;
    font-size: 10px;
    background: #f1f1f1;
    display: inline-block;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: 600;
}


/* ============================================================== 
     # Why Chose Us
=================================================================== */
.wcs-area .site-heading {
  margin-bottom: 20px;
}

.wcs-area .thumb, 
.wcs-area .content {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.wcs-area.content-default .thumb, 
.wcs-area.content-default .content {
  display: inline-block;
  float: left;
}

.wcs-area.content-default .content {
  padding: 0 15px;
}

.wcs-area .content {
  padding: 120px 50px;
  padding-right: 120px;
}

.wcs-area .item .icon, .wcs-area .item .info {
  display: table-cell;
  vertical-align: top;
}

.wcs-area .item .info {
  padding-left: 20px;
}

.wcs-area .item .icon i {
  border: 1px solid rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  color: #ffb606;
  display: inline-block;
  font-size: 50px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 80px;
}

.wcs-area.bg-light .item .icon i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  font-size: 40px;
}

.wcs-area .item .info h4 a {
  color: #ffffff;
  font-weight: 600;
  text-transform: capitalize;
}

.wcs-area.bg-light .item .info h4 a {
  color: var(--brand-dark, #002147);
}

.wcs-area .item .info p {
  color: #cccccc;
}

.wcs-area.bg-light .item .info p {
  color: #666666;
}

.wcs-area .item {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.wcs-area.bg-light .item {
  border-bottom: inherit;
  margin-bottom: 50px;
  padding-bottom: 0;
}

.wcs-area .item .info p {
  margin: 0;
}

.wcs-area h2 {
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.wcs-area .item:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}


/* ============================================================== 
     # Pricing
=================================================================== */

.pricing-area .pricing-simple .pricing-item {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 30px;
  overflow: hidden;
  position: relative;
}

.pricing-area .equal-height {
  margin-bottom: 30px;
}

.pricing-area .pricing-item .pricing-header {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  margin-bottom: 20px;
  padding: 30px 15px;
}

.pricing-area .pricing-item.active .pricing-header {
  background: #ffb606 none repeat scroll 0 0;
}

.pricing-area .pricing-item h4 {
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 10px;
}

.pricing-area .pricing-item h2 {
  color: var(--brand-03173d, #03173d);
  font-size: 60px;
  font-weight: 900;
  letter-spacing: -1px;
  color: #ffffff;
  margin-bottom: 0;
}

.pricing-area .pricing-item h2 sub {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  margin-left: 2px;
  text-transform: uppercase;
}

.pricing-area .pricing-item h2 sup {
  font-weight: 500;
}

.pricing-item li {
  border-top: 1px solid #e7e7e7;
  line-height: 45px;
  padding: 0 30px;
  text-transform: capitalize;
}

.pricing-item li:last-child, 
.pricing-item li:first-child, 
.pricing-item li:nth-child(2) {
  border: medium none;
}

.pricing-item .footer {
  margin-top: 15px;
}

.pricing-simple li.pricing-header span.badge {
  background: #ffb606 none repeat scroll 0 0;
  border-radius: inherit;

  font-size: 12px;
  font-weight: 700;
  padding: 12px 0;
  position: absolute;
  right: -60px;
  text-transform: uppercase;
  top: 25px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  width: 200px;
}


/* ============================================================== 
     # Search Couse 
=================================================================== */
.our-featues-area .search-course {
  margin-bottom: 50px;
  overflow: hidden;
}

.our-featues-area .search-course .heading h2 {
  font-weight: 600;
  text-transform: capitalize;
}

.search-course form {
  margin: 50px auto auto;
  position: relative;
  width: 80%;
}

.search-course form button {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;
  
  font-weight: 600;
  min-height: 50px;
  padding: 0 25px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 5px;
}

.search-course form button i {
  margin-left: 5px;
}

.search-course form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  color: #ffffff;
  min-height: 60px;
  padding: 15px 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}




/* ============================================================== 
     # Featured Courses 
=================================================================== */
.featured-courses-area .info h2 {
  font-weight: 600;
  line-height: 1.3;
  text-transform: capitalize;
  margin-top: -5px;
}

.featured-courses-area .info > h4 {
  color: #ffb606;
  font-weight: 600;
  text-transform: uppercase;
}

.featured-courses-area .info > a {
  margin-top: 25px;
}

.featured-courses-area .bottom-info .item h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.featured-courses-area .bottom-info .item img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.featured-courses-area .bottom-info .item {
  border-right: 1px solid #e7e7e7;
  display: inline-block;
  margin-right: 30px;
  padding-right: 30px;
  padding-top: 15px;
}

.featured-courses-area .bottom-info .item:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.featured-courses-area .bottom-info .item .rating i {
  color: #ffb606;
}

.featured-courses-area .bottom-info .item span {
  color: #666666;
  
  text-transform: uppercase;
}

.featured-courses-area .bottom-info {
  border-top: 1px solid #e7e7e7;
  margin-top: 25px;
}

.featured-courses-area h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 25px;
  text-transform: uppercase;
}

.featured-courses-area .info ul li {
  display: block;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.featured-courses-area .info ul li i {
  color: #ffb606;
  margin-right: 10px;
}

.featured-courses-area .info ul li:last-child {
  margin: 0;
}

.featured-courses-area .info ul li i, 
.featured-courses-area .info ul li span {
  display: table-cell;
}

.featured-courses-area .info ul li span {
  padding-left: 10px;
}

.featured-courses-area .owl-stage-outer {
  padding-bottom: 15px;
}

.featured-courses-area {
  padding-bottom: 105px;
}

.featured-courses-area .featured-courses-carousel .owl-nav {
  margin: 0;
}

.featured-courses-area .featured-courses-carousel .owl-nav .owl-prev, 
.featured-courses-area .featured-courses-carousel .owl-nav .owl-next {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  color: #666666;
  font-size: 25px;
  height: 45px;
  left: 0;
  line-height: 45px;
  margin-top: -23px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 45px;
  opacity: 0;
}

.featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev, 
.featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
  opacity: 1;
}

.featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev {
  left: -70px;
}

.featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
  right: -70px;
}

.featured-courses-area .featured-courses-carousel .owl-nav .owl-prev:hover, 
.featured-courses-area .featured-courses-carousel .owl-nav .owl-next:hover {
  background: #ffffff none repeat scroll 0 0;
  color: #ffb606;
}

.featured-courses-area .featured-courses-carousel .owl-nav .owl-next {
  left: auto;
  right: 0;
}

.featured-courses-area .thumb {
  overflow: hidden;
  position: relative;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
}

.featured-courses-area .thumb .overlay a {
  content: "";
  height: 100%;
  left: -100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: 1;
}

.featured-courses-area .thumb .overlay a i {
  background: #ffb606 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: var(--brand-dark, #002147);
  height: 50px;
  line-height: 50px;
  margin-top: -20px;
  position: relative;
  text-align: center;
  top: 50%;
  width: 50px;
}

.featured-courses-area .thumb .overlay a::after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.featured-courses-area .item .thumb:hover .overlay a {
  opacity: 1;
  left: 0;
}

.featured-courses-area .thumb .live-view {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9;
}

.featured-courses-area .thumb .live-view a {
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  font-size: 20px;
  margin-left: 9px;
}

.featured-courses-area .thumb::after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: 1;
}

.featured-courses-area .item:hover .thumb::after {
  opacity: 0.5;
}

.our-featues-area.inc-trending-courses .col-md-6:nth-child(1) .item, 
.our-featues-area.inc-trending-courses .col-md-6:nth-child(2) .item {
  margin-top: 15px;
}



/* ============================================================== 
     # Home Sidebar 
=================================================================== */

.our-featues-area.inc-trending-courses .col-md-6 .item {
  margin-top: 30px;
}

.home-sidebar .trending-courses-items,
.home-sidebar .reg-form {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 30px;
}

.reg-form input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.home-sidebar .sidebar-item > h4 {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  font-weight: 600;
  margin: 0 !important;
  padding: 19px 30px;
  text-transform: uppercase;
  color: #ffffff;
}
@media (max-width:909px) {

  .home-sidebar .sidebar-item.trending-courses-box
  {
  margin-bottom: 5em !important;
  }
  
  .home-sidebar .sidebar-item .trending-courses-box h4
  {
  font-size: 1em !important;
  }
}
.home-sidebar .sidebar-item
{
max-height:33em;
border: 1px solid #000;
}

.home-sidebar .sidebar-item.latest-posts .item,
.home-sidebar .sidebar-item.trending-courses-box .item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.home-sidebar .sidebar-item.trending-courses-box .item:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.home-sidebar .sidebar-item .item i {
  color: #ffb606;
}

.home-sidebar .sidebar-item .item .rating {
  color: #666666;
}

.home-sidebar .sidebar-item .meta {
  color: #666666;

  margin-top: 10px;
  text-transform: uppercase;
}

.home-sidebar .sidebar-item .meta a {
  color: #666666;
}

.home-sidebar .sidebar-item .meta a:hover {
  color: #ffb606;
}

.home-sidebar .sidebar-item h4 {
  line-height: 1.4;
  margin-bottom: 10px;
  text-transform: capitalize;
  font-weight: 600;
}

.home-sidebar .sidebar-item a:hover {
  color: #ffb606;
}

.home-sidebar .sidebar-item .meta span {
  float: right;
}

.home-sidebar .sidebar-item .meta i {
  color: #666666;
  font-weight: 500;
  margin-right: 3px;
}

.more {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.more:hover {
  color: #ffb606;
}

.home-sidebar .sidebar-item {
  margin-bottom: 30px;
}

.home-sidebar .sidebar-item:last-child {
  margin: 0;
}

.home-sidebar .sidebar-item.trending-courses-box .thumb, 
.home-sidebar .sidebar-item.trending-courses-box .info {
  display: table-cell;
  vertical-align: top;
}

.home-sidebar .sidebar-item.trending-courses-box .thumb {
  height: 80px;
  padding-right: 0;
  width: 80px;
}

.home-sidebar .sidebar-item.trending-courses-box .info {
  padding-left: 15px;
}


/* ============================================================== 
     # Video Button Play
=================================================================== */
.video-area {
  position: relative;
  max-height:29em;
}

.video-play-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: content-box;
  color: #ffffff;
  display: inline-block;
  font-size: 40px;
  margin-top: 50px;
  position: relative;
  width: 32px;
  z-index: 10;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffb606  repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffb606  repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
}

.video-play-button:hover,
.video-play-button:focus {
  color: #ffffff;
}

.video-play-button:hover:after {
  background-color: #ffb606;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-play-button i {
  display: block;
  position: relative;
  z-index: 3;
  margin-left: 3px;
}

.video-area .overlay-video {
  padding-bottom: 35px;
}

.video-area h2 {
  font-weight: 600;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.video-area h2::after {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  width: 30px;
}

.video-area h2::before {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  width: 30px;
  margin-left: -40px;
}

.video-area .video-info .overlay-video {
  display: inline-block;
  left: inherit;
  margin: 0;
  position: relative;
  top: inherit;
}


/* ============================================================== 
     # Popular Courses 
=================================================================== */
.popular-courses-items .item {
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
}

.circle .popular-courses-items .item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.circle .popular-courses-items .item img {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.popular-courses-items .thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.popular-courses-items .thumb .overlay {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  opacity: 0;
}

.popular-courses-items .item:hover .overlay {
  opacity: 1;
}

.popular-courses-items .info {
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
  padding: 30px;
}

.popular-courses-items .thumb .price {
  background: #f4f4f4 none repeat scroll 0 0;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
 
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 8px;
  text-align: center;
  text-transform: uppercase;
}

.popular-courses-items .author-info .thumb, 
.popular-courses-items .author-info .others {
  display: table-cell;
  vertical-align: middle;
}

.popular-courses-items .author-info .others {
  padding-left: 15px;
}

.popular-courses-items .author-info .others .rating {
  display: block;
}

.popular-courses-items .author-info .thumb img {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 70px;
  padding: 5px;
  width: 70px;
}

.popular-courses-items .author-info {
  margin-bottom: 25px;
}

.popular-courses .author-info .rating span {
  color: #666666;
}

.popular-courses-items .author-info .others .rating i {
  color: #ffb606;
}

.popular-courses-items .author-info .others a {
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
}

.popular-courses-items .info h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.popular-courses-items .info .cats a {
  color: #666666;
  display: inline-block;
  padding-right: 7px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.popular-courses-items .info .cats {
  margin-bottom: 15px;
}

.popular-courses-items .info .cats a::after {
  bottom: 0;
  content: ",";
  font-size: 20px;
  position: absolute;
  right: 0;
  
}

.popular-courses-items .info .cats a:last-child::after {
  display: none;
}

.popular-courses-items .info .cats i {
  margin-right: 3px;
  color: #666666;
}

.popular-courses-items .info h4 a:hover {
  color: #ffb606;
}

.popular-courses-items .info p {
  margin: 0;
}

.popular-courses .bottom-info li {
  background: #f4f4f4 none repeat scroll 0 0;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  z-index: 1;
}

.popular-courses .bottom-info {
  float: left;
  margin-top: 15px;
  padding-top: 20px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.popular-courses .bottom-info::after {
  background: #ececec none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: -20%;
  position: absolute;
  top: 0;
  width: 150%;
}

.popular-courses .bottom-info li i {
  font-weight: 500;
}

.popular-courses .bottom-info ul {
  float: left;
}

.popular-courses .bottom-info a {
  background: #ffb606 none repeat scroll 0 0;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 20px;
  text-transform: uppercase;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.popular-courses .bottom-info .price-btn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  float: right;
 
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 0;
  text-transform: uppercase;
}

.popular-courses .bottom-info a:hover {
  background: #ffd134 none repeat scroll 0 0;
  color: #ffffff !important;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.default-padding.carousel-shadow {
  padding-bottom: 105px;
}

.popular-courses .popular-courses-items .owl-nav {
  margin: 0;
}

.popular-courses .popular-courses-items .owl-nav .owl-prev, 
.popular-courses .popular-courses-items .owl-nav .owl-next {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  color: #666666;
  font-size: 25px;
  height: 45px;
  left: 0;
  line-height: 45px;
  margin-top: -23px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 45px;
  opacity: 0;
}

.popular-courses .popular-courses-items:hover .owl-nav .owl-prev, 
.popular-courses .popular-courses-items:hover .owl-nav .owl-next {
  opacity: 1;
}

.popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
  left: -70px;
}

.popular-courses .popular-courses-items:hover .owl-nav .owl-next {
  right: -70px;
}

.popular-courses .popular-courses-items .owl-nav .owl-prev:hover, 
.popular-courses .popular-courses-items .owl-nav .owl-next:hover {
  background: #ffffff none repeat scroll 0 0;
  color: #ffb606;
}

.popular-courses .popular-courses-items .owl-nav .owl-next {
  left: auto;
  right: 0;
}

.popular-courses-items .thumb .best-seller-badge {
  background: #ffb606 none repeat scroll 0 0;

  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 25px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  z-index: 1;
}

.popular-courses-items .thumb .best-seller-badge::before {
  border-bottom: 23px solid #ffb606;
  border-right: 23px solid transparent;
  border-top: 23px solid #ffb606;
  bottom: 0;
  content: "";
  position: absolute;
  right: -20px;
}

.popular-courses.without-carousel .equal-height {
  margin-bottom: 30px;
}

.popular-courses .button {
  margin-top: 20px;
}


/* ============================================================== 
     # Course Details
=================================================================== */
.course-details-area .course-details-info .course-meta .item {
  border-left: 1px dashed #999999;
  float: left;
 
  margin-left: 20px;
  padding-left: 20px;
}

.course-details-area .course-details-info .course-meta .item:first-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.course-details-area .course-details-info .course-meta .item.align-right {
  float: right;
  margin-top: 2px;
}

.course-details-area .course-details-info .course-meta .item.align-right a {
  color: #ffffff;
  text-transform: uppercase;
}

.course-details-area .course-details-info .course-meta .item.author .thumb, 
.course-details-area .course-details-info .course-meta .item.author .desc {
  display: table-cell;
  vertical-align: top;
}

.course-details-area .course-details-info .course-meta .item.author .thumb img {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 55px;
  margin-right: 10px;
  margin-top: -3px;
  padding: 2px;
  width: 55px;
}

.course-details-area .course-details-info .course-meta .item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.course-details-area .course-details-info .top-info .course-meta {
  border-bottom: 1px solid #e7e7e7;
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 30px;
  padding-bottom: 30px;
  width: 100%;
}

.course-details-area .course-details-info .course-meta .item a {
  color: #666666;
  text-transform: capitalize;
}

.course-details-area .course-details-info .course-meta .item span {
  color: #666666;
}

.course-details-area .course-details-info .course-meta .item i {
  color: #ffb606;
}

.course-details-area .course-details-info .title h2 {
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 25px;
}

.course-details-area .tab-info .nav-pills li a {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  font-weight: 600;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 10px 25px;
  text-transform: uppercase;
}

.course-details-area .tab-info .nav-pills li.active a {
  background: #ffb606 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: var(--brand-dark, #002147);
}

.course-details-area .tab-info .nav-pills {
  margin-bottom: 25px;
}

.course-details-area .tab-content .info h4 {
  font-weight: 500;
  text-transform: uppercase;
}

.course-details-area .course-details-info .course-list-items .panel-heading a {
  background: #ffffff none repeat scroll 0 0;
  padding: 20px;
}

.course-details-area .course-details-info .course-list-items .panel-body {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #e7e7e7;
  border-image: none;
  border-style: solid none none;
  border-width: 1px medium medium;
  padding: 20px !important;
}

.course-details-area .course-details-info .course-list-items .panel.panel-default {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  margin-top: 10px;
}

.course-details-area .course-details-info .course-list-items {
  margin-bottom: 15px;
}

.course-details-area .course-details-info .course-list-items:last-child {
  margin-bottom: 0;
}

.course-details-area .tab-content .advisor-list-items .info ul li {
  margin-bottom: 0;
}

.course-details-area .tab-content ul li {
  
  margin-bottom: 15px;
  overflow: hidden;
  text-transform: capitalize;
}

.course-details-area .tab-content .info > ul li:last-child {
  margin-bottom: 0;
}

.course-details-area .tab-content ul li i {
  margin-right: 5px;
  min-width: 15px;
  color: #ffb606;
}

.course-list-items .panel-group {
  margin-bottom: 0;
}

.course-list-items li .item {
  display: inline-block;
  padding-right: 20px;
}

.course-list-items li .item:last-child {
  float: right;
  padding-right: 0;
}

.course-list-items li .item:last-child span {
  margin-right: 5px;
}

.course-list-items li {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 10px 15px;
  margin-bottom: 15px;
}

.course-list-items li:last-child {
  margin: 0 !important;
}

.course-list-items li .item.info a {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 0 15px;
  text-transform: capitalize;
}

.course-list-items li .item.info a i {
  margin-right: 2px;
}

.course-list-items li .item h5 {
  color: var(--brand-dark, #002147);
  margin: 0;
  text-transform: capitalize;
}

.course-details-area .advisor-list-items .item .thumb, 
.course-details-area .advisor-list-items .item .info {
  display: table-cell;
  vertical-align: top;
}

.course-details-area .advisor-list-items .item .info {
  padding-left: 20px;
}

.course-details-area .advisor-list-items .item .thumb img {
  height: 10em !important;
  width: 10em !important;
}

.course-details-area .advisor-list-items .item .thumb {
  height: 10em;
  width: 10em;
}

.course-details-area .advisor-list-items .item {
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
  padding: 30px;
}

.course-details-area .advisor-list-items .item .info h4 {
  margin-bottom: 5px;
}

.course-details-area .advisor-list-items .item span {
  color: #ffb606;
  display: block;

  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.course-details-area .advisor-list-items .item .info li {
  display: inline-block;
  margin-right: 3px;
}

.course-details-area .advisor-list-items .item .info li a {
  border: 1px solid #e7e7e7;
  color: var(--brand-dark, #002147);
  display: inline-block;
  font-size: 12px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  width: 35px;
}

.course-details-area .advisor-list-items .item .info li a i {
  color: var(--brand-dark, #002147);
}

.course-details-area .advisor-list-items .item .info li a i {
  margin: 0;
}

.course-details-area .advisor-list-items .item .info ul {
  border-top: 1px solid #e7e7e7;
  padding-top: 18px;
}

.course-details-area .advisor-list-items .item:last-child {
  margin-bottom: 0;
}

.course-details-area .course-rating-list ul li {
  color: var(--brand-dark, #002147);
  display: block;

  font-weight: 600;
  min-height: 40px;
  position: relative;
  overflow: hidden;
}

.course-details-area .tab-content .course-rating-list ul li {
  overflow: inherit;
}

.course-details-area .course-rating-list ul li:last-child {
  margin-bottom: 0;
  min-height: inherit;
}

.course-details-area .course-rating-list ul li span:last-child {
  float: right;
}

.course-details-area .course-rating-list ul li .rating-bar {
  background: #ffb606 none repeat scroll 0 0;
  height: 3px;
}

.course-details-area .course-rating-list ul li span {
  left: 0;
  position: absolute;
  top: -30px;
}

.course-details-area .course-rating-list ul {
  margin-top: 40px;
}

.course-details-area .course-rating-list ul li span:last-child {
  color: #666666;
  left: auto;
  right: 0;
}


/* Sidebar */
.course-details-area .sidebar .sidebar-item {
  margin-bottom: 40px;
}

.course-details-area .sidebar {
  padding-left: 35px;
}

.course-details-area .sidebar .sidebar-item .title h4 {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.course-details-area .sidebar .sidebar-item .title h4::before {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 30px;
}

.course-details-area .sidebar .sidebar-item .title h4::after {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 35px;
  position: absolute;
  width: 10px;
}

.course-details-area .sidebar .sidebar-item input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.course-details-area .sidebar .sidebar-item:last-child {
  margin-bottom: 0;
}

.course-details-area .sidebar .sidebar-item form {
  position: relative;
}

.course-details-area .sidebar .sidebar-item form input[type="submit"] {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  
  font-weight: 600;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-transform: capitalize;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.course-details-area .sidebar .sidebar-item form input[type="submit"]:hover {
  background: #ffb606 none repeat scroll 0 0;
  border: none;
}

.course-details-area .sidebar .sidebar-item.category li a {
  color: #666666;
  display: block;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.course-details-area .sidebar .sidebar-item.category li {
  border-bottom: 1px dashed #999999;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.course-details-area .sidebar .sidebar-item.category li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.course-details-area .sidebar .sidebar-item.category li a span {
  background: #f4f4f4 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: var(--brand-dark, #002147);
  float: right;
  padding: 0 5px;
  position: relative;
  right: 0;
  text-align: center;
}

.course-details-area .sidebar .sidebar-item.recent-post h4 a {
  color: var(--brand-dark, #002147);
  text-transform: capitalize;
  font-weight: 600;
}

.course-details-area .sidebar .sidebar-item.recent-post .thumb, 
.course-details-area .sidebar .sidebar-item.recent-post .info {
  display: table-cell;
  vertical-align: top;
}

.course-details-area .sidebar .sidebar-item.recent-post .item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.course-details-area .sidebar .sidebar-item.recent-post .item:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.course-details-area .sidebar .sidebar-item.recent-post .thumb {
  height: 80px;
  padding-right: 0;
  width: 80px;
}

.course-details-area .sidebar .sidebar-item.recent-post .info {
  padding-left: 15px;
}

.course-details-area .sidebar .sidebar-item.recent-post .rating {
  color: #666666;
}

.course-details-area .sidebar .sidebar-item.recent-post .meta {
  color: #666666;

  margin-top: 10px;
  text-transform: uppercase;
}

.course-details-area .sidebar .sidebar-item.recent-post .meta i {
  color: #666666;
  font-weight: 500;
  margin-right: 3px;
}

.course-details-area .sidebar .sidebar-item.recent-post a {
  color: #666666;
}

.course-details-area .sidebar .sidebar-item.recent-post .item .rating i {
  color: #ffb606;
}


/* ============================================================== 
     # Top Category 
=================================================================== */
.top-cat-area .top-cat-items.text-center {
  padding-right: 35px;
}

.top-cat-area .top-cat-items.text-center .equal-height {
  margin-bottom: 0;
  margin-top: 30px;
}

.top-cat-area .top-cat-items.text-center {
  margin-top: -30px;
}

.top-cat-items .equal-height {
  margin-bottom: 30px;
}

.top-cat-items .item {
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.top-cat-items .item a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  display: block;
  padding: 50px 30px;
  position: relative;
  z-index: 1;
  background: #ffffff;
}

.top-cat-items .item a:hover:after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  opacity: 0.6;
}

.top-cat-items .item a:hover {
  background: transparent none repeat scroll 0 0;
}

.top-cat-items .item a:hover h4,
.top-cat-items .item a:hover i,
.top-cat-items .item a:hover span {
  color: #ffffff;
}

.top-cat-items .item a::after {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.top-cat-items .item i, 
.top-cat-items .item .info {
  display: table-cell;
  vertical-align: top;
}

.top-cat-items.text-center .item i, 
.top-cat-items.text-center .item .info {
  display: block;
}

.top-cat-items.text-center a {
  padding: 30px;
}

.top-cat-items.text-center .item i {
  margin: auto auto 15px;
  color: var(--brand-dark, #002147);
}

.top-cat-items.text-light .item i {
  margin: auto auto 15px;
  color: #ffffff;
}

.top-cat-items.text-center .item .info {
  padding-left: 0;
}

.top-cat-items.text-center .item .info h4 {
  margin-bottom: 2px;
}

.top-cat-items .item .info {
  padding-left: 15px;
}

.top-cat-items .item i {
  font-size: 50px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  color: #666666;
}

.top-cat-items .item h4 {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.top-cat-items .item span {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  text-transform: capitalize;
  
  color: #666666;
}

.top-cat-items.text-light .item span {
  color: #ffffff;
}


/* Category BG Color */

.top-cat-area .top-cat-items.inc-bg-color .item.mariner a::after {
  background: var(--brand-307ad5, #307ad5) none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.java a::after {
  background: #1ec1d9 none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.malachite a::after {
  background: #10c45c none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.brilliantrose a::after {
  background: #e948ae none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.casablanca a::after {
  background: #f9bd44 none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.emerald a::after {
  background: #47c58e none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.cinnabar a::after {
  background: #e84b3a none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.plum a::after {
  background: #92278f none repeat scroll 0 0;
}


/* ============================================================== 
     # Fun Factor 
=================================================================== */
.fun-factor-area.default-padding.bottom-less {
  padding-bottom: 80px;
}

.fun-factor-area {
  padding-bottom: 30px;
}

.fun-factor-area .item {
  margin-bottom: 40px;
}

.fun-fact {
  border: 1px solid rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 30px 20px;
}

.fun-fact .info {
  padding-left: 20px;
}

.fun-fact .info span {
  display: block;
 
}

.fun-fact .icon i {
    color: #ffb606;
    display: inline-block;
    font-size: 50px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.fun-fact .info .timer {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
}

.fun-fact .info .medium {
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
}


/* ============================================================== 
     # Advisor
=================================================================== */

.advisor-area.info-default {
  padding-bottom: 35px;
}

.advisor-item {
  position: relative;
}

.advisor-area .advisor-items .single-item {
  margin-bottom: 30px;
}

.advisor-item .info-box {
  display: block;
  overflow: hidden;
  position: relative;
}

.advisor-items .advisor-item .info-box {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  background: #ffffff;
  
}

.advisor-item .info-box .info-title span {
  color: #ffb606;
 
  font-weight: 500;
  /* text-transform: uppercase; */
  margin:0;
}

.advisor-item .info-box img {
  width: 100%;
}

.circle .advisor-item .info-box img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.advisor-item .info-title {
  bottom: 5px;
  left: 5px;
  right: 5px;
  padding:0;
  transform: translate3d(0px, 0%, 0px);
  -webkit-transform: translate3d(0px, 0%, 0px);
  -moz-transform: translate3d(0px, 0%, 0px);
  -ms-transform: translate3d(0px, 0%, 0px);
  -o-transform: translate3d(0px, 0%, 0px);
  -webkit-transition: all 800ms ease 0.35s;
  -moz-transition: all 800ms ease 0.35s;
  -ms-transition: all 800ms ease 0.35s;
  -o-transition: all 800ms ease 0.35s;
  transition: all 800ms ease 0.35s;
  padding:3px;
  background: #ffffff none repeat scroll 0 0;
  text-align: center;
  position: absolute;
}

.advisor-items .advisor-item .info-title {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  padding: 0px !important; 
  position: relative;
  right: 0;
  text-align: center;
  transform: inherit;
  width: 100%;
}

.advisor-item:hover .info-title {
  transform: translate3d(0px, 120px, 0px);
  -webkit-transform: translate3d(0px, 120px, 0px);
  -moz-transform: translate3d(0px, 120px, 0px);
  -ms-transform: translate3d(0px, 120px, 0px);
  -o-transform: translate3d(0px, 120px, 0px);
  transition-delay: 0.2s;
}

.advisor-items .advisor-item:hover .info-title,
.advisor-items .advisor-item {
  transform: inherit;
}

.advisor-item .info-title h4 {
  color: var(--brand-dark, #002147);
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  text-transform: capitalize;
  font-weight: 600;
}

.advisor-item .overlay {
  background: rgba(var(--brand-dark-rgb, 0,33,71), 0.7) none repeat scroll 0 0;
  left: 15px;
  right: 15px;
  opacity: 1;
  padding: 0 20px;
  position: absolute;
  top: 15px;
  bottom: 15px;
  transform: translate3d(0px, -110%, 0px);
  -webkit-transform: translate3d(0px, -110%, 0px);
  -moz-transform: translate3d(0px, -110%, 0px);
  -ms-transform: translate3d(0px, -110%, 0px);
  -o-transform: translate3d(0px, -110%, 0px);
  -webkit-transition: all 700ms ease 0.35s;
  -moz-transition: all 700ms ease 0.35s;
  -ms-transition: all 700ms ease 0.35s;
  -o-transition: all 700ms ease 0.35s;
  transition: all 700ms ease 0.35s;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.advisor-item .overlay-content h4 {
  font-weight: 500;
  text-transform: capitalize;
}

.advisor-item .overlay-content > a {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffb606;
}

.advisor-item:hover .overlay {
  transform: translate3d(0px, 0, 0px);
  -webkit-transform: translate3d(0px, 0, 0px);
  -moz-transform: translate3d(0px, 0, 0px);
  -ms-transform: translate3d(0px, 0, 0px);
  -o-transform: translate3d(0px, 0, 0px);
  transition-delay: 0.1s;
}

.advisor-item .overlay .box {
  display: table;
  height: 100%;
  width: 100%;
}

.advisor-item .overlay .box .content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.advisor-item .overlay .overlay-content .icon-holder {
  margin-bottom: 30px;
}

.advisor-item .overlay .overlay-content .icon-holder span::before {
  color: #ffffff;
  font-size: 40px;
  line-height: 40px;
}

.advisor-item .overlay .overlay-content h4 .title {
  color: #ffffff;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.advisor-item .overlay .overlay-content .text {
  margin-bottom: 13px;
  margin-top: 17px;
}

.advisor-item .social li {
  display: inline-block;
}

.advisor-item .social {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 15px;
  padding-top: 15px;
}

.advisor-items .advisor-item .social {
  position: relative;
  z-index: 1;
}

.advisor-items .advisor-item .social::after {
  background: #ffb606 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  top: -2px;
  width: 30px;
}

.advisor-item .social li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 5px 3px 0;
  text-align: center;
  width: 40px;
  color: var(--brand-dark, #002147);
  background-color: #ffffff;
}

.advisor-item .social li.facebook a {
  background-color: #3b5998;
  color: #ffffff;
}

.advisor-item .social li.twitter a {
  background-color: #1da1f2;
  color: #ffffff;
}

.advisor-item .social li.pinterest a {
  background-color: #bd081c;
  color: #ffffff;
}

.advisor-item .social li.google-plus a {
  background-color: #db4437;
  color: #ffffff;
}

.advisor-item .social li.linkedin a {
  background-color: #0077b5;
  color: #ffffff;
}

.advisor-items .advisor-item .social li a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 5px 3px 0;
}

.advisor-area .advisor-carousel .owl-nav,
.advisor-area .advisor-carousel-solid .owl-nav {
  margin: 0;
}

.advisor-area .advisor-carousel .owl-nav .owl-prev, 
.advisor-area .advisor-carousel .owl-nav .owl-next,
.advisor-area .advisor-carousel-solid .owl-nav .owl-prev, 
.advisor-area .advisor-carousel-solid .owl-nav .owl-next {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  color: #666666;
  font-size: 25px;
  height: 45px;
  left: 0;
  line-height: 45px;
  margin-top: -23px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 45px;
  opacity: 0;
}

.advisor-area .advisor-carousel:hover .owl-nav .owl-prev, 
.advisor-area .advisor-carousel:hover .owl-nav .owl-next,
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-prev, 
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-next {
  opacity: 1;
}

.advisor-area .advisor-carousel:hover .owl-nav .owl-prev,
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-prev {
  left: -70px;
}

.advisor-area .advisor-carousel:hover .owl-nav .owl-next,
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-next {
  right: -70px;
}

.advisor-area .advisor-carousel .owl-nav .owl-prev:hover, 
.advisor-area .advisor-carousel .owl-nav .owl-next:hover,
.advisor-area .advisor-carousel-solid .owl-nav .owl-prev:hover, 
.advisor-area .advisor-carousel-solid .owl-nav .owl-next:hover {
  background: #ffffff none repeat scroll 0 0;
  color: #ffb606;
}

.advisor-area .advisor-carousel .owl-nav .owl-next,
.advisor-area .advisor-carousel-solid .owl-nav .owl-next {
  left: auto;
  right: 0;
}


/* ============================================================== 
     # Advisor Details 
=================================================================== */
.adviros-details-area .info.main-content {
  padding-left: 35px;
}

.adviros-details-area .thumb .desc {
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 30px;
}

.adviros-details-area .thumb .desc h4 {
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.adviros-details-area .thumb .desc span {
  color: #ffb606;

  font-weight: 600;
  text-transform: uppercase;
}

.adviros-details-area .thumb .desc ul {
  border-top: 1px solid #e7e7e7;
  margin-top: 15px;
  padding-top: 23px;
}

.adviros-details-area .thumb .desc li {
  display: inline-block;
}

.adviros-details-area .thumb .desc a {
  border: 1px solid #e7e7e7;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-right: 3px;
  text-align: center;
  width: 40px;
}

.adviros-details-area .info .nav-pills li a {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  font-weight: 600;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 10px 35px;
  text-transform: uppercase;
}

.adviros-details-area .info .nav-pills li.active a {
  background: #ffb606 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: var(--brand-dark, #002147);
}

.adviros-details-area .info .nav-pills {
  margin-bottom: 20px;
}

.adviros-details-area .tab-content li {
  border-bottom: 1px solid #e7e7e7;

  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.adviros-details-area .tab-content li span {
  float: right;
  text-transform: inherit;
}

.adviros-details-area .tab-content li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.adviros-details-area .tab-content .info a {
  margin-top: 30px;
}

.adviros-details-area .info table a img {
  height: 50px;
  margin-right: 10px;
  width: 50px;
}

.adviros-details-area .info table a {
  text-transform: capitalize;
}

.adviros-details-area .info table th {
  text-transform: uppercase;
  font-weight: 500;
}

.adviros-details-area .info table a:hover {
  color: #ffb606;
}

.adviros-details-area .tab-content ul {
  margin-top: 25px;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills a {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  margin: 0;
  padding: 0;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills li.active a {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #ffb606;
  margin: 0;
  padding: 0;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills li {
  border: medium none;
  margin: 0 15px 0 0;
  padding: 0;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 0;
  padding-bottom: 10px;
}

.adviros-details-area .tab-content table {

  margin: 0;
  text-transform: capitalize;
}

.adviros-details-area .tab-content table td {
  vertical-align: middle;
}

.adviros-details-area .tab-content table tr td {
  padding: 15px;
}

.adviros-details-area .tab-content table tr td:last-child a {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 20px;
  text-transform: capitalize;
}

.adviros-details-area .tab-content table tr td:last-child a:hover {
  color: #ffffff;
}

.adviros-details-area .tab-content .info h4 {
  font-weight: 600;
  text-transform: uppercase;
}

.adviros-details-area .tab-content .info form input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.adviros-details-area .tab-content .info form textarea {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 180px;
}

.adviros-details-area .tab-content .info form button {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  border: medium none;
  display: inline-block;
 
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 30px;
  text-transform: uppercase;
  color: #ffffff;
}

.adviros-details-area .tab-content .info form button i {
  margin-left: 3px;
}

.adviros-details-area .tab-content .info .update-pass {
  margin-top: 30px;
}

.adviros-details-area .table-responsive {
  margin-bottom: 0;
}

/* ============================================================== 
     # Edit Profile 
=================================================================== */

.edit-profile .update-info img {
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  height: 120px;
  margin-bottom: 20px;
  padding: 2px;
  width: 120px;
}

.edit-profile .update-info h4 {
  font-weight: 600;
  margin-bottom: 20px;
}

.edit-profile .update-info input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
}

.edit-profile .update-info textarea {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
  min-height: 120px;
  padding: 15px;
}

.edit-profile .update-info button {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
 
  font-weight: 600;
  padding: 8px 50px;
  text-transform: uppercase;
}

.edit-profile .update-pass h4 {
  font-weight: 600;
  margin-bottom: 20px;
}

.edit-profile .update-pass input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
}

.edit-profile .update-pass button {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;

  font-weight: 600;
  padding: 10px 40px;
  text-transform: uppercase;
}

.edit-profile .update-info {
  border-right: 1px solid #e7e7e7;
  padding-right: 30px;
}

.edit-profile .update-pass {
  padding-left: 30px;
}



/* ============================================================== 
     # Event 
=================================================================== */
.event-area .event-items .item .thumb, 
.event-area .event-items .item .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.event-area .event-items .item.vertical .thumb, 
.event-area .event-items .item.vertical .info {
  display: block;
  float: none;
  vertical-align: middle;
}

.event-area .event-items .item .info {
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 30px;
}

.event-area.single-view .event-items .item .info {
  padding: 30px;
}

.event-area .event-items .item .info {
  background: #ffffff none repeat scroll 0 0;
  padding-left: 30px;
}

.event-area.circle .event-items .item > .info {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

.event-area.circle .event-items .item.vertical > .info {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.event-area .event-items .item .info li {
  color: #666666;
  display: inline-block;
  font-weight: 300;
  margin-bottom: 10px;
  margin-right: 10px;
  text-transform: capitalize;
}

.event-area .event-items .item .info li i {
  margin-right: 5px;
  font-weight: 500;
}

.event-area .event-items .item .info h2,
.event-area .event-items .item .info h3,
.event-area .event-items .item .info h4 {
  font-weight: 600;
  line-height: 1.3;
}

.event-items .item .info h2 a:hover,
.event-items .item .info h3 a:hover,
.event-items .item .info h4 a:hover {
  color: #ffb606;
}

.event-area .event-items .item .info .price {
  background: #f4f4f4 none repeat scroll 0 0;
  color: var(--brand-dark, #002147);
  display: inline-block;

  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 5px 20px;
  text-transform: capitalize;
}

.event-area .event-items .item .info .meta {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.event-area .event-items .item .info > a {
  margin-top: 10px;
  margin-right: 3px;
}

.event-area.circle .event-items .item .info > a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.event-area .event-items .item .thumb {
  position: relative;
  text-align: center;
  z-index: 1;
}

.event-area.circle .event-items .item .thumb {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.event-area.circle .item.vertical .thumb img {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.event-area .event-items .item .thumb .date {
  padding: 15px 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}

.event-area .event-items .item .thumb .date h4 {
  color: #ffb606;
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}

.event-area .event-items .item .thumb .date h4 span {
  display: block;
  font-size: 40px;
  font-weight: 900;
}

.event-area .event-items .item .thumb .date::after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.event-area.circle .event-items .item .thumb .date::after {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.event-area .event-items .item {
  margin-bottom: 30px;
}

.event-area .event-items.event-carousel .item {
  margin-bottom: 0;
}

.event-area .event-items .more-btn a {
  margin-top: 20px;
}

.event-area .event-items.event-carousel .owl-nav {
  margin: 0;
}

.event-area .event-items.event-carousel .owl-nav .owl-prev, 
.event-area .event-items.event-carousel .owl-nav .owl-next {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  color: #666666;
  font-size: 25px;
  height: 45px;
  left: 0;
  line-height: 45px;
  margin-top: -23px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 45px;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-prev, 
.event-area .event-items.event-carousel:hover .owl-nav .owl-next {
  opacity: 1;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-prev {
  left: -70px;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-next {
  right: -70px;
}

.event-area .event-items.event-carousel .owl-nav .owl-prev:hover, 
.event-area .event-items.event-carousel .owl-nav .owl-next:hover {
  background: #ffffff none repeat scroll 0 0;
  color: #ffb606;
}

.event-area .event-items.event-carousel .owl-nav .owl-next {
  left: auto;
  right: 0;
}


/* ============================================================== 
     # Clients 
=================================================================== */
.clients-review-carousel .thumb {
  padding-left: 0;
}

.clients-review-carousel .item img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.clients-review-carousel .info {
  padding-right: 0;
}

.clients-review-carousel .item {
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 30px;
}

.clients-review-carousel .item .info p {
  position: relative;
  z-index: 1;
}

.clients-review-carousel .item .info p::after {
  content: ",,";

  font-size: 180px;
  left: -7px;
  letter-spacing: -15px;
  opacity: 0.1;
  position: absolute;
  top: 70px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.clients-review-carousel .item .info h4 {
  margin-bottom: 5px;
  text-transform: capitalize;
}

.clients-review-carousel .item .info span {
  color: #ffb606;

  font-weight: 600;
  text-transform: uppercase;
}

.testimonials-area .clients-review-carousel .owl-nav {
  margin: 0;
}

.testimonials-area .clients-review-carousel .owl-nav .owl-prev, 
.testimonials-area .clients-review-carousel .owl-nav .owl-next {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  color: #666666;
  font-size: 25px;
  height: 45px;
  left: 0;
  line-height: 45px;
  margin-top: -23px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 45px;
}

.testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev, 
.testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
  opacity: 1;
}

.testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
  left: -70px;
}

.testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
  right: -70px;
}

.testimonials-area .clients-review-carousel .owl-nav .owl-prev:hover, 
.testimonials-area .clients-review-carousel .owl-nav .owl-next:hover {
  background: #ffffff none repeat scroll 0 0;
  color: #ffb606;
}

.testimonials-area .clients-review-carousel .owl-nav .owl-next {
  left: auto;
  right: 0;
}


/* ============================================================== 
     # Registration & Faq
=================================================================== */
.faq-area .faq-content .panel-group {
  margin-bottom: 0;
}

.reg-area .reg-items .reg-form, 
.reg-area .reg-items .thumb {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.reg-area .reg-items .reg-form {
  padding-right: 35px;
}

.reg-area .site-heading h2 {
  font-size: 24px;
  text-transform: uppercase;
}

.reg-area .acd-items .panel-body p {
  margin: 0;
}

.reg-area .reg-items .panel-group {
  margin-bottom: 0;
}

.reg-area.inc-faq .reg-items .reg-form {
  display: inherit;
  float: left;
}

.reg-area .site-heading {
  margin-bottom: 0;
}

.reg-area .reg-form input, 
.reg-area .reg-form select {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  color: #666666;
  min-height: 50px;
}

.reg-area .reg-form select option {
  padding: 5px 15px;
}

.reg-area .reg-form button {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  
  font-weight: 600;
  margin-top: 15px;
  padding: 10px 40px;
  text-transform: uppercase;
}

.reg-area .reg-box {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  padding: 50px;
}

.reg-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
}


/* ============================================================== 
     # Portfolio
=================================================================== */
.portfolio-area.default-padding {
  padding-bottom: 105px;
}

.portfolio-area .mix-item-menu {
  display: inline-block;
  margin-bottom: 15px;
}

.portfolio-area .mix-item-menu button {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--brand-dark, #002147);
  display: inline-block;
  
  font-weight: 600;
  margin: 0 2px 5px;
  padding: 8px 15px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.portfolio-area .mix-item-menu button.active,
.portfolio-area .mix-item-menu button:hover {
  border: 1px solid #e7e7e7;
}

.portfolio-area .pf-item {
  float: left;
  padding: 15px;
  width: 33.333%;
}

.portfolio-area .portfolio-items.col-2 .pf-item {
  width: 50%;
}

.portfolio-area .portfolio-items.col-4 .pf-item {
  width: 25%;
}

.portfolio-area .portfolio-items.col-6 .pf-item {
  width: 16.666%;
}

/* Hover Effect */
.portfolio-items-area .pf-item .item-effect {
  position: relative;
  overflow: hidden;
}

.portfolio-items-area .pf-item .item-effect .overlay {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
}

.portfolio-items-area .pf-item .item-effect a {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: var(--brand-dark, #002147);
  display: inline-block;
  height: 45px;
  line-height: 45px;
  margin: 0 1px;
  opacity: 0;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  width: 45px;
}

.portfolio-items-area .portfolio-items.col-6 .pf-item .item-effect a {
  height: 40px;
  line-height: 40px;
  width: 40px;
}

.portfolio-items-area .pf-item .item-effect:hover a {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.portfolio-items-area .pf-item .item-effect:hover a {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.portfolio-items-area .pf-item .item-effect:hover img {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  background-position: top;
  -webkit-filter: grayscale(0.4) blur(2px);
  filter: grayscale(0.4) blur(2px);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.45s;
  -o-transition-duration: 0.45s;
  -webkit-transition-duration: 0.45s;
  transition-duration: 0.45s;
}

.portfolio-items-area .pf-item .item-effect:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.portfolio-items img
{
height:15em;
}

.portfolio-items-area .pf-item .item-effect img {
  display: inline-block;
  -moz-transform: scale(1.09, 1.09);
  -ms-transform: scale(1.09, 1.09);
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}


/* ============================================================== 
     # Faq Accordion 
=================================================================== */
.faq-items h2 {
  font-weight: 700;
}

.faq-area .sign-up {
  background: var(--brand-dark, #002147);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 50px;
}

.testimonials-area .faq-items .panel-group {
  margin: 0;
}

.faq-area.color-crimson .sign-up {
  background: #e22a31;
}

.faq-area.color-yellow .sign-up {
  background: #fbba42;
}

.faq-area .signup-form {
  padding-right: 30px;
}

.acd-items .panel-heading .panel-title a {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  font-weight: 600;
  padding: 20px 0;
  position: relative;
}

.acd-items .panel-heading {
  padding: 0;
}

.acd-items .panel.panel-default {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #e7e7e7;
  border-image: none;
  border-radius: inherit;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: inherit;
  margin-top: 0;
  padding: 0;
}

.acd-items .panel.panel-default:last-child {
  border: medium none;
}

.acd-items .panel.panel-default:last-child .panel-body {
  padding-bottom: 0;
}

.acd-items .panel-body {
  padding: 15px 0;
}

.acd-items .panel.panel-default:first-child {
  margin-top: 0;
}

.faq-area .panel-body p {
  margin: 0;
}

.faq-area .panel-body {
  padding: 15px 0;
}

.faq-area .faq-items .acd-items .panel .panel-body {
  border-color: #e7e7e7;
}

.acd-arrow .panel-group.symb .panel-heading a::after {
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 17px;
 
  font-weight: 900;
  color: var(--brand-dark, #002147);
}

.color-crimson .acd-arrow .panel-group.symb .panel-heading a::after {
  color: #e22a31;
}

.color-yellow .acd-arrow .panel-group.symb .panel-heading a::after {
  color: #fbba42;
}

.acd-arrow.left .panel-group.symb .panel-heading a::after {
  content: "\f01b" !important;
  font-size: 20px;
  position: absolute;
  right: auto;
  left: 10px;
  top: 12px;
 
  font-weight: 900;
}

.acd-arrow.left .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f01a" !important;
 
  font-weight: 900;
}

.faq-area .faq-items .panel-group {
  margin: 0;
}

.acd-arrow .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f105";

  font-weight: 900;
}

.faq-area.left-sidebar .faq-content {
  float: right;
  margin-top: -20px;
  padding-left: 35px;
}

.faq-area.left-sidebar .left-sidebar .sidebar {
  padding-left: 0;
}

.faq-area .acd-items .panel-body ul li {
  display: block;
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.faq-area .acd-items .panel-body ul li::before {
  content: "\f560";
  
  font-weight: 900;
  left: 0;
  position: absolute;
}

.faq-area .acd-items .panel-body ul {
  margin-top: 15px;
}

.faq-area .acd-items .panel-body ul li:last-child {
  margin-bottom: 0;
}

.faq-area .faq-area .faq-content .panel-group {
  margin-bottom: 0;
}


/* ============================================================== 
     # Blog 
=================================================================== */
.blog-area.left-sidebar .blog-content {
  float: right;
}

.blog-area.left-sidebar .sidebar {
  padding-left: 15px;
  padding-right: 35px;
}

.blog-area .blog-items .single-item {
  margin-bottom: 30px;
}

.blog-area .blog-items .item .info .meta {
  border-top: 1px solid #e7e7e7;
  margin-top: 15px;
  padding-top: 15px;
}

.blog-area .blog-items .item .info .meta li {
  color: #666666;
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
}

.blog-area .blog-items .item .info .meta li a {
  color: #666666;
  display: inline-block;
}

.blog-area .blog-items .item .info .meta li i {
  margin-right: 5px;
}

.blog-area .blog-items .thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.blog-area .blog-items .thumb img {
  display: block;
  position: relative;
  min-height:17em !important;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.blog-area.circle .blog-items .thumb img {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.blog-area .blog-items .item:hover .thumb img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.blog-area .blog-items .thumb .date {
  bottom: 15px;
  left: 15px;
  padding: 15px;
  position: absolute;
  z-index: 1;
}

.blog-area .blog-items .thumb .date span {
  display: block;
  font-size: 40px;
  font-weight: 900;
}

.blog-area .blog-items .thumb .date::after {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.blog-area.circle .blog-items .thumb .date::after {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.blog-area .blog-items .thumb .date h4 {
  color: #ffb606;
  font-size: 14px;
  margin: 0;
}

.blog-area .blog-items .info {
  padding-top: 30px;
}

.blog-area .blog-items .info h2,
.blog-area .blog-items .info h3,
.blog-area .blog-items .info h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.blog-area .blog-items .info > a {
  font-weight: 600;
  text-transform: uppercase;
  color: #666666;
}

.blog-area .blog-items .item a:hover {
  color: #ffb606 !important;
}


/* Blog Single */
.blog-area .pagi-area .pagination li a {
  border: 1px solid #e7e7e7;
  color: var(--brand-dark, #002147);
  font-weight: 600;
  padding: 15px 25px;
  margin-top: 5px;
}

.blog-area .pagi-area .pagination li.active a {
  background: #ffb606 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #ffffff;
}

.blog-area .pagi-area .pagination {
  margin-bottom: 0;
}

.blog-area .pagi-area {
  margin-bottom: -10px;
}

/* Sidebar */
.blog-area .sidebar .sidebar-item {
  margin-bottom: 40px;
  overflow: hidden;
}

.blog-area .sidebar .sidebar-item.category,
.blog-area .sidebar .sidebar-item.archives {
  margin-bottom: 35px;
}

.blog-area .sidebar {
  padding-left: 35px;
}

.blog-area .sidebar .sidebar-item .title h4 {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.blog-area .sidebar .sidebar-item .title h4::before {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 30px;
}

.blog-area .sidebar .sidebar-item .title h4::after {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 35px;
  position: absolute;
  width: 10px;
}

.blog-area .sidebar .sidebar-item input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.blog-area .sidebar .sidebar-item:last-child {
  margin-bottom: 0;
}

.blog-area .sidebar .sidebar-item form {
  position: relative;
}

.blog-area .sidebar .sidebar-item form input[type="submit"] {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
 
  font-weight: 600;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-transform: capitalize;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.blog-area .sidebar .sidebar-item form input[type="submit"]:hover {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;
}

.blog-area .sidebar .sidebar-item.category li a {
  color: #666666;
  display: block;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.blog-area .sidebar .sidebar-item.category li {
  border-bottom: 1px dashed #999999;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.blog-area .sidebar .sidebar-item.category li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.blog-area .sidebar .sidebar-item.category li a span {
  background: #f4f4f4 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: var(--brand-dark, #002147);
  float: right;
  padding: 0 5px;
  position: relative;
  right: 0;
  text-align: center;
}

.blog-area .sidebar .sidebar-item.recent-post h4 a {
  color: var(--brand-dark, #002147);
  text-transform: capitalize;
}

.blog-area .sidebar .sidebar-item.recent-post .info h4 {
  margin-bottom: 12px;
}

.blog-area .sidebar .sidebar-item.recent-post .thumb, 
.blog-area .sidebar .sidebar-item.recent-post .info {
  display: table-cell;
  vertical-align: top;
}

.blog-area .sidebar .sidebar-item.recent-post .item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.blog-area .sidebar .sidebar-item.recent-post .item:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.blog-area .sidebar .sidebar-item.recent-post .thumb {
  height: 80px;
  padding-right: 0;
  width: 80px;
}

.blog-area .sidebar .sidebar-item.recent-post .info {
  padding: 0 0 0 15px;
}

.blog-area .sidebar .sidebar-item.recent-post .item :hover .thumb img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.blog-area .sidebar .sidebar-item.recent-post .rating {
  color: #666666;
}

.blog-area .sidebar .sidebar-item.recent-post .meta {
  border: medium none;
  color: #666666;
 
  margin-top: 10px;
  padding: 0;
  text-transform: uppercase;
}

.blog-area .sidebar .sidebar-item.recent-post .meta i {
  color: #666666;
  font-weight: 500;
  margin-right: 3px;
}

.blog-area .sidebar .sidebar-item.recent-post a {
  color: #666666;
}

.blog-area .sidebar .sidebar-item.recent-post .item .rating i {
  color: #ffb606;
}

.blog-area .sidebar .sidebar-item.archives a {
  color: #666666;
  text-transform: capitalize;
}

.blog-area .sidebar .sidebar-item.archives li {
  border-bottom: 1px dashed #999999;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.blog-area .sidebar .sidebar-item.archives li:last-child {
  border: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sidebar-item.gallery ul li {
  box-sizing: border-box;
  float: left;
  padding: 0 10px 10px 0;
  width: 33.333%;
}

.sidebar-item.gallery ul li img {
  min-height: 70px;
  width: 100%;
}

.sidebar-item.social-sidebar li {
  display: inline-block;
}

.sidebar-item.social-sidebar li a {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 50px;
}

.sidebar-item.social-sidebar li.facebook a {
  background: #3b5998 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.twitter a {
  background: #1da1f2 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.pinterest a {
  background: #bd081c none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.g-plus a {
  background: #db4437 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.linkedin a {
  background: #0077b5 none repeat scroll 0 0;
}

.sidebar .sidebar-item.tags li {
  display: inline-block;
}

.sidebar .sidebar-item.tags li a {
  border: 1px solid #e7e7e7;
  display: inline-block;
  float: left;
  margin-right: 3px;
  padding: 8px 20px;
  text-transform: uppercase;
}

/* Single Blog */
.blog-area.single-blog .item {
  margin-bottom: 0;
}

.blog-area.full-blog.single-blog .blog-items .blog-content .item .meta {
  border-bottom: 1px solid #e7e7e7;
  border-top: medium none;
  display: block;
  float: left;
  margin-bottom: 20px;
  margin-top: 5px;
  padding-bottom: 20px;
  padding-top: 0;
  width: 100%;
}

.blog-area.full-blog.single-blog .meta ul {
  display: inline-block;
}

.blog-area.full-blog.single-blog .meta > ul {
  display: inline-block;
  padding: 5px 0;
}

.blog-area.full-blog.single-blog .meta .share {
  float: right;
}

.blog-area.full-blog.single-blog .meta .share > i {
  display: inline-block;
  float: left;
  font-size: 20px;
  margin: 0 7px 0 0;
  padding: 8px 0;
}

.blog-area.full-blog.single-blog .meta .share li a {
  background: var(--brand-2154cf, #2154cf) none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  height: 35px;
  line-height: 37px;
  text-align: center;
  width: 35px;
}

.blog-area.full-blog.single-blog .meta .share li a i {
  margin: 0;
}

.blog-area.full-blog.single-blog .meta .share li {
  margin-left: 5px;
  margin-right: 0;
}

.blog-area.full-blog.single-blog .meta li.twitter a {
  background-color: #00b6f1;
}

.blog-area.full-blog.single-blog .meta li.pinterest a {
  background-color: #bd081c;
}

.blog-area.full-blog.single-blog .meta li.facebook a {
  background-color: #3b5998;
}

.blog-area.full-blog.single-blog .meta li.g-plus a {
  background-color: #df4a32;
}

.blog-area.full-blog.single-blog .meta li.vimeo a {
  background-color: #1ab7ea;
}

.blog-area.full-blog.single-blog .meta li.instagram a {
  background-color: #cd486b;
}

.blog-area .item blockquote {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  border: medium none;
  color: #cccccc;
  font-size: 15px;
  padding: 50px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.blog-area .item blockquote::after {
  content: ",,";

  font-size: 180px;
  left: 80px;
  letter-spacing: -15px;
  margin-left: -20px;
  opacity: 0.2;
  position: absolute;
  top: 118px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.blog-area .item blockquote p {
  margin: 0;
}

.author-bio {
  display: block;
  margin-top: 45px;
  width: 100%;
}

.author-bio .avatar {
  display: table-cell;
  vertical-align: top;
  width: 200px;
}

.author-bio .content {
  display: table-cell;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

.author-bio .content p {

  margin: 0;
  padding-left: 20px;
  position: relative;
  z-index: 1;
}

.author-bio .content p::after {
  content: ",,";

  font-size: 100px;
  left: 20px;
  letter-spacing: -12px;
  opacity: 0.1;
  position: absolute;
  top: 10px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.author-bio .content h4 {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 15px;
  padding-left: 20px;
  text-transform: uppercase;
}

.blog-area.single-blog .post-pagi-area {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  margin: 40px 0 50px;
  overflow: hidden;
  padding: 15px 0;
}

.blog-area.single-blog .post-pagi-area a {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
}

.blog-area.single-blog .post-pagi-area a:hover {
  color: var(--brand-2154cf, #2154cf);
}

.blog-area.single-blog .post-pagi-area a:last-child {
  float: right;
}

.blog-area.single-blog .post-pagi-area a:first-child i {
  margin-right: 3px;
}

.blog-area.single-blog .post-pagi-area a:last-child i {
  margin-left: 3px;
}

.blog-area.single-blog .post-tags span {
 
  font-weight: 600;
  margin-right: 5px;
  text-transform: uppercase;
}

.blog-area.single-blog .post-tags a {
  border: 1px solid #e7e7e7;
  color: var(--brand-dark, #002147);
  display: inline-block;
  font-size: 12px;
  margin-bottom: 8px;
  margin-right: 5px;
  padding: 3px 25px;
  text-transform: uppercase;
}

.blog-area.single-blog .post-tags a:hover {
  color: var(--brand-2154cf, #2154cf);
}

.responsive-video {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}

.responsive-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.comments-list .commen-item .avatar {
  float: left;
  height: 100px;
  width: 100px;
}

.comments-list .commen-item .content {
  display: table-cell;
  vertical-align: top;
}

.comments-list .commen-item .avatar img {
  height: 80px;
  width: 80px;
}

.comments-list .commen-item {
  margin-bottom: 30px;
}

.comments-list .commen-item.reply {
  padding-left: 80px;
}

.comments-area {
  margin-top: 50px;
}

.comments-area .comments-title h2, 
.comments-area .comments-title h3, 
.comments-area .comments-title h4 {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.comments-list .commen-item .content h3, 
.comments-list .commen-item .content h4, 
.comments-list .commen-item .content h5 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.comments-info a {
  border: 1px solid #e7e7e7;
  color: var(--brand-dark, #002147);
  display: inline-block;
  font-size: 12px;
  margin-left: 14px;
  padding: 1px 10px;
  text-transform: uppercase;
}

.comments-info a:hover {
  color: var(--brand-2154cf, #2154cf);
}

.color-yellow .comments-info a:hover {
  color: #ff9800;
}

.comments-info a i {
  margin-right: 10px;
}

.comments-form input, .comments-form textarea {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.comments-form textarea {
  min-height: 150px;
}

.blog-area.full-blog.single-blog .form-group.submit {
  margin-bottom: 0;
}

.comments-form button {
  background-color: #ffb606;
  border: 1px solid transparent;
  color: var(--brand-dark, #002147);
  display: inline-block;

  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 20px;
  padding: 9px 35px;
  text-transform: uppercase;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.comments-form button:hover {
  background-color: var(--brand-dark, #002147);
  border: 1px solid transparent;
  color: #ffffff;
}

.comments-area .commen-item .comments-info {
  margin-bottom: 15px;
}

.comments-form .title h2, 
.comments-form .title h3, 
.comments-form .title h4 {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.blog-area .contact-comments .comments {
  margin-top: 20px;
}

.blog-area.single .blog-items .item .contact-comments .col-md-6 {
  float: left;
  padding: 0 15px;
}


/* ============================================================== 
     # Clients 
=================================================================== */
.clients-area .row {
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
  vertical-align: middle;
}

.clients-area .clients-items img {
  margin: auto;
  width: auto;
}

.clients-area .info h4 {
  text-transform: uppercase;
}

.clients-area .info p {
  margin: 0;
}


/* ============================================================== 
     # Subscribe 
=================================================================== */

.subscribe-area .content {
  margin-bottom: 30px;
}

.subscribe-area .content h2 {
  font-weight: 600;
  text-transform: uppercase;
}

.subscribe-area .content h4 {
  line-height: 1.4;
  margin: 0;
}

.subscribe-area .form form {
  position: relative;
  z-index: 1;
}

.subscribe-area .form form input {
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;
  min-height: 60px;
  padding: 15px 25px;
  width: 100%;
}

.subscribe-area .form form button {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;

  font-weight: 600;
  min-height: 50px;
  min-width: 60px;
  padding: 0 30px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 5px;
}


/* ============================================================== 
     # Join With Us  
=================================================================== */

.join-us-area .info h2 {
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.join-us-area .info a {
  margin-top: 10px;
}

.join-us-area .site-heading h2 {
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 25px;
  text-transform: capitalize;
}


/* ============================================================== 
     # Contact 
=================================================================== */

.contact-info-area {
  padding-bottom: 120px;
}

.contact-info-area .contact-info .item {
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 50px 30px;
  text-align: center;
  background: #ffffff none repeat scroll 0 0;
}

.contact-info-area .contact-info .item i {
  color: #ffb606;
  display: block;
  font-size: 60px;
  text-align: center;
}

.contact-info-area .contact-info .item .info {
  margin-top: 20px;
}

.contact-info-area .contact-info .item .info h4 {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.contact-info-area .contact-info .item .info p {
  margin: 0;
}

.contact-info-area .maps-form .form {
  padding-left: 35px;
}

.contact-info-area .maps-form {
  display: inline-block;
  margin-top: -10px;
}

.contact-info-area .maps-form .maps {
  overflow: hidden;
}

.contact-info-area .maps-form h2,
.contact-info-area .maps-form h3,
.contact-info-area .maps-form h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.contact-info-area .maps-form iframe {
  height: 465px;
  margin-bottom: -10px;
  margin-top: 10px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.contact-info-area .maps-form {
  display: inline-block;
  margin-top: -10px;
}

.contact-info-area .maps-form input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.contact-info-area .maps-form textarea {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 150px;
}

.contact-info-area .maps-form button {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;

  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
}

.contact-info-area .maps-form button i {
  margin-left: 3px;
}

form img.loader {
  margin-left: 5px;
}

.contact-info-area form .alert-notification {
  padding: 0;
}

.contact-info-area form .alert-notification h3 {
  color: green;
  margin-bottom: 5px;
}

.contact-info-area form .alert-notification .alert-error {
  background: #e7e7e7 none repeat scroll 0 0;
  color: red;
  margin-top: 15px;
  margin-bottom: 0;
}

.contact-info-area form .alert-notification .alert-success {
  margin-top: 15px;
  margin-bottom: 0;
}


/* ============================================================== 
     # 404 
=================================================================== */
.error-page-area ul li {
  display: inline-block;
}

.error-page-area ul li a {
  color: #ffffff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 2px;
  text-align: center;
  width: 40px;
}

.error-page-area ul {
  border-top: 1px solid #e7e7e7;
  margin-top: 30px;
  padding-top: 28px;
}

.error-page-area h1 {
  font-size: 120px;
  font-weight: 900;
  line-height: 90px;
  margin-bottom: 30px;
}

.error-page-area h2 {
  font-weight: 600;
}

.error-page-area a {
  margin: 15px 3px 0;
}

.error-page-area li.facebook a {
  background: #3b5998 none repeat scroll 0 0;
}

.error-page-area li.twitter a {
  background: #1da1f2 none repeat scroll 0 0;
}

.error-page-area li.pinterest a {
  background: #bd081c none repeat scroll 0 0;
}

.error-page-area li.g-plus a {
  background: #db4437 none repeat scroll 0 0;
}

.error-page-area li.linkedin a {
  background: #0077b5 none repeat scroll 0 0;
}


/* ============================================================== 
     # Popup Form 
=================================================================== */

form.white-popup-block {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  margin: auto;
  padding: 50px 30px;
  position: relative;
  width: 50%;
  overflow: hidden;
}

form.white-popup-block button.mfp-close {
  color: red;
}

form.white-popup-block li {
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

form.white-popup-block li a {
  background: var(--brand-dark, #002147) none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 50px;
}

form.white-popup-block li.facebook a {
  background: #3b5998 none repeat scroll 0 0;
}

form.white-popup-block li.twitter a {
  background: #1da1f2 none repeat scroll 0 0;
}

form.white-popup-block li.pinterest a {
  background: #bd081c none repeat scroll 0 0;
}

form.white-popup-block li.g-plus a {
  background: #db4437 none repeat scroll 0 0;
}

form.white-popup-block li.linkedin a {
  background: #0077b5 none repeat scroll 0 0;
}

form.white-popup-block .col-md-6:last-child {
  border-left: 1px solid #e7e7e7;
}

form.white-popup-block .col-md-6:last-child {
  border-left: 1px solid;
}

form.white-popup-block h3,
form.white-popup-block h4 {
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}

form.white-popup-block .login-social {
  padding-right: 30px;
}

form.white-popup-block .login-custom {
  border-left: 1px solid #e7e7e7;
  padding-left: 30px;
}

form.white-popup-block input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
}

form.white-popup-block .lost-pass-link {
  float: right;
}

form.white-popup-block .lost-pass-link:hover {
  text-decoration: underline;
}

form.white-popup-block label {
  float: left;
}

form.white-popup-block label input {
  float: left;
  margin-right: 5px;
  min-height: 20px;
}

form.white-popup-block button[type="submit"] {
  background: #ffb606 none repeat scroll 0 0;
  border: medium none;
  display: inline-block;

  font-weight: 600;
  margin-top: 10px;
  padding: 8px 50px;
  text-transform: uppercase;
}

form.white-popup-block .link-bottom {
  display: block;
  float: left;
  margin-bottom: 0;
  margin-top: 15px;
  width: 100%;
}

form.white-popup-block .link-bottom a:hover {
  text-decoration: underline;
}

.login-area form.white-popup-block {
  width: auto;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
}


/* ============================================================== 
     # Footer 
=================================================================== */



/* footer starting */

.footer
{
min-height:300px;
background-image: linear-gradient(rgba(var(--brand-dark-rgb, 0,33,71),0.4),rgba(var(--brand-dark-rgb, 0,33,71),0.8)),url("../img/map_bg.gif");
background-size: cover;
color: white;
}
.first
{
min-height: 300px;
text-align: center;
padding-top: 5em;
padding-left:2em;
background-image:url("../img/footer.svg");
/* background-size: cover; */
background-size:contain;
/* background-image: url("../img/footer_bg.jpg"); */
background-repeat: no-repeat;
background-position:left !important;
} 
.first h6
{
font-size:14px;
font-weight: bold;
}

.second,.third,.fourth
{
font-size:13px;
text-align: start;
padding-top: 2em;
}
.second h5,.third h5,.fourth h5
{
text-align: start;
font-size: 16px;
}
.second p
{
color: #fff !important;
}
.line
{
height:2px;
width:45px;
background:var(--my-yellow);
margin-bottom:15%;
}

.footer a
{
color:white;
}
.footer a:hover
{
color:var(--my-blue);
}
.footer_ic1,.footer_ic2,.footer_ic3,.footer_ic4,.footer_ic5
{
padding:0.5em;
background:orange;
margin:0.1em;
color: white;
}
.footer_ic2
{
background:red;
}
.footer_ic3
{
background:skyblue;
}
.footer_ic4
{
background:blue;
}
.footer_ic5
{
background:skyblue;
}
.second .map
{
height:130px;
width:80%;
}
.footer1
{
min-height:40px;
background:var(--brand-002f62, #002f62);
color:white;
text-align: center;
padding-top:0.5em;
}
.footer2
{
min-height:40px;
background:var(--my-blue);
color:white;
text-align: center;
padding-top:0.5em;
}
/* media query for footer */
@media (max-width:909px){
.footer .first img
{
position: relative;
top:12px;
height:30%;
width:35%;
}
.footer .first
{
background-size:80%;
}
.footer .first h6
{
    font-size: 10px;
    margin-top:-2em;
}

}



/* =============vision mission ======= */
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a
{
background: var(--my-blue) !important;
}



/* ============================================================== 
     # Preloader 
=================================================================== */
.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../img/preloader.gif) center no-repeat #fff;
  text-align: center;
}


/* ============================================================== 
     # Demo 
=================================================================== */
.demo-area .single-item {
  box-shadow: 0 0 10px #cccccc;
  position: relative;
  z-index: 1;
  padding: 15px;
}

.demo-area .item {
    margin-bottom: 50px
}

.demo-area .single-item .info {
  background: #f3f6f8 none repeat scroll 0 0;
  color: #333;
  padding: 15px 10px;
  text-align: center;
  margin-top: 15px;
}
.demo-area .single-item .info h4 {
  color: #232323;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}
.banner-area .demo-banner h1 {
  font-weight: 700;
  margin-bottom: 30px;
}
.banner-area .demo-banner img {
  height: auto;
  margin-bottom: 20px;
  max-height: 150px;
}
.demo-area .def-heading h2 {
  font-weight: 900;
  margin: 30px 0;
  text-transform: uppercase;
  color: #333333;
}
.demo-footer {
  padding-bottom: 80px;
}

.introduction-area h2 span {
  color: #fd0060;
}

.introduction-area h4 {
  font-weight: 300;
  line-height: 30px;
}

.introduction-area h2 {
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.introduction-area h2::before {
  background: #fd0060 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 50px;
}

.introduction-area h2::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -40px;
  position: absolute;
  width: 25px;
}

footer.demo .copyright {
  margin-top: 15px;
}
.demo-area .comming-soon.item img {
    opacity: 0.3;
}
.banner-area.demo-banner {
  padding: 50px 0;
}


.demo-area .tab-navigation .nav-pills li {
    display: inline-block;
    float: none;
}
.demo-area .tab-navigation .nav-pills li a {
    background: var(--brand-307ad5, #307ad5) none repeat scroll 0 0;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 15px 40px;
    text-transform: uppercase;
}
.demo-area .tab-navigation .nav-pills li.active a {
    background: #ffb606 none repeat scroll 0 0;
    color: #232323;
}
.demo-area .tab-navigation .nav-pills {
    display: block;
    margin-bottom: 50px;
}


/* quick links */
/* Quick Links section */
.quick_links
{    
margin-top:1em;
margin-bottom: 3em;
} 
.quick_links img
{
height:7.5em;
}




.admission
{
 position: fixed;
 top:270px;
 right:-33px;
 transform: rotate(-90deg);
 background: #d72d24;
 color: #fff;
 border:none;
 border-radius:10px 10px 0px 0px;
 padding:0.6em 0.8em !important;
 z-index: 999999;
 animation: blink 1s infinite;
}
.enquiry
{
 position: fixed;
 top:400px;
 right:-25px;
 background: #d72d24;
 color: #fff;
 border:none;
 transform: rotate(-90deg);
 border-radius:10px 10px 0px 0px;
padding:0.6em 0.8em;
 z-index: 999;
 animation: blink 1s infinite;
}

@keyframes blink{
  0%{color:white;background:var(--my-blue);}
  30%{color:white;background:var(--my-blue)}
  70%{color:white;background:black;}
  100%{color:white;background:black;}
}


/* Source: responsive.css */
/*================================ 
    #RESPONSIVE CSS 
====================================*/

@media (max-width:909px) {
img
{
margin-bottom: 2em;
}

.navbar-header img
{
height:6em !important;
}  
.head_top
{
border: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.my_ic
{
text-align: center;
}
.latest-post h4
{
margin-bottom: 2em !important;
}
}


/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {


  /* Topbar */
  

  /* What you learn */
  .what-learn-area .row > .info {
    padding-right: 15px;
    margin-bottom: 30px;
  }

  /* About */
  .about-area .thumb {
    margin-bottom: 30px;
    padding-right: 15px;
  }
  .about-info .thumb
  {
    padding-top:0 !important;
  }

  .about-area .our-features .item {
    text-align: center;
    padding: 30px;
  }

  .about-area .our-features .item .info h4 {
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .about-area .our-features .col-md-3:last-child .item,
  .about-area .our-features .col-md-4:last-child .item,
  .about-area .our-features .col-md-6:last-child .item {
    margin-bottom: 0;
  }

  .about-area .our-features .item .icon, 
  .about-area .our-features .item .info {
    display: block;
  }

  .about-area .our-features .item .icon {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .our-featues-area.inc-trending-courses .our-feature-items {
    padding-right: 15px;
  }

  .our-featues-area.inc-trending-courses .col-md-6:first-child .item, 
  .our-featues-area.inc-trending-courses .col-md-6:nth-child(2) .item {
    margin-top: 15px;
  }

  .our-featues-area .home-sidebar {
    margin-top: 30px;
  }

  .our-featues-area.inc-trending-courses .our-feature-items .info {
    padding-right: 15px;
  }

  .our-featues-area.inc-trending-courses .our-features {
    padding-right: 0;
  }

  .our-featues-area .about-info {
    padding-right: 15px;
  }

  
  /* Course Offer  */
  .course-offer-area .offer-box .thumb {
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .course-offer-area .offer-box .row {
    display: block;
    text-align: center;
  }

  /* Why Chose Us */

  .wcs-area.content-default .content {
    margin-top: 30px;
  }

  .wcs-area .thumb, 
  .wcs-area .content {
    display: block;
  }

  .wcs-area .thumb {
    min-height: 350px;
  }

  .wcs-area .content {
    padding: 80px 50px;
  }

  /* Featured Courses */
  .featured-courses-area .info {
    margin-top: 30px;
    padding-left: 15px;
  }

  .featured-courses-area .info > h4 {
    margin-bottom: 25px;
  }

  .featured-courses-area .featured-courses-carousel .owl-nav {
    display: none;
  }

  .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev {
    left: 30px;
  }

  .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
    right: 30px;
  }


  /* Top Category */
  .top-cat-area .top-cat-items.text-center {
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .top-cat-items .item {
    text-align: center;
  }

  .top-cat-items .item i, 
  .top-cat-items .item .info {
    display: block;
  }

  .top-cat-items .item i {
    margin-bottom: 15px;
  }


  /* Popular Courses */
  .popular-courses .popular-courses-items .owl-nav {
    display: none;
  }

  .popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
    left: 5px;
  }

  .popular-courses .popular-courses-items:hover .owl-nav .owl-next {
    right: 5px;
  }

  .course-details-area .sidebar {
    margin-top: 50px;
    padding-left: 0;
  }

  /* Advisor */

  .advisor-area .advisor-carousel .owl-nav {
    display: none;
  }

  .advisor-area .advisor-carousel:hover .owl-nav .owl-prev {
    left: 30px;
  }

  .advisor-area .advisor-carousel:hover .owl-nav .owl-next {
    right: 30px;
  }

  .adviros-details-area .info.main-content {
    margin-top: 30px;
    padding-left: 15px;
  }

  /* Edit Profile */
  .edit-profile .update-info {
    border: medium none;
    padding-right: 15px;
  }

  .edit-profile .about-user {
    margin-bottom: 30px;
  }

  .edit-profile .update-pass {
    margin-top: 30px;
    padding-left: 15px;
  }


  /* Event */
  .event-area .event-items .item .thumb, 
  .event-area .event-items .item .info {
    display: block;
    float: none;
    vertical-align: middle;
  }

  .event-area .event-items .item.horizontal .thumb {
    min-height: 350px;
  }

  .event-area .event-items.event-carousel .owl-nav {
    display: none;
    margin: 0;
  }

  /* Reg Form */
  .reg-area .reg-items .reg-form.default-padding-bottom {
    padding-bottom: 30px;
    padding-right: 15px;
  }

  .reg-area .reg-form {
    padding-right: 15px;
  }

  .reg-area .reg-items .reg-form, 
  .reg-area .reg-items .thumb {
    display: block;
  }

  .reg-area .reg-items .thumb {
    text-align: center;
  }

  .reg-area.inc-faq .reg-items .reg-form {
    display: inherit;
    float: inherit;
    margin-bottom: 30px;
  }

  .join-us-area .info {
    margin-bottom: 30px;
    padding-right: 15px;
  }

  .faq-area.left-sidebar .faq-content {
    float: none;
    margin-bottom: 50px;
    padding-left: 15px;
  }


  /* Blog */
  .blog-area.left-sidebar .blog-content {
    float: none;
  }

  .blog-area.left-sidebar .sidebar {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-area .sidebar {
    margin-top: 50px;
    padding-left: 15px;
  }


  /* Portfolio */
  .portfolio-area .portfolio-items .pf-item,
  .portfolio-area .portfolio-items.col-2 .pf-item,
  .portfolio-area .portfolio-items.col-3 .pf-item,
  .portfolio-area .portfolio-items.col-4 .pf-item {
    width: 50%;
  }

  .portfolio-area .portfolio-items.col-6 .pf-item {
    width: 33.333%;
  }


  /* Testimonials */
  .clients-review-carousel {
    text-align: center;
    ;
  }

  .clients-review-carousel .item .thumb img {
    border-radius: 50%;
    height: 150px;
    margin: auto auto 30px;
    width: 150px;
  }

  .clients-review-carousel .thumb,
  .clients-review-carousel .info {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-area .clients-review-carousel .owl-nav {
    display: none;
  }

  .testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
    left: 30px;
  }

  .testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
    right: 30px;
  }

  /* Partner */

  .clients-area {
    text-align: center;
  }

  .clients-area .row {
    align-items: inherit;
    display: inherit;
  }

  .clients-area .clients .clients-items {
    margin-top: 20px;
    text-align: center;
  }

  /* Subscribe Form */
  .subscribe-area .content, 
  .subscribe-area .form {
    display: block;
    float: none;
    text-align: center;
    vertical-align: middle;
  }

  .subscribe-area .content {
    margin-bottom: 30px;
  }

  /* Contact page */
  .contact-info-area .maps-form .form {
    margin-top: 30px;
    padding-left: 15px;
  }

  /* Login Register Form */

  form.white-popup-block .login-social {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
    padding-right: 0;
    padding-left: 0;
  }

  form.white-popup-block .login-custom {
    border-left: medium none;
    padding: 0;
  }

  form.white-popup-block {
    width: 80%;
  }


  /* Footer */
  footer .f-items .item {
    margin-bottom: 50px;
    padding-right: 15px;
  }

  footer .f-items .item:last-child {
    margin-bottom: 0;
  }

  footer .footer-bottom {
    text-align: center;
  }

  .footer-bottom .col-md-6:first-child {
    padding-left: 15px;
  }

  .footer-bottom .col-md-6:last-child {
    padding-right: 15px;
    text-align: center;
  }

  footer .f-items .f-item.link ul {
    margin-top: -10px;
  }
}


/* Custom Device */
@media only screen and (min-width: 850px) and (max-width: 991px) {

  /* Popular Courses */
  .popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
    left: -60px;
  }

  .popular-courses .popular-courses-items:hover .owl-nav .owl-next {
    right: -60px;
  }


  /* Featured Courses */
  .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev {
    left: -60px;
  }

  .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
    right: -60px;
  }

   /* Advisor */
  .advisor-area .advisor-carousel:hover .owl-nav .owl-prev {
    left: -60px;
  }

  .advisor-area .advisor-carousel:hover .owl-nav .owl-next {
    right: -60px;
  }

  /* Testimonials */
  .testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
    left: -60px;
  }

  .testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
    right: -60px;
  }
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

  /* Heading */
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
    line-height: 1.4;
  }

  h5, h6 {
    font-size: 14px;
    line-height: 1.4;
  }

  .default-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .padding-xl {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .default-padding.bottom-less {
    padding-bottom: 20px;
    padding-top: 50px;
  }

  .default-padding-bottom {
    padding-bottom: 50px;
  }

  .default-padding-top {
    padding-top: 50px;
  }

  .default-padding.bottom-30 {
    padding-bottom: 0;
    padding-top: 50px;
  }

  .default-padding.bottom-20 {
    padding-bottom: 20px;
    padding-top: 50px;
  }

  .site-heading {
    margin-bottom: 30px;
  }

  .default-padding.carousel-shadow {
    padding-bottom: 35px;
  }

  .seperator .border {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .side {
    width: 320px;
  }

  /* Topbar */
  .top-bar-area {
   font-size: 0.9em;
   padding: 0;
  }

  .top-bar-area.inc-transparent-nav {
    display: none;
  }


  .top-bar-area .address-info li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0.2);
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #ffffff;
    display: block;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    line-height: 24px;
    /* margin-bottom: 15px; */
    margin-right: 0;
    /* padding-bottom: 15px; */
    padding-right: 0;
    text-align: center;
  }

  .top-bar-area.address-two-lines .user-login {
    margin: 10px 0;
    text-align: center;
    padding: 0;
  }

  .top-bar-area .user-login {
    text-align: center;
    margin: 10px 0;
    padding: 0;
  }

  .top-bar-area .user-login a {
    margin: 0px;
    padding: 5px !important;
  }
.navbar-header img
{
height:6.5em;
}
.head_top,
.top_left
{
border:none !important;
}
.head_top_in i
{
margin-left: 0 !important;
}
.ic
{
margin-bottom: 2em;
}
.my-ic
{
  text-align: center !important;
}

  /* Accordion */
  .nav-pills {
    text-align: center;
  }

  .nav-pills > li {
    display: inline-block;
    float: none;
  }

  .nav-pills > li a {
    margin-right: 0 !important;
  }

  /* Breadcrumb */
  .breadcrumb-area {
    padding: 70px 0 80px;
  }

  .breadcrumb-area h1 {
    font-size: 36px;
  }


  /* Banner */
  .banner-area.text-normal h3 {
    font-size: 24px;
  }

  .banner-area.text-normal h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
  }

  .banner-area.transparent-nav .content {
    padding-top: 100px;
  }

  .banner-area.auto-height {
    padding: 0;
  }

  .banner-area.auto-height .content {
    padding: 50px 0;
  }

  .banner-area.auto-height.banner-box {
    padding: 0;
  }

  .banner-area.text-default .content h1 {
    font-size: 36px;
  }

  .banner-area form {
    width: 100%;
  }

  .banner-area.banner-box {
    margin: 0;
    border-radius: inherit;
  }

  .banner-area.banner-box .thumb {
    display: none;
  }

  .banner-area.banner-box .content {
    padding: 60px 0;
  }

  .banner-area.standard {
    padding-top: 100px;
    padding-bottom: 50px;
    height: auto !important;
  }

  .banner-area.standard .content-box h1 {
    font-size: 36px;
    margin-bottom: 25px;
  }

  .banner-area.standard .thumb {
    display: none;
  }


  /* What you learn */
  .what-learn-area .row > .info {
    padding-right: 15px;
    margin-bottom: 30px;
  }


  /* About */
  .about-area .thumb {
    margin-bottom: 30px;
    padding-right: 15px;
  }

  .our-featues-area.inc-trending-courses .col-md-6:nth-child(1) .item, 
  .our-featues-area.inc-trending-courses .col-md-6:nth-child(2) .item {
    margin-top: 0;
  }

  .about-area .our-features .item {
    margin-bottom: 30px;
    text-align: center;
  }

  .about-area .our-features .col-md-3:last-child .item,
  .about-area .our-features .col-md-4:last-child .item,
  .about-area .our-features .col-md-6:last-child .item {
    margin-bottom: 0;
  }

  .about-area .our-features .item .icon, 
  .about-area .our-features .item .info {
    display: block;
  }

  .about-area .our-features .item .icon {
    margin-bottom: 15px;
    padding-right: 0;
  }

  .search-course form {
    width: 100%;
  }

  .about-area.inc-trending-courses .about-info {
    padding-right: 15px;
  }

  /* Course Offer  */
  .course-offer-area .offer-box .thumb {
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .course-offer-area .offer-box .row {
    display: block;
    text-align: center;
  }


  /* Top Category */

  .top-cat-area .top-cat-items.text-center {
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .top-cat-items .item {
    text-align: center;
  }

  .top-cat-items .item i, 
  .top-cat-items .item .info {
    display: block;
  }

  .top-cat-items .item i {
    margin-bottom: 15px;
  }



  /* Why Chose Us */
  .wcs-area .site-heading {
    margin-bottom: 20px;
    text-align: center;
  }

  .wcs-area .site-heading h2::before {
    background: #ffb606 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 40px;
    z-index: 1;
  }

  .wcs-area .site-heading h2::after {
    background: #ffb606 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: 5px;
    position: absolute;
    width: 40px;
  }

  .wcs-area.content-default .content {
    margin-top: 30px;
  }

  .wcs-area .item .icon, .wcs-area .item .info {
    display: block;
    text-align: center;
  }

  .wcs-area .item .icon {
    margin-bottom: 20px;
  }

  .wcs-area .item .info {
    padding-left: 0;
  }

  .wcs-area .thumb, .wcs-area .content {
    display: block;
  }

  .wcs-area .thumb {
    min-height: 300px;
  }

  .wcs-area .content {
    padding: 50px 15px;
  }

  /* Featured Courses */
  .featured-courses-area.default-padding {
    padding-bottom: 0;
  }

  .featured-courses-area .info {
    margin-top: 30px;
    padding-left: 15px;
  }

  .featured-courses-area .info > h4 {
    margin-bottom: 25px;
  }

  .featured-courses-area .bottom-info {
    border: medium none;
    margin-top: 0;
    padding-top: 25px;
  }

  .featured-courses-area .bottom-info .item {
    border-bottom: 1px solid #e7e7e7;
    border-right: inherit;
    display: block;
    margin-bottom: 15px;
    margin-right: 0;
    padding: 0 0 15px;
  }

  .featured-courses-area .overlay-video {
    margin-left: -15px;
  }

  .featured-courses-area .bottom-info .col-md-3:last-child .item,
  .featured-courses-area .bottom-info .col-md-4:last-child .item,
  .featured-courses-area .bottom-info .col-md-6:last-child .item {
    margin-bottom: 0;
  }

  .featured-courses-area .featured-courses-carousel .owl-nav {
    display: none;
    margin: 0;
  }

  .our-featues-area.inc-trending-courses .col-md-3:first-child .item,
  .our-featues-area.inc-trending-courses .col-md-4:first-child .item,
  .our-featues-area.inc-trending-courses .col-md-6:first-child .item {
    margin-top: 15px;
  }

  .our-featues-area.inc-trending-courses .our-feature-items {
    padding-right: 15px;
  }

  .our-featues-area .home-sidebar {
    margin-top: 30px;
  }

  .our-featues-area.inc-trending-courses .our-feature-items .info {
    padding-right: 15px;
  }

  .our-featues-area.inc-trending-courses .our-features {
    padding-right: 0;
  }


  /* Portfolio */
  .portfolio-area.default-padding {
    padding-bottom: 35px;
  }

  .portfolio-area .portfolio-items .pf-item,
  .portfolio-area .portfolio-items.col-2 .pf-item,
  .portfolio-area .portfolio-items.col-3 .pf-item,
  .portfolio-area .portfolio-items.col-4 .pf-item,
  .portfolio-area .portfolio-items.col-6 .pf-item {
    width: 100%;
  }


  /* Popular Courses */

  .popular-courses.heading-less.default-padding {
    padding-top: 35px;
  }

  .popular-courses .popular-courses-items .owl-nav {
    display: none;
  }

  .popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
    left: 5px;
  }

  .popular-courses .popular-courses-items:hover .owl-nav .owl-next {
    right: 5px;
  }

  /* Advisor */

  .advisor-area.info-default {
    padding-bottom: 5px;
  }

  .advisor-area .advisor-carousel .owl-nav,
  .advisor-area .advisor-carousel-solid .owl-nav {
    display: none;
  }

  .advisor-area .advisor-carousel:hover .owl-nav .owl-prev,
  .advisor-area .advisor-carousel-solid:hover .owl-nav .owl-prev {
    left: 5px;
  }

  .advisor-area .advisor-carousel:hover .owl-nav .owl-next,
  .advisor-area .advisor-carousel-solid:hover .owl-nav .owl-next {
    right: 5px;
  }

  .adviros-details-area .info.main-content {
    margin-top: 30px;
    padding-left: 15px;
  }

  /* Edit Profile */
  .edit-profile .update-info {
    border: medium none;
    padding-right: 15px;
  }

  .edit-profile .about-user {
    margin-bottom: 30px;
  }

  .edit-profile .update-pass {
    margin-top: 30px;
    padding-left: 15px;
  }


  /* Courses Details */
  .course-details-area .course-details-info .course-meta .item:first-child {
    border-bottom: 1px dashed #999999;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .course-details-area .course-details-info .course-meta .item {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999;
    border-image: none;
    border-style: none none dashed;
    border-width: medium medium 1px;
    display: block;
    float: none;
    margin: 0 0 15px;
    padding-bottom: 15px;
    padding-left: 0;
    width: 100%;
  }

  .course-details-area .course-meta .align-right {
    float: none;
    margin-top: 15px;
  }

  .course-details-area .sidebar {
    margin-top: 50px;
    padding-left: 0;
  }

  .course-list-items li .item {
    display: block;
    margin-bottom: 10px;
    padding: 0;
  }

  .course-list-items li .item:last-child {
    float: left;
    margin: 0;
  }

  .course-details-area .advisor-list-items .item .thumb, 
  .course-details-area .advisor-list-items .item .info {
    display: block;
  }

  .course-details-area .advisor-list-items .item .thumb {
    margin-bottom: 15px;
  }

  .course-details-area .advisor-list-items .item .info {
    padding-left: 0;
  }

  .course-details-area .course-details-info .top-info .course-meta {
    margin-bottom: 30px;
    text-align: center;
  }

  .course-details-area .course-details-info .course-meta .item.author .thumb, 
  .course-details-area .course-details-info .course-meta .item.author .desc {
    display: block;
    vertical-align: top;
  }

  .course-details-area .course-details-info .course-meta .item.author .thumb {
    margin-bottom: 10px;
  }

  .course-list-items li .item:last-child span {
    display: block;
    margin-bottom: 10px;
  }

  .course-list-items li .item:last-child a {
    padding: 5px 20px;
  }

  .course-details-area .advisor-list-items .item {
    text-align: center;
  }

  .course-details-area .advisor-list-items .item .thumb {
    margin: auto auto 15px;
  }


  /* Fun Factor */
  .fun-factor-area.default-padding.bottom-less {
    padding-bottom: 10px;
  }

  /* Event */
  .event-area .event-items .item .thumb, 
  .event-area .event-items .item .info {
    display: block;
    float: none;
    vertical-align: middle;
  }

  .event-area .event-items .item.horizontal .thumb {
    min-height: 300px;
  }

  .event-area .event-items.event-carousel .owl-nav {
    display: none;
    margin: 0;
  }


  /* Reg Area */

  .reg-area .reg-items .reg-form.default-padding-bottom {
    padding-bottom: 30px;
    padding-right: 15px;
  }

  .reg-area .reg-form {
    padding-right: 15px;
  }

  .reg-area .reg-items .reg-form, 
  .reg-area .reg-items .thumb {
    display: block;
  }

  .reg-area .reg-items .thumb {
    text-align: center;
  }

  .reg-area.inc-faq .reg-items .reg-form {
    margin-bottom: 30px;
  }

  .reg-area.inc-faq .reg-items .reg-form {
    display: inherit;
    float: inherit;
  }

  .reg-area.inc-faq .reg-items .reg-form .reg-box {
    padding: 30px;
  }

  .faq-area.left-sidebar .faq-content {
    float: none;
    padding-left: 15px;
  }

  /* Blog */
  .blog-area.left-sidebar .blog-content {
    float: none;
  }

  .blog-area.left-sidebar .sidebar {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-area .sidebar {
    margin-top: 50px;
    padding-left: 15px;
  }

  .comments-list .commen-item.reply {
    padding-left: 0;
  }

  .blog-area.full-blog.single-blog .meta .share {
    display: block;
    float: left;
    margin-top: 15px;
    width: 100%;
  }

  .blog-area.full-blog.single-blog .blog-items .blog-content .item .meta {
    margin-top: 0;
  }

  .author-bio .avatar {
    display: block;
    margin: auto auto 30px;
    width: 200px;
  }

  .author-bio .content {
    display: block;
    padding: 0;
    text-align: center;
  }

  .author-bio .content p::after {
    left: 10px;
    top: 35px;
  }


  /* Testimonials */
  .clients-review-carousel {
    text-align: center;
    ;
  }

  .clients-review-carousel .item .thumb img {
    border-radius: 50%;
    height: 150px;
    margin: auto auto 30px;
    width: 150px;
  }

  .clients-review-carousel .thumb,
  .clients-review-carousel .info {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-area .clients-review-carousel .owl-nav {
    display: none;
  }

  .testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
    left: 5px;
  }

  .testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
    right: 5px;
  }

  /* Partner */

  .clients-area {
    text-align: center;
  }

  .clients-area .row {
    align-items: inherit;
    display: inherit;
  }

  .clients-area .clients .clients-items {
    margin-top: 20px;
    text-align: center;
  }

  /* Subscribe Form */
  .subscribe-area .content, 
  .subscribe-area .form {
    display: block;
    float: none;
    text-align: center;
    vertical-align: middle;
  }

  .subscribe-area .content {
    margin-bottom: 30px;
  }

  /* Join Us */
  .join-us-area .info {
    margin-bottom: 30px;
    padding-right: 15px;
  }


  /* Contact page */
  .contact-info-area .maps-form .form {
    margin-top: 30px;
    padding-left: 15px;
  }

  .contact-info-area .item {
    margin-bottom: 30px;
  }

  .contact-info-area .col-md-4:last-child .item {
    margin-bottom: 0;
  }

  .contact-info-area .maps-form iframe {
    height: 300px;
  }

  /* Login Register Form */

  form.white-popup-block .login-social {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
    padding-right: 0;
    padding-left: 0;
  }

  form.white-popup-block .login-custom {
    border-left: medium none;
    padding: 0;
  }

  form.white-popup-block {
    width: 95%;
  }

  form.white-popup-block .lost-pass-link {
    float: left;
    text-decoration: underline;
  }

  form.white-popup-block label {
    float: left;
    margin-right: 5px;
  }

  /* Footer */
  footer .f-items .item {
    margin-bottom: 50px;
    padding-right: 15px;
  }

  footer .f-items .item:last-child {
    margin-bottom: 0;
  }

  footer .footer-bottom {
    margin-top: 50px;
    text-align: center;
  }

  .footer-bottom .col-md-6:first-child {
    padding-left: 15px;
  }

  .footer-bottom .col-md-6:last-child {
    padding-right: 15px;
    text-align: center;
  }

  footer .f-items .f-item.link ul {
    margin-top: -10px;
  }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  form.white-popup-block .lost-pass-link {
    float: right;
    text-decoration: none;
  }

  form.white-popup-block label {
    float: left;
  }
}

/* Max Wide Mobile Layout: 480px. */
@media only screen and (min-width: 600px) and (max-width: 800px) {

  /* Portfolio */
  .portfolio-area .portfolio-items .pf-item,
  .portfolio-area .portfolio-items.col-2 .pf-item,
  .portfolio-area .portfolio-items.col-3 .pf-item,
  .portfolio-area .portfolio-items.col-4 .pf-item,
  .portfolio-area .portfolio-items.col-6 .pf-item {
    width: 50%;
  }

  /* Popular Courses */
  .popular-courses .popular-courses-carousel .bottom-info ul {
    width: 100%;
    margin-bottom: 20px;
  }

  .popular-courses .popular-courses-carousel .bottom-info .price-btn {
    display: block;
    float: left;
    padding: 0;
  }

  .popular-courses .popular-courses-carousel .bottom-info a {
    float: left;
  }
}

/* Small Mobile Layout: 480px. */
@media only screen and (max-width: 480px) {
  .popular-courses .bottom-info ul {
    width: 100%;
    margin-bottom: 20px;
  }

  .popular-courses .popular-courses-items.bottom-price .bottom-info ul {
    width: auto;
  }

  .popular-courses .bottom-info a {
    float: left;
  }

  .popular-courses .bottom-info .price-btn {
    display: block;
    float: left;
    padding: 0;
  }

  .popular-courses .popular-courses-items.bottom-price .bottom-info .price-btn {
    float: right;
    padding: 5px 0;
  }
}

/* Mobile Layout: 600px. */
@media only screen and (max-width: 600px) {

.course-offer-area .offer-box .info .item {
  width: 50%;
}

}


@media (max-width:909px) {
.quick_links 
{
text-align: center;
}
.quick_links img
{
height:7em;
margin-top: 1em;
}
}


/* Source: home-pages.css */
/* =====================================================================
   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-top: 8px !important;
    padding-bottom: 8px !important;
    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: 110px !important;
    height: 110px !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: 0;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}
.college-header .college-code {
    margin: 6px 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: 4px;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .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('../img/background-1.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) .notice-new-badge {
    display: inline-flex;
    align-items: center;
    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;
    text-transform: uppercase;
    animation: noticeNewBlink .85s ease-in-out infinite alternate;
}
@keyframes noticeNewBlink {
    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);
    }
}
/* The About and Director's Message copy now comes from the manager panel's rich text editor.
   Text typed there carries no class, so these rules repeat what .about-text, .ic-67, .ic-164,
   .ic-165 and .ic-166 gave the markup while it was hard coded. */
:where(body.page-index) .about-body p,
:where(body.page-index) .about-body li {
    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-index) .director-message p {
    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);
}
:where(body.page-index) .director-message-top p {
    margin-left: 20px;
}
:where(body.page-index) .director-message h4 {
    color: black;
    font-size: var(--fs-base, 16px);
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
}
:where(body.page-index) .director-message ul {
    list-style-type: disc;
    padding-left: 1rem;
    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);
}
: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-link {
    display: block;
    cursor: pointer;
}
: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('../img/background-2.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(../img/background-3.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: fill;
    border-radius: 0px;
}

/* 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: 320px;
    width: 300px;
    height: 600px;
    object-fit: fill;
}

/* 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("../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);
}

/* =====================================================================
   TYPOGRAPHY SYSTEM
   A single type scale and font family for the shared shell and home page.
   Component selectors are grouped here so legacy template rules cannot
   introduce a different font or an unrelated size later in the cascade.
   ===================================================================== */
html body,
html body input,
html body select,
html body textarea,
html body button,
html body .btn {
    font-family: var(--font-base);
}

html[data-site-language="hi"] {
    --font-base: var(--font-devanagari);
}

.college-header .college-name-hindi {
    font-family: var(--font-devanagari);
}

html body p,
html body li,
html body label,
html body input,
html body select,
html body textarea {
    line-height: 1.7;
}

html body input,
html body select,
html body textarea {
    font-size: var(--fs-base);
    font-weight: 400;
}

html body label {
    font-size: var(--fs-sm);
    font-weight: 600;
    letter-spacing: 0.01em;
}

html body button,
html body .btn,
html body [class*="-btn"] {
    font-weight: 600;
    letter-spacing: 0.015em;
}

.top-bar,
.top-bar a,
.top-bar button,
.top-bar .ic-201 {
    font-size: var(--fs-xs);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.01em;
}

.college-header .college-name-hindi {
    margin: 0 0 3px;
    font-size: clamp(24px, 2.25vw, 32px);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.012em;
}

.college-header .college-name-english {
    margin: 0 0 3px;
    font-size: clamp(16px, 1.3vw, 19px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.015em;
}

.college-header .college-affiliation {
    margin: 0;
    font-size: clamp(14px, 1.05vw, 16px);
    font-weight: 500 !important;
    line-height: 1.35;
}

.college-header .college-code {
    font-size: var(--fs-sm);
    font-weight: 600 !important;
    line-height: 1.4;
    letter-spacing: 0.015em;
}

.site-navbar-wrap .navbar-nav > .nav-item > .nav-link {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.025em;
}

.site-navbar-wrap .dropdown-menu,
.site-navbar-wrap .dropdown-submenu .dropdown-menu {
    background-color: var(--brand, #0747ae) !important;
    color: #fff !important;
    border: 1px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.28);
    border-radius: 0 !important;
    box-shadow: 0 10px 26px rgba(var(--brand-dark-rgb, 0, 33, 71), 0.2);
    font-size: 15px !important;
}

.site-navbar-wrap .dropdown-item,
.site-navbar-wrap .dropdown-item:visited {
    padding: 10px 14px;
    background-color: var(--brand, #0747ae) !important;
    color: #fff !important;
    border-bottom-color: rgba(255, 255, 255, 0.24);
    font-size: 15px !important;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.015em;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.site-navbar-wrap .dropdown-item:hover,
.site-navbar-wrap .dropdown-item:focus,
.site-navbar-wrap .dropdown-item:focus-visible {
    background-color: var(--brand-dark, #002147) !important;
    color: #fff !important;
}

.site-navbar-wrap .dropdown-item:active,
.site-navbar-wrap .dropdown-item.active {
    background-color: var(--brand-dark, #002147) !important;
    color: #fff !important;
}

.site-navbar-wrap .dropdown-item:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -2px;
}

body.page-index .slide-caption-title {
    font-size: var(--fs-xl);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

body.page-index .slide-caption-text {
    font-size: var(--fs-md);
    font-weight: 400;
    line-height: 1.65;
}

body.page-index .notice-heading {
    font-size: var(--fs-lg);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

body.page-index #noticeTabs .nav-link {
    font-size: var(--fs-xs);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.01em;
}

body.page-index .notice-item,
body.page-index .notice-event-content,
body.page-index .notice-list li,
body.page-index .horizontal-track {
    font-size: var(--fs-sm);
    font-weight: 400;
    line-height: 1.6;
}

body.page-index .notice-event-content small,
body.page-index .ev-date,
body.page-index .course-seats,
body.page-index .sct-act-date,
body.page-index .sct-badge {
    font-size: var(--fs-xs);
    line-height: 1.5;
}

body.page-index .announcement-bar {
    min-height: 42px;
    padding: 8px 10px;
    font-size: var(--fs-base);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.01em;
}

body.page-index .announcement-wrapper {
    display: flex;
    align-items: center;
    min-height: 42px;
}

body.page-index .announcement-wrapper .horizontal-scroll {
    width: 100%;
}

body.page-index .announcement-wrapper .horizontal-track {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}

body.page-index .notice-viewall-btn {
    font-size: var(--fs-sm);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.015em;
}

body.page-index .about-heading,
body.page-index .corheading,
body.page-index h2.ic-85,
body.page-index .section-title h2 {
    font-size: var(--fs-2xl);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

body.page-index #director > .container > .corheading {
    color: var(--brand, #0747ae);
}

body.page-index .about-body p,
body.page-index .director-message p,
body.page-index .director-message li {
    font-size: var(--fs-base);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
    text-align: justify;
}

body.page-index .mentor-card h3 {
    font-size: var(--fs-md);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.01em;
}

body.page-index .mentor-card p {
    font-size: var(--fs-sm);
    font-weight: 400;
    line-height: 1.6;
}

body.page-index #our-mentors .row.g-4 > [class*="col-"] {
    display: flex;
}

body.page-index #our-mentors .mentor-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

body.page-index #our-mentors .mentor-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
}

body.page-index #our-mentors .mentor-card img {
    display: block;
    flex: 0 0 auto;
    margin-right: auto;
    margin-left: auto;
}

body.page-index #our-mentors .mentor-card h3 {
    margin: 0 0 4px;
}

body.page-index #our-mentors .mentor-card .ic-66 {
    width: 60%;
    height: 0;
    margin: 0 auto 8px;
    padding: 0;
    border: 0;
    border-top: 1px solid #fff;
    opacity: 1;
}

body.page-index #our-mentors .mentor-card p {
    width: 100%;
    margin-top: auto;
    text-align: center;
}

body.page-index .course-content h3,
body.page-index .ev-title,
body.page-index .sct-act-title {
    font-size: var(--fs-lg);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.012em;
}

body.page-index .course-content p,
body.page-index .facility-card p,
body.page-index .ev-body,
body.page-index .sct-glass-card p,
body.page-index .sct-act-content p {
    font-size: var(--fs-sm);
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0;
}

body.page-index .sct-obj-text {
    font-size: var(--fs-base);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
}

body.page-index .course-content p,
body.page-index .sct-glass-card p,
body.page-index .sct-act-content p {
    text-align: left;
}

body.page-index .btn-course,
body.page-index .sct-tab-btn,
body.page-index .custom-modal-btn {
    font-size: var(--fs-sm);
    font-weight: 600;
    line-height: 1.4;
}

body.page-index .sct-title {
    font-size: clamp(30px, 3.2vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

body.page-index .sct-glass-card h3 {
    font-size: var(--fs-xl);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.015em;
}

body.page-index .counter,
body.page-index .timer,
body.page-index [class*="counter"] .number {
    font-size: var(--fs-3xl);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.footer-secure h5 {
    font-size: var(--fs-md);
    font-weight: 600 !important;
    line-height: 1.45;
    letter-spacing: -0.01em;
}

.footer-secure p,
.footer-secure a,
.footer-secure li {
    font-size: var(--fs-sm);
    font-weight: 400;
    line-height: 1.7;
}

.footer-secure .footer-bottom,
.footer-secure .footer-bottom p {
    font-size: var(--fs-xs);
    line-height: 1.6;
}

@media (max-width: 767.98px) {
    .college-header .college-name-hindi {
        font-size: clamp(22px, 6.5vw, 28px);
        line-height: 1.24;
    }

    .college-header .college-name-english {
        font-size: clamp(15px, 4.5vw, 18px);
        line-height: 1.28;
        letter-spacing: 0.005em;
    }

    .site-navbar-wrap .navbar-nav > .nav-item > .nav-link {
        font-size: 16px !important;
        white-space: normal;
    }

    .site-navbar-wrap .dropdown-item {
        font-size: 15px !important;
        border-bottom-color: rgba(255, 255, 255, 0.24) !important;
        white-space: normal;
    }

    body.page-index .announcement-bar,
    body.page-index .announcement-wrapper {
        min-height: 38px;
    }

    body.page-index .announcement-bar,
    body.page-index .announcement-wrapper .horizontal-track {
        font-size: 15px;
    }

    body.page-index .slide-caption-text {
        font-size: var(--fs-base);
    }

    body.page-index .about-heading,
    body.page-index .corheading,
    body.page-index h2.ic-85,
    body.page-index .section-title h2 {
        font-size: var(--fs-2xl);
    }

    body.page-index .course-content h3,
    body.page-index .ev-title,
    body.page-index .sct-act-title {
        font-size: var(--fs-md);
    }

    body.page-index .about-body p,
    body.page-index .director-message p,
    body.page-index .director-message li {
        line-height: 1.7;
    }
}

/* =====================================================================
   HOME PAGE SPACING AND COURSE CARDS
   Keeps the long landing page compact while giving each section the same
   vertical rhythm. Owl Carousel controls the responsive column count.
   ===================================================================== */
:root {
    --home-section-space: clamp(34px, 3.4vw, 46px);
    --home-heading-gap: clamp(22px, 2.4vw, 30px);
}

body.page-index .ic-index-hero {
    padding-top: 0 !important;
    margin-bottom: 0;
}

body.page-index .about-section,
body.page-index #our-mentors,
body.page-index #director,
body.page-index .courses-section,
body.page-index .ic-174,
body.page-index .ev-section,
body.page-index .sct-wrap,
body.page-index .ic-177 {
    padding-top: var(--home-section-space) !important;
    padding-bottom: var(--home-section-space) !important;
}

body.page-index #our-mentors .mb-5,
body.page-index .ic-174 .mb-5,
body.page-index .ev-section .mb-5,
body.page-index .sct-header,
body.page-index .section-title,
body.page-index .ic-177 > .row > .text-center.my-5 {
    margin-top: 0 !important;
    margin-bottom: var(--home-heading-gap) !important;
}

body.page-index .ic-176,
body.page-index .ic-177 {
    margin-top: 0;
}

body.page-index .partner-links {
    margin-top: 30px;
    margin-bottom: 0;
}

body.page-index .courses-section .section-title {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

body.page-index .course-carousel .owl-stage-outer {
    padding: 4px 2px 12px;
}

body.page-index .course-card {
    min-height: 430px;
    margin: 0;
    border: 1px solid rgba(7, 71, 174, 0.12);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(7, 33, 71, 0.1);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.page-index .course-card:hover {
    transform: translateY(-4px);
    border-color: rgba(7, 71, 174, 0.28);
    box-shadow: 0 16px 34px rgba(7, 33, 71, 0.15);
}

body.page-index .course-card img {
    height: 190px;
    object-fit: cover;
}

body.page-index .course-content {
    justify-content: flex-start;
    padding: 22px;
}

body.page-index .course-kicker {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: 8px;
    color: var(--brand, #0747ae);
    font-size: var(--fs-xs);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

body.page-index .course-content h3 {
    min-height: 2.8em;
    margin: 0 0 10px;
    color: var(--brand-dark, #002147);
}

body.page-index .course-content p {
    display: -webkit-box;
    flex-grow: 1;
    margin: 0;
    overflow: hidden;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.page-index .course-footer {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e6ebf2;
}

body.page-index .btn-course {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 6px;
    background: var(--brand, #0747ae);
    color: #fff !important;
    text-decoration: none;
}

body.page-index .btn-course i {
    font-size: 11px;
    transition: transform 0.2s ease;
}

body.page-index .btn-course:hover i {
    transform: translateX(3px);
}

body.page-index .course-seats {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 5px;
    background: rgba(7, 71, 174, 0.08);
    color: var(--brand-dark, #002147);
    font-weight: 500;
    white-space: nowrap;
}

body.page-index .course-carousel .owl-dots {
    margin-top: 18px;
}

@media (max-width: 991.98px) {
    body.page-index .course-card {
        min-height: 420px;
    }

    body.page-index .course-content h3 {
        min-height: 0;
    }
}

@media (max-width: 575.98px) {
    :root {
        --home-section-space: 32px;
        --home-heading-gap: 22px;
    }

    body.page-index .course-card {
        min-height: 0;
    }

    body.page-index .course-card img {
        height: 175px;
    }

    body.page-index .course-content {
        padding: 18px;
    }

    body.page-index .course-footer {
        align-items: flex-start;
    }

    body.page-index .partner-links {
        margin-top: 24px;
    }
}

/* =====================================================================
   INFRASTRUCTURE AND EVENTS
   Compact, balanced cards for the two adjacent home-page sections.
   ===================================================================== */
body.page-index .infrastructure-section {
    padding: 34px 0 30px !important;
    background: #f7f9fc;
}

body.page-index .home-events-section {
    margin-right: 0;
    margin-left: 0;
    background: #fff;
}

body.page-index .home-events-section .ev-section {
    padding: 30px 0 34px !important;
}

body.page-index .infrastructure-section .section-heading,
body.page-index .home-events-section .section-heading {
    margin: 0 auto 22px !important;
}

body.page-index .infrastructure-section .ic-175 {
    max-width: 650px;
    margin: 8px auto 0;
    color: #667085;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: none;
}

body.page-index .infrastructure-section .ic-86,
body.page-index .home-events-section .ic-86 {
    margin-top: 12px;
}

body.page-index .infra-carousel .owl-stage,
body.page-index #infra-carousel .owl-stage,
body.page-index .event-carousel .owl-stage {
    display: flex;
}

body.page-index #infra-carousel .owl-item,
body.page-index .event-carousel .owl-item {
    display: flex;
}

body.page-index #infra-carousel .item {
    width: 100%;
    padding: 2px;
}

body.page-index .facility-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 168px;
    height: 100%;
    padding: 22px 18px;
    border: 1px solid #e1e7f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(7, 33, 71, 0.07);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.page-index .facility-card:hover {
    transform: translateY(-3px);
    border-color: rgba(7, 71, 174, 0.3);
    box-shadow: 0 12px 25px rgba(7, 33, 71, 0.12);
}

body.page-index .facility-card .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: rgba(7, 71, 174, 0.09);
    color: var(--brand, #0747ae);
    font-size: 25px;
    line-height: 1;
}

body.page-index .facility-card p {
    margin: 0;
    color: var(--brand-dark, #002147);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    text-transform: none;
}

body.page-index .facility-card p span {
    display: block;
    margin-top: 4px;
    color: #7a8494;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

body.page-index #infra-carousel .owl-dots {
    margin-top: 14px;
}

body.page-index .event-carousel .ev-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 312px;
    margin-bottom: 0;
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(7, 33, 71, 0.08);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.page-index .event-carousel .ev-card:hover {
    transform: translateY(-3px);
    border-color: rgba(7, 71, 174, 0.28);
    box-shadow: 0 13px 28px rgba(7, 33, 71, 0.13);
}

body.page-index .event-carousel .ev-img {
    width: 100%;
    height: 178px;
    object-fit: cover;
}

body.page-index .event-carousel .ev-img-placeholder {
    display: grid;
    width: 100%;
    height: 178px;
    place-items: center;
    color: var(--brand, #0747ae);
    background: #edf3ff;
    font-size: 42px;
}

body.page-index .event-carousel .ev-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px 18px 17px;
}

body.page-index .event-carousel .ev-title {
    margin: 0 0 12px;
    color: var(--brand-dark, #002147);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

body.page-index .event-meta {
    display: grid;
    gap: 6px;
    margin-top: auto;
    padding-top: 11px;
    border-top: 1px solid #edf0f4;
}

body.page-index .event-meta p {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #667085;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
}

body.page-index .event-meta i {
    width: 14px;
    color: var(--brand, #0747ae);
    text-align: center;
}

@media (max-width: 991.98px) {
    body.page-index .infrastructure-section,
    body.page-index .home-events-section .ev-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    body.page-index .facility-card {
        min-height: 158px;
    }

    body.page-index .event-carousel .ev-img {
        height: 170px;
    }
}

@media (max-width: 575.98px) {
    body.page-index .infrastructure-section,
    body.page-index .home-events-section .ev-section {
        padding-top: 26px !important;
        padding-bottom: 28px !important;
    }

    body.page-index .infrastructure-section .section-heading,
    body.page-index .home-events-section .section-heading {
        margin-bottom: 18px !important;
    }

    body.page-index .infrastructure-section .ic-175 {
        font-size: 14px;
        line-height: 1.55;
    }

    body.page-index .facility-card {
        min-height: 150px;
        padding: 19px 16px;
    }

    body.page-index .facility-card .icon {
        width: 50px;
        height: 50px;
        margin-bottom: 12px;
        font-size: 23px;
    }

    body.page-index .facility-card p {
        font-size: 15px;
    }

    body.page-index .event-carousel .ev-card {
        min-height: 0;
    }

    body.page-index .event-carousel .ev-img {
        height: 185px;
    }
}

/* =====================================================================
   ABOUT AND DIRECTOR CONTENT
   Long-form institutional copy remains readable without loose spacing.
   ===================================================================== */
body.page-index .about-body .about-heading {
    max-width: 1120px;
    margin-bottom: 18px;
    font-size: clamp(22px, 2.2vw, 30px);
    line-height: 1.3;
    text-transform: capitalize;
}

body.page-index .about-body p,
body.page-index .director-message p {
    margin-bottom: 14px;
}

body.page-index .about-body p:last-child,
body.page-index .director-message p:last-child {
    margin-bottom: 0;
}

body.page-index .director-content-flow::after {
    display: block;
    clear: both;
    content: "";
}

body.page-index .director-content-flow .ic-163 {
    float: left;
    margin: 0 28px 16px 0;
}

body.page-index .director-message .director-commitment-intro {
    margin-bottom: 8px;
    color: var(--brand-dark, #002147);
    font-weight: 600;
}

body.page-index .director-commitments {
    margin: 0 0 16px;
    padding-left: 22px;
}

body.page-index .director-commitments li {
    margin-bottom: 8px;
    padding-left: 4px;
}

body.page-index .director-commitments li:last-child {
    margin-bottom: 0;
}

body.page-index .director-signature {
    margin-top: 24px;
    padding: 17px 20px;
    border-left: 4px solid var(--brand, #0747ae);
    border-radius: 0 8px 8px 0;
    background: #f5f8fc;
}

body.page-index .director-signature h3 {
    margin: 0 0 5px;
    color: var(--brand-dark, #002147);
    font-size: var(--fs-md);
    font-weight: 700;
    line-height: 1.4;
}

body.page-index .director-signature p {
    margin: 0 0 9px;
    color: #344054;
    font-size: 15px;
    line-height: 1.6;
}

body.page-index .director-signature a:not(.director-profile-link) {
    color: var(--brand, #0747ae);
    font-weight: 500;
    text-decoration: none;
}

body.page-index .director-signature a:not(.director-profile-link):hover {
    text-decoration: underline;
}

body.page-index .director-profile-link {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 6px;
    background: var(--brand, #0747ae);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

body.page-index .director-profile-link:hover {
    background: var(--brand-dark, #002147);
    color: #fff;
}

@media (max-width: 767.98px) {
    body.page-index .about-body .about-heading {
        margin-bottom: 15px;
    }

    body.page-index .director-signature {
        margin-top: 20px;
        padding: 15px 16px;
    }

    body.page-index .director-email a {
        overflow-wrap: anywhere;
    }

    body.page-index .director-content-flow .ic-163 {
        float: none;
        display: block;
        max-width: 100%;
        margin: 0 auto 18px;
    }
}

/* =====================================================================
   INSTITUTIONAL INFORMATION PAGES
   Shared presentation for institutional and academic information pages.
   ===================================================================== */
body.page-institutional {
    color: #1f2937;
    font-family: var(--font-base);
}

body.page-institutional .institutional-page-hero {
    display: flex;
    align-items: center;
    min-height: 220px;
    background-image:
        linear-gradient(100deg, rgba(var(--brand-dark-rgb, 0, 33, 71), 0.92), rgba(var(--brand-dark-rgb, 0, 33, 71), 0.68)),
        url("../img/bgb.png");
    background-position: center;
    background-size: cover;
    color: #fff;
}

body.page-institutional .institutional-page-hero__content {
    padding: 42px 0;
}

body.page-institutional .institutional-page-hero h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(28px, 3.1vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
    text-transform: capitalize;
}

body.page-institutional .institutional-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

body.page-institutional .institutional-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

body.page-institutional .institutional-breadcrumb [aria-current="page"] {
    font-size: 13px;
}

body.page-institutional .institutional-breadcrumb a:hover {
    text-decoration: underline;
}

/* Public gallery and media pages */
body.page-public-gallery .public-gallery-page {
    padding: 38px 0 48px;
    background: #f5f7fa;
}

body.page-public-gallery .public-gallery-category + .public-gallery-category {
    margin-top: 34px;
    padding-top: 30px;
    border-top: 1px solid #dce3ec;
}

body.page-public-gallery .public-gallery-category__heading {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(var(--brand-rgb, 7, 71, 174), 0.16);
}

body.page-public-gallery .public-gallery-category__heading h2,
body.page-public-gallery .gallery-category-title {
    margin: 0;
    color: var(--brand, #0747ae) !important;
    font-family: var(--font-base);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-align: justify;
}

body.page-public-gallery .public-gallery-category__heading span {
    flex: 0 0 auto;
    color: #667085;
    font-size: 14px;
    font-weight: 600;
}

body.page-public-gallery .public-gallery-item {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(var(--brand-dark-rgb, 0, 33, 71), 0.1);
}

body.page-public-gallery .public-gallery-item:focus-visible {
    outline: 3px solid #ff8a00;
    outline-offset: 3px;
}

body.page-public-gallery .public-gallery-item img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

body.page-public-gallery .public-content-empty {
    padding: 48px 20px;
    border: 1px solid #e0e6ee;
    background: #fff;
    color: #667085;
    font-size: var(--fs-base);
    text-align: center;
}

body.page-public-gallery .public-content-empty i {
    display: block;
    margin-bottom: 10px;
    color: var(--brand, #0747ae);
    font-size: 34px;
}

body.public-modal-open {
    overflow: hidden;
}

.public-image-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 76px;
    background: rgba(0, 18, 43, 0.92);
}

.public-image-modal[hidden] {
    display: none;
}

.public-image-modal__content {
    max-width: min(1080px, 88vw);
    margin: 0;
    text-align: center;
}

.public-image-modal__content img {
    display: block;
    max-width: 100%;
    max-height: 76vh;
    margin: auto;
    border-radius: 4px;
    background: #fff;
    object-fit: contain;
}

.public-image-modal__content figcaption {
    margin-top: 12px;
    color: #fff;
    font-size: var(--fs-base);
    font-weight: 500;
    line-height: 1.5;
}

.public-image-modal__close,
.public-image-modal__nav {
    position: absolute;
    border: 0;
    color: #fff;
    background: transparent;
    cursor: pointer;
}

.public-image-modal__close {
    top: 18px;
    right: 24px;
    font-size: 42px;
    line-height: 1;
}

.public-image-modal__nav {
    top: 50%;
    width: 46px;
    height: 46px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    font-size: 25px;
}

.public-image-modal__nav--previous {
    left: 18px;
}

.public-image-modal__nav--next {
    right: 18px;
}

body.page-all-notices-events .ne-icon i,
body.page-all-notices-events .ne-play i,
body.page-all-notices-events .ne-empty > i {
    font-size: 25px;
}

@media (max-width: 767.98px) {
    body.page-public-gallery .public-gallery-page {
        padding: 28px 0 36px;
    }

    body.page-public-gallery .public-gallery-category + .public-gallery-category {
        margin-top: 26px;
        padding-top: 24px;
    }

    body.page-public-gallery .public-gallery-category__heading {
        align-items: flex-start;
    }

    body.page-public-gallery .public-gallery-item img {
        height: 210px;
    }

    .public-image-modal {
        padding: 56px 48px;
    }

    .public-image-modal__nav {
        width: 38px;
        height: 38px;
    }

    .public-image-modal__nav--previous {
        left: 6px;
    }

    .public-image-modal__nav--next {
        right: 6px;
    }
}

body.page-institutional .institutional-page-content {
    padding: 38px 0 44px;
    background: #f5f7fa;
}

body.page-institutional .institutional-content-card {
    padding: clamp(22px, 3vw, 22px);
    border: 1px solid #e0e6ee;
    border-top: 4px solid var(--brand, #0747ae);
    background: #fff;
    box-shadow: 0 10px 28px rgba(var(--brand-dark-rgb, 0, 33, 71), 0.08);
}

body.page-vision .institutional-content-section + .institutional-content-section {
    margin-top: 28px;
}

body.page-vision .institutional-content-card .about-heading {
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.16);
    color: var(--brand, #0747ae);
    font-size: clamp(22px, 2.2vw, 28px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
    text-transform: capitalize;
}

body.page-vision .institutional-content-card .about-text,
body.page-strategic-growth-plan .strategic-content .text,
body.page-strategic-growth-plan .strategic-content li {
    color: #344054;
    font-size: var(--fs-base);
    line-height: 1.75;
    text-align: justify;
}

body.page-vision .institutional-mission-list {
    margin: 0;
    padding-left: 24px;
}

body.page-vision .institutional-mission-list li {
    margin-bottom: 12px;
    padding-left: 5px;
}

body.page-vision .institutional-mission-list li:last-child {
    margin-bottom: 0;
}

body.page-vision .institutional-mission-list li::marker {
    color: var(--brand, #0747ae);
    font-weight: 700;
}

body.page-strategic-growth-plan .strategic-plan-intro {
    margin-bottom: 30px;
    text-align: center;
}

body.page-strategic-growth-plan .strategic-plan-intro h2 {
    margin: 0 0 8px;
    color: var(--brand, #0747ae);
    font-size: clamp(25px, 2.8vw, 34px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

body.page-strategic-growth-plan .strategic-plan-intro h3 {
    margin: 0 0 6px;
    color: var(--brand-dark, #002147);
    font-size: clamp(17px, 1.65vw, 21px);
    font-weight: 600;
    line-height: 1.45;
}

body.page-strategic-growth-plan .strategic-plan-intro p {
    margin: 0;
    color: #667085;
    font-size: 15px;
}

body.page-strategic-growth-plan .strategic-plan-section {
    margin-top: 25px;
}

body.page-strategic-growth-plan .strategic-plan-section .heading {
    margin: 0 0 12px;
    padding: 0 0 8px;
    border-bottom: 2px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.15);
    color: var(--brand, #0747ae);
    font-size: clamp(19px, 1.8vw, 23px);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}

body.page-strategic-growth-plan .strategic-content p {
    margin-bottom: 11px;
}

body.page-strategic-growth-plan .strategic-content ul {
    margin: 0 0 14px;
    padding-left: 24px;
    list-style: disc;
}

body.page-strategic-growth-plan .strategic-content ul ul {
    margin: 7px 0 10px;
    list-style: circle;
}

body.page-strategic-growth-plan .strategic-content li {
    margin-bottom: 7px;
    padding-left: 3px;
}

body.page-strategic-growth-plan .strategic-content li::marker {
    color: var(--brand, #0747ae);
}

body.page-strategic-growth-plan .strategic-impact-table {
    margin: 5px 0 0;
    color: #344054;
    font-size: 15px;
}

body.page-strategic-growth-plan .strategic-impact-table th {
    padding: 11px 14px;
    background: var(--brand, #0747ae);
    color: #fff;
    font-weight: 600;
}

body.page-strategic-growth-plan .strategic-impact-table td {
    padding: 10px 14px;
    vertical-align: middle;
}

body.page-strategic-growth-plan .strategic-impact-table tbody tr:nth-child(even) td {
    background: rgba(var(--brand-dark-rgb, 0, 33, 71), 0.035);
}

body.page-strategic-growth-plan .strategic-plan-closing {
    margin-top: 26px;
    padding: 18px 20px;
    border-left: 4px solid var(--brand, #0747ae);
    background: rgba(var(--brand-dark-rgb, 0, 33, 71), 0.045);
}

body.page-strategic-growth-plan .strategic-plan-closing p:last-child {
    margin-bottom: 0;
}

body.page-institutional .academic-document-header {
    margin-bottom: 22px;
}

body.page-institutional .academic-document-header h2 {
    margin: 0 0 7px;
    color: var(--brand, #0747ae);
    font-size: clamp(22px, 2.2vw, 28px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

body.page-institutional .academic-document-header p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.65;
}

body.page-institutional .academic-document-table-wrap {
    border: 1px solid #d9e0e9;
}

body.page-institutional .academic-document-table {
    min-width: 680px;
    margin: 0;
    color: #344054;
    font-size: 15px;
    line-height: 1.5;
}

body.page-institutional .academic-document-table th {
    padding: 13px 14px;
    border-color: rgba(255, 255, 255, 0.22);
    background: var(--brand, #0747ae);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.01em;
    vertical-align: middle;
}

body.page-institutional .academic-document-table td {
    padding: 13px 14px;
    border-color: #e1e6ed;
    vertical-align: middle;
}

body.page-institutional .academic-document-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid var(--brand, #0747ae);
    color: var(--brand, #0747ae);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.page-institutional .academic-document-link:hover,
body.page-institutional .academic-document-link:focus-visible {
    background: var(--brand, #0747ae);
    color: #fff;
}

body.page-institutional .academic-document-empty td {
    padding: 34px 18px;
    background: #f8fafc;
    color: #667085;
    font-weight: 500;
    text-align: center;
}

body.page-academic-office .academic-office-page .row > [class*="col-"] {
    display: flex;
}

/* =====================================================================
   INSTITUTIONAL COPY PAGES
   About Institute, Director's Message and the footer policy pages share
   one card: a bordered section heading over long-form copy that arrives
   either from the manager panel or straight from the blade. The rules
   below give that markup the same typography the home, Vision and campus
   facility pages already use, so the copy reads the same everywhere.
   ===================================================================== */
body.page-institutional-copy .institutional-copy-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #d3d3d3;
}

body.page-institutional-copy .institutional-copy-header h2 {
    margin: 0 0 7px;
    color: var(--brand, #0747ae);
    font-size: clamp(22px, 2.2vw, 28px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

body.page-institutional-copy .institutional-copy-header h2:last-child {
    margin-bottom: 0;
}

body.page-institutional-copy .institutional-copy-header p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.65;
}

body.page-institutional-copy .institutional-content-card__body p,
body.page-institutional-copy .institutional-content-card__body li {
    color: #000;
    font-family: var(--font-base, Arial, "Noto Sans Devanagari", Helvetica, sans-serif);
    font-size: var(--fs-base, 16px);
    line-height: 1.8;
    text-align: justify;
}

body.page-institutional-copy .institutional-content-card__body p {
    margin: 0 0 14px;
}

body.page-institutional-copy .institutional-content-card__body p:last-child {
    margin-bottom: 0;
}

body.page-institutional-copy .institutional-content-card__body h2,
body.page-institutional-copy .institutional-content-card__body h3 {
    margin: 26px 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.13);
    color: var(--brand, #0747ae);
    font-size: clamp(19px, 1.8vw, 23px);
    font-weight: 700;
    line-height: 1.35;
}

body.page-institutional-copy .institutional-content-card__body h2:first-child,
body.page-institutional-copy .institutional-content-card__body h3:first-child {
    margin-top: 0;
}

body.page-institutional-copy .institutional-content-card__body h4 {
    margin: 20px 0 10px;
    color: var(--brand-dark, #002147);
    font-size: var(--fs-md, 18px);
    font-weight: 600;
    line-height: 1.45;
}

/* The global stylesheet resets ul to list-style:none, so policy and profile
   lists lose their markers unless they are restored here. */
body.page-institutional-copy .institutional-content-card__body ul {
    margin: 0 0 14px;
    padding-left: 23px;
    list-style: disc;
}

body.page-institutional-copy .institutional-content-card__body ol {
    margin: 0 0 14px;
    padding-left: 23px;
    list-style: decimal;
}

body.page-institutional-copy .institutional-content-card__body ul ul {
    margin: 7px 0 0;
    list-style: circle;
}

body.page-institutional-copy .institutional-content-card__body ol ol {
    margin: 7px 0 0;
    list-style: lower-alpha;
}

body.page-institutional-copy .institutional-content-card__body li {
    margin-bottom: 8px;
    padding-left: 3px;
}

body.page-institutional-copy .institutional-content-card__body li:last-child {
    margin-bottom: 0;
}

body.page-institutional-copy .institutional-content-card__body li::marker {
    color: var(--brand, #0747ae);
}

body.page-institutional-copy .institutional-content-card__body strong {
    color: var(--brand-dark, #002147);
    font-weight: 600;
}

body.page-institutional-copy .institutional-content-card__body a {
    color: var(--brand, #0747ae);
    font-weight: 500;
    text-decoration: none;
}

body.page-institutional-copy .institutional-content-card__body a:hover,
body.page-institutional-copy .institutional-content-card__body a:focus-visible {
    text-decoration: underline;
}

/* Director's Message repeats the home page's photo-beside-copy block. The
   container markup comes from the manager record, so inside the card it has
   to fill the card instead of re-centring a container of its own. */
body.page-director-message .ic-95,
body.page-director-message .ic-95 > .container {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

body.page-director-message .director-content-flow {
    display: flow-root;
}

body.page-director-message .director-content-flow .ic-163 {
    float: left;
    margin: 0 28px 16px 0;
}

body.page-director-message .director-signature {
    margin-top: 24px;
    padding: 17px 20px;
    border-left: 4px solid var(--brand, #0747ae);
    border-radius: 0 8px 8px 0;
    background: #f5f8fc;
}

body.page-director-message .director-signature h3 {
    margin: 0 0 5px;
    padding-bottom: 0;
    border-bottom: 0;
    color: var(--brand-dark, #002147);
    font-size: var(--fs-md);
    font-weight: 700;
    line-height: 1.4;
}

body.page-director-message .director-signature p {
    margin: 0 0 9px;
    color: #344054;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
}

body.page-director-message .director-signature p:last-child {
    margin-bottom: 0;
}

body.page-director-message .director-signature a:not(.director-profile-link) {
    color: var(--brand, #0747ae);
    font-weight: 500;
    text-decoration: none;
}

body.page-director-message .director-signature a:not(.director-profile-link):hover {
    text-decoration: underline;
}

body.page-director-message .director-profile-link {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin-top: 4px;
    padding: 8px 14px;
    border-radius: 6px;
    background: var(--brand, #0747ae);
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

body.page-director-message .director-profile-link:hover,
body.page-director-message .director-profile-link:focus-visible {
    background: var(--brand-dark, #002147);
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    body.page-director-message .director-content-flow .ic-163 {
        display: block;
        float: none;
        max-width: 100%;
        margin: 0 auto 18px;
    }

    body.page-director-message .director-signature {
        margin-top: 20px;
        padding: 15px 16px;
    }

    body.page-director-message .director-email a {
        overflow-wrap: anywhere;
    }
}

/* Sitemap: one card of link groups. The typography above already covers the
   headings, links and list markers, so only the layout is set here. */
body.page-sitemap .sitemap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
    gap: 20px;
}

body.page-sitemap .sitemap-group {
    padding: 16px 18px;
    border: 1px solid #e0e6ee;
    border-top: 3px solid var(--brand, #0747ae);
    background: #f8fafc;
}

body.page-sitemap .sitemap-group h3 {
    font-size: var(--fs-lg, 21px);
}

body.page-sitemap .sitemap-group ul:last-child,
body.page-sitemap .sitemap-department ul:last-child {
    margin-bottom: 0;
}

body.page-sitemap .institutional-content-card__body li {
    text-align: left;
}

body.page-sitemap .sitemap-external {
    margin-left: 6px;
    color: #667085;
    font-size: var(--fs-xs, 13px);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.page-sitemap .sitemap-departments {
    margin-top: 30px;
}

body.page-sitemap .sitemap-department {
    margin-top: 18px;
    padding-left: 14px;
    border-left: 3px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.18);
}

body.page-sitemap .sitemap-department h4 {
    margin: 0 0 8px;
}

body.page-sitemap .sitemap-department h4 a {
    color: var(--brand-dark, #002147);
}

@media (min-width: 768px) {
    body.page-sitemap .sitemap-department ul {
        column-count: 2;
        column-gap: 34px;
    }

    body.page-sitemap .sitemap-department li {
        break-inside: avoid;
    }
}

/* =====================================================================
   CAMPUS FACILITY PAGES
   Shared content, committee table, navigation and form presentation.
   ===================================================================== */
body.page-campus-facility .campus-facility-content .container {
    max-width: 1240px;
}

body.page-campus-facility .facility-content-card {
    overflow: hidden;
}

body.page-campus-facility .facility-content-header {
    margin-bottom: 28px;
}

body.page-campus-facility .facility-content-eyebrow {
    margin: 0 0 7px;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

body.page-campus-facility .facility-content-header h2 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.15);
    color: var(--brand, #0747ae);
    font-size: clamp(24px, 2.5vw, 32px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

body.page-campus-facility .facility-content-header p:not(.facility-content-eyebrow),
body.page-campus-facility .facility-content-section p,
body.page-campus-facility .facility-content-section li,
body.page-campus-facility .facility-feature-card p,
body.page-campus-facility .facility-feature-card li,
body.page-campus-facility .sgrc-copy p {
    color: #344054;
    font-size: var(--fs-base, 16px);
    line-height: 1.75;
    text-align: justify;
}

body.page-campus-facility .facility-content-header p:not(.facility-content-eyebrow),
body.page-campus-facility .facility-content-section p,
body.page-campus-facility .facility-feature-card p,
body.page-campus-facility .sgrc-copy p {
    margin: 0 0 13px;
}

body.page-campus-facility .facility-content-header p:last-child,
body.page-campus-facility .facility-content-section p:last-child,
body.page-campus-facility .facility-feature-card p:last-child,
body.page-campus-facility .sgrc-copy p:last-child {
    margin-bottom: 0;
}

body.page-campus-facility .facility-content-section {
    margin-top: 28px;
}

body.page-campus-facility .facility-content-section h3,
body.page-campus-facility .facility-feature-card h3 {
    margin: 0 0 12px;
    color: var(--brand, #0747ae);
    font-size: clamp(19px, 1.8vw, 23px);
    font-weight: 700;
    line-height: 1.35;
}

body.page-campus-facility .facility-content-section h3 {
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.13);
}

body.page-campus-facility .facility-content-section ul,
body.page-campus-facility .facility-feature-card ul {
    margin: 0;
    padding-left: 23px;
}

body.page-campus-facility .facility-content-section li,
body.page-campus-facility .facility-feature-card li {
    margin-bottom: 8px;
    padding-left: 3px;
}

body.page-campus-facility .facility-content-section li:last-child,
body.page-campus-facility .facility-feature-card li:last-child {
    margin-bottom: 0;
}

body.page-campus-facility .facility-content-section li::marker,
body.page-campus-facility .facility-feature-card li::marker {
    color: var(--brand, #0747ae);
}

body.page-campus-facility .facility-feature-grid {
    margin-top: 26px;
}

body.page-campus-facility .facility-feature-grid > [class*="col-"] {
    display: flex;
}

body.page-campus-facility .facility-feature-card {
    width: 100%;
    padding: 21px 22px;
    border: 1px solid #dfe5ed;
    border-left: 4px solid var(--brand, #0747ae);
    background: #f8fafc;
}

body.page-campus-facility .facility-list-columns {
    columns: 2;
    column-gap: 42px;
}

body.page-campus-facility .facility-list-columns li {
    break-inside: avoid;
}

body.page-campus-facility .facility-table-wrap {
    border: 1px solid #d9e0e9;
}

body.page-campus-facility .facility-table {
    min-width: 680px;
    margin: 0;
    color: #344054;
    font-size: 15px;
    line-height: 1.5;
}

body.page-campus-facility .facility-table th {
    padding: 13px 14px;
    border-color: rgba(255, 255, 255, 0.22);
    background: var(--brand, #0747ae);
    color: #fff;
    font-weight: 600;
    vertical-align: middle;
}

body.page-campus-facility .facility-table td {
    padding: 12px 14px;
    border-color: #e1e6ed;
    vertical-align: middle;
}

body.page-campus-facility .facility-table tbody tr:nth-child(even) td {
    background: #f8fafc;
}

body.page-campus-facility .sgrc-members-table th:first-child,
body.page-campus-facility .sgrc-members-table td:first-child {
    width: 82px;
    text-align: center;
}

body.page-campus-facility .facility-administration {
    margin-top: 30px;
    padding: 19px 21px;
    border-left: 4px solid #f1b82d;
    background: var(--brand, #0747ae);
    color: #fff;
}

body.page-campus-facility .facility-administration h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

body.page-campus-facility .facility-administration p {
    margin: 0 0 6px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    line-height: 1.6;
}

body.page-campus-facility .facility-administration p:last-child {
    margin-bottom: 0;
}

body.page-sgrc .sgrc-page-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #e0e6ee;
}

body.page-sgrc .sgrc-page-links a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid var(--brand, #0747ae);
    background: var(--brand, #0747ae);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

body.page-sgrc .sgrc-page-links a:hover,
body.page-sgrc .sgrc-page-links a:focus-visible {
    border-color: var(--brand-dark, #002147);
    background: var(--brand-dark, #002147);
    color: #fff;
}

body.page-grievanceportal .grievance-service-note {
    margin-bottom: 22px;
    padding: 13px 15px;
    border-left: 4px solid #d89a00;
    background: #fff8e5;
    color: #694d00;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

body.page-grievanceportal .grievance-form {
    padding: clamp(18px, 2.5vw, 28px);
    border: 1px solid #dfe5ed;
    background: #f8fafc;
}

body.page-grievanceportal .grievance-form .form-label {
    margin-bottom: 7px;
    color: #25334a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

body.page-grievanceportal .grievance-form .form-label span {
    color: #b42318;
}

body.page-grievanceportal .grievance-form .form-control {
    min-height: 44px;
    border: 1px solid #cdd5df;
    border-radius: 4px;
    background: #fff;
    color: #1f2937;
    font-family: var(--font-base);
    font-size: 15px;
    line-height: 1.5;
}

body.page-grievanceportal .grievance-form textarea.form-control {
    min-height: 126px;
    resize: vertical;
}

body.page-grievanceportal .grievance-form .form-control:focus {
    border-color: var(--brand, #0747ae);
    box-shadow: 0 0 0 3px rgba(7, 71, 174, 0.12);
}

body.page-grievanceportal .grievance-form__submit {
    padding-top: 8px;
    text-align: center;
}

body.page-grievanceportal .grievance-form__submit .btn {
    min-height: 43px;
    padding: 9px 20px;
    border-radius: 4px;
    background: var(--brand, #0747ae);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

body.page-grievanceportal .grievance-form__submit .btn:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

body.page-grievanceportal .sgrc-captcha {
    min-height: 60px;
    flex-wrap: wrap;
}

body.page-grievanceportal .grievance-captcha-refresh {
    min-height: 42px;
    padding: 8px 14px;
    border: 1px solid var(--brand, #0747ae);
    border-radius: 4px;
    background: #fff;
    color: var(--brand, #0747ae);
    font-size: 14px;
    font-weight: 600;
}

body.page-grievanceportal .grievance-captcha-refresh:hover,
body.page-grievanceportal .grievance-captcha-refresh:focus-visible {
    background: var(--brand, #0747ae);
    color: #fff;
}

body.page-grievanceportal .invalid-feedback {
    font-size: 13px;
}

/* =====================================================================
   Public Faculty Directory and Profile
   ===================================================================== */
body.page-faculty .faculty-directory,
body.page-faculty-profile .faculty-profile-section {
    padding: clamp(38px, 5vw, 62px) 0;
    background: #f5f7fa;
}

body.page-faculty .faculty-directory-heading {
    max-width: 760px;
    margin: 0 auto 30px;
    text-align: center;
}

body.page-faculty .faculty-directory-heading > span,
body.page-faculty-profile .faculty-profile-content > header span {
    display: block;
    margin-bottom: 6px;
    color: #c66a0a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.page-faculty .faculty-directory-heading h2,
body.page-faculty-profile .faculty-profile-content > header h2 {
    margin: 0;
    color: var(--brand-dark, #002147);
    font-size: clamp(25px, 2.7vw, 34px);
    font-weight: 700;
    line-height: 1.25;
}

body.page-faculty .faculty-directory-heading p {
    margin: 12px 0 0;
    color: #526579;
    font-size: 16px;
    line-height: 1.7;
}

body.page-faculty .faculty-card {
    display: flex;
    height: 100%;
    min-height: 390px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dce5ee;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 8px 24px rgba(6, 46, 91, .08);
    transition: transform .2s ease, box-shadow .2s ease;
}

body.page-faculty .faculty-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(6, 46, 91, .13);
}

body.page-faculty .faculty-header {
    min-height: 260px;
    padding: 25px 20px 21px;
    background: linear-gradient(135deg, var(--brand-dark, #002147), var(--brand, #0747ae));
    color: #fff;
    text-align: center;
}

body.page-faculty .faculty-image {
    display: block;
    width: 116px;
    height: 132px;
    margin: 0 auto 14px;
    border: 4px solid rgba(255, 255, 255, .9);
    border-radius: 0;
    background: #edf3f9;
    object-fit: fill;
}

body.page-faculty .faculty-header h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

body.page-faculty .faculty-header p,
body.page-faculty .faculty-header span {
    display: block;
    margin: 0;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

body.page-faculty .faculty-header span {
    margin-top: 2px;
    color: rgba(255, 255, 255, .76);
    font-size: 13px;
}

body.page-faculty .faculty-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px;
}

body.page-faculty .faculty-body p {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    margin: 0 0 8px;
    color: #526579;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

body.page-faculty .faculty-body p i {
    margin-top: 4px;
    color: var(--brand, #0747ae);
}

body.page-faculty .faculty-body a:not(.btn-profile) {
    color: #315a86;
    text-decoration: none;
}

body.page-faculty .btn-profile {
    display: inline-flex;
    width: fit-content;
    min-height: 40px;
    margin-top: auto;
    padding: 9px 16px;
    gap: 9px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--brand, #0747ae);
    border-radius: 0;
    background: var(--brand, #0747ae);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

body.page-faculty .btn-profile:hover,
body.page-faculty .btn-profile:focus-visible {
    background: var(--brand-dark, #002147);
    color: #fff;
}

body.page-faculty .faculty-empty {
    padding: 32px;
    border: 1px solid #dce5ee;
    background: #fff;
    color: #526579;
    text-align: center;
}

body.page-faculty-profile .faculty-profile-back {
    display: inline-flex;
    margin-bottom: 20px;
    gap: 8px;
    align-items: center;
    color: var(--brand, #0747ae);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

body.page-faculty-profile .faculty-profile-summary,
body.page-faculty-profile .faculty-profile-content {
    border: 1px solid #dce5ee;
    background: #fff;
    box-shadow: 0 8px 24px rgba(6, 46, 91, .08);
}

body.page-faculty-profile .faculty-profile-summary {
    padding: 26px;
    text-align: center;
}

/* The summary box follows the reader down the long profile description.
   The column must stretch first, otherwise the row's align-items-start
   collapses it to the box height and sticky has no room to travel.
   72px clears the sticky site navbar (min-height 56px) plus a small gap. */
@media (min-width: 992px) {
    body.page-faculty-profile .faculty-profile-aside {
        align-self: stretch;
    }

    body.page-faculty-profile .faculty-profile-summary {
        position: sticky;
        top: 72px;
        max-height: calc(100vh - 88px);
        overflow-y: auto;
    }
}

body.page-faculty-profile .faculty-profile-summary > img {
    width: 170px;
    height: 205px;
    margin-bottom: 17px;
    border: 4px solid #edf3f9;
    object-fit: fill;
}

body.page-faculty-profile .faculty-profile-summary h2 {
    margin: 0 0 6px;
    color: var(--brand-dark, #002147);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}

body.page-faculty-profile .faculty-profile-designation,
body.page-faculty-profile .faculty-profile-department {
    margin: 0;
    color: #526579;
    font-size: 14px;
    line-height: 1.55;
    text-align: center;
}

body.page-faculty-profile .faculty-profile-department {
    color: #738499;
}

body.page-faculty-profile .faculty-contact-list {
    margin: 20px 0 0;
    padding-top: 18px;
    border-top: 1px solid #e2e8f0;
    text-align: left;
}

body.page-faculty-profile .faculty-contact-list > div {
    margin-bottom: 13px;
}

body.page-faculty-profile .faculty-contact-list > div:last-child {
    margin-bottom: 0;
}

body.page-faculty-profile .faculty-contact-list dt {
    margin-bottom: 2px;
    color: #34475a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.page-faculty-profile .faculty-contact-list dd,
body.page-faculty-profile .faculty-contact-list a {
    margin: 0;
    color: #526579;
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

body.page-faculty-profile .faculty-profile-content {
    min-height: 500px;
    padding: clamp(24px, 3vw, 36px);
}

body.page-faculty-profile .faculty-profile-content > header {
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 2px solid #e3ebf3;
}

body.page-faculty-profile .faculty-profile-description,
body.page-faculty-profile .faculty-profile-description p,
body.page-faculty-profile .faculty-profile-description li {
    color: #34475a;
    line-height: 1.8;
}

body.page-faculty-profile .faculty-profile-description,
body.page-faculty-profile .faculty-profile-description * {
    font-family: var(--font-base, "Poppins", "Segoe UI", Arial, sans-serif) !important;
}

body.page-faculty-profile .faculty-profile-description,
body.page-faculty-profile .faculty-profile-description p,
body.page-faculty-profile .faculty-profile-description li,
body.page-faculty-profile .faculty-profile-description div,
body.page-faculty-profile .faculty-profile-description span,
body.page-faculty-profile .faculty-profile-description a,
body.page-faculty-profile .faculty-profile-description td,
body.page-faculty-profile .faculty-profile-description th {
    font-size: 16px !important;
}

body.page-faculty-profile .faculty-profile-description p,
body.page-faculty-profile .faculty-profile-description li {
    text-align: justify;
}

body.page-faculty-profile .faculty-profile-description ul,
body.page-faculty-profile .faculty-profile-description ol {
    margin: 0 0 16px;
    padding-inline-start: 30px !important;
}

body.page-faculty-profile .faculty-profile-description ul {
    list-style: disc outside !important;
}

body.page-faculty-profile .faculty-profile-description ol {
    list-style: decimal outside !important;
}

body.page-faculty-profile .faculty-profile-description ul ul {
    list-style-type: circle !important;
}

body.page-faculty-profile .faculty-profile-description ul ul ul {
    list-style-type: square !important;
}

body.page-faculty-profile .faculty-profile-description ol ol {
    list-style-type: lower-alpha !important;
}

body.page-faculty-profile .faculty-profile-description ol ol ol {
    list-style-type: lower-roman !important;
}

body.page-faculty-profile .faculty-profile-description li + li {
    margin-top: 7px;
}

body.page-faculty-profile .faculty-profile-description li::marker {
    color: #002147;
    font-weight: 600;
}

body.page-faculty-profile .faculty-profile-description h2,
body.page-faculty-profile .faculty-profile-description h3,
body.page-faculty-profile .faculty-profile-description h4,
body.page-faculty-profile .faculty-profile-description h5,
body.page-faculty-profile .faculty-profile-description h6,
body.page-faculty-profile .faculty-profile-description h2 *,
body.page-faculty-profile .faculty-profile-description h3 *,
body.page-faculty-profile .faculty-profile-description h4 *,
body.page-faculty-profile .faculty-profile-description h5 *,
body.page-faculty-profile .faculty-profile-description h6 * {
    color: #002147 !important;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.4;
}

body.page-faculty-profile .faculty-profile-description h2,
body.page-faculty-profile .faculty-profile-description h2 *,
body.page-faculty-profile .faculty-profile-description h3:has(+ hr),
body.page-faculty-profile .faculty-profile-description h3:has(+ hr) *,
body.page-faculty-profile .faculty-profile-description h4:has(+ hr),
body.page-faculty-profile .faculty-profile-description h4:has(+ hr) * {
    color: #002147 !important;
    font-size: 20px !important;
    line-height: 1.35;
}

body.page-faculty-profile .faculty-profile-description h2,
body.page-faculty-profile .faculty-profile-description h3:has(+ hr),
body.page-faculty-profile .faculty-profile-description h4:has(+ hr) {
    margin: 28px 0 16px !important;
    padding-bottom: 4px;
    border-bottom: 2px solid #dce5ee;
}

body.page-faculty-profile .faculty-profile-description h2 + hr,
body.page-faculty-profile .faculty-profile-description h3 + hr,
body.page-faculty-profile .faculty-profile-description h4 + hr {
    display: none;
}

body.page-faculty-profile .faculty-profile-description img,
body.page-faculty-profile .faculty-profile-description table {
    max-width: 100%;
}

body.page-faculty-profile .faculty-profile-description table {
    width: 100% !important;
}

@media (max-width: 767.98px) {
    body.page-faculty .faculty-directory,
    body.page-faculty-profile .faculty-profile-section {
        padding: 32px 0 42px;
    }

    body.page-faculty .faculty-card {
        min-height: 0;
    }

    body.page-faculty-profile .faculty-profile-content {
        min-height: 0;
        padding: 22px 18px;
    }
}

@media (max-width: 767.98px) {
    body.page-campus-facility {
        overflow-x: hidden;
    }

    body.page-campus-facility .institutional-page-hero,
    body.page-campus-facility .campus-facility-content {
        width: 100vw;
        max-width: 100vw;
    }

    body.page-campus-facility .institutional-page-hero .container,
    body.page-campus-facility .campus-facility-content > .container {
        width: auto;
        max-width: calc(100vw - 30px);
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }

    body.page-campus-facility .facility-content-header {
        margin-bottom: 22px;
    }

    body.page-campus-facility .facility-content-section {
        margin-top: 23px;
    }

    body.page-campus-facility .facility-feature-grid {
        margin-top: 22px;
    }

    body.page-campus-facility .facility-feature-card {
        padding: 18px 16px;
    }

    body.page-campus-facility .facility-list-columns {
        columns: 1;
    }

    body.page-campus-facility .facility-table {
        font-size: 14px;
    }

    body.page-sgrc .sgrc-page-links {
        margin-top: 23px;
    }

    body.page-sgrc .sgrc-page-links a {
        justify-content: center;
        width: 100%;
    }
}

body.page-academic-office .academic-office-panel,
body.page-academic-office .academic-office-content-card,
body.page-academic-office .academic-office-side-stack {
    width: 100%;
}

body.page-academic-office .academic-office-panel {
    align-self: flex-start;
    overflow: hidden;
    height: fit-content;
    border-top: 4px solid #f1b82d;
    background: var(--brand, #0747ae);
    color: #fff;
    box-shadow: 0 10px 28px rgba(var(--brand-dark-rgb, 0, 33, 71), 0.12);
}

body.page-academic-office .academic-office-panel h2 {
    margin: 0;
    padding: 17px 18px;
    background: rgba(var(--brand-dark-rgb, 0, 33, 71), 0.24);
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

body.page-academic-office .academic-office-navigation ul {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}

body.page-academic-office .academic-office-navigation li {
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

body.page-academic-office .academic-office-navigation li:last-child {
    border-bottom: 0;
}

body.page-academic-office .academic-office-navigation a,
body.page-academic-office .academic-office-navigation span {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 12px 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    text-decoration: none;
}

body.page-academic-office .academic-office-navigation a {
    transition: background-color 0.2s ease;
}

body.page-academic-office .academic-office-navigation a:hover,
body.page-academic-office .academic-office-navigation a:focus-visible {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

body.page-academic-office .academic-office-navigation i {
    margin-top: 4px;
    color: #f6cf70;
    font-size: 11px;
}

body.page-academic-office .academic-office-profile {
    display: grid;
    grid-template-columns: 195px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    padding-bottom: 22px;
    border-bottom: 1px solid #e0e6ee;
}

body.page-academic-office .academic-office-profile__image {
    display: block;
    width: 195px;
    height: 209px;
    border: 4px solid #fff;
    object-fit: fill;
    box-shadow: 0 6px 18px rgba(var(--brand-dark-rgb, 0, 33, 71), 0.17);
}

body.page-academic-office .academic-office-profile__details {
    min-width: 0;
    text-align: right;
}

body.page-academic-office .academic-office-profile__label {
    margin: 0 0 6px;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.page-academic-office .academic-office-profile h2 {
    margin: 0 0 7px;
    color: var(--brand, #0747ae);
    font-size: clamp(22px, 2.1vw, 27px);
    font-weight: 700;
    line-height: 1.3;
}

body.page-academic-office .academic-office-profile__name {
    margin: 0 0 5px;
    color: #344054;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

body.page-academic-office .academic-office-profile a {
    color: var(--brand, #0747ae);
    font-size: 14px;
    font-weight: 500;
    overflow-wrap: anywhere;
    text-decoration: none;
}

body.page-academic-office .academic-office-profile a:hover {
    text-decoration: underline;
}

body.page-academic-office .academic-office-message {
    margin-top: 22px;
}

body.page-academic-office .academic-office-message p {
    margin: 0 0 14px;
    color: #344054;
    font-size: var(--fs-base, 16px);
    line-height: 1.75;
    text-align: justify;
}

body.page-academic-office .academic-office-message p:last-child {
    margin-bottom: 0;
}

body.page-academic-office .academic-notices p,
body.page-academic-office .academic-events p {
    margin: 0;
    padding: 24px 18px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

body.page-academic-office .academic-notices {
    min-height: 300px;
}

body.page-academic-office .academic-events {
    min-height: 240px;
}

body.page-academic-office .academic-office-side-stack {
    display: grid;
    align-self: flex-start;
    gap: 24px;
}

body.page-academic-office .academic-office-profile__image--welfare {
    width: 180px;
    height: 186px;
    object-fit: cover;
}

body.page-academic-office .academic-office-profile__image--scholarship {
    width: 180px;
    height: 200px;
    object-fit: cover;
    object-position: center 43%;
}

body.page-academic-office .scholarship-information__section {
    scroll-margin-top: 76px;
}

body.page-academic-office .scholarship-information__section + .scholarship-information__section {
    margin-top: 25px;
}

body.page-academic-office .scholarship-information__section h3 {
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.14);
    color: var(--brand, #0747ae);
    font-size: clamp(19px, 1.8vw, 23px);
    font-weight: 700;
    line-height: 1.35;
}

@media (min-width: 992px) {
    body.page-academic-office .academic-office-panel,
    body.page-academic-office .academic-office-side-stack {
        position: sticky;
        top: 0px;
    }

    body.page-academic-office .academic-office-side-stack .academic-office-panel {
        position: static;
    }
}

@media (min-width: 1200px) {
    body.page-academic-office .academic-office-page .container {
        width: calc(100% - 24px);
        max-width: 1560px;
    }

    body.page-academic-office .academic-office-layout {
        display: grid;
        grid-template-columns: 261px minmax(0, 1fr) 261px;
        gap: 24px;
        margin-right: 0;
        margin-left: 0;
    }

    body.page-academic-office .academic-office-layout > [class*="col-"] {
        width: auto;
        padding-right: 0;
        padding-left: 0;
    }

    body.page-academic-office .academic-office-layout__navigation {
        grid-column: 1;
        grid-row: 1;
    }

    body.page-academic-office .academic-office-layout__content {
        grid-column: 2;
        grid-row: 1;
    }

    body.page-academic-office .academic-office-layout__notices {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 767.98px) {
    body.page-institutional .institutional-page-hero {
        min-height: 170px;
    }

    body.page-institutional .institutional-page-hero__content {
        padding: 32px 0;
    }

    body.page-institutional .institutional-page-content {
        padding: 28px 0 32px;
    }

    body.page-institutional .institutional-content-card {
        padding: 19px 16px;
        border-radius: 6px;
    }

    body.page-institutional .academic-document-header {
        margin-bottom: 17px;
    }

    body.page-institutional .academic-document-table {
        font-size: 14px;
    }

    body.page-academic-office .academic-office-profile {
        grid-template-columns: 1fr;
        gap: 16px;
        justify-items: center;
    }

    body.page-academic-office .academic-office-profile__details {
        text-align: center;
    }

    body.page-academic-office .academic-office-message {
        margin-top: 19px;
    }

    body.page-academic-office .academic-office-panel h2 {
        padding: 15px 16px;
        font-size: 17px;
    }

    body.page-vision .institutional-content-card .about-text,
    body.page-strategic-growth-plan .strategic-content .text,
    body.page-strategic-growth-plan .strategic-content li {
        line-height: 1.7;
    }

    body.page-strategic-growth-plan .strategic-plan-intro,
    body.page-strategic-growth-plan .strategic-plan-section {
        margin-bottom: 0;
    }

    body.page-strategic-growth-plan .strategic-content ul,
    body.page-vision .institutional-mission-list {
        padding-left: 20px;
    }

    body.page-strategic-growth-plan .strategic-impact-table {
        min-width: 560px;
    }
}
/* Dynamic department pages */
.department-page-hero{background:linear-gradient(120deg,#073b78,#0b5ca8);padding:38px 0;color:#fff}.department-page-hero p{margin:0 0 5px;font-size:.84rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.department-page-hero h1{margin:0;color:#fff;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.2;font-weight:700}.department-page-section{padding:42px 0 54px;background:#f5f7fa}.department-sidebar{position:sticky;top:96px;overflow:hidden;background:#fff;border:1px solid #dfe6ee;box-shadow:0 8px 24px rgba(6,46,91,.07)}.department-sidebar-title{padding:17px 19px;background:#084d93;color:#fff;font-size:1rem;font-weight:700;line-height:1.35}.department-sidebar ul{list-style:none;margin:0;padding:0}.department-sidebar>ul>li+li{border-top:1px solid #e8edf3}.department-sidebar a,.department-sidebar summary{display:block;padding:12px 18px;color:#263a4e;font-size:.93rem;font-weight:600;line-height:1.45;text-decoration:none;cursor:pointer;transition:.2s}.department-sidebar a:hover,.department-sidebar a.active{background:#eaf3fc;color:#07539d}.department-sidebar details>summary{list-style:none;position:relative;padding-right:38px}.department-sidebar details>summary::-webkit-details-marker{display:none}.department-sidebar details>summary:after{content:'+';position:absolute;right:18px;font-size:1.1rem}.department-sidebar details[open]>summary:after{content:'−'}.department-sidebar-group ul{background:#f8fafc;border-top:1px solid #e8edf3}.department-sidebar-group ul a{padding-left:30px;font-weight:500}.department-content-card{min-height:420px;padding:28px 30px;background:#fff;border:1px solid #dfe6ee;box-shadow:0 8px 24px rgba(6,46,91,.07)}.department-content-card>header{margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid #e5edf5}.department-content-card>header span{display:block;margin-bottom:5px;color:#c66a0a;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.department-content-card h2{margin:0;color:#074b8c;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.25;font-weight:700}.department-rich-content{color:#34475a;font-size:1rem;line-height:1.78;text-align:justify}.department-rich-content h2,.department-rich-content h3,.department-rich-content h4{color:#114f88;line-height:1.35}.department-rich-content img,.department-featured-image{display:block;max-width:100%;height:auto;margin:0 auto 24px}.department-rich-content table{width:100%;margin:18px 0;border-collapse:collapse}.department-rich-content th,.department-rich-content td{padding:10px 12px;border:1px solid #dce4ec}.department-faculty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.department-faculty-card{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid #dfe6ee;background:#fbfcfe}.department-faculty-card img,.faculty-placeholder{width:86px;height:100px;flex:0 0 86px;object-fit:cover;background:#e7eef6}.faculty-placeholder{display:grid;place-items:center;color:#7b8da1;font-size:1.8rem}.department-faculty-card h3{margin:0 0 4px;color:#114f88;font-size:1rem;font-weight:700}.department-faculty-card p,.department-faculty-card span,.department-faculty-card a{display:block;margin:0 0 3px;color:#53687c;font-size:.86rem;line-height:1.45}.department-empty-state{padding:28px;text-align:center;background:#f7f9fc;color:#5c7084}
@media(max-width:991.98px){.department-sidebar{position:static}.department-page-section{padding:30px 0 42px}.department-content-card{min-height:0}}
@media(max-width:575.98px){.department-page-hero{padding:28px 0}.department-content-card{padding:22px 18px}.department-rich-content{font-size:.96rem;line-height:1.7}.department-faculty-grid{grid-template-columns:1fr}}

/* Department pages follow the same institutional typography as Vision & Mission. */
body.page-department-dynamic .department-page-section {
    padding: 38px 0 44px;
}

body.page-department-dynamic .department-content-card {
    min-height: 420px;
    padding: clamp(22px, 3vw, 22px);
    border: 1px solid #e0e6ee;
    border-top: 4px solid var(--brand, #0747ae);
    box-shadow: 0 10px 28px rgba(var(--brand-dark-rgb, 0, 33, 71), 0.08);
}

body.page-department-dynamic .department-content-card > header {
    margin-bottom: 22px;
    padding-bottom: 0;
    border-bottom: 0;
}

body.page-department-dynamic .department-content-card > header span {
    margin-bottom: 7px;
    color: #667085;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-transform: none;
}

body.page-department-dynamic .department-content-card .about-heading,
body.page-department-dynamic .department-rich-content h2 {
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(var(--brand-dark-rgb, 0, 33, 71), 0.16);
    color: var(--brand, #0747ae);
    font-size: clamp(22px, 2.2vw, 28px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
    text-transform: capitalize;
}

body.page-department-dynamic .department-rich-content,
body.page-department-dynamic .department-rich-content p,
body.page-department-dynamic .department-rich-content li,
body.page-department-dynamic .department-rich-content td,
body.page-department-dynamic .department-rich-content th {
    color: #344054;
    font-size: var(--fs-base);
    line-height: 1.75;
}

body.page-department-dynamic .department-rich-content p,
body.page-department-dynamic .department-rich-content ul,
body.page-department-dynamic .department-rich-content ol {
    margin-bottom: 14px;
}

body.page-department-dynamic .department-rich-content li + li {
    margin-top: 8px;
}

body.page-department-dynamic .department-rich-content > .content-box:first-child > h2:first-child,
body.page-department-dynamic .department-rich-content > .content-box:first-child > h2:first-child + hr {
    /* display: none; */
}

body.page-department-dynamic .department-faculty-card h3 {
    font-size: var(--fs-base);
    line-height: 1.4;
}

body.page-department-dynamic .department-faculty-card p,
body.page-department-dynamic .department-faculty-card span,
body.page-department-dynamic .department-faculty-card a {
    font-size: 14px;
    line-height: 1.55;
}

body.page-department-dynamic .department-office-navigation {
    width: 100%;
}

@media (min-width: 992px) {
    body.page-department-dynamic .department-page-navigation-column {
        display: block;
        align-self: stretch;
    }

    body.page-department-dynamic .department-office-navigation {
        position: sticky;
        top: 0;
        align-self: flex-start;
    }
}

body.page-department-dynamic .department-office-navigation summary {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 12px 40px 12px 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    list-style: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

body.page-department-dynamic .department-office-navigation summary::-webkit-details-marker {
    display: none;
}

body.page-department-dynamic .department-office-navigation summary::after {
    position: absolute;
    top: 11px;
    right: 17px;
    color: #f6cf70;
    font-size: 17px;
    font-weight: 600;
    content: "+";
}

body.page-department-dynamic .department-office-navigation details[open] > summary::after {
    content: "−";
}

body.page-department-dynamic .department-office-navigation summary:hover,
body.page-department-dynamic .department-office-navigation summary:focus-visible,
body.page-department-dynamic .department-office-navigation details[open] > summary,
body.page-department-dynamic .department-office-navigation a.active {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

body.page-department-dynamic .department-office-navigation .department-sidebar-group ul {
    padding: 0;
    background: rgba(var(--brand-dark-rgb, 0, 33, 71), 0.2);
}

body.page-department-dynamic .department-office-navigation .department-sidebar-group ul a {
    padding-left: 29px;
    font-size: 13.5px;
}

/* Department faculty cards retain the original .NET directory pattern. */
body.page-department-dynamic .department-faculty-list > [class*="col-"] {
    display: flex;
}

body.page-department-dynamic .department-faculty-list .department-faculty-card {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 1px dashed #344054;
    border-radius: 0;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

body.page-department-dynamic .department-faculty-list .department-faculty-card:hover {
    border-color: var(--brand, #0747ae);
    box-shadow: 0 8px 25px rgba(var(--brand-dark-rgb, 0, 33, 71), 0.15);
    transform: translateY(-5px);
}

body.page-department-dynamic .department-faculty-list .department-faculty-card > img,
body.page-department-dynamic .department-faculty-list .faculty-placeholder {
    display: block;
    width: 100%;
    height: 210px;
    flex: 0 0 210px;
    margin: 0;
    object-fit: fill;
    object-position: top center;
    border: 0;
    background: #e7eef6;
}

body.page-department-dynamic .department-faculty-list .faculty-placeholder {
    display: grid;
    place-items: center;
    color: #7b8da1;
    font-size: 3.2rem;
}

body.page-department-dynamic .department-faculty-list .card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 13px 12px 15px;
    text-align: center;
}

body.page-department-dynamic .department-faculty-list h3 {
    margin: 0 0 6px;
    color: var(--brand, #0747ae);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

body.page-department-dynamic .department-faculty-list p {
    margin: 0 0 5px;
    color: #344054;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

body.page-department-dynamic .department-faculty-list span {
    display: block;
    color: #667085;
    font-size: 13px;
    line-height: 1.55;
}

body.page-department-dynamic .department-faculty-list .btn-profile {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding: 5px 12px;
    border-radius: 20px;
    color: var(--brand, #0747ae);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

body.page-department-dynamic .department-faculty-list .btn-profile:hover {
    background: var(--brand, #0747ae);
    color: #fff;
}

body.page-department-dynamic .department-rich-content table th {
    background-color: var(--brand, #0747ae);
    color: #fff;
}

body.page-department-dynamic .department-rich-content table tbody td {
    background-color: #fff;
    color: #344054;
}

@media (max-width: 767.98px) {
    body.page-department-dynamic .department-page-section {
        padding: 28px 0 32px;
    }

    body.page-department-dynamic .department-content-card {
        min-height: 0;
        padding: 19px 16px;
        border-radius: 6px;
    }

    body.page-department-dynamic .department-rich-content,
    body.page-department-dynamic .department-rich-content p,
    body.page-department-dynamic .department-rich-content li {
        line-height: 1.7;
    }
}