#enroll .learning-type-option {
    display: flex;
    gap: 0px 0px;
    transition: 0.3s background ease-in-out;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-5c46c8e);
    border-radius: 8px 8px 8px 8px;
    padding: 0 20px 30px 20px !important;
}

.learning-type-option>div {
    gap: 20px !important
}

#enroll.course-form .jet-form-builder__field-template.jet-form-builder__field-template--checked .learning-type-option,
#enroll.course-form .learning-type-option:hover {
    border-color: #D7001D !important;
}

#enroll.bootcamp-form .jet-form-builder__field-template.jet-form-builder__field-template--checked .learning-type-option,
#enroll.bootcamp-form .learning-type-option:hover {
    border-color: var(--e-global-color-primary) !important
}

#enroll .popular-label {
    position: absolute;
    top: -22px;
    left: 50%;
    padding: 5px 20px;
    transform: translateX(-50%);
    width: 180px !important;
    display: block;
    max-width: unset !important;
    border-radius: 8px !important;
    color: #FFFFFF;
    text-align: center
}

#enroll.course-form .popular-label {
    background-color: #D7031C !important;
}

#enroll.course-form .popular-label span.elementor-heading-title {
    justify-content: center;
    text-align: center
}

#enroll.bootcamp-form .popular-label {
    background-color: var(--e-global-color-primary) !important;
}

#enroll.course-form .info-icon .elementor-icon {
    color: #D7031C !important;
}

#enroll.bootcamp-form .info-icon .elementor-icon {
    color: var(--e-global-color-primary) !important;
}

#enroll.bootcamp-form .learning-icon.bootcamp-icon,
.course-form .learning-icon.course-icon {
    display: none !important;
}

#enroll .learning-type-title * {
    text-align: center
}

#enroll.course-form .learning-type-title * {
    color: #D7031C !important;
}

#enroll.bootcamp-form .learning-type-title * {
    color: var(--e-global-color-primary) !important;
}

#enroll .description-listing .jet-listing-dynamic-repeater__items {
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px
}

#enroll .description-listing .jet-listing-dynamic-repeater__item {
    display: flex;
    gap: 5px;
}

#enroll .lt-price * {
    text-align: center;
}

#enroll .lt-price span.price {
    justify-content: center;
}

#enroll .lt-price bdi {
    display: flex;
    gap: 5px;
}

#enroll.course-form .lt-price * {
    color: #D7031C !important;
}

#enroll.bootcamp-form .lt-price * {
    color: var(--e-global-color-primary) !important;
}

#enroll .bottom-description * {
    text-align: center;
}

#enroll .bottom-description span.price {
    width: 100% !important;
    display: block;
}

#enroll .info-icon {
    text-align: right
}

#enroll .info-icon i {
    font-size: 18px;
}

#enroll.course-form h3 {
    color: #D7031C !important;
}

#enroll .jet-form-builder-page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#enroll .jfb-progress-type--default {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#enroll .jet-form-builder-progress-pages__item--circle {
    color: #FFFFFF !important;
    border: unset !important;
}

#enroll .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle,
#enroll .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle {
    background-color: #D7031C !important;
}

#enroll .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--label,
.jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--label,
.jet-form-builder-page[data-page="1"] h3.wp-block-heading+span {
    color: #D7031C
}

#enroll .jet-form-builder-progress-pages__item--wrapper:not(.active-page):not(.passed-page) .jet-form-builder-progress-pages__item--circle,
#enroll .jet-form-builder-progress-pages__separator {
    background-color: #E6E6E6 !important
}

#enroll .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle {
    position: relative !important
}

#enroll .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle::before {
    content: '✓';
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%;
    z-index: 9 !important;
    color: #FFFFFF !important;
    background-color: #D7031C;
}

#enroll .jet-form-builder__fields-group.checkradio-wrap {
    flex-direction: row;
    gap: 18px;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch !important
}

#enroll .jet-form-builder-page[data-page="1"] .jet-form-builder__field-wrap:not(.isav) {
    pointer-events: none!important;
    opacity: 0.4;
}

#enroll .jet-form-builder-page[data-page="1"] h3.wp-block-heading {
    color: #D7031C;
    font-weight: 900 !important;
}

#enroll .jet-form-builder-page[data-page="1"] h3.wp-block-heading+span {
    margin-bottom: 25px !important;
    display: block;
    margin-top: 5px;
    cursor: pointer;
}

#enroll .jet-form-builder-page[data-page="1"] h3.wp-block-heading+span:hover {
    text-decoration: underline
}

#enroll .jet-form-builder-page[data-page="1"] .jet-form-builder__fields-group.checkradio-wrap>div {
    flex: 0 0 calc( 33% - 18px) !important
}

#enroll .jet-form-builder-page[data-page="2"] .jet-form-builder__fields-group.checkradio-wrap>div,
#enroll .jet-form-builder-page[data-page="2"] .full-width-col-options.individual-learning-col .jet-form-builder__fields-group.checkradio-wrap>div {
    flex: 0 0 calc( 50% - 18px) !important
}

#enroll.jet-form-builder-progress-pages__item--wrapper[data-page="2"] .jet-form-builder-progress-pages__item--label {
    font-size: 0;
}

#enroll .jet-form-builder-progress-pages__item--wrapper[data-page="2"] .jet-form-builder-progress-pages__item--label:before {
    font-size: 18px;
    content: 'Date';
}

html[lang="nl-NL"] #enroll .jet-form-builder-progress-pages__item--wrapper[data-page="2"] .jet-form-builder-progress-pages__item--label:before {
    content: 'Datum';
}

#enroll .jet-form-builder__field-template,
#enroll .jet-form-builder__field-template>div,
#enroll .jet-form-builder__field-template>div>div {
    height: 100%
}

#enroll .jet-form-builder-page[data-page="1"] .jet-form-builder__next-page-wrap {
    text-align: center !important;
    margin-top: 25px;
}

#enroll .jet-form-builder-page[data-page="1"] button.jet-form-builder__next-page {
    display: none;
}


/*PAGE 2*/

#enroll .learning-icon img {
    height: 80px;
    object-fit: contain;
    object-position: center;
}

#enroll .jet-form-builder-page[data-page="2"] .full-width-col-options:not(.individual-learning-col) .jet-form-builder__fields-group.checkradio-wrap>div {
    flex: 0 0 100% !important
}

#enroll .group-training-date-selection-container {
    display: flex;
    justify-content: space-between;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 15px;
}

#enroll .group-training-description h4,
.group-var-price * {
    color: #D7031C !important;
}

#enroll .group-training-description p {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: unset;
}

#enroll .group-training-price p,
#enroll .group-training-price p * {
    color: #D7031C !important;
    font-weight: 700;
}

#enroll .open-inquiry-form-btn {
    margin-bottom: 20px !important;
}

#enroll.course-form .jet-form-builder__submit-wrap {
    justify-content: space-between !important
}

#enroll.course-form input>div {
    height: 50px !important;
    padding-left: 10px;
    padding-right: 10px;
}

#enroll.course-form input {
    height: 50px !important;
    border-radius: 8px;
    border: 1px solid #e2e8f0 !important;
}

#enroll .group-variation-option {
    display: flex;
    gap: 0px 0px;
    transition: 0.3s background ease-in-out;
    border-style: solid;
    border-width: 2px;
    border-color: var(--e-global-color-5c46c8e);
    border-radius: 8px 8px 8px 8px;
    padding: 20px;
}

#enroll.course-form .jet-form-builder__field-template.jet-form-builder__field-template--checked .group-variation-option,
#enroll.course-form .group-variation-option:hover {
    border-color: #D7001D !important;
}

#enroll.bootcamp-form .jet-form-builder__field-template.jet-form-builder__field-template--checked .group-variation-option,
#enroll.bootcamp-form .group-variation-option:hover {
    border-color: #0F5D6A !important;
}

#enroll .spot-left {
    width: fit-content !important
}

#enroll.spot-left .elementor-widget-container {
    height: auto !important;
}

#enroll.course-form .spot-left {
    background-color: #D7001D !important;
}

#enroll.bootcamp-form .spot-left {
    background-color: var(--e-global-color-primary) !important;
}

.group-var-top-section {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: unset
}

#enroll .spot-left {
    color: #FFFFFF;
    padding: 5px;
    font-size: 12px;
}

.group-variation-option>.e-con-inner {
    gap: 15px
}

.group-variation-option h3 {
    font-size: 17px;
}

.variation-description {
    font-size: 16px;
}

.individual-learning-col,
.company-learning-col {
    padding: 25px;
}

:is( .group-var-price, .individual-learning-col, .company-learning-col) span.woocommerce-Price-amount.amount {
    margin: 20px 0;
    font-size: 20px !important;
    color: #D7031C !important;
    font-weight: 700
}


/*###*/

#enroll span.back-to-product {
    display: none !important;
}

#enroll.course-form .jet-form-builder-page[data-page="1"] h3.wp-block-heading {
    margin-bottom: 35px !important;
}

:is( #enroll.course-form, #enroll.bootcamp-form) .hidden {
    display: none !important
}

@media(max-width:768px) {
    #enroll .jet-form-builder-page[data-page="1"] .jet-form-builder__fields-group.checkradio-wrap {
        justify-content: center;
    }
    #enroll .jet-form-builder-page[data-page="2"] .jet-form-builder__fields-group.checkradio-wrap>div,
    #enroll .jet-form-builder-page[data-page="1"] .jet-form-builder__fields-group.checkradio-wrap>div {
        flex: 0 0 100% !important;
        margin-bottom: 20px;
    }
    #enroll .group-training-date-selection-container {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 25px
    }
    #enroll .group-training-date-selection-container>div {
        flex: 0 0 100%;
    }
    #enroll .group-training-price.lt-price span.price * {
        font-size: 17px !important
    }
}

@media(max-width:500px) {
    #enroll .jet-form-builder__action-button-wrapper {
        flex-wrap: wrap
    }
    #enroll .jet-form-builder__action-button-wrapper>button {
        flex: 0 0 100%;
    }
}