.b-numbers {
  padding: clamp(25px, 4vw, 70px) 25px 0;
}

.b-numbers__in {
  margin: 0 auto;
  max-width: 1781px;
  background: #a7a9ac;
}

.b-numbers__top {
  z-index: 1;
}

.b-numbers__top .container {
  max-width: 880px;
}

.b-numbers__bg {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}

.b-numbers__bg img {
  object-fit: cover;
}

.b-numbers__title {
  color: #fff;
}

.b-numbers__title span {
  color: #ffeb6c;
}

.b-numbers__slide {
  line-height: 1.2;
  padding: 0 10px;
}

.b-numbers__slide.index1 .b-numbers__slide-numbers {
  font-weight: bold;
}

.b-numbers__slide-numbers {
  color: transparent;
  letter-spacing: -3px;
  margin-bottom: 7px;
  font-size: 53px;
}

.b-numbers__slide-numbers-in {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #ffeb6c;
}

.b-numbers__slide-text {
  font-weight: bold;
  font-size: 20px;
}

.b-numbers__part {
  padding: 25px 0;
}

.b-numbers__swiper {
  flex: 1 1;
  padding: clamp(20px, 3vw, 50px) clamp(10px, 1vw, 30px);
}

.b-numbers__text {
  line-height: 1.3;
  font-size: 34px;
  font-size: clamp(21px, 1.8vw, 34px);
}

.b-numbers__text b,
.b-numbers__text strong {
  color: #ffeb6c;
}

.b-numbers__top:before,
.b-numbers__top:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background: #ffeb6c;
  top: 0;
  bottom: 0;
  right: 25px;
}

.b-numbers__top:before {
  width: 4px;
  animation: swing 6s ease-in-out infinite;
  transform-origin: center center;
}

.b-numbers__top:after {
  width: 2px;
  animation: swing 3s ease-in-out infinite;
  transform-origin: center center;
}

@-moz-keyframes swing {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(2deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-2deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes swing {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(2deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-2deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(2deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-2deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(2deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-2deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@media screen and (min-width: 576px) {
  .b-numbers__top:before,
  .b-numbers__top:after {
    right: 20px;
  }
}

@media screen and (min-width: 992px) {
  .b-numbers__top {
    padding: clamp(90px, 12vw, 180px) 0;
  }

  .b-numbers__slide-numbers {
    font-size: clamp(40px, 3.4vw, 63px);
  }

  .b-numbers__slide-text {
    font-size: clamp(17px, 1.5vw, 22px);
  }

  .b-numbers .container-fluid {
    min-height: clamp(370px, 26vw, 480px);
  }

  .b-numbers__part {
    padding: 50px clamp(10px, 1vw, 30px);
    border-right: 1px solid rgba(0,0,0,0.5);
    width: 34%;
  }

  .b-numbers__top:before,
  .b-numbers__top:after {
    right: 22%;
  }
}

@media screen and (max-width: 991px) {
  .b-numbers__top {
    padding: 25px 0;
    min-height: clamp(320px, 78vw, 380px);
  }

  .b-numbers__swiper {
    margin: 0 -25px;
  }
}