:root {
            --primary-blue: #004a99;
            --accent-gold: #f1c40f;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .navbar {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .hero-section {
            background: linear-gradient(rgba(0, 74, 153, 0.8), rgba(0, 74, 153, 0.8)), url('../images/herobg.jpg') no-repeat center center/cover;
            color: white;
            padding: 100px 0;
        }

        .section-title {
            color: var(--primary-blue);
            font-weight: bold;
            margin-bottom: 30px;
            border-bottom: 3px solid var(--accent-gold);
            display: inline-block;
        }

        .card {
            transition: transform 0.3s;
            border: none;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .card:hover {
            transform: translateY(-10px);
        }

        .division-icon {
            font-size: 3rem;
            color: var(--primary-blue);
            margin-bottom: 15px;
        }

        footer {
            background-color: #1a1a1a;
            color: white;
            padding: 50px 0 16px 0;
        }

        .top-bar {
            background: #f8f9fa;
            font-size: 0.9rem;
            padding: 5px 0;
        }

        .btn-primary {
            background-color: var(--primary-blue);
            border: none;
        }
        a{
            text-decoration: none;
        }
        button.navbar-toggler {
    border: 0;
}