/* MOBILE */
@media(max-width:768px){
  .hero-content {
    position: relative;
    z-index: 2;
    max-width: 619px;
    padding-top: 16vh !important;
    color: #fff;
}
.hero-slider, .hero-slide {
    height: 75vh;
}
.hero-subtext {
    opacity: 0.8;
    margin-bottom: 35px;
}
.slider-nav {
        position: absolute;
        right: 310px;
        top: 80%;
        transform: translateY(-50%);
        z-index: 3;
        display: flex;
        align-items: center;
        gap: 4px;
        flex-direction: column;
    }

.experience-img img {
    width: 100%;
    height: 300px;
    border-radius: 8px;
    object-fit: cover;
    padding-bottom: 36px;
}
  .search-input,
  .quote-btn {
    display: none;
  }
  .hero-content h1 {
    font-size: 26px;
  }
  .slider-nav {
    right: 15px;
  }
  .experience-content h2 {
    font-size: 26px;
  }
  .experience-section {
    padding: 50px 0;
  }
  .products-title {
    font-size: 26px;
  }

  .products-box {
    padding: 30px 20px;
  }

  .product-card {
    height: 280px;
  }
  .product-card {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    height: 210px;
}
 .commitment-section {
    min-height: auto;
    padding: 60px 0;
    background-position: center right;
  }

  .commitment-text {
    font-size: 15px;
  }
  .popular-img img {
    height: 160px;
  }

  .popular-title {
    font-size: 26px;
  }
  .dual-card {
    height: 300px;
  }

  .dual-overlay {
    left: 20px;
    right: 20px;
    bottom: 24px;
  }

  .dual-overlay h3 {
    font-size: 20px;
  }
  .testi-content h3 {
    font-size: 24px;
  }

  .testi-content p {
    font-size: 16px;
  }
  .exp-card {
    padding: 40px 30px 260px;
  }

  .exp-player {
    height: 260px;
    right: 50%;
    transform: translateX(50%);
    bottom: -10px;

    /* Keep rotation + center fix */
    animation: rotateRL 4s ease-in-out infinite;
  }
  .footer-title {
    margin-top: 20px;
  }
   .carousel-inner .hero-users img {
    height: 37px !important;
    border-radius: 50px;
  }

  .product-info h1 {
    font-size: 30px;
  }

  .price-row {
    flex-direction: row;
    gap: 10px;
  }
     .btn-outline {
        border: 1px solid #E76C0D;
        color: #E76C0D;
        padding: 10px 8px;
        border-radius: 30px;
        font-size: 13px;
    }
    .btn-enquire {
    background: #E76C0D;
    color: #fff;
    padding: 10px 13px;
    border-radius: 30px;
    font-size: 13px;
}
.product-detail {
    background: #fbf5ec;
    padding-top: 100px;
}
.carousel-inner img {
    border-radius: 50px;
    height: 85px;
    object-fit: cover;
}
    .exp-card {
        padding: 25px 16px 21px 10px !important;
    }
       .exp-card h2 {
        font-size: 16px;
    }
      .exp-player {
        height: 171px;
        top: -66px;
        right: 0px;
        }
    .price {
    font-size: 12px;
    font-weight: 600;
    color: #E76C0D;
}
.moq {
    font-size: 10px;
    color: #6f6f6f;
}
    .product-slider .carousel-inner img {
        border-radius: 8px;
        height: 280px;
        object-fit: cover;
    }
    .carousel-inner .testi-content img {
        height: 90px !important ;
        border-radius: 52px !important ;
    }
    .testi-section {
    background: #fff7ec;
    padding: 30px 0;
    text-align: center;
}
.products-wrapper {
    background: #fbf5ec;
    padding: 40px 0;
}
.logo {
    height: 35px;
}
.exp-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    color: #E76C0D;
    padding: 7px 18px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}
}










/* Tablet */
@media (max-width: 991px) {
  .dual-card {
    height: 360px;
  }

  .dual-overlay h3 {
    font-size: 24px;
  }
  .info-text {
    max-width: 100%;
  }

  .info-image {
    max-width: 100%;
  }

  .product-info-section {
    padding: 50px 0;
  }
  .exp-card h2 {
        font-size: 19px;
    }
       
    .price {
    font-size: 12px;
    font-weight: 600;
    color: #7b6500;
}
.moq {
    font-size: 10px;
    color: #6f6f6f;
}
    .exp-card h2 {
        font-size: 16px;
    }
}





@media (max-width: 992px) {
  .exp-card {
    padding: 50px;
  }

      .exp-card h2 {
        font-size: 16px;
    }

  
    .price {
    font-size: 12px;
    font-weight: 600;
    color: #E76C0D;
}
.moq {
    font-size: 10px;
    color: #6f6f6f;
}
}