html{
    font-size: 1rem;
}
:root{
    --default-color: #0c3450;
}
@media only screen and (max-width : 1023px) {

    /* Quiz UI mobile for make quiz */

    #mobile_cprquiz h2 {
        margin-bottom: 18px;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Arial";
        font-weight: bold;
        color: #0B5582;
    }
    #mobile_cprquiz p {
        margin-bottom: 18px;
        font-size: 15px;
        font-family: "Arial";
        font-weight: normal;
    }
    #mobile_cprquiz h3 {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: bold;
        color: #333;
    }

    #mobile_cprquiz .mobile_answer_block {
        border: 1px solid #ccc!important;
        padding: 7px 9px;
        border-radius: 5px;
        text-align: left;
        margin-bottom: 12px;
    }
    #mobile_cprquiz .mobile_button_block {
        border: 1px solid #ccc!important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 30px;
        background-color: #396b9e;
    }
    #mobile_cprquiz .mobile_button_block .mobile_btn {
        color: #ffffff;
    }

    /* Quiz UI mobile for quiz result */

    #mobile_cprquiz_result h2 {
        margin-bottom: 18px;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Arial";
        font-weight: bold;
        color: #0B5582;
    }
    #mobile_cprquiz_result p {
        margin-bottom: 18px;
        font-size: 15px;
        font-family: "Arial";
        font-weight: normal;
    }
    #mobile_cprquiz_result h3 {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: bold;
        color: #333;
    }

    #mobile_cprquiz_result .mobile_answer_block {
        border: 1px solid #ccc!important;
        padding: 7px 9px;
        border-radius: 5px;
        text-align: left;
        margin-bottom: 12px;
    }

    #mobile_cprquiz_result .mobile_answer_block label {
        float: none;
        font-weight: normal;
        color: #777575;;
        margin-bottom: 0px;
        font-size: 15px;
        font-family: 'Arial';
        width: unset;
    }

    #mobile_cprquiz_result .mobile_button_block {
        border: 1px solid #ccc!important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 14px;
        margin-bottom: 28px;
        background-color: #396b9e;
    }
    #mobile_cprquiz_result .mobile_button_block .mobile_btn {
        color: #ffffff;
    }
    #mobile_cprquiz_result table {
        width: 100%;
    }

    /* payment UI for mobile */

    #mobile_payment h2, .register-container.mobile h2{
        margin-bottom: 18px;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Arial";
        font-weight: bold;
        color: #0B5582;
    }
    .register-container.mobile h1 {
        padding-bottom: 18px;
        padding-top: 24px;
        font-size: 20px;
        font-family: "Arial";
        font-weight: bold;
        color: #0B5582;
    }
    #mobile_payment p {
        margin-bottom: 18px;
        font-size: 15px;
        font-family: "Arial";
        font-weight: normal;
    }
    #mobile_payment h3 {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: bold;
        color: #333;
    }

    #mobile_payment #mobile_cc_info {
        border: 0px;
        display: table;
    }

    #mobile_payment #mobile_cc_info .mobile_table_body {
        /* border: 1px solid #cccccc; */
        border-radius: 6px;
    }

    #mobile_payment #mobile_cc_info .mobile_table_body input {
        width: 100%;
    }

    #mobile_payment #mobile_cc_info .mobile_col {
        width: 48.5%;
        display: block;
        float: left;
    }

    #mobile_payment #mobile_cc_info .mobile_col:last-child {
        padding-left: 8px;
    }

    #mobile_payment #mobile_cc_info .mobile_row, .register-container.mobile .mobile_row {
        width: 100%;
        display: block;
    }

    #mobile_payment #mobile_sameasbilling_block {
        height: 30px;
        position: relative;
        margin: 6px 0px;
    }

    #mobile_payment #mobile_sameasbilling_block .ui-checkbox {
        position: absolute;
        top: 8px;
    }

    #mobile_payment #mobile_sameasbilling_block label {
        float: none;
        width: auto;
        position: absolute;
        top: 8px;
        left: 35px;
    }

    #mobile_payment .mobile_fullname {
        width: 100%;
        display: table;
    }

    #mobile_payment .mobile_fullname .ui-input-text {
        float: left;
    }

    #mobile_payment table {
        width: 100%;
    }

    #mobile_payment .mobile_button_block {
        border: 1px solid #ccc!important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 30px;
        background-color: #396b9e;
    }

    #mobile_payment .mobile_button_block .mobile_btn {
        color: #ffffff;
    }

    /* welcome wizard UI for mobile*/

    .mobile-container-white .wizard {
        margin: 4px 0px 22px 0px;
        background: #fff;
    }

    .mobile-container-white .wizard .nav-tabs {
        position: relative;
        margin: 5px auto;
        margin-bottom: 0;
        border-bottom: unset;
        width: 100%;
    }

    .mobile-container-white .wizard>div.wizard-inner {
        position: relative;
        /* width: 50%; */
        /* left: 86px; */
    }

    .mobile-container-white .wizard .nav li {
        border-right: unset;
        padding: 10px 13px 18px 14px;

    }

    .mobile-container-white .wizard .connecting-line-st1 {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 33%;
        margin: 0 auto;
        left: 16%;
        top: 42px;
        border: 1px #ccc;
        z-index: 1;
    }

    .mobile-container-white .wizard .connecting-line-st2 {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 33%;
        margin: 0 auto;
        left: 51%;
        top: 42px;
        border: 1px #ccc;
        z-index: 1;
    }

    .mobile-container-white .wizard .nav-tabs>li.active>a,
    .mobile-container-white .wizard .nav-tabs>li.active>a:hover,
    .mobile-container-white .wizard .nav-tabs>li.active>a:focus {
        color: #555555;
        cursor: default;
        border: 0;
        border-bottom-color: transparent;
    }

    .mobile-container-white .wizard span.round-tab {
        width: 37px;
        height: 37px;
        line-height: 37px;
        border-radius: 100px;
        background: #fff;
        border: 2px solid #e0e0e0;
        z-index: 2;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile-container-white .wizard span.round-tab i {
        color: #555555;
        font-size: 22px;
        top: 0px;
    }

    .mobile-container-white .wizard li.active span.round-tab {
        background: #fff;
        border: 1px solid #396b9e;

    }

    .mobile-container-white .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

    .mobile-container-white .wizard span.round-tab:hover {
        color: #333;
        border: 2px solid #333;
    }

    .mobile-container-white .wizard .nav-tabs>li {
        width: 33.33%;
    }


    .mobile-container-white .wizard .nav-tabs>li a {
        width: 37px;
        height: 37px;
        margin: 5px auto;
        border-radius: 100%;
        padding: 0;
    }

    .mobile-container-white .wizard .nav-tabs>li p {
        text-align: center;
        font-family: 'Arial';
        font-size: 15px;
    }

    .mobile-container-white .wizard .nav-tabs>li a:hover {
        background: transparent;
    }

    .mobile-container-white .wizard .tab-pane {
        position: relative;
        padding-top: 30px;
    }

    .mobile-container-white .wizard h3 {
        margin-top: 0;
    }

    .mobile-container-white .wizard h3 {
        font-size: 16px;
        font-family: arial;
        font-weight: bold;
        color: #0B5582;
        max-width: 650px;
        padding: 5px 0 15px;
    }

    .mobile-container-white .wizard .button_block {
        border: 1px solid #ccc !important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 10px;
        background-color: #396b9e;
    }

    .mobile-container-white .wizard .button_block .desktop_btn {
        color: #ffffff;
        text-decoration: none;
    }

    .mobile-container-white .wizard .wizard_step_col {
        width: 100%;
    }

    .mobile-container-white .wizard .wizard_step_block {
        padding: 2px 6px 9px 6px;
        background-color: #eeeeee;
        border-radius: 6px;
        margin-bottom: 8px;
    }

    .mobile-container-white .wizard .wizard_image img {
        width: 100%;
    }

    /* others UI */
    .mobile-container-white .mobile_button_block {
        border: 1px solid #ccc!important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 24px;
        background-color: #396b9e;
    }
    .mobile-container-white .mobile_button_block .mobile_btn {
        color: #ffffff;
    }

    .mobile-container-white h2 {
        margin-bottom: 18px;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Arial";
        font-weight: bold;
        color: #0B5582;
    }
    .mobile-container-white p {
        margin-bottom: 4px;
        font-size: 15px;
        font-family: "Arial";
        font-weight: normal;
    }
    .mobile-container-white h3 {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: bold;
        color: #333;
    }

    .mobile-container-white .mobile_button_block {
        border: 1px solid #ccc!important;
        padding: 7px 5px;
        border-radius: 5px;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 30px;
        background-color: #396b9e;
    }
    .mobile-container-white .mobile_button_block .mobile_btn {
        color: #ffffff;
    }

}
@media (max-width: 375px) {
    div#mobile_next_btn {
        width: auto !important;
    }

}
.center{
    text-align: center;
}
.black{
    color: #333333;
}
.bold{
    font-weight: bold;
}
.underline{
    text-decoration: underline !important;
}
.input_border:focus{
    border: 1px solid #b41e1a;
    background: transparent;
}
.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}