.video-popup-module{
  padding: 20px 0px 20px;
}

.video-popup-module .head-section{
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  display: block;
  float: none;
  margin-bottom: 70px;
}

.card{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  transition: all 80ms ease-out 0s;
}
body .video-popup-module .card-deck .card,
body .video-popup-module .swiper-slide .card{
  height:auto !important;
  background-image:none !important;
}
body .video-popup-module .card-deck .card img.card_img,
body .video-popup-module .swiper-slide .card img.card_img{
  display:block;
  width:100%;
}
body .video-popup-module .card-deck .card .play-button:before,
body .video-popup-module .swiper-slide .card .play-button:before{
  top: 50%;
  transform: translateY(-50%);
}
body .video-popup-module .card-deck .card .play-button:hover:before,
body .video-popup-module .swiper-slide .card .play-button:hover:before{
  top:0 !important;
  transform: translateY(0%);
}
.card>a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.play-button{
  /*   height: 81px;
  width: 127px; */
  z-index: 1;
  transition: all 80ms ease-out 0s;
  mix-blend-mode: normal;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card:hover .play-button:before{
  top: 0!important;
  width: 100%!important;
  height: 100%!important;
  transition: all 80ms ease-out 0s;
  mix-blend-mode: normal;
}

.head-section.hide-module{
  display: none;
}

@media(min-width:768px) and (max-width:1024px){

}


@media(max-width: 767px){

  .video-popup-module{
    padding: 40px 0px;
  }

  body .container-fluid .row-fluid .video-popup-module .card{
    max-width: 100%;
    height: 300px;
  }

  .video-popup-module .head-section{
    margin-bottom: 30px;
  }

   .play-button:before{
    top: 37%!important;
  }

}
.swiper-container-fix{
  max-width:1100px;
  margin:0 auto; 
  position:relative;
}

.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next{
  display:none;
  left: -40px !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDguMyAyODYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0OC4zIDI4NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MXtmaWxsOiM3NDc0NzQ7fQo8L3N0eWxlPgo8Zz4KCTxkZWZzPgoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgeD0iMS45IiB5PSIxLjUiIHdpZHRoPSIxNDUuMyIgaGVpZ2h0PSIyODIuNyIvPgoJPC9kZWZzPgoJPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+CgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCTwvY2xpcFBhdGg+Cgk8ZyBjbGFzcz0ic3QwIj4KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0My4yLDI4NC4yIDE0Ny4xLDI4MC4zIDkuNywxNDIuOCAxNDcuMSw1LjQgMTQzLjIsMS41IDEuOSwxNDIuOCAJCSIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=)!important;

}
.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev{
  display:none;
  right:-40px !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDguMyAyODYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0OC4zIDI4NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MXtmaWxsOiM3NDc0NzQ7fQo8L3N0eWxlPgo8Zz4KCTxkZWZzPgoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgeD0iMS45IiB5PSIxLjUiIHdpZHRoPSIxNDUuMyIgaGVpZ2h0PSIyODIuNyIvPgoJPC9kZWZzPgoJPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+CgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCTwvY2xpcFBhdGg+Cgk8ZyBjbGFzcz0ic3QwIj4KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjUuOCwyODQuMiAxLjksMjgwLjMgMTM5LjMsMTQyLjggMS45LDUuNCA1LjgsMS41IDE0Ny4xLDE0Mi44IAkJIi8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==)!important;
}
.swiper-slide {
  min-height: 220px;
  position: relative;
  background-position: 50%;
  background-size: cover;
}
.swiper-slide a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.slider-gallery-main {
  padding: 80px 0;
}
.swiper-pagination{
  display:none;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}
.video-popup-module .swiper-pagination-bullet{
  width: 14px;
  height: 14px;
  margin: 0 7px;
}
.video-popup-module .swiper-pagination-bullet-active{
  background: #e41919;
}
@media(max-width:767px){
  .swiper-button-next, .swiper-button-prev{
    width: 27px !important;
    height: 27px !important;
  }
  .slider-gallery-main .wrapper{
    padding-left:40px !important;
    padding-right:40px !important;
  }
  .swiper-button-prev, 
  .swiper-container-rtl .swiper-button-next{
    left: -30px !important;

  }
  .swiper-button-next, 
  .swiper-container-rtl .swiper-button-prev{
    right:-30px !important;
  }
}


@media(min-width:768px) and (max-width:1100px){
  body .container-fluid .row-fluid .video-popup-module .card{
    height: 400px!important;
    background-size: contain!important;
  }
  body .container-fluid .row-fluid .video-popup-module .card-deck .card,
  body .container-fluid .row-fluid .video-popup-module .swiper-slide .card {
    height: auto !important;
    background-image:none !important;
  }

}

@media(max-width:767px){

  body .container-fluid .row-fluid .video-popup-module .card{
    height: 187px!important;
    background-size: contain!important;
  }
   body .container-fluid .row-fluid .video-popup-module .card-deck .card,
  body .container-fluid .row-fluid .video-popup-module .swiper-slide .card {
    height: auto !important;
    background-image:none !important;
  }
  .swiper-slide{
    min-height:auto;
  }

  .play-button:before{
    height: 54px;
    width: 74px;
  }
   body .video-popup-module .card-deck .card .play-button:before,
  body .video-popup-module .swiper-slide .card .play-button:before{
   height: 54px;
    width: 74px;
      top: 50% !important;
  }
  
  .play-button img{
    max-width: 66px;
  }

}