.project-slider {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }

.project-slider .slider {
  overflow: hidden; }

.project-slider .slides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-stop: always;
  /*scroll-snap-points-x: repeat(100%);
  scroll-snap-type: mandatory;*/ }

.project-slider .slides::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

.project-slider .slides::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 10px; }

.project-slider .slides::-webkit-scrollbar-track {
  background: transparent; }

.project-slider .slides > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  scroll-snap-stop: always; }

.project-slider .slides > div:target {
  /*   transform: scale(0.8); */ }

.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 44px;
  height: 44px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1; }

.slick-prev {
  left: 0px; }

.slick-next {
  right: 32px; }