.rd-brand-list {
  row-gap: 20px;
  padding-top: 40px;
  padding-bottom: 60px;
  overflow: hidden;
  @media (min-width: 768px) {
    row-gap: 30px;
    padding-bottom: 80px;
  }
  @media (min-width: 1280px) {
    row-gap: 40px;
    padding-top: 60px;
    padding-bottom: 120px;
  }
}
.rd-brand-list__title {
  grid-column: 2;
  margin: 0;
  color: var(--color-black-txt);
}
.rd-brand-list__items {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(1px, 1fr));
  gap: 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(4, minmax(1px, 1fr));
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(7, minmax(1px, 1fr));
  }
}
.rd-brand-list__link {
  display: flex;
  height: 90px;
  padding: 10px 25px;
  border-radius: 10px;
  border: 1px solid var(--color-light-grey);
  transition: border-color 0.3s ease;
  @media (hover: hover) {
    &:hover {
      border-color: var(--color-black-bg);
      & .rd-brand-list__image {
        filter: grayscale(0%);
        opacity: 1;
      }
    }
  }
}
.rd-brand-list__link_disabled {
  pointer-events: none;
}
.rd-brand-list__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  @media (min-width: 1280px) {
    transition: filter 0.3s ease, opacity 0.3s ease;
    filter: grayscale(100%);
    opacity: 0.8;
  }
}