y: flex;
      align-items: center;
      gap: 8px;
      transition: 0.3s;

      padding: 5px;
      padding-left: 20px;
    }

    .footer-card ul li a:hover {
      color: #fff;
      transform: translateX(5px);
    }

    @media (max-width: 768px) {
      .footer-top {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 3rem;
      }

      .footer-brand h2 {
        font-size: 1.5rem;
      }

      .footer-links-section h4 {
        font-size: 1rem;
      }

      .foote