:root {
    --navy: #002b5c;
    --dark-navy: #001a35;
    --crimson: #b71c1c;
    --gold: #ffc107;
    /* Fluid Typography: min size, preferred, max size */
    --base-font: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
    --heading-font: clamp(1.2rem, 2vw + 1rem, 2.2rem);
}

body { 
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; 
    background-color: #f1f3f5; 
    font-size: var(--base-font);
    line-height: 1.6;
}

/* Top Bar */
.top-nav { background-color: var(--dark-navy); color: white; font-size: 12px; }
.admission-btn { background-color: var(--crimson); border: none; font-weight: bold; font-size: 12px; }

/* Header */
.header-main { background: white; border-bottom: 2px solid #eee; }
.portrait { height: 90px; border-radius: 4px; }
.inst-title { color: var(--crimson); font-weight: 800; line-height: 1.2; }

/* Navbar */
.navbar-custom { background-color: var(--navy); padding: 0; }
.navbar-custom .nav-link { color: white !important; font-weight: 600; font-size: 13px; text-transform: uppercase; padding: 15px 12px !important; }
.navbar-custom .nav-link:hover, .nav-active { background: var(--crimson); }
.nav-home { background: var(--crimson); }

/* Hero Grid */
.enquiry-box { background: var(--crimson); border-radius: 8px; color: white; padding: 20px; }
.enquiry-box .form-control, .enquiry-box .form-select { margin-bottom: 10px; font-size: 14px; }

.carousel-item img { height: 420px; object-fit: cover; border-radius: 8px; }
.carousel-caption { background: rgba(0,0,0,0.4); border-radius: 8px; text-align: left; left: 5%; bottom: 10%; padding: 20px; }

.leader-card { border: 1px solid #ddd; border-radius: 8px; padding: 10px; margin-bottom: 10px; background: white; }
.leader-img { width: 105px; object-fit: cover; border-radius: 4px; border: 2px solid #eee; }

/* Course Cards */
.course-card { background: white; border-radius: 8px; padding: 20px; border-top: 5px solid; height: 100%; transition: 0.3s; }
.course-mba { border-top-color: var(--crimson); }
.course-bba { border-top-color: var(--navy); }
.course-bcom { border-top-color: #1b5e20; }
.icon-circle { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin-bottom: 15px; font-size: 24px; }

/* Why ICCMRT List */
.why-box { background: #fffdf2; border: 1px solid #ffeeba; border-radius: 8px; padding: 20px; }
.why-list { list-style: none; padding: 0; font-size: 13px; }
.why-list li { margin-bottom: 8px; display: flex; align-items: center; }
.why-list li i { color: #28a745; margin-right: 10px; font-size: 14px; }

/* Highlight Boxes */
.highlight-box { background: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; height: 100%; font-size: 0.875rem; }
.h-title { font-weight: 700; border-bottom: 2px solid var(--crimson); margin-bottom: 15px; padding-bottom: 5px; display: flex; align-items: center; }
.h-title i { margin-right: 8px; color: var(--navy); }

/* Footer Strip */
.blue-strip { background: var(--navy); color: white; padding: 15px 0; font-size: 13px; font-weight: 600; }
/* Footer Styling */
.main-footer {
    background-color: #1a1a1a;
    color: #d1d1d1;
    padding: 60px 0 30px;
}
.main-footer h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
}
.main-footer h5::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 40px;
    height: 2px;
    background: var(--crimson);
}
.footer-links { list-style: none; padding: 0; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { color: #aaa; text-decoration: none; transition: 0.3s; }
.footer-links a:hover { color: #fff; padding-left: 8px; }

.social-icons a {
    display: inline-flex;
    width: 35px;
    height: 35px;
    background: #333;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    transition: 0.3s;
}
.social-icons a:hover { background: var(--crimson); }

.bottom-copyright {
    background: #000;
    color: #777;
    padding: 20px 0;
    font-size: 0.85rem;
}

/* Utilities */
.text-xsmall { font-size: 0.75rem; }
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #25d366;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    z-index: 1000;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.dropdown-item:focus, .dropdown-item:hover
{
    background-color: var(--crimson);
}