.elementor-10472 .elementor-element.elementor-element-faca8ff{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-10472 .elementor-element.elementor-element-a5706f8{text-align:center;}.elementor-10472 .elementor-element.elementor-element-a5706f8 .elementor-heading-title{color:#213E7A;font-family:"Raleway", Sans-serif;font-size:32px;font-weight:700;}/* Start custom CSS for container, class: .elementor-element-faca8ff *//* 1. The Grid Container */
.directors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

/* 2. Target the first card (Chairman) */
.director-card:first-child {
    grid-column: 1 / -1; /* Span all 3 columns */
    justify-self: center; /* Center the card horizontally in that span */
    width: calc(33.33% - 20px); /* Keep it the same width as the cards below */
}

/* 3. Card Styling (to match your image) */
.director-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.director-img-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    background: #f4f7f9; /* Light grey background like in your photo */
}

/* The Dark Blue Box at the bottom */
.director-info {
    background-color: #051d3b; /* Dark Navy */
    color: #ffffff;
    padding: 20px 10px;
    text-align: center;
    border-top: 5px solid #0076f4; /* The bright blue accent line */
}

.director-info h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

.director-info p {
    font-size: 12px;
    margin: 0;
    opacity: 0.8;
}

/* 4. Responsive Settings */
@media (max-width: 991px) {
    .directors-grid { grid-template-columns: repeat(2, 1fr); }
    .director-card:first-child { width: calc(50% - 15px); }
}

@media (max-width: 600px) {
    .directors-grid { grid-template-columns: 1fr; }
    .director-card:first-child { width: 100%; }
}

body {
    background-color: #F1F5FF
}/* End custom CSS */