style.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Sen", sans-serif;
}

/* Header */
header {
  background-color: #88bdf2;
  padding: 20px 0;
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}

header h1 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #384959;
  flex-grow: 1;
  margin-left: 15px;
}

header .header-nav {
  display: flex;
  flex-grow: 2;
  text-align: center;
  justify-content: center;
}

header .header-nav ul {
  display: flex;
  gap: 30px;
  margin-top: 10px;
  list-style: none;
}

header .header-nav ul li {
  display: inline-block;
}

header .header-nav ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  padding: 10px;
  transition: color 0.3s ease;
}

header .header-nav ul li a:hover {
  background-color: #384959;
  border-radius: 5px;
  padding: 10px;
}

#signinBtn {
  background: #384959;
  color: #fff;
  border: none;
  padding: 10px 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  margin-left: 10px;
  text-transform: capitalize;
}

.fa-user {
  margin-left: 0;
}

button:hover {
  background-color: #384959;
  color: #bdddfc;
  border: 1px solid #bdddfc;
}

/* Hamburger Icon*/
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.hamburger .bar {
  width: 25px;
  height: 4px;
  background-color: #384959;
  border-radius: 5px;
}

/* Hero Section */
#hero {
  background: url("data:image/jpeg;base64,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")
    center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 100px 0;
}

#hero h2 {
  font-size: 3rem;
  margin-bottom: 20px;
}

#hero p {
  font-size: 1.2rem;
  width: 70%;
  margin: 0 auto;
}

/* Testimonials Section */
#testimonials {
  text-align: center;
  padding: 60px 20px;
  margin-left: 70px;
}

#testimonials h2 {
  font-size: 2.5rem;
  margin-bottom: 40px;
}

/* Testimonial Card*/
.testimonial-container {
  display: flex;
  flex-wrap: wrap;
}

.testimonial-card {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  width: 300px;
  height: 300px;
  box-shadow: 0 0 10px #384959;
  margin-left: 20px;
  margin-bottom: 10px;
  transition: transform 0.3s ease;
}

.testimonial-card:hover {
  transform: scale(1.05);
}

.testimonial-img {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.testimonial-img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #384959;
}

.testimonial-content h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  color: #384959;
}

.testimonial-business {
  font-size: 700;
  font-size: 1rem;
  margin-bottom: 10px;
  color: #384959;
  text-align: center;
}

.testimonial-opinion {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 10px;
  color: #6a89a7;
  text-align: center;
}

.testimonial-rating {
  display: flex;
  justify-content: start;
  margin-left: 60px;
}

.star-rating i {
  color: #384959;
  margin-left: 7px;
}

/* =======Responsive Design============== */
@media screen and (max-width: 768px) {
  header .container {
    flex-direction: column;
    justify-content: center;
  }

  header h1 {
    font-size: 1.6rem;
    text-align: center;
  }

  /* Menu for mobile */
  header .header-nav {
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

  header .header-nav.active {
    display: block;
  }

  header .header-nav ul {
    flex-direction: column;
    gap: 15px;
    padding: 0;
    list-style: none;
    margin-top: 20px;
  }

  header button {
    margin-top: 20px;
  }

  /*hamburger icon */
  .hamburger {
    display: flex;
    justify-content: center;
    margin-top: 0;
    margin-right: 100;
  }

  #hero h2 {
    font-size: 2rem;
  }

  #hero p {
    font-size: 1.5rem;
    width: 90%;
  }

  #testimonials {
    margin-left: 10px;
  }

  .testimonial-container {
    flex-direction: column;
    align-items: center;
  }

  .testimonial-card {
    width: 80%;
  }
}