/* ==========================================================================
   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) {
  .section-services .services-content .heading-text .navigation {
    display: flex;
  }
  .section-services .services-content .services-swiper {
    height: calc(322px * 3 + 50px * 2);
  }
  .section-services
    .services-content
    .services-swiper
    .swiper-wrapper
    .swiper-slide {
    height: unset !important;
    min-height: 100px;
  }
  .section-services .services-content .navigation-2 {
    display: none;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Styles for ≥1200px (large desktops and up) */
}

/* 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) {
  .section-specials .specials-content .specials-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .section-area .area-content .area-content-inner ul {
    flex-wrap: wrap;
  }
  .section-area .area-content .area-content-inner ul li {
    width: calc(33.33% - 25px);
  }
  .section-dont-wait .dont-wait-content .dont-wait-cta .dont-wait-cta-inner {
    flex-direction: column;
  }

  .section-dont-wait
    .dont-wait-content
    .dont-wait-cta
    .dont-wait-cta-inner
    .text-cont {
    text-align: center;
  }
  .section-contact .contact-content .left .btn-cont {
    flex-direction: column;
  }
}

/* Below 992px */
@media (max-width: 991.98px) {
  .section-specials .specials-content .special-heading {
    flex-direction: column;
  }
  .section-specials .specials-content .special-heading h2 {
    text-align: center;
  }
  .section-specials .specials-content .special-heading .heading-promo {
    max-width: 550px;
    width: 100%;
  }
  .section-services .services-content .heading-text {
    justify-content: center;
  }
  .section-services
    .services-content
    .services-swiper
    .swiper-wrapper
    .swiper-slide {
    flex-direction: column;
    padding: 40px 15px;
  }
  .section-services
    .services-content
    .services-swiper
    .swiper-wrapper
    .swiper-slide
    img {
    max-width: max-content;
  }
  .section-services
    .services-content
    .services-swiper
    .swiper-wrapper
    .swiper-slide
    .text {
    height: 100%;
  }
  .section-testimonials .testimonials-content .heading {
    align-items: flex-start;
  }
  .section-about .about-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .section-about .about-content .left {
    grid-area: auto;
  }
  .section-about .about-content .left a {
    max-width: max-content;
  }

  .section-about .about-content .right {
    grid-area: auto;
  }

  .section-about .about-content .bottom {
    grid-area: auto;
  }
  .section-about .about-content .about-list.about-list-other {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-area .area-content .area-content-inner ul li {
    width: calc(50% - 25px);
  }
  .section-contact .contact-content {
    flex-direction: column;
  }

  .section-contact .contact-content .left .btn-cont {
    flex-direction: column;
    width: 100%;
  }
  .section-dont-wait
    .dont-wait-content
    .dont-wait-cta
    .dont-wait-cta-inner
    .btn-cont {
    flex-direction: column;
    width: 100%;
  }
  .section-dont-wait
    .dont-wait-content
    .dont-wait-cta
    .dont-wait-cta-inner
    .btn-cont
    a {
    max-width: 100%;
    width: 100%;
  }
  footer .footer-main {
    flex-direction: column;
  }
  footer .footer-main .footer-col {
    max-width: unset;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  footer .footer-main .footer-col:not(.footer-brand) {
    margin-bottom: 30px;
    padding-inline: clamp(1.875rem, 1.7233rem + 0.6472vw, 2.5rem);
  }
  footer .footer-main .footer-brand {
    border-bottom: 1px solid #073450;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  footer .footer-main .footer-col.footer-contact {
    margin-bottom: 0;
  }
  footer .footer-main .footer-accordion-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }

  footer .footer-main .footer-accordion-trigger svg {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  footer .footer-main .footer-accordion-trigger[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }
  footer .footer-main .footer-list,
  footer .footer-main .footer-accept-list {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
      margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 0;
  }
  footer
    .footer-main
    .footer-accordion-trigger[aria-expanded="true"]
    + .footer-list,
  footer
    .footer-main
    .footer-accordion-trigger[aria-expanded="true"]
    + .footer-accept-list {
    max-height: 500px;
    margin-top: 20px;
  }
  footer .footer-main .footer-accept {
    margin-top: 30px;
  }
  footer .footer-bottom {
    flex-direction: column;
    align-items: center;
  }
  footer .footer-bottom .footer-copy {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  footer .footer-bottom .footer-copy span {
    border-right: none;
  }
  footer .footer-main .footer-brand {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    text-align: center;
  }
}

/* Below 768px */
@media (max-width: 767.98px) {
  .section-specials .specials-content .specials-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-specials .specials-content .special-btn {
    flex-direction: column;
  }
  .section-specials .specials-content .special-btn a {
    max-width: 100% !important;
  }
  .section-services
    .services-content
    .services-swiper
    .swiper-wrapper
    .swiper-slide
    .text
    .btn-group {
    flex-direction: column;
    gap: 10px;
  }
  .section-area .area-content .area-content-inner ul li {
    width: 100%;
  }
  .section-contact .contact-content .left,
  .section-contact .contact-content .right {
    width: 100%;
  }
}

/* Below 576px */
@media (max-width: 575.98px) {
  .section-testimonials .testimonials-content .cta-button {
    flex-direction: column;
    gap: 10px;
  }
  .section-testimonials .testimonials-content .cta-button a {
    width: 100%;
  }
  .section-about .about-content .about-list {
    grid-template-columns: 1fr !important;
  }
  .section-about .about-content .left span.subtitle {
    padding-inline: 10px;
  }
  .section-about .about-content .about-list li h3 {
    background: var(
      --SD-Orange,
      linear-gradient(90deg, #f15c29 0%, #f27a23 100%)
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .section-about .about-content .about-list li svg {
    fill: #f15c29;
  }
}

/* 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 */
}