.kpi-slider-wrapper {
  position: relative;
}

.kpi-nav {
  position: absolute;

  border: 0;
  background: transparent;
  cursor: pointer;
  color: #1218ff;

  font-size: 42px;
  line-height: 1;
}

.kpi-section {
  position: relative;
  padding: 30px 0;
}

.kpi-section__inner {
  max-width: 1138px;
  margin: 0 auto;
  padding: 0px;
}


.kpi-slider-wrapper {
  position: relative;
}

.js-kpi-slider {
  overflow: visible;
}

.js-kpi-slider .splide__track {
  overflow: hidden;
}

.js-kpi-slider .splide__slide {
  width: 450px;
}

.kpi-card {
  padding: 20px;
  height: fit-content;
}

.kpi-card-header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}


.kpi-card__title {
  margin: 0 0 20px;
  font-weight: 700;
}

.js-kpi-slider .splide__arrows {
  position: absolute;
  inset: 0;
  pointer-events: none;
  left: -80px;
  right: -80px;
}

.js-kpi-slider .splide__arrow {
  pointer-events: auto;
  background: transparent;
  opacity: 1;
}
.js-kpi-slider .splide__arrow:hover {
  top:50%;
  transform: translateY(-50%);
}
.js-kpi-slider button.splide__arrow--prev svg {
  transform: scale(1);
}

@media (max-width: 991px) {

   .splide__list {
     padding-bottom: 60px;
  }
  
  .kpi-section {
     padding: 0px;
  }
  .kpi-section__inner {
    padding: 0 32px;
  }

  .kpi-card--middle,
  .kpi-card--bottom {
    margin-top: 0;
  }
  
  .js-kpi-slider .splide__arrows {
    left: -80px;
    right: -80px;
}

.js-kpi-slider .splide__arrow svg 
  {
  width: 22px;
  height: 22px;
}