.b-numbers {
  z-index: 1;
  margin: clamp(100px, 12vw, 180px) 0;
}

.b-numbers__bg {
  z-index: -1;
  left: 0;
  right: 0;
  bottom: -30px;
  overflow: hidden;
}

.b-numbers__title {
  font-weight: 700;
  font-size: clamp(28px, 3vw, 52px);
  line-height: 120%;
  margin-bottom: 45px;
}

.b-numbers__list {
  gap: clamp(34px, 4vw, 70px);
  max-width: clamp(313px, 26vw, 473px);
  margin: 0 auto;
  z-index: 1;
}

.b-numbers__item {
  background: linear-gradient(180deg, #1c388b 0%, #150a66 44.49%);
  border-radius: clamp(22px, 3vw, 32px);
  padding: clamp(20px, 3vw, 44px) 40px;
  gap: 12px;
}

.b-numbers__item-numbers {
  font-weight: 600;
  font-size: clamp(46px, 4vw, 69px);
  line-height: 134%;
  color: #75e1da;
}

.b-numbers__item-icon {
  left: 100%;
  width: clamp(50px, 7vw, 126px);
  margin-left: 92px;
  top: 50%;
  transform: translateY(-91%);
}

.b-numbers__item-icon:before {
  content: '';
  display: block;
  border-style: solid;
  border-width: clamp(10px, 2vw, 30px) 0 clamp(10px, 2vw, 30px) clamp(80px, 6vw, 102px);
  border-color: transparent transparent transparent #150a66;
  transform: rotate(0deg);
  position: absolute;
  left: -93px;
  bottom: -12px;
}

.b-numbers__item-text {
  font-weight: 300;
  font-size: clamp(22px, 2vw, 32px);
  line-height: 134%;
  color: #fff;
  flex: 1 1;
  max-width: 180px;
}

.b-numbers__img {
  top: calc(-1 * clamp(60px, 7vw, 160px));
  bottom: calc(-1 * clamp(20px, 7vw, 120px));
  left: -100px;
  right: -100px;
  z-index: -1;
}

.b-numbers__img img {
  height: 100%;
  min-height: 100%;
  max-width: none;
  object-fit: contain;
}

@media screen and (min-width: 992px) {
  .b-numbers__title {
    margin-bottom: clamp(45px, 12vw, 220px);
  }

  .b-numbers__item:nth-child(4n+1) {
    transform: translateX(-60%);
  }

  .b-numbers__item:nth-child(even) {
    transform: translateX(65%);
  }

  .b-numbers__item:nth-child(even) .b-numbers__item-icon {
    transform: translateY(-91%) scaleX(-1);
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: 92px;
  }

  .b-numbers__item:nth-child(even) .b-numbers__item-icon img {
    transform: scaleX(-1);
  }

  .b-numbers__item:nth-child(4n+3) {
    transform: translateX(-80%);
  }
}

@media screen and (max-width: 575px) {
  .b-numbers__bg img {
    max-width: 723px;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
  }
}