/* General styling */

/* Section styling */
section {
    padding: 20px;
    background: #e6e8e8;
    /*margin: 20px;*/
    border-radius: 20px;
	border: 4px solid #ccc; /* Light gray border */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}/*
section {
	padding-top: 2px;
    border: 2px solid #ccc; /* Light gray border 
    margin: 120px; /* Adds spacing around the section 
    padding: 15px; /* Adds space inside the section 
    border-radius: 20px; /* Rounds the corners of the border 
    background-color: #52afa5; /* Light background for contrast 
}*/

/* Heading styles */
G2 {
    font-size: 24px;
    color: #1a2006;
    margin-bottom: 20px;
    text-transform: uppercase;
	text-align: center;
	
}
.auto.auto_1280 .home_title > h1::after { 
    content: ""; 
    display: block; 
    width: 5vw;  /* Scales with viewport width */
    height: 0.1em;  /* Scales with text size */
    background: #F3CF9B;  /* Line color */
    margin: 0.4em auto 0;  /* Adjusts spacing proportionally */
}


body { 
    background-color: #e6e8e8 !important; 
}



.Banner0021671 .column d1 span:after {
    content: "";
    display: block;
    background: #F3CF9B;
    width: 60px;
    height: 4px;
    margin: 10px auto 0; /* Center the line and adjust top margin */
	
}

/* Team container */
.team {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

/* Member styling */
.member {
    background: #e6e8e8;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    width: 200px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

.member:hover {
    transform: scale(1.05);
}

/* Image styling */
.member img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
}

/* Hierarchy Styling */

/* Board of Directors */
#board .team {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#board .chair {
    width: 250px;
    font-weight: bold;
    background: #e6e8e8 ;
}

#board .vice-chair {
    width: 250px;
    background: #e6e8e8 ;
}

/* Arrange remaining board members in a row */
#board .board-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

/* Management Team - Modified layout */
#management .team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#management .director {
    width: 250px;
    font-weight: bold;
    background: #e6e8e8;
    margin-bottom: 20px;
}

/* Container for director1 and director2 to be side-by-side */
.directors-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

/* Director1 and Director2 specific styling - placed side by side */
.member.director1, .member.director2 {
    flex: 1;
    width: 250px;
    /*max-width: 300px;*/
}

/* Arrange other management members in a row */
#management .management-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

#union .union-chair {
    width: 250px;
    font-weight: bold;
    background: #e6e8e8 ;
   
}

/* Arrange other union members in a row */
#union .union-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.board-row, .management-row, .union-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}
.member {
    flex: 1 1 calc(20% - 20px); /* Ensure 5 members per row */
    max-width: 200px;
    text-align: center;
}