 *{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: 'Poppins', sans-serif;
}

body{
  background:#f5f5f5;
}

/* Hero Section */
.hero{
  height:100vh;

  background:
  linear-gradient(to right, rgba(255,0,150,0.3), rgba(100,0,255,0.6)),
  url("https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91");

  background-size:cover;
  background-position:left center;
  background-repeat:no-repeat;

  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding-right:100px;
}
.hero-content{
  color:white ;
  max-width: 400px;
}

.hero span{
  font-weight: bold;
}
.hero-text p{
  margin: 20px 0;

}
.hero-text h1{
  font-size: 48px;
  line-height: 1.2;
}

.hero button{
  padding:12px 30px;
  border:none;
  border-radius:30px;
  background:#00c6ff;
  color:white;
  font-size:16px;
  cursor:pointer;
}


/* Services */
.services{
  padding:60px 10%;
  text-align:center;
  background:white;
}

.cards{
  display:flex;
  gap:20px;
  margin-top:30px;
}

.card{
  flex:1;
  background:white;
  padding:30px;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* Testimonials */
.testimonials{
  padding:60px 10%;
  text-align:center;
}

.testi-cards{
  display:flex;
  gap:20px;
  margin-top:30px;
}

.testi{
  flex:1;
  padding:40px;
  color:white;
  border-radius:10px;
}

.orange{background:#ff9a44;}
.purple{background:#7b2ff7;}
.blue{background:#1e90ff;}

/* Counter */
.counter{
  display:flex;
  justify-content:space-around;
  padding:60px 10%;
  background:white;
  text-align:center;
}

.counter h3{
  font-size:40px;
  color:#6a11cb;
}

/* CTA */
.cta{
  padding:60px;
  text-align:center;
  background: linear-gradient(135deg,#6a11cb,#2575fc);
  color:white;
}

.cta button{
  margin-top:20px;
  padding:10px 25px;
  border:none;
  border-radius:25px;
  background:#00c6ff;
  color:white;
  cursor:pointer;
}

/* Footer */
footer{
  background:#2d2d2d;
  color:white;
  text-align:center;
  padding:20px;
}
.contact-info{
  margin-top:15px;
  font-size:14px;
  color:#fcf9f9;
  text-align:center;
  background-color: #2d2d2d;
  
}