.sliderr {
  overflow: hidden;
  position: relative;
}

/* .slider__container {
    display: none;
} */

.slider__listt {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 -16px;
}
.slider__itemm {
  padding: 0 16px;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 25%;
}

.slider__itemm_active {
  max-width: 50%;
}

.slider__arroww {
  position: absolute;
  bottom: 30%;
  height: 8px;
  background-color: transparent;
  width: 64px;
  border: none;
  cursor: pointer;
}

.slider__arroww:hover {
  opacity: 0.8;
}
.slider__arroww:active {
  opacity: 0.6;
}

.slider__arroww_left {
  background-position: left;
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='8' viewBox='0 0 65 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646446 3.64645C0.451187 3.84171 0.451187 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646446 3.64645ZM65 3.5L1 3.5V4.5L65 4.5V3.5Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  left: 8%;
}
.slider__arroww_right {
  background-position: right;
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='8' viewBox='0 0 65 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64.3536 3.64645C64.5488 3.84171 64.5488 4.15829 64.3536 4.35355L61.1716 7.53553C60.9763 7.7308 60.6597 7.7308 60.4645 7.53553C60.2692 7.34027 60.2692 7.02369 60.4645 6.82843L63.2929 4L60.4645 1.17157C60.2692 0.976311 60.2692 0.659728 60.4645 0.464466C60.6597 0.269204 60.9763 0.269204 61.1716 0.464466L64.3536 3.64645ZM0 3.5L64 3.5V4.5L0 4.5L0 3.5Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  right: 8%;
}

@media (max-width: 1024px) {
  .slider__itemm {
    max-width: 30%;
  }
  .slider__itemm_active {
    max-width: 40%;
  }

  .slider__arroww {
    bottom: 13%;
  }
}

@media (max-width: 767px) {
  .slider__itemm {
    max-width: 25%;
  }

  .slider__itemm_active {
    max-width: 50%;
  }

  .slider__arroww {
    width: 40px;
    bottom: 31%;
  }
}

@media (max-width: 560px) {
  .sliderr {
    padding-bottom: 20px;
  }
  .slider__itemm {
    max-width: 100%;
  }
  .slider__arroww {
    bottom: 0;
  }
  .slider__arroww_left {
    left: 0;
  }
  .slider__arroww_right {
    right: 0;
  }
}