
/* ---------------------------------------------------------------------
	JR-CARDS
--------------------------------------------------------------------- */

#jr-swiper { position: relative; box-sizing: border-box; padding: 70px 0; background: #eeeeee; font-size: 17px }
	#jr-swiper .center-wrapper { width: 100%; max-width: 2000px; margin: 0 auto; }
	
	.jr-swiper-inside { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px 0; padding: 0 15px; }
	
	.moduletable-jr-cards { padding: 0 15px; }
		.custom-jr-cards { height: 100%; background: #f7f7f7; border-radius: 12px; overflow: hidden; }
		a.jr-card-a { color: #000000; text-decoration: none; }
		a.jr-card-a:hover .jr-card-image img { transform: scale(1.1); transition: all .3s linear; }
	

.jr-card-item { position: relative; box-sizing: border-box; width: 100%; max-width: 500px; }
	.jr-card-image { box-sizing: border-box; width: 100%; height: 320px; overflow: hidden; }
		.jr-card-image img { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; transition: all .3s linear; }
	.jr-card-desc { position: relative; padding: 30px 20px; text-align: left; }
		.jr-card-desc h1, .jr-card-desc h2, .jr-card-desc h3,
		.jr-card-desc h4, .jr-card-desc h5, .jr-card-desc h6 { font-size: 19px }
		
		.jr-card-button { margin-top: 20px; }
			.jr-card-button a { color: #000000; display: inline-flex; justify-content: center; align-items: center; padding: 15px 25px; border: 1px solid #000000; line-height: 1em; }


@media all and (max-width: 1500px) {
	.jr-swiper-inside { grid-template-columns: repeat(4, 1fr); }
}
@media all and (max-width: 1150px) {
	.jr-swiper-inside { grid-template-columns: repeat(3, 1fr); }
}
@media all and (max-width: 800px) {
	.jr-swiper-inside { grid-template-columns: repeat(2, 1fr); }
}
@media all and (max-width: 500px) {
	#jr-swiper { padding: 50px 0; }
	.jr-swiper-inside { grid-template-columns: repeat(1, 1fr); padding: 0; }
}

	
/* ---------------------------------------------------------------------
	SWIPER 3 COLS
--------------------------------------------------------------------- */
	
.byd-swiper-container { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 0; }
	.byd-swiper-list-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
		.byd-swiper-list-item { position: relative; background: #f7f7f7; }
			.byd-swiper-list-item .list-item-desc { position: relative; padding: 32px 16px; }

.byd-double-swiper-container { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 0; }
	.byd-double-swiper-container .byd-swiper-list-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
		.byd-double-swiper-container .byd-swiper-list-item { position: relative; background: #f7f7f7; }
			.byd-double-swiper-container .byd-swiper-list-item .list-item-desc { position: relative; padding: 32px 16px; }


@media all and (max-width: 1920px) {
	
}
@media all and (max-width: 1000px) {
	
}
@media all and (max-width: 750px) {
	.byd-swiper-list-group, .byd-double-swiper-container .byd-swiper-list-group { grid-template-columns: repeat(1, 1fr); }
}	




