@media (max-width: 768px) {
  .hcl-footer {
    padding: 24px 16px;
  }

  .hcl-footer-top {
    flex-direction: column;
    gap: 16px;
  }

  .hcl-footer-links {
    justify-content: flex-start;
  }

  .hcl-footer-copyright {
    text-align: left;
  }
}