.logo-swiper{
        background-color: black;
        padding: 20px 0;
      }
      .logo-swiper .swiper {
        opacity: 0;
        transition: opacity 0.3s ease;
      }

      .logo-swiper .swiper.swiper-initialized {
        opacity: 1;
      }

      .logo-swiper .swiper {
        width: 100%;
        padding: 20px 0;
      }

      .logo-swiper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto; /* important for variable logo widths */
      }

      .logo-swiper img {
        height: 38px;
        filter: grayscale(100%);
        opacity: 0.75;
        transition: filter .2s ease, opacity .2s ease, transform .2s ease;
      }
      .logo-swiper img:hover {
        filter: none;
        opacity: 1;
        transform: scale(1.03);
      }