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

/* ===== min-width: 2560px – Ultra HD / 4K Screens ===== */
@media (min-width: 2560px) {
  html {
    font-size: 18px;
  }

  .hero-section {
    min-height: 900px;
    padding: 6rem 0;
  }

  .hero-heading {
    font-size: 4rem;
  }

  .container {
    max-width: 1600px!important;
  }

  .footer-main-content {
    padding: 0 3rem;
  }
}

/* ===== min-width: 1920px – Full HD / 2K Screens ===== */
@media (min-width: 1920px) {
/*  .hero-heading {
    font-size: 3.5rem;
  }*/

  .hero-floating-ui {
    width: 480px;
    height: 500px;
    top: 80%;
    transform: translateY(-50%);
    right: 10%;
  }

  .testimonial-card {
    /*max-width: 960px;*/
  }

  .container {
    max-width: 1920px;
    /*padding: 40px 10%;*/
    margin: 0 auto;
  }

  /*.pricing-card {
    padding: 2.5rem;
  }*/
}

/* ===== min-width: 1280px – Extra Large (Desktop) ===== */
@media (min-width: 1280px) {
      .site-header {
    padding: 1.5rem 3rem;
  }
  .container {
    max-width: 1260px;
    margin: 0 auto;
    /*padding: 0 2rem;*/
  }
        .video-container {

  padding-bottom: 56.25%; /* 16:9 aspect ratio → 9 / 16 = 0.5625 */
}
    .hero-heading{
        text-align: center;
    }
  .hero-text-content {
    max-width: 50%;
  }
       .hero-heading{
           font-size: clamp(2.5rem, 6vw, 3.5rem);
          line-height: clamp(2.8rem, 8vw, 3.8rem);
    }
    .index-heading{
        text-align:left;
    }
    .hero-floating-ui{
            right: 15%;
            top: 45%;
    }
    .break-line::after {
    content: "\A"; /* Inserts a line break */
    white-space: pre;
  }
    
/*      .section-main-title,.cta-heading {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
      line-height: clamp(3rem, 6vw, 4rem);
  }
*/
  .footer-about,
  .footer-links-column {
    flex: 1;
  }
     .pricing-grid {
    grid-template-columns:repeat(4, 1fr);
  }
    
}

/* ===== min-width: 1024px – Large Devices (Tablet Landscape / Small Laptop) ===== */
@media (min-width: 1024px) {
  #mobile-nav-toggle {
    display: none;
  }

  .header-nav {
    flex-direction: row;
    justify-content: space-between;
  }

    .hero-heading{
    }
  .section-main-title,.cta-heading {
    font-size: clamp(2rem, 3vw, 3rem);
      line-height: clamp(2.7rem, 4vw, 3.7rem);
  }

}

/* ===== min-width: 768px – Medium Devices (Tablet Portrait) ===== */
@media (min-width: 768px) {
  .site-header {
    padding: 1rem 2rem;
  }

  .hero-content-area {
    flex-direction: row;
  }

  .hero-text-content {
    max-width: 60%;
  }

  .features-carousel {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .footer-main-content {
    gap: 3rem;
  }
}

/* ===== min-width: 480px – Small Devices (Mobile Landscape) ===== */
@media (min-width: 480px) {


  .button {
   /* padding: 0.875rem 1.75rem;*/
  }

  .hero-heading {
    /*font-size: clamp(2.5rem, 6vw, 3.5rem);
    line-height: clamp(2.7rem, 8vw, 3.7rem);*/
  }
    
}
@charset "UTF-8";
/* CSS Document */

/* ===== min-width: 2560px – Ultra HD / 4K Screens ===== */
@media (min-width: 2560px) {
  html {
    font-size: 18px;
  }

  .hero-section {
    min-height: 900px;
    padding: 6rem 0;
  }

  .hero-heading {
    font-size: 4rem;
  }

  .container {
    max-width: 1600px!important;
  }

  .footer-main-content {
    padding: 0 3rem;
  }
}

/* ===== min-width: 1920px – Full HD / 2K Screens ===== */
@media (min-width: 1920px) {
/*  .hero-heading {
    font-size: 3.5rem;
  }*/

  .hero-floating-ui {
    width: 480px;
    height: 500px;
    top: 80%;
    transform: translateY(-50%);
    right: 10%;
  }

  .testimonial-card {
    /*max-width: 960px;*/
  }

  .container {
    max-width: 1920px;
    /*padding: 40px 10%;*/
    margin: 0 auto;
  }

  /*.pricing-card {
    padding: 2.5rem;
  }*/
}

/* ===== min-width: 1280px – Extra Large (Desktop) ===== */
@media (min-width: 1280px) {
      .site-header {
    padding: 1.5rem 3rem;
  }
  .container {
    max-width: 1260px;
    margin: 0 auto;
    /*padding: 0 2rem;*/
  }
        .video-container {

  padding-bottom: 56.25%; /* 16:9 aspect ratio → 9 / 16 = 0.5625 */
}
    .hero-heading{
        text-align: center;
    }
  .hero-text-content {
    max-width: 50%;
  }
       .hero-heading{
           font-size: clamp(2.5rem, 6vw, 3.5rem);
          line-height: clamp(2.8rem, 8vw, 3.8rem);
    }
    .index-heading{
        text-align:left;
    }
    .hero-floating-ui{
            right: 15%;
            top: 45%;
    }
    .break-line::after {
    content: "\A"; /* Inserts a line break */
    white-space: pre;
  }
    
/*      .section-main-title,.cta-heading {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
      line-height: clamp(3rem, 6vw, 4rem);
  }
*/
  .footer-about,
  .footer-links-column {
    flex: 1;
  }
     .pricing-grid {
    grid-template-columns:repeat(4, 1fr);
  }
    
}

/* ===== min-width: 1024px – Large Devices (Tablet Landscape / Small Laptop) ===== */
@media (min-width: 1024px) {
  #mobile-nav-toggle {
    display: none;
  }

  .header-nav {
    flex-direction: row;
    justify-content: space-between;
  }

    .hero-heading{
    }
  .section-main-title,.cta-heading {
    font-size: clamp(2rem, 3vw, 3rem);
      line-height: clamp(2.7rem, 4vw, 3.7rem);
  }

}

/* ===== min-width: 768px – Medium Devices (Tablet Portrait) ===== */
@media (min-width: 768px) {
  .site-header {
    padding: 1rem 2rem;
  }

  .hero-content-area {
    flex-direction: row;
  }

  .hero-text-content {
    max-width: 60%;
  }

  .features-carousel {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .footer-main-content {
    gap: 3rem;
  }
}

/* ===== min-width: 480px – Small Devices (Mobile Landscape) ===== */
@media (min-width: 480px) {


  .button {
   /* padding: 0.875rem 1.75rem;*/
  }

  .hero-heading {
    /*font-size: clamp(2.5rem, 6vw, 3.5rem);
    line-height: clamp(2.7rem, 8vw, 3.7rem);*/
  }
    
}