.section-trophies {
  position: relative;
}
.section-trophies__item {
  height: 100%;
  padding: var(--tmpl-p);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tmpl-gap-xs);
  background: var(--grey);
  border-radius: var(--tmpl-border-radius);
}

.section-trophies__item-img {
  margin-bottom: var(--tmpl-gap-xs);
  height: 314px;
  object-fit: contain;
}

.section-trophies__title {
  font-weight: 700;
  font-size: var(--tmpl-text-md);
  line-height: var(--tmpl-leading-md);
}

.section-trophies__text {
  font-size: var(--tmpl-text);
  line-height: var(--tmpl-leading);
}

.section-trophies .swiper-slide {
  height: 100%;
}

.section-trophies .swiper-button-next,
.section-trophies .swiper-button-prev {
  width: 40px;
  height: 40px;
  color: #333;
  background-color: #fff;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.section-trophies .swiper-button-next::after,
.section-trophies .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 900;
  text-align: center;
}

.section-trophies .swiper-button-next {
  right: -20px;
}

.section-trophies .swiper-button-prev {
  left: -20px;
}

@media (max-width: 767.98px) {
  .section-trophies .swiper-button-next,
  .section-trophies .swiper-button-prev {
    opacity: 0.6;
  }
}
@media (hover: hover) {
  .section-trophies .swiper-button-next:hover,
  .section-trophies .swiper-button-prev:hover {
    color: #fff;
    background-color: var(--blue);
  }
}