/** Shopify CDN: Minification failed

Line 46:5 Cannot use type selector "__item" directly after nesting selector "&"
Line 51:5 Cannot use type selector "__image" directly after nesting selector "&"
Line 71:7 Cannot use type selector "__item" directly after nesting selector "&"
Line 75:7 Cannot use type selector "__image" directly after nesting selector "&"

**/
/* assets/logo-grid-mobile-slider.scss */

.logo-carousel-section {
  .section-wrapper {
    padding-top: var(--inner-space-top);
    padding-bottom: var(--inner-space-bottom);
    .container {
      display: flex;
      flex-direction: column;
      gap: 20px;
      .section-header {
        display: flex;
        justify-content: center;
        width: 100%;
        h2 {
          color: #3d7c85;
          font-weight: 300;
          font-size: 25px;
          line-height: 1.1;
          text-transform: uppercase;
          border-bottom: 1px solid #3d7c85;
          padding: 0 10px 16px;
        }
      }
    }
  }

  .logo-carousel {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: auto;
    @media (max-width: 1280px) {
      width: 100%;
    }

    &__item {
      width: 160px;
      max-width: 100%;
    }

    &__image {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;

      img,
      svg {
        width: 100%;
        height: auto;
        max-height: 60px;
        object-fit: contain;
      }
    }
  }

  @media screen and (max-width: 767px) {
    .logo-carousel {
      display: block;

      &__item {
        width: auto;
      }

      &__image {
        img,
        svg {
          max-height: 46px;
        }
      }
    }
   
  }
  @media(max-width:1024px){
     .logo-carousel__item {
                display: flex;
            height: 80px;
            align-items: center;
            margin:auto 24px;
      .logo-carousel__image {
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          object-fit: contain;
        }
      }
    }
  }
}