/* RESPONSIVE STYLES Mobile – Portrait - Landscape*/
@import url("responsive/mobile-portrait.css") screen and (orientation: portrait) and (max-width: 480px);
@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);
  }
}