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

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

/* ==========================================================================
   2) Media-query breakpoints (max-width only)
   ========================================================================== */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 1439px) {
  .section-about .about-content .body-content > div.bottom {
    margin-top: -15%;
  }
}
@media (max-width: 1199px) {
}
@media (max-width: 1023px) {
  .section-services .services-content .card-service {
    width: calc(50% - 15px);
  }
}
@media (max-width: 991px) {
  .section-about .about-content .body-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .section-about .about-content .body-content > div,
  .section-about .about-content .body-content > div.bottom {
    flex-direction: column;
    margin-top: unset;
    align-items: stretch;
  }
  footer .top-footer .top-footer-section {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  footer .top-footer .top-footer-section .footer-logo {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    width: 100%;
    text-align: center;
  }

  footer .top-footer .top-footer-section .footer-menu ul {
    width: unset;
  }
}
@media (max-width: 767px) {
  .section-about .about-content .body-content > div .text span {
    max-width: 100%;
  }
  .section-services .services-content .card-service {
    width: 100%;
  }
  footer .top-footer .top-footer-section .footer-menu {
    flex-wrap: wrap;
    gap: clamp(1.8125rem, 0.5268rem + 2.0089vw, 2.9375rem) 10px;
  }
  footer .top-footer .top-footer-section .footer-menu ul {
    width: calc(50% - 5px) !important;
  }
  footer .bottom-footer .bottom-footer-section {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 575px) {
}
@media (max-width: 399px) {
}