.swiper {
    width  : 1000px;
    height : 600px;
  }

  .swiper-wrapper {
    display     : flex;
    align-items : center;
  }

  .swiper-slide {
    scale      : 1.25;
    scale      : 1;
    transition : scale 500ms ease-in-out;

    &.swiper-slide-active {
      scale   : 2;
      z-index : 10;
    }

    &.swiper-slide-prev,
    &.swiper-slide-next {
      scale               : 1.5;
      z-index             : 5;
      transition-duration : 450ms;
    }
    
    &.swiper-slide-next + & {
      z-index : 2;
    }
  }

.swiper-button {
    --position: 4%;
    background-color: transparent;
    height: 3rem;
    width: 3rem;
    border-radius: 0.5rem;
    
    &.swiper-button-prev {
      left : var(--position);
    }

    &.swiper-button-next {
      right : var(--position);
    }

    &:hover {
      background-color : #ffffff00;
    }

    &::after {
      font-size : 1.5rem;
      color     : white;
    }
}
.swiper-button.swiper-button-next, .swiper-button.swiper-button-prev {
    color: #000;
}

@media (max-width: 1199px) {
	.swiper-button.swiper-button-next, .swiper-button.swiper-button-prev {
		display: none;
	}
}
@media (max-width: 1023px) {
	.swiper {
		max-width: 95vw;
		max-height: 60vw;
	}
}
@media (max-width: 1023px) {
	.swiper {
		max-width: 95vw;
		max-height: 60vw;
	}
}
@media (max-width: 767px) {
	.swiper {
		width: 95vw;
		max-width: 95vw;
		height: 95vw;
		max-height: 95vw;
	}
  .swiper-slide {
    scale      : 1;
    transition : scale 500ms ease-in-out;

    &.swiper-slide-active {
      scale   : 2;
      z-index : 10;
    }

    &.swiper-slide-prev,
    &.swiper-slide-next {
      scale               : 1;
      z-index             : 5;
      transition-duration : 450ms;
    }
    
    &.swiper-slide-next + & {
      z-index : 2;
    }
  }
}