@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

    body {
      font-family: 'Poppins', sans-serif;
      scroll-behavior: smooth;
    }

    .hero {
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/background.jpg');
      background-size: cover;
      background-position: center;
    }

    .service-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .gallery-item {
      transition: all 0.3s ease;
    }

    .gallery-item:hover {
      transform: scale(1.03);
    }

    .mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }

    .mobile-menu.open {
      max-height: 500px;
    }

    .testimonial-slide {
      display: none;
    }

    .testimonial-slide.active {
      display: block;
      animation: fadeIn 0.5s ease-in;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    .testimonial-container {
      display: flex;
      overflow-x: hidden;
      scroll-behavior: smooth;
      padding-bottom: 4px;
    }

    .testimonial-item {
      flex: 0 0 33.333%;
      padding: 0 15px;
      box-sizing: border-box;
    }

    @media (max-width: 768px) {
      .testimonial-item {
        flex: 0 0 100%;
      }
    }