.model-levels {
  padding: 320px 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 1440 1563' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1562.2l1442.45-342V0L0 338.172V1562.2z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='303.715' y1='616.735' x2='285.903' y2='1553.92' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23111'/%3E%3Cstop offset='1' stop-color='%232F2F2F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}
.model-levels__head--tablet,
.model-levels__head--mobile {
  display: none;
}
.model-levels__container {
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 40px;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.model-levels__container.slick-initialized {
  display: block;
}
.model-levels__item {
  position: relative;
  max-width: 242px;
  width: auto !important;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin: 0 54px;
  padding: 30px 0 40px;
  opacity: 1;
  transition: opacity 0.35s ease-in;
}
.model-levels__item--active:before,
.model-levels__item--active:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
  background: #ed0f00;
}
.model-levels__item--active:before {
  top: 0;
}
.model-levels__item--active:after {
  bottom: 0;
}
.model-levels .slick-slide:not(.slick-active) {
  opacity: 0.4;
}
.model-levels .slick-slide:not(.slick-active) a,
.model-levels .slick-slide:not(.slick-active) .model-product__compare-tooltip {
  display: block;
  pointer-events: none;
}
.model-levels__cta {
  text-align: center;
}
.model-levels__cta a {
  color: #fff;
  font-size: 1.8rem;
  padding: 21px 27px;
  background-color: #ed0f00;
  transition: background-color 0.4s linear;
  font-family: 'DINCondensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  box-sizing: border-box;
  letter-spacing: 0.8px;
  cursor: pointer;
  border: none;
  border-radius: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.model-levels__cta a:hover {
  background-color: #ff2b1d;
}
.model-levels__cta a[disabled] {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 768px) {
  .model-levels__cta a {
    font-size: 1.6rem;
    padding: 22px 27px;
  }
}
@media (hover: none), (pointer: coarse) {
  .model-levels__cta a:hover {
    background-color: #ed0f00;
  }
  .model-levels__cta a:active {
    background-color: #ff2b1d;
  }
}
@media (max-width: 1440px) {
  .model-levels__item {
    margin: 0 30px;
  }
}
@media (max-width: 1024px) {
  .model-levels {
    padding: 270px 0;
    background-size: 230% 100%;
    background-position-y: -70px;
  }
  .model-levels__head--desktop {
    display: none;
  }
  .model-levels__head--tablet {
    display: block;
  }
  .model-levels__container {
    padding: 0 70px;
  }
  .model-levels__item {
    margin: 0 22px;
  }
}
@media (max-width: 768px) {
  .model-levels {
    padding: 190px 0;
  }
  .model-levels__container {
    padding: 0 6.5%;
  }
  .model-levels__item {
    margin: 0 20px;
  }
}
@media (max-width: 550px) {
  .model-levels__head--tablet {
    display: none;
  }
  .model-levels__head--mobile {
    display: block;
  }
  .model-levels__container {
    padding: 0 5.5%;
  }
}
@media (max-width: 480px) {
  .model-levels {
    padding-top: 210px;
  }
  .model-levels__container {
    padding: 0 28px;
  }
  .model-levels__item {
    margin: 0;
    max-width: 210px;
  }
  .model-levels .slick-slide {
    margin-right: 75px;
  }
  .model-levels .slick-slide:last-child {
    margin-right: 0;
  }
}
@media (max-width: 365px) {
  .model-levels .slick-slide {
    margin-right: 35px;
  }
}