:root {
  --arrow-size: 2.5rem;
}

.about-us__carousel {
  margin-top: 2.875rem;
  padding: 0;
}

.about-us .carousel-wrapper h3 {
  margin-top: 24px !important;
}

.carousel-wrapper {
  max-width: 88; /* 1300px */
  margin: 0 auto;
  padding: 1.5rem 1.25rem;

  @media (min-width: 1024px) {
    padding: 2.5rem 3.125rem;
  }
}

/* Slick styles */
.slick:not(.slick-initialized) {
  display: flex;
  overflow: auto;
}

.slick:not(.slick-initialized) .slick-item {
  width: 50%;
}

.slick-img {
  width: 100%;
}

.slick-item {
  padding: 0;

  @media (min-width: 768px) {
    padding: 0 0.625rem;
  }

  @media (min-width: 1024px) {
    padding: 0 0.938rem;
  }
}

.slick-list {
  @media (min-width: 768px) {
    margin: 0 -0.625rem;
  }

  @media (min-width: 1024px) {
    margin: 0 -0.938rem;
  }
}

.slick-arrow {
  width: var(--arrow-size);
  height: var(--arrow-size);
}

.slick-dots {
    position: relative;
    /*margin-top: 12px;*/
}

.slick-arrow,
.slick-arrow:hover,
.slick-arrow:focus {
  background-image: url("../icons/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.slick-arrow:not(.slick-disabled):hover {
  @media (hover: hover) {
    opacity: 0.7;
  }
}

.slick-next {
  transform: rotate(180deg) translate(0, -50%);
  transform-origin: top center;
  right: calc(var(--arrow-size, 0px) * -1 - (0.625rem));
}

.slick-prev {
  left: calc(var(--arrow-size, 0px) * -1 - (0.625rem));
}

.slick-prev::before,
.slick-next::before {
  display: none;
}

.slick-disabled {
  opacity: 0.3;
  pointer-events: none;
}
