/*========================

    SOBRE NOSOTROS

=========================*/

.about {
  background: #fff;
}

.section-badge {
  display: inline-block;

  padding: 8px 18px;

  border-radius: 30px;

  background: #ede5fb;

  color: var(--primary);

  font-weight: 600;

  margin-bottom: 20px;
}

.about h2 {
  font-size: 2.6rem;

  font-weight: 700;

  margin-bottom: 25px;
}

.about h2 span {
  color: var(--primary);
}

.about p {
  color: var(--gray);

  line-height: 1.9;
}

.about-image {
  text-align: center;
}

.about-image img {
  width: 100%;

  max-width: 420px;
}

.about-features {
  margin-top: 35px;
}

.feature-box {
  display: flex;

  align-items: flex-start;

  gap: 20px;

  margin-bottom: 30px;
}

.feature-box i {
  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: var(--primary);

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;
}

.feature-box h5 {
  font-weight: 600;

  margin-bottom: 8px;
}

.feature-box p {
  margin: 0;
}

.mission-card {
  background: #fff;

  border-radius: 18px;

  padding: 35px;

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);

  height: 100%;

  transition: 0.35s;
}

.mission-card:hover {
  transform: translateY(-8px);
}

.mission-card i {
  font-size: 38px;

  color: var(--primary);

  margin-bottom: 20px;
}

.mission-card h4 {
  margin-bottom: 18px;

  font-weight: 700;
}