.denim-fit-guid-360-view-wrapper {
  display: block;
  width: 100%;
  .section-title {
    display: block;
    text-align: center;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: normal;
    margin: 12px 0 20px;
    letter-spacing: normal;
    @media (max-width: 767px) {
      font-size: 25px;
    }
  }
  .product-banner-slider-wrapper {
    .swiper-wrapper {
      display: flex;
      .product-image-video-container {
        width: 25%;
        @media (max-width: 767px) {
          width: 50%;
        }
        .data-wrapper {
          &.enable-video-wrapper {
            .product-text-wrapper {
              .cta-360 {
                .stop-icon {
                  display: block;
                }
                .play-icon {
                  display: none;
                }
              }
            }
          }
          .image-video-wrapper {
            position: relative;
            aspect-ratio: 720 / 960;
            video {
              width: 100%;
              height: auto;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: bottom left;
            }
          }
          .product-text-wrapper {
            display: flex;
            width: 100%;
            justify-content: space-between;
            gap: 8px;
            margin: 10px 0px;
            .product-text {
              display: block;
              width: calc(70% - 8px);
              background: #000;
              color: #fff;
              padding: 10px;
              font-size: 16px;
              text-transform: capitalize;
              @media (max-width: 767px) {
                width: calc(60% - 8px);
              }
            }
            .cta-360 {
              width: calc(30% - 8px);
              background-color: #fff;
              color: #000;
              font-size: 16px;
              padding: 10px;
              display: flex;
              align-items: center;
              border: 2px solid #000000;
              @media (max-width: 767px) {
                width: calc(40% - 8px);
              }
              img {
                width: 15px;
                height: 16px;
              }
              .stop-icon {
                display: none;
              }
            }
          }
        }
      }
    }
    .swiper-button-prev.swiper-button-disabled {
      display: block;
    }
    .swiper-button-next,.swiper-button-prev {
      &::after {
        content: " ";
      }
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      width: 40px;
      border: 1px solid #000;
      border-radius: 0px;
      background-color: #000;
      top: 45%;
      @media (max-width: 767px) {
        width: 35px;
        height: 35px;
      }
      svg {
        height: 100%;
        width: 100%;
        padding: 8px;
        fill: #fff;
      }
    }
  }
}