/**
* Home
* SwiperJs Slider
*/


/* layout */
.swiper-grid-noPadding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.swiper-container {
	width: 100%;
	margin-top: 2%;
	margin-bottom: 3%;
}
.swiper-container .gridcontainer {
	width: 100%;
	box-sizing: border-box;
}

.swiper-container .grids {
	padding: 0 40px;
}


/* buttons */
.swiper-container .swiper-button-prev {
	color: var(--main-bg-accentdark);
	left: 0;
	top: 0;
	height: 100%;
	-webkit-user-select: none;
	user-select: none;
	outline: none;
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
}
.swiper-container .swiper-button-next {
	color: var(--main-bg-accentdark);
	right: 0;
	top:0;
	height: 100%;
	-webkit-user-select: none;
	user-select: none;
	outline: none;
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
}


/* scrollbar */
.swiper-container .swiper-wrapper {
	padding-bottom: 4%;
}
.swiper-container .swiper-pagination-bullet {
	background-color: var(--main-bg-accentdark);
}
.swiper-container .swiper-pagination-progressbar {
	top: unset;
	bottom: 0;
	margin-left: 30px;
	margin-right: 30px;
	width: calc(100% - 60px);
}
.swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: var(--main-color);
}



/* small devices */
@media (max-width: 767.98px) {

	
	.swiper-container .swiper-button-prev {
		left: 4px;
	}
	.swiper-container .swiper-button-next {
		right: 4px;
	}

}