:root {
    /* CHANGED: Switched from Red to Blue */
    --brand-blue: #0056b3; 
    --light-blue: #e7f1ff;
    --dark-blue: #0d2e4e;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;
    color: #000;
    font-size: 16px;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-size: 21px !important;
    color: #000 !important;
    margin-bottom: 1rem;
}

p, li, a, span, div {
    font-size: 16px;
    color: #000;
}

/* Navbar & Sidebar Styling */
.navbar {
    padding: 0.5rem 1rem;
}

.navbar-brand {
    font-weight: bold;
    color: var(--brand-blue) !important;
    font-size: 1.5rem;
}

.navbar-nav {
    gap: 0.5rem;
}

.nav-link {
    color: #000 !important;
    font-size: 16px !important;
    padding: 0.5rem 0.75rem !important;
    white-space: nowrap;
}

.nav-link:hover {
    color: var(--brand-blue) !important;
}

.nav-link.active {
    color: var(--brand-blue) !important;
    font-weight: 600;
}

/* Dropdown styling for desktop */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.3em;
    vertical-align: middle;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

/* Desktop: Hover to open dropdown */
@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;
    }
}

/* Hero Section */
.hero-section {
    background: linear-gradient(rgba(0, 86, 179, 0.7), rgba(13, 46, 78, 0.7)), url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 80px 0;
    text-align: center;
}

.hero-section h1, .hero-section p, .hero-section .btn {
    color: white !important;
}

/* Prediction Cards */
.prediction-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: white;
    height: 100%;
}
.prediction-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.prediction-header {
    background-color: var(--brand-blue);
    color: white !important;
    padding: 15px;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-weight: bold;
}

/* College Images */
.college-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

/* Carousel Controls */
#collegeCarousel .carousel-control-prev,
#collegeCarousel .carousel-control-next {
    width: 5%;
    opacity: 0.8;
}

#collegeCarousel .carousel-control-prev-icon,
#collegeCarousel .carousel-control-next-icon {
    background-color: var(--brand-gray);
    border-radius: 50%;
    padding: 20px;
}

#collegeCarousel .carousel-control-prev:hover,
#collegeCarousel .carousel-control-next:hover {
    opacity: 1;
}

/* Testimonials */
.testimonial-card {
    background: #f8f9fa;
    padding: 20px;
    border-left: 4px solid var(--brand-blue);
    margin-bottom: 20px;
    color: #000;
}

.testimonial-card p {
    color: #000 !important;
}

/* Custom Buttons */
.btn-brand {
    background-color: var(--brand-blue);
    color: white !important;
    border: none;
    padding: 0.5rem 1.5rem;
    text-align: center;
    display: inline-block;
}
.btn-brand:hover {
    background-color: var(--dark-blue);
    color: white !important;
}

/* 1. Highlights Section */
.highlight-box {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    color: #000;
}
.highlight-box:hover { 
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
}
.highlight-box i { 
    color: var(--brand-blue); 
    margin-right: 10px; 
}

/* 2 & 4. Link Lists (Fees & Private Colleges) */
.link-list a{
    text-decoration: none;
    color: #000;
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.link-list a:hover { 
    color: var(--brand-blue);
}
.link-list i { 
    margin-right: 8px; 
    color: var(--brand-blue); 
}

/* 3. Download Package Section */
.package-section { 
    background-color: #f8f9fa; 
    padding: 40px 0; 
}
.package-section h3 {
    color: #000 !important;
}
.btn-download { 
    background-color: var(--brand-blue); 
    color: white !important; 
    font-weight: bold; 
}
.btn-download:hover { 
    background-color: var(--dark-blue); 
    color: white !important; 
}

/* 5. Course Tables */
.course-table thead { 
    background-color: #f8f9fa; 
}
.course-table th, .course-table td {
    color: #000;
}

/* 6. Specialization Cards */
.spec-card { 
    height: 100%; 
    border: 1px solid #ddd; 
    padding: 20px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
    background: white;
}
.spec-card ul { 
    padding-left: 20px; 
}
.spec-card li {
    color: #000 !important;
}

/* 8. Process Steps */
.step-item { 
    display: flex; 
    align-items: center; 
    margin-bottom: 15px; 
}
.step-icon { 
    width: 20px; 
    height: 20px; 
    margin-right: 10px; 
    border-radius: 3px; 
}

/* 9. Experts */
.expert-img { 
    width: 120px; 
    height: 120px; 
    border-radius: 50%; 
    object-fit: cover; 
    margin-bottom: 15px; 
}
.whatsapp-link { 
    color: #25D366; 
    text-decoration: none; 
    font-weight: bold; 
}

/* 10. Footer */
footer { 
    background-color: #f8f9fa; 
    padding-top: 50px; 
    border-top: 1px solid #ddd; 
    font-size: 16px; 
}
footer p, footer a {
    color: #000 !important;
}
.footer-links a { 
    display: block; 
    color: #000 !important; 
    text-decoration: none; 
    margin-bottom: 8px; 
}
.footer-links a:hover {
    color: var(--brand-blue) !important;
}
.social-icons a { 
    margin-right: 10px; 
    font-size: 1.2rem; 
    color: var(--brand-blue); 
}

/* Admin Panel (Hidden by default) */
#admin-panel {
    display: none;
    background-color: #f0f0f0;
    padding: 40px 0;
    border-top: 5px solid var(--dark-blue);
}

/* Dropdown Menu Styling */
.dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.dropdown-item {
    padding: 8px 16px;
    color: #000;
    font-size: 16px;
}

.dropdown-item:hover {
    background-color: var(--brand-blue);
    color: white !important;
}

/* Mobile responsive styles */
@media (max-width: 991px) {
    .navbar-nav {
        gap: 0;
    }
    
    .nav-item {
        border-bottom: 1px solid #eee;
    }
    
    .dropdown-menu {
        border: none;
        box-shadow: none;
        background-color: #f8f9fa;
        padding-left: 1rem;
    }
    
    .dropdown-item {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    /* Mobile dropdown toggle */
    .dropdown-toggle::after {
        float: right;
        margin-top: 8px;
    }
    
    /* Show dropdown on click in mobile */
    .nav-item.dropdown {
        position: relative;
    }
}

/* Ensure white backgrounds are readable */
.bg-white, .bg-light {
    background-color: #fff !important;
}

/* Text color consistency */
.text-muted {
    color: #666 !important;
}

.text-primary {
    color: var(--brand-blue) !important;
}

/* Counselling Websites Section */
.counselling-heading {
    color: var(--brand-blue) !important;
}

.counselling-list {
    list-style: none;
}

.counselling-item {
    color: #000;
    font-size: 14px;
}

.counselling-item i {
    color: var(--brand-blue);
}

.counselling-item a {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 14px;
}

.counselling-item a:hover {
    color: var(--brand-blue);
}

.counselling-item:hover {
    color: var(--brand-blue);
}

/* Results Section */
.result-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 30px 20px;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.result-card:hover {
    background-color: var(--light-blue);
    border-color: var(--brand-blue);
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 86, 179, 0.1);
}

.result-card i {
    color: var(--brand-blue);
}

.result-card h3 {
    font-size: 2.5rem !important;
    font-weight: bold;
    color: var(--dark-blue) !important;
}

.result-card p {
    font-size: 1rem;
    font-weight: 500;
    color: #333;
}


.contact-card {
display: flex;
align-items: center;
gap: 1.5rem;
padding: 1.5rem;
background: #f9f9f9;
border-radius: 12px;
max-width: 400px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
font-family: sans-serif;
}
.avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
}
.info h3 { margin: 0 0 0.25rem 0; font-size: 1.25rem; }
.info .role { display: block; color: #666; margin-bottom: 0.75rem; font-size: 0.9rem; }
.email-link {
text-decoration: none;
background-color: #007bff;
color: white;
padding: 0.5rem 1rem;
border-radius: 6px;
font-size: 0.85rem;
transition: background 0.2s;
}
.email-link:hover { background-color: #0056b3; }