#section{
    height: 100%;
    width: 100%;
    /* background-color: aquamarine; */
  }
  
  .left-side {
    background-color:rgb(5, 107, 167);
    /* max-height: 100%;
    height: 329px; */
  }
  .right-side .image img{
  max-width: 100%;
  width: 50%;
  }
  .right-img-bg{
  background-color: aliceblue;
  }
  .right-side{
  text-align: center;
  }
  .right-side .image{
    margin-top: 75px;
  }
  
  .section-wireless .fonts h1 {
    font-family:sans-serif;
    font-weight: bold;
    /* font-size: 20px; */
    margin-bottom: -10px;
  }
  .section-wireless .fonts h1 {
  font-family: sans-serif;
  font-weight: bold;
  font-size:50px;
  margin: auto !important;
  
  }
  .section-wireless .overlay-content{
    margin-top: 0px;
  }
  @media (max-width:500px) {

    .section-wireless .fonts  h1{
     font-family: sans-serif;
     font-weight: bold;
     font-size:35px;
     padding: 20px;
    }
   }
   @media (min-width: 350px){
    .thematic{
      flex-wrap: wrap;
     }
   }
   /* sub areas */
   
  .all {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 100%;
  }
  
  .sub-area-button {
    background-color: #0a7fb9;
    color: white;
    border-radius: 10px;
    padding: 5px;
    font-size: 20px;
    /* Adjust font size to fit text within each box */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 125px;
    /* Consistent height for all boxes */
    width: 100%;
    /* Takes full width of the column */
    font-weight: 500;
  
  }
  
  .all {
    width: 150px;
  }
  
  .search__listing-wrapper {
    height: 300px;
  }
  
  .search__listing-head h5 {
    font-size: 1.875rem;
    color: #0a7fb9;
  }
  
  .section-sub-areas .card {
    border: none;
    border-radius: 0px;
    border-bottom:10px solid #076cc4;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .icon-box1{
    width: 137px;
   }
   .section-sub-areas .icon{
     width: 75px;
   }
   .sub-area-title{
    font-size: 18px;
    font-weight: 600;
   }
 
  @media (max-width:768px){
    .section-sub-areas .card-title{
      font-size: 14px;
    }
  
  }

  .card .card-footer {
    background-color: #0d6efd;
    height: 5px;
    border-radius: 0 0 8px 8px;
  }
  
  .container-title {
    text-align: center;
    margin-bottom: 30px;
  }
  
  
  .area {
    font-family: 'Times New Roman', Times, serif;
    font-size: 44px;
  }
  
  .areas {
    font-size: 60px;
    font-weight: 400;
  
  }

  
  .institute-logo {
    height: 130px;
    width: auto;
  }
  
  
   /* lead and co-lead */
   .lead-card {
    border-radius: 15px 0px 15px 0px;
    /* text-align: center; */
    height: 100%;
    transition: 0.5s;
   
  }
  .custom-col{
    flex: 0 0 calc(100%/5);
    max-width: calc(100%/5);
  }
  
  .lead-card-header { 
    background-position: center center;
    background-size: cover;
    max-width: 100%;
    border-radius: 15px 0 15px 0;
    position: relative;
    top: 20px;
  }
  .lead-card:hover{
    padding-top: -10px;
   
  }
  
  .ma{
    max-width: 100%;
    border-radius: 15px 0px 15px 0px;
    height: 200px;
  }
  
  
   .color{
    background-color: #166ab4;
    color: white;
    border-radius: 15px 0 15px 0;
    padding: 20px 0 0 0;
  
   }
  
  .lead-card-title {
    margin-top: 20px;
    font-weight: bold;
    color: #333;
  }
  
  .lead-card-subtitle {
    font-size: 0.9rem;
    color: #555;
  }
  @media (max-width: 1280px) {
    .custom-col {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .color h5{
      font-size: 13px;
    }
    .color img{
      height: 90px;
    }
  }
  @media (min-width: 1800px) {
  
    .color img{
      height: 110px;
    }
    .color h5{
      font-size: 19px;
    }
    .custom-col {
      flex: 0 0 20%;
      max-width: 20%;
  }
  
  }
  
  @media (max-width: 992px) {
    .custom-col {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
  }
  
  @media (max-width: 768px) {
    .custom-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .color{
      flex-direction: column;
      border-radius: 0px 0px 10px 0px;
      
    }
    .ma{
      height: 120px;
      border-radius: 10px 0px 0px 0px;
    }
  
  }
  .thematic-card {
    /* border: 1px solid #ddd; */
    padding: 10px;
    /* border-radius: 8px; */
    text-align: center;
    /* background-color: #f8f9fa; */
    /* transition: transform 0.2s; */
    min-width: 150px;
    /* Ensures cards are visible on small screens */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
    transition: all 0.3s ease-in-out;
  }
  
  .thematic-card:hover {
    transform: scale(1.05);
  }
  
  .thematic-icon {
    font-size: 48px;
    margin-bottom: 10px;
    color: #6c757d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  
    /* background-image:url(../assets/img/thematic-areas/11.png); */
    background-position: center center;
    background-size: cover;
  }
  
  .thematic-icon img {
    height: 130px;
    width: auto;
  }
  
  .thematic-title {
    font-weight: 400;
    /* margin-top: 10px; */
    max-width: 140px;
    text-align: center;
    margin: auto;
  }