.d-flex {
    display: flex;
}


.footer-left {
    display: flex;
    width: fit-content !important;
}

.social-container {
     width: fit-content !important;
     margin-left: auto;
     display: flex !important;
     align-items: center;
     gap: 18px;
}

@media only screen and (min-width: 768px) {
 .display-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
  .footer-left > * {
  width: fit-content !important;
    }
}


@media only screen and (max-width: 768px) {
 .social-container > div {
     flex-shrink: 0;
     }
     
      .footer-left {
        gap: 15px;
    }
}

.z-index-3 {
    z-index: 3;
}

.whats-on-container {
    display:flex;
}
.line {
    flex:1;
}