/*
Theme Name: Aero Adda Custom
Author: Exam Frame
Description: Custom theme for Online Exam and Courses.
Version: 1.0
*/

/* --- 1. BASIC RESET --- */
body { 
    margin: 0; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background-color: #f4f7fa; 
}

a { 
    text-decoration: none; 
}

/* --- 2. GLOBAL CONTAINER (FIXED) --- */
/* Pehle yahan 'flex' tha jisne page tod diya tha. Ab ye safe hai. */
.container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 15px; 
}

/* --- 3. TOP BAR (CONTACT & LOGIN) --- */
.top-bar { 
    background-color: #0b1a2e; /* Deep Navy Blue */
    color: #fff; 
    font-size: 13px; 
    padding: 10px 0; 
}

/* Top bar ke items ko ek line me laane ke liye */
.top-bar .container {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

.top-buttons a { 
    background: #e61c5d; /* Crimson Red */
    color: #fff; 
    padding: 5px 15px; 
    margin-left: 10px; 
    border-radius: 3px; 
    font-weight: bold;
}

/* --- 4. MAIN HEADER (LOGO & MENU) --- */
.main-nav { 
    background: #fff; 
    border-bottom: 1px solid #e2e8f0; 
    padding: 15px 0; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Menu aur Logo ko aamne-saamne rakhne ke liye */
.main-nav .container {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

.main-nav .menu ul { 
    display: flex; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    gap: 25px; 
}

.main-nav .menu a { 
    color: #2d3748; 
    font-weight: bold; 
    font-size: 15px; 
    text-transform: uppercase; 
    transition: color 0.3s ease;
}

.main-nav .menu a:hover { 
    color: #e61c5d; 
}

/* --- 5. CTA BUTTON IN HEADER --- */
.cta-buttons a { 
    background: #e61c5d; 
    color: #fff; 
    padding: 10px 22px; 
    border-radius: 5px; 
    font-weight: bold; 
    transition: background 0.3s ease;
}

.cta-buttons a:hover {
    background: #c91851;
}

/* --- 6. FOOTER --- */
.site-footer {
    background-color: #0b1a2e;
    color: #a0aec0;
    text-align: center;
    padding: 25px 0;
    margin-top: 50px;
    font-size: 14px;
    border-top: 4px solid #e61c5d;
}