/* ==========================================================================
   Responsive Media Query Breakpoints (Mobile-First, Clean, and Professional)
   ========================================================================== */

/* Base styles: Mobile first (0 - 575px) */

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {
  /* Styles for ≥576px (small phones and up) */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Styles for ≥768px (tablets and up) */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .mobile-hide {
    display: inline-flex;
  }
  .mobile-show {
    display: none !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .tablet-hide {
    display: inline-flex;
  }
  .tablet-show {
    display: none !important;
  }
}

/* Super large screens (1440px and up) */
@media (min-width: 1440px) {
  /* Styles for ≥1440px (very large screens) */
}

/* ==========================================================================
   Optional: Max-width breakpoints for targeting below certain sizes
   ========================================================================== */

/* Below 1200px */
@media (max-width: 1199.98px) {
  .tablet-hide {
    display: none !important;
  }
  .tablet-show {
    display: inline-flex;
  }
  .section-testimonials .testimonials-cont .testimonial-swiper {
    overflow: visible;
  }
}

/* Below 992px */
@media (max-width: 991.98px) {
  /* Styles for <992px */
  .mobile-hide {
    display: none !important;
  }
  .mobile-show {
    display: inline-flex;
  }
  .section-meet-lawrence {
    padding-bottom: 0;
  }
  .section-meet-lawrence .section-meet-lawrence-cont h2 {
    margin-bottom: 0;
  }
  .section-meet-lawrence .section-meet-lawrence-cont .achievements-marquee {
    display: flex;
    width: max-content;
    overflow: hidden;
    white-space: nowrap;
    gap: 24px;
    animation: achievements-marquee-scroll 60s linear infinite;
    margin-block: 15px 27px;
  }

  .section-meet-lawrence .section-meet-lawrence-cont .achievements-marquee li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
    color: #f5f5f5;
    font-size: clamp(0.875rem, 0.7233rem + 0.6472vw, 1.5rem);
    font-weight: 500;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;

    white-space: nowrap;
  }
  .section-meet-lawrence
    .section-meet-lawrence-cont
    .achievements-marquee
    li
    svg {
    height: clamp(1.25rem, 1.0376rem + 0.9061vw, 2.125rem);
    width: clamp(1.25rem, 1.0376rem + 0.9061vw, 2.125rem);
    flex-shrink: 0;
  }
  .section-meet-lawrence .section-meet-lawrence-cont .awards {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-meet-lawrence .section-meet-lawrence-cont .dr-paavan {
    padding-top: 0;
  }
  .section-contact .contact-cont .form-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .section-contact .contact-cont .form-wrapper .event-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section-contact .contact-cont .form-wrapper {
    background: transparent;
    padding: 0;
  }
  .section-contact .contact-cont .form-wrapper .form-cont {
    max-width: 458.969px;
    width: 100%;
  }
  .section-contact .contact-cont .form-wrapper .form-cont h4 {
    text-align: center;
    margin-bottom: 30px;
  }
  .section-contact .contact-cont .form-wrapper .form-cont form {
    background: #fff;
    padding: clamp(1.25rem, 0.4915rem + 3.2362vw, 4.375rem)
      clamp(1.25rem, 0.1881rem + 4.5307vw, 5.625rem);
    border-radius: clamp(0.625rem, 0.4733rem + 0.6472vw, 1.25rem);
  }
}

/* Below 768px */
@media (max-width: 767.98px) {
  .section-meet-lawrence .section-meet-lawrence-cont .awards {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-meet-lawrence .section-meet-lawrence-cont .awards .award-card {
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 17px;
    gap: 15px;

    border: 0.606px solid #fff;
    background: linear-gradient(180deg, #fff 0%, #c7aa56 100%);
  }
  .section-meet-lawrence .section-meet-lawrence-cont .awards .award-card svg {
    margin-bottom: 0;
  }
  .section-meet-lawrence
    .section-meet-lawrence-cont
    .awards
    .award-card
    .text-cont {
    text-align: left;
  }
  .section-meet-lawrence
    .section-meet-lawrence-cont
    .awards
    .award-card
    .text-cont
    h3 {
    margin-bottom: 10px;
  }
  .section-meet-lawrence
    .section-meet-lawrence-cont
    .awards
    .award-card
    .text-cont
    p
    br {
    display: none;
  }
  .section-meet-lawrence
    .section-meet-lawrence-cont
    .about-lawrence
    .about-lawrence-text
    a {
    width: 100%;
  }
  .footer__bottom {
    flex-direction: column;
  }
  .footer__bottom p {
    text-align: center;
  }
}

/* Below 576px */
@media (max-width: 575.98px) {
  /* Styles for <576px */
}

/* Ultra small devices (below 475px) */
@media (max-width: 474.98px) {
  /* Styles for <475px */
}

/* ==========================================================================
   Example: "Between" Ranges (for precise targeting)
   ========================================================================== */

/* Only tablets (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Styles for tablets only */
}

/* Only small desktops (992px - 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Styles for small desktops only */
}