@charset "UTF-8";
.brends {
  border-radius: 16px;
  border: 1px solid #CFD4EA;
  overflow: hidden;
}

.brends .swiper-wrapper {
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

.brend {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  text-decoration: none;
  color: #2C2C2C;
  padding: 20px;
}

.brend .ico-link img {
  width: 18px;
  height: 18px;
}

.brend:hover .ico-link {
  color: #4532AD;
}

.brend img {
  margin: 0 !important;
  width: 100%;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

.brends-wrapper {
  position: relative;
}
.brends__navigation {
  position: absolute;
  right: 10px;
  top: -90px; 
  gap: 10px; 
}
.brends__navigation::before {
    content: '';
    display: block;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 8px;
    background: #CFD4EA;
    pointer-events: none;
}
.brends-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch !important;
  justify-content: flex-start;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
.brend-line {
  border-radius: 16px;
  border: 1px solid #CFD4EA;
  text-decoration: none;
  align-items: stretch !important;
}
.brend-line .brend {
  width: 220px;
  border-right: 1px solid #CFD4EA;
  justify-content: center;
}
.brend-line__text {
  padding: 20px;  
}

@media (max-width: 680px) {
  .brend {
    padding: 10px;
    gap: 12px;
  }

  .brend-line .brend {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #CFD4EA;
  }

  .brend .ico-link img {
    width: 16px;
    height: 16px;
  }

  .brend__logo {
    height: 50px;
  }
  .brends__navigation {
    right: 5px;
    top: -54px; 
    gap: 5px; 
  }
  .brends__navigation::before {
      width: calc(100% + 10px);
      height: calc(100% + 10px);
      top: -5px;
      left: -5px;
      border-radius: 6px;
  }
}