/* ========================================== */
/* GLOBAL BRAND COLOR: DEEP MAROON            */
/* ========================================== */

/* 1. Change the core theme variables */
:root {
    --bs-primary: #800000;       /* The exact Hex Code for Deep Maroon */
    --bs-primary-rgb: 128, 0, 0; /* The RGB values (used for soft shadows) */
}

/* 2. Update Solid Buttons (like "Apply Now") */
.btn-primary {
    --bs-btn-bg: #800000;
    --bs-btn-border-color: #800000;
    --bs-btn-hover-bg: #5a0000; /* A slightly darker shade when you hover over it */
    --bs-btn-hover-border-color: #5a0000;
}

/* 3. Update Outlined Buttons (like on the Courses page) */
.btn-outline-primary {
    --bs-btn-color: #800000;
    --bs-btn-border-color: #800000;
    --bs-btn-hover-bg: #800000;
    --bs-btn-hover-border-color: #800000;
}

/* 4. Force text, backgrounds, and borders to obey the new color */
.text-primary { color: #800000 !important; }
.bg-primary { background-color: #800000 !important; }
.border-primary { border-color: #800000 !important; }
/* Custom Faculty Card Hover Effect */
.faculty-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.faculty-card:hover {
    transform: translateY(-10px); /* Lifts the card up */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; /* Adds a soft shadow */
}

.x-small {
    font-size: 0.8rem;
    
}
css
/* Feature Card Hover Effect */
.feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
}