@charset "UTF-8";
/* CSS Document */

@media (max-width: 1024px) {
    section, div{    }
    
    .main{}
    
    .container{
    flex-direction: column;
}

    .hero-content{
        display: flex;
        flex-direction:column;
        width:100%;
        text-align: center;
        justify-content: center;
    }
    .hero-video-wrapper{
        order: 1;
    }
  .hero-content h1 {
    font-size: 48px;
  }
  .hero-buttons {
    justify-content: center;
  }
      .about-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
    .about-text{
    justify-content: center;
        text-align: center;
    }
  .page-wrapper {
    padding: 20px;
  }
    .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .testimonials-container {
    grid-template-columns: 1fr;
  }
  .testimonial-video-wrapper {
    max-width: 400px;
    margin: 0 auto;
  }
      .footer-main {
    flex-direction: column;
    gap: 40px;
  }
  .footer-links {
    justify-content: space-between;
  }

  .main-nav {
    display: none;
  }
  .mobile-nav-toggle {
    display: block;
  }
      .trial-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .page-wrapper {
    padding: 20px 15px;
    gap: 30px;
  }
      .teams-grid {
    flex-direction: column;
  }
  .teams-title {
    font-size: 32px;
  }
  .team-item p {
    font-size: 20px;
  }
      .alert-box h3 {
    font-size: 32px;
  }
  .alert-box p {
    font-size: 18px;
  }
    
}


@media (max-width: 500px) {
    .hero-content h1 {
        font-size: 36px;
    }
    .hero-content p {
        font-size: 18px;
    }
    .hero-buttons {
        flex-direction: column;
        gap: 15px;
    }
      .cta-buttons {
    flex-direction: column;
  }
}


@media (max-width: 600px) {
  .features-grid {
    grid-template-columns: 1fr;
  }
  .features-title {
    font-size: 32px;
  }

  .site-footer {
    padding: 40px 20px;
  }
  .footer-links {
    flex-direction: column;
    gap: 30px;
  }
}