#about-us {
  padding: 4rem 0;

  .about-us-content,
  .image-wrapper,
  .title,
  .subtitle {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .animate-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .about-us-page-btn {
    margin-top: 2rem;
    a {
      display: inline-block;
      border: 2px solid transparent;
      padding: 0.5rem 1.5rem;
      background-color: var(--color-primary);
      color: var(--color-text-white);
      font-weight: 600;
      border-radius: 0.5rem;
      transition: all 0.3s ease;

      &:hover {
        background-color: var(--color-primary-hover);
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      }
    }
  }

  .image-wrapper {
    overflow: hidden;
    img {
      transition: transform 0.6s ease;
      &:hover {
        transform: scale(1.05);
      }
    }
  }

  @media (max-width: 768px) {
    padding: 3rem 1rem;
  }
}