/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./slicing/src/scss/wt-components/number-usp.scss ***!
  \*************************************************************************************************************************************************************************************************/
.number-usp {
  padding: 1.6rem 1.6rem 3.2rem 1.6rem;
}
@media only screen and (min-width: 992px) {
  .number-usp {
    padding: 6.4rem 1.6rem;
  }
}
.number-usp__wrapper {
  max-width: 128rem;
  margin: 0 auto;
}
.number-usp__intro {
  max-width: 64rem;
  padding: 0 0.8rem;
  margin: 0 auto;
  text-align: center;
}
.number-usp__main-title {
  margin-bottom: 2.4rem;
  color: rgb(var(--primary-color));
}
.number-usp__slide {
  width: 100% !important;
  min-height: 1px;
  padding: 0 0.8rem;
  display: flex;
  float: left;
}
@media only screen and (min-width: 768px) {
  .number-usp__slide {
    width: 50% !important;
  }
}
@media only screen and (min-width: 992px) {
  .number-usp__slide {
    width: 30.4rem !important;
  }
}
.number-usp a:hover {
  text-decoration: none;
}
.number-usp a:hover .number-usp__slide-wrapper {
  background-color: rgba(var(--grey-light), 0.1);
}
.number-usp a:hover .number-usp__title {
  color: rgb(var(--primary-color));
}
.number-usp__slide-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  border: 1px solid rgba(var(--grey-light), 0.2);
  border-radius: 2px;
  color: rgb(var(--black));
  background-color: rgba(var(--white), 0.2);
  transition-duration: 0.3s;
  transition-property: background-color;
  transition-timing-function: ease-in-out;
}
@media only screen and (min-width: 992px) {
  .number-usp__slide-wrapper {
    padding: 3.2rem;
  }
}
.number-usp__title {
  height: auto;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex: 0 0 6.4rem;
  transition-duration: 0.3s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}
.number-usp__introduction {
  height: auto;
  display: flex;
  justify-content: center;
  flex: 0 0 3.2rem;
  font-weight: 400;
  transition-duration: 0.3s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}
.number-usp__number {
  width: 100%;
  height: auto;
  margin-bottom: 1.6rem;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  flex: 0 0 3.2rem;
  font-size: 3.1rem;
  font-weight: 700;
}
.number-usp__description {
  width: 100%;
  font-weight: 700;
}
.number-usp__description p {
  margin: 0;
}
.number-usp__action {
  width: 100%;
  margin-top: auto;
}
.number-usp__action a {
  margin-bottom: 0;
}
.number-usp__button-next, .number-usp__button-prev {
  position: absolute;
  top: 50%;
  padding: 0.8rem;
  transform: translate(0, -50%);
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  z-index: 2;
}
.number-usp__button-next::after, .number-usp__button-prev::after {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../../images/icon-chevron.svg);
}
.number-usp__button-next.slick-disabled, .number-usp__button-prev.slick-disabled {
  display: none !important;
  pointer-events: none;
}
.number-usp__button-next {
  right: 0;
}
.number-usp__button-prev {
  left: 0;
}
.number-usp__button-prev::after {
  transform: rotate(180deg);
}
.number-usp .slick-track {
  display: flex;
  justify-content: center;
}
.number-usp .slick-slide {
  height: inherit !important;
}
.number-usp .slick-list {
  width: 100% !important;
}