/* ==================== */
/* FOOTER SECTION */
/* ==================== */
footer {
    background: linear-gradient(to top, #e2eaf3, #ffffff);
    color: var(--dark);
    padding: 1.5rem 0;
    text-align: center;
    border-top: 1px solid rgba(37, 99, 235, 0.1);
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.03);
    margin-top: 4rem;
  }
  
  footer p {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    margin: 0;
    opacity: 0.9;
    transition: opacity 0.3s ease;
  }
  
  footer p:hover {
    opacity: 1;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    header {
      padding: 1rem;
      flex-direction: column;
      gap: 1rem;
    }
  
    nav ul {
      gap: 1rem;
    }
  
    .hero {
      text-align: center;
    }
  
    .hero h1,
    .hero p,
    .hero-buttons {
      margin-left: 0;
      margin-right: 0;
    }
  
    .hero-buttons {
      max-width: 100%;
    }
  
    .service-container {
      grid-template-columns: 1fr;
    }
  }