/* Container for all directors */
.coro-directors-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

/* Individual director card */
.coro-directors-member {
   /* background-image: url('https://staginguat.coromandel.biz/new/wp-content/uploads/2025/02/BoD-01.webp')!important;  Static background image */
    background-size: cover; /* Ensures the background covers the entire container */
    background-position: center; /* Centers the background image */
    background-repeat: no-repeat; /* Prevents the background from repeating */
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 250px;
    position: relative;
    padding-top: 70px; /* Space for the circular image */
    transition: transform 0.3s ease;
    margin-top: 20px;
}

/* Hover effect for each director card */
.coro-directors-member:hover {
    transform: translateY(-5px);
}

/* Image container for director's photo */
.coro-directors-image-container {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px!important;
    height: 150px!important;
   /* background-image: url('https://staginguat.coromandel.biz/new/wp-content/uploads/2025/02/BoD-01.webp')!important;  Static background image */

}

/* Circular image styling */
.coro-directors-image {
    
    border-radius: 50%; /* Makes the image circular */
    object-fit: cover;
    border: 4px solid white; /* White border around the image */
}



/* Designation styling */
.coro-directors-designation {
    font-size: 14px;
    color: #fbfbfb !important;
}

/* Position styling */
.coro-directors-position {
    font-size: 12px;
    color: #555;
    margin-top: 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .coro-directors-container {
        flex-direction: column;
        align-items: center;
    }

    .coro-directors-member {
        margin-top: 20px;
    }
}

@media (max-width: 900px) {
    .coro-directors-container {
        flex-direction: column;
        align-items: center;
    }

    .coro-directors-member {
        margin-top: 50px;
    }
}




.coro-directors-member:hover {
    transform: translateY(-5px);
}

.coro-directors-image-container {
  
    overflow: hidden;
    border-radius: 50%; /* Make the image circular */
    margin: 0 auto;
    border: 4px solid white; /* Optional border around the image */
}

.coro-directors-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coro-directors-content {
    padding-top: 40px;
}


.coro-directors-name {
    font-family: 'Poppins', sans-serif; /* Poppins font */
    font-size: 14.12px; /* Font size */
    font-weight: 800; /* Bold weight */
    line-height: 27.18px; /* Line height */
    text-align: left; /* Align text to the left */
    text-underline-position: from-font; /* Underline positioning */
    text-decoration-skip-ink: none; /* Text decoration skip ink */
}



/* Responsive Design */
@media (max-width: 768px) {
    .coro-directors-container {
        flex-direction: column;
        align-items: center;
    }

    .coro-directors-member {
        margin-top: 20px;
    }
}