/**
 * @file
 * Styles for the Entity Formalization page.
 */

.sp-page--entity-formalization {
  padding: 2rem 0;
}

.sp-page--entity-formalization .page-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}

.sp-page--entity-formalization .page-content h2 {
  margin-top: 4rem;
  color: #333;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
}
.sp-page--entity-formalization .page-content p {
  color: #767676;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.sp-page--entity-formalization .page-content ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.sp-page--entity-formalization .page-content li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1.5rem;
  color: #767676;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.sp-page--entity-formalization .page-content li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: #E30047;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
}

.sp-page--entity-formalization .page-content ul ul {
  margin-left: 2rem;
}
.sp-page--entity-formalization .page-content ul ul li::before {
  content: '•';
  color: #333;
  font-size: 14px;
}

.sp-page--entity-formalization .page-content .entity-formalization-form {
  background: #e9e9e9;
  border-radius: 16px;
  padding: 2rem;
}

@media (min-width: 768px) {
  .sp-page--entity-formalization .page-content {
    grid-template-columns: 1fr 1fr;
  }

  .sp-page--entity-formalization .page-content .entity-formalization-info {
    grid-column: 2;
    grid-row: 1;
  }

  .sp-page--entity-formalization .page-content .entity-formalization-form {
    grid-column: 1;
    grid-row: 1;
  }
}