.cards-problems .card {
  border-radius: min(6px,  calc(6 / 960 * 100vw));
}

.sec-top-slider {
  position: relative;
  padding: min(64px,  calc(64 / 960 * 100vw)) 0;
}

.sec-top-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
  display: flex;
  gap: 1.6666666667vw;
  justify-content: center;
}

.sec-top-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
  width: 32.7777777778vw;
}

.sec-top-slider .swiper-container:not(.swiper-container-initialized) + .swiper-pagination {
  display: none;
}

.sec-top-slider .swiper-slide a {
  transition: opacity 0.3s;
}

.sec-top-slider .swiper-pagination {
  position: static !important;
  margin-top: min(30px,  calc(30 / 960 * 100vw));
}

.sec-top-slider .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid var(--color-white);
  background: transparent;
  opacity: 1;
  margin: 0 min(12px,  calc(12 / 960 * 100vw));
  width: min(10px,  calc(10 / 960 * 100vw));
  height: min(10px,  calc(10 / 960 * 100vw));
}

.sec-top-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-white);
}

.sec-problems {
  background: var(--color-white);
  padding: min(48px,  calc(48 / 960 * 100vw)) min(32px,  calc(32 / 960 * 100vw));
}

.cards-problems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(16px,  calc(16 / 960 * 100vw));
}

.cards-problems .card {
  position: relative;
  background: var(--color-bg-gray);
  padding: min(20px,  calc(20 / 960 * 100vw)) min(24px,  calc(24 / 960 * 100vw)) min(40px,  calc(40 / 960 * 100vw)) min(20px,  calc(20 / 960 * 100vw));
}

.cards-problems .icon {
  display: flex;
  justify-content: center;
}

.cards-problems .icon img {
  width: min(76px,  calc(76 / 960 * 100vw));
}

.cards-problems .title {
  position: relative;
  text-align: center;
  color: var(--color-navy);
  padding-bottom: min(18px,  calc(18 / 960 * 100vw));
}

.cards-problems .title::after {
  --percent: 14.3%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, var(--color-navy) 0%, var(--color-navy) var(--percent), var(--color-line-purple) var(--percent), var(--color-line-purple) 100%);
}

.cards-problems a {
  transition: opacity 0.3s;
}

@media only screen and (max-width: 768.8px) {
  .cards-problems .card {
    border-radius: 1.6vw;
  }

  .sec-top-slider {
    padding: 10.6666666667vw 0;
  }

  .sec-top-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
    gap: 0;
  }

  .sec-top-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
    width: 77.3333333333vw;
  }

  .sec-top-slider .swiper-pagination {
    margin-top: 8vw;
  }

  .sec-top-slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3.2vw;
    width: 3.2vw;
    height: 3.2vw;
  }

  .sec-problems {
    padding: 12.8vw 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }

  .cards-problems {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }

  .cards-problems .card {
    padding: 5.3333333333vw 5.3333333333vw 10.1333333333vw 5.3333333333vw;
  }

  .cards-problems .icon img {
    width: 18.1333333333vw;
  }

  .cards-problems .title {
    padding-bottom: 4.2666666667vw;
  }

  .cards-problems .title::after {
    --percent: 13%;
  }
}

@media (hover: hover) {
  .sec-top-slider .swiper-slide a:hover {
    opacity: 0.6;
  }

  .cards-problems a:hover {
    opacity: 0.6;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .sec-top-slider .swiper-slide a:hover {
    opacity: 0.6;
  }

  .cards-problems a:hover {
    opacity: 0.6;
  }
}