.o-usp {
  --grid-column-gap: var(--column-gap-mobile);
  --grid-row-gap: var(--row-gap-mobile);
}
@media screen and (min-width: 768px) {
  .o-usp {
    --grid-column-gap: var(--column-gap-desktop);
    --grid-row-gap: var(--row-gap-desktop);
  }
}
.o-usp--border {
  border-top: 1px solid rgba(var(--color-border));
  border-bottom: 1px solid rgba(var(--color-border));
}
.o-usp__slider-wrapper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: var(--grid-row-gap) var(--grid-column-gap);
}
.o-usp__slider-wrapper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  --flex-items: 1;
  width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--grid-column-gap));
}
.o-usp__slider-wrapper:not(.swiper-initialized)[data-columns-mobile="1"] .swiper-slide {
  --flex-items: 1;
}
.o-usp__slider-wrapper:not(.swiper-initialized)[data-columns-mobile="2"] .swiper-slide {
  --flex-items: 2;
}
@media screen and (min-width: 768px) {
  .o-usp__slider-wrapper:not(.swiper-initialized)[data-columns="2"] .swiper-slide {
    --flex-items: 2;
  }
}
@media screen and (min-width: 768px) {
  .o-usp__slider-wrapper:not(.swiper-initialized)[data-columns="3"] .swiper-slide {
    --flex-items: 3;
  }
}
@media screen and (min-width: 768px) {
  .o-usp__slider-wrapper:not(.swiper-initialized)[data-columns="4"] .swiper-slide {
    --flex-items: 4;
  }
}
.o-usp__slider-wrapper--grid .swiper-wrapper {
  flex-wrap: wrap;
}
.o-usp__slider-wrapper--slider:not(.swiper-initialized) {
  overflow: hidden;
}
.o-usp__slider-wrapper--slider:not(.swiper-initialized) .swiper-wrapper {
  flex-wrap: nowrap;
}

.m-usp-item__title, .m-usp-item__text p {
  margin: 0;
}
.m-usp-item__title {
  margin-bottom: 0.5rem;
}
.m-usp-item__text {
  font-size: var(--body-fs-sm);
}
.m-usp-item__text * {
  color: inherit;
}
.m-usp-item__image img {
  width: var(--image-width, 5rem);
  border-radius: var(--border-radius, 0);
  aspect-ratio: 1/1;
  object-fit: cover;
  max-width: 100%;
  height: auto;
}
.m-usp-item__icon svg {
  width: var(--icon-width, 2.4rem);
  height: auto;
  max-width: 100%;
}
.m-usp-item__icon svg path {
  fill: currentColor;
}
.m-usp-item__inner {
  display: flex;
  gap: 1.6rem;
}
.m-usp-item__icon-alignment--top {
  flex-direction: column;
}
.m-usp-item__icon-alignment--next {
  flex-direction: row;
}
