* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 

}

:root {
  /* Primary */
  --color-primary: #6C63FF;
  --color-primary-hover: #7F73FF;

  /* Text Colors */
  --color-text-dark: #1C1C1C;
  --color-text-medium: #6B7280;
  --color-text-white: #ffffff;

  /* Backgrounds */
  --color-bg-light: #F5F6FA;
  --color-bg-white: #FFFFFF;

  --section-bg: linear-gradient(
      0deg,
      color-mix(in srgb, var(--color-bg-light) 88%, #ffffff) 0%,
      var(--color-bg-light) 100%
    );
}


.title {
    font-size: 12px !important;
    padding: 4px 8px;
    font-weight: 500;
    margin: 2rem 0 1rem 0;
    display: inline-block;

    background-color: var(--color-bg-white) !important;
    color: var(--color-primary);
}

.subtitle {
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 1rem 0;
}