.elementor-3375 .elementor-element.elementor-element-69b41d4:not(.elementor-motion-effects-element-type-background), .elementor-3375 .elementor-element.elementor-element-69b41d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.digilabflevoland.nl/wp-content/uploads/img/INTRO-SURVEY.png");}.elementor-3375 .elementor-element.elementor-element-69b41d4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3375 .elementor-element.elementor-element-69b41d4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3375 .elementor-element.elementor-element-077d0e8 > .elementor-element-populated, .elementor-3375 .elementor-element.elementor-element-077d0e8 > .elementor-element-populated > .elementor-background-overlay, .elementor-3375 .elementor-element.elementor-element-077d0e8 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-3375 .elementor-element.elementor-element-077d0e8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:15% 15% 10% 15%;}.elementor-3375 .elementor-element.elementor-element-077d0e8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3375 .elementor-element.elementor-element-181f8bc:not(.elementor-motion-effects-element-type-background), .elementor-3375 .elementor-element.elementor-element-181f8bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-3375 .elementor-element.elementor-element-181f8bc, .elementor-3375 .elementor-element.elementor-element-181f8bc > .elementor-background-overlay{border-radius:24px 24px 24px 24px;}.elementor-3375 .elementor-element.elementor-element-181f8bc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3375 .elementor-element.elementor-element-181f8bc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3375 .elementor-element.elementor-element-cf9db32 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-3375 .elementor-element.elementor-element-29c42db{text-align:center;}.elementor-3375 .elementor-element.elementor-element-29c42db .elementor-heading-title{font-family:"UrbaneRounded-DemiBold", Sans-serif;font-size:28px;font-weight:700;line-height:39px;color:#1F2B53;}@media(max-width:767px){.elementor-3375 .elementor-element.elementor-element-077d0e8 > .elementor-element-populated{padding:80px 10px 50px 10px;}.elementor-3375 .elementor-element.elementor-element-29c42db .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-3375 .elementor-element.elementor-element-077d0e8{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-29c42db *//*.elementor-3375 .elementor-element.elementor-element-29c42db h4 {*/
/*  background: -webkit-linear-gradient(#F39200, #F76357);*/
/*  -webkit-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*}*//* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c717384 */.forminator-pagination {
    background: #EAEAEA;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.forminator-pagination-footer {
    background: #EAEAEA;
    border-radius: 0 0 10px 10px;
    margin: 0 !important;
    padding: 20px;
}

.first-page .forminator-field {
    text-align: center;
}

.first-page .forminator-label {
    font-size: 32px !important;
}

.first-page .forminator-radio.forminator-has_image{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    width: fit-content;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    padding-top: 0 !important;
    width: 300px;
    height: 300px;
}

.first-page .forminator-radio.forminator-has_image.checked {
    background-image: linear-gradient(to right, #F39200, #F76357) !important;
}

.first-page .forminator-radio.forminator-has_image.checked .forminator-radio-image span {
    filter: brightness(0) invert(1) !important;
}

.first-page .forminator-has_image .forminator-radio-image {
    order: 1;
    position: relative !important;
    border: none !important;
    background: none !important;
    width: 50%;
    height: 50%;
}

.first-page .forminator-has_image .forminator-radio-image span {
    width: 100% !important;
    height: 100% !important;
    background-size: auto !important;
}


.first-page .forminator-has_image .forminator-radio-label {
    order: 2;
}

.first-page .forminator-has_image .forminator-radio-bullet {
    display: none !important;
}


.forminator-break {
    display: none !important;
}

.forminator-pagination-steps {
    justify-self: center;
    gap: 10px;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
    border-color: #1F2B53 !important;
    background-color: #1F2B53  !important;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot {
    border-color: #F39200 !important;
    background-color: #F76357 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-6e1e7b8 */.forminator-pagination {
    background: #EAEAEA;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.forminator-pagination-footer {
    background: #EAEAEA;
    border-radius: 0 0 10px 10px;
    margin: 0 !important;
    padding: 20px;
}

.first-page .forminator-field {
    text-align: center;
}

.first-page .forminator-label {
    font-size: 32px !important;
}

.first-page .forminator-radio.forminator-has_image{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    width: fit-content;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    padding-top: 0 !important;
    width: 300px;
    height: 300px;
}

.first-page .forminator-radio.forminator-has_image.checked {
    background-image: linear-gradient(to right, #F39200, #F76357) !important;
}

.first-page .forminator-radio.forminator-has_image.checked .forminator-radio-image span {
    filter: brightness(0) invert(1) !important;
}

.first-page .forminator-has_image .forminator-radio-image {
    order: 1;
    position: relative !important;
    border: none !important;
    background: none !important;
    width: 50%;
    height: 50%;
}

.first-page .forminator-has_image .forminator-radio-image span {
    width: 100% !important;
    height: 100% !important;
    background-size: auto !important;
}


.first-page .forminator-has_image .forminator-radio-label {
    order: 2;
}

.first-page .forminator-has_image .forminator-radio-bullet {
    display: none !important;
}


.forminator-break {
    display: none !important;
}

.forminator-pagination-steps {
    justify-self: center;
    gap: 10px;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
    border-color: #1F2B53 !important;
    background-color: #1F2B53  !important;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot {
    border-color: #F39200 !important;
    background-color: #F76357 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-bd517d0 */.forminator-pagination {
    background: #EAEAEA;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.forminator-pagination-footer {
    background: #EAEAEA;
    border-radius: 0 0 10px 10px;
    margin: 0 !important;
    padding: 20px;
}

.first-page .forminator-field {
    text-align: center;
}

.first-page .forminator-label {
    font-size: 32px !important;
}

.first-page .forminator-radio.forminator-has_image{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    width: fit-content;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    padding-top: 0 !important;
    width: 300px;
    height: 300px;
}

.first-page .forminator-radio.forminator-has_image.checked {
    background-image: linear-gradient(to right, #F39200, #F76357) !important;
}

.first-page .forminator-radio.forminator-has_image.checked .forminator-radio-image span {
    filter: brightness(0) invert(1) !important;
}

.first-page .forminator-has_image .forminator-radio-image {
    order: 1;
    position: relative !important;
    border: none !important;
    background: none !important;
    width: 50%;
    height: 50%;
}

.first-page .forminator-has_image .forminator-radio-image span {
    width: 100% !important;
    height: 100% !important;
    background-size: auto !important;
}


.first-page .forminator-has_image .forminator-radio-label {
    order: 2;
}

.first-page .forminator-has_image .forminator-radio-bullet {
    display: none !important;
}


.forminator-break {
    display: none !important;
}

.forminator-pagination-steps {
    justify-self: center;
    gap: 10px;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
    border-color: #1F2B53 !important;
    background-color: #1F2B53  !important;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot {
    border-color: #F39200 !important;
    background-color: #F76357 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-077d0e8 */#introOptions .option-container .elementor-widget-container{
    display: flex;
    justify-content: center;
    gap: 20px;
}

#introOptions .heading {
    margin-bottom: 50px;
}

/* Add responsive padding to the gray container */
#introOptions {
    padding-left: 5%;
    padding-right: 5%;
}

#introOptions label.image-option {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #F5F5F0;
    padding: 20px;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    height: 300px;
    width: 300px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#introOptions .image-option.active {
    background-image: linear-gradient(to right, #F39200, #F76357) !important;
}

#introOptions .image-option.active img {
    filter: brightness(0) invert(1) !important;
}

#introOptions .image-option:hover {
    background-image: linear-gradient(to right, #F39200, #F76357) !important;
}

#introOptions .image-option:hover img {
    filter: brightness(0) invert(1) !important;
}

#introOptions .next-btn button {
    border-radius: 20px;
    background: #F5F5F0;
    border: none;
    float: right;
    margin-top: 50px;
    color: #F39200;
    padding: 12px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#introOptions .next-btn button:hover {
    background: linear-gradient(to right, #F39200, #F76357) !important;
    color: white;
}

.intro-selection {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.intro-tooltip .forminator-required {
    display: none !important;
}

/* Laptop screens - increase padding */
@media (max-width: 1440px) {
    #introOptions {
        padding-left: 8%;
        padding-right: 8%;
    }
}

/* Smaller laptops - more padding */
@media (max-width: 1366px) {
    #introOptions {
        padding-left: 10%;
        padding-right: 10%;
    }
    
    .intro-selection {
        gap: 15px;
    }
}

/* Tablet - even more padding */
@media (max-width: 1024px) {
    #introOptions {
        padding-left: 5%;
        padding-right: 5%;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .intro-selection {
        flex-direction: column;
        align-items: center;
    }
    
    #introOptions label.image-option {
        height: 170px;
        width: 300px;
    }
    
    #introOptions {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Rest of your CSS remains the same */
.forminator-pagination {
    background: #EAEAEA;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    position: relative;
}

.forminator-pagination-footer {
    background: #EAEAEA;
    border-radius: 0 0 10px 10px;
    margin: 0 !important;
    padding: 20px;
}

.first-page .forminator-field {
    text-align: center;
}

.first-page .forminator-label {
    font-size: 32px !important;
}

.first-page .forminator-radio.forminator-has_image{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    width: fit-content;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    padding-top: 0 !important;
    width: 300px;
    height: 300px;
}

.first-page .forminator-radio.forminator-has_image.checked {
    background-image: linear-gradient(to right, #F39200, #F76357) !important;
}

.first-page .forminator-radio.forminator-has_image.checked .forminator-radio-image span {
    filter: brightness(0) invert(1) !important;
}

.first-page .forminator-has_image .forminator-radio-image {
    order: 1;
    position: relative !important;
    border: none !important;
    background: none !important;
    width: 50%;
    height: 50%;
}

.first-page .forminator-has_image .forminator-radio-image span {
    width: 100% !important;
    height: 100% !important;
    background-size: auto !important;
}

.first-page .forminator-has_image .forminator-radio-label {
    order: 2;
}

.first-page .forminator-has_image .forminator-radio-bullet {
    display: none !important;
}

.forminator-break {
    display: none !important;
}

.forminator-pagination-steps {
    justify-self: center;
    gap: 10px;
    margin-bottom: 20px !important;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot, .forminator-ui#forminator-module-3452.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot, .forminator-ui#forminator-module-3453.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
    border-color: #1F2B5300 !important;
    background-color: #1F2B5330  !important;
}

.forminator-ui#forminator-module-3396.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot, .forminator-ui#forminator-module-3452.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot, .forminator-ui#forminator-module-3453.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot {
    border-color: #F39200 !important;
    background-color: #F76357 !important;
}

/* Wrapper for pagination dots and title */
.auto-contant-form .forminator-custom-form {
    position: relative;
}

/* Move pagination dots outside */
.auto-contant-form .forminator-pagination-steps {
    position: relative !important;
    margin-bottom: 30px !important;
}

/* Position title below dots, outside grey box */
.auto-contant-form .forminator-label {
    font-size: 32px !important;
    line-height: 1.2em !important;
    display: block !important;
    text-align: center !important;
    padding: 0 20px !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

/* Grey box positioning */
.auto-contant-form .forminator-pagination {
    margin-top: 0 !important;
    padding-top: 20px !important;
}

.auto-contant-form .forminator-field {
    position: relative;
}

.auto-contant-form .forminator-radio-bullet {
    background: linear-gradient(90deg, #F39200 0%, #F76357 100%);
    border: none !important;
}

.auto-contant-form .forminator-radio-bullet:before {
    content: '';
    display: block;
    width: 100% !important;
    height: 25px !important;
    background: url('/wp-content/themes/custom-theme-online-sharks/assets/images/radio-check.svg') center/contain no-repeat;
    background-color: transparent !important;
    scale: 1 !important;
    top: 29% !important;
    left: 70% !important;
}

.auto-contant-form .forminator-button {
    background: #F5F5F0 !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    color: #F76357 !important;
}

.auto-contant-form .forminator-button:hover {
    box-shadow: none !important;
    background: linear-gradient(to right, #F39200, #F76357) !important;
    color: white !important;
}

@media (max-width: 768px) {
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-steps {
        display:flex !important;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 20px !important;
    }
    
    .auto-contant-form .forminator-label {
        font-size: 18px !important;
        margin-bottom: 20px !important;
    }
    
    .auto-contant-form .forminator-pagination {
        padding-top: 20px !important;
    }
    
    .auto-contant-form .forminator-pagination-footer {
        flex-wrap: nowrap !important;
        gap: 30px !important;
    }
    
    .auto-contant-form .forminator-pagination-footer button {
        margin: 0 !important;
        padding: 10px 25px !important;
    }
    
    .auto-contant-form .forminator-label {
        padding: 0 !important;
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'UrbaneRounded-DemiBold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.digilabflevoland.nl/wp-content/uploads/img/UrbaneRounded-DemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */