/* RESPONSIVE STYLES Mobile – Portrait - Landscape*/
@import url('responsive/mobile-portrait.css') screen and (orientation: portrait)
  and (max-width: 550px);
@import url('responsive/mobile-landscape.css') screen and
  (orientation: landscape) and (max-width: 1023px);

/* RESPONSIVE STYLES Tablet – Portrait - Landscape*/
@import url('responsive/tablet-portrait.css') screen and (orientation: portrait)
  and (min-width: 768px);
@import url('responsive/tablet-landscape.css') screen and
  (orientation: landscape) and (min-width: 768px);

/* RESPONSIVE STYLES iPad Pro – Portrait - Landscape*/
@import url('responsive/ipadpro-portrait.css') screen and (min-width: 1024px)
  and (max-width: 1180px);
@import url('responsive/ipadpro-landscape.css') screen and (min-width: 1181px)
  and (max-width: 1366px);

/* RESPONSIVE STYLES Laptop and small screens*/
@import url('responsive/laptop.css') screen and (min-width: 1367px) and
  (max-width: 1599px);

/* Animation for Scroll */
@media (prefers-reduced-motion: no-preference) {
  .product-card,
  .testimonial-card,
  .stat-card {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-out;
  }

  .product-card.visible,
  .testimonial-card.visible,
  .stat-card.visible {
    opacity: 1;
    transform: translateY(0);
  }
}