body {
    overflow-x: hidden;
}

h5 {
    font-size: 1.5em;
}

/* Style for Hubb Logo on Register Phase */
#hubbRegisterLogo {
    max-width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Register Container Style */
.section-register {
    /* margin-top: 32px !important; */
}

/* Wrapper Register Card Style */
.register-wrapper {
    margin-top: 64px;
    background-color: #fff;
    padding: 32px 32px;
    border-radius: 16px;
}

/* Register Title Style */
.section-register div h4,
.section-register h4 {
    font-size: 2em;
    color: #434040;
}

/* Input Type Margin Top exclude First Item */
.input-field:not(:first-child) {
    margin-top: 1em;
}

/* Form Checkbox Style */
.form-check {
    padding-left: unset !important;
    margin-bottom: 1em;
}

/* Terms and Condition Syle */
#tnc {
    width: unset !important;
}

/* Avatar or Media Upload */
.register-form-logo .avatar-upload {
    max-width: unset !important;
    margin: unset !important;
    margin-bottom: unset !important;
    margin-top: 2em !important;
}


/* Media Query on Large Desktop */
@media only screen and (min-device-width: 1601px) {

    /* Container Max Width */
    .container {
        max-width: 960px;
    }

    /* Avatar or Media Upload */
    .register-form-logo .avatar-upload {
        max-width: unset !important;
        margin: unset !important;
        margin-bottom: unset !important;
        margin-top: 2em !important;
    }

    /* Register Title Style */
    .section-register div h4,
    .section-register h4 {
        font-size: 5em;
        line-height: 1.1em;
    }

    /* Style for Dynamic Content */
    #dynamic-content {
        margin-top: 32px;
    }

    /* Wrapper Register Card Style */
    .register-wrapper {
        margin-bottom: 16px;
    }
}

/* Media Query on Medium or Standard Desktop */
@media only screen and (min-device-width: 768px) and (max-device-width: 1600px) {

    /* Container Max Width */
    .container {
        max-width: 720px;
    }

    /* Avatar or Media Upload */
    .register-form-logo .avatar-upload {
        max-width: unset !important;
        margin: unset !important;
        margin-bottom: unset !important;
        margin-top: 2em !important;
    }

    /* Register Title Style */
    .section-register div h4,
    .section-register h4 {
        font-size: 4em;
    }

    /* Style for Dynamic Content */
    #dynamic-content {
        height: 100%;
    }

    /* Wrapper Register Card Style */
    .register-wrapper {
        margin-bottom: 16px;
    }
}

/* Media Query on Small Device (Mobile) */
@media only screen and (max-device-width: 767px) {
    .container {
        max-width: 90%;
    }

    /* Style for Hubb Logo on Register Phase */
    #hubbRegisterLogo {
        max-width: 40%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Register Container Style */
    .section-register {
        margin-bottom: 16px !important;
    }

    /* Wrapper Register Card Style */
    .register-wrapper {
        margin-top: 32px;
        background-color: #fff;
        padding: 16px;
        border-radius: 8px;
        margin-bottom: 16px;
    }


}