.splide__list .splide__slide {
  position: relative;
}

div.s-item {
  width: 367px;
  height: 367px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  background: #007967;
  border-radius: 16px;
}

div.s-item2 {
  width: 367px;
  height: 367px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  background: transparent;
  position: absolute;
  top: 0;
}

div.s-item2 div {
  color: #FFF;
  text-align: center;
  font-family: Rob;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 125.688%; /* 40.22px */
}

div.s-item img {
  width: 60%;
  position: relative;
  opacity: 0.1;
}

div.s-item div {
  margin: 0 auto;
}

.splide__list .splide__slide:nth-child(even) .s-item {
  background: #8AB8B0;
}

.splide__list .splide__slide:nth-child(odd) .s-item img {
  transform: rotate(90deg);
}

button.splide__arrow.splide__arrow--prev {
  left: -2.8em;
}

button.splide__arrow.splide__arrow--next {
  right: -1.3rem;
}

ul.splide__pagination.splide__pagination--ltr {
  left: -3.4em;
  bottom: -2em;
}

ul.splide__pagination.splide__pagination--ltr button.splide__pagination__page.is-active {
  background: #007967;
}

#splide01 {
  margin-bottom: 60px;
}

div.cars {
  width: 1174px;
}

.splide__pagination__page, .splide__pagination__page.is-active {
  width: 15px !important;
  height: 15px !important;
  transform: scale(1) !important;
}

.splide__pagination li {
  margin-right: 18px !important
}

.splide__pagination li:last-child {
  margin-right: 0;
}

@media (min-width: 1200px) and (max-width: 1399px) {

  div.cars {
    width: 1030px
  }

  div.s-item {
    width: 310px;
    height: 310px;
  }

  div.s-item2 {
    width: 310px;
    height: 310px;
  }

  div.s-item2 div {
    font-size: 20px;
  }

  button.splide__arrow.splide__arrow--prev {
    /*left: 1rem;*/
  }

  button.splide__arrow.splide__arrow--next {
    right: -0.7rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  div.cars {
    width: 868px
  }

  div.s-item {
    width: 270px;
    height: 270px;
  }

  div.s-item2 {
    width: 270px;
    height: 270px;
  }

  div.s-item2 div {
    font-size: 18px;
  }

  button.splide__arrow.splide__arrow--prev {
    /*left: 1rem;*/
  }

  button.splide__arrow.splide__arrow--next {
    right: -1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  div.cars {
    width: 868px
  }

  div.s-item {
    width: 230px;
    height: 230px;
  }

  div.s-item2 {
    width: 230px;
    height: 230px;
  }

  div.s-item2 div {
    font-size: 18px;
  }

  ul.splide__pagination.splide__pagination--ltr {
    left: 0;
  }

  button.splide__arrow.splide__arrow--prev {
    left: 1rem;
  }

  button.splide__arrow.splide__arrow--next {
    right: 1.8rem;
  }
}

@media (min-width: 576px) and (max-width: 767px) {

  div.cars {
    width: initial;
  }

  div.s-item {
    width: 540px;
    height: 540px;
  }

  div.s-item2 {
    width: 540px;
    height: 540px;
  }

  div.s-item2 div {
    font-size: 32px;
  }

  ul.splide__pagination.splide__pagination--ltr {
    left: 0;
  }

  button.splide__arrow.splide__arrow--prev {
    left: 1rem;
  }

  button.splide__arrow.splide__arrow--next {
    right: 1.8rem;
  }
}

@media (max-width: 575px) {

  div.cars {
    width: initial;
  }

  div.s-item {
    width: 100%;
    padding-top: 0;
  }

  div.s-item2 {
    width: 100%;
    padding-top: 0;
  }

  div.s-item2 div {
    font-size: 20px;
  }

  ul.splide__pagination.splide__pagination--ltr {
    left: 0;
  }

  button.splide__arrow.splide__arrow--prev {
    left: 1rem;
  }

  button.splide__arrow.splide__arrow--next {
    right: 1.8rem;
  }
}

@media (max-width: 314px) {
  .splide {
    display: none;
  }
}