/* ==========================================================================
   1) Base (desktop) styles
   ========================================================================== */

/* …your default desktop (large-screen) styles go here… */

/* ==========================================================================
   2) Media-query breakpoints (max-width only)
   ========================================================================== */
@media (min-width: 768px) {
  /* empty */
}
@media (min-width: 992px) {
  .section-property-development .pd-swiper .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
  }
  .section-property-development .pd-swiper .swiper-slide {
    width: 100% !important;
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  /* empty */
}
@media (max-width: 1439px) {
  /* empty */
}
@media (max-width: 1199px) {
  .section-info-services
    .info-services-swiper
    .info-services-content
    .info-services-image
    img.image-test {
    object-fit: contain;
    background: #1e211d;
  }
  .section-expertise-highlight
    .expertise-highlight-info
    .expertise-highlight-tags {
    max-width: 100%;
  }
  .site-footer .footer-links .footer-columns {
    grid-template-columns: repeat(4, 1fr);
  }
  .site-footer .footer-bottom .footer-bottom-inner {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .section-info-services .info-services-swiper .info-services-content {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    min-height: unset;
  }
  .section-info-services
    .info-services-swiper
    .info-services-content
    .info-services-text,
  .section-info-services
    .info-services-swiper
    .info-services-content
    .info-services-image {
    margin: 0 auto;
  }
  .section-info-services
    .info-services-swiper
    .info-services-content
    .info-services-image
    picture {
    margin: 0 auto;
    height: 500px;
    max-width: 500px;
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .site-footer .footer-links .footer-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .section-expertise-highlight .expertise-highlight-content {
    flex-direction: column;
  }
  .section-expertise-highlight .expertise-highlight-image,
  .section-expertise-highlight .expertise-highlight-info {
    width: 100%;
  }
  .section-expertise-highlight .expertise-highlight-info h2 {
    text-align: center;
  }
  .section-expertise-highlight .expertise-highlight-info h2 br {
    display: none;
  }
  .section-expertise-highlight
    .expertise-highlight-info
    .expertise-highlight-tags {
    justify-content: center;
  }
  .site-footer .footer-bottom .footer-bottom-inner .footer-copyright {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .section-lender-partners
    .lender-partners-content
    .lender-logos
    .lender-logos__track {
    animation-duration: 20s;
  }
  .section-calculator .calculator-content iframe.VisiCalcClass {
    height: 1000px !important;
  }
  .section-why-us .why-us-wrapper {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .section-info-services
    .info-services-swiper
    .info-services-content
    .info-services-image
    picture {
    height: 350px;
    max-width: 350px;
  }
  .section-contact .contact-content .hate-contact-cta .btn-group a {
    width: 100%;
  }

  .site-footer .footer-top .footer-top-inner {
    flex-direction: column;
  }
  .site-footer .footer-links .footer-columns {
    grid-template-columns: repeat(2, 1fr);
  }
  .site-footer .footer-links .footer-columns .footer-col-contact {
    grid-column: span 2;
  }
  .site-footer .footer-social-row .footer-social {
    justify-content: center;
  }
  .site-footer .footer-social-row {
    margin-top: 30px;
  }
  .site-footer .footer-social-row .footer-social img {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 600px) {
}
@media (max-width: 575px) {
  /* empty */
}
@media (max-width: 475px) {
  .section-contact .contact-content .heading-contact p::before {
    width: 100%;
    background-size: contain;
    background-position: top;
    background-repeat: repeat;
  }
}