/*---------------------- video-slider start ----------------------*/

.video-showcase {
  margin-top: 4.44rem;
  margin-top: var(--tb-spacing);
  margin-bottom: 4.44rem;
  margin-bottom: var(--tb-spacing);
  margin-left: 1.22rem;
  margin-left: var(--inner-margin);
}
.video-showcase.no-button .btn{
  display: none;
  
}

.video-slider.only-one-video .btn {
  display: none;
}
.intPage .video-showcase {
  margin-left: 0;
}

.intPage .video-showcase .video-slider {
  width: calc(100% + 1.22rem);
  width: calc(100% + var(--border-margin));
}

.video-showcase .video-slider {
  display: grid;
}

.video-slider.only-one-video .text-area {
  grid-row-start: 1;
}
.video-slider.only-one-video .splide__arrows {
  grid-row-start: 2;
  grid-column-start: 1;
}

.video-slider .text-area {
  padding-right: 3.8rem;
  flex: 0 0 30%;
  min-width: 320px;
  max-width: 28rem;
  margin-top: 1.5rem;
}

.video-slider .text-area p {
  color: #9c3587;
  color: var(--purple-brite);
  font-size: clamp(1.22rem, 1.5vw, 1.33rem);
  font-size: var(--ts-h5);
  line-height: 1.2;
  line-height: var(--lh-h5);
  font-weight: 500;
  margin-bottom: 5vw;
}

.video-slider .text-area .section-title {
  color: #653780;
  color: var(--purple-base);
  margin-bottom: 1rem;
  font-weight: bold;
  line-height: 1;
}
.video-slider .text-area .section-title .subtitle {
  color: var(--purple-brite);
  font-weight: 500;
  font-size: 1.3rem;
}

.video-slider .video-track {
  align-self: start;
}

.video-slider .splide__track {
  flex: 0 0 70%;
}

.video-slider .video-image {
  position: relative;
  width: 100%;
  height: 100%;
}

.video-slider .video-image::before {
  float: left;
  padding-top: 56.25%;
  content: "";
}

.video-slider .video-image::after {
  display: block;
  content: "";
  clear: both;
}

.video-slider .video-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 20% 20%;
  object-position: 20% 20%;
  position: absolute;
}

.video-slider .splide__video__play {
  width: 68px;
  border-radius: 4px;
  background: black;
}

.video-slider .splide__video__play::after {
  border-color: transparent transparent transparent #fff;
}

.video-slider .splide__list {
  margin-bottom: 0 !important;
  cursor: -webkit-grab;
  cursor: grab;
}

@media only screen and (min-width: 992px) {
  .video-showcase {
    margin-left: 4rem;
  }

  .home .video-slider {
    grid-template-columns: 30% auto;
    grid-template-rows: 15% auto;
  }
  .home .video-slider .video-track {
    grid-row: span 2;
  }
  .home .video-slider .slider-progress {
    grid-row: 3;
    grid-column: 2;
    margin-left: 0;
    margin-bottom: 0;
  }
  .home .video-slider .text-area {
    max-width: 23rem;
  }

  .home .video-slider .text-area {
    margin-top: 0.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .intPage .video-showcase .video-slider {
    display: grid;
    grid-template-columns: 30% auto;
    grid-template-rows: 15% auto;
  }

  .intPage .video-slider .video-track {
    grid-row: span 2;
  }
  .intPage .video-slider .slider-progress {
    grid-row: 3;
    grid-column: 2;
    margin-left: 0;
    margin-bottom: 0;
  }
  .intPage .video-slider .text-area {
    max-width: 23rem;
  }

  .intPage .video-slider .text-area {
    margin-top: 0.5rem;
  }
  .intPage .video-slider.video-slider.only-one-video .text-area {
    margin-top: 0;
  }
}

/*---------------------- video-slider end ----------------------*/