/* Scoped homepage refresh: preserves existing markup, links and data flow. */
body.homepage-modern { background:#f6f9fd; color:#12284f; }
body.homepage-modern .main-background { background:#f6f9fd !important; min-height:100vh; }
body.homepage-modern .main-background .overlay { background:transparent !important; }
body.homepage-modern .modern-navbar { background:rgba(255,255,255,.96) !important; border-bottom:1px solid #e4ebf4; box-shadow:0 6px 22px rgba(18,40,79,.07); padding:11px 0; }
body.homepage-modern .modern-navbar .container-fluid { max-width:1380px; }
body.homepage-modern .modern-navbar .navbar-brand { color:#0b2b63 !important; font-weight:800; font-size:1.08rem; letter-spacing:-.02em; }
body.homepage-modern .modern-navbar .navbar-brand img { width:42px; height:42px; object-fit:contain; background:transparent; padding:0; box-shadow:none; }
body.homepage-modern .modern-navbar .nav-link { color:#1b3157 !important; font-size:.86rem; font-weight:700; border-radius:9px; padding:10px 13px !important; transition:background .2s ease,color .2s ease,transform .2s ease; }
body.homepage-modern .modern-navbar .nav-link:hover, body.homepage-modern .modern-navbar .nav-link:focus { color:#1265d4 !important; background:#eef5ff !important; transform:translateY(-1px); }
body.homepage-modern .modern-navbar .dropdown-menu { border:1px solid #e0e8f2; border-radius:12px; padding:8px; box-shadow:0 16px 34px rgba(18,40,79,.13); }
body.homepage-modern .modern-navbar .dropdown-item { border-radius:8px; color:#1b3157; font-weight:600; padding:9px 12px; }
body.homepage-modern .modern-navbar .dropdown-item:hover { background:#eef5ff; color:#1265d4; }
body.homepage-modern #carouselBanner.banner-carousel { margin-top:0 !important; padding:0; background:#0c4ea5; overflow:hidden; box-shadow:0 12px 35px rgba(18,40,79,.13); }
body.homepage-modern #carouselBanner.banner-carousel .carousel-inner { border-radius:0; background:#0c4ea5; }
body.homepage-modern #carouselBanner.banner-carousel .carousel-img { display:block; width:100% !important; max-height:460px !important; object-fit:cover !important; }
body.homepage-modern #carouselBanner.banner-carousel .carousel-control-prev, body.homepage-modern #carouselBanner.banner-carousel .carousel-control-next { width:7%; }
body.homepage-modern #carouselBanner.banner-carousel .carousel-control-prev-icon, body.homepage-modern #carouselBanner.banner-carousel .carousel-control-next-icon { filter:drop-shadow(0 2px 5px rgba(0,0,0,.45)); }
body.homepage-modern .search-box { transform:translateY(-22px); position:relative; z-index:4; }
body.homepage-modern .modern-search { min-height:58px; border:1px solid #e1e9f3; border-radius:13px !important; box-shadow:0 12px 28px rgba(18,40,79,.12) !important; }
body.homepage-modern .modern-search .form-control { font-size:.92rem; }
body.homepage-modern .btn-search-modern { margin:6px; border-radius:9px !important; background:#1265d4; border:0; font-weight:800; min-width:105px; }
body.homepage-modern .icon-box { min-height:145px; padding:20px 16px; color:#102b5e; background:#fff; border:1px solid #e3ebf4; border-radius:14px; box-shadow:0 8px 24px rgba(18,40,79,.055); text-align:center; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
body.homepage-modern .icon-box:hover { transform:translateY(-5px); border-color:#bfd8f6; box-shadow:0 16px 30px rgba(18,40,79,.1); }
body.homepage-modern .icon-img { width:52px; height:52px; object-fit:contain; padding:8px; border-radius:50%; background:#edf5ff; }
body.homepage-modern .icon-box h6 { color:#102b5e; font-weight:800; font-size:.86rem; }
body.homepage-modern .icon-box p { color:#66758d; font-size:.73rem; line-height:1.4; }
body.homepage-modern .status-check-box { max-width:720px; padding:24px; margin-top:12px; border:1px solid #dfe8f3; border-radius:15px; background:#fff; box-shadow:0 9px 25px rgba(18,40,79,.07); }
body.homepage-modern .status-check-box h2 { color:#102b5e; font-size:1.25rem; font-weight:850; }
body.homepage-modern .status-check-box .form-control { min-height:50px; border:1px solid #dce6f1; }
body.homepage-modern .status-check-box .btn { background:#1265d4; border-color:#1265d4; font-weight:800; }
body.homepage-modern .modern-box { border:0; border-radius:15px; padding:26px; box-shadow:0 12px 28px rgba(18,40,79,.1); transition:transform .2s ease,box-shadow .2s ease; }
body.homepage-modern .modern-box:hover { transform:translateY(-5px); box-shadow:0 18px 36px rgba(18,40,79,.15); }
body.homepage-modern .gradient-1 { background:linear-gradient(140deg,#1265d4,#07377f); }
body.homepage-modern .gradient-2 { background:linear-gradient(140deg,#f3c64b,#d8831e); }
body.homepage-modern .section-title { color:#102b5e !important; font-size:1.7rem; font-weight:850; letter-spacing:-.03em; }
body.homepage-modern .section-title::before { content:""; display:inline-block; width:6px; height:28px; margin-right:10px; vertical-align:-4px; border-radius:4px; background:#eab63d; }
body.homepage-modern .news-card { border:1px solid #e0e8f2 !important; border-radius:14px !important; box-shadow:0 8px 24px rgba(18,40,79,.06) !important; transition:transform .2s ease,box-shadow .2s ease; }
body.homepage-modern .news-card:hover { transform:translateY(-5px); box-shadow:0 16px 32px rgba(18,40,79,.12) !important; }
body.homepage-modern .news-img { height:205px !important; }
body.homepage-modern .doc-card { border-radius:14px; box-shadow:0 8px 22px rgba(18,40,79,.09); transition:transform .2s ease,box-shadow .2s ease; }
body.homepage-modern .doc-card:hover { transform:translateY(-5px); box-shadow:0 16px 32px rgba(18,40,79,.14); }
body.homepage-modern .info-section { gap:18px; }
body.homepage-modern .info-box { border:1px solid #e0e8f2; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(18,40,79,.055); }
body.homepage-modern > .footer, body.homepage-modern .footer { margin-top:50px; border-radius:0; background:#06275f; color:#fff; padding:30px 20px; }
@media(max-width:768px){ body.homepage-modern .search-box{transform:translateY(-14px);} body.homepage-modern .icon-box{min-height:130px;padding:15px 10px;} body.homepage-modern .modern-navbar .navbar-collapse{margin-top:10px;padding:8px;background:#fff;border:1px solid #e1e9f3;border-radius:10px;} }

/* Refined PPID brand lockup. */
body.homepage-modern .modern-navbar .ppid-brand { display:inline-flex; align-items:center; gap:10px; min-width:300px; color:#0b2b63 !important; text-decoration:none; line-height:1; }
body.homepage-modern .modern-navbar .ppid-brand-mark { flex:0 0 auto; width:50px !important; height:50px !important; object-fit:contain; }
body.homepage-modern .modern-navbar .ppid-brand-copy { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:5px; row-gap:3px; max-width:300px; }
body.homepage-modern .modern-navbar .ppid-brand-copy strong { color:#0d63cf; font-size:1.25rem; letter-spacing:.01em; line-height:1; }
body.homepage-modern .modern-navbar .ppid-brand-government { color:#102b5e; font-size:1rem; font-weight:850; letter-spacing:-.025em; line-height:1; }
body.homepage-modern .modern-navbar .ppid-brand-copy small { flex-basis:100%; color:#6a7890; font-size:.62rem; font-weight:500; letter-spacing:.005em; line-height:1.2; white-space:nowrap; }
body.homepage-modern .modern-navbar .ppid-brand:hover .ppid-brand-government { color:#1265d4; }
@media (max-width: 991.98px) { body.homepage-modern .modern-navbar .ppid-brand { min-width:0; } }
@media (max-width: 575.98px) { body.homepage-modern .modern-navbar .ppid-brand-mark { width:42px !important; height:42px !important; } body.homepage-modern .modern-navbar .ppid-brand-copy strong { font-size:1.05rem; } body.homepage-modern .modern-navbar .ppid-brand-government { font-size:.83rem; } body.homepage-modern .modern-navbar .ppid-brand-copy small { font-size:.53rem; } }

/* Prevent legacy page-modern span rules from stacking the logo text. */
body.homepage-modern .modern-navbar .ppid-brand { flex-wrap:nowrap; flex-shrink:0; }
body.homepage-modern .modern-navbar .ppid-brand-copy { display:grid !important; grid-template-columns:max-content max-content; align-items:baseline; column-gap:5px; row-gap:3px; max-width:none; }
body.homepage-modern .modern-navbar .ppid-brand-copy strong,
body.homepage-modern .modern-navbar .ppid-brand-government { display:inline !important; }
body.homepage-modern .modern-navbar .ppid-brand-copy small { display:block !important; grid-column:1 / -1; }
body.homepage-modern .modern-navbar .navbar-collapse { flex:1 1 auto; }
body.homepage-modern .modern-navbar .navbar-nav { flex-wrap:nowrap; justify-content:flex-end; gap:2px; }
body.homepage-modern .modern-navbar .navbar-toggler { flex-shrink:0; }
@media (max-width: 991.98px) { body.homepage-modern .modern-navbar .navbar-nav { flex-wrap:wrap; justify-content:flex-start; } body.homepage-modern .modern-navbar .ppid-brand-copy { grid-template-columns:max-content max-content; } }
@media (max-width: 575.98px) { body.homepage-modern .modern-navbar .ppid-brand-copy { grid-template-columns:max-content; row-gap:2px; } body.homepage-modern .modern-navbar .ppid-brand-government { font-size:.8rem; } body.homepage-modern .modern-navbar .ppid-brand-copy small { grid-column:1; white-space:normal; } }

/* Match homepage navigation placement with page.php. */
body.homepage-modern .modern-navbar .navbar-collapse { flex:1 1 auto; justify-content:center !important; }
body.homepage-modern .modern-navbar .navbar-nav { align-items:center; justify-content:center; flex-wrap:nowrap; gap:6px; }
body.homepage-modern .modern-navbar .nav-link { min-height:40px; padding:9px 13px !important; }
body.homepage-modern .modern-navbar .ppid-brand { min-width:250px; }
@media (max-width: 991.98px) { body.homepage-modern .modern-navbar .navbar-collapse { justify-content:flex-start !important; } body.homepage-modern .modern-navbar .navbar-nav { justify-content:flex-start; flex-wrap:wrap; } body.homepage-modern .modern-navbar .ppid-brand { min-width:0; } }

/* Keep the complete banner visible while using the full available width. */
body.homepage-modern #carouselBanner.banner-carousel .carousel-inner,
body.homepage-modern #carouselBanner.banner-carousel .carousel-item { background:#0c4ea5; }
body.homepage-modern #carouselBanner.banner-carousel .carousel-img { width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important; }

/* Full-width homepage navigation: prevent right-side clipping. */
@media (min-width: 992px) {
  body.homepage-modern .modern-navbar .container-fluid { width:100%; max-width:none; padding-left:20px !important; padding-right:20px !important; }
  body.homepage-modern .modern-navbar .ppid-brand { min-width:225px; margin-right:12px; }
  body.homepage-modern .modern-navbar .ppid-brand-mark { width:46px !important; height:46px !important; }
  body.homepage-modern .modern-navbar .ppid-brand-copy strong { font-size:1.12rem; }
  body.homepage-modern .modern-navbar .ppid-brand-government { font-size:.9rem; }
  body.homepage-modern .modern-navbar .ppid-brand-copy small { font-size:.56rem; }
  body.homepage-modern .modern-navbar .navbar-collapse { min-width:0; overflow:visible; }
  body.homepage-modern .modern-navbar .navbar-nav { min-width:0; flex-wrap:nowrap; gap:1px; }
  body.homepage-modern .modern-navbar .nav-link { padding:8px 9px !important; font-size:.78rem !important; white-space:nowrap; }
}

/* Attractive homepage submenu treatment. */
body.homepage-modern .modern-navbar .dropdown-menu { min-width:255px; margin-top:10px !important; padding:8px !important; border:1px solid #dfe8f3 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 18px 42px rgba(18,40,79,.16) !important; overflow:hidden; }
body.homepage-modern .modern-navbar .dropdown-menu::before { display:none !important; }
body.homepage-modern .modern-navbar .dropdown-menu::after { content:""; position:absolute; top:-6px; left:28px; width:11px; height:11px; border-top:1px solid #dfe8f3; border-left:1px solid #dfe8f3; background:#fff; transform:rotate(45deg); }
body.homepage-modern .modern-navbar .dropdown-item { position:relative; z-index:1; display:flex; align-items:center; gap:9px; min-height:40px; padding:10px 12px !important; border-radius:9px; color:#19345f !important; background:transparent !important; font-size:.82rem; font-weight:650; line-height:1.3; white-space:normal; transition:background .18s ease,color .18s ease,transform .18s ease; }
body.homepage-modern .modern-navbar .dropdown-item::before { content:"›"; display:inline-grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#1265d4; background:#edf5ff; font-size:1rem; font-weight:800; transition:background .18s ease,color .18s ease; }
body.homepage-modern .modern-navbar .dropdown-item:hover,
body.homepage-modern .modern-navbar .dropdown-item:focus { color:#0b58bc !important; background:#eef6ff !important; transform:translateX(3px); }
body.homepage-modern .modern-navbar .dropdown-item:hover::before,
body.homepage-modern .modern-navbar .dropdown-item:focus::before { color:#fff; background:#1265d4; }
body.homepage-modern .modern-navbar .dropdown-toggle::after { margin-left:7px; vertical-align:.16em; border-top-color:#55708f !important; border-right-width:4px; border-left-width:4px; }
body.homepage-modern .modern-navbar .dropdown.show > .dropdown-toggle { color:#1265d4 !important; background:#eef5ff !important; }
@media (max-width:991.98px) { body.homepage-modern .modern-navbar .dropdown-menu { min-width:0; margin-top:4px !important; box-shadow:none !important; } body.homepage-modern .modern-navbar .dropdown-menu::after { display:none; } }