/* ============================================================================
   SEN College — UI polish layer (loaded after the client theme; does not
   modify the original theme CSS). Navy #012951 + orange #ea6645 palette.
   ============================================================================ */

/* ── Home: About / Events / Connect blocks ──────────────────────────── */
.home-blocks{padding:48px 0;background:#f7f9fc}
.home-blocks .row{display:flex;flex-wrap:wrap}
.home-blocks [class*="col-"]{display:flex;flex-direction:column;margin-bottom:24px}
.home-blocks .h-card{background:#fff;border:1px solid #e7ebf1;border-radius:12px;padding:24px;
    width:100%;flex:1 1 auto;box-shadow:0 6px 22px rgba(1,41,81,.06)}
.h-title{font-size:20px;font-weight:700;color:#012951;margin:0 0 18px;position:relative;padding-bottom:14px;line-height:1.25}
.h-title:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;background:#ea6645;border-radius:3px}
.h-title small{display:block;font-size:12px;color:#8a93a2;font-weight:500;margin-top:5px}
.h-about-img{width:100%;border-radius:10px;margin-bottom:16px;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.h-about-text{color:#54616e;line-height:1.85;text-align:justify;font-size:14px}
.h-about-text strong{color:#012951}
.h-btn{display:inline-flex;align-items:center;gap:9px;margin-top:18px;align-self:flex-start;
    background:#012951;color:#fff;font-weight:600;font-size:13.5px;padding:10px 20px;border-radius:7px;
    text-decoration:none;transition:.2s ease}
.h-btn:hover,.h-btn:focus{background:#ea6645;color:#fff}
.h-btn i{transition:transform .2s ease}
.h-btn:hover i{transform:translateX(4px)}

/* events list */
.ev2-list{display:flex;flex-direction:column;flex:1 1 auto}
.ev2-item{display:flex;gap:14px;align-items:center;padding:12px 8px;border-bottom:1px solid #eef1f6;
    text-decoration:none;transition:.15s ease;border-radius:8px}
.ev2-item:last-child{border-bottom:0}
.ev2-item:hover{background:#f3f6fc;transform:translateX(3px)}
.ev2-date{flex:0 0 auto;width:58px;text-align:center;border-radius:9px;overflow:hidden;
    box-shadow:0 3px 8px rgba(1,41,81,.14)}
.ev2-date .m{display:block;background:#ea6645;color:#fff;font-size:11px;font-weight:700;
    letter-spacing:.6px;padding:4px 0;text-transform:uppercase}
.ev2-date .d{display:block;background:#012951;color:#fff;font-size:21px;font-weight:800;padding:7px 0;line-height:1}
.ev2-body{min-width:0}
.ev2-body .t{display:block;color:#16263b;font-weight:600;font-size:14px;line-height:1.35}
.ev2-item:hover .t{color:#ea6645}
.ev2-body .v{display:block;color:#8a93a2;font-size:12px;margin-top:4px}
.ev2-body .v i{color:#ea6645;margin-right:4px}

/* connect tiles */
.conn-tile{display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:12px;color:#fff;
    text-decoration:none;margin-bottom:18px;font-weight:700;font-size:16px;
    box-shadow:0 8px 22px rgba(1,41,81,.14);transition:.2s ease}
.conn-tile:hover,.conn-tile:focus{transform:translateY(-4px);color:#fff;box-shadow:0 12px 28px rgba(1,41,81,.22)}
.conn-tile i.lead{font-size:26px;width:30px;text-align:center}
.conn-tile .go{margin-left:auto;opacity:.75;font-size:18px}
.conn-tile.fb{background:linear-gradient(135deg,#1c7ef4,#0d47a1)}
.conn-tile.alumni{background:linear-gradient(135deg,#f0784f,#c0392b)}
.news-card{background:linear-gradient(160deg,#013268,#012044);border-radius:12px;overflow:hidden;
    box-shadow:0 8px 22px rgba(1,41,81,.2)}
.news-head{background:rgba(255,255,255,.07);color:#fff;font-weight:700;font-size:15px;padding:14px 18px}
.news-head i{color:#ffd54f;margin-right:9px}
.news-scroll{height:178px;overflow:hidden;padding:4px 0}
.news-item{display:block;color:#dbe6f5;font-size:13px;line-height:1.5;padding:10px 18px;
    border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none}
.news-item:last-child{border-bottom:0}
.news-item:hover{color:#fff;background:rgba(255,255,255,.05)}
.news-item:before{content:"\f0a9";font-family:FontAwesome;color:#ea6645;margin-right:9px}

@media (max-width:991px){ .home-blocks .row{display:block} .home-blocks [class*="col-"]{display:block} }

/* ── Column balancing + fixes (override) ───────────────────────────── */
/* Connect column stretches to match About/Events; News card fills the rest */
.home-blocks > .container > .row > [class*="col-"]:last-child{display:flex;flex-direction:column}
.news-card{flex:1 1 auto;display:flex;flex-direction:column}
.news-scroll{flex:1 1 auto;height:auto;min-height:130px;overflow-y:auto}
.news-scroll::-webkit-scrollbar{width:6px}
.news-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:4px}
.news-all{display:block;text-align:center;color:#ffd54f;font-weight:600;font-size:13px;
    padding:11px;background:rgba(255,255,255,.06);text-decoration:none}
.news-all:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.conn-tile,.conn-tile:hover,.conn-tile:focus,.conn-tile span,.conn-tile span:hover{text-decoration:none}

/* ── Media Coverage + Gallery cards ────────────────────────────────── */
.home-mg{padding:8px 0 52px;background:#f7f9fc}
.home-mg > .container > .row{display:flex;flex-wrap:wrap}
.home-mg > .container > .row > [class*="col-"]{display:flex;flex-direction:column;margin-bottom:24px}
.home-mg .h-card{width:100%;flex:1 1 auto}
.mg-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}
.mg-strip a{flex:0 0 auto;width:170px;height:140px;overflow:hidden;border-radius:8px;border:1px solid #e7ebf1;background:#f1f4f9}
.mg-strip a img{width:100%;height:100%;object-fit:cover;transition:.3s ease}
.mg-strip a:hover img{transform:scale(1.07)}
.mg-strip::-webkit-scrollbar{height:7px}
.mg-strip::-webkit-scrollbar-thumb{background:#cdd6e2;border-radius:4px}
.mg-hint{color:#9aa6b4;font-size:12px;margin:8px 0 0}
.mg-hint i{color:#ea6645;margin-right:5px}
.mg-grid{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.mg-grid li{flex:0 0 auto;width:calc(25% - 6px)}
.mg-grid li a{display:block;height:92px;overflow:hidden;border-radius:8px;border:1px solid #e7ebf1}
.mg-grid li a img{width:100%;height:100%;object-fit:cover;transition:.3s ease}
.mg-grid li a:hover img{transform:scale(1.08)}
@media (max-width:991px){ .home-mg > .container > .row{display:block} .home-mg > .container > .row > [class*="col-"]{display:block} .mg-grid li{width:calc(33.333% - 6px)} }

/* (slider reverted to the original theme design — styled by sen-custom.css) */

/* ── SEN Group of Institutions ─────────────────────────────────────── */
.sen-group{padding:14px 0 40px;background:#f7f9fc}
.sen-group .sen-group-inner{background:linear-gradient(135deg,#012951 0%,#01356b 100%);
    border-radius:16px;padding:44px 40px;box-shadow:0 16px 44px rgba(1,41,81,.28);position:relative;overflow:hidden}
.sen-group .sen-group-inner:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;
    border-radius:50%;background:rgba(234,102,69,.12)}
.sg-title{color:#fff;font-size:25px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.6px}
.sg-title:after{content:"";display:block;width:58px;height:3px;background:#ea6645;border-radius:3px;margin-top:13px}
.sg-sub{color:#b9cae0;margin:14px 0 28px;font-size:15px;position:relative}
.sg-cards{display:flex;flex-wrap:wrap}
.sg-cards > [class*="col-"]{display:flex;margin-bottom:24px}
.sg-card{width:100%;flex:1 1 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
    border-radius:13px;padding:24px 22px;transition:.22s ease}
.sg-card:hover{background:rgba(255,255,255,.12);transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.sg-ic{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#f0784f,#ea6645);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;
    box-shadow:0 8px 18px rgba(234,102,69,.42)}
.sg-tag{display:inline-block;background:#ea6645;color:#fff;font-size:10px;font-weight:700;letter-spacing:.6px;
    text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px}
.sg-card h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 9px;line-height:1.4}
.sg-card p{color:#b9cae0;font-size:13px;line-height:1.65;margin:0}
.sg-foot{color:#cdd9ea;font-size:14.5px;line-height:1.85;margin:18px 0 22px;
    border-top:1px solid rgba(255,255,255,.13);padding-top:24px;position:relative}
.sg-foot strong{color:#ffd54f}
.sg-btn{display:inline-flex;align-items:center;gap:9px;background:#ea6645;color:#fff;font-weight:600;font-size:14px;
    padding:12px 30px;border-radius:8px;text-decoration:none;transition:.2s ease}
.sg-btn:hover,.sg-btn:focus{background:#fff;color:#012951;text-decoration:none}
.sg-btn i{transition:transform .2s ease}.sg-btn:hover i{transform:translateX(4px)}
@media (max-width:991px){ .sen-group .sen-group-inner{padding:32px 22px} .sg-cards{display:block} .sg-cards > [class*="col-"]{display:block} }

/* ── Global responsive safety (all public pages) ───────────────────── */
.sen-inner img,.rte img,.h-card img{max-width:100%;height:auto}
.sen-inner table{width:100%}
@media (max-width:600px){
  .sen-page-head{padding:20px 0}
  .sen-page-head h1{font-size:21px}
  .sen-doc-row{flex-wrap:wrap}
  .sen-doc-row .dl{margin-left:0;margin-top:8px}
  .sen-doc-row .dl .btn{width:100%}
}
@media (max-width:480px){
  .mg-grid li{width:calc(50% - 4px)}
  .conn-tile{font-size:15px;padding:16px 18px}
}

/* ── Small global polish for inner pages (no theme change, just refinement) ─ */
.sen-doc-row{transition:.15s ease}
.sen-doc-row:hover{border-color:#cfd8e6;box-shadow:0 4px 14px rgba(1,41,81,.08)}
.sen-person{transition:.18s ease}
.sen-person:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(1,41,81,.1);border-color:#dbe3ee}

/* ============================================================================
   Colorful polish pass — slider caption, colourful SEN-group cards, media hovers
   ============================================================================ */

/* ── Slider caption ─────────────────────────────────────────────────── */
.slider-content .sl-cap{padding:4px 0}
.sl-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sl-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.24);color:#fff;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:30px}
.sl-badge i{color:#ffd54f}
.sl-title{color:#fff;font-size:30px;font-weight:800;line-height:1.25;margin:0 0 14px}
.sl-title span{color:#ffd54f}
.sl-text{color:#dce7f6;font-size:15px;line-height:1.7;margin:0 0 16px}
.sl-new{background:rgba(234,102,69,.20);border-left:4px solid #ea6645;color:#fff;font-size:13.5px;
    line-height:1.6;padding:11px 14px;border-radius:6px;margin-bottom:20px}
.sl-new i{color:#ffd54f;margin-right:6px}
.sl-cta{display:flex;flex-wrap:wrap;gap:12px}
.sl-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:11px 22px;
    border-radius:8px;text-decoration:none;transition:.2s ease}
.sl-btn.primary{background:#ea6645;color:#fff;box-shadow:0 8px 20px rgba(234,102,69,.4)}
.sl-btn.primary:hover{background:#fff;color:#012951}
.sl-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.55);color:#fff}
.sl-btn.ghost:hover{background:#fff;color:#012951;border-color:#fff}
.sl-btn,.sl-btn:hover,.sl-btn:focus{text-decoration:none}
@media (max-width:1199px){ .sl-title{font-size:25px} }
@media (max-width:991px){ .sl-title{font-size:22px} .sl-text{font-size:14px} .sl-new{font-size:12.5px} }

/* ── Colourful SEN-group cards ──────────────────────────────────────── */
.sg-card.c1{background:linear-gradient(135deg,#7C5CFC,#5B30D6)}
.sg-card.c2{background:linear-gradient(135deg,#1FC8A9,#0D9488)}
.sg-card.c3{background:linear-gradient(135deg,#FB7A4B,#EA4E3D)}
.sg-card.c4{background:linear-gradient(135deg,#3B9DF8,#1D5FD6)}
.sg-card.c1,.sg-card.c2,.sg-card.c3,.sg-card.c4{border-color:transparent;box-shadow:0 10px 26px rgba(0,0,0,.24)}
.sg-card.c1:hover,.sg-card.c2:hover,.sg-card.c3:hover,.sg-card.c4:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.34)}
.sg-card .sg-ic{background:rgba(255,255,255,.22);box-shadow:none}
.sg-card .sg-tag{background:rgba(255,255,255,.25);color:#fff}

/* ── Media / Gallery hover zoom overlay ─────────────────────────────── */
.mg-strip a,.mg-grid li a{position:relative}
.mg-strip a:after,.mg-grid li a:after{content:"\f00e";font-family:FontAwesome;position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;background:rgba(1,41,81,.55);color:#fff;
    font-size:20px;opacity:0;transition:.2s ease}
.mg-strip a:hover:after,.mg-grid li a:hover:after{opacity:1}

/* ============================================================================
   Quick Links strip — colorful icon tiles below the news ticker
   ============================================================================ */

.sen-quick-links-section{
    padding:38px 0 32px;
    background:linear-gradient(160deg,#f0f4fa 0%,#e8edf6 100%);
    border-top:3px solid #012951;
    border-bottom:1px solid #d9e1ee;
}
.ql-header{margin-bottom:22px;text-align:center}
.ql-heading{font-size:18px;font-weight:700;color:#012951;margin:0;letter-spacing:.4px;display:inline-flex;align-items:center;gap:10px}
.ql-heading i{color:#ea6645;font-size:17px}
.ql-heading:after{content:none}

.ql-row{display:flex;flex-wrap:wrap;justify-content:center}
.ql-col{padding:8px 10px;display:flex;align-items:stretch}

/* Tile base */
.ql-tile{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-decoration:none;
    background:#fff;
    border-radius:14px;
    padding:22px 12px 18px;
    width:100%;min-height:120px;
    box-shadow:0 4px 18px rgba(1,41,81,.09);
    border:1px solid rgba(1,41,81,.07);
    transition:.22s ease;
    gap:12px;
    text-align:center;
}
.ql-tile:hover,.ql-tile:focus{
    transform:translateY(-5px);
    box-shadow:0 12px 32px rgba(1,41,81,.17);
    border-color:transparent;
    text-decoration:none;
}

/* Colored icon circle — cycles 6 accent colors via nth-child */
.ql-icon-wrap{
    width:58px;height:58px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:24px;color:#fff;
    flex-shrink:0;
    transition:.22s ease;
    box-shadow:0 6px 16px rgba(0,0,0,.18);
}

/* 6-color cycle */
.ql-col:nth-child(6n+1) .ql-icon-wrap{background:linear-gradient(135deg,#012951,#0e4a8e)}
.ql-col:nth-child(6n+2) .ql-icon-wrap{background:linear-gradient(135deg,#ea6645,#c94c2d)}
.ql-col:nth-child(6n+3) .ql-icon-wrap{background:linear-gradient(135deg,#1fc8a9,#0d9488)}
.ql-col:nth-child(6n+4) .ql-icon-wrap{background:linear-gradient(135deg,#7c5cfc,#5b30d6)}
.ql-col:nth-child(6n+5) .ql-icon-wrap{background:linear-gradient(135deg,#fb7a4b,#ea4e3d)}
.ql-col:nth-child(6n+0) .ql-icon-wrap{background:linear-gradient(135deg,#3b9df8,#1d5fd6)}

/* Hover: slight lighten of icon circle */
.ql-tile:hover .ql-icon-wrap{filter:brightness(1.12) saturate(1.1)}

/* Bottom color accent strip on tile hover — matching nth-child accent */
.ql-col:nth-child(6n+1) .ql-tile:hover{border-bottom:3px solid #012951}
.ql-col:nth-child(6n+2) .ql-tile:hover{border-bottom:3px solid #ea6645}
.ql-col:nth-child(6n+3) .ql-tile:hover{border-bottom:3px solid #1fc8a9}
.ql-col:nth-child(6n+4) .ql-tile:hover{border-bottom:3px solid #7c5cfc}
.ql-col:nth-child(6n+5) .ql-tile:hover{border-bottom:3px solid #fb7a4b}
.ql-col:nth-child(6n+0) .ql-tile:hover{border-bottom:3px solid #3b9df8}

.ql-label{
    font-size:13px;font-weight:700;color:#012951;
    line-height:1.35;display:block;
}
.ql-tile:hover .ql-label{color:#ea6645}

/* Responsive: 6-up → 4-up → 3-up → 2-up */
@media (max-width:1199px){.ql-col{width:25%}}
@media (max-width:991px){.ql-col{width:33.333%}}
@media (max-width:600px){.ql-col{width:50%}}
@media (max-width:380px){.ql-col{width:50%;padding:6px 7px}.ql-tile{min-height:100px;padding:16px 8px 14px}.ql-icon-wrap{width:48px;height:48px;font-size:20px}}

/* ============================================================================
   Footer — colorful professional redesign (targets our OWN footer.php markup)
   ============================================================================ */

/* Accent stripe at very top of footer */
.footer-accent-bar{
    height:5px;
    background:linear-gradient(90deg,#012951 0%,#ea6645 40%,#3b9df8 70%,#1fc8a9 100%);
}

#page-footer{
    background:linear-gradient(170deg,#021e3e 0%,#012951 55%,#01356b 100%);
    color:#ccd9ec;
    margin-top:0;
    font-size:14px;
}

/* Top section — 4-column flex layout */
#footer-top{padding:48px 0 36px}
.footer-top-inner{
    display:flex;flex-wrap:wrap;gap:36px;
    justify-content:space-between;align-items:flex-start;
}

/* Column sizing */
.footer-brand{flex:0 0 auto;max-width:240px}
.footer-info{flex:1 1 180px;max-width:280px}
.footer-links{flex:0 0 auto;min-width:160px}
.footer-social-col{flex:0 0 auto;min-width:180px}

/* Brand */
.footer-logo-wrap{
    display:inline-flex;align-items:center;justify-content:center;
    width:64px;height:64px;border-radius:16px;
    background:linear-gradient(135deg,#ea6645,#c94c2d);
    color:#fff;font-size:28px;
    box-shadow:0 8px 20px rgba(234,102,69,.4);
    margin-bottom:14px;
}
.footer-brand-text{display:block}
.footer-college-name{
    display:block;color:#fff;font-size:16px;font-weight:700;
    line-height:1.35;margin-bottom:5px;
}
.footer-tagline{
    display:block;color:#ea6645;font-size:12px;font-weight:600;
    letter-spacing:.5px;text-transform:uppercase;
}

/* Column titles */
.footer-col-title{
    color:#fff;font-size:15px;font-weight:700;
    margin:0 0 18px;padding-bottom:10px;
    position:relative;
}
.footer-col-title:after{
    content:"";position:absolute;left:0;bottom:0;
    width:36px;height:3px;
    background:#ea6645;border-radius:3px;
}

/* Contact info items */
.footer-info-item{
    color:#b9cae0;font-size:13.5px;line-height:1.6;margin-bottom:10px;
    display:flex;gap:10px;align-items:flex-start;
}
.footer-info-item i{color:#ea6645;margin-top:2px;flex-shrink:0;width:14px;text-align:center}
.footer-info-item a{color:#b9cae0;text-decoration:none;transition:.15s ease}
.footer-info-item a:hover{color:#fff}

/* Footer quick links list */
.footer-links ul{list-style:none;padding:0;margin:0}
.footer-links ul li{margin-bottom:9px}
.footer-links ul li a{
    color:#b9cae0;text-decoration:none;font-size:13.5px;
    display:flex;align-items:center;gap:8px;
    transition:.15s ease;
}
.footer-links ul li a i{color:#ea6645;font-size:12px;transition:.15s ease}
.footer-links ul li a:hover{color:#fff;text-decoration:none}
.footer-links ul li a:hover i{transform:translateX(4px)}

/* Social icons */
.footer-social-icons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.fsi{
    display:inline-flex;align-items:center;justify-content:center;
    width:42px;height:42px;border-radius:10px;color:#fff;font-size:18px;
    text-decoration:none;transition:.2s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.fsi:hover,.fsi:focus{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.35);color:#fff;text-decoration:none}
.fsi-fb{background:#1877f2}
.fsi-fb:hover{background:#0d6ae0}
.fsi-wa{background:#25d366}
.fsi-wa:hover{background:#1ab352}
.fsi-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.fsi-ig:hover{filter:brightness(1.12)}
.fsi-yt{background:#ff0000}
.fsi-yt:hover{background:#cc0000}

/* NAAC badge in footer */
.footer-naac{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
    color:#ffd54f;font-size:12.5px;font-weight:600;
    padding:7px 14px;border-radius:30px;
}
.footer-naac i{font-size:14px}
.footer-naac strong{color:#fff}

/* Bottom bar */
#footer-bottom{
    border-top:1px solid rgba(255,255,255,.10);
    padding:16px 0;
    background:rgba(0,0,0,.18);
}
.footer-bottom-inner{
    display:flex;flex-wrap:wrap;gap:12px;
    justify-content:space-between;align-items:center;
}
.footer-bottom-links{display:flex;flex-wrap:wrap;gap:4px 0}
.footer-bottom-links a{
    color:#8fa4c0;font-size:12.5px;text-decoration:none;
    padding:0 12px;border-right:1px solid rgba(255,255,255,.12);
    transition:.15s ease;
}
.footer-bottom-links a:last-child{border-right:0}
.footer-bottom-links a:hover{color:#fff}
.footer-bottom-copy{color:#8fa4c0;font-size:12.5px}
.footer-bottom-copy a{color:#ea6645;text-decoration:none}
.footer-bottom-copy a:hover{color:#fff;text-decoration:underline}

/* Responsive footer */
@media (max-width:991px){
    .footer-top-inner{gap:28px}
    .footer-brand{max-width:100%;flex:0 0 100%}
    .footer-info,.footer-links,.footer-social-col{flex:1 1 160px}
}
@media (max-width:600px){
    #footer-top{padding:32px 0 24px}
    .footer-info,.footer-links,.footer-social-col{flex:0 0 100%}
    .footer-bottom-inner{flex-direction:column;text-align:center}
    .footer-bottom-links{justify-content:center}
}

/* ── Quick Links tiles (clean rewrite) ──────────────────────────────── */
.ql2-section{background:#fff;padding:42px 0 24px}
.ql2-title{text-align:center;font-size:23px;font-weight:700;color:#012951;margin:0 0 28px;position:relative;padding-bottom:14px}
.ql2-title:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:56px;height:3px;background:#ea6645;border-radius:3px}
.ql2-row{display:flex;flex-wrap:wrap;justify-content:center}
.ql2-row > [class*="col-"]{margin-bottom:22px;display:flex}
.ql2-tile{display:flex;flex-direction:column;align-items:center;gap:13px;text-decoration:none;width:100%;
    background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:24px 12px;
    transition:.2s ease;box-shadow:0 3px 12px rgba(1,41,81,.05)}
.ql2-tile:hover,.ql2-tile:focus{transform:translateY(-6px);box-shadow:0 16px 30px rgba(1,41,81,.16);
    border-color:transparent;text-decoration:none}
.ql2-ic{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;
    font-size:26px;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.ql2-lbl{font-size:13.5px;font-weight:600;color:#1f2937;text-align:center;line-height:1.35}
.ql2-tile:hover .ql2-lbl{color:#012951}
.ql2-tile.c1 .ql2-ic{background:linear-gradient(135deg,#7C5CFC,#5B30D6)}
.ql2-tile.c2 .ql2-ic{background:linear-gradient(135deg,#FB7A4B,#EA4E3D)}
.ql2-tile.c3 .ql2-ic{background:linear-gradient(135deg,#1FC8A9,#0D9488)}
.ql2-tile.c4 .ql2-ic{background:linear-gradient(135deg,#3B9DF8,#1D5FD6)}
.ql2-tile.c5 .ql2-ic{background:linear-gradient(135deg,#F59E0B,#D97706)}
.ql2-tile.c6 .ql2-ic{background:linear-gradient(135deg,#EC4899,#BE185D)}
@media (max-width:991px){ .ql2-tile{padding:18px 8px} .ql2-ic{width:54px;height:54px;font-size:22px} }

/* ── Footer dark-background override (theme forces #footer-top to whitesmoke) ── */
#page-footer{background:#0a1f3d}
#page-footer #footer-top{background:linear-gradient(135deg,#0d2a5c 0%,#08213f 100%) !important;
    margin-top:0 !important;padding:46px 0 34px !important}
#page-footer #footer-bottom{background:#071a35 !important;padding:16px 0 !important}
#page-footer .footer-col-title{color:#fff !important;font-size:16px !important;margin:0 0 16px !important;
    font-weight:700;display:block}
#page-footer .footer-col-title:after{content:"";display:block !important;position:static !important;
    width:34px !important;height:2px !important;background:#ea6645 !important;opacity:1 !important;margin-top:8px;border-radius:2px}
#page-footer .footer-college-name{color:#fff}
#page-footer .footer-tagline,#page-footer .footer-info-item{color:#b9cae0}
#page-footer p{color:#b9cae0 !important}

/* ====================================================================
   Footer — gradient design (static). Self-scoped under .snf so the
   original theme's #page-footer rules never interfere.
   ==================================================================== */
.snf{background:linear-gradient(160deg,#0a0718 0%,#12092b 100%);padding:60px 0 0;
    border-top:1px solid rgba(139,92,246,.2);color:#fff}
.snf .snf-name{font-size:18px;font-weight:800;
    background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.snf-desc{font-size:13px;color:rgba(255,255,255,.55);line-height:1.8;margin-top:12px}
.snf-badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 6px}
.snf-badge{font-size:11px;font-weight:700;padding:5px 11px;border-radius:6px;border:1px solid transparent}
.snf-badge.b-naac{background:rgba(234,179,8,.15);color:#fbbf24;border-color:rgba(234,179,8,.4)}
.snf-badge.b-iso{background:rgba(16,185,129,.13);color:#34d399;border-color:rgba(16,185,129,.4)}
.snf-badge.b-csjm{background:rgba(139,92,246,.16);color:#c4b5fd;border-color:rgba(139,92,246,.4)}
.snf-social{margin-top:20px}
.snf-social a{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
    font-size:14px;border:1.5px solid rgba(139,92,246,.35);color:rgba(255,255,255,.7);margin-right:7px;transition:.2s ease;text-decoration:none}
.snf-social a:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent;color:#fff;transform:translateY(-3px)}
.snf-head{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.45);
    margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(139,92,246,.2)}
.snf-list{list-style:none;padding:0;margin:0}
.snf-list li{margin-bottom:9px}
.snf-list a{font-size:13px;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s ease}
.snf-list a:before{content:'\203A';color:#8b5cf6;font-weight:700;margin-right:8px}
.snf-list a:hover{color:#c4b5fd}
.snf-ci{display:flex;gap:13px;align-items:flex-start;margin-bottom:15px}
.snf-ic{width:38px;height:38px;border-radius:10px;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);
    display:flex;align-items:center;justify-content:center;color:#c4b5fd;font-size:14px;flex-shrink:0}
.snf-ci p{font-size:13px;color:rgba(255,255,255,.72);margin:0;line-height:1.5}
.snf-bottom{border-top:1px solid rgba(139,92,246,.15);padding:18px 0;margin-top:46px}
.snf-bottom-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.snf-bottom p{font-size:12.5px;color:rgba(255,255,255,.4);margin:0}
.snf-bottom span{color:rgba(196,181,253,.7)}
.snf-bottom a{color:#c4b5fd;text-decoration:none}
.snf-bottom a:hover{color:#fff}
@media (max-width:767px){
  .snf{padding:40px 0 0}
  .snf .col-md-2,.snf .col-md-4{margin-bottom:26px}
  .snf-bottom-row{flex-direction:column;text-align:center}
}

/* ── Footer recolor → aligned to homepage theme (navy #012951 + orange #ea6645) ── */
.snf{background:linear-gradient(160deg,#0d2a5c 0%,#06182f 100%);border-top:3px solid #ea6645}
.snf .snf-name{background:linear-gradient(135deg,#ffb38a,#ea6645)}
.snf-desc,.snf-ci p{color:rgba(255,255,255,.70)}
.snf-badge.b-csjm{background:rgba(21,101,192,.20);color:#8fc0ff;border-color:rgba(21,101,192,.45)}
.snf-social a{border-color:rgba(255,255,255,.28)}
.snf-social a:hover{background:linear-gradient(135deg,#f0784f,#ea6645);border-color:transparent}
.snf-head{color:#cdd9ea;border-bottom-color:rgba(255,255,255,.14)}
.snf-list a:before{color:#ea6645}
.snf-list a:hover{color:#ffb38a}
.snf-ic{background:rgba(234,102,69,.18);border-color:rgba(234,102,69,.38);color:#ffb38a}
.snf-bottom{border-top-color:rgba(255,255,255,.12)}
.snf-bottom span{color:#ffd54f}
.snf-bottom a{color:#ffb38a}
.snf-bottom a:hover{color:#fff}

/* Fix: keep gradient-clipped text intact (use background-image, not the shorthand) */
.snf .snf-name{
  background:none;
  background-image:linear-gradient(135deg,#ffb38a,#ea6645);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  display:inline-block;
}

/* ── Footer accreditation chips (redesign: icon tile + 2-line label) ── */
.snf-badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.snf-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 7px !important;
    background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.13) !important;
    border-radius:10px !important;color:#eaf1fb !important}
.snf-badge i{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;
    font-size:14px;color:#fff;flex-shrink:0}
.snf-badge .bx{display:flex;flex-direction:column;line-height:1.18;text-align:left}
.snf-badge .bx b{font-size:12px;font-weight:700;color:#eaf1fb}
.snf-badge .bx small{font-size:9.5px;color:rgba(255,255,255,.55);font-weight:500;letter-spacing:.2px}
.snf-badge.b-naac i{background:linear-gradient(135deg,#e3b53f,#c8901a)}
.snf-badge.b-iso  i{background:linear-gradient(135deg,#16c79a,#0d9488)}
.snf-badge.b-csjm i{background:linear-gradient(135deg,#3b9df8,#1565c0)}

/* ── Quick Links → dark "Quick Access" band (matches reference, theme-coloured) ── */
.ql2-section{background:linear-gradient(180deg,#0c1f40 0%,#0a1a36 100%);padding:56px 0 46px;position:relative}
.ql2-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,#012951,#ea6645,#ffd54f)}
.ql2-title{color:#fff;font-size:30px;font-weight:800;text-align:center;margin:0 0 32px;padding:0}
.ql2-title:before{content:"QUICK ACCESS";display:block;font-size:13px;font-weight:800;letter-spacing:3px;
    text-transform:uppercase;color:#ffb38a;margin-bottom:10px}
.ql2-title:after{content:"";position:static;display:block;width:84px;height:4px;border-radius:4px;
    margin:14px auto 0;left:auto;transform:none;background:linear-gradient(90deg,#ea6645,#ffd54f)}
.ql2-tile{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;
    padding:26px 12px;box-shadow:none}
.ql2-tile:hover,.ql2-tile:focus{background:rgba(255,255,255,.08);transform:translateY(-6px);
    box-shadow:0 16px 34px rgba(0,0,0,.4);border-color:rgba(255,255,255,.16)}
.ql2-ic{width:58px;height:58px;border-radius:16px;font-size:24px}
.ql2-lbl{color:#dfe8f5;font-size:13px}
.ql2-tile:hover .ql2-lbl{color:#fff}
@media (max-width:767px){ .ql2-section{padding:40px 0 30px} .ql2-title{font-size:24px} }

/* ── Quick Links: contained panel (match content width) + show only 6 ── */
.ql2-section{background:#f7f9fc;padding:42px 0}
.ql2-section:before{display:none}                 /* drop the full-width top accent */
.ql2-section > .container{background:linear-gradient(180deg,#0c1f40 0%,#0a1a36 100%);
    border-radius:18px;padding:42px 26px;box-shadow:0 14px 40px rgba(1,41,81,.18);position:relative;overflow:hidden}
.ql2-section > .container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg,#012951,#ea6645,#ffd54f)}
.ql2-row > [class*="col-"]:nth-child(n+7){display:none}   /* keep only the first 6 tiles */
@media (max-width:767px){ .ql2-section > .container{padding:30px 14px} }

/* ── Gallery & Events — bento mosaic ───────────────────────────────── */
.gallery-bento-section{background:#faf8fc;padding:52px 0}
.gb-head{text-align:center;margin-bottom:34px}
.gb-title{font-size:30px;font-weight:800;color:#012951;margin:0;display:inline-block;position:relative;padding-bottom:14px}
.gb-title:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:72px;height:4px;border-radius:4px;background:linear-gradient(90deg,#ea6645,#ffd54f)}
.gb-sub{color:#6b7280;max-width:640px;margin:16px auto 0;font-size:14.5px;line-height:1.7}
.gbento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:215px;gap:16px}
.gb{position:relative;overflow:hidden;border-radius:14px;display:block;box-shadow:0 6px 18px rgba(1,41,81,.08)}
.gb img{width:100%;height:100%;object-fit:cover;transition:.4s ease}
.gb:hover img{transform:scale(1.07)}
.gb-zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(1,41,81,.45);color:#fff;font-size:22px;opacity:0;transition:.25s ease}
.gb:hover .gb-zoom{opacity:1}
.gb1{grid-column:1/3;grid-row:1/3}
.gb2{grid-column:3;grid-row:1}
.gb3{grid-column:3;grid-row:2}
.gb4{grid-column:1;grid-row:3}
.gb5{grid-column:2;grid-row:3}
.gb6{grid-column:3;grid-row:3}
.gb-btn{display:inline-flex;align-items:center;gap:9px;margin-top:30px;background:linear-gradient(135deg,#ea6645,#f0784f);
    color:#fff;font-weight:700;font-size:15px;padding:13px 32px;border-radius:30px;text-decoration:none;
    box-shadow:0 10px 26px rgba(234,102,69,.4);transition:.2s ease}
.gb-btn:hover,.gb-btn:focus{transform:translateY(-3px);color:#fff;box-shadow:0 14px 32px rgba(234,102,69,.5)}
@media (max-width:767px){
  .gbento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .gb1{grid-column:1/3;grid-row:1/3}
  .gb2{grid-column:1;grid-row:3} .gb3{grid-column:2;grid-row:3}
  .gb4{grid-column:1;grid-row:4} .gb5{grid-column:2;grid-row:4} .gb6{grid-column:1/3;grid-row:5}
  .gb-title{font-size:24px}
}

/* ── Quick Access → cream + maroon clean theme (override of dark band) ── */
.ql2-section{background:#faf0d2;padding:46px 0}
.ql2-section:before{display:none}
.ql2-section > .container{background:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;overflow:visible}
.ql2-section > .container:before{display:none}
.ql2-title{color:#8e2434;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:800;margin:0 0 30px}
.ql2-title:before{display:none}
.ql2-title:after{display:none}
.ql2-row{display:flex;flex-wrap:wrap;justify-content:center}
.ql2-row > [class*="col-"]{width:12.5%;max-width:12.5%;flex:0 0 12.5%;float:none;padding:0 8px;margin-bottom:16px}
.ql2-row > [class*="col-"]:nth-child(n+7){display:block}
.ql2-tile{background:#fff;border:none !important;border-radius:16px;box-shadow:0 6px 18px rgba(142,36,52,.10);padding:26px 8px}
.ql2-tile:hover,.ql2-tile:focus{background:#fff;transform:translateY(-6px);box-shadow:0 16px 32px rgba(142,36,52,.18)}
.ql2-tile .ql2-ic{background:#f5e1b0 !important;color:#8e2434 !important;border-radius:50% !important;box-shadow:none;width:62px;height:62px;font-size:25px}
.ql2-lbl{color:#8e2434;font-weight:700;font-size:13.5px}
.ql2-tile:hover .ql2-lbl{color:#8e2434}
@media (max-width:1199px){ .ql2-row > [class*="col-"]{width:25%;max-width:25%;flex:0 0 25%} }
@media (max-width:767px){ .ql2-row > [class*="col-"]{width:50%;max-width:50%;flex:0 0 50%} .ql2-title{font-size:24px} }

/* ── Quick Links → compact centered pill bar (container width) ──────── */
.qlbar-section{background:#fff;padding:16px 0;border-bottom:1px solid #eef1f6}
.qlbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.qlbar-label{display:inline-flex;align-items:center;gap:7px;color:#1565c0;font-weight:800;font-size:13.5px;
    letter-spacing:.6px;text-transform:uppercase}
.qlbar-label i{color:#1565c0}
.qlbar-sep{width:1px;height:22px;background:#d8deea;margin:0 4px}
.qlbar-pill{display:inline-flex;align-items:center;gap:8px;background:#f3f6fb;border:1px solid #e4e9f2;border-radius:9px;
    padding:8px 15px;color:#1f2d4d;font-size:13.5px;font-weight:600;text-decoration:none;transition:.16s ease}
.qlbar-pill i{color:#1565c0;font-size:14px}
.qlbar-pill:hover,.qlbar-pill:focus{background:#1565c0;border-color:#1565c0;color:#fff;transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(21,101,192,.28);text-decoration:none}
.qlbar-pill:hover i{color:#fff}
@media (max-width:767px){ .qlbar-sep{display:none} .qlbar-label{flex:0 0 100%;justify-content:center;margin-bottom:4px} }

/* ── SEN Group of Institutions — image cards, 4-across, horizontal scroll ── */
.sgi-section{background:linear-gradient(180deg,#0d1d3a 0%,#0a1730 100%);padding:56px 0}
.sgi-head{text-align:center;margin-bottom:36px}
.sgi-eyebrow{display:inline-block;color:#ea6645;font-weight:800;letter-spacing:3px;text-transform:uppercase;font-size:13px;margin-bottom:10px}
.sgi-title{color:#fff;font-size:32px;font-weight:800;margin:0;display:inline-block;position:relative;padding-bottom:16px}
.sgi-title span{color:#ea6645}
.sgi-title:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:240px;max-width:70%;height:4px;
    border-radius:4px;background:linear-gradient(90deg,#ea6645,#ffd54f,#1565c0)}
.sgi-sub{color:#9fb0cc;max-width:680px;margin:18px auto 0;font-size:14.5px;line-height:1.7}
.sgi-scroll{display:flex;gap:22px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x mandatory}
.sgi-card{flex:0 0 calc(25% - 17px);min-width:255px;scroll-snap-align:start;background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;transition:.2s ease}
.sgi-card:hover{transform:translateY(-6px);border-color:rgba(234,102,69,.5);box-shadow:0 16px 34px rgba(0,0,0,.4)}
.sgi-img{height:195px;overflow:hidden}
.sgi-img img{width:100%;height:100%;object-fit:cover;transition:.4s ease}
.sgi-card:hover .sgi-img img{transform:scale(1.06)}
.sgi-body{padding:20px}
.sgi-cat{display:block;color:#ea6645;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;margin-bottom:9px}
.sgi-body h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 10px;line-height:1.3}
.sgi-body p{color:#9fb0cc;font-size:13px;line-height:1.65;margin:0 0 14px}
.sgi-more{display:inline-flex;align-items:center;gap:7px;color:#ea6645;font-weight:700;font-size:13.5px;text-decoration:none}
.sgi-more:hover{color:#ffb38a;text-decoration:none}
.sgi-more i{transition:transform .2s ease}.sgi-more:hover i{transform:translateX(4px)}
.sgi-scroll::-webkit-scrollbar{height:8px}
.sgi-scroll::-webkit-scrollbar-thumb{background:rgba(234,102,69,.45);border-radius:4px}
.sgi-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:4px}
@media (max-width:991px){ .sgi-card{flex:0 0 60%;min-width:240px} }
@media (max-width:575px){ .sgi-card{flex:0 0 84%;min-width:0} .sgi-title{font-size:24px} }

/* ── Media Coverage — 5-image mosaic (1 big + 4 small) ─────────────── */
.mc5-section{background:#0b1526;padding:50px 0}
.mc5-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.mc5-title{color:#fff;font-size:30px;font-weight:800;margin:0;position:relative;padding-bottom:12px}
.mc5-title span{color:#ea6645}
.mc5-title:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:4px;background:#ea6645}
.mc5-sub{color:#9fb0cc;margin:10px 0 0;font-size:14px}
.mc5-btn{display:inline-flex;align-items:center;gap:9px;background:#ea6645;color:#fff;font-weight:700;font-size:14px;
    padding:11px 24px;border-radius:8px;text-decoration:none;box-shadow:0 8px 20px rgba(234,102,69,.35);transition:.2s ease}
.mc5-btn:hover,.mc5-btn:focus{background:#f0784f;color:#fff;transform:translateY(-2px);text-decoration:none}
.mc5-btn i{transition:transform .2s ease}.mc5-btn:hover i{transform:translateX(4px)}
.mc5-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:520px}
.mc5-item{position:relative;overflow:hidden;border-radius:8px;display:block}
.mc5-item img{width:100%;height:100%;object-fit:cover;transition:.4s ease}
.mc5-item:hover img{transform:scale(1.06)}
.mc5-zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,21,38,.5);
    color:#fff;font-size:20px;opacity:0;transition:.25s ease}
.mc5-item:hover .mc5-zoom{opacity:1}
.mc5-i1{grid-column:1;grid-row:1/3}
.mc5-i2{grid-column:2;grid-row:1}
.mc5-i3{grid-column:3;grid-row:1}
.mc5-i4{grid-column:2;grid-row:2}
.mc5-i5{grid-column:3;grid-row:2}
@media (max-width:767px){
  .mc5-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 140px 140px;height:auto}
  .mc5-i1{grid-column:1/3;grid-row:1}
  .mc5-i2{grid-column:1;grid-row:2}.mc5-i3{grid-column:2;grid-row:2}
  .mc5-i4{grid-column:1;grid-row:3}.mc5-i5{grid-column:2;grid-row:3}
  .mc5-title{font-size:24px}
}

/* ── Media Coverage → light theme (match Gallery section) ───────────── */
.mc5-section{background:#faf8fc}
.mc5-title{color:#012951}
.mc5-sub{color:#6b7280}
.mc5-item{box-shadow:0 6px 18px rgba(1,41,81,.08)}

/* ── Align About/Events/News buttons to the bottom (same line) ─────── */
.home-blocks .h-card{display:flex;flex-direction:column}
.home-blocks .h-card .h-btn{margin-top:auto}

/* Align "View all notices" bar with the Read More / View All Events pills */
.home-blocks .news-card{margin-bottom:24px}

/* Force News card to flex-fill so its footer bar sits at the bottom */
.home-blocks .news-card{display:flex;flex-direction:column}
.home-blocks .news-card .news-scroll{flex:1 1 auto;height:auto;min-height:120px;overflow-y:auto}

/* Events list shouldn't flex-grow, so its button pins to the bottom like the others */
.home-blocks .ev2-list{flex:0 0 auto}

/* ── News & Notices as an h-card list (aligns with About/Events) ───── */
.newsh-list{margin-bottom:8px;max-height:250px;overflow-y:auto}
.newsh-item{display:flex;gap:9px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed #e6eaf1;
    color:#1f2d4d;font-size:13.5px;line-height:1.5;text-decoration:none}
.newsh-item:last-child{border-bottom:0}
.newsh-item:before{content:"\f0a9";font-family:FontAwesome;color:#ea6645;flex-shrink:0;margin-top:2px}
.newsh-item:hover{color:#ea6645}
.newsh-list::-webkit-scrollbar{width:6px}
.newsh-list::-webkit-scrollbar-thumb{background:#d6deea;border-radius:4px}

/* ── Hero (rebuilt slider — reliable, responsive, dynamic from Banners) ── */
.hero2{background:linear-gradient(135deg,#0b2348 0%,#06182f 100%)}
.hero2-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center;padding:44px 0}
.hero2-media{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.42)}
.hero2-slides{position:relative;width:100%;padding-top:60%}
.hero2-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;display:block}
.hero2-slide.is-active{opacity:1}
.hero2-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero2-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:8px;
    background:rgba(234,102,69,.92);color:#fff;font-size:20px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:.15s}
.hero2-nav.prev{left:12px}.hero2-nav.next{right:12px}
.hero2-nav:hover{background:#ea6645}
.hero2-cap{color:#fff}
@media (max-width:991px){
  .hero2-grid{grid-template-columns:1fr;gap:24px;padding:26px 0}
  .hero2-slides{padding-top:56%}
  .sl-title{font-size:24px}
}
@media (max-width:575px){ .hero2-nav{width:36px;height:36px;font-size:16px} }

/* Tighten hero top/bottom spacing */
.hero2-grid{padding:22px 0}
.hero2-slides{padding-top:52%}
@media (max-width:991px){ .hero2-grid{padding:18px 0} }

/* Hero caption: align heading to image top, New-Courses box to image bottom */
.hero2-grid{align-items:stretch}
.hero2-cap{display:flex;flex-direction:column;justify-content:flex-start}
.hero2-cap .sl-title{margin-top:0}
.hero2-cap .sl-new{margin-top:auto;margin-bottom:0}

/* Original-theme orange accent block behind the hero slider */
.hero2{overflow:hidden}
.hero2 .container{position:relative}
.hero2 .container:before{
  content:'';position:absolute;top:40px;right:100%;width:100vw;height:240px;
  background-color:#ea6645;background-image:url(../img/background-city.png);
  background-position:right 0;background-repeat:repeat-x;z-index:0;pointer-events:none;
}
.hero2-grid{position:relative;z-index:1}

/* Hero caption → original-theme centered white + yellow text */
.hero2-cap{justify-content:center;text-align:center}
.hero2-h1{color:#fff;font-size:22px;font-weight:600;line-height:1.6;margin:0 0 18px}
.hero2-h2{color:#ffd54f;font-size:20px;font-weight:600;line-height:1.6;margin:0}
@media (max-width:991px){ .hero2-h1{font-size:18px} .hero2-h2{font-size:16px} }
/* Group slider arrows at the bottom-right of the image */
.hero2-nav{top:auto;bottom:0;transform:none;width:34px;height:40px;border-radius:0}
.hero2-nav.prev{left:auto;right:34px}
.hero2-nav.next{right:0}

/* ── Reliable hero slider (replaces flaky owl) — original look, responsive ── */
.sen-slide-box{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.32)}
.sen-slides{position:relative;width:100%;padding-top:62%}
.sen-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;display:block}
.sen-slide.active{opacity:1}
.sen-slide img{width:100%;height:100%;object-fit:cover;display:block}
.sen-slide-nav{position:absolute;right:0;bottom:0;display:flex;z-index:2}
.ssn{width:40px;height:42px;border:0;background:#ea6645;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.ssn:hover{background:#d8552f}
@media (max-width:991px){ .sen-slides{padding-top:58%} }
@media (max-width:575px){ .ssn{width:34px;height:38px;font-size:15px} }

/* SEN Group — mobile padding + cleaner heading */
@media (max-width:767px){
  .sgi-section{padding:38px 0}
  .sgi-section > .container{padding-left:20px;padding-right:20px}
  .sgi-head{text-align:left;margin-bottom:24px}
  .sgi-eyebrow{display:block;margin-bottom:6px}
  .sgi-title{display:block;font-size:22px}
  .sgi-title:after{left:0;transform:none}
  .sgi-scroll{gap:16px}
}

/* Match SEN Group mobile gutter to the About card spacing */
@media (max-width:767px){
  .sgi-section > .container{padding-left:30px;padding-right:30px}
}