/* ==========================================================================
   Component: Page Title
   ========================================================================== */

.c-page-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
}

.c-page-title__label {
  color: #a9b7c2;
  font-size: var(--font-xl);
  font-weight: 600;
  letter-spacing: var(--default-letter-spacing);
}

.c-page-title__main {
  color: var(--secondary-text-color);
  font-size: var(--font-6xl);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: var(--default-letter-spacing);
}

.c-page-title__description {
  font-weight: normal;
  letter-spacing: var(--default-letter-spacing);
  color: var(--dark);
  margin-top: 10px;
}

@media (max-width: 864px) {
  .c-page-title__main {
    font-size: var(--font-3xl);
  }
}