.about-mission {
  border-radius: 30px;
  background: #f8f0da;
}

.about-mission h2 {
  padding-bottom: 30px;
  font-size: clamp(32px, 1.979166666666667vw, 38px);
  line-height: 1.1;
  font-weight: 700;
}
.about-mission__item {
  border-radius: 30px;
  background: #faf4e5;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  padding: 40px 40px 60px;
  height: 100%;
}

.about-mission__item__quote {
  padding-left: 27px;
  border-left: 3px solid #cf1a21;
}

.about-mission__item ol {
  list-style: none;
  counter-reset: mission-counter;
  padding-left: 0;
  margin: 0;
}

.about-mission__item ol li {
  counter-increment: mission-counter;
  position: relative;
  padding-left: 40px;
  font-family: "Din Pro", sans-serif;
}
.about-mission__item ol li:not(:last-child) {
  padding-bottom: 24px;
}

.about-mission__item ol li::before {
  content: counter(mission-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-red);
  color: #fff;
  font-family: "DIN Pro";
  font-size: 11px;
  font-weight: 700;
  border-radius: 8px;
}
.mission-item--offset {
  transform: translateY(56px);
  transition: transform 0.6s ease;
}

.mission-item--offset.is-aligned {
  transform: translateY(0);
}
.about-mission__item .paragraph__16 p {
  line-height: 1.6;
}

@media only screen and (max-width: 991px) {
  .mission-item--offset {
    transform: translateY(0);
  }
  .about-mission .slick-list {
    padding-right: 300px !important;
  }
  .about-mission .slick-track {
    display: flex;
  }
  .about-mission .slick-slide {
    height: inherit !important;
  }
}
@media only screen and (max-width: 767px) {
  .about-mission__item {
    padding: 20px 20px 40px;
  }
  .about-mission .slick-list {
    padding-right: 200px !important;
  }
}
@media only screen and (max-width: 567px) {
  .about-mission .slick-list {
    padding-right: 50px !important;
  }
}