.ui.button{
    font-family: var(--font-1);
    font-weight: 400;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)  0%, rgba(255, 255, 255, 0) 50%) !important;
}

.header{
    font-family: var(--font-1) !important;
}

.ui.form .required.field>label::after{
    color: var(--color-white);
}

.ui.form .field.si.error input:not([type]), .ui.form .field.si.error textarea{
    color: var(--color-accent);
    background: #81bef033;
    border-color: 2px solid var(--color-accent);
    box-shadow: 0px 6px 8px 2px rgba(0, 0, 0, 0.1) !important;   
}

.ui.inverted.form .error.field.si label{
    color: var(--color-accent);
}

.ui.icon.header .content {
    font-weight: 400;
}

.ui.card.dark{
    background: transparent !important;
}

.ui.card.dark>.content>.header, .ui.cards>.card.dark>.content>.header {
    color: var(--color-white);
}

.ui.steps:not(.circular) .step{
    color: var(--color-primary);
}