.section-movie {
  margin-top: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.movie-content {
  width: 100%;
  height: clamp(433px, calc(var(--aspect-base) * 820), 820px);
  margin-top: clamp(40px, calc(var(--aspect-base) * 60), 60px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.movie-image-background {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  overflow: hidden;
}

.movie-image-background img {
  height: 100%;
  width: auto;
  max-height: 1544px;
  margin: 0;
}


.movie-youtube,
.movie-wrap
{
  width: clamp(540px, calc(var(--aspect-base) * 854), 854px);
  aspect-ratio: 16 / 9;
  height: auto; /* clamp(193px, calc(var(--aspect-base) * 480), 480px); /**/
}

.movie-item,
.swiper-movie .swiper-slide
{
  width: clamp(540px, calc(var(--aspect-base) * 854), 854px);
  /* aspect-ratio: 16 / 9; /**/
  height: auto;
}
.swiper-movie .swiper-wrapper {
  height: auto;
}
.swiper-movie {
  width: 100%;
}

.swiper-movie .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 calc(var(--aspect-base) * 72) 0 calc(var(--aspect-base) * 72);
}

.movie-icon-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  /*
  top: 0;
  left: 0;
  */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.movie-swiper-navigate {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.movie-swiper-navigate .swiper-button-prev {
  width: 64px;
  height: 64px;
  left: auto;
  right: clamp(760px, calc(var(--aspect-base) * 1426), 1426px);
}
.movie-swiper-navigate .swiper-button-next {
  width: 64px;
  height: 64px;
  left: clamp(760px, calc(var(--aspect-base) * 1426), 1426px);
  right: auto;
}
.movie-swiper-navigate .swiper-button-prev:after,
.movie-swiper-navigate .swiper-button-next:after {
  content: '' !important;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled
{
  /* display: none !important; */
}

.swiper-pagination {
  position: relative !important;
  bottom: -16px !important;
}
.swiper-pagination-bullet {
  background: transparent !important;
  opacity: 1 !important;
  border: 2px solid #fff !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff !important;
}

@media only screen and (max-width: 960px) {
  .section-movie {
    margin-top: 80px;
  }
  .swiper-movie .swiper-button-prev,
  .swiper-movie .swiper-button-next {
    display: none !important;
  }

  .movie-item
  {
    width: clamp(364px, calc(100% - 32px), 540px); /**/
    aspect-ratio: 16 / 9;
    height: auto;
    margin: 0 auto 0 auto;
  }
  .movie-wrap {
    width: 100%;
    height: auto;
  }
  .movie-icon-wrapper svg {
    width: clamp(32px, calc(var(--aspect-base) * 80), 80px);
    height: clamp(32px, calc(var(--aspect-base) * 80), 80px);
  }

  .swiper-movie {
    width: 100%;
  }
  .swiper-movie .swiper-slide {
    margin: 0;
  }
  .swiper-movie .swiper-wrapper {
    width: auto;
  }
  .movie-swiper-navigate .swiper-button-prev {
    width: 24px;
    height: 24px;
    left: auto;
    right: calc(100% / 375 * 343);
  }
  .movie-swiper-navigate .swiper-button-next {
    width: 24px;
    height: 24px;
    left: calc(100% / 375 * 343);
    right: auto;
  }  
  .movie-swiper-navigate .swiper-button-prev svg,
  .movie-swiper-navigate .swiper-button-next svg 
  {
    width: 24px;
    height: 24px;
  }

  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,6px)) !important;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px)) !important;
    border: 1px solid #fff !important;
  }
}