:root { --nic-blue:#004B87; --nic-dark-blue:#002244; --nic-saffron:#F26829; --nic-light-bg:#F4F7F6; --nic-border:#D1D5DB; --text-main:#333; }
body { font-family:'Open Sans',sans-serif; background:linear-gradient(180deg,#f8fbff 0%,var(--nic-light-bg) 35%,#eef3f9 100%); color:var(--text-main); min-height:100vh; display:flex; flex-direction:column; }
h1,h2,h3,h4,h5,h6,.section-title { font-family:'Roboto Slab',serif; }
.top-band{background:#1A1A1A;color:#E0E0E0;font-size:.75rem;padding:4px 0;border-bottom:2px solid var(--nic-saffron)}
.top-band a{color:#E0E0E0;text-decoration:none;margin-right:15px}
.top-band a:hover{color:#FFF;text-decoration:underline}
.branding-header{background:#FFF;padding:15px 0;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.emblem{height:70px;margin-right:15px}
.brand-text-en{font-size:1.4rem;font-weight:800;color:var(--nic-dark-blue);margin:0;line-height:1.1;letter-spacing:.5px}
.brand-text-hi{font-size:1.2rem;font-weight:700;color:#444;margin:0;line-height:1.2}
.dept-sub{font-size:.8rem;font-weight:600;color:var(--nic-saffron);text-transform:uppercase;margin-top:4px;display:block}
.header-logos img{height:42px;max-width:130px;object-fit:contain}
.header-badge{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #dbe5f2;border-radius:999px;padding:6px 11px;font-size:.72rem;font-weight:700;color:#334155;white-space:nowrap}
.header-badge i{color:var(--nic-blue);font-size:.9rem}
.nic-navbar{background:linear-gradient(90deg,var(--nic-dark-blue),var(--nic-blue));padding:6px 0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 10px 20px rgba(0,36,68,.18)}
.nic-navbar .navbar-nav{gap:6px}
.nic-navbar .nav-link{
    color:#fff !important;
    font-size:.9rem;
    font-weight:700;
    padding:10px 16px !important;
    border:1px solid transparent;
    border-radius:8px;
    position:relative;
    transition:.2s ease;
    letter-spacing:.2px;
}
.nic-navbar .nav-link::after{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:5px;
    height:2px;
    border-radius:2px;
    background:transparent;
    transition:.2s ease;
}
.nic-navbar .nav-link:hover{
    background:rgba(255,255,255,.14);
    border-color:rgba(255,255,255,.22);
    transform:translateY(-1px);
}
.nic-navbar .nav-link:hover::after,
.nic-navbar .nav-link.active::after{background:#f9c74f}
.nic-navbar .nav-link.active{
    background:rgba(255,255,255,.2);
    border-color:rgba(255,255,255,.35);
}
.news-ticker{background:#FFF;border-bottom:1px solid var(--nic-border);font-size:.85rem}
.ticker-label{background:var(--nic-dark-blue);color:#FFF;font-weight:600;padding:8px 15px;white-space:nowrap;position:relative;z-index:2}
.ticker-label::after{content:'';position:absolute;right:-10px;top:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:10px solid var(--nic-dark-blue)}
.marquee{overflow:hidden;white-space:nowrap;width:100%;padding-left:15px}
.marquee span{display:inline-block;animation:scroll 25s linear infinite}
.marquee a{color:var(--nic-blue);font-weight:600;text-decoration:none;margin-right:40px}
.marquee a:hover{text-decoration:underline;color:var(--nic-saffron)}
@keyframes scroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.content-section{padding:30px 0 45px}
.section-title{color:var(--nic-dark-blue);border-bottom:2px solid var(--nic-dark-blue);padding-bottom:5px;margin-bottom:20px;font-size:1.25rem;display:inline-block}
.box-panel{background:#FFF;border:1px solid #d9e2ef;border-radius:12px;box-shadow:0 8px 22px rgba(0,36,68,.06);overflow:hidden;transition:.25s ease}
.box-panel:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,36,68,.1)}
.box-header{background:#F8F9FA;padding:12px 15px;border-bottom:1px solid var(--nic-border);font-weight:700;color:var(--nic-dark-blue)}
.box-header-saffron{border-top:4px solid var(--nic-saffron)} .box-header-blue{border-top:4px solid var(--nic-blue)}
.notice-list{list-style:none;padding:0;margin:0}
.notice-list li{padding:12px 15px;border-bottom:1px dashed var(--nic-border);font-size:.85rem;position:relative;padding-left:30px}
.notice-list li::before{content:'\F2EA';font-family:'bootstrap-icons';position:absolute;left:10px;color:var(--nic-saffron)}
.notice-list a{color:var(--text-main);text-decoration:none;font-weight:500}
.notice-list a:hover{color:var(--nic-blue);text-decoration:underline}
.date-badge{display:block;font-size:.7rem;color:#666;margin-top:4px}
.stat-box{text-align:center;padding:16px;background:linear-gradient(180deg,#fff,#f6f9fe);border:1px solid #dce6f3;border-radius:10px;transition:.25s ease}
.stat-box:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,75,135,.1)}
.stat-box h3{color:var(--nic-blue);font-size:1.8rem;margin:10px 0 5px;font-weight:700}
.stat-box p{margin:0;font-size:.8rem;font-weight:600;color:#555;text-transform:uppercase}
.service-box{background:#FFF;border:1px solid #d9e2ef;border-radius:12px;padding:20px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;transition:.25s ease}
.service-box:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,75,135,.12);border-color:#b8d0ee}
.icon-circle{width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#edf5ff,#dceaff);color:var(--nic-blue);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:15px;transition:.25s ease}
.service-box:hover .icon-circle{background:linear-gradient(145deg,var(--nic-blue),#2b6fa8);color:#fff}
.btn-nic-primary{background:var(--nic-blue);color:#FFF;border:none;font-weight:600}
.btn-nic-primary:hover{background:var(--nic-dark-blue);color:#FFF}
.btn-nic-outline{border:2px solid var(--nic-blue);color:var(--nic-blue);font-weight:600;background:transparent}
.btn-nic-outline:hover{background:var(--nic-blue);color:#FFF}

/* Enhanced homepage blocks */
.hero-panel{
    background:linear-gradient(120deg,#003d73 0%,#00589f 55%,#0f6fc2 100%);
    color:#fff;
    border-radius:16px;
    box-shadow:0 18px 34px rgba(0,46,90,.25);
    padding:28px;
    position:relative;
    overflow:hidden;
}
.hero-panel::before,
.hero-panel::after{
    content:"";
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.1);
}
.hero-panel::before{width:220px;height:220px;right:-70px;top:-90px}
.hero-panel::after{width:180px;height:180px;left:-60px;bottom:-90px}
.hero-title{font-size:1.9rem;font-weight:800;line-height:1.2;position:relative;z-index:1}
.hero-sub{font-size:.96rem;opacity:.95;max-width:760px;position:relative;z-index:1}
.hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:50px;font-size:.82rem;font-weight:600;position:relative;z-index:1}

.quick-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.quick-card{background:#fff;border:1px solid #dce6f3;border-radius:12px;padding:14px 12px;text-align:center;transition:.22s ease;box-shadow:0 6px 14px rgba(0,36,68,.05)}
.quick-card i{font-size:1.35rem;color:var(--nic-blue);display:block;margin-bottom:6px}
.quick-card .q-title{font-size:.8rem;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.4px}
.quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,75,135,.12);border-color:#b8d0ee}

.highlight-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:50px;font-size:.72rem;font-weight:700;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}

.gallery-img{width:100%;height:140px;object-fit:cover;border-radius:10px;border:1px solid #d9e2ef;transition:.25s ease}
.gallery-img:hover{transform:scale(1.02);box-shadow:0 10px 20px rgba(0,75,135,.12)}

.link-list{list-style:none;padding:0;margin:0}
.link-list li{padding:10px 14px;border-bottom:1px solid #edf2f9}
.link-list a{text-decoration:none;color:var(--nic-blue);font-weight:600;font-size:.9rem}
.link-list a:hover{color:#0a58ca}

@media (max-width:991px){
    .quick-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hero-title{font-size:1.55rem}
    /* Center children as a group; logo+text row stays horizontal */
    .branding-header>.container{justify-content:center !important;gap:8px}
    /* Remove Wikipedia SVG images on tablet/mobile — keep text badges only */
    .header-logos{margin-top:0 !important;display:flex !important;gap:8px;justify-content:center !important;flex-wrap:wrap}
    .header-logos img{display:none !important}
    .header-badge{font-size:.68rem;padding:5px 9px}
    .nic-navbar .nav-link{border:none;border-bottom:1px solid rgba(255,255,255,.1)}
    .ticker-label::after{display:none}
}
@media (max-width:575px){
    .branding-header{padding:10px 0}
    .emblem{height:50px;margin-right:10px}
    .brand-text-en{font-size:.98rem}
    .brand-text-hi{font-size:.84rem}
    .dept-sub{font-size:.68rem;margin-top:2px}
    .header-badge{font-size:.62rem;padding:4px 8px}
}
.gov-footer{background:var(--nic-dark-blue);color:#D1D5DB;padding:40px 0 20px;margin-top:auto;border-top:4px solid var(--nic-saffron)}
.footer-title{color:#FFF;font-size:1.1rem;font-weight:700;margin-bottom:20px;position:relative;padding-bottom:10px}
.footer-title::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background:var(--nic-saffron)}
.footer-list{list-style:none;padding:0}.footer-list li{margin-bottom:10px;font-size:.85rem}.footer-list a{color:#D1D5DB;text-decoration:none}
.footer-bottom{background:#00152B;padding:15px 0;font-size:.8rem;color:#9CA3AF}

/* ── Hero Slider ─────────────────────────────────────────────────── */
.hero-slider-wrap{margin-top:-3rem;margin-bottom:2.5rem}           /* -3rem undoes main py-5 top padding */

.hero-slide{
    height:420px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
    overflow:hidden;
}

/* Slide backgrounds — local photos with gradient colour fallback */
.hero-slide-1{background-color:#001845;background-image:url('/Content/images/slider/slide1.jpg')}
.hero-slide-2{background-color:#003b1a;background-image:url('/Content/images/slider/slide2.jpg')}
.hero-slide-3{background-color:#4a1200;background-image:url('/Content/images/slider/slide3.jpg')}

/* Radial glow for depth on gradient-only slides */
.hero-slide-1::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,rgba(0,120,255,.28) 0%,transparent 60%)}
.hero-slide-2::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,rgba(0,180,80,.22) 0%,transparent 60%)}
.hero-slide-3::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 42%,rgba(255,120,0,.22) 0%,transparent 60%)}

.hero-slide-overlay{
    position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 100%);
    display:flex;align-items:center;
    z-index:2;
}

.hero-slide-content{max-width:620px;color:#fff;padding:0 12px}

.hero-slide-badge{
    display:inline-flex;align-items:center;gap:7px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.32);
    color:#fff;font-size:.74rem;font-weight:600;
    padding:5px 14px;border-radius:50px;
    margin-bottom:16px;letter-spacing:.05em;
}

.hero-slide-title{
    font-size:2.25rem;font-weight:800;line-height:1.2;
    margin-bottom:12px;
    text-shadow:0 2px 12px rgba(0,0,0,.4);
}

.hero-slide-sub{
    font-size:.97rem;opacity:.9;
    line-height:1.65;margin-bottom:26px;
    text-shadow:0 1px 4px rgba(0,0,0,.3);
}

.hero-slide-actions{display:flex;flex-wrap:wrap;gap:10px}

/* Indicator dots */
#heroSlider .carousel-indicators [data-bs-target]{
    width:10px;height:10px;border-radius:50%;
    background:rgba(255,255,255,.5);border:none;opacity:1;
    transition:background .25s,transform .25s;
}
#heroSlider .carousel-indicators .active{background:#fff;transform:scale(1.35)}

/* Control arrows */
#heroSlider .carousel-control-prev,
#heroSlider .carousel-control-next{
    width:42px;height:42px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.3);
    border-radius:50%;
    top:50%;bottom:auto;transform:translateY(-50%);
    opacity:1;transition:background .2s;
}
#heroSlider .carousel-control-prev{left:16px}
#heroSlider .carousel-control-next{right:16px}
#heroSlider .carousel-control-prev:hover,
#heroSlider .carousel-control-next:hover{background:rgba(255,255,255,.28)}
#heroSlider .carousel-control-prev-icon,
#heroSlider .carousel-control-next-icon{width:18px;height:18px}

@keyframes slideUp{
    from{opacity:0;transform:translateY(22px)}
    to{opacity:1;transform:translateY(0)}
}
.carousel-item.active .hero-slide-content{animation:slideUp .5s ease .08s both}

@media(max-width:767px){
    .hero-slide{height:265px}
    .hero-slide-title{font-size:1.35rem}
    .hero-slide-sub{display:none}
    .hero-slide-badge{font-size:.68rem;padding:4px 10px}
    .hero-slide-actions .btn{font-size:.8rem;padding:.32rem .85rem}
    #heroSlider .carousel-control-prev,
    #heroSlider .carousel-control-next{width:34px;height:34px}
}