.partners {
  background: #f1f7fb;
  padding: 36px 0;

  @include media('tablet-l') {
    padding: 50px 0;
  }

  @include media('tablet-m') {
    padding: 40px 0;
  }

  @include media("tablet-s") {
    padding: 30px 0;
  }

  &__wrapper {
    @extend %container;

    position: relative;
  }

  &__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;

    @include media('tablet-m') {
      row-gap: 20px;
    }

    @include media('tablet-s') {
      overflow: hidden;
    }
  }

  &__item {
    width: calc((100% - 30px * 3) / 4);
    height: 128px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease-in-out;

    @include media('tablet-l') {
      height: 121px;
    }

    @include media('tablet-m') {
      padding: 80px;
      width: calc((100% - 30px) / 2);
    }

    @include media("tablet-s") {
      height: 70px;
      padding: 15px;
    }

    img {
      max-height: 90px;
      display: block;

      @include media('tablet-l') {
        max-height: 90px;
      }

      @include media('tablet-m') {
        max-height: 80px;
      }

      @include media("tablet-s") {
        max-height: 70px;
      }
    }

    &:hover {
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 4px 30px 0 rgba(31, 103, 159, 0.08);
    }
  }
}