.diagonal-section {
    background: linear-gradient(149.5deg, #001f60 50%, #f5faff 50%);
    color: white;
    padding: 3rem 0;
}
.photo-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 15px; margin: 20px; 
} 
.photo-grid img {
     width: 100%; 
     height: auto; 
     display: block; 
     object-fit: cover; 
}
.team-section {
    background: #f5faff;
}
.modal-content { 
    border-radius: 20px; 
}
.btn-close-custom {
    filter: invert(0.5) sepia(1) 
    saturate(5) hue-rotate(175deg);
}
.top-content {
    background: linear-gradient(135deg, #0056d6, #2196f3);
    color: #fff;
    text-align: center;
    padding: 75px 15px;
  }
  .top-content h2 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
  }
  .top-content h3 {
    color: white;
  }
  .top-content  p {
    font-size: 0.9rem;
    margin-bottom: 15px;
  }
  .btn-outline-light:hover {
    background-color: #fff;
    color: #0056d6;
  }
 
  .diagonal-section img {
    border-radius: 10px;
  }
.stats-section { 
    background: linear-gradient(90deg, #0033cc 0%, #000066 100%);
    color: white;
    width: 80%;
    
} 
    .stats-section .stat { 
        text-align: center; padding: 20px; 
    } 
    .stats-section .stat h2 
    { 
        font-size: 2.5rem; 
        margin-bottom: 10px; 
        color: white;
    } 
    .stats-section .stat p { 
        font-size: 1.2rem; 
    }