.elementor-3427 .elementor-element.elementor-element-141bcd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e71bbf1 *//* AOC Global Font Reset */
.aoc-modern-wrapper { 
    font-family: 'Segoe UI', Arial, sans-serif; 
    padding: 20px; 
}

.aoc-glass-header { 
    text-align: center; 
    margin-bottom: 50px; 
}

.aoc-main-title { 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 32px; 
    font-weight: 800; 
    color: #1a5276; 
    text-transform: uppercase; 
}

.title-accent { 
    width: 60px; 
    height: 4px; 
    background: #1a5276; 
    margin: 15px auto; 
    border-radius: 2px; 
}

/* Grid Layouts */
.aoc-card-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 25px; 
    margin-bottom: 30px; 
}

.aoc-feature-card { 
    background: #fff; 
    border: 1px solid #e2e8f0; 
    border-radius: 16px; 
    padding: 25px; 
    transition: 0.3s; 
}

.aoc-feature-card:hover { 
    transform: translateY(-5px); 
    border-color: #1a5276; 
}

/* Photo Styling */
.card-content-wrapper { 
    display: flex; 
    align-items: center; 
    gap: 20px; 
}

.member-photo { 
    flex: 0 0 110px; 
    height: 110px; 
    border-radius: 50%; 
    overflow: hidden; 
    border: 3px solid #1a5276; 
}

.member-photo img, .slim-photo img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

.name { 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 20px !important; 
    color: #0f172a; 
    margin: 0 0 5px 0; 
    font-weight: 700; 
}

.desig { 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 14px; 
    color: #475569; 
    margin-bottom: 5px; 
}

.contact-box { 
    font-family: 'Segoe UI', Arial, sans-serif;
    margin-top: 10px; 
    font-weight: 600; 
    color: #1a5276; 
    font-size: 13px; 
}

/* Sub-Committee List Section */
.aoc-list-section { 
    background: #fff; 
    border: 1px solid #e2e8f0; 
    border-radius: 16px; 
    padding: 30px; 
    margin-bottom: 40px; 
}

.list-header { 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 18px; 
    font-weight: 800; 
    color: #0f172a; 
    border-bottom: 2px solid #f1f5f9; 
    padding-bottom: 15px; 
    margin-bottom: 10px; 
}

.list-item-photo-wrapper {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #f1f5f9;
    align-items: flex-start;
}

.list-label { 
    flex: 0 0 30%; 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-weight: 700; 
    color: #1a5276; 
    font-size: 14px; 
    padding-top: 10px; 
}

.list-lead-entry { 
    flex: 1; 
    display: flex; 
    align-items: center; 
    gap: 20px; 
}

.multi-lead-stack { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    gap: 25px; 
}

.slim-photo { 
    flex: 0 0 80px; 
    height: 80px; 
    border-radius: 50%; 
    overflow: hidden; 
    border: 2px solid #1a5276; 
    background: #f8fafc; 
}

.list-data { 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 14px; 
    line-height: 1.6; 
    color: #334155; 
}

/* Admin Footer */
.aoc-admin-footer { 
    background: #1a5276; 
    color: #fff; 
    padding: 35px; 
    border-radius: 16px; 
    font-family: 'Segoe UI', Arial, sans-serif;
}

.admin-grid-with-photos { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 20px; 
}

.admin-card { 
    background: white; 
    color: #1a5276; 
    padding: 15px; 
    border-radius: 12px; 
    display: flex; 
    align-items: center; 
    gap: 15px; 
}

.name-small { 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 15px; 
    font-weight: 700; 
    margin: 0; 
}

.desig-small { 
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 12px; 
    opacity: 0.9; 
    color: #475569; 
}

/* Mobile Responsive View */
@media (max-width: 768px) {
    .aoc-card-grid, .admin-grid-with-photos { 
        grid-template-columns: 1fr; 
    }
    .list-item-photo-wrapper { 
        flex-direction: column; 
        gap: 15px; 
    }
    .list-label {
        flex: 1;
    }
    .list-lead-entry { 
        width: 100%; 
    }
    .card-content-wrapper { 
        flex-direction: column; 
        text-align: center; 
    }
}/* End custom CSS */