.about-title {
		color: #002395; /* Matches header background */
		font-family: 'Arial', sans-serif; /* Clean, professional font */
		font-size: 26px; /* Slightly larger for emphasis */
		font-weight: bold;
		text-align: center; /* Center the title */
		margin-top: 20px;
	}
	
	.about-title-committee {
		color: #002395; /* Matches header background */
		font-family: 'Arial', sans-serif; /* Clean, professional font */
		font-size: 26px; /* Slightly larger for emphasis */
		font-weight: bold;
		text-align: LEFT; /* Center the title */
		margin-left: 100px;
		margin-top: 20px;
	}
	
/* Container for the whole about section */
.about-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Inner container with total width set to 50% */
.about-inner-container {
    width: 50%; /* 50% of the total page width */
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Gap between the left and right sections */
}

/* Left Section (About Text) */
.about-left {
    width: 37%; /* Adjust as needed */
    font-size: 12px; /* Ensure consistent font size */
    color: #333;
}

.about-left h5 {
    font-size: 17px;
    color: #002395;
    margin-bottom: 5px;
}

.about-left p, .about-right p { /* Adding same font size for right section */
    font-size: 12px; /* Ensure consistent font size */
    line-height: 16px;
    text-align: justify;
}

.about-left ul {
    list-style: disc;
	font-size: 12px; /* Ensure consistent font size */
    margin-left: 20px;
	text-align: justify;
}

/* Right Section (Committee Members) */
.about-right {
    width: 45%; /* Adjust as needed */
    font-size: 18px; /* Ensure consistent font size */
}
/* Committee Section */
.committee-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px; /* Increase base font size */
    margin-top: 20px; /* Increase top margin */
    background-color: #fff; /* Background color */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for modern look */
}

.committee-table th, .committee-table td {
    padding: 20px 15px; /* Increase padding for more space */
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e0e0e0; /* Light border for rows */
}

.committee-table th {
    background-color: #f9f9f9; /* Slightly lighter background for header */
    color: #002395;
    width: 40%;
    font-size: 18px; /* Make positions bigger */
}

.committee-table td {
    color: #333;
    font-size: 16px; /* Make names bigger */
    font-weight: bold; /* Make names bold */
}

.member-icon {
    font-size: 22px; /* Increase icon size */
    color: #002395;
    margin-left: 12px; /* Increase margin for more space */
    transition: color 0.3s; /* Smooth transition for hover effect */
}

.member-icon:hover {
    color: #0056b3; /* Change color on hover */
}

.committee-table a {
    color: #002395;
    text-decoration: none;
}

.committee-table a:hover {
    text-decoration: underline;
}