/* General Styling */
body {
    font-family: 'Inter', sans-serif;
    color: #333;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Navbar */
.navbar-brand img {
    max-height: 160px;
    width: auto;
}

.nav-link {
    font-weight: 500;
    color: #000 !important;
}

.nav-link.btn-primary {
    color: #fff !important;
}

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.hero-img {
    transition: transform 0.3s ease;
}

.hero-img:hover {
    transform: scale(1.02);
}

/* Primary Color Override (Matches Vision Guard Blue Logo) */
.text-primary {
    color: #004085 !important;
}

.btn-primary {
    background-color: #004085;
    border-color: #004085;
}

.btn-primary:hover {
    background-color: #002752;
    border-color: #002752;
}

.bg-primary {
    background-color: #004085 !important;
}

.border-primary {
    border-color: #004085 !important;
}

/* Card Styling */
.card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Table Styling */
.table th {
    width: 30%;
    background-color: #f8f9fa;
}

/* Footer */
footer {
    background-color: #000;
    font-size: 0.9rem;

}