/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  /* Base Typography */
  body {
    font-size: 0.9rem;
  }

  /* Hero Section */
  .hero-title {
    font-size: 2.2rem;
  }

  .hero-subtitle {
    font-size: 1.1rem;
  }

  .hero-section {
    padding: 3rem 0;
    text-align: center;
  }

  .hero-image {
    margin-top: 2rem;
  }

  /* Section Spacing */
  .section-padding, 
  .about-section, 
  .services-section, 
  .features-section, 
  .priceplan-section, 
  .team-section, 
  .reviews-section, 
  .coreinfo-section, 
  .contact-section, 
  .blog-section, 
  .faq-section {
    padding: 4rem 0;
  }

  /* Section Headings */
  .section-title {
    font-size: 1.8rem;
  }

  .section-subtitle {
    font-size: 1rem;
  }

  /* Cards & Items */
  .service-card, 
  .pricing-card, 
  .feature-card, 
  .blog-card,
  .team-card,
  .coreinfo-item {
    margin-bottom: 2rem;
  }

  /* Contact Form */
  .contact-form-container {
    padding: 1.5rem;
  }

  /* Footer */
  footer {
    text-align: center;
    padding: 3rem 0 1.5rem;
  }

  .footer-column {
    margin-bottom: 2rem;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Hero Section */
  .hero-title {
    font-size: 2.5rem;
  }

  .hero-subtitle {
    font-size: 1.2rem;
  }

  .hero-section {
    padding: 4rem 0;
  }

  .hero-image {
    margin-top: 2rem;
  }

  /* Section Spacing */
  .section-padding, 
  .about-section, 
  .services-section, 
  .features-section, 
  .priceplan-section, 
  .team-section, 
  .reviews-section, 
  .coreinfo-section, 
  .contact-section, 
  .blog-section, 
  .faq-section {
    padding: 5rem 0;
  }

  /* Section Headings */
  .section-title {
    font-size: 2rem;
  }

  /* Cards & Items */
  .service-card, 
  .pricing-card, 
  .feature-card, 
  .blog-card {
    margin-bottom: 2rem;
  }

  /* Footer */
  footer {
    text-align: center;
  }

  .footer-column {
    margin-bottom: 2rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Hero Section */
  .hero-title {
    font-size: 2.8rem;
  }

  .hero-section {
    padding: 5rem 0;
  }

  /* Section Spacing */
  .section-padding, 
  .about-section, 
  .services-section, 
  .features-section, 
  .priceplan-section, 
  .team-section, 
  .reviews-section, 
  .coreinfo-section, 
  .contact-section, 
  .blog-section, 
  .faq-section {
    padding: 5.5rem 0;
  }

  /* Cards & Items */
  .service-card, 
  .pricing-card, 
  .feature-card, 
  .blog-card {
    margin-bottom: 2rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Hero Section */
  .hero-title {
    font-size: 3rem;
  }

  /* Service Cards */
  .service-image {
    height: 180px;
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .swiper-container {
    --swiper-autoplay-delay: 999999s;
  }
}

/* Disable animations on mobile */
@media (max-width: 767.98px) {
  .swiper-container {
    --swiper-autoplay-delay: 999999s;
  }
  
  .fade-in {
    animation: none;
    opacity: 1;
    transform: translateY(0);
  }
}