#tgwg-onboarding-container {
    padding: 200px 24px;
    background-image: url('/wp-content/plugins/workout_generator/assets/img/hero-image-with-gradient.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

#tgwg-onboarding-page-1 ul {
    margin: 40px 0 !important;
}

#tgwg-recommendations-title,
#tgwg-recommendations-text {
    display: none;
}

#tgwg-onboarding-page-2 p,
#tgwg-onboarding-page-2 h1,
#tgwg-onboarding-page-2 i {
    color: var(--tg-color-font-on-color);
}

.tgwg-recommendations {
    padding: 0;
    margin: 40px 0;
}

#tgwg-onboarding-page-3 p,
#tgwg-onboarding-page-3 h1,
#tgwg-onboarding-page-3 i {
    color: var(--tg-color-font-on-color);
}

#tgwg-onboarding-page-4 .tgwg-wizard {
    padding: 0px;
}

.tgwg-wizard-step {
    /* background-color: var(--e-global-color-primary); */
    background-color: rgba(255, 255, 255, 0);
    color: var(--tg-color-font-on-color);
}

#tgwg-wizard-title {
    display: none;
}

.tgwg-wizard-step h4 {
    color: var(--tg-color-font-on-color);
}

.tgwg-wizard-step i {
    color: var(--tg-color-font-on-color);
}

.tgwg-wizard-answer {
    background-color: var(--e-global-color-primary);
}

.tgwg-wizard-answer h3 {
    color: var(--tg-color-font-on-color) !important;
}

.tgwg-wizard-answer-active {
    background-color: var(--tg-color-font-on-color);
    border-color: var(--tg-color-font-on-color);
}

.tgwg-wizard-answer-active i,
.tgwg-wizard-answer-active h3 {
    color: var(--e-global-color-primary) !important;
}

#tgwg-onboarding-inner-container button {
    border: solid var(--tg-color-font-on-color) 1px;
    color: var(--tg-color-font-on-color);
}

#tgwg-onboarding-inner-container #tgwg-onboarding-page-1-btn-next:hover,
#tgwg-onboarding-inner-container #tgwg-onboarding-page-2-btn-next:hover {
    border: solid var(--tg-color-font-on-color) 1px;
    color: var(--e-global-color-primary);
    background-color: var(--tg-color-font-on-color);
}