/* Responsive styles */
@media (max-width: 768px){
        .footer-links {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 0px;
  } 
    .footer-logo{
        width: 200px;
    }
    .footer-group h3 {
    text-align: justify;
    margin:8px 30px;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    white-space: nowrap;
  }

    .footer-brand{
        
        text-align: center;
        max-width:100%;
    }
    .footer-social{
        justify-content: center;
    }
}