.register-box {
    position: relative;
    width: 75%;
    min-height: 600px;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    margin: 5% auto;
    z-index: 10000;
    text-align: center;
    align-content: center;
}

    .register-box input {
        width: 100%;
        padding: 10px;
        margin: 8px 0;
    }

    .register-box button {
        width: 50%;
        padding: 10px;
        margin-top: 10px;
        cursor: pointer;
    }

    .register-box table tr td {
        text-align: left;
    }

.register-box,
.ec-wrap {
    background: #ffe3e3;
    border-radius: 20px;
}

/* === BeTheme mobile responsiveness === */
@media (max-width: 767px) {

    .ec-wrap {
        flex-direction: column;
    }

    .register-box,
    .progress-container {
        width: 100%;
        max-width: 100%;
    }

    .checkout-wrapper {
        flex-direction: column;
    }

    .ec-wrap,
    .emd-container {
        flex-direction: column;
    }

    /* Main register box */
    .register-box {
        width: 100%;
        max-width: 100%;
        margin: 40px auto;
        padding: 20px 16px;
        border-radius: 16px;
        box-sizing: border-box;
    }

        /* Form layout: force single column */
        .register-box table,
        .register-box table tr,
        .register-box table td {
            display: block;
            width: 100%;
        }

            .register-box table td {
                margin-bottom: 16px;
            }

        /* Inputs */
        .register-box input,
        .register-box select {
            width: 100%;
            font-size: 16px; /* prevents iOS zoom */
            padding: 12px;
            box-sizing: border-box;
        }

        /* Buttons */
        .register-box button {
            width: 100%;
            padding: 14px;
            font-size: 16px;
        }



    /* Hide scrollbar visually */
    .progress-container::-webkit-scrollbar {
        display: none;
    }

    .progress-container {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    /* Content spacing below steps */
    .ec-wrap,
    .emd-container {
        margin-top: 20px;
    }


    .emd-group {
        flex: 1 1 1px;
        display: flex;
        flex-direction: column;
    }
}