html,
    body {
      position: relative;
      height: 100%;
    }


    swiper-container {
      width: 94%;
      height: 70%;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      background: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    swiper-slide img {
      display: block;
      width: 100%;
      object-fit: cover;
    }
    .modal-header{
      border: none;
    }
    .modal-body{
      margin-bottom: 40px;
    }
    .swiper-button-next svg{
      height: 50px !important;
    }
    .product-ide{
      white-space: pre-wrap !important;
      }
      
      .sticky-container {
        position: sticky;
        top: 20px;
      }