/* Desktop  First Approach */
#ResilienceAssessmentCalculator {
    position: relative;
/*    padding: 60px 15px 0px;*/
    background: var(--RAC-background);
    /*    --max-width-number: 350px;*/
    --max-width-number: 500px;
    --min-width-for-field: 200px;
    --educationAndTrainingColor: #C2006B;
    --infrastructureColor: #F05A22;
    --laborColor: #F99D1C;
    --professionalServicesColor: #0070F3;
    --subscriptionCost: #980AEC;
    --highlightGreen: #45A245;
    --splunk-pink: #CE0070;

    --rac-text-gradient: linear-gradient(90deg, #F99D1C 40.15%, #F99C1C 40.42%, #F4781F 48.5%, #F16221 55.13%, #F05A22 59.35%, #EE1D62 76.89%, #ED0080 84.45%);
    --rac-bar-gradient: linear-gradient(90deg, #F99D1C 8.95%, #F99C1C 9.36%, #F4781F 21.65%, #F16221 31.74%, #F05A22 38.16%, #EE1D62 64.84%, #ED0080 76.34%);



    .text-gradient {
        background: var(--rac-text-gradient);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent !important;
    }

    .splunk-generic-input {
        position: relative;
        --outline-color: transparent;
        --outline-offset: 0px;
        --outline-style: auto;
        --outline-width: 0px;
    }

    .RAC--stepWrapper {
        .tabContent {
            p {
                font-size: inherit;
                line-hegvhtfby ight: initial;
                font-weight: inherit;
                color: unset;
            }
            .dark-bg & {
                color: #fff;
            }
        }
    }

    .RAC-stepContainer-InputContainer {
        .splunk-generic-input {
            &.splunk-input-checkbox, &.splunk-input-radio {
                .splunk-generic-input-label .splunk-generic-input-placeholder {
                    .tabContent {
                        p {
                            font-size: 15px;
                            font-weight: 400;
                            line-height: 21px;
                        }
                    }
                }
            }
        }

        .splunk-generic-input.splunk-input-checkbox .splunk-generic-input-label {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: flex-start;
            -ms-flex-pack: center;
            justify-content: flex-start;
            gap: 12px;
            cursor: pointer;
            border: 1px solid transparent;
            margin-bottom: 0;
            min-height: 50px;
        }

        .splunk-generic-input.splunk-input-checkbox .splunk-generic-input-label .splunk-generic-input-element {
            position: relative;
            width: 24px;
            height: 24px;
            /* -webkit-box-flex: 0; */
            /* -ms-flex: 0 1 auto;*/
            flex: 0 1 auto;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 2px;
            flex-shrink: 0;
        }




        .splunk-generic-input.splunk-input-checkbox .splunk-generic-input-label .splunk-generic-input-placeholder {
            position: relative;
            /* -webkit-box-flex: 1; */
            /* -ms-flex: 1 0 auto;*/
            /* flex: 1 0 auto; */
            /* color: var(--text-label-color);*/
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* flex: 0 0 auto; */
            /* flex-grow: 1; */
            flex-shrink: 1;
        }

        .splunk-generic-input.splunk-input-checkbox .splunk-generic-input-label .splunk-generic-input-element:after {
            background: #fff;
        }

        .splunk-generic-input.splunk-input-checkbox .splunk-generic-input-element-native:checked + .splunk-generic-input-label .splunk-generic-input-element:before {
            background: linear-gradient(90deg, #F99D1C 8.95%, #F99C1C 9.36%, #F4781F 21.65%, #F16221 31.74%, #F05A22 38.16%, #EE1D62 64.84%, #ED0080 76.34%);
        }
        .splunk-generic-input.splunk-input-checkbox .splunk-generic-input-element-native:checked + .splunk-generic-input-label .splunk-generic-input-element:after {
            left: 2px;
            top: 1px;
        }
        .splunk-generic-input.splunk-input-radio .splunk-generic-input-label {
            gap: 12px;
        }
        .splunk-generic-input.splunk-input-radio .splunk-generic-input-label .splunk-generic-input-element {
            width: 24px;
            height: 24px;
        }
        .splunk-generic-input.splunk-input-radio .splunk-generic-input-label .splunk-generic-input-element:before {
            background-color: transparent;
            border-color: #fff;
            border-width: 2px;
        }
        .splunk-generic-input.splunk-input-radio .splunk-generic-input-label .splunk-generic-input-element:after {
            background: linear-gradient(90deg, #F99D1C 8.95%, #F99C1C 9.36%, #F4781F 21.65%, #F16221 31.74%, #F05A22 38.16%, #EE1D62 64.84%, #ED0080 76.34%);
        }
    }

    .back-button, .startOver-button {
        .splunk-btn.sp-btn-borderless.multiline.sp-btn-pink {
            span {
                padding-left: 15px;
                &:before {
                    position: absolute;
                    content: '\e901';;
                    font-family: splunk_list;
                    font-size: 8px;
                    font-weight: 700;
                    color: #ce0070;
                    left: 0px;
                    bottom: 14px;
                    transform: rotate(180deg);
                }
                &:after {
                    display: none;
                }
                &:hover, &:focus {
                    &:before {
                        background-color: transparent;
                    }
                }
            }
        }
    }

    .RAC-title-eyebrow {
        padding-bottom: 30px;
        color: #656C76;
        .dark-bg & {
            color: #fff;
        }
        grid-column-start: 2;
        grid-column-end: 12;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .RAC-step-eyebrow {
        padding-bottom: 12px;
        text-align: center;
        color: #656C76;
        .dark-bg & {
            color: #fff;
        }
    }

    .RAC--title {
        position: relative;
        text-align: center;
        /* display: grid; */
        grid-template-columns: repeat(12, 1fr);
        grid-auto-rows: min-content;
        column-gap: 0px;
        padding-top: 60px;

        & .RAC-title-header {
            padding-bottom: 16px;
            color: #0C1724;
            margin-left: -20%;
            margin-right: -20%;
            .dark-bg & {
                color: #fff;
            }

            grid-column-start: 1;
            grid-column-end: 12;
            grid-row-start: 1;
            grid-row-end: 2;
            text-align: center;

            display: flex;
            flex-direction: row;
            align-items: start;
            justify-content: center;
        }

        & .RAC--navigation-status {
            grid-column-start: 1;
            grid-column-end: 12;
            grid-row-start: 2;
            grid-row-end: 3;
        }

        & .RAC-title-sub-header {
            padding-bottom: 30px;
            color: #363C44;

            .dark-bg & {
                color: #fff;
            }

            grid-column-start: 1;
            grid-column-end: 12;
            grid-row-start: 3;
            grid-row-end: 4;

            display: flex;
            flex-direction: row;
            align-items: start;
            justify-content: center;

            &.splunk-body {
                /* padding-bottom: 0; */
            }
        }
    }

    .RAC--navigation-status {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 28px 0px 40px;

        & .RAC-progress-bar {
            width: 100%;
            height: 8px;
            border-radius: 20px;
            background: #FFFFFF33;
            &:before {
                content: "";
                display: block;
                height: 8px;
                border-radius: 20px;
                background: var(--rac-bar-gradient);
            }
        }
    }

    .RACstep2 {
        .RAC-progress-bar {
            &:before {
                width: calc((1 / 7) * 100%);
            }
        }
    }
    .RACstep3 {
        .RAC-progress-bar {
            &:before {
                width: calc((2 / 7) * 100%);
            }
        }
    }
    .RACstep4 {
        .RAC-progress-bar {
            &:before {
                width: calc((3 / 7) * 100%);
            }
        }
    }
    .RACstep5 {
        .RAC-progress-bar {
            &:before {
                width: calc((4 / 7) * 100%);
            }
        }
    }
    .RACstep6 {
        .RAC-progress-bar {
            &:before {
                width: calc((5 / 7) * 100%);
            }
        }
    }
    .RACstep7 {
        .RAC-progress-bar {
            &:before {
                width: calc((6 / 7) * 100%);
            }
        }
    }

    & .RAC--body {
        & .RAC--stepContainer {
            position: relative;
            margin: 0 auto;
            max-width: var(--max-width-number);
            padding: 0px 15px 0px;

            & .RAC--stepContainer-wrapper {
                position: relative;
                display: flex;
                flex-direction: column;
                width: 100%;
                flex-wrap: nowrap;
                align-content: flex-start;
                justify-content: flex-start;
                align-items: flex-start;
                /* gap: 40px; */
                grid-column-start: 4;
                grid-column-end: 10;
                grid-row-start: 1;
                grid-row-end: 2;
            }

            & .RAC--navigation-status {

            }
            & .RAC-title-sub-header {
                text-align: left;
            }

            & .RAC-stepContainer-questionContainer {
                width: 100%;

                & .RAC-stepContainer-InputContainer {
                    /* flex: 1 0 auto; */

                    & .RAC-label-container {
                        position: relative;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        flex-wrap: nowrap;
                        align-items: stretch;
                        gap: 12px;
                        margin-bottom: 0; /* Override for default margin for labels */

                        & label {
                            display: none; /* for some reason the system is automatically adding label tags next to text inputs we're gonna hide them */
                        }
                    }

                    & .RAC-stepContainer-InputContainer-inputElement {
                        padding-bottom: 0;
                        flex: 0 1 auto;

                        &.single-input {
                            flex: 1 0 auto;
                        }

                        & input[type='radio'] {
                            filter: grayscale(100%) contrast(200%);
                        }

                        & input[type='checkbox'] {
                            filter: grayscale(100%) contrast(200%);
                        }
                    }

                    & .RAC-stepContainer-InputContainer-label {
                        padding-bottom: 0;
                        flex: 1 0 auto;
                    }
                }

                & .RAC-stepContainer-sideToSide-elements {
                    position: relative;
                    display: flex;
                    flex-direction: row;
                    align-items: stretch;
                    justify-content: start;
                    gap: 15px;

                    & .RAC-stepContainer-InputContainer {

                        border: 2px solid #000;
                        border-radius: 20px;
                        flex: 1;
                        display: flex;
                        align-items: flex-start;
                        justify-content: center;
                        margin-bottom: 65px;

                        .dark-bg & {
                            border-color: #FFFFFF80;
                            &.selected {
                                position: relative;
                                z-index: 0;
                                /*border-width: 0 !important;*/
                                border-color: transparent;
                                &:before {
                                    content: "";
                                    position: absolute;
                                    z-index: -1;
                                    inset: 0;
                                    padding: 2px; /* the border thickness */
                                    border-radius: 20px;
                                    background: linear-gradient(90deg, #F99D1C 8.95%, #F99C1C 9.36%, #F4781F 21.65%, #F16221 31.74%, #F05A22 38.16%, #EE1D62 64.84%, #ED0080 76.34%);
                                    mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
                                }
                            }
                        }

                        .splunk-generic-input.splunk-input-radio  {
                            width: 100%;
                            height: 100%;
                            .splunk-generic-input-element {
                                &:before, &:after {
                                    display: none;
                                }
                                &.sec {
                                    width: 100px;
                                    height: 100px;
                                    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMSAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNy43NTg0IDM4LjgyNzlDMTcuNTY4NiAzNy45ODYxIDE4LjA5NjYgMzcuMTQ5NCAxOC45Mzg0IDM2Ljk1OTJMMTguOTUwNiAzNi45NTY3QzE5Ljc4MjcgMzYuNzYyOSAyMC42MzExIDM3LjI3MDUgMjAuODM1NSAzOC4xMDIxQzIxLjA0IDM4LjkzMzIgMjAuNTQ5MiAzOS43NzE0IDE5LjcyMDYgMzkuOTg1NUMxOS43MDQ4IDM5Ljk4OSAxOS42NDIzIDQwLjAwNDMgMTkuNjI3IDQwLjAwNzlDMTkuNTExIDQwLjAzMzggMTkuMzk1MSA0MC4wNDY2IDE5LjI4MTEgNDAuMDQ2NkMxOC41NjcgNDAuMDQ2NiAxNy45MjI3IDM5LjU1MzcgMTcuNzU4NCAzOC44Mjc5Wk0xMC42NjgxIDQ0LjYxODZDMTEuMDU0MiA0NC42MTg2IDExLjQ0MjIgNDQuNDc5OCAxMS43NDU5IDQ0LjIwMjZDMTIuMzgzMiA0My42MjA3IDEyLjQyODQgNDIuNjMyNSAxMS44NDY2IDQxLjk5NTFDMTEuMjY0OCA0MS4zNTc4IDEwLjI3NjUgNDEuMzEyMSA5LjYzOTE2IDQxLjg5NDRDOS42MzgxMiA0MS44OTU1IDkuNjAxNSA0MS45MjkgOS42MDA1MSA0MS45Mjk1QzguOTY0NzMgNDIuNTEyNCA4LjkzOTMyIDQzLjQ4MzQgOS41MjE2NiA0NC4xMTk3QzkuODI1ODMgNDQuNDUyMyAxMC4yNDU5IDQ0LjYxODYgMTAuNjY4MSA0NC42MTg2Wk0xNC43MDQ2IDQxLjc2OThDMTQuOTUxOCA0MS43Njk4IDE1LjIwMjUgNDEuNzEyMyAxNS40MzQ5IDQxLjU5MjNDMTYuMjAxNSA0MS4xOTU2IDE2LjUwMTYgNDAuMjUzMSAxNi4xMDUzIDM5LjQ4NjZDMTUuNzA4NiAzOC43MjAxIDE0Ljc2NTYgMzguNDIwNSAxMy45OTk2IDM4LjgxNjJDMTMuOTkzIDM4LjgxOTggMTMuOTQyNiAzOC44NDYyIDEzLjkzNiAzOC44NDk4QzEzLjE3OTIgMzkuMjU1MiAxMi45MTMxIDQwLjE4MzkgMTMuMzEyOSA0MC45NDM4QzEzLjU5MTEgNDEuNDcxOCAxNC4xMzk1IDQxLjc2OTggMTQuNzA0NiA0MS43Njk4Wk04MS45OTc5IDQ3LjMwNTdDODEuNTc3MiA0Ny4zMDU3IDgxLjE0MzQgNDcuMzI4MSA4MC42NzQ5IDQ3LjM3MzlMNzguNzk4MSA0Ny41NTE5TDc4LjUxMjMgNDUuNjg3OEM3Ni43MDgyIDMzLjkyMDIgNjguMTk2NCAyNS4wNDkzIDU2LjI5OCAyMi41MzcyQzU0LjIyMDMgMjIuMDk4NyA1Mi4xMTEgMjEuODc2IDUwLjAyOTIgMjEuODc2QzQwLjEyODMgMjEuODc2IDMxLjEwNzMgMjYuOTI3NiAyNS44OTc0IDM1LjM4ODJMMjUuMzE0NiAzNi4zMzM3TDI0LjIwNTMgMzYuMzM4OEMyMy4zNDIxIDM2LjM0MjMgMjIuNjQ1OCAzNy4wNDUyIDIyLjY0OTQgMzcuOTA3OUMyMi42NTI5IDM4Ljc2ODUgMjMuMzUxOCAzOS40NjM4IDI0LjIxMTkgMzkuNDYzOEgyNC4yMTg1TDI2LjE5NiAzOS40NTUxQzI2LjczNjIgMzkuNDUyNiAyNy4yMzYyIDM5LjE3MTkgMjcuNTE5NSAzOC43MTI1TDI4LjU1ODEgMzcuMDI3NEMzMy4xOTUyIDI5LjQ5NjcgNDEuMjIxOSAyNS4wMDEgNTAuMDI5MiAyNS4wMDFDNTEuODk0OCAyNS4wMDEgNTMuNzg2NSAyNS4yMDA5IDU1LjY1MjEgMjUuNTk1QzY2LjI0NTcgMjcuODMxNCA3My44MjEyIDM1LjcxMjEgNzUuNDIzNCA0Ni4xNjEzTDc1LjkzMjUgNDkuNDg0MkM3Ni4wNTgxIDUwLjMwMjEgNzYuNzk2MSA1MC44ODQ1IDc3LjYyNTIgNTAuODAyNUw4MC45NzQ1IDUwLjQ4NDJDODEuMzQ0OCA1MC40NDg1IDgxLjY3OTUgNTAuNDMwOCA4MS45OTc5IDUwLjQzMDhDODguOTAzIDUwLjQzMDggOTQuNTIwNyA1NS45NDE4IDk0LjUyMDcgNjIuNzE1NkM5NC41MjA3IDY5LjQ4OTUgODguOTAzIDc0Ljk5ODkgODEuOTk3OSA3NC45OTg5SDc3LjMyMTZDNzYuNDU4NCA3NC45OTg5IDc1Ljc1OTEgNzUuNjk4MyA3NS43NTkxIDc2LjU2MTRDNzUuNzU5MSA3Ny40MjQ2IDc2LjQ1ODQgNzguMTIzOSA3Ny4zMjE2IDc4LjEyMzlIODEuOTk3OUM5MC42MjYyIDc4LjEyMzkgOTcuNjQ1NyA3MS4yMTE3IDk3LjY0NTcgNjIuNzE1NkM5Ny42NDU3IDU0LjIxOTUgOTAuNjI2MiA0Ny4zMDU3IDgxLjk5NzkgNDcuMzA1N1pNNzIuMDI1MiA3NC45OTg5SDcxLjk3MjNDNzEuMTA5MiA3NC45OTg5IDcwLjQwOTggNzUuNjk4MyA3MC40MDk4IDc2LjU2MTRDNzAuNDA5OCA3Ny40MjQ1IDcxLjEwOTIgNzguMTIzOSA3MS45NzIzIDc4LjEyMzlINzIuMDI1MkM3Mi44ODgzIDc4LjEyMzkgNzMuNTg3NyA3Ny40MjQ1IDczLjU4NzcgNzYuNTYxNEM3My41ODc3IDc1LjY5ODMgNzIuODg4MyA3NC45OTg5IDcyLjAyNTIgNzQuOTk4OVpNNjYuNjc2IDc0Ljk5ODlINjEuNjE0MUwyMi4xNTc0IDc0Ljg4OTVDMTIuOTI5OSA3NC4wNzYyIDUuOTc5MDYgNjYuNDkgNS45NzkwNiA1Ny4yMTgzQzUuOTc5MDYgNTUuNTE1OSA2LjIxOTYzIDUzLjgzOCA2LjY5NDY4IDUyLjIzMDJDNy4xNjkyMSA1MC42MjMgNy44NzU3MiA0OS4wOTE1IDguNzk0MjYgNDcuNjc4NUM5LjI2NDIxIDQ2Ljk1NTIgOS4wNTkyNyA0NS45ODczIDguMzM1NDYgNDUuNTE2OUM3LjYxMTcxIDQ1LjA0NjkgNi42NDQ3OSA0NS4yNTEzIDYuMTczOCA0NS45NzU3QzUuMDkwOTMgNDcuNjQxOSA0LjI1NzgxIDQ5LjQ0ODYgMy42OTc4MSA1MS4zNDUyQzMuMTM3ODEgNTMuMjM5OSAyLjg1NCA1NS4yMTY0IDIuODU0IDU3LjIxODRDMi44NTQgNjguMTQ4MyAxMS4wNjU4IDc3LjA4NjMgMjEuOTU2IDc4LjAwOUMyMS45OTgyIDc4LjAxMjUgMjIuMDQwOSA3OC4wMTQ2IDIyLjA4MzEgNzguMDE0Nkw2MS42MSA3OC4xMjM5SDY2LjY3NTlDNjcuNTM5MSA3OC4xMjM5IDY4LjIzODQgNzcuNDI0NiA2OC4yMzg0IDc2LjU2MTRDNjguMjM4NCA3NS42OTgzIDY3LjUzOTEgNzQuOTk4OSA2Ni42NzYgNzQuOTk4OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02Mi4zMzU1IDQxLjg5NjdDNTQuNzkzNSA0MS42MDA3IDUwLjI4MjggMzcuOTY3OCA1MC4yODI4IDM3Ljk2NzhDNTAuMjgyOCAzNy45Njc4IDQ1Ljc3NDUgNDEuNjAwOCAzOC4yMzQ4IDQxLjg5NjdDMzcuNjkxMyA0MS45MTgxIDM3LjI1MDEgNDIuMzYyMSAzNy4yNjIyIDQyLjkwMjhDMzcuNjQ1MiA2MC45MDk3IDQ4LjQ1NDQgNjUuNjA5OCA1MC4yODI4IDY1LjYwOThDNTIuMTExMSA2NS42MDk4IDYyLjkyMjcgNjAuOTA5NyA2My4zMDM0IDQyLjkwMjhDNjMuMzE1NCA0Mi4zNjIxIDYyLjg3NDMgNDEuOTE4MSA2Mi4zMzU1IDQxLjg5NjdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjcwXzcyODkpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNjcwXzcyODkiIHgxPSIzNy4yNjIiIHkxPSI1MS43ODg4IiB4Mj0iNjMuMzAzNyIgeTI9IjUxLjc4ODgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjEiIHN0b3AtY29sb3I9IiNGRjcxMkIiLz4KPHN0b3Agb2Zmc2V0PSIwLjkiIHN0b3AtY29sb3I9IiNGRjBGN0IiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
                                }
                                &.o11y {
                                    width: 100px;
                                    height: 100px;
                                    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMSAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04OC41OTUgMjEuMTY0Nkw3Ni41OTk4IDkuMTY5MzRDNzYuMTkzIDguNzYyNTcgNzUuNTMzNCA4Ljc2MjU3IDc1LjEyNjYgOS4xNjkzNEw3MC43MDI4IDEzLjU5MzJDNzAuMjk2IDE0IDcwLjI5NiAxNC42NTk1IDcwLjcwMjggMTUuMDY2M0w3MS43MzggMTYuMTAxNUw2NC44MDg1IDIzLjAzMTNMNzQuNzMzMSAzMi45NTYyTDgxLjY2MjggMjYuMDI2NEw4Mi42OTggMjcuMDYxNkM4My4xMDQ4IDI3LjQ2ODMgODMuNzY0NCAyNy40NjgzIDg0LjE3MTIgMjcuMDYxNkw4OC41OTUgMjIuNjM3N0M4OS4wMDE4IDIyLjIzMSA4OS4wMDE4IDIxLjU3MTQgODguNTk1IDIxLjE2NDZaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjcwXzcyOTcpIi8+CjxwYXRoIGQ9Ik01Mi43MjgxIDE5Ljc1NlYxMy40ODlDNTIuNzI4MSAxMy4wNzA5IDUyLjU2MDcgMTIuNjcwMSA1Mi4yNjI3IDEyLjM3NjdDNTEuOTY1MSAxMi4wODI2IDUxLjU1OTggMTEuOTEzMyA1MS4xNDQgMTEuOTI2NUM0NS4yNzYyIDEyLjAwODYgMzkuNjI1NiAxMy4zODU1IDM0LjM0NjEgMTYuMDE1NEMzNC4zNDUzIDE2LjAxNTYgMzQuMzQ0OCAxNi4wMTU2IDM0LjM0NCAxNi4wMTU5QzM0LjMzOTIgMTYuMDE4MiAzNC4zMzIxIDE2LjAyMiAzNC4zMjYyIDE2LjAyNDVDMzQuMzEzOCAxNi4wMzA5IDM0LjMwMDggMTYuMDM2IDM0LjI4ODMgMTYuMDQyM0MzNC4yODY4IDE2LjA0MzEgMzQuMjg2IDE2LjA0NDQgMzQuMjg0OCAxNi4wNDUxQzM0LjI2NDEgMTYuMDU1MyAzNC4yNDMzIDE2LjA2NTIgMzQuMjI4NiAxNi4wNzI5QzM0LjA4MDMgMTYuMTUyIDMzLjk2NjQgMTYuMjY1NiAzMy44NTU3IDE2LjM4QzMzLjgzODQgMTYuMzk4NiAzMy44MTMgMTYuNDA5NSAzMy43OTY3IDE2LjQyODlDMzMuMzgwOSAxNi45MDM3IDMzLjI3MDUgMTcuNTk3NSAzMy41ODUyIDE4LjE4NzJDMzMuODY2NCAxOC43MTQyIDM0LjQwNjYgMTkuMDE0OCAzNC45NjUxIDE5LjAxNDhDMzQuOTkzIDE5LjAxNDggMzUuMDIgMTguOTk2MiAzNS4wNDggMTguOTk0N0MzNS4yMjc4IDE4Ljk4NzggMzUuNDA1IDE4LjkzODUgMzUuNTc5NSAxOC44NjY4QzM1LjYxMDMgMTguODUzMyAzNS42NDM2IDE4Ljg1OTIgMzUuNjczOSAxOC44NDM5QzM1LjY3NjIgMTguODQyOSAzNS42Nzc0IDE4Ljg0MDYgMzUuNjc5NCAxOC44Mzk2QzM1LjY4MTcgMTguODM4NSAzNS42ODQgMTguODM4OCAzNS42ODYxIDE4LjgzNzhDNDAuMDgwOCAxNi42Mzk1IDQ0Ljc1NTQgMTUuMzg3OCA0OS42MDMzIDE1LjEwODFWMTkuNzU2MUMzMy4zOTMyIDIwLjU3NzUgMjAuNDQ3OSAzMy45ODQ3IDIwLjQ0NzkgNTAuMzk1NVY1MS4zMDQ5SDE1LjczNzVMMTUuNzQ3OSA1MC41ODc3QzE1Ljc0NzkgNDcuODM3MSAxNi4wNzU1IDQ1LjA5MTUgMTYuNzIxNyA0Mi40Mjc5VjQyLjQyNjhDMTYuNzI1MiA0Mi40MTI4IDE2LjcyODggNDIuMzk4OCAxNi43MzA2IDQyLjM5MTdDMTYuOTI2MiA0MS41NTk2IDE2LjQxNDIgNDAuNzM4MiAxNS41ODUyIDQwLjUzMDdDMTUuMTYzIDQwLjQyNTYgMTQuNzM4IDQwLjUxMDggMTQuMzkxNyA0MC43MjU1QzE0LjM4NDggNDAuNzI5NSAxNC4zODA1IDQwLjczNzIgMTQuMzczNiA0MC43NDE1QzE0LjIxNTQgNDAuODQzIDE0LjA3MiA0MC45Njc5IDEzLjk1NzMgNDEuMTIwN0MxMy45MDQxIDQxLjE5MDkgMTMuODgwMyA0MS4yODE3IDEzLjgzOSA0MS4zNjE1QzEzLjc4ODQgNDEuNDYwNCAxMy43MjIzIDQxLjU0ODcgMTMuNjkyOCA0MS42NTk4QzEzLjY5MTMgNDEuNjY1NCAxMy42OTMzIDQxLjY3MDUgMTMuNjkxNyA0MS42NzYxQzEzLjY5MDUgNDEuNjgxNyAxMy42ODU5IDQxLjY4NTggMTMuNjg0NiA0MS42OTEzQzEyLjk4MDIgNDQuNTk1NiAxMi42MjI4IDQ3LjU4ODggMTIuNjIzMSA1MC41NjQ4TDEyLjU5IDUyLjg0NDVDMTIuNTgzOSA1My4yNjMxIDEyLjc0NTYgNTMuNjY2NCAxMy4wMzk0IDUzLjk2NEMxMy4zMzMxIDU0LjI2MjEgMTMuNzMzOSA1NC40Mjk5IDE0LjE1MjIgNTQuNDI5OUgyMC40NDc4Vjg5LjU4MzFDMjAuNDQ3OCA5MC40NDYyIDIxLjE0NzQgOTEuMTQ1NiAyMi4wMTAzIDkxLjE0NTZIODAuMzIxNUM4MS4xODQ2IDkxLjE0NTYgODEuODg0IDkwLjQ0NjIgODEuODg0IDg5LjU4MzFWNTAuMzk1NUM4MS44ODQgMzMuOTg0NiA2OC45MzgyIDIwLjU3NzQgNTIuNzI4MSAxOS43NTZaTTc4Ljc1OTEgNTAuMzk1NFY1OC4xMTMzSDY3LjI3NzlWNTAuNDk4MkM2Ny4yNzc5IDM5LjU0MDYgNjIuODgwMSAyOS4zNSA1NS43OTk3IDIzLjIyMjZDNjguODExNCAyNS40MzY5IDc4Ljc1OTEgMzYuNzYyNCA3OC43NTkxIDUwLjM5NTRaTTM4LjE3OTEgNTguMTEzM1Y1MC40OTgyQzM4LjE3OTEgMzkuMTMxOSA0My4yNDg2IDI4LjcwMyA1MS4xNjU4IDIzLjYyMjlDNTkuMDgzNCAyOC43MDMgNjQuMTUyOSAzOS4xMzE5IDY0LjE1MjkgNTAuNDk4MlY1OC4xMTMzSDM4LjE3OTFaTTIzLjU3MjkgNTAuMzk1NEMyMy41NzI5IDM2Ljc2MjQgMzMuNTIwNiAyNS40MzY2IDQ2LjUzMjMgMjMuMjIyNUMzOS40NTE3IDI5LjM0OTkgMzUuMDU0MSAzOS41NDA2IDM1LjA1NDEgNTAuNDk4MVY1OC4xMTMzSDIzLjU3MjlWNTAuMzk1NFpNNDkuNDQwMyA4OC4wMjA1SDM3Ljk4NzZWNzYuNzc2OEg0OS40NDAzVjg4LjAyMDVaTTUyLjU2NTMgODguMDIwNVY3NS4yMTQzQzUyLjU2NTMgNzQuMzUxMiA1MS44NjU5IDczLjY1MTggNTEuMDAyOCA3My42NTE4SDM2LjQyNTFDMzUuNTYyMiA3My42NTE4IDM0Ljg2MjYgNzQuMzUxMiAzNC44NjI2IDc1LjIxNDNWODguMDIwNUgyMy41NzI4VjYxLjIzODNIMzYuNjE0QzM2LjYxNTEgNjEuMjM4MyAzNi42MTU4IDYxLjIzODggMzYuNjE2NiA2MS4yMzg4QzM2LjYxNzQgNjEuMjM4OCAzNi42MTgxIDYxLjIzODMgMzYuNjE5MSA2MS4yMzgzSDY1LjcxMjhDNjUuNzEzOSA2MS4yMzgzIDY1LjcxNDMgNjEuMjM4OCA2NS43MTU0IDYxLjIzODhDNjUuNzE2NCA2MS4yMzg4IDY1LjcxNjkgNjEuMjM4MyA2NS43MTc5IDYxLjIzODNINzguNzU5MVY4OC4wMjA1SDUyLjU2NTNaTTIxLjM5MjkgMjguODE4QzIwLjcyMDIgMjguMjc3MyAyMC42MTMxIDI3LjI5MzYgMjEuMTUzOCAyNi42MjEyTDIxLjE5NDIgMjYuNTcxNEMyMS43MzkyIDI1LjkwMTYgMjIuNzIzNCAyNS44MDIzIDIzLjM5MjUgMjYuMzQ2NkMyNC4wNjE2IDI2Ljg5MTkgMjQuMTYxOCAyNy44NzYgMjMuNjE2OCAyOC41NDQ5TDIzLjU4OTYgMjguNTc4NUMyMy4yODEyIDI4Ljk2MjUgMjIuODI4IDI5LjE2MjQgMjIuMzcwNyAyOS4xNjI0QzIyLjAyNzQgMjkuMTYyNCAyMS42ODE1IDI5LjA0OTkgMjEuMzkyOSAyOC44MThaTTI0LjkzMzcgMjQuNzAwN0MyNC4zNDIxIDI0LjA3MjUgMjQuMzcyMSAyMy4wODM3IDI1LjAwMDUgMjIuNDkyMkwyNS4wNTEyIDIyLjQ0NTVDMjUuNjg1NyAyMS44NTk1IDI2LjY3MzQgMjEuODk5NyAyNy4yNTkxIDIyLjUzMzRDMjcuODQ0MyAyMy4xNjc3IDI3LjgwNDkgMjQuMTU2NCAyNy4xNzA2IDI0Ljc0MTRMMjcuMTQyNCAyNC43Njc5QzI2Ljg0MDggMjUuMDUxNyAyNi40NTU3IDI1LjE5MjUgMjYuMDcxNyAyNS4xOTI1QzI1LjY1NTkgMjUuMTkyNSAyNS4yNDEyIDI1LjAyNzcgMjQuOTMzNyAyNC43MDA3Wk0yOS4wMTAzIDIxLjExMDhDMjguNTIwNSAyMC40MDAyIDI4LjY5OSAxOS40MjcyIDI5LjQwOTUgMTguOTM3NEwyOS40NTM4IDE4LjkwNjlDMzAuMTY0NCAxOC40MTgxIDMxLjEzNzQgMTguNTk2MSAzMS42MjcyIDE5LjMwNjFDMzIuMTE3IDIwLjAxNjcgMzEuOTM4NSAyMC45ODk3IDMxLjIyNzkgMjEuNDc5NUwzMS4xODM3IDIxLjUxQzMwLjkxMjggMjEuNjk2NyAzMC42MDM4IDIxLjc4NjIgMzAuMjk3OSAyMS43ODYyQzI5LjgwMTUgMjEuNzg2MiAyOS4zMTM0IDIxLjU1MDIgMjkuMDEwMyAyMS4xMTA4Wk0xNS40MTc3IDM2LjMzMDlMMTUuNDM5MyAzNi4yNzc1QzE1Ljc2NjYgMzUuNDc4NSAxNi42Nzk0IDM1LjA5NjUgMTcuNDc3MSAzNS40MjMxQzE4LjI3NTkgMzUuNzQ5NiAxOC42NTg0IDM2LjY2MjEgMTguMzMxOSAzNy40NjA2TDE4LjMxMjggMzcuNTA2OUMxOC4wNjY0IDM4LjExMzcgMTcuNDgxNyAzOC40ODIgMTYuODY0OCAzOC40ODJDMTYuNjY4OSAzOC40ODIgMTYuNDY5OCAzOC40NDQ4IDE2LjI3NzMgMzguMzY2NUMxNS40Nzc3IDM4LjA0MiAxNS4wOTMgMzcuMTMwNSAxNS40MTc3IDM2LjMzMDlaTTE3LjkyNjUgMzEuMjczNkwxNy45NjU0IDMxLjIwOEMxOC40MDk0IDMwLjQ2OCAxOS4zNjg3IDMwLjIyODQgMjAuMTA5IDMwLjY3MjRDMjAuODQ5MSAzMS4xMTY0IDIxLjA4ODkgMzIuMDc2MiAyMC42NDQ5IDMyLjgxNjNMMjAuNjI4OCAzMi44NDMzQzIwLjMzODkgMzMuMzQyMiAxOS44MTQ3IDMzLjYyMTQgMTkuMjc2MSAzMy42MjE0QzE5LjAwOTkgMzMuNjIxNCAxOC43NCAzMy41NTMzIDE4LjQ5MzEgMzMuNDA5OUMxNy43NDY3IDMyLjk3NjYgMTcuNDkzMiAzMi4wMjAzIDE3LjkyNjUgMzEuMjczNloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNjcwXzcyOTciIHgxPSI2NC44MDg1IiB5MT0iMjAuOTEwMiIgeDI9Ijg4LjkwMDEiIHkyPSIyMC45MTAyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xIiBzdG9wLWNvbG9yPSIjRkY3MTJCIi8+CjxzdG9wIG9mZnNldD0iMC45IiBzdG9wLWNvbG9yPSIjRkYwRjdCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
                                }
                            }
                            .splunk-generic-input-label {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                justify-content: flex-start;
                                padding: 20px;
                                width: 100%;
                                height: 100%;

                                .tabContent {
                                    p {
                                        font-size: 18px;
                                        font-weight: 400;
                                        line-height: 25.2px;
                                        text-align: center;
                                    }
                                }
                                .cta {
                                    .tabContent {
                                        p {
                                            color: #ED0080;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                & .RAC-stepContainer-List-elements {
                    position: relative;
                    flex-direction: column;
                    gap: 15px;

                    & .RAC-stepContainer-InputContainer {
                        border: 2px solid #000;
                        border-radius: 20px;
                        margin-bottom: 15px;
                        .dark-bg & {
                            border-color: #FFFFFF80;
                            &.selected {
                                position: relative;
                                z-index: 0;
                                border-color: transparent;
                                &:before {
                                    content: "";
                                    position: absolute;
                                    z-index: -1;
                                    inset: 0;
                                    padding: 2px; /* the border thickness */
                                    border-radius: 20px;
                                    background: linear-gradient(90deg, #F99D1C 8.95%, #F99C1C 9.36%, #F4781F 21.65%, #F16221 31.74%, #F05A22 38.16%, #EE1D62 64.84%, #ED0080 76.34%);
                                    mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
                                }
                            }
                        }
                        label.splunk-generic-input-label {
                            padding: 15px 20px;
                        }

                    }
                }
            }

            & .RAC-stepContainer-navigationContainer {
                position: relative;
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                flex-wrap: nowrap;
                justify-content: center;
                gap: 30px;
                padding: 15px 0 13px;
            }

            .RAC-stepContainer-navigationElement {
                flex-grow: 0;
                flex-shrink: 0;

                &.continue-button {
                    a.splunk-btn.disabled {
                       pointer-events:none;
                    }
                }

            }

            &.RACstep1 {
                .edit-mode & {
                    &:before {
                        content: 'Step 1 Authoring';
                        font-weight: bolder;
                        border: 1px solid red;
                        text-align: center;
                        display: block;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            &.RACstep2.sec {
                .edit-mode & {
                    &:before {
                        content: 'Step 2 Security Authoring - Your Goals';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 2 Security Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep2.o11y {
                .edit-mode & {
                    &:before {
                        content: 'Step 2 Observability Authoring - Your Goals';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 2 Observability Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep3.sec {
                .edit-mode & {
                    &:before {
                        content: 'Step 3 Security Authoring - Your Challenges';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 3 Security Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep3.o11y {
                .edit-mode & {
                    &:before {
                        content: 'Step 3 Observability Authoring - Your Challenges';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        width: 100%;
                        text-align: center;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 3 Observability Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep4.sec {
                .edit-mode & {
                    &:before {
                        content: 'Step 4 Security Authoring - your current situation, question 1';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 4 Security Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep4.o11y {
                .edit-mode & {
                    &:before {
                        content: 'Step 4 Observability Authoring - your current situation, question 1';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 4 Observability Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep5.sec {
                .edit-mode & {
                    &:before {
                        content: 'Step 5 Security Authoring - your current situation, question 2';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 5 Security Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep5.o11y {
                .edit-mode & {
                    &:before {
                        content: 'Step 5 Observability Authoring - your current situation, question 2';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 5 Observability Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep6.sec {
                .edit-mode & {
                    &:before {
                        content: 'Step 6 Security Authoring - your current situation, question 3';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 6 Security Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep6.o11y {
                .edit-mode & {
                    &:before {
                        content: 'Step 6 Observability Authoring - your current situation, question 3';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 6 Observability Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep7.sec {
                .edit-mode & {
                    &:before {
                        content: 'Step 7 Security Authoring - your current situation, question 4';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 7 Security Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
            &.RACstep7.o11y {
                .edit-mode & {
                    &:before {
                        content: 'Step 7 Observability Authoring - your current situation, question 4';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 100%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
                .RAC-step-eyebrow {
                    .edit-mode & {
                        &:before {
                            content: 'Step 7 Observability Authoring - eyebrow text';
                            font-weight: bolder;
                            border: 1px solid red;
                            display: block;
                            text-align: center;
                            width: 100%;
                            margin: 50px auto;
                        }
                        .dark-bg & {
                            &:before {
                                color: #fff;
                            }
                        }
                    }
                }
            }
        }
    }



    & .RAC--stepResults {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: min-content;
        row-gap: 40px;

        .tabContent {
            p {
                font-size: inherit;
                line-hegvhtfby ight: initial;
                font-weight: inherit;
                color: unset;
            }
        }

        .edit-mode & {
            &:before {
                content: 'Results Section Authoring';
                font-weight: bolder;
                border: 1px solid red;
                display: block;
                text-align: center;
                width: 60%;
                margin: 10px auto;
            }
            .dark-bg & {
                &:before {
                }
            }
        }
        .hero-section {
            background: var(--RAC-background);
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            .dark-bg & {
                .hero-banner-wrapper-v2 {
                    .col-md-6 * {
                        color: #fff;
                    }
                    .content {
                        padding-top: 60px;
                    }
                }
            }
            .text-image .imgCaption {
                text-align: right;
                font-size: 15px;
            }
            .startOver-button {
                padding: 40px 0 80px;
                .splunk-btn.sp-btn-borderless.multiline>span:after {
                    display: none;
                }
            }
        }

        /* start: edit mode, sections dividers and markers */
        .hero-sec {
            .heroInfoSection-eyebrow *, .heroInfoSection-header *, .heroInfoSection-subHeader * {
                .dark-bg & {
                    &:before {
                    /* color: #fff;*/
                    }
                }
            }
            &.sec-fv {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Hero - Foundational Visibility';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 100px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            &.sec-gi {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Hero - Guided Insights';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            &.sec-pr {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Hero - Proactive Response';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            &.sec-uw {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Hero - Unified Workflows';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
        }

        .hero-o11y {
            &.o11y-fv {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Hero - Foundational Visibility';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            &.o11y-gi {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Hero - Guided Insights';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            &.o11y-pr {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Hero - Proactive Response';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            &.o11y-uw {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Hero - Unified Workflows';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
        }

        .hero-section {
            .startOver-button {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Hero Section - Start Over button';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
        }

        .summaries.sec {
            .sec-fv {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Summary - Foundational Visibility';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            .sec-gi {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Summary - Guided Insights';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            .sec-pr {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Summary - Proactive Response';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            .sec-uw {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security Summary - Unified Workflows';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
        }

        .summaries.o11y {
            .o11y-fv {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Summary - Foundational Visibility';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            .o11y-gi {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Summary - Guided Insights';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            .o11y-pr {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Summary - Proactive Response';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
            .o11y-uw {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability Summary - Unified Workflows';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                            color: #fff;
                        }
                    }
                }
            }
        }
        /* End: edit mode, sections dividers and markers */

        /* .RAC-stepResults-container.summaries */
        .summaries {
            display: flex;
            gap: 30px;
            .tabContent {
                p {
                    font-size: inherit;
                    line-hegvhtfby ight: initial;
                    font-weight: inherit;
                    color: unset;
                    color: #FFFFFF80;
                    .selected & {
                        color: #FFFFFF;
                    }
                }
            }
            .RAC-stepResults-summary {
                border-radius: 24px;
                border: 2px solid transparent;
                padding: 30px 16px;
                background: #FFFFFF1A;
                flex: 1;
                &.selected {
                    position: relative;
                    z-index: 0;
                    &:before {
                        content: "";
                        position: absolute;
                        z-index: -1;
                        inset: 0;
                        padding: 2px; /* the border thickness */
                        border-radius: 20px;
                        background: linear-gradient(90deg, #F99D1C 8.95%, #F99C1C 9.36%, #F4781F 21.65%, #F16221 31.74%, #F05A22 38.16%, #EE1D62 64.84%, #ED0080 76.34%);
                        mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
                    }
                }
                .RAC-stepResults-summary-sub-heading {
                    padding-bottom: 0;
                }
                .RAC-stepResults-summary-paragraph {
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 21.6px;
                }
            }
        }

        /* Forms */
        .RAC-stepResults-form-wrapper {
            .edit-mode & {
                &:before {
                    content: 'Results Section: Form';
                    font-weight: bolder;
                    border: 1px solid red;
                    display: block;
                    text-align: center;
                    width: 60%;
                    margin: 50px auto;
                }
                .dark-bg & {
                    &:before {
                    }
                }
            }
            .splunk-form label.splunk-input:nth-child(odd) {
                width: 49.2%;
                margin-right: 0px;
                float: left;
            }
            .splunk-form label.splunk-input:nth-child(even) {
                width: 49.2%;
                margin-left: 0px;
                float: right;
            }
            .splunk-form label.input-zipcode {
                margin-bottom: 24px
            }
            label.splunk-input.input-select {
                margin-bottom: 24px;
                select {
                    width: 100% !important;
                }
            }
            .splunk-submit {
                text-align: center;
                padding-top: 15px;
            }
            .form-container-wrapper .splunk-btn[disabled], .form-container-wrapper .splunk-btn {
                width: 305px;
            }
            .splunk-form .control {
                font-size: 14px;
                line-height: 19.6px;
            }
        }



        /* data tables */
        .RAC-stepResults-table-wrapper {
            padding: 80px 0 0;
            .RAC-stepResults-table.splunk2-h3 {
                padding-bottom: 40px;
            }
            #user-data-desktop {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: User Data Entry Table - Desktop view';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 100px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            #user-data-mobile {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: User Data Entry Table - Mobile view';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 100px auto;
                        position: relative;
                        top: 50px;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            .modernized-table-component table td, .modernized-table-component table th {
                padding: 20px;
            }
            .scorebar {
                width: 100%;
                height: 8px;
                border-radius: 20px;
                background: #FFFFFF33;
                div {
                    display: block;
                    height: 8px;
                    border-radius: 20px;
                    background: var(--rac-bar-gradient);
                }
            }
        }

        /* Start: Inspiration, Resources: authoring styles*/
        .resources-section {
            .edit-mode & {
                background: #fff;
            }
            .sec-fv {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security - Resources, Foundational Visibility';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;

                    }
                }
            }
            .sec-gi {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security - Resources, Guided Insights';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            .sec-pr {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security - Resources, Proactive Response';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            .sec-uw {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Security - Resources, Unified Workflows';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            .o11y-fv {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability - Resources, Foundational Visibility';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            .o11y-gi {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability - Resources, Guided Insights';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            .o11y-pr {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability - Resources, Proactive Response';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
            .o11y-uw {
                .edit-mode & {
                    &:before {
                        content: 'Results Section: Observability - Resources, Unified Workflows';
                        font-weight: bolder;
                        border: 1px solid red;
                        display: block;
                        text-align: center;
                        width: 60%;
                        margin: 50px auto;
                    }
                    .dark-bg & {
                        &:before {
                        }
                    }
                }
            }
        }
        /* End: Inspiration, Resources: authoring styles*/

        /*Inspiration, Resources: customers card */
        .RAC-results-customerCards {
            padding: 80px 0;
            .RAC-inspiration {
                &.splunk2-h3 {
                    padding-bottom: 20px;
                }
                &.splunk-body {
                    padding-bottom: 76px;
                }
            }
        }
        .RAC-results-customerHighlightsCarousel {
            padding: 0 0 80px;
            .RAC-inspiration {
                &.splunk2-h3 {
                    padding-bottom: 30px;
                }
            }
        }
        .RAC-stepContainer-navigationContainer {
            .contactSales-button {
                padding-bottom: 25px;
                text-align: center;
            }
            .startOver-button {
                padding-bottom: 120px;
                text-align: center;
            }
        }
    }

    /* Style for some components in the publishing mode */
    &.publishing-mode {

        & .RAC--body {
            position: relative;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: min-content;
            /* grid-gap: 20px;*/
            /* overflow: hidden; */
            scroll-margin-top: 85px;

            & .RAC--stepWrapper {
                position: relative;
                overflow: scroll;
                scroll-snap-type: x mandatory;
                scroll-behavior: smooth;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                grid-column-start: 1;
                grid-column-end: 2;
                grid-row-start: 1;
                grid-row-end: 2;
                padding: 30px;
                -ms-overflow-style: none;
                scrollbar-width: none;
                padding: 0;
                &::-webkit-scrollbar {
                    display: none;
                }
            }

            & .RAC--stepContainer {
                display: block;
                position: relative;
                scroll-snap-align: center;
                scroll-margin-bottom: 200px;
                flex: 1 0 auto;
/*                align-self: baseline;*/
                width: 100%;
                max-width: unset;
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-auto-rows: min-content;
                column-gap: 30px;
                &:not(.RACstep1) {
                    opacity: 0;
                    height: 50px;
                    overflow: hidden;
                    .showFullStepContent & {
                        opacity: 1;
                        height: auto;
                        overflow: visible;
                    }
                }
                & .RAC--stepContainer-wrapper {
                    /* max-width: var(--max-width-number); */
                    margin: 0 auto;
                }
            }

            & .RAC--stepResults {
                opacity: 0;
                height: 0;
                overflow: hidden;
                &.showResultsSection {
                    opacity: 1;
                    height: auto;
                    overflow: visible;
                }
                .summaries {
                    .advance-button {
                        display: none;
                        .selected & {
                            display: block;
                        }
                    }
                }
                .RAC-stepResults-wrapper {
                    margin-left: calc(50% - 50vw);
                    margin-right: calc(50% - 50vw);
                    background: #fff;
                    position: relative;
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-template-rows: -webkit-min-content;
                    grid-template-rows: min-content;
                }
                .RAC-stepResults-form-wrapper {
                    position: relative;
                    grid-column-start: 1;
                    grid-column-end: 2;
                    grid-row-start: 1;
                    grid-row-end: 2;
                    z-index: 2;
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-template-rows: min-content min-content;
                    /* visibility: hidden; */
                    padding-top: 86px;
                    .showResults & {
                        display: none;
                    }
                }
                .RAC-results-resources {
                    position: relative;
                    background-color: var(--data-background-color-mobile);
                    grid-column-start: 1;
                    grid-column-end: 2;
                    grid-row-start: 1;
                    grid-row-end: 2;
                    z-index: 1;
                }

                .RAC-results-resources {
                    filter: blur(30px);
                    .showResults & {
                      filter: blur(0px);
                    }
                }
            }
        }
    }
}

.RAC-nonStepContainer {
    background: #fff;
    .edit-mode & {
        &:before {
            content: 'Content below the quiz - Data Outcome/Hero Section Authoring';
            font-weight: bolder;
            border: 1px solid red;
            display: block;
            text-align: center;
            width: 60%;
            margin: 50px auto;
            color: blue;
        }
    }
    .step1-dataOutcomes {
        .edit-mode & {
            &:before {
                content: 'Content below the quiz -  Data Outcome';
                font-weight: bolder;
                border: 1px solid red;
                display: block;
                text-align: center;
                width: 60%;
                margin: 50px auto;
                color: blue;
            }
        }
    }
    .data-outcomes.section {
        padding: 40px 0;
        .dataOutcomes__stats__item {
            &:nth-of-type(1) {
                .dataOutcomes__stats__item__number.splunk2-color.splunk-gradient {
                    background: linear-gradient(89.93deg, #20003F 0.07%, #A8005B 39.1%);
                    background-clip: text;
                }
            }
            &:nth-of-type(3) {
                .dataOutcomes__stats__item__number.splunk2-color.splunk-gradient {
                    background: linear-gradient(89.93deg, #A8005B 0.06%, #ED0080 40.17%);
                    background-clip: text;
                }
            }
            &:nth-of-type(5) {
                .dataOutcomes__stats__item__number.splunk2-color.splunk-gradient {
                    background: linear-gradient(89.93deg, #ED0080 0.06%, #F05A22 43.48%);
                    background-clip: text;
                }
            }
        }
    }
    .step1-hero {
        .edit-mode & {
            &:before {
                content: 'Content below the quiz -  Product Hero';
                font-weight: bolder;
                border: 1px solid red;
                display: block;
                text-align: center;
                width: 60%;
                margin: 50px auto;
                color: blue;
            }
        }
    }
    .hero-banner-wrapper-v2 .content {
        padding: 0 0;
        p {
            color: #000;
        }
    }
}

/* Mobile Version */
@media (max-width: 767px) {
    #ResilienceAssessmentCalculator {
        .RAC--title {
            padding-top: 36px;
            & .RAC-title-header {
                padding-bottom: 16px;
                color: #0C1724;
                margin-left: 0%;
                margin-right: 0%;
            }
        }
        & .RAC--body {
            & .RAC--stepContainer {
                position: relative;
                margin: 0 auto;
                max-width: var(--max-width-number);
                & .RAC-stepContainer-questionContainer {
                    & .RAC-stepContainer-sideToSide-elements {
                        & .RAC-stepContainer-InputContainer {
                            margin-bottom: 36px;
                        }
                    }
                }
                & .RAC--stepContainer-wrapper {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    flex-wrap: nowrap;
                    align-content: flex-start;
                    justify-content: flex-start;
                    align-items: flex-start;
                    /* gap: 40px; */
                    grid-column-start: 1;
                    grid-column-end: 13;
                    grid-row-start: 1;
                    grid-row-end: 2;
                }
            }
        }
        & .RAC--stepResults {
            & .RAC-stepResults-table-wrapper {
                 padding: 40px 0 30px;
                .RAC-stepResults-table.splunk2-h3 {
                    padding-bottom: 20px;
                }
                    .modernized-table-component table td, .modernized-table-component table th {
                    padding: 15px;
                }
            }
            .RAC-results-customerCards {
                padding: 40px 0 20px;
                & .RAC-inspiration {
                    &.splunk2-h3 {
                        padding-bottom: 16px;
                    }
                    &.splunk-body {
                        padding-bottom: 30px;
                    }
                }
            }
            .RAC-results-customerHighlightsCarousel {
                padding: 0 0 67px;
            }
            .RAC-stepContainer-navigationContainer {
                .contactSales-button {
                    padding-bottom: 15px;
                    text-align: center;
                }
            }
        }

        &.publishing-mode {
            & .RAC--title {
                grid-template-columns: 1fr;

                & .RAC-title-eyebrow,
                & .RAC-title-header,
                & .RAC-title-sub-header {
                    grid-column-start: 1;
                    grid-column-end: 2;
                }
            }

            & .RAC--navigation-status {
                width: calc(70% - 60px);
                padding: 15px 0px;
                margin-bottom: 5px;
                margin-top: 15px;
            }

            & .RAC--body {
                & .RAC--stepWrapper {
                    padding: 0;
                }

                & .RAC--stepResults {
                    .splunk-grid-container {
                        width: 100vw;
                        padding-left: 15px;
                        padding-right: 15px;
                    }
                    & .RAC-stepResults-container {
                        grid-template-columns: 1fr;
                        grid-template-rows: min-content min-content;
                        row-gap: 20px;
                    }
                    .hero-section {
                        .hero-banner-wrapper-v2  {
                            .splunk-button.base-component {
                                margin-bottom: 24px;
                            }
                            .text-image.base-component {
                                margin-bottom: 60px;
                            }
                        }

                        .startOver-button {
                            padding: 30px 15px 36px;
                        }
                    }
                    .RAC-stepResults-container.summaries{
                        display: flex;
                        gap: 15px;
                        flex-flow: column;
                        padding: 0 15px;
                        .RAC-stepResults-summary {
                            flex: 1 0 auto;
                            width: 100%;
                        }
                    }
                    .RAC-stepResults-form-wrapper {
                        padding: 40px 15px 0;
                        .splunk-form label.splunk-input:nth-child(odd) {
                            width: 100%;
                            margin-right: 0px;
                            float: unset;
                        }
                        .splunk-form label.splunk-input:nth-child(even) {
                            width: 100%;
                            margin-left: 0px;
                            float: unset;
                        }
                        .splunk-form label.input-zipcode {
                            margin-bottom: 16px
                        }
                        label.splunk-input.input-select {
                            margin-bottom: 16px;
                            select {
                                width: 100% !important;
                            }
                        }
                        .splunk-submit {
                            text-align: center;
                            padding-top: 15px;
                        }
                        .form-container-wrapper .splunk-btn[disabled], .form-container-wrapper .splunk-btn {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    .RAC-nonStepContainer {
        .splunk-grid-container {
            padding: 0 15px;
        }
        .data-outcomes.section {
            padding: 0px;
        }
        .hero-banner-wrapper-v2 .content {
            padding: 0 0;
        }
    }
}