.video-slider{
	background-color: #FFF;
}

.video-slider .title-container{
	margin-bottom: 32px;
}

.video-slider .title-container .title-texts{
	margin-bottom: 10px;
}

.video-slider .video-slider .section-title{	
    line-height: 100%;
	max-width: 880px;
}

.video-slider .section-description{
	max-width: 880px;
	margin-bottom: 0!important;
}

.video-slider h2 .section-title__text span{
	color: #33BE61;
}

.video-slider .section-description p:last-of-type {
    margin-bottom: 0;
}



.video-slider-list .swiper-slide{
	width: 99%;
	height: auto;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #FFF;	
	padding: 20px;
}

.video-slider-list .swiper-slide.video-thumbnail{	
    padding: 0;
}

.swiper-slide.video-thumbnail .slide-container{
	height: 100%;
	display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;    
    background-size: cover;
    background-repeat: no-repeat;
	border-radius: 8px;
}

.swiper-slide.video-thumbnail .slide-container a{
	width: 100%;
	height: 100%;
	display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.video-modal .modal-body{
	position: relative;
	padding-top: 56%;
}
.video-modal iframe{
	width: 100%;
	position: absolute;
    height: 100%;
    top: 0;
}

@media (min-width: 576px){
	.video-slider .section-title{
		max-width:100%;
	}
}

@media (min-width: 768px){
	.video-slider-list .swiper-slide{
		padding: 24px;
	}
}

@media (min-width: 1024px){
		
	.video-slider .title-container{
		margin-bottom: 48px;
	}
	
	.video-slider-list .swiper-slide{
		width: 276px;		
	}
	
	.video-slider .title-container{
		display: flex;
		flex-wrap: wrap;
	}
	
}

@media (min-width: 1200px){
	
	.video-slider .title-container{
		margin-bottom: 48px;
	}
	
	.video-slider .slider-container{
		position: relative;
	}
	
	.video-slider-list .swiper-slide{
		width: 296px;		
	}
	
	.video-slider .title-container{
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	.video-slider .title-container .title-texts{
		margin-bottom: 0;
	}
}

@media (min-width: 1440px){
	.video-slider-list .swiper-slide{
		min-height: 260px;		
	}
}

@media (min-width: 1920px){
	.video-slider-list .swiper-slide{
        min-height: 270px;		
	}
}