/* ==========================================================================
   1) Base (desktop) styles
   ========================================================================== */

/* …your default desktop (large-screen) styles go here… */

/* ==========================================================================
   2) Media-query breakpoints (max-width only)
   ========================================================================== */
@media (min-width: 992px) {
  body {
    padding-top: clamp(6.75rem, 5.4138rem + 2.1552vw, 8rem);
  }
}
@media (min-width: 1440px) {
  .modal-video .modal-content video {
    height: 500px;
  }
}
/* Very large screens down to 1440px */
@media (max-width: 1439px) {
  /* e.g. adjust from XXL → XL */
}

/* Large desktops down to 1200px */
@media (max-width: 1199px) {
  /* e.g. adjust from XL → L */
  .section-trusted
    .legal-testimonials-middle
    .testimonials
    .testimonials-items
    .logo-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .section-about .about-content .top {
    align-items: flex-start;
    flex-direction: column;
  }
  .section-about .about-content .top .left,
  .section-about .about-content .top .right {
    width: 100%;
  }
  .section-contact .contact-content .bottom .left,
  .section-contact .contact-content .bottom .right {
    width: 50%;
  }
}

/* Small desktops & tablets down to 992px */
@media (max-width: 991px) {
  .section-trusted
    .legal-testimonials-bottom
    .videoTestimonial
    .swiper-button-next,
  .section-trusted
    .legal-testimonials-bottom
    .videoTestimonial
    .swiper-button-prev {
    top: unset;
    bottom: clamp(1rem, -0.5777rem + 6.7314vw, 7.5rem);
  }
  .section-trusted
    .legal-testimonials-bottom
    .videoTestimonial
    .swiper-button-next {
    right: clamp(1rem, -0.5777rem + 6.7314vw, 7.5rem);
  }
  .section-trusted
    .legal-testimonials-bottom
    .videoTestimonial
    .swiper-button-prev {
    left: clamp(1rem, -0.5777rem + 6.7314vw, 7.5rem);
  }
  /* e.g. adjust from L → M */
  .section-trusted .legal-testimonials-bottom .videoTestimonial .swiper-slide {
    flex-direction: column;
  }
  .section-trusted
    .legal-testimonials-bottom
    .videoTestimonial
    .swiper-slide
    a {
    max-width: unset;
  }

  .section-trusted
    .legal-testimonials-bottom
    .videoTestimonial
    .swiper-pagination {
    bottom: clamp(1rem, -0.5777rem + 6.7314vw, 7.5rem);
  }

  .section-contact .contact-content .bottom,
  .section-contact .contact-content .top {
    flex-direction: column;
  }
  .section-contact .contact-content .bottom .left,
  .section-contact .contact-content .bottom .right,
  .section-contact .contact-content .top .left,
  .section-contact .contact-content .top .right,
  .section-contact .contact-content .top .left .text-cont {
    max-width: unset;
    width: 100%;
  }
}

/* Tablets & small desktops down to 768px */
@media (max-width: 767px) {
  /* e.g. adjust from M → S */

  .section-trusted .legal-testimonials-top .text-cont {
    flex-direction: column;
  }
  .section-trusted .legal-testimonials-top .text-cont h2,
  .section-trusted .legal-testimonials-top .text-cont p {
    width: 100%;
  }
  .section-about .about-content .top .left ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .section-contact .contact-content .top .right .form-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .section-contact .contact-content .top .right h2 {
    font-size: 24px;
  }
  .section-contact .contact-content .top .right .btn {
    width: 100%;
  }

  footer {
    padding-block: 60px 24px;
  }
  footer .top,
  footer .middle,
  footer .middle ul,
  footer .bottom {
    flex-direction: column;
  }
  footer .top .btn {
    max-width: unset;
    width: 100%;
  }
  footer .middle {
    padding-block: 40px;
    margin-block: 40px;
  }
  footer .bottom p {
    max-width: 60%;
  }
}

/* Mobile landscape down to 576px */
@media (max-width: 575px) {
  /* e.g. adjust from S → XS */
}

/* Mobile portrait down to 400px */
@media (max-width: 399px) {
  /* e.g. very small phones */
}
