/* For Google Chrome (125% zoom level) */
@media screen and (-webkit-min-device-pixel-ratio: 1.25),
  screen and (min-resolution: 120dpi) {
}

/* 1. Ultra-Wide / 4K Displays */
@media (max-width: 1599.98px) {
  /* Styles for screens smaller than 1600px */
}

/* 2. Large Desktops */
@media (max-width: 1399.98px) {
  /* Styles for screens smaller than 1400px */
}

/* 3. Laptops / Small Desktops */
@media (max-width: 1199.98px) {
  /* Styles for screens smaller than 1200px */
}

/* 4. Tablets (Portrait) */
@media (max-width: 991.98px) {
  .header > .container {
    flex-direction: row-reverse;
  }

  .navbar-toggler {
    display: none;
  }

  .top-bar {
    display: none;
  }
  .hero-content {
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
  }

  .sec-01-content {
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 30px;
  }

  .testimonial-heading {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }

  section.sec-02 {
    margin: 0;
  }

  .sec-02-wrapper {
    margin: 0;
  }

  .sec-03-content {
    max-width: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
  }

  .col-lg-3.col-md-12:has(.metrics-timeline-container) {
    order: 2;
  }

  .sec-03-image-wrapper {
    display: none;
  }

  .metrics-timeline-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px 26px;
  }

  .metric-row-item {
    padding: 20px;
    background: var(--secondary);
    border-radius: 10px;
  }

  .progress-circle-box {
    background: transparent;
  }

  .metrics-timeline-container::before {
    content: none;
  }

  .trust-pill-badge {
    margin: 0;
  }

  section.sec-01 .row {
    flex-direction: column-reverse;
  }
}

/* 5. Large Phones / Small Tablets */
@media (max-width: 767.98px) {
  /* Styles for screens smaller than 768px */
}

/* 6. Mobile Phones */
@media (max-width: 575.98px) {
  /* Styles for screens smaller than 576px */
}