/* Add your custom CSS here */

body {font-family: 'Outfit', sans-serif;}

header h1 { font-size: var(--font-size-xxxl);}

.section-selector-1 { background-color: var(--trend-700) }
.section-selector-1 > .badge span { color: var(--white-000) }
.section-selector-1 > .badge span { background-color: var(--trend-700);
text-transform: uppercase;     
}

.section-selector-3 { background-color: var(--trend-700) }

.section-selector-4.theme-dark { background-color: var(--trend-700) }
.section-selector-4 div[class^='flex-cols-'] div[class^='col-'] figure.icon { color: var(--blue-300) }

.section-selector-1 h2,
.section-selector-2 h2,
.section-selector-3 h2,
.section-selector-4 h2 {font-weight: 400;}