.elementor-54186 .elementor-element.elementor-element-8a46e67{width:100%;max-width:100%;}.elementor-54186 .elementor-element.elementor-element-8a46e67 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-54186 .elementor-element.elementor-element-8a46e67 > .elementor-widget-container{margin:17px 0px 0px 0px;}}@media(max-width:767px){.elementor-54186 .elementor-element.elementor-element-b9b2ea8{z-index:99999;}.elementor-54186 .elementor-element.elementor-element-ee11e99{z-index:0;}.elementor-54186 .elementor-element.elementor-element-8a46e67 > .elementor-widget-container{margin:37px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-8a46e67 *//* --- CSS for Elementor Customization (Use !important for overrides) --- */

/* --- REDESIGNED COMPACT HEADER STYLES --- */
.header-wrapper {
    background: linear-gradient(135deg, #4A90E2 0%, #0E76A8 100%); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    /* Minimal Top/Bottom Padding for clearance */
    padding: 10px 0 10px 0 !important; 
    margin-bottom: 30px !important; 
}

.custom-header { 
    max-width: 1100px;
    margin: 0 auto !important; 
    padding: 50px 20px !important; 
    text-align: center;
}

.custom-header h1 {
    /* FIX: Force white color and remove conflicting margins */
    color: white !important; 
    margin: 0 !important; 
    padding-top: 0 !important;
    
    font-size: 2.2em;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); 
    line-height: 1.2;
}

.custom-header p {
    /* FIX: Force white color and ensure minimal margins */
    color: white !important; 
    font-size: 1.0em;
    margin-top: 5px !important; 
    margin-bottom: 0 !important;
    opacity: 0.95;
    font-weight: 400;
    line-height: 1.2;
}

/* --- Buttons Grid and 3D Styling --- */
.container {
    max-width: 1100px;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.button-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.button-link {
    text-decoration: none;
    color: inherit;
    display: block;
    border-radius: 12px;
    box-shadow: 
        0px 5px 0px rgba(0, 0, 0, 0.2), 
        0px 0px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    overflow: hidden;
    border-bottom: 3px solid rgba(0, 0, 0, 0.25);
    position: relative;
    top: 0;
}

.button-link:hover {
    transform: translateY(-3px);
    box-shadow: 
        0px 8px 0px rgba(0, 0, 0, 0.2),
        0px 0px 15px rgba(0, 0, 0, 0.15);
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.button-link:active {
    transform: translateY(2px);
    box-shadow: 
        0px 2px 0px rgba(0, 0, 0, 0.2), 
        0px 0px 5px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.button-content {
    padding: 25px;
    text-align: center;
}

.button-content h3 {
    margin: 0;
    font-size: 1.4em;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
}

/* --- Category Colors --- */
.exam-primary { 
    background-color: #E24A4A; 
    color: white; 
    border-left: 5px solid #C0392B; 
} 
.exam-secondary { 
    background-color: #FFC107; 
    color: #333; 
    border-left: 5px solid #F39C12;
} 
.resource-primary { 
    background-color: #28A745; 
    color: white; 
    border-left: 5px solid #27AE60; 
} 
.resource-secondary { 
    background-color: #17A2B8; 
    color: white; 
    border-left: 5px solid #148F9F; 
}

/* Override link text color inside colored buttons */
.exam-primary h3, .resource-primary h3, .resource-secondary h3 { color: white; } 

/* --- Footer --- */
.custom-footer {
    text-align: center;
    padding: 20px;
    margin-top: 50px;
    border-top: 1px solid #ddd;
    color: #777;
    font-size: 0.9em;
}

/* --- Mobile Optimization --- */
@media (max-width: 600px) {
    .header-wrapper {
        padding: 10px 0 10px 0 !important;
    }
    .custom-header {
        padding: 0 15px !important;
    }
    .custom-header h1 {
        font-size: 1.8em;
    }
    .button-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}/* End custom CSS */
/* Start custom CSS *//* --- REDESIGNED COMPACT HEADER STYLES --- */
.header-wrapper {
    background: linear-gradient(135deg, #4A90E2 0%, #0E76A8 100%); /* Blue Gradient */
    padding: 25px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

.custom-header { /* Use a class name to target the header division */
    max-width: 1100px;
    margin: 0 auto;
    padding: 15px 20px;
    color: white;
    text-align: center;
}

.custom-header h1 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 2.5em; 
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.custom-header p {
    font-size: 1.1em;
    margin-top: 5px;
    opacity: 0.95;
    font-weight: 400;
}

/* --- Main Content Container --- */
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Buttons Grid Layout --- */
.button-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

/* --- 3D BUTTON STYLING --- */
.button-link {
    text-decoration: none;
    color: inherit;
    display: block;
    border-radius: 12px;
    box-shadow: 
        0px 5px 0px rgba(0, 0, 0, 0.2), 
        0px 0px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    overflow: hidden;
    border-bottom: 3px solid rgba(0, 0, 0, 0.25);
    position: relative;
    top: 0;
}

.button-link:hover {
    transform: translateY(-3px);
    box-shadow: 
        0px 8px 0px rgba(0, 0, 0, 0.2),
        0px 0px 15px rgba(0, 0, 0, 0.15);
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.button-link:active {
    transform: translateY(2px);
    box-shadow: 
        0px 2px 0px rgba(0, 0, 0, 0.2), 
        0px 0px 5px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.button-content {
    padding: 25px;
    text-align: center;
}

.button-content h3 {
    margin: 0;
    font-size: 1.4em;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
}

/* --- Category Colors --- */
.exam-primary { 
    background-color: #E24A4A; 
    color: white; 
    border-left: 5px solid #C0392B; 
} 
.exam-secondary { 
    background-color: #FFC107; 
    color: #333; 
    border-left: 5px solid #F39C12;
} 
.resource-primary { 
    background-color: #28A745; 
    color: white; 
    border-left: 5px solid #27AE60; 
} 
.resource-secondary { 
    background-color: #17A2B8; 
    color: white; 
    border-left: 5px solid #148F9F; 
}

/* Override link text color inside colored buttons */
.exam-primary h3, .resource-primary h3, .resource-secondary h3 { color: white; } 

/* --- Footer --- */
.custom-footer {
    text-align: center;
    padding: 20px;
    margin-top: 50px;
    border-top: 1px solid #ddd;
    color: #777;
    font-size: 0.9em;
}

/* --- Mobile Optimization --- */
@media (max-width: 600px) {
    .header-wrapper {
        padding: 20px 0;
    }
    .custom-header {
        padding: 10px 15px;
    }
    .custom-header h1 {
        font-size: 2em;
    }
    .button-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}/* End custom CSS */