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

   
    .hero {
      background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)),
                  url(./assests/bg\ image.jpeg) center/cover no-repeat;
      height: 100vh;
      color: white;
      display: flex;
      align-items: center;
      text-align: center;
    }

    .hero h1 {
      font-size: 3rem;
      font-weight: 700;
    }

    .hero p {
      font-size: 1.2rem;
    }

    .btn-main {
      background-color: #ffc107;
      color: #000;
      border-radius: 30px;
      padding: 10px 25px;
      transition: 0.3s;
    }

    .btn-main:hover {
      background-color: #e0a800;
      color: #fff;
    }

 
    .section-title {
      text-align: center;
      font-weight: 600;
      margin-bottom: 50px;
      position: relative;
    }

    .section-title::after {
      content: '';
      width: 80px;
      height: 4px;
      background: #ffc107;
      display: block;
      margin: 10px auto 0;
      border-radius: 2px;
    }

   
    .service-card {
      transition: all 0.4s ease;
    }

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

   
    .testimonial {
      background: #f8f9fa;
      border-radius: 15px;
      padding: 25px;
      box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }

   
    footer {
      background-color: #111;
      color: #ccc;
      padding: 40px 0;
    }

    footer a {
      color: #ffc107;
      text-decoration: none;
    }

    footer a:hover {
      color: #fff;
    }