.lcpe-video-slider-wrapper {
  position: relative;
}
.lcpe-video-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 17px);
  z-index: 2;
  cursor: pointer;
}
.lcpe-video-prev {
  left: -25px;
}
.lcpe-video-next {
  right: -25px;
}
.lcpe-video-slider-container {
  max-width: 1240px;
  margin: auto;
  overflow: hidden;
}
.lcpe-video-slider {
  width: 100%;
  max-width: 952px;
  margin: auto;
  position: relative;
}

.lcpe-video-slider-swiper {
  width: 100%;
  overflow: visible;
  overflow: inherit !important;
}

.lcpe-video-slider .swiper-wrapper {
  align-items: center;
  min-height: 400px;
}

.lcpe-video-slider .swiper-slide {
  height: 300px;
  transition: all ease 0.5s;
}

.lcpe-video-slider .lcpe-video-item {
  justify-content: start;
}

.lcpe-video-slider
  .swiper-slide:has(~ .swiper-slide.swiper-slide-active)
  .lcpe-video-item {
  justify-content: end;
}

/* .lcpe-video-slider
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  .lcpe-video-item,
.lcpe-video-slider
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  + .swiper-slide
  .lcpe-video-item {
  justify-content: start;
} */

.lcpe-video-slider .swiper-slide .lcpe-video-thumbnail {
  /* width: 40%; */
  /* flex: 0 0 40%; */
}
.lcpe-video-slider
  .swiper-slide:is(.swiper-slide-prev, .swiper-slide-active, .swiper-slide-next)
  .lcpe-video-thumbnail {
  /* width: 100%; */
  /* flex-basis: 100%; */
}

.lcpe-video-thumbnail img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  /* transition: transform 0.4s ease; */
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 0 0 60% round 12px);
  transition: clip-path 0.5s ease !important;
}

.lcpe-video-slider
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  .lcpe-video-thumbnail
  img,
.lcpe-video-slider
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  + .swiper-slide
  .lcpe-video-thumbnail
  img {
  clip-path: inset(0 60% 0 0 round 12px);
}

.swiper-slide:is(.swiper-slide-prev, .swiper-slide-active, .swiper-slide-next)
  .lcpe-video-thumbnail
  img {
  clip-path: inset(0 0 0 0 round 12px);
}

/*
 * Play button
 */

.lcpe-video-play {
  position: absolute;
  top: 50%;
  left: 80%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  transition: all ease 0.5s;
}

.swiper-slide:is(.swiper-slide-prev, .swiper-slide-active, .swiper-slide-next)
  .lcpe-video-play {
  left: 50%;
}

.lcpe-video-slider
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  .lcpe-video-play,
.lcpe-video-slider
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  + .swiper-slide
  .lcpe-video-play {
  left: 20%;
}

.lcpe-video-slider .swiper-slide.swiper-slide-prev,
.lcpe-video-slider .swiper-slide.swiper-slide-next {
  height: 350px;
}

.lcpe-video-slider .swiper-slide.swiper-slide-active {
  height: 400px;
}

.lcpe-video-slider svg {
  transition: all ease 0.5s;
}

.lcpe-video-slider .swiper-slide .lcpe-video-play svg {
  transform: scale(0.75);
}
.lcpe-video-slider .swiper-slide.swiper-slide-prev .lcpe-video-play svg,
.lcpe-video-slider .swiper-slide.swiper-slide-next .lcpe-video-play svg {
  transform: scale(0.85);
}
.lcpe-video-slider .swiper-slide.swiper-slide-active .lcpe-video-play svg {
  transform: scale(1);
}

/* .lcpe-video-slider .swiper-slide.swiper-slide-prev svg,
.lcpe-video-slider .swiper-slide.swiper-slide-next svg {
  width: 54px;
  transform: scale(0.98) !important;
}

.lcpe-video-slider .swiper-slide:has(~ .swiper-slide.swiper-slide-active) svg,
.lcpe-video-slider .swiper-slide.swiper-slide-next + .swiper-slide svg {
  width: 40px;
  transform: scale(0.75);
} */

/*
 * Video item
 */

.lcpe-video-item {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  justify-content: start;
}

.lcpe-video-thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
  transition: all ease 0.5s;
}

/*
 * Hover
 */

/*
 * Title
 */

.lcpe-video-title {
  margin-top: 12px;

  color: #111;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.4;
}

/*
 * Popup
 */

.lcpe-video-popup {
  position: fixed;

  inset: 0;

  z-index: 999999;

  display: flex;

  align-items: center;
  justify-content: center;

  padding: 30px;

  visibility: hidden;

  opacity: 0;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.lcpe-video-popup.is-active {
  visibility: visible;

  opacity: 1;
}

/*
 * Overlay
 */

.lcpe-video-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}

/*
 * Popup content
 */

.lcpe-video-popup-content {
  position: relative;

  z-index: 2;

  width: min(100%, 1100px);

  aspect-ratio: 16 / 9;
}

/*
 * Player
 */

.lcpe-video-popup-player {
  width: 100%;
  height: 100%;

  overflow: hidden;

  border-radius: 8px;

  background: #000;
}

.lcpe-video-popup-player iframe,
.lcpe-video-popup-player video {
  display: block;

  width: 100%;
  height: 100%;

  border: 0;
}

/*
 * Close
 */

.lcpe-video-popup-close {
  position: absolute;

  top: -45px;
  right: 0;

  z-index: 3;

  width: 36px;
  height: 36px;

  display: flex;

  align-items: center;
  justify-content: center;

  padding: 0;

  border: 0;

  background: transparent;

  cursor: pointer;
}

.lcpe-video-popup-close:hover {
  opacity: 0.7;
}

body.lcpe-video-popup-open {
  overflow: hidden;
}


.lcpe-video-item {
  cursor: pointer;
}

.lcpe-video-thumbnail.is-embedded {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #000;
}

.lcpe-video-thumbnail.is-embedded iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  /*margin-top: -55px;*/
}

.lcpe-video-item.is-playing {
  cursor: default;
}

.lcpe-video-replay {
  display: none;
  margin: 10px auto;
  padding: 8px 16px;
  cursor: pointer;
}

/*
 * Responsive
 */
@media (max-width: 1024px) {
  .lcpe-video-prev {
    left: 25px;
  }
  .lcpe-video-next {
    right: 25px;
  }
  .lcpe-video-slider .swiper-slide.swiper-slide-active {
    height: 600px;
  }
  .lcpe-video-slider .swiper-slide.swiper-slide-prev, .lcpe-video-slider .swiper-slide.swiper-slide-next {
    height: 450px;
  }
  .lcpe-video-slider .swiper-wrapper {
    min-height: 600px;
  }
}

@media (max-width: 767px) {
  .lcpe-video-popup {
    padding: 15px;
  }

  .lcpe-video-popup-content {
    width: 100%;
  }

  .lcpe-video-play {
    width: 52px;
    height: 52px;
  }
}

@media (max-width: 500px) {
.lcpe-video-slider .swiper-slide.swiper-slide-active {
    height: 400px;
  }
  .lcpe-video-slider .swiper-slide.swiper-slide-prev, .lcpe-video-slider .swiper-slide.swiper-slide-next {
    height: 350px;
  }
  .lcpe-video-slider .swiper-wrapper {
    min-height: 400px;
  }
  .lcpe-video-btn{width:35px;}
}