/** Body Container */
.body-container {
    min-height: 736px;
}

/** Content container */
.content-container {
    max-width: 640px;
}

/** Logo */

/** Content Container */

/** Logo Container */

/** Form Container */
.container.form-container, .container.payment-container {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 2.4rem;
    margin: 2rem auto;
    max-width: 900px;
    box-shadow: var(--card-shadow);
}

@media (max-width: 576px) {
    .container.form-container, .container.payment-container {
        padding: 1.5rem;
        margin: 1rem;
    }
}

/** Form */
/** Meter number prefix */
span#meter_number_perfix {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/** Meter number */
input#meter_number {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/** Calling code */
div#calling_code_wrapper {
    width: 96px;
}

select#calling_code, select#mobile_calling_code, select#card_calling_code {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/*** Phone */
input#phone, input#mobile_phone, input#card_phone {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/** Form Button Container */
.form-container .form .btn-container {
    margin-top: 32px !important;
}

/** Button */
.btn {
    text-transform: uppercase;
}