:root { --indian-saffron: #FF9933; --indian-white: #FFFFFF; --indian-green: #138808; --ashoka-blue: #000080; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #fcfcfc; }
body::-webkit-scrollbar { display: none; } body { overscroll-behavior-y: contain; }
main { min-height: 80vh; }
section h5 { margin-top: 1.5rem; }
.bg-blue-light { background: #e6e6ff; color: #000080; }
.bg-danger-light { background: #ffebee; color: #d32f2f; }
.bg-green-light { background: #e8f5e9; color: #138808; }
.bg-info-light { background: #e1f5fe; color: #0288d1; }
.bg-primary-light { background: #e8eaf6; color: #3f51b5; }
.bg-saffron-light { background: #fff4e6; color: #ff9933; }
.bg-success-light { background: #f1f8e9; color: #388e3c; }
.bg-warning-light { background: #fffde7; color: #fbc02d; }
.btn-saffron { background-color: var(--indian-saffron); color: white; border: none; font-weight: 600; }
.btn-saffron:hover { background-color: #e68a2e; color: white; }
.btn-green { background-color: var(--indian-green); color: white; border: none; font-weight: 600; }
.btn-green:hover { background-color: #0e6606; color: white; }
.breadcrumb-item + .breadcrumb-item::before { content: "\F285"; font-family: "bootstrap-icons"; }
.navbar { min-height: 60px; border-bottom: 3px solid var(--indian-saffron); }
.navbar-brand { color: var(--ashoka-blue) !important; font-size: 1.6rem; }
.hero-section { background: linear-gradient(180deg, rgba(255,153,51,0.1) 0%, rgba(255,255,255,1) 100%); padding: 80px 0; border-bottom: 1px solid #eee; }
.stats-bar { background-color: var(--indian-green); color: white; padding: 40px 0; }
.service-card { border: none; border-top: 4px solid var(--indian-green); transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.service-card:hover { transform: translateY(-5px); border-top: 4px solid var(--indian-saffron); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.service-icon-sm { width: 50px; height: 50px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; font-size: 1.4rem; }
.service-label { font-size: 0.75rem; font-weight: 500; margin-bottom: 0; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.service-link { text-decoration: none; color: inherit; display: block; transition: transform 0.1s ease; }
.service-link.card { text-decoration: none; color: inherit; background-color: #ffffff; transition: all 0.2s ease; }
.service-link.card:active { background-color: #f1f1f1; transform: scale(0.95); }
.service-link:active { transform: scale(0.9); }
.icon-box { color: var(--ashoka-blue); font-size: 2.5rem; margin-bottom: 1rem; }
.mobile-bottom-nav .nav-item { text-decoration: none; color: #6c757d; display: flex; flex-direction: column; align-items: center; font-size: 0.7rem; font-weight: 600; -webkit-tap-highlight-color: transparent; user-select: none; text-transform: uppercase; transition: 0.2s; }
.mobile-bottom-nav .nav-item i { font-size: 1.3rem; margin-bottom: 2px; }
.mobile-bottom-nav .nav-item.active { color: var(--indian-saffron); }
.mobile-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; height: 65px; background-color: #ffffff; display: flex; justify-content: space-around; align-items: center; border-top: 5px solid var(--indian-saffron); box-shadow: 0 -2px 10px rgba(0,0,0,0.05); z-index: 1050; padding-bottom: env(safe-area-inset-bottom); }
.footer-top { border-top: 5px solid var(--indian-saffron); background-color: #f8f9fa; }
.about-hero { background: linear-gradient(45deg, var(--ashoka-blue) 0%, #00004d 100%); color: white; padding: 100px 0 60px; }
.icon-circle { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.value-bubble { background: #fff; border: 1px solid #eee; border-radius: 100px; padding: 10px 25px; display: inline-flex; align-items: center; gap: 10px; margin: 5px; font-weight: 600; color: var(--ashoka-blue); }
.value-card { border: none; border-bottom: 4px solid #eee; transition: all 0.3s ease; }
.value-card:hover { border-bottom: 4px solid var(--indian-saffron); transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.terms-header { background: linear-gradient(180deg, rgba(255,153,51,0.1) 0%, rgba(255,255,255,1) 100%); padding: 60px 0 40px; border-bottom: 1px solid #eee; }
.terms-container { background: #fff; border-radius: 15px; padding: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-top: -30px; margin-bottom: 50px; }
@media (max-width: 991.98px) { body { padding-bottom: 75px; } h1 { font-size: 1.75rem; } .bg-white.shadow-sm.rounded-4 { border-radius: 15px !important; padding: 25px !important; margin-bottom: 20px; } .btn-success:hover { background-color: #128C7E !important; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(37, 211, 102, 0.2); } .navbar .d-flex.d-lg-none a { display: inline-block; padding: 5px; color: var(--ashoka-blue) !important; transition: 0.2s; text-decoration: none; } .navbar .d-flex.d-lg-none a:active { color: var(--indian-saffron) !important; transform: scale(0.9); } .navbar-brand { font-size: 1.4rem; position: absolute; left: 50%; transform: translateX(-50%); } .offcanvas-body .bi { transition: transform 0.2s ease; } .offcanvas-body .navbar-nav .nav-link { padding: 10px 15px; border-radius: 10px; transition: all 0.2s ease; color: #212529 !important; } .offcanvas-body .navbar-nav .nav-link.active { background-color: rgba(255, 153, 51, 0.1) !important; color: var(--indian-saffron) !important; } .offcanvas-body .navbar-nav .nav-link:hover, .offcanvas-body .navbar-nav .nav-link:active { background-color: rgba(255, 153, 51, 0.05); color: var(--indian-saffron) !important; } .offcanvas-body .nav-link:hover .bi { transform: scale(1.2); } .offcanvas-body { display: flex; flex-direction: column; height: 100%; } .offcanvas-body.d-flex.flex-column { min-height: 100%; } }
@media (min-width: 992px) { .service-icon-sm { width: 65px; height: 65px; font-size: 1.8rem; } .service-label { font-size: 0.9rem; } }
.contact-hero { background: linear-gradient(180deg, rgba(255,153,51,0.1) 0%, rgba(255,255,255,1) 100%); }
.info-card { border: none; border-radius: 15px; transition: 0.3s; height: 100%; }
.info-icon { font-size: 1.5rem; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 12px; margin-bottom: 15px; }
.map-container { border-radius: 20px; overflow: hidden; border: 1px solid #eee; }