:root {--primary:#f36523;--primary-dark:#c94712;--primary-light:#fff0e7;--saffron:#f5821f;--saffron-light:#ffbd80;--navy:#183247;--navy-dark:#102735;--ivory:#fffaf5;--white:#fff;--text:#293943;--muted:#687780;--border:rgba(243, 101, 35, 0.17);--shadow:0 12px 35px rgba(35, 47, 55, 0.10);--shadow-hover:0 20px 45px rgba(35, 47, 55, 0.17);--radius:18px;--transition:0.3s ease }
*, *::before, *::after {box-sizing:border-box }
html {scroll-behavior:smooth;scroll-padding-top:100px }
body {margin:0;overflow-x:hidden;color:var(--text);background:var(--ivory);font-family:"Hind", "Segoe UI", sans-serif;font-size:16px;line-height:1.75 }
img {max-width:100% }
a {text-decoration:none;transition:color var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition) }
button, input, textarea, select {font:inherit }
section {scroll-margin-top:100px }
::selection {color:#fff;background:var(--primary) }
.top-bar {color:rgba(255, 255, 255, 0.9);background:var(--navy-dark);font-size:12px }
.top-bar-content {display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:32px }
.top-bar-content > div:first-child i, .top-links a i {margin-right:5px;color:var(--saffron) }
.top-datetime {display:flex;align-items:center;gap:20px }
.top-datetime > span {display:inline-flex;align-items:center;gap:5px }
.top-links {display:flex;align-items:center;gap:20px }
.top-links a {color:rgba(255, 255, 255, 0.9);font-weight:500 }
.top-links a:hover {color:var(--saffron-light) }
.main-header {position:sticky;top:0;z-index:1030;background:rgba(255, 255, 255, 0.97);border-bottom:2px solid var(--saffron);box-shadow:0 4px 18px rgba(16, 39, 53, 0.07);backdrop-filter:blur(14px);transition:box-shadow var(--transition), background var(--transition) }
.main-header.scrolled {background:#fff;box-shadow:0 8px 26px rgba(16, 39, 53, 0.14) }
.main-header .navbar {padding:5px 0 }
.main-header .navbar-brand {display:flex;align-items:center;gap:11px;margin-right:14px;padding:0;white-space:normal }
.brand-logo {display:grid;place-items:center;flex-shrink:0;width:62px;height:62px;padding:3px;background:#fff;border:2px solid var(--saffron);border-radius:50%;box-shadow:0 4px 12px rgba(243, 101, 35, 0.15);transition:transform var(--transition), box-shadow var(--transition) }
.brand-logo img {width:100%;height:100%;object-fit:contain;border-radius:50% }
.navbar-brand:hover .brand-logo {transform:scale(1.04) rotate(-3deg);box-shadow:0 7px 18px rgba(243, 101, 35, 0.24) }
.brand-text {display:flex;flex-direction:column;justify-content:center }
.brand-title {display:block;color:var(--primary-dark);background:linear-gradient( 100deg, #c94712 0%, #f5821f 55%, #d94f16 100% );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:19px;font-weight:800;line-height:1.3;letter-spacing:0.1px }
.brand-subtitle {display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.35 }
.main-header .navbar-nav {gap:2px }
.main-header .navbar-nav .nav-link {position:relative;display:inline-flex;align-items:center;min-height:38px;padding:8px 10px;color:var(--navy);border-radius:9px;font-size:13.5px;font-weight:700;transition:color var(--transition), background var(--transition), transform var(--transition) }
.main-header .navbar-nav .nav-link i {margin-right:4px }
.main-header .navbar-nav .nav-link::after {position:absolute;right:11px;bottom:3px;left:11px;height:2px;content:"";background:linear-gradient(90deg, var(--primary), var(--saffron));border-radius:5px;transform:scaleX(0);transform-origin:center;transition:transform 0.28s ease }
.main-header .navbar-nav .nav-link:hover, .main-header .navbar-nav .nav-link.active, .main-header .navbar-nav .nav-link:focus-visible {color:var(--primary-dark) !important;background:var(--primary-light) }
.main-header .navbar-nav .nav-link:hover {transform:translateY(-1px) }
.main-header .navbar-nav .nav-link:hover::after, .main-header .navbar-nav .nav-link.active::after, .main-header .navbar-nav .nav-link:focus-visible::after {transform:scaleX(1) }
.main-header .about-nav-item > .nav-link, .main-header .navbar-nav > .nav-item > .nav-link[href="#purpose"] {isolation:isolate }
.main-header .about-nav-item > .nav-link::before, .main-header .navbar-nav > .nav-item > .nav-link[href="#purpose"]::before {position:absolute;z-index:-1;inset:3px;content:"";background:linear-gradient( 110deg, rgba(245, 130, 31, 0.13), rgba(243, 101, 35, 0.05) );border-radius:8px;opacity:0;transform:scale(0.92);transition:opacity 0.28s ease, transform 0.28s ease }
.main-header .about-nav-item > .nav-link:hover::before, .main-header .navbar-nav > .nav-item > .nav-link[href="#purpose"]:hover::before {opacity:1;transform:scale(1) }
.main-header .about-nav-item > .nav-link:hover, .main-header .navbar-nav > .nav-item > .nav-link[href="#purpose"]:hover {color:var(--primary-dark) !important }
.main-header .dropdown-menu {min-width:230px;margin-top:8px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow) }
.main-header .dropdown-item {padding:9px 11px;color:var(--navy);border-radius:8px;font-size:14px }
.main-header .dropdown-item i {margin-right:7px;color:var(--primary) }
.main-header .dropdown-item:hover, .main-header .dropdown-item:focus {color:var(--primary-dark);background:var(--primary-light);transform:translateX(3px) }
.header-btn, .login-btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:10px;padding:9px 16px;color:#fff !important;background:linear-gradient(115deg, var(--primary), var(--saffron));border:1px solid var(--primary);border-radius:25px;box-shadow:0 5px 14px rgba(243, 101, 35, 0.2);font-size:13.5px;font-weight:800;white-space:nowrap }
.header-btn:hover, .login-btn:hover {color:#fff !important;background:linear-gradient(115deg, var(--primary-dark), #e76b16);transform:translateY(-2px);box-shadow:0 8px 19px rgba(243, 101, 35, 0.28) }
.navbar-toggler {padding:5px 9px;color:var(--primary);border:1px solid var(--border) !important;border-radius:9px }
.navbar-toggler i {font-size:25px }
.navbar-toggler:focus {box-shadow:0 0 0 3px rgba(243, 101, 35, 0.15) }
.hero-section {position:relative;overflow:hidden;background:var(--navy-dark) }
.hero-slide {position:relative;display:flex;align-items:center;min-height:550px;padding:80px 0;isolation:isolate;background-color:var(--navy);background-position:center;background-size:cover }
.hero-slide-one {background-image:linear-gradient( 90deg, rgba(22, 35, 42, 0.9), rgba(22, 35, 42, 0.36) ), url("../images/npslider.png") }
.hero-slide-two {background-image:linear-gradient( 90deg, rgba(22, 35, 42, 0.9), rgba(22, 35, 42, 0.38) ), url("../images/npslider1.png") }
.hero-slide-three {background-image:linear-gradient( 90deg, rgba(22, 35, 42, 0.9), rgba(22, 35, 42, 0.38) ), url("../images/npslider.png") }
.hero-overlay {position:absolute;z-index:-1;inset:0;background:linear-gradient( 0deg, rgba(16, 39, 53, 0.3), transparent 55% ) }
.hero-content {position:relative;z-index:2;max-width:760px;animation:heroEnter 0.85s ease both }
.hero-small-title {display:inline-block;margin-bottom:16px;padding:6px 15px;color:#ffd1a8;background:rgba(245, 130, 31, 0.17);border:1px solid rgba(255, 189, 128, 0.6);border-radius:30px;font-size:14px;font-weight:700;letter-spacing:0.6px }
.hero-content h1 {margin:0 0 18px;color:#fff;font-size:clamp(36px, 5vw, 62px);font-weight:800;line-height:1.22;text-shadow:0 4px 20px rgba(0, 0, 0, 0.2) }
.hero-content h1 strong {display:block;color:var(--saffron-light);font-weight:800 }
.hero-content p {max-width:620px;margin-bottom:27px;color:rgba(255, 255, 255, 0.93);font-size:19px;line-height:1.8 }
.hero-btn, .primary-btn, .cta-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:28px;font-weight:800;transition:all var(--transition) }
.hero-btn {color:#fff;background:linear-gradient(110deg, var(--primary), var(--saffron));box-shadow:0 8px 22px rgba(0, 0, 0, 0.18) }
.hero-btn:hover {color:#fff;background:linear-gradient(110deg, var(--primary-dark), #e76b16);transform:translateY(-3px);box-shadow:0 13px 28px rgba(0, 0, 0, 0.22) }
.hero-btn i, .primary-btn i, .cta-btn i {transition:transform var(--transition) }
.hero-btn:hover i, .primary-btn:hover i, .cta-btn:hover i {transform:translateX(4px) }
.hero-section .carousel-control-prev, .hero-section .carousel-control-next {width:7% }
.hero-section .carousel-control-prev-icon, .hero-section .carousel-control-next-icon {width:42px;height:42px;background-color:rgba(255, 255, 255, 0.17);background-size:45%;border:1px solid rgba(255, 255, 255, 0.4);border-radius:50%;backdrop-filter:blur(8px) }
.hero-section .carousel-indicators {z-index:3;margin-bottom:22px }
.hero-section .carousel-indicators button {width:27px;height:5px;background-color:var(--saffron);border:0;border-radius:8px }
.section-padding {padding:84px 0 }
.section-heading {max-width:800px;margin:0 auto 35px }
.section-tag {display:inline-block;margin-bottom:10px;color:var(--primary);font-size:14px;font-weight:800;letter-spacing:0.7px }
.section-heading h2, .about-intro-content h2 {color:var(--navy);font-size:clamp(28px, 3.4vw, 40px);font-weight:800;line-height:1.35 }
.heading-line {width:70px;height:4px;margin:15px auto 19px;background:linear-gradient(90deg, var(--primary), var(--saffron-light));border-radius:5px }
.heading-line-left {margin-left:0 }
.section-heading > p {color:var(--muted);font-size:16px }
.about-section {background:#fff }
.about-photo-wrap {position:relative;padding:0 0 20px 20px;isolation:isolate }
.about-photo-wrap::before {position:absolute;z-index:-1;bottom:0;left:0;width:72%;height:70%;content:"";background:linear-gradient(135deg, #fff0e7, #ffdfc2);border-radius:var(--radius);transition:background 0.4s ease }
.about-photo-wrap > img {position:relative;z-index:1;display:block;width:100%;height:430px;object-fit:cover;background:var(--primary-light);border:4px solid #fff;border-radius:var(--radius);box-shadow:0 10px 28px rgba(35, 47, 55, 0.12);transition:transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.45s ease, border-color 0.45s ease, filter 0.45s ease }
.about-photo-wrap:hover > img {border-color:var(--saffron-light);filter:saturate(1.08);transform:scale(1.025);box-shadow:0 18px 38px rgba(243, 101, 35, 0.23) }
.about-photo-wrap:hover::before {background:linear-gradient(135deg, #ffe3ce, #ffd0a6) }
.about-photo-badge {position:absolute;z-index:2;right:8px;bottom:35px;display:flex;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 25px);padding:10px 14px;color:var(--navy);background:rgba(255, 255, 255, 0.70);border:1px solid rgba(255, 255, 255, 0.7);border-left:2px solid rgba(243, 101, 35, 0.75);border-radius:13px;box-shadow:0 5px 18px rgba(16, 39, 53, 0.10);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);transition:background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease }
.badge-thumbnail {display:block;flex:0 0 43px;width:43px;height:43px;object-fit:cover;border:1px solid rgba(243, 101, 35, 0.22);border-radius:10px;box-shadow:0 3px 8px rgba(16, 39, 53, 0.10);transition:transform 0.35s ease, border-radius 0.35s ease, box-shadow 0.35s ease }
.about-photo-badge > span {min-width:0 }
.about-photo-badge strong, .about-photo-badge small {display:block }
.about-photo-badge strong {color:var(--navy);font-size:14px;font-weight:800;line-height:1.5 }
.about-photo-badge small {margin-top:1px;color:#52636d;font-size:11px;line-height:1.5 }
.about-photo-wrap:hover .about-photo-badge {background:rgba(255, 255, 255, 0.88);border-color:rgba(245, 130, 31, 0.45);box-shadow:0 10px 26px rgba(16, 39, 53, 0.17);transform:translateY(-4px) }
.about-photo-wrap:hover .badge-thumbnail {transform:scale(1.06);border-radius:12px;box-shadow:0 5px 12px rgba(243, 101, 35, 0.18) }
.about-intro-content p {margin-bottom:16px;color:var(--muted);text-align:justify }
.primary-btn {margin-top:10px;color:#fff;background:linear-gradient(110deg, var(--primary), var(--saffron));box-shadow:0 7px 18px rgba(243, 101, 35, 0.18) }
.primary-btn:hover {color:#fff;background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 12px 25px rgba(243, 101, 35, 0.25) }
.officials-gallery {margin-top:62px }
.leader-card {height:100%;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 5px 20px rgba(35, 47, 55, 0.06);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition) }
.leader-card:hover {border-color:rgba(245, 130, 31, 0.75);transform:translateY(-7px);box-shadow:var(--shadow-hover) }
.leader-image {position:relative;overflow:hidden;background:var(--primary-light) }
.leader-image img {display:block;width:100%;height:270px;object-fit:cover;object-position:center top;transition:transform 0.55s ease }
.leader-card:hover .leader-image img {transform:scale(1.06) }
.leader-social-overlay {position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 10px 15px;background:linear-gradient(transparent, rgba(16, 39, 53, 0.9));opacity:0;transform:translateY(10px);transition:all var(--transition) }
.leader-card:hover .leader-social-overlay, .leader-card:focus-within .leader-social-overlay {opacity:1;transform:translateY(0) }
.leader-social-overlay a {display:grid;place-items:center;width:36px;height:36px;color:#fff;background:rgba(255, 255, 255, 0.16);border:1px solid rgba(255, 255, 255, 0.4);border-radius:50% }
.leader-social-overlay a:hover {color:#fff;background:var(--primary);transform:translateY(-3px) }
.leader-caption {padding:16px 12px 19px;text-align:center;border-top:3px solid var(--saffron) }
.leader-caption h3 {margin:0 0 5px;color:var(--navy);font-size:17px;font-weight:800 }
.leader-caption p {margin:0;color:var(--primary-dark);font-size:13px }
.purpose-section, #purpose {position:relative;overflow:hidden;background:linear-gradient(135deg, #fff0e7, #fff8f1) }
.purpose-section h2, #purpose h2 {color:var(--navy);font-size:clamp(28px, 3.4vw, 39px);font-weight:800 }
.purpose-content h3 {margin:12px 0 18px;color:var(--primary);font-size:22px;font-weight:800 }
.purpose-section p, #purpose p {color:var(--muted);text-align:justify }
.purpose-image {position:relative;padding:0 18px 18px 0;isolation:isolate }
.purpose-image::after {position:absolute;z-index:0;right:0;bottom:0;width:70%;height:65%;content:"";background:rgba(245, 130, 31, 0.17);border-radius:var(--radius);transition:background 0.4s ease }
.purpose-image > img {position:relative;z-index:1;display:block;width:100%;height:420px;object-fit:cover;border:4px solid #fff;border-radius:var(--radius);box-shadow:0 10px 28px rgba(35, 47, 55, 0.12);transition:transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.45s ease, border-color 0.45s ease, filter 0.45s ease }
.purpose-image:hover > img {border-color:var(--saffron-light);filter:saturate(1.08);transform:scale(1.025);box-shadow:0 18px 38px rgba(243, 101, 35, 0.23) }
.purpose-image:hover::after {background:rgba(245, 130, 31, 0.28) }
.purpose-badge {position:absolute;z-index:2;bottom:35px;left:18px;display:flex;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 30px);padding:10px 14px;background:rgba(255, 255, 255, 0.70);border:1px solid rgba(255, 255, 255, 0.7);border-left:2px solid rgba(243, 101, 35, 0.75);border-radius:13px;box-shadow:0 5px 18px rgba(16, 39, 53, 0.10);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);transition:background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease }
.purpose-badge > div {min-width:0 }
.purpose-badge strong, .purpose-badge span {display:block }
.purpose-badge strong {color:var(--navy);font-size:14px;font-weight:800;line-height:1.5 }
.purpose-badge span {margin-top:1px;color:#52636d;font-size:11px;line-height:1.5 }
.purpose-image:hover .purpose-badge {background:rgba(255, 255, 255, 0.88);border-color:rgba(245, 130, 31, 0.45);box-shadow:0 10px 26px rgba(16, 39, 53, 0.17);transform:translateY(-4px) }
.purpose-image:hover .badge-thumbnail {transform:scale(1.06);border-radius:12px;box-shadow:0 5px 12px rgba(243, 101, 35, 0.18) }
.services-section {background:var(--ivory) }
.service-card {position:relative;height:100%;padding:30px 26px;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 5px 20px rgba(35, 47, 55, 0.045);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition) }
.service-card::before {position:absolute;top:0;left:0;width:0;height:4px;content:"";background:linear-gradient(90deg, var(--primary), var(--saffron-light));transition:width 0.4s ease }
.service-card:hover::before {width:100% }
.service-card:hover {border-color:rgba(245, 130, 31, 0.65);transform:translateY(-7px);box-shadow:var(--shadow-hover) }
.service-icon {display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;color:var(--primary);background:linear-gradient(135deg, #fff0e7, #ffe0c6);border:1px solid rgba(243, 101, 35, 0.12);border-radius:17px;font-size:28px;transition:all var(--transition) }
.service-card:hover .service-icon {color:#fff;background:var(--primary);transform:rotate(-4deg) scale(1.05) }
.service-card h3 {margin-bottom:11px;color:var(--navy);font-size:21px;font-weight:800 }
.service-card p {margin-bottom:19px;color:var(--muted);font-size:15px }
.service-card > a {display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800 }
.service-card > a:hover {gap:13px;color:var(--primary-dark) }
.mission-section {position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg, #182f40, #9e3c17 150%) }
.mission-section .section-tag {color:var(--saffron-light) }
.mission-section .section-heading h2 {color:#fff }
.mission-section .section-heading > p {color:rgba(255, 255, 255, 0.82) }
.mission-section .heading-line {background:linear-gradient(90deg, var(--saffron), #fff) }
.mission-list {display:grid;gap:22px;margin-top:40px }
.mission-item {display:flex;align-items:flex-start;gap:25px;padding:28px;background:rgba(255, 255, 255, 0.07);border:1px solid rgba(255, 255, 255, 0.17);border-radius:var(--radius);transition:transform var(--transition), background var(--transition), border-color var(--transition) }
.mission-item:hover {background:rgba(255, 255, 255, 0.11);border-color:rgba(255, 189, 128, 0.65);transform:translateX(5px) }
.mission-item-icon {display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;color:#fff;background:linear-gradient(135deg, var(--primary), var(--saffron));border-radius:16px;font-size:27px }
.mission-item-content {flex:1 }
.mission-item-content h3 {margin:0;color:#fff;font-size:23px;font-weight:800 }
.mission-item-line {width:48px;height:3px;margin:11px 0 14px;background:var(--saffron);border-radius:5px }
.mission-item-content p {margin:0;color:rgba(255, 255, 255, 0.84);text-align:justify }
.contact-cta {padding:70px 0;background:var(--ivory) }
.cta-box {position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 43px;overflow:hidden;color:#fff;background:linear-gradient(120deg, #b94313, #253b49);border:1px solid rgba(245, 130, 31, 0.65);border-radius:23px;box-shadow:var(--shadow) }
.cta-box::after {position:absolute;top:-90px;right:-50px;width:240px;height:240px;content:"";border:30px solid rgba(255, 255, 255, 0.06);border-radius:50%;pointer-events:none }
.cta-content {position:relative;z-index:1 }
.cta-content > span {color:var(--saffron-light);font-size:14px;font-weight:800;letter-spacing:0.7px }
.cta-content h2 {margin:9px 0;color:#fff;font-size:clamp(25px, 3vw, 35px);font-weight:800 }
.cta-content p {max-width:650px;margin:0;color:rgba(255, 255, 255, 0.84) }
.cta-btn {position:relative;z-index:1;flex-shrink:0;color:#fff;background:linear-gradient(110deg, var(--primary), var(--saffron)) }
.cta-btn:hover {color:#fff;background:var(--primary-dark);transform:translateY(-3px) }
.app-download {padding:24px 0;background:linear-gradient(110deg, #fff4e7, #ffffff);border-top:1px solid #f2dfcc }
.app-download-box {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 15px }
.app-label {color:#e87516;font-size:12px;font-weight:700 }
.app-download-content h2 {color:#172b4d;font-size:23px;font-weight:700;margin:6px 0 }
.app-download-content p {color:#666;font-size:13px;margin:0 0 13px }
.app-download-btn {display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#172b4d;color:#fff;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;transition:.3s }
.app-download-btn:hover {background:#e87516;color:#fff }
.app-qr {text-align:center;flex-shrink:0;background:#fff;padding:8px;border:1px solid #eee0d2;border-radius:8px }
.app-qr img {display:block;width:82px;height:82px;object-fit:contain }
.app-qr span {display:block;color:#555;font-size:10px;margin-top:5px }
.footer {padding:60px 0 0;color:rgba(255, 255, 255, 0.79);background:#172e3d;border-top:4px solid var(--saffron) }
.footer-brand {display:flex;align-items:center;gap:13px;margin-bottom:19px }
.footer-logo {display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;padding:3px;background:#fff;border:2px solid var(--saffron);border-radius:50% }
.footer-logo img {width:100%;height:100%;object-fit:contain }
.footer-brand h3 {margin:0 0 4px;color:#fff;font-size:17px;font-weight:800 }
.footer-brand span {color:var(--saffron-light);font-size:12px }
.footer > .container > .row > div > p {color:rgba(255, 255, 255, 0.73) }
.footer h4 {position:relative;margin-bottom:22px;padding-bottom:11px;color:#fff;font-size:18px;font-weight:800 }
.footer h4::after {position:absolute;bottom:0;left:0;width:42px;height:3px;content:"";background:var(--saffron);border-radius:5px }
.footer-links {margin:0;padding:0;list-style:none }
.footer-links li {margin-bottom:10px }
.footer-links a {color:rgba(255, 255, 255, 0.76) }
.footer-links a::before {margin-right:9px;color:var(--saffron);content:"›";font-size:19px }
.footer-links a:hover {padding-left:5px;color:var(--saffron-light) }
.footer-contact > div {display:flex;align-items:flex-start;gap:12px;margin-bottom:16px }
.footer-contact i {color:var(--saffron);font-size:18px }
.footer-contact span {color:rgba(255, 255, 255, 0.8);overflow-wrap:anywhere }
.social-links {display:flex;gap:10px;margin-top:21px }
.social-links a {display:grid;place-items:center;width:38px;height:38px;color:#fff;background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.17);border-radius:50% }
.social-links a:hover {color:#fff;background:var(--primary);transform:translateY(-3px) }
.footer-bottom {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:40px;padding:20px 0;border-top:1px solid rgba(255, 255, 255, 0.15) }
.footer-bottom p {margin:0;color:rgba(255, 255, 255, 0.66);font-size:13px }
.footer-bottom .bi-heart-fill {color:#ff7777 }
.back-to-top {position:fixed;right:22px;bottom:22px;z-index:1025;display:grid;place-items:center;width:47px;height:47px;color:#fff;background:linear-gradient(135deg, var(--primary), var(--saffron));border:2px solid rgba(255, 255, 255, 0.85);border-radius:50%;box-shadow:0 8px 24px rgba(16, 39, 53, 0.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:all var(--transition) }
.back-to-top.show {opacity:1;visibility:visible;transform:translateY(0) }
.back-to-top:hover {color:#fff;background:var(--primary-dark);transform:translateY(-4px) }
.back-to-top i {font-size:21px }
.reveal {opacity:0;transform:translateY(22px);transition:opacity 0.65s ease, transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1) }
.reveal.is-visible {opacity:1;transform:translateY(0) }
@keyframes heroEnter {
  from {opacity:0;transform:translateY(20px) }
  to {opacity:1;transform:translateY(0) }
}
a:focus-visible, button:focus-visible {outline:3px solid var(--saffron);outline-offset:3px }
/*SABHASAD SECTION*/
.sabhasad-section {position:relative;overflow:hidden;background:radial-gradient(circle at 5% 10%, rgba(245,130,31,0.07), transparent 30%),var(--ivory) }
.sabhasad-grid {--bs-gutter-y:30px }
.sabhasad-card {position:relative;height:100%;overflow:hidden;background:#fff;border:1px solid rgba(243,101,35,0.15);border-radius:18px;box-shadow:0 7px 24px rgba(24,50,71,0.07);transition:transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease }
.sabhasad-card:hover {transform:translateY(-9px);border-color:var(--saffron);box-shadow:0 18px 38px rgba(24,50,71,0.13),0 5px 18px rgba(243,101,35,0.10) }
.sabhasad-photo {position:relative;height:270px;overflow:hidden;background:linear-gradient(135deg,#fff0e7,#ffe0c6) }
.sabhasad-photo::after {position:absolute;inset:45% 0 0;content:"";background:linear-gradient(to bottom,transparent,rgba(16,39,53,0.38));opacity:0.6;pointer-events:none;transition:opacity 0.35s ease }
.sabhasad-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 0.6s cubic-bezier(0.2,0.7,0.2,1),filter 0.4s ease }
.sabhasad-card:hover .sabhasad-photo img {transform:scale(1.075);filter:saturate(1.08) }
.sabhasad-card:hover .sabhasad-photo::after {opacity:0.9 }
.sabhasad-number {position:absolute;z-index:2;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;color:#fff;background:rgba(24,50,71,0.88);border:1px solid rgba(255,255,255,0.3);border-radius:25px;font-size:12px;font-weight:700;backdrop-filter:blur(8px);transition:background 0.3s ease,transform 0.3s ease }
.sabhasad-number i {color:var(--saffron-light) }
.sabhasad-card:hover .sabhasad-number {background:var(--primary-dark);transform:translateY(-3px) }
.sabhasad-info {position:relative;padding:19px 10px 21px;text-align:center;background:#fff }
.sabhasad-label {display:block;margin-bottom:5px;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:0.6px }
.sabhasad-info h3 {margin:0 0 5px;color:var(--navy);font-size:19px;font-weight:800;line-height:1.5;overflow-wrap:anywhere;transition:color 0.3s ease }
.sabhasad-card:hover .sabhasad-info h3 {color:var(--primary-dark) }
.sabhasad-line {width:35px;height:3px;margin:13px auto 0;background:linear-gradient(90deg,var(--primary),var(--saffron-light));border-radius:10px;transition:width 0.35s ease,box-shadow 0.35s ease }
.sabhasad-card:hover .sabhasad-line {width:70px;box-shadow:0 2px 9px rgba(243,101,35,0.25) }
/*Gallery*/
.gallery-section {padding:60px 0;background:#f8f9fa }
.gallery-img {width:100%;height:230px;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px rgba(255,102,0,.25);transition:all .3s ease }
.gallery-img:hover {transform:scale(1.04);box-shadow:0 6px 18px rgba(255,102,0,.45) }
/*Contact Cards*/
.contact-card {height:100%;padding:30px 18px;text-align:center;background:linear-gradient(145deg,#fff 45%,#f0d9c0 100%);border:1px solid #ffe0c2;border-radius:14px;box-shadow:0 5px 18px #f5822010;transition:all .35s ease;position:relative;overflow:hidden }
.contact-card::before {content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ffb347,#f58220,#e65c00);transition:height .3s ease }
.contact-card:hover {transform:translateY(-8px);border-color:#f58220;box-shadow:0 14px 30px #f5822050;background:linear-gradient(145deg,#fff7ef,#ffe3c5) }
.contact-card:hover::before {height:6px }
.contact-icon {width:62px;height:62px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:linear-gradient(135deg,#ffb347,#f58220,#e65c00);color:#fff;border-radius:16px;font-size:27px;box-shadow:0 5px 14px #f5822035;transition:all .35s ease }
.contact-card:hover .contact-icon {transform:scale(1.08) rotate(-5deg);box-shadow:0 8px 20px #f5822060 }
.contact-card h5 {color:#102b50;font-size:18px;font-weight:700;margin-bottom:8px;transition:color .3s ease }
.contact-card:hover h5 {color:#e65c00 }
.contact-card p {color:#6b7482;font-size:14px;line-height:1.7;margin-bottom:8px }
.contact-card a {color:#e87512;font-size:14px;font-weight:600;text-decoration:none;overflow-wrap:anywhere }
.contact-card a:hover {color:#102b50 }
/*===== COMPLAINT SECTION =====*/
.complaint-section {padding:55px 0 70px;background:radial-gradient(circle at 10% 15%,rgba(245,130,31,.08),transparent 32%),var(--ivory) }
.complaint-section .section-heading {margin-bottom:25px }
.complaint-card {position:relative;width:100%;max-width:430px;margin:0 auto;padding:22px;overflow:hidden;background:linear-gradient(145deg,#fff 45%,#f0d9c0 100%);border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 28px rgb(244 117 32 / 90%);transition:transform .3s,box-shadow .3s,border-color .3s }
.complaint-card:before {position:absolute;top:0;left:0;width:100%;height:3px;content:"";background:linear-gradient(90deg,var(--primary-dark),var(--saffron-light),var(--primary)) }
.complaint-card:hover {transform:translateY(-4px);border-color:rgba(245,130,31,.48);box-shadow:0 16px 36px rgba(24,50,71,.13) }
.complaint-card-header {display:flex;align-items:center;gap:12px;min-width:0 }
.complaint-brand-logo {display:block;width:46px;height:46px;flex-shrink:0;object-fit:contain }
.complaint-brand-info {min-width:0 }
.complaint-brand-info h3 {margin:0;color:var(--navy);font-family:"Inter",sans-serif;font-size:15px;font-weight:800;overflow-wrap:anywhere }
.complaint-brand-info p {margin:3px 0 0;color:var(--primary-dark);font-size:12px;line-height:1.5 }
.complaint-divider {height:1px;margin:17px 0;background:#edf0f4 }
.complaint-form {display:grid;gap:13px }
.complaint-field label {display:block;margin-bottom:5px;color:var(--navy);font-size:12px;font-weight:700 }
.complaint-input-action {display:flex;align-items:stretch;gap:8px }
.complaint-input-wrap {position:relative;flex:1;min-width:0 }
.complaint-input-wrap>i {position:absolute;top:50%;left:12px;color:#a0a9b5;font-size:15px;pointer-events:none;transform:translateY(-50%);transition:color .25s }
.complaint-input-wrap input {display:block;width:100%;height:42px;padding:9px 10px 9px 36px;color:var(--navy);background:#fbfcfe;border:1px solid var(--primary-dark);border-radius:8px;outline:none;font-family:"Hind",sans-serif;font-size:13px;transition:background .25s,border-color .25s,box-shadow .25s }
.complaint-input-wrap input::placeholder {color:#a3acb9;opacity:1 }
.complaint-input-wrap input:hover {border-color:#f2b28d;background:#fff }
.complaint-input-wrap:focus-within>i {color:var(--primary) }
.complaint-input-wrap input:focus {background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(243,101,35,.10) }
.complaint-action-btn {display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-width:78px;padding:8px 10px;color:#fff;background:linear-gradient(110deg,var(--primary-dark),var(--primary),var(--saffron));border:1px solid transparent;border-radius:8px;box-shadow:0 5px 13px rgba(243,101,35,.20);font-family:"Inter",sans-serif;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .25s,box-shadow .25s,filter .25s }
.complaint-action-btn:hover {color:#fff;filter:brightness(.96);transform:translateY(-2px);box-shadow:0 8px 18px rgba(243,101,35,.30) }
.complaint-action-btn:active {transform:scale(.985) }
.complaint-action-btn:focus-visible {outline:3px solid rgba(243,101,35,.25);outline-offset:3px }
.complaint-action-btn.registration-btn {min-width:112px;color:var(--primary-dark);background:#fff;border-color:var(--primary);box-shadow:none }
.complaint-action-btn.registration-btn:hover {color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 8px 18px rgba(243,101,35,.20) }
/* पुरानी शिकायत देखें - Premium Button */
.old-complaint-link {margin: 25px 0 10px;}
.old-complaint-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px; padding: 13px 24px;border: 1px solid rgba(13, 110, 253, 0.22);border-radius: 12px;background: linear-gradient(145deg,#fff 45%,#f0d9c0 100%);color: #f47620;font-family: 'Hind', sans-serif;font-size: 16px;font-weight: 600;text-decoration: none;box-shadow: 0 5px 18px rgba(13, 71, 161, 0.10);transition: all 0.25s ease;}
.old-complaint-btn:hover {background: linear-gradient(110deg,var(--primary-dark),var(--primary),var(--saffron));color: #ffffff;border-color: transparent;transform: translateY(-2px);box-shadow: 0 8px 22px rgba(13, 71, 161, 0.22);}
.old-complaint-btn i {font-size: 17px;}
@media (max-width: 1199.98px) {
  .main-header .navbar-nav .nav-link {padding:8px 7px;font-size:12.5px }
  .brand-title {font-size:17px }
  .header-btn, .login-btn {padding:8px 12px }
  .main-header .navbar-brand {gap:9px }
  .brand-logo {width:58px;height:58px }
}
@media (max-width: 576px) {
  .app-download {padding:18px 0 }
  .app-download-box {gap:12px;padding:0 }
  .app-download-content {flex:1;min-width:0 }
  .app-download-content h2 {font-size:17px }
  .app-download-content p {font-size:12px }
  .app-download-btn {padding:8px 10px;font-size:11px }
  .app-qr {padding:5px }
  .app-qr img {width:65px;height:65px }
  .old-complaint-btn {width: 100%;max-width: 320px;padding: 12px 16px;font-size: 15px;}
}
@media (max-width:575.98px) {
  .sabhasad-grid {--bs-gutter-x:12px;--bs-gutter-y:18px }
  .sabhasad-photo {height:190px }
  .sabhasad-info {padding:14px 6px 16px }
  .sabhasad-info h3 {font-size:14px }
  .sabhasad-label {font-size:9px }
  .sabhasad-number {bottom:7px;left:7px;gap:4px;padding:5px 8px;font-size:10px }
  .sabhasad-line {margin-top:10px }
}
.commanhero {position:relative;isolation:isolate;display:flex;align-items:center;min-height:205px;padding:30px 0;overflow:hidden;background-color:#183247;background-image:linear-gradient( 100deg, rgba(16, 39, 53, 0.94) 0%, rgba(24, 50, 71, 0.82) 55%, rgba(243, 101, 35, 0.52) 100% ), url("https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1800&q=80");background-position:center 45%;background-size:cover;background-repeat:no-repeat;border-bottom:3px solid #f5821f }
.commanhero-overlay {position:absolute;z-index:-1;inset:0;background:radial-gradient( circle at 85% 50%, rgba(255, 189, 128, 0.13), transparent 35% );pointer-events:none }
.commanhero-content {position:relative;z-index:1;animation:aboutHeroEnter 0.7s ease both }
.commanhero-tag {display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;padding:4px 12px;color:#ffcfaa;background:rgba(255, 255, 255, 0.09);border:1px solid rgba(255, 255, 255, 0.23);border-radius:30px;font-size:12px;font-weight:600 }
.commanhero-tag i {color:#ffad66 }
.commanhero h1 {margin:3px 0 2px;color:#f47121;font-size:clamp(27px, 3.5vw, 38px);font-weight:800;line-height:1.35 }
.commanhero-content > p {margin:3px 0 12px;color:rgba(255, 255, 255, 0.82);font-size:14px;line-height:1.6 }
.commanhero-breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;color:rgba(255, 255, 255, 0.65);font-size:12px }
.commanhero-breadcrumb a {display:inline-flex;align-items:center;gap:6px;color:#fff }
.commanhero-breadcrumb a:hover {color:#ffbd80 }
.commanhero-breadcrumb > li > i {font-size:10px;color:#ffbd80 }
.commanhero-breadcrumb .current {color:#ffbd80;font-weight:700 }
@keyframes aboutHeroEnter {
  from {opacity:0;transform:translateY(12px) }
  to {opacity:1;transform:translateY(0) }
}
@media (max-width: 991.98px) {
  html {scroll-padding-top:85px }
  section {scroll-margin-top:85px }
  .main-header .navbar {padding:6px 0 }
  .brand-logo {width:57px;height:57px }
  .brand-title {font-size:17px }
  .main-header .navbar-collapse {margin-top:10px;padding:11px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow) }
  .main-header .navbar-nav {align-items:stretch !important;gap:3px }
  .main-header .navbar-nav .nav-link {display:flex;width:100%;padding:10px 12px;font-size:15px }
  .main-header .navbar-nav .nav-link::after {display:none }
  .main-header .about-nav-item > .nav-link::before, .main-header .navbar-nav > .nav-item > .nav-link[href="#purpose"]::before {display:none }
  .header-btn, .login-btn {display:flex;width:100%;margin:10px 0 0;padding:10px 14px }
  .main-header .dropdown-menu {margin-top:3px;border-color:var(--border);box-shadow:none }
  .hero-slide {min-height:490px }
  .section-padding {padding:68px 0 }
  .leader-image img {height:235px }
  .commanhero {min-height:185px;padding:27px 0 }
  .sabhasad-photo {height:245px }
  .sabhasad-info h3 {font-size:17px }
}
@media (max-width:991px) {
  .gallery-img {height:200px }
}
@media (max-width: 767.98px) {
  .top-bar-content {justify-content:center;min-height:32px;text-align:center }
  .top-links {display:none }
  .hero-slide {min-height:440px;padding:60px 0 70px;background-position:center }
  .hero-content {max-width:100% }
  .hero-content h1 {font-size:clamp(32px, 8vw, 45px) }
  .hero-content p {font-size:16px }
  .hero-section .carousel-control-prev, .hero-section .carousel-control-next {width:10% }
  .about-photo-wrap > img {height:330px }
  .purpose-image > img {height:340px }
  .officials-gallery {margin-top:42px }
  .leader-image img {height:220px }
  .leader-caption h3 {font-size:15px }
  .mission-item {gap:16px;padding:21px }
  .mission-item-icon {flex-basis:52px;width:52px;height:52px;font-size:22px }
  .mission-item-content h3 {font-size:20px }
  .cta-box {align-items:flex-start;flex-direction:column;padding:29px 24px }
  .footer-bottom {align-items:flex-start;flex-direction:column }
  .commanhero {min-height:165px;padding:23px 0;background-position:center }
  .commanhero h1 {font-size:27px }
  .commanhero-content > p {max-width:340px;font-size:12px }
  .commanhero-tag {font-size:11px }
  .gallery-section {padding:35px 0 }
  .gallery-img {height:150px }
}
@media (max-width: 480px) {
  .main-header .navbar-brand {gap:8px;max-width:calc(100% - 54px);margin-right:6px }
  .brand-logo {width:49px;height:49px }
  .brand-title {font-size:14px;line-height:1.25 }
  .brand-subtitle {margin-top:2px;font-size:10.5px }
  .navbar-toggler {padding:4px 7px }
  .navbar-toggler i {font-size:23px }
  .hero-slide {min-height:405px;padding:50px 0 60px }
  .hero-content h1 {font-size:31px }
  .hero-small-title {font-size:12px }
  .hero-content p {font-size:15px }
  .section-padding {padding:52px 0 }
  .section-heading h2, .about-intro-content h2 {font-size:27px }
  .about-photo-wrap > img, .purpose-image > img {height:285px }
  .about-photo-badge, .purpose-badge {gap:8px;padding:8px 10px;border-radius:10px }
  .about-photo-badge {right:5px;bottom:25px }
  .purpose-badge {left:10px;bottom:25px }
  .badge-thumbnail {flex-basis:35px;width:35px;height:35px;border-radius:8px }
  .about-photo-badge strong, .purpose-badge strong {font-size:12px }
  .about-photo-badge small, .purpose-badge span {font-size:10px }
  .leader-image img {height:180px }
  .leader-caption {padding:12px 6px 14px }
  .leader-caption h3 {font-size:12.5px }
  .leader-caption p {font-size:10.5px }
  .mission-item {flex-direction:column;padding:19px }
  .mission-item-content p {text-align:left }
  .back-to-top {right:13px;bottom:13px;width:43px;height:43px }
  .commanhero {min-height:150px;padding:19px 0 }
  .commanhero h1 {font-size:24px }
  .commanhero-breadcrumb {gap:7px;font-size:11px }
  .complaint-section {padding:38px 0 48px }
  .complaint-section .section-heading {padding:0 8px }
  .complaint-card {max-width:100%;padding:18px 13px;border-radius:12px }
  .complaint-brand-logo {width:40px;height:40px }
  .complaint-brand-info h3 {font-size:13px }
  .complaint-input-action {gap:6px }
  .complaint-input-wrap input {padding-left:32px;font-size:12px }
  .complaint-input-wrap>i {left:10px }
  .complaint-action-btn {min-width:65px;padding:8px 7px;font-size:11px }
  .complaint-action-btn.registration-btn {min-width:100px }
}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto }
  *, *::before, *::after {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important }
  .reveal {opacity:1;transform:none }
  .about-photo-wrap:hover > img, .purpose-image:hover > img, .about-photo-wrap:hover .about-photo-badge, .purpose-image:hover .purpose-badge {transform:none }
  .commanhero-content {animation:none }
  .sabhasad-card,.sabhasad-photo img,.sabhasad-number,.sabhasad-info h3,.sabhasad-line {transition:none }
  .sabhasad-card:hover,.sabhasad-card:hover .sabhasad-photo img,.sabhasad-card:hover .sabhasad-number {transform:none }
  .complaint-card,.complaint-input-wrap input,.complaint-action-btn,.complaint-input-wrap>i {transition:none }
}
/*=========================================================
   RESPONSIVE OVERFLOW FIXES — added after existing styles
   =========================================================*/
/*Prevent accidental viewport-width overflow without hiding
   the page's normal vertical scrolling.*/
html {max-width:100%;overflow-x:clip }
body {width:100%;max-width:100%;overflow-x:clip }
img, video, iframe, svg, canvas {max-width:100% }
.container, .container-fluid,
.row, [class*="col-"] {min-width:0 }
p, h1, h2, h3, h4, h5, h6, a, span, li {overflow-wrap:anywhere }
/*Flexible header and brand*/
.main-header .navbar {min-width:0;flex-wrap:wrap }
.main-header .navbar-brand {min-width:0;max-width:calc(100% - 58px) }
.brand-text {min-width:0 }
.brand-title,
.brand-subtitle {overflow-wrap:anywhere }
.main-header .navbar-collapse,
.main-header .navbar-nav,
.main-header .navbar-nav .nav-item {min-width:0 }
/*Avoid oversized content in flex-based sections*/
.top-bar-content,
.top-datetime,
.top-datetime > span,
.top-links,
.cta-box,
.app-download-box,
.footer-bottom,
.footer-brand,
.footer-contact > div,
.mission-item,
.mission-item-content {min-width:0 }
.app-download-content {min-width:0 }
.app-download-content h2,
.app-download-content p {overflow-wrap:anywhere }
/*Images and decorative badges should stay inside their wrappers*/
.about-photo-wrap,
.purpose-image,
.about-photo-badge,
.purpose-badge,
.hero-content,
.hero-small-title {min-width:0;max-width:100% }
.about-photo-wrap > img,
.purpose-image > img,
.leader-image img,
.sabhasad-photo img,
.gallery-img {max-width:100% }
/*Cards and long Hindi text*/
.service-card,
.leader-card,
.complaint-card,
.contact-card,
.sabhasad-card {min-width:0 }
.service-card > a,
.footer-links a,
.complaint-brand-info,
.complaint-input-wrap {min-width:0;overflow-wrap:anywhere }
/*Narrow mobile screens*/
@media (max-width: 767.98px) {
  .top-bar-content {flex-wrap:wrap;gap:4px 12px;padding:5px 0 }
  .top-datetime {flex-wrap:wrap;justify-content:center;gap:4px 12px }
  .hero-slide {width:100% }
  .hero-content {width:100% }
  .hero-content h1 {overflow-wrap:anywhere }
  .mission-item {gap:14px }
  .cta-box {width:100%;padding:26px 20px }
  .app-download-box {align-items:center }
  .footer .row {--bs-gutter-x:1.25rem }
}
@media (max-width: 480px) {
  .main-header > .container,
  .main-header .navbar {max-width:100% }
  .main-header .navbar-brand {flex:1 1 0;max-width:calc(100% - 48px);margin-right:4px;gap:7px }
  .brand-logo {flex:0 0 44px;width:44px;height:44px }
  .brand-title {font-size:13px }
  .brand-subtitle {font-size:10px }
  .navbar-toggler {flex:0 0 auto }
  .about-photo-wrap {padding-left:10px }
  .purpose-image {padding-right:10px }
  .about-photo-badge {max-width:calc(100% - 12px) }
  .purpose-badge {max-width:calc(100% - 12px);left:5px }
  .app-download-box {gap:8px }
  .app-qr img {max-width:65px }
  .complaint-input-action {min-width:0 }
}