@charset "UTF-8";
/* CSS Document */

#app {
	 height: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .triple-slider {
	 padding: 32px 0;
}
 .triple-slider .swiper {
	 width: 75vw;
	 height: 60vw;
	 border-radius: 0px;
}
 .triple-slider .bg-image {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
.triple-slider2 {
	 padding: 32px 0;
}
 .triple-slider2 .swiper {
	 width: 75vw;
	 height: 45vw;
	 border-radius: 0px;
}
 .triple-slider2 .bg-image {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .triple-slider .swiper {
    width: 88vw;
    height: 100vw;
  }
	.triple-slider-next {
  left: 85%;

}
		.triple-slider-prev {
  right: 85%;

}
}