body {
    background-color: #f8f9fa; /* Set a light background color */
}

.nav-list-item:hover{
    font-size: large;
}
.members-section {
    padding: 30px 0;
}

.member-card {
    margin-bottom: 20px;
    min-height: 350px;
    
}
.how-to-become-member {
    background-color: #37148c; /* Set a professional color for the section */
    color: #fff;
    padding: 4% 0;
}
.image-container{
    min-height: 300px;
}
.card-title{
    color: #37148c;
}

.image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 250px; /* Set a maximum height for the image container */
    border-radius: 5px;
}

.blurred-image {
    width: 100%;
    height: auto;
    filter: brightness(10%) blur(4px); /* Adjust the blur effect as needed */
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 4em; /* Adjust the font size as needed */
    
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
@media (max-width: 556px) {
    /* Adjust font size for smaller screens */
    .text-overlay {
        font-size: 2.5em;
        margin-top: -2rem;
    }
  }
  @media (max-width: 400px) {
    /* Adjust font size for smaller screens */
    .text-overlay {
        font-size: 2em;
        margin-top: -3.5rem;
    }
  }
  @media (min-width: 557px) and (max-width: 900px) {
      /* Adjust font size for smaller screens */
      .text-overlay {
          font-size: 3.5em;
      }
  }
  
  @media (min-width: 901px) and (max-width: 1100px) {
    /* Adjust font size for smaller screens */
    .text-overlay {
        font-size: 4em; 

    }
  }
@media (max-width: 575.98px) {
/* Styles for devices with a width less than 576 pixels */
.col-xs-6{
width: 80%; /* Set the width to 100% for extra small devices */
}
}

@media screen and (min-width:992px){
    .nav-item {
    line-height:80px;
    }
    
    .carousel_image {
    max-height:500px;
    
    }
  }