/* includes/modules/LogoBanner/style.css */
.logo-banner-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .logos-wrapper {
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: relative;
    gap: 24px;
  }
  
  /* Desktop */
  .logos-wrapper img {
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    filter: alpha(opacity=60);
    height: 116px;
    width: 200px;
    object-fit: contain;
  }
  
  /* Tablet */
  @media (max-width: 768px) {
    .logos-wrapper{
      gap: 12px;
    }
    .logos-wrapper img {
      height: 58px;
      width: auto;
      min-width: 150px;
    }
  }
  
  /* Mobile */
  @media (max-width: 480px) {
    .logos-wrapper img {
      height: 58px;
      width: auto;
      min-width: 150px;
    }
  }