.swp-container {
      width: 100%;
      height: 100vh;
    }

    /* --- SECTION BOX DESIGN --- */
    .blk-wrapper {
      width: 100%;
      background: #f0f0f0;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
    }

    /* Shine effect */
    .blk-wrapper::after {
      content: "";
      position: absolute;
      top: 0;
      left: -120%;
      width: 60%;
      height: 100%;
      background: linear-gradient(120deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.5) 50%,
          rgba(255, 255, 255, 0) 100%);
      transform: skewX(-25deg);
      transition: 0.7s ease;
      pointer-events: none;
    }

    .blk-wrapper:hover::after {
      left: 130%;
    }

    .img-main {
      width: 100%;
      object-fit: cover;
    }

    .blk-footer {
      padding: 30px 10px;
      text-align: center;
      color: white;
      perspective: 800px;
    }

    .logo-frame {
      width: 35%;
      transition: transform 0.6s ease;
      transform-style: preserve-3d;
    }

    /* Colors */
    .tint-1 {
      background: #9b6a3f;
    }

    .tint-2 {
      background: #5a3a18;
    }

    .tint-3 {
      background: #0b5fa5;
    }

    .tint-4 {
      background: #0d6953;
    }

    .tint-5 {
      background: #b9a1c9;
    }

    /* Flip animation */
    .blk-wrapper:hover .logo-frame {
      transform: rotateY(180deg);
    }

    /* Swiper slide style */
    .swp-slide {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Mobile */
    @media (max-width: 768px) {
      .img-main {}
    }