/*
 * Partner logos: a title on a rule, then the logos in a carousel with dots.
 */
.yb-logos {
  padding-block: var(--yb-space-section) 20px;
}

.yb-logos__title {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  background: linear-gradient(var(--yb-color-border), var(--yb-color-border)) center / calc(100% - 2 * var(--yb-gutter) - 60px) 1px no-repeat;
}

.yb-logos__title .yb-tag {
  margin: 0;
  background: var(--yb-color-white);
}

.yb-logos__track {
  gap: 20px;
}

.yb-logos__track .yb-carousel__slide {
  display: grid;
  flex-basis: calc((100% - 80px) / 5);
  place-items: center;
  height: 145px;
}

.yb-logos__track img {
  max-width: 114px;
  max-height: 115px;
  width: auto;
  height: auto;
}

.yb-logos .yb-carousel__nav {
  margin-top: 0;
}

.yb-logos .yb-carousel__dot {
  width: 5px;
  height: 5px;
}

@media (max-width: 1024px) {
  .yb-logos {
    padding-top: 60px;
  }

  .yb-logos__track .yb-carousel__slide {
    flex-basis: calc((100% - 20px) / 2);
  }
}

@media (max-width: 767px) {
  .yb-logos__track .yb-carousel__slide {
    flex-basis: calc((100% - 20px) / 2);
  }
}