.logocloud--0 {
  gap: 0;
}

.component.group .logocloud--0 {
  display: grid;
  grid-template-columns: subgrid;
}

.logocloud--0 .component__heading {
  grid-row: 1;
  grid-column: 1 / -1;
}

.logocloud--0 .component__content {
  grid-row: 3;
  grid-column: 1 / -1;
  position: relative;
}

.logocloud--0 .component__actions {
  grid-row: 2;
  grid-column: 1 / -1;
  margin-block-start: 2rem;
}

.logocloud--0 .logocloud__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  aspect-ratio: 1 / 1;
  background-color: rgba(242, 242, 242, 1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0.625rem;
}

.logocloud--0 .logocloud__logo {
  position: absolute;
}

.logocloud--0 .logocloud__logo {
  opacity: 0;
  visibility: hidden;
  transition: opacity 600ms ease, visibility 600ms ease;
}

.logocloud--0 .logocloud__logo--invert {
  opacity: 1;
  visibility: visible;
}

.logocloud--0 .logocloud__item:hover .logocloud__logo--invert {
  opacity: 0;
  visibility: hidden;
}

.logocloud--0 .logocloud__item:hover .logocloud__logo {
  opacity: 1;
  visibility: visible;
}

.logocloud--0 .swiper-button-prev,
.logocloud--0 .swiper-button-next {
  --swiper-button-size: 3.125rem;
  width: var(--swiper-button-size);
  height: var(--swiper-button-size);
  background: linear-gradient(137.03deg, #b19d60 14.89%, #6e5d32 85.48%);
  box-shadow: var(--box-shadow-2);
  border-radius: 999px;
  transition: background 400ms;
}

.logocloud--0 .swiper-button-prev {
  left: calc((var(--swiper-button-size) - 0.625rem) / -2);
}

.logocloud--0 .swiper-button-next {
  right: calc((var(--swiper-button-size) + 0.625rem) / -2);
}

.logocloud--0 .swiper-button-prev:hover,
.logocloud--0 .swiper-button-next:hover {
  background: linear-gradient(141.81deg, #b19d60 13.96%, #87764d 81.92%);
}

.logocloud--0 .swiper-button-prev::after,
.logocloud--0 .swiper-button-next::after {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(0);
  transition: transform 400ms;
}

.logocloud--0 .swiper-button-prev::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDlDMjEuNTUyMyA5IDIyIDguNTUyMjggMjIgOEMyMiA3LjQ0NzcyIDIxLjU1MjMgNyAyMSA3VjlaTTAuMjkyODkyIDcuMjkyODlDLTAuMDk3NjMxNSA3LjY4MzQyIC0wLjA5NzYzMTUgOC4zMTY1OCAwLjI5Mjg5MiA4LjcwNzExTDYuNjU2ODUgMTUuMDcxMUM3LjA0NzM4IDE1LjQ2MTYgNy42ODA1NCAxNS40NjE2IDguMDcxMDcgMTUuMDcxMUM4LjQ2MTU5IDE0LjY4MDUgOC40NjE1OSAxNC4wNDc0IDguMDcxMDcgMTMuNjU2OUwyLjQxNDIxIDhMOC4wNzEwNyAyLjM0MzE1QzguNDYxNTkgMS45NTI2MiA4LjQ2MTU5IDEuMzE5NDYgOC4wNzEwNyAwLjkyODkzMkM3LjY4MDU0IDAuNTM4NDA4IDcuMDQ3MzggMC41Mzg0MDggNi42NTY4NSAwLjkyODkzMkwwLjI5Mjg5MiA3LjI5Mjg5Wk0yMSA4VjdMMSA3VjhWOUwyMSA5VjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=');
}

.logocloud--0 .swiper-button-next::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgOUMwLjQ0NzcxNSA5IDAgOC41NTIyOCAwIDhDMCA3LjQ0NzcyIDAuNDQ3NzE1IDcgMSA3TDEgOVpNMjEuNzA3MSA3LjI5Mjg5QzIyLjA5NzYgNy42ODM0MiAyMi4wOTc2IDguMzE2NTggMjEuNzA3MSA4LjcwNzExTDE1LjM0MzEgMTUuMDcxMUMxNC45NTI2IDE1LjQ2MTYgMTQuMzE5NSAxNS40NjE2IDEzLjkyODkgMTUuMDcxMUMxMy41Mzg0IDE0LjY4MDUgMTMuNTM4NCAxNC4wNDc0IDEzLjkyODkgMTMuNjU2OUwxOS41ODU4IDhMMTMuOTI4OSAyLjM0MzE1QzEzLjUzODQgMS45NTI2MiAxMy41Mzg0IDEuMzE5NDYgMTMuOTI4OSAwLjkyODkzMkMxNC4zMTk1IDAuNTM4NDA4IDE0Ljk1MjYgMC41Mzg0MDggMTUuMzQzMSAwLjkyODkzMkwyMS43MDcxIDcuMjkyODlaTTEgOEwxIDdMMjEgN1Y4VjlMMSA5TDEgOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}

.logocloud--0 .swiper-button-prev:hover::after {
  transform: translateX(-0.125rem);
}

.logocloud--0 .swiper-button-next:hover::after {
  transform: translateX(0.125rem);
}

@media (max-width: 1199px) {
  .logocloud--0 .component__content {
    margin-block-start: 2rem;
  }
  .logocloud--0 .swiper-button-prev,
  .logocloud--0 .swiper-button-next {
    top: unset;
    bottom: calc((var(--swiper-button-size) + 0.75rem) / -1);
  }
  .logocloud--0 .swiper-button-prev {
    left: 0;
  }
  .logocloud--0 .swiper-button-next {
    right: 0;
  }
}

@media (min-width: 1200px) {
  .logocloud--0 .logocloud__items {
    padding: 1.25rem;
  }
  .logocloud--0 .component__heading {
    grid-row: 1;
    grid-column: 2 / 6;
  }
  .component.group .logocloud--0 .component__heading {
    grid-column: 1 / 5;
  }
  .logocloud--0 .component__content {
    grid-row: 1 / span 2;
    grid-column: 6 / -2;
    place-content: flex-end;
    margin-inline-start: 3.125rem;
  }
  .component.group .logocloud--0 .component__content {
    grid-column: 5 / -1;
  }
  .logocloud--0 .component__actions {
    grid-row: 2;
  }
  .logocloud--0 .swiper-button-prev,
  .logocloud--0 .swiper-button-next {
    top: unset;
    margin-top: unset;
    bottom: calc(163px / 2);
  }
}

@media (min-width: 1440px) {
  .logocloud--0 .swiper-button-prev,
  .logocloud--0 .swiper-button-next {
    top: unset;
    margin-top: unset;
    bottom: calc(224px / 2);
  }
}