@media (min-width: 320px) and (max-width: 600px) {

    /*============ Splash-Screen-CSS  ===========*/
    .splash {
        height: 100vh;
        display: flex;
        justify-content: center;
        width: 280px;
        flex-direction: column;
        text-align: center;
        margin: 0 auto;
    }

    .scroll-hidden {
        overflow: hidden;
    }

    .spartan-logo {
        width: 163px;
        height: 176px;
        margin: 0 auto 50px;
    }

    .splash .progress {
        height: 17px;
        border: solid 1px #1B1B1B;
        padding: 4px;
        border-radius: 50px;
        background-color: #202020;
    }

    .splash .progress .progress-bar {
        border-radius: 50px;
        background-color: #F9F9F9;
    }


    /*============ End Splash-Screen-CSS  ===========*/

    /*============ Login-Screen-CSS  ===========*/
    .login-form {
        padding: 40px 31px 0px !important;
        background-color: transparent;
        border: 0;
    }


    .logo-area {
        padding: 24px 24px 48px;
    }

    /* .login-screen {
    background-repeat: no-repeat;
    background-size: 100%;
} */

    .logo-area img {
        width: 100px;
    }

    .wrapper-welcome {
        padding: 40px 0;
    }

    .wrapper-welcome h4 span {
        font-weight: 700;
    }

    .wrapper-welcome h4 {
        font-size: 24px;
        color: #F9F9F9;
        line-height: 36px;
        font-weight: 300;
        text-transform: uppercase;
    }

    .wrapper-welcome p {
        font-size: 14px;
        line-height: 21px;
        color: #C4C4C4;
        font-weight: 400;
    }

    .login-form .form-check {
        margin: 0;
    }

    .login-form .form-label {
        font-size: 16px;
        line-height: 24px;
        color: #F9F9F9;
        font-weight: 400;
        /* padding-left: 10px; */
    }

    .login-form .form-control {
        padding: 17px 12px;
        border: solid 1px #1B1B1B;
        background-color: #121212;
        border-radius: 12px;
        color: #858585;
        height: 56px;
        width: 100%;
        /* margin: 0 auto; */
        /* max-width: 366px; */
    }

    .login-form input::placeholder {
        color: #858585;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
    }

    .login-form .form-check .form-check-input,
    .password-screen .form-check-input {
        width: 20px;
        height: 20px;
        background-color: #2B2B2B;
        border: none;
        box-shadow: none;
    }

    .form-check-input[type=checkbox] {
        border-radius: 4px;
    }

    .login-form .form-check .form-check-input,
    .password-screen .form-check-input {
        width: 20px;
        height: 20px;
        background-color: #2B2B2B;
        border: none;
    }

    .login-form .form-check .form-check-label,
    .password-screen .form-check-label {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        color: #C4C4C4;
        padding-left: 6px;
    }

    .login-form .form-check {
        margin: 0;
        padding-bottom: 64px;
        margin-top: 20px;
    }

    .login-cta .btn {
        width: 100%;
        padding: 16px 48px;
        text-align: center;
        background-color: #F9F9F9;
        border-radius: 100px;
        font-size: 14px;
        line-height: 21px;
        height: 56px;
        color: #080808;
        font-weight: 600;
    }

    .login-cta {
        padding: 0;
        background-color: #080808;
    }

    /*============ End-Login-Screen-CSS  ===========*/

    /*============ OTP-Screen-CSS  ===========*/
    .otp-screen {
        overflow: hidden;
        background-color: #080808;
    }

    .header-area {
        padding: 24px;
    }

    .wrapper-content.scroll-hide {
        overflow-x: hidden;
    }

    .back-cta {
        width: 48px;
        height: 48px;
        border: solid 1px #363636;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px 12px;
    }

    .back-cta svg {
        width: 24px;
        height: 24px;
        margin-left: -2px;
    }

    .welcome-spartan {
        padding: 32px 0;
    }

    .welcome-spartan h4 {
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        color: #F9F9F9;
        margin-bottom: 8px;
    }

    .welcome-spartan p {
        font-size: 14px;
        color: #C4C4C4;
        line-height: 21px;
    }

    /* .space form {
    padding: 0 32px !important;
} */


    .otp-area {
        padding: 0 32px;
    }

    .otp-area .form-control {
        height: 80px;
        border-radius: 16px;
        background-color: transparent;
        border: solid 2px #7B7B7B;
        width: 80px;
        text-align: center;
        font-size: 32px;
        color: #FFFFFF;
        font-weight: 500;
        margin-left: -6px;
    }

    .create-account {
        padding: 30px 32px;
        background-color: #080808;
    }

    .expires span {
        font-weight: 700;
    }

    .expires {
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        color: #F9F9F9;
        margin-bottom: 24px;
    }

    .create-account .btn {
        width: 100%;
        border: solid 1px #F9F9F9;
        height: 56px;
        border-radius: 100px;
        font-size: 14px;
        color: #F9F9F9;
        background-color: #100F10;
        font-weight: 500;
        line-height: 21px;
    }

    .disabled-ctn {
        background-color: #F9F9F9 !important;
        color: #080808 !important;
    }

    .disabled-ctn.disabled,
    .disabled-ctn:disabled,
    fieldset:disabled .disabled-ctn .disabled-ctn {
        background-color: #252525 !important;
        color: #858585 !important;
        border: 0;
        margin-bottom: 16px !important;
    }

    #create-account-btn,
    #reset-password-button {
        background-color: #F9F9F9;
        color: #000;
    }

    /*============ End OTP-Screen-CSS  ===========*/

    /*============ Create Password Screen CSS  ===========*/
    .title-pass {
        padding: 32px 0;
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        color: #F9F9F9;
    }

    .password-screen {
        padding: 24px 32px !important;
        background-color: #080808;
    }

    .remove-p form {
        padding: 0;
    }

    .password-screen .form-label {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 21px;
        color: #F9F9F9;
        font-weight: 400;
    }

    .password-screen .form-control {
        height: 56px;
        border: solid 1px #1B1B1B;
        background-color: #100F10;
        border-radius: 8px;
        padding: 0 12px;
        color: #858585;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .password-screen input::placeholder,
    .password-screens input::placeholder {
        color: #858585;
    }

    .password-screen .btn.disabled,
    .password-screen .btn:disabled,
    fieldset:disabled .password-screen .btn {
        background-color: #7B7B7B;
        border: 0;
        color: #100F10;
    }

    .password-screen .btn {
        width: 100%;
        height: 56px;
        border-radius: 100px;
        text-align: center;
        background-color: #F9F9F9;
        color: #100F10;
        margin: 56px 0 0;
        font-size: 16px;
        font-weight: 600;
    }

    /*============ End Create Password Screen CSS  ===========*/

    /*============ Password Set Screen CSS  ===========*/
    .password-set-screen svg {
        margin-bottom: 32px;
    }

    .password-set-screen h3 {
        font-size: 24px;
        color: #F9F9F9;
        line-height: 36px;
        font-weight: 600;
    }

    .password-set-screen .btn {
        width: 100%;
        height: 56px;
        border-radius: 100px;
        background-color: #F9F9F9;
        color: #100F10;
        font-weight: 600;
        line-height: 21px;
        margin: 64px 0 0;
        font-size: 14px;
    }

    .password-set-screen {
        padding: 0 31px !important;
    }

    .password-screens {
        padding: 24px 32px;
    }

    .password-screens .form-control {
        height: 56px;
        background-color: #121212;
        color: #858585;
        border: solid 1px #1B1B1B;
        border-radius: 12px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        max-width: 366px;
        height: 56px;
    }

    .forgot {
        font-size: 14px;
        color: #D7A453;
        line-height: 21px;
        font-weight: 400;
    }

    .login-btn {
        width: 100%;
        height: 56px;
        background-color: #F9F9F9;
        border-radius: 100px;
        color: #080808;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        max-width: 382px;
        margin: 56px auto 0;
    }

    .password-screens .form-label {
        font-size: 14px;
        color: #F9F9F9;
        font-weight: 400;
        line-height: 21px;
    }

    /*============ End Password Set Screen CSS  ===========*/

    /*============ Get start  ===========*/

    .step-active {
        display: block;
    }

    .progress-bar-active {
        background-color: #007bff;
    }

    .get-attech {
        width: 140px;
        height: 140px;
        margin: 50px auto 80px;
    }

    .get-attech-image {
        width: 140px;
        height: 140px;
        margin: 0 auto;
        background-color: #7B7B7B;
        border-radius: 100px;
    }

    .get-attech-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100px;
    }

    .get-login p {
        color: #C4C4C4;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        max-width: 250px;
        margin: 14px auto 0;
        width: 100%;
    }

    .get-login h4 {
        font-size: 24px;
        line-height: 31px;
        color: #F9F9F9;
        font-weight: 600;
        text-transform: uppercase;
    }

    .next-step {
        background-color: #080808;
    }

    .fill-option {
        background-color: #080808;
    }

    .attech-btn {
        width: 40px;
        height: 40px;
        position: relative;
        background-color: #1D1D1F;
        border-radius: 100px;
        padding: 8px;
        top: -40px;
        margin-left: auto;
    }

    .attech-btn input {
        width: 40px;
        height: 40px;
        opacity: 0;
        background-color: #1D1D1F;
        position: absolute;
        z-index: 99;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        border-radius: 100px;
    }

    .edit {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        width: 40px;
        height: 40px;
    }

    .edit img {
        width: 100%;
        height: 100%;
        padding: 8px;
    }

    .flex-progress {
        margin-bottom: 16px;
        padding: 0 20px;
    }

    .flex-progress .progress:last-child {
        margin-right: 0;
    }

    .flex-progress .progress {
        width: 72px;
        height: 4px;
        border-radius: 60px;
        background-color: #363636;
        margin-right: 16px;
    }

    .flex-progress .progress .progress-bar {
        background-color: #858585;
    }

    .flex-progress .progress .progress-bar.active {
        background-color: #F9F9F9;
    }

    .progress-bar-active {
        background-color: #F9F9F9;
        color: #363636;
    }

    .progress-bar-active:hover {
        background-color: #F9F9F9;
        color: #363636;
    }

    .login-btn:hover {
        background-color: #f9f9f9;
    }

    .back-cta:hover {
        border-color: #363636;
    }

    .next-step .btn {
        color: #000;
        height: 56px;
        border: 0;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        max-width: none;
        width: 100%;
        margin: 0 auto;
        text-transform: capitalize;
    }


    .next-step .btn.disabled,
    .next-step .btn:disabled,
    fieldset:disabled .next-step {
        background-color: #7B7B7B;
    }

    .fill-option .form-label {
        font-size: 14px;
        color: #F9F9F9;
        line-height: 21px;
        font-weight: 400;
        margin: 0;
        padding: 0 12px 8px;
    }

    .fill-option .form-select,
    .fill-option .form-control {
        border: solid 1px #1B1B1B;
        background-color: #100F10;
        color: #858585;
        font-size: 12px;
        height: 48px;
        border-radius: 16px;
        padding: 0 16px;
        line-height: 18px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .fill-option {
        padding: 30px 13px 30px;
    }

    .fill-option .form-select:focus {
        box-shadow: none;
    }

    .get-attech-image.all-set {
        width: 100px;
        height: 100px;
        margin: 20px auto 32px;
    }

    .let-go:hover {
        background-color: #d7a453;
    }

    .let-go {
        background-color: #D7A453;
        color: #1D1D1F;
    }

    .let-go i {
        font-size: 25px;
        padding: 2px 3px 0px;
    }

    .next-step {
        background-color: #080808;
        padding-bottom: 30px;
        max-width: 280px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    #step1 .get-login {
        margin: 30px 0 0;
    }

    .input-group-append {
        position: absolute;
        top: 43px;
        right: 30px;
    }

    .input-group-append i {
        COLOR: #7B7B7B;
        font-size: 20px;
    }

    .otp-area input:focus {
        border: solid 3px;
        border-color: #C4C4C4;
    }

    .border-danger {
        border-color: #ff5b5b !important;
    }

    .forgot:hover {
        color: #D7A453;
    }

    .toggle-password {
        position: absolute;
        top: 49px;
        right: 27px;
        color: #7B7B7B;
    }

    .login-form h4 {
        display: none;
    }

    .get-login-bg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: none;
        left: unset;
    }

    .welcome-spartan.tablate {
        display: none;
    }

    /* .otp-area .form-control:last-child {
    margin-right: 0;
} */
    /* .otp-area .form-control:first-child {
    margin-left: 0;
} */
    .fill-form {
        overflow-y: hidden;
    }

    #password-screen .container-fluid {
        padding: 0;
        overflow: hidden;
    }

    .welcome-alex {
        background: transparent;
        padding: 0;
        border-radius: 0;
        max-width: max-content;
        position: inherit;
        top: unset;
        transform: unset;
        left: unset;
        border: unset;
        margin: unset;
        width: auto;
    }

    .header-area img {
        width: 100px;
    }

    .center-screen {
        max-width: 500px;
        width: 100%;
        padding: 0 32px !important;
    }

    #step1,
    #step2,
    #step3 {
        overflow-y: hidden;
    }

    #step1 .welcome-alex,
    #step2 .welcome-alex,
    #step3 .welcome-alex {
        padding: 0 !important;
    }

    .welcome-alex.go-work h4 {
        font-size: 20px;
    }

    #step3 .form-control {
        margin-bottom: 24px;
    }

    #step3 .next-step {
        padding-bottom: 0;
    }

    #step3 .fill-option {
        padding: 0 13px;
    }

    .text-danger.text-center {
        text-align: left !important;
        padding: 0;
    }

    .welcome-alex.set-pass {
        background: none;
        padding: 0;
        border-radius: 20px;
        max-width: 500px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        border: 0;
        margin: 0 auto;
        width: 100%;
    }

    .input-step .next-step {
        position: inherit;
        transform: none;
    }

    .input-step {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 84vh;
        background-color: transparent;
        border: 0;
        padding: 40px 0 0;
    }

    .input-step .get-login p {
        padding: 0 0 32px;
    }

    .welcome-suit {
        margin: 24px 0 0 0 !important;
    }

    .welcome-alex.welcome-set {
        margin: 48px 0 0 !important;
    }

    .otp-validation {
        padding: 0 25px;
    }

    /* New-verify-screen  */
    .veryfy {
        padding: 40px 32px 70px;
    }
}

@media (max-width: 768px) {
    .login-screen {
        background-image: url(../../images/login-bg-image.png);
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .otp-validation .text-center {
        text-align: left !important;
        padding: 0px 0 20px;
    }

    .welcome-spartan h4 {
        font-size: 24px;
        line-height: 36px;
    }

    .welcome-spartan.tablate {
        display: block;
    }

    .logo-area img {
        width: 160px;
    }

    .wrapper-welcome h4 {
        font-size: 40px;
        line-height: 60px;
        font-weight: 300;
    }

    .wrapper-welcome h4 span {
        font-weight: 600;
    }

    .wrapper-welcome p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
    }

    .login-form {
        padding: 40px 32px !important;
        background-color: #121212;
        border: solid 1px #202020;
        border-radius: 20px;
        max-width: 446px;
        margin: 0 auto;
    }

    .login-form .form-label {
        font-size: 14px;
        line-height: 21px;
    }

    .login-form .form-control {
        padding: 16px 12px;
        border: solid 1px #202020;
        background-color: #1B1B1B;
        font-size: 14px;
        line-height: 21px;
        width: 366px;
        height: 48px;
    }

    .login-form h4 {
        font-size: 24px;
        color: #F9F9F9;
        font-weight: 600;
        line-height: 36px;
        padding-bottom: 50px;
        display: block;
    }

    .password-screens {
        padding: 0;
    }

    .welcome-alex {
        background: #121212;
        padding: 40px 32px 70px !important;
        border-radius: 20px;
        max-width: 446px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        border: solid 1px #202020;
        margin: 0 auto;
        width: 100%;
    }

    .password-screens .form-control {
        background-color: #1B1B1B;
        border: solid 1px #202020;
        /* max-width: 366px; */
        margin: 0 auto;
        height: 48px;
        width: 100%;
    }

    .password-screens .login-box .form-control {
        height: 56px;
    }

    .password-screens .form-label {
        padding-left: 0px;
    }

    .header-area {
        padding: 24px 40px 0 40px;
    }

    .back-cta {
        width: 64px;
        height: 64px;
        padding: 8px 12px;
    }

    .back-cta svg {
        width: 32px;
        height: 32px;
        margin-left: -4px;
    }

    .header-area img {
        width: 160px;
    }

    .welcome-spartan {
        padding: 32px 0;
    }

    .create-account {
        padding: 0;
        background-color: transparent;
    }

    .otp-area {
        padding: 0px 0px 20px;
    }

    .password-screen .form-control {
        border: solid 1px #202020;
        background-color: #1B1B1B;
        width: 100%;
        height: 48px;
    }

    .welcome-spartan.mobile {
        display: none;
    }

    .title-pass {
        padding: 20px 0 50px;
        font-size: 24px;
    }

    .password-set-screen svg {
        margin: 32px 0;
    }

    .edit {
        padding: 2px;
    }

    .next-step {
        background-color: transparent;
        padding-bottom: 0;
        max-width: 280px;
        margin: 0 auto;
        padding: 0;
    }

    .flex-progress {
        padding: 0 16px;
    }

    .next-step .btn.disabled,
    .next-step .btn:disabled,
    fieldset:disabled .next-step {
        background-color: #252525;
        color: #858585;
    }

    .welcome-alex.welcome-set {
        height: 724px;
    }

    .fill-option {
        background-color: transparent;
    }

    .fill-option {
        padding: 48px 0px 40px;
    }

    .lets-get-start .welcome-alex {
        padding: 40px 32px 40px !important;
    }

    .welcome-alex.go-work {
        padding: 65px 32px !important;
    }

    .get-login-bg {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .get-login h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .get-login p {
        font-size: 12px;
        line-height: 18px;
        max-width: 250px;
    }

    #step1 .welcome-alex,
    #step2 .welcome-alex,
    #step3 .welcome-alex {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        padding: 40px 32px !important;
        margin: 0;
    }

    .input-step {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #121212;
        padding: 40px 8px;
        max-width: 446px;
        border-radius: 20px;
        border: solid 1px #202020;
    }

    .input-step p {
        margin-bottom: 48px;
    }

    .input-step .next-step {
        margin: 90px auto 0;
    }

    .input-box .form-control {
        margin: 16px 0 0 !important;
    }

    /* New-verify-screen  */
    .verify-password h4 {
        font-size: 24px;
        line-height: 36px;
        font-weight: 400;
        color: #C4C4C4;
        padding: 0 0 10px 0;
    }

    .verify-password {
        background-color: #1B1B1B;
        padding: 32px;
        border-radius: 16px;
    }

    .verify-password a {
        font-size: 32px;
        color: #F9F9F9;
        font-weight: 500;
        line-height: 48px;
    }

    .verfy-account {
        padding: 32px 0;
    }

}


@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
    .get-login h4 {
        font-size: 24px;
        line-height: 36px;
    }

    .get-login p {
        font-size: 12px;
        line-height: 18px;
        max-width: 250px;
    }

    .welcome-spartan.tablate {
        display: block;
    }

    .logo-area img {
        width: 160px;
    }

    .wrapper-welcome h4 {
        font-size: 40px;
        line-height: 60px;
        font-weight: 300;
    }

    .wrapper-welcome h4 span {
        font-weight: 600;
    }

    .wrapper-welcome p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
    }

    .login-form {
        padding: 40px 32px !important;
        background-color: #121212;
        border: solid 1px #202020;
        border-radius: 20px;
        max-width: 446px;
        margin: 0 auto;
    }

    .login-form .form-label {
        font-size: 14px;
        line-height: 21px;
    }

    .login-form .form-control {
        padding: 16px 12px;
        border: solid 1px #202020;
        background-color: #1B1B1B;
        font-size: 14px;
        line-height: 21px;
    }

    .login-form h4 {
        font-size: 24px;
        color: #F9F9F9;
        font-weight: 600;
        line-height: 36px;
        padding-bottom: 50px;
        display: block;
    }

    .password-screens {
        padding: 0;
    }

    .welcome-alex {
        background: #121212;
        padding: 40px 32px 70px !important;
        border-radius: 20px;
        max-width: 446px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        border: solid 1px #202020;
        margin: 0 auto;
        width: 100%;
    }

    .password-screens .form-control {
        background-color: #1B1B1B;
        border: solid 1px #202020;
    }

    .header-area {
        padding: 24px 40px 0 40px;
    }

    .back-cta {
        width: 64px;
        height: 64px;
    }

    .header-area img {
        width: 160px;
    }

    .welcome-spartan {
        padding: 30px 0 40px;
    }

    .create-account {
        padding: 0;
        background-color: transparent;
    }

    .otp-area {
        padding: 20px 0px 15px;
    }

    .password-screen .form-control {
        border: solid 1px #202020;
        background-color: #1B1B1B;
    }

    .welcome-spartan.mobile {
        display: none;
    }

    .title-pass {
        padding: 20px 0 50px;
    }

    .password-set-screen svg {
        margin: 32px 0;
    }

    .edit {
        padding: 2px;
    }

    .next-step {
        background-color: transparent;
        padding-bottom: 0;
    }

    .next-step .btn.disabled,
    .next-step .btn:disabled,
    fieldset:disabled .next-step {
        background-color: #252525;
        color: #858585;
    }

    .fill-option {
        background-color: transparent;
    }

    .fill-option {
        padding: 30px 0px 30px;
    }

    .lets-get-start .welcome-alex {
        padding: 40px 32px 40px !important;
    }

    .welcome-alex.go-work {
        padding: 65px 32px !important;
    }

    .get-login-bg {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .get-login-bg {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .welcome-alex.go-work {
        position: inherit;
        transform: none;
        margin-bottom: 30px;
    }

    .input-step {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #121212;
        padding: 40px 8px;
        max-width: 446px;
        border-radius: 20px;
        border: solid 1px #202020;
    }

    .input-step p {
        margin-bottom: 48px;
    }

    .input-step .next-step {
        margin: 40px auto 0;
    }

    .input-box .form-control {
        margin: 16px 0 0 !important;
    }

    .next-step {
        background-color: transparent;
        padding: 0;
        max-width: 280px;
    }

    .flex-progress {
        margin-bottom: 20px;
        padding: 0 16px;
    }
}