.solutions-hero {
  padding: clamp(64px, 14vw, 145px) 0 clamp(56px, 10vw, 120px);
  margin-top: calc(-1 * clamp(56px, 10vw, 106px));
  background: linear-gradient(to bottom, rgba(249, 245, 255, 0.3) 95%, #fff 100%), url("../../../../assets/img/publishers-bg.webp") no-repeat center/cover;
  overflow: hidden;
}
.solutions-hero__tabs-top {
  margin-bottom: clamp(20px, 3vw, 40px);
  display: flex;
  justify-content: center;
}
.solutions-hero__content {
  max-width: 1002px;
  margin: 0 auto clamp(20px, 2.5vw, 32px);
  text-align: center;
}
.solutions-hero__title {
  margin-bottom: 20px;
}
.solutions-hero__action {
  text-align: center;
  margin-top: auto;
}
.solutions-hero__snippet {
  max-width: 814px;
  margin: 0 auto clamp(20px, 3vw, 32px);
}
.solutions-hero__body-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.solutions-hero__mobile-swipe {
  margin-top: 12px;
  text-align: center;
}
@media (max-width: 767px) {
  .solutions-hero__title {
    font-size: 36px;
  }
  .solutions-hero__tabs-top {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .solutions-hero__tabs-top::-webkit-scrollbar {
    display: none;
  }
  .solutions-hero__action .btn {
    width: 100%;
  }
}
@media (width < 768px) {
  .solutions-hero {
    padding-bottom: 40px;
  }
}

.stabs {
  background: #fff;
  border-radius: 20px;
  padding: 8px;
  display: flex;
  gap: 4px;
}
.stabs__item {
  border-radius: 18px;
  padding: 16px 18px;
  border: 0;
  background: transparent;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.stabs__item svg,
.stabs__item img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: 0.3s;
}
.stabs__item svg,
.stabs__item path {
  stroke: currentColor;
}
.stabs__item:hover {
  color: var(--color-accent);
}
.stabs__item--active {
  background: var(--color-accent);
  color: #fff;
}
.stabs__item--active svg,
.stabs__item--active img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.stabs__item--active:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .stabs {
    margin: 0 auto;
  }
  .stabs__item {
    padding: 8px;
    font-size: 14px;
    border-radius: 12px;
  }
}

.sbody {
  position: relative;
  width: 100%;
  max-width: 1000px;
  overflow: visible;
}
.sbody__item {
  -height: auto;
  flex-direction: column;
}
.sbody__item + .sbody__item {
  display: none;
}
.sbody.swiper-initialized .sbody__item {
  display: block;
}
.sbody__image-container {
  position: relative;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 2.81px 28.13px 0px rgba(166, 130, 249, 0.4);
  margin-top: clamp(24px, 4.5vw, 60px);
}
.sbody__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}
.sbody__arrow {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 2;
  opacity: 0;
  transform: translateY(20px);
}
.sbody__item--active .sbody__arrow {
  animation: arrowFadeIn 0.8s ease forwards;
}
@media (max-width: 1200px) {
  .sbody__arrow {
    display: none;
  }
}
@media (max-width: 767px) {
  .sbody__image-container {
    border-radius: 12px;
    padding: 5px;
  }
  .sbody__image {
    border-radius: 8px;
  }
}

@keyframes arrowFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.d-none-desktop {
  display: none;
}

@media (max-width: 991px) {
  .d-none-desktop {
    display: block;
  }
  .sbody-pagination {
    display: flex;
    justify-content: center;
    margin-top: 13px;
  }
  .sbody-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #d1d1d1;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: 0;
    opacity: 1;
    margin: 0;
  }
  .sbody-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    background: var(--color-accent);
  }
}

/*# sourceMappingURL=style.css.map */