#elementor-popup-modal-214 {
    .bookmaker_form_wrapper {
        /* Steps */
        .step_1, .step_2, .step_3 {
            position: relative;
            background-image: unset !important;
            &::before,
            &::after {
                content: '';
                position: absolute;
                border-radius: 100%;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                transition: all 0.5s;
            }
            &::before {
                background-image: radial-gradient(at center center, #9D9FA63D 0%, #999999 100%);
                opacity: 1;
            }
            &::after {
                background-image: radial-gradient(at center center, rgba(191, 234, 68, 0.06) 0%, rgba(191, 234, 68, 0.24) 100%);
                box-shadow: inset 2.36px 2.36px 4px 0 rgba(191, 234, 68, 0.17);
                border: 1px solid rgba(191, 234, 68, 0.16);
                opacity: 0;
            }
        }
        /* Steps Text */
        .step_1_text,
        .step_2_text,
        .step_3_text {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            &::before,
            &::after {
                position: absolute;
                border-radius: 100%;
                width: 100%;
                height: 100%;
                transition: all 0.5s;
                font-family: "Inter", Sans-serif;
                font-size: 28px;
                font-weight: 700;
                line-height: 120%;
                width: fit-content;
                height: 65%;
                text-align: center;
                vertical-align: middle;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }
            &::before {
                color: rgba(157, 159, 166, 1);
                opacity: 1;
            }
            &::after {
                background: linear-gradient(90deg, rgba(191, 234, 68, 1), rgba(244, 255, 163, 1));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                opacity: 0;
            }
        } 
        .step_1_text {
            &::before, 
            &::after {
                content: '1';
            }
        }
        .step_2_text {
            &::before, 
            &::after {
                content: '2';
            }
        }
        .step_3_text {
            &::before, 
            &::after {
                content: '3';
            }
        }
        /* Steps' Dividers */
        .divider_1, .divider_2 {
            position: relative;
            &::before {
                content: '';
                position: absolute;
                width: 100%;
                max-width: 0;
                background: rgba(166, 205, 54, 1);
                transition: all 0.5s;
            }
        }

        /* Active State */
        &.bookmaker_step_1, &.bookmaker_step_2, &.bookmaker_step_3 {
            .step_1, 
            .step_1_text {
                &::before {
                    transition: all 0.5s;
                    opacity: 0;
                }
                &::after {
                    transition: all 0.5s;
                    opacity: 1;
                }
            }
        }
        
        &.bookmaker_step_2, &.bookmaker_step_3 {
            .step_2, 
            .step_2_text {
                &::before {
                    transition: all 0.5s;
                    opacity: 0;
                }
                &::after {
                    transition: all 0.5s;
                    opacity: 1;
                }
            }
            .divider_1::before {
                max-width: 100%;
                transition: all 0.5s;
            }
        }

        &.bookmaker_step_3 {
            .step_3, 
            .step_3_text {
                &::before {
                    transition: all 0.5s;
                    opacity: 0;
                }
                &::after {
                    transition: all 0.5s;
                    opacity: 1;
                }
            }
            .divider_2::before {
                max-width: 100%;
                transition: all 0.5s;
            }
        }

        /* Form Styling */
        .bookmaker_form_inner {
            overflow: hidden;
            transition: all 0.75s;
            form {
                .elementor-field-type-step {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    transition: all 0.35s;
                    opacity: 1;
                    display: flex !important;
                    pointer-events: all;
                    &.elementor-hidden {
                        pointer-events: none;
                        transition: all 0.35s;
                        opacity: 0;
                    }
                }
            }
            .bookmaker_thank_you {
                opacity: 0;
                top: 0;
                left: 0;
                position: absolute;
                width: 100%;
                pointer-events: none;
            }
            &.bookmaker_form_submitted .bookmaker_thank_you {
                pointer-events: all;
                opacity: 1;
            } 
            /* Fix later for error messaging */
            .elementor-message {
                display: none;
            }
        }
        .bookmakers_form_close {
            cursor: pointer;
        }
    }
}