:root{
--video-slider-height : 66rem;
--video-slider-height-mobile : 56rem;
--border-radius : 1.6rem;
}
.video-slider-inner .container{
max-width: 163rem;
}
.video-slider-outer {
position: relative;
}
.video-slider-outer .swiper-button-next,
.video-slider-outer .swiper-button-prev{
position: absolute;
top: calc(50% - 2rem);
height: 4rem !important;
width: 4rem;
background: #00205B !important;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #00205B;
left: -2rem;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
padding: 0 0 0 0.4rem
}
.video-slider-outer .swiper-button-next{
left: auto;
right: -2rem;
}
.video-slider-outer .swiper-button-next:hover,
.video-slider-outer .swiper-button-prev:hover{
opacity: 0.8;
}
.video-slider-outer .swiper-button-next::after,
.video-slider-outer .swiper-button-prev::after{
content: none;
}
.video-slider-outer .swiper-button-disabled{
display: none !important;
}
.video-slider-outer .swiper-scrollbar {
margin-top: 2.4rem;
height: 2px;
background: #DADEE6;
}
.video-slider-outer .swiper-scrollbar-drag {
background: #00205B !important;
cursor: pointer;
}
.swiper-slide.video-slider-item,
.video-slider-item {
position: relative;
}
.video-slider-item iframe{
width: 100%;
height: var(--video-slider-height);
display: block;
border: 0;
}
.video-slider-inner .rounded .video-slider-item iframe{
border-radius: var(--border-radius);
}
.swipe-overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 2;
cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1439px) {
.swiper-slide.video-slider-item,
.video-slider-item{
width: 31.2rem;
}
.video-slider-item iframe{
height: var(--video-slider-height-mobile);
}
}
@media (min-width: 1540px) and (max-width: 1659px) {
.video-slider-inner .container {
max-width: 150rem;
}
}
@media (min-width: 1440px) and (max-width: 1539px) {
.video-slider-inner .container {
max-width: 140rem;
}
}
@media (min-width: 1260px) and (max-width: 1439px) {
.video-slider-inner .container {
max-width: 1060px;
}
}
@media (min-width: 1200px) and (max-width: 1259px) {
.video-slider-inner .container {
max-width: 1060px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.video-slider-inner .container {
max-width: 960px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.video-slider-inner .container {
max-width: 720px;
}
}
@media (max-width: 767px) {
.video-slider-inner .container {
max-width: 540px;
}
.video-slider-outer{
width: calc(100% + 1.5rem);
}
.swiper-slide.video-slider-item,
.video-slider-item{
width: 31.2rem;
}
.video-slider-item iframe{
height: var(--video-slider-height-mobile);
}
.video-slider-outer .swiper-button-next, 
.video-slider-outer .swiper-button-prev{
display: none;
}
}