.wizard-step {
    .wizard-step__title {
        font-size: 25px;
        line-height: 1.6;
        font-family: 'TT Firs Neue Medium', Sans-serif;
        font-weight: 500;
        margin-bottom: 1.25rem;

        @media (min-width: 768px) {
            font-size: 2.125rem;
            line-height: 1;
        }

        @media (min-width: 1025px) and (max-width: 1440px) {
            margin-bottom: 1.875rem;
            font-size: 1.875rem;
            line-height: 1;
        }

        @media (min-width: 1441px) {
            font-size: 3.125rem;
            line-height: 1;
        }
    }

    .wizard-step__desc {
        font-family: 'TT Firs Neue Medium', Sans-serif;
        font-weight: 500;
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 1.5rem;
        border-bottom: 1px solid rgba(104, 110, 119, 0.35);
        padding-bottom: 1rem;

        @media (max-width: 1440px) {
            font-size: 1.5rem;
            line-height: 1;
        }
    }

    div.aem-Grid.aem-Grid--12.aem-Grid--default--12 {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    &[data-step="1"],
    &[data-step="2"],
    &[data-step="3"],
    &[data-step="4"],
    &[data-step="5"],
    &[data-step="6"],
    &[data-step="7"],
    &[data-step="8"],
    &[data-step="9"],
    &[data-step="10"],
    &[data-step="11"] {
        .text {
            margin-bottom: 2rem;

            @media (max-width: 767px) {
                width: 100% !important;
            }

            .cmp-form-text {
                display: flex;
                flex-direction: column;

                label {
                    color: #112337;
                    font-weight: 500;
                    font-family: 'Avenir Next Demi', Sans-serif;
                    font-size: 17px;
                    line-height: 1;
                    margin-bottom: 8px;

                    @media (max-width: 767px) {
                        font-size: 18px;
                        line-height: 24px;
                    }

                    span {
                        font-size: 12px !important;
                        line-height: 1;
                        color: #c02b0a;
                        font-weight: 500;
                        padding-left: 6px;
                        font-family: 'Avenir Next Demi', Sans-serif;
                    }
                }

                input {
                    width: 100%;
                    height: 50px;
                    font-size: 17px;
                    padding: 10px 20px;
                    line-height: 3rem;
                    background-color: #eeeded;
                    border: 0;
                    box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);

                    &:focus-visible {
                        outline: none;
                    }
                }

                .error-msg {
                    color: #ff0000;
                    font-size: 17px;
                    margin-top: 6px;

                    @media (max-width: 767px) {
                        font-size: 18px;
                    }
                }

                textarea {
                    font-size: 17px;
                    padding: 10px 20px;
                    background-color: #eeeded;
                    border: 0;
                    box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);

                    &:focus-visible {
                        outline: none;
                    }
                }

                p.cmp-form-text__help-block {
                    order: 3;
                    color: #585e6a;
                    font-family: 'Avenir Next Regular', Sans-serif;
                    font-size: 17px;
                    line-height: 24px;
                    margin-bottom: 0;
                }
            }

            &.aem-GridColumn.aem-GridColumn--default--6:nth-child(odd of .aem-GridColumn.aem-GridColumn--default--6) {
                .cmp-form-text {
                    input {
                        width: calc(100% - 10px);

                        @media (max-width: 767px) {
                            width: 100%;
                        }
                    }
                }
            }

            &.aem-GridColumn.aem-GridColumn--default--4:not(:nth-child(3n of .aem-GridColumn.aem-GridColumn--default--4)) {
                .cmp-form-text {
                    input {
                        width: calc(100% - 10px);

                        @media (max-width: 767px) {
                            width: 100%;
                        }
                    }
                }
            }

        }
    }

    &[data-step="3"] {
        .text {
            &:has([name="industry-specify"]) {
                margin-bottom: 0;

            }

            .cmp-form-text {
                p.cmp-form-text__help-block {
                    order: 3;
                    color: #000000;
                    font-family: 'Avenir Next Regular', Sans-serif;
                    font-size: 17px;
                    line-height: 24px;
                }

                span.counter-text {
                    font-size: 17px !important;
                }
            }

            input[name="industry-specify"] {
                margin-bottom: 30px;
            }
        }

        .error-msg {
            color: #ff0000;
            font-size: 17px;
            margin-bottom: 24px;
        }

        .options {
            fieldset {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 10px;

                @media (max-width: 1024px) {
                    grid-template-columns: repeat(3, 1fr);
                }

                @media (min-width: 768px) and (max-width: 920px) {
                    grid-template-columns: repeat(2, 1fr);
                }

                @media (max-width: 767px) {
                    grid-template-columns: 1fr;
                }

                legend {
                    grid-column: 1 / -1;
                    color: #112337;
                    font-weight: 500;
                    font-family: 'Avenir Next Demi', Sans-serif;
                    font-size: 1.5rem;
                    line-height: 1;
                    margin-bottom: 8px;

                    @media (max-width: 1440px) {
                        font-size: 17px;
                        line-height: 1;
                    }

                    @media (max-width: 767px) {
                        font-size: 18px;
                        line-height: 24px;
                    }
                }

                label {
                    margin-bottom: 30px;
                    display: grid;
                    align-items: flex-end;
                    grid-template-columns: 80px 1fr;
                    column-gap: 12px;

                    input[type="radio"] {
                        appearance: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        width: 5rem;
                        height: 3rem;
                        border: 1px solid #999;
                        display: inline-block;
                        position: relative;
                        box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
                        margin-right: 0.75rem;

                        &:checked::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            width: 7px;
                            height: 7px;
                            background: #204ce5;
                            border-radius: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }

                    span {
                        font-size: 17px;
                        color: #112337;
                        font-family: 'Avenir Next Regular', Sans-serif;
                        line-height: 25px;

                        @media (max-width: 767px) {
                            font-size: 18px;
                        }
                    }
                }
            }
        }

        .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 {
            .options {
                fieldset {
                    display: flex;
                    flex-direction: column;
                }
            }

            .text {
                .cmp-form-text {
                    input {
                        width: 24%;

                        @media(max-width: 767px) {
                            width: 100%;
                        }

                        @media(min-width: 768px) and (max-width: 900px) {
                            width: 33%;
                        }

                        &[name="industry-other-text"] {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    &[data-step="4"] {
        .options {
            fieldset {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 16px;
                position: relative;

                @media (max-width: 767px) {
                    flex-direction: column;
                }

                legend {
                    grid-column: 1 / -1;
                    color: #112337;
                    font-weight: 500;
                    font-family: 'Avenir Next Demi', Sans-serif;
                    font-size: 1.5rem;
                    line-height: 1;
                    margin-bottom: 24px;

                    @media (max-width: 1440px) {
                        font-size: 17px;
                        line-height: 1;
                    }

                    @media (max-width: 767px) {
                        font-size: 18px;
                        line-height: 24px;
                    }
                }

                label {
                    margin-bottom: 30px;

                    input[type="checkbox"] {
                        appearance: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        width: 5rem;
                        height: 3rem;
                        border: 1px solid #999;
                        display: inline-block;
                        position: relative;
                        box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
                        margin-right: 0.75rem;

                        &:checked::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            width: 17px;
                            height: 17px;
                            font-size: 1rem;
                            background-image: url('../../../../../content/dam/halliburtonlabs/icons/checkmark.svg');
                            background-position: center;
                            background-size: 50px 50px;
                            transform: translate(-50%, -50%);
                        }

                        @media (max-width: 767px) {
                            width: 70px;
                        }
                    }

                    span {
                        font-size: 17px;
                        color: #112337;
                        font-family: 'Avenir Next Regular', Sans-serif;
                        line-height: 25px;
                    }
                }

                p.cmp-form-options__help-message {
                    color: #999999;
                    font-family: 'Avenir Next Regular', Sans-serif;
                    font-size: 17px;
                    line-height: 24px;
                    position: absolute;
                    top: 23px;

                    @media (max-width: 767px) {
                        font-size: 18px;
                    }
                }
            }

            .error-msg {
                color: #ff0000;
                font-size: 17px;
                margin-bottom: 24px;
            }
        }
    }

    &[data-step="6"],
    &[data-step="9"] {
        .options {
            margin-bottom: 2rem;

            fieldset {
                display: flex;
                flex-direction: column;

                label {
                    color: #112337;
                    font-weight: 500;
                    font-family: 'Avenir Next Demi', Sans-serif;
                    font-size: 17px;
                    line-height: 1;
                    margin-bottom: 8px;

                    @media (max-width: 767px) {
                        font-size: 18px;
                        line-height: 24px;
                    }

                    span {
                        font-size: 12px !important;
                        line-height: 1;
                        color: #c02b0a;
                        font-weight: 500;
                        padding-left: 6px;
                        font-family: 'Avenir Next Demi', Sans-serif;
                    }
                }

                select {
                    appearance: none;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    width: 100%;
                    min-height: 50px;
                    line-height: 32px !important;
                    background-color: #eeeded;
                    color: #111010;
                    font-size: 17px;
                    border: none;
                    padding: 10px 60px 10px 20px;
                    background-image: url("https://engage.halliburton.com/l/800353/2025-12-09/37yxnb/800353/1765306808cUWSGk0Z/arrow_down_white.svg"),
                        linear-gradient(rgb(117, 59, 189), rgb(117, 59, 189));
                    background-repeat: no-repeat, no-repeat;
                    background-position: right 18px center, right 0 top;
                    background-size: 34px 18px, 70px 100%;
                    width: calc(100% - 10px);

                    &:focus-visible {
                        outline: 0;
                    }

                    @media (max-width: 767px) {
                        width: 100%;
                    }
                }
            }

            .error-msg {
                color: #ff0000;
                font-size: 17px;
                margin-top: 6px;

                @media (max-width: 767px) {
                    font-size: 18px;
                }
            }
        }
    }

    &[data-step="8"] {
        .cmp-form-text {
            span.counter-text {
                font-size: 17px !important;
            }
        }
    }

    &[data-step="9"] {
        .options {
            margin-bottom: 2rem;

            select {
                width: 100% !important;

                @media (max-width: 767px) {
                    margin-top: 18px;
                }
            }

            fieldset.cmp-form-options--drop-down {
                position: relative;

                label {
                    margin-bottom: 40px;

                    @media (max-width: 365px) {
                        margin-bottom: 60px;
                    }
                }

                p.cmp-form-options__help-message {
                    position: absolute;
                    top: 25px;
                    color: #999999;
                    font-family: 'Avenir Next Regular', Sans-serif;
                    font-size: 18px;
                    line-height: 24px;

                    @media(max-width: 398px) {
                        top: 50px;
                    }
                }

            }
        }
    }

    &[data-step="10"] {
        .upload {
            .form_row {
                margin-bottom: 2rem;

                .form_leftcol {
                    display: flex;
                    align-items: center;

                    .form_leftcollabel {
                        label {
                            color: #112337;
                            font-weight: 500;
                            font-family: 'Avenir Next Demi', Sans-serif;
                            font-size: 1.5rem;
                            line-height: 1;
                            margin-bottom: 8px;

                            @media (max-width: 1440px) {
                                font-size: 17px;
                                line-height: 1;
                            }

                            @media (max-width: 767px) {
                                font-size: 18px;
                                line-height: 24px;
                            }
                        }
                    }
                }

                .form_rightcol {

                    input {
                        width: 100%;
                        height: 50px;
                        font-size: 17px;
                        padding: 10px 20px;
                        line-height: 3rem;
                        background-color: #eeeded;
                        border: 0;
                        box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
                        margin-bottom: 0 !important;
                        line-height: 30px !important;

                        &:focus-visible {
                            outline: none;
                        }

                        &::file-selector-button {
                            border: none;
                            background: #f2f2f2;
                            border-right: 2px solid #a8a8a8;
                        }

                        @media (max-width: 767px) {
                            padding: 14px 30px;
                            height: 72px;

                            &::file-selector-button {
                                border: none;
                                background: #f2f2f2;
                                height: 45px;
                                border-right: 2px solid #a8a8a8;
                            }
                        }
                    }

                    input[name="pitch-deck"]+span {
                        color: #999;
                        font-size: 17px;
                        line-height: 24px;
                        font-family: 'Avenir Next Regular', Sans-serif;
                        margin-top: 0.5rem;
                        display: block;

                        @media (max-width: 767px) {
                            font-size: 18px;
                        }
                    }

                    .error-msg {
                        color: #ff0000;
                        font-size: 17px;
                        margin-top: 6px;

                        @media (max-width: 767px) {
                            font-size: 18px;
                        }
                    }
                }
            }

            @media(max-width: 767px) {
                width: 100% !important;
            }
        }

        .form_row_description {
            span {
                display: none;
            }
        }

    }

    &[data-step="1"] input[name="company-url"]::placeholder,
    &[data-step="2"] input[name="management-linkedin"]::placeholder,
    &[data-step="10"] input[name="submission-date"]::placeholder {
        color: #112337;
        font-size: 17px;
        font-family: 'Avenir Next Regular', Sans-serif;
        line-height: 30px;
    }

    &[data-step="2"] .cmp-form-text:has(> input[name="management-linkedin"]) label span,
    &[data-step="4"] .cmp-form-text:has(> input:is([name="market-commentary"], [name="market-size"])) label span,
    &[data-step="5"] .cmp-form-text:has(> textarea[name="customer-solutions"]) label span,
    &[data-step="7"] .cmp-form-text:has(> input[name="funding-stage"]) label span,
    &[data-step="8"] .cmp-form-text:has(> textarea[name="why-join-hal-labs"]) label span {
        @media (max-width: 767px) {
            display: block;
            padding-left: 0;
            margin-top: 8px;

        }
    }

    &[data-step="10"] .upload .form_row .form_leftcol:has(.form_leftcollabel > label[for="new_form_pitch-deck"]) {
        @media (max-width: 767px) {
            display: block;

            .form_leftcolmark.is-required {
                margin-bottom: 12px;

                &::after {
                    padding-left: 0;
                }
            }
        }
    }

    .form_leftcolmark.is-required {
        font-size: 0;
        color: transparent;

        &::after {
            content: "(Required)";
            font-size: 12px !important;
            line-height: 1;
            color: #c02b0a;
            font-weight: 500;
            padding-left: 6px;
            font-family: 'Avenir Next Demi', Sans-serif;
        }
    }

    &[data-step="3"] .options legend.is-required,
    &[data-step="4"] .options legend.is-required,
    &[data-step="6"] label.cmp-form-options__label,
    &[data-step="9"] label.cmp-form-options__label {
        &::after {
            content: "(Required)";
            font-size: 12px !important;
            line-height: 1;
            color: #c02b0a;
            font-weight: 500;
            padding-left: 6px;
            font-family: 'Avenir Next Demi', Sans-serif;
        }
    }

    &[data-step="6"] {
        .options.aem-GridColumn--default--4 {
            @media (max-width: 767px) {
                width: 100%;
                margin-bottom: 2rem;
            }
        }
    }

    &[data-step="1"] {
        .text {
            .cmp-form-text.has-error:has(> input[name="contact-name"]) {
                .error-msg {
                    order: 3;
                    margin-top: 0;
                }
            }

            p.cmp-form-text__help-block.input-desc {
                @media(max-width: 767px) {
                    font-size: 18px;
                }
            }
        }
    }

    #resumelink-success-msg {
        h1 {
            font-size: 30px;
            line-height: 1;
            font-family: 'TT Firs Neue Regular', Sans-serif;
            margin-bottom: 3rem;
            font-weight: 600;

            @media (max-width: 1024px) {
                font-size: 34px;
            }

            @media (max-width: 767px) {
                font-size: 25px;
            }
        }

        p {
            font-size: 17px;
            font-family: 'Avenir Next Regular', Sans-serif;
            margin-bottom: 5rem;
        }
    }

    &[data-step="11"] {
        .text {
            margin-bottom: 0;

            h1 {
                font-size: 30px;
                font-family: 'TT Firs Neue Medium', Sans-serif;
                line-height: 1;

                @media (max-width: 1024px) {
                    font-size: 34px;
                }

                @media (max-width: 767px) {
                    font-size: 25px;
                }
            }

            p {
                font-size: 17px;
                font-family: 'Avenir Next Regular', Sans-serif;
                line-height: 1;

                @media (max-width: 767px) {
                    line-height: 24px;
                }
            }

            a.resumelink {
                font-size: 17px;
                font-family: 'Avenir Next Bold', Sans-serif;
                line-height: 1;
                color: #753bbd;
                display: inline-block;
                margin: 12px 0 20px 0;

                &:hover {
                    color: #000;
                }

                @media (max-width: 767px) {
                    word-break: break-word;
                    line-height: 24px;
                }
            }
        }

        .button {
            margin-top: 2rem;

            button {
                padding: 1rem;
                border-radius: 0;
                background-color: #753bbd;
                color: white;
                font-family: 'TT Firs Neue Regular', Sans-serif;
                font-size: 18px;
                line-height: 1;
                border: none;
                margin-bottom: 2rem;

                @media (min-width: 768px) {
                    &:hover {
                        color: white;
                        background-color: #e4002b;
                        outline: 3px solid rgba(32, 76, 229, 0.65);
                        outline-offset: 1px;
                        border: 1px solid #001ab3;
                    }
                }

                @media (max-width:767px) {
                    &:hover {
                        color: white;
                        background-color: #753bbd;
                        outline: 0px solid rgba(32, 76, 229, 0.65);
                        outline-offset: 0px;
                        border: 0px solid #001ab3;
                    }

                    &:active {
                        color: white;
                        background-color: #e4002b;
                        outline: 3px solid rgba(32, 76, 229, 0.65);
                        outline-offset: 1px;
                        border: 1px solid #001ab3;
                    }
                }
            }
        }
    }
}


/***********DATE PICKER STYLES**************/
.flatpickr-calendar {
    .flatpickr-months {
        position: relative;
        padding-bottom: 14px !important;
        padding-top: 10px !important;
        box-sizing: border-box;

        &::after {
            content: "";
            position: absolute;
            left: 12px;
            right: 12px;
            bottom: 0;
            border-bottom: 1px solid #999999;
            pointer-events: none;
            z-index: 1;

        }

        .flatpickr-prev-month,
        .flatpickr-next-month {
            top: 8px;
        }

        .flatpickr-month {
            border-bottom: none !important;

            .flatpickr-current-month select.flatpickr-monthDropdown-months {
                border: 1px solid #767676;
                border-radius: 3px;
                font-size: 14px;
                font-family: 'Avenir Next Regular', Sans-serif;
                margin-right: 4px;
                padding-left: 0;
                padding: 3px;

                &:focus,
                &:focus-visible {
                    outline: 3px solid rgba(32, 76, 229, 0.65);
                    outline-offset: 1px;
                    border: 1px solid #001ab3;
                }
            }
        }

        .flatpickr-month .flatpickr-current-month select.flatpickr-monthDropdown-months:hover {
            background: none;

        }

        .numInputWrapper {
            background-color: white;
            cursor: pointer;

            .flatpickr-year-select {
                font-size: 14px;
                font-family: 'Avenir Next Regular', Sans-serif;
                background-color: white;
                border-radius: 3px;
                padding: 3px;

                &:focus,
                &:focus-visible {
                    outline: 3px solid rgba(32, 76, 229, 0.65);
                    outline-offset: 1px;
                    border: 1px solid #001ab3;
                }
            }

            &:hover {

                .arrowUp,
                .arrowDown {
                    display: none;
                }
            }
        }
    }

    .flatpickr-innerContainer {
        .flatpickr-weekdays {
            .flatpickr-weekdaycontainer {
                .flatpickr-weekday {
                    font-size: 12px;
                    font-family: 'Avenir Next Bold', Sans-serif;
                    color: #112337;
                }
            }
        }

        .flatpickr-days {
            .dayContainer {
                --row-h: 40px;
                background-image: repeating-linear-gradient(to bottom,
                        #f9f9f9 0, #f9f9f9 var(--row-h), transparent var(--row-h), transparent calc(2 * var(--row-h)));
                background-repeat: no-repeat;

                .flatpickr-day {
                    font-size: 14px;
                    font-family: 'Avenir Next Bold', Sans-serif;
                    color: #112337;

                    &:hover {
                        background: transparent;
                        border: none;
                    }

                    &.selected,
                    &.today {
                        background: transparent;
                        border: none;
                    }

                    &:nth-child(n+1):nth-child(-n+7),
                    &:nth-child(n+15):nth-child(-n+21),
                    &:nth-child(n+29):nth-child(-n+35) {
                        background-color: #f9f9f9;
                    }

                    &:nth-last-child(-n+7) {
                        display: none !important;
                    }

                    &.prevMonthDay,
                    &.nextMonthDay {
                        color: #b6bcc6 !important;
                        background: transparent !important;
                        border-color: transparent !important;
                        opacity: 0.65;
                        cursor: not-allowed !important;
                        pointer-events: none !important;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        user-select: none;

                        &:hover {
                            background: transparent !important;
                            border-color: transparent !important;
                            color: #b6bcc6 !important;
                        }
                    }
                }
            }
        }
    }
}