.section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.section-header h2 {
  font-size: 3rem;
  color: var(--dark);
  margin-bottom: 1rem;
}

.section-header p {
  font-size: 1.2rem;
  color: #666;
}

.section-header::after {
  content: "";

  display: block;

  width: 80px;
  height: 4px;

  margin: 1rem auto 0;

  background: var(--primary);

  border-radius: 999px;
}

.advantages {
  padding: 4rem 0 2rem;

  background-color: var(--white);
}

.advantages__grid {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

  gap: 2rem;
}

.advantage-card {
  text-align: center;

  padding: 2rem;

  border-radius: 20px;

  background-color: #f8f9fb;

  transition: var(--transition);
}

.advantage-card:hover {
  transform: translateY(-10px);
}

.advantage-card__icon {
  width: 80px;
  height: 80px;

  margin: 0 auto 1.5rem;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: linear-gradient(135deg,
      #0047cc,
      #0b6cff);

  color: white;

  font-size: 2rem;
}

.advantage-card h3 {
  margin-bottom: 1rem;

  color: var(--primary);
}

.advantage-card p {
  color: #555;
}