.profileSec h5 {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: #4D3F2E;
}

.profileSec h1 {
    font-family: "Carlito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: black;
}

.profileSec img {
    border: 2px solid #ffdac2; /* Add a border around the image */
    border-radius: 10px; /* Rounded corners for the border */
    box-shadow: 0 10px 5px rgba(54, 54, 54, 0.849); /* Add a subtle shadow effect */
}




.highlighted-text span {
    background-color: rgba(240, 152, 38, 0.849); /* Background color for highlighted text */
    text-decoration: underline; /* Underline effect */
    color: rgb(37, 24, 11);
}


.custom-carlo {
  font-family: "Roboto Condensed", sans-serif;
    color: rgb(156, 107, 61);
    padding: 13px 0 0 0;
    font-weight: bold;
    -webkit-background-clip: text;
    background-clip: text;
  }
  

.panel-heading .panel-title:after {
  /* symbol for "opening" panels */
  font-family: "Glyphicons Halflings"; /* essential for enabling glyphicon */
  content: "\e114"; /* adjust as needed, taken from bootstrap.css */
  float: right; /* adjust as needed */
  color: #ffc107;
}
.panel-heading .panel-title.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080"; /* adjust as needed, taken from bootstrap.css */
  color: grey;
}
  
.active-header {
    color: #ffc107 !important;
}



.descriptionFont {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #4D3F2E;
  font-size: 30px;
}

  .committee-membership {
    display: flex;
    flex-wrap: wrap;
  }
  .committee-membership span {
    margin-right: 10px;
    margin-top: 1rem;
    white-space: nowrap;
    border: 1px solid #4D3F2E; /* Add border */
    padding: 5px; /* Optional: Add padding for better spacing */
    border-radius: 5px; /* Optional: Add border radius for rounded corners */
  }