:root {
    --primary: #0b3d91; 
    --secondary: #ff9800; 
    --dark: #333333;
    --light: #f8f9fa;
}
body { font-family: 'Poppins', sans-serif; overflow-x: hidden; }

/* Top Bar */
.top-bar { background: var(--primary); color: white; padding: 8px 0; font-size: 0.9rem; }
.top-bar i { margin-right: 5px; color: var(--secondary); }

/* Navbar */
.navbar { box-shadow: 0 4px 6px rgba(0,0,0,0.05); background: white !important; transition: 0.3s; }
.navbar-brand img { height: 60px; }
.nav-link { font-weight: 600; color: var(--dark) !important; margin: 0 10px; transition: 0.3s; }
.nav-link:hover { color: var(--primary) !important; }
.btn-cta { background: var(--secondary); color: white; font-weight: bold; border-radius: 30px; padding: 10px 25px; transition: 0.3s; }
.btn-cta:hover { background: #e68a00; color: white; transform: translateY(-2px); }

/* Hero Section */
.hero { 
    background: linear-gradient(rgba(11,61,145,0.7), rgba(11,61,145,0.7)), url('https://demo.sdmesociety.in/sdmdml_new/wp-content/uploads/2026/06/P1299992-scaled-copy.png') center/cover; 
    height: 90vh; color: white; display: flex; align-items: center; text-align: center;
}
.hero h1 { font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; }

/* Sections */
.section-title { position: relative; margin-bottom: 40px; font-weight: 700; color: var(--primary); text-transform: uppercase; }
.section-title::after { content: ''; width: 60px; height: 3px; background: var(--secondary); position: absolute; bottom: -10px; left: 0; }
.center-title::after { left: 50%; transform: translateX(-50%); }

/* Features & Cards */
.feature-card { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: 0.3s; text-align: center; height: 100%; border-bottom: 4px solid transparent; }
.feature-card:hover { transform: translateY(-10px); border-bottom: 4px solid var(--secondary); }
.feature-card i { font-size: 3rem; color: var(--primary); margin-bottom: 15px; }

/* Stats Background */
.stats-section { background: var(--primary); color: white; padding: 60px 0; }

/* Footer */
footer { background: #1a1a1a; color: #ccc; padding: 60px 0 20px; }
footer h5 { color: white; font-weight: 600; margin-bottom: 20px; }
footer a { color: #ccc; text-decoration: none; transition: 0.3s; }
footer a:hover { color: var(--secondary); padding-left: 5px; }
.footer-bottom { border-top: 1px solid #333; margin-top: 30px; padding-top: 20px; text-align: center; font-size: 0.9rem; }