/* ----------------------- Checkbox ----------------------- */

.c-checkbox input[type='checkbox']:checked~label:after, .c-checkbox input[type='checkbox']:checked~.label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.c-checkbox>.c-div>label:before, .c-checkbox>.c-div>.label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: transparent;
    border: 1.9px solid #FBFBF9;
    box-sizing: border-box;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 5%);
    border-radius: 3px;
    top: 21px;
    left: 0px;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.c-checkbox input[type='checkbox'] {
    display: none;
}
.c-checkbox input[type='checkbox']~label:after, .c-checkbox input[type='checkbox']~.label:after {
    content: '✔';
    display: block;
    position: absolute;
    color: #FBFBF9 !important;
    border-radius: 0;
    border: 0;
    font-family: Poppins;
    font-size: 10px;
    text-align: center;
    line-height: 12px;
    height: 1px;
    width: 1px;
    left: 4px;
    top: 24px;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.c-checkbox {
    position: relative;
    margin-bottom: 26px;
}
.login_strong {
    color: #FBFBF9;
    margin-left: 8px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
}
.login_strong > .link_re_global {
    font-family: 'Helvetica';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #6A9E15;
    margin-bottom: 24px;
    text-decoration: none;
}






/* ----------------------- Login Page ----------------------- */

.login_section {
    background: url(../img/login_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 202px;
    padding-bottom: 120px;
}
.log_col_left {
    padding-right: 40px;
}
.log_col_right {
    padding-left: 40px;
}
.login_card {
    background-color: #063630;
    padding: 40px;
    gap: 16px;
    width: 480px;
    height: fit-content;
}
.login_card > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #FBFBF9;
    margin-bottom: 16px;
}
.login_card > p {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    color: #D0EAC2;
    padding-bottom: 16px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)) 1;
}
.login_input {
    padding: 8px 16px;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid;
    border-image: linear-gradient(to right, #5AD942, #063630) 1;
}
.login_modal_btn {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 29px;
    text-decoration: underline;
    color: #6E8FE2;
}
.c_box {
    margin-top: 8px;
}
.c_box > input {
    margin-top: 4px;
    height: 16px;
    width: 16px;
    appearance: none;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #063630;
    cursor: pointer;
}
.c_box > input:checked {
    border: 1px solid #FFFFFF;
    background-color: #fdfdfd;
}
.c_box > p {
    color: #FBFBF9;
    margin-left: 8px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    /*line-height: 29px;*/
}
.btn_main {
    color: white;
    font-size: 16px;
    font-family: 'Arial';
    letter-spacing: 0.125em;
    background: linear-gradient(90deg, #5AD942 0%, #A1CC8A 100%);
    border-radius: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 700;
}
.btn_white {
    height: calc(100% - 2px);
    color: black;
    font-size: 16px;
    font-family: 'Arial';
    letter-spacing: 0.125em;
    border: 2px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
    background: #FFFFFF;
    border-radius: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 700;
}
.btn_main:hover {
    color: white;
}
.login_modal {
    width: 591px;
    padding: 40px;
}
.login_modal > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.130em;
    text-transform: uppercase;
    color: #063630;
    text-align: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #5AD942;
    margin-bottom: 24px;
}
.login_modal > p {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #7B7979;
    margin-bottom: 40px;
}
.login_modal > .login_input {
    margin-bottom: 40px;
}
.modal_btn_col_left {
    padding-right: 4px;
}
.modal_btn_col_right {
    padding-left: 4px;
}
/* ----------------------- Forgot Password Page ----------------------- */
.update_password_section {
    background: url(../img/login_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 229px;
    padding-bottom: 158px;
}
.update_password_div {
    width: 904px;
    padding: 40px;
    gap: 24px;
    background-color: #FBFBF9;
    border: 1px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
}
.update_password_div > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #063630;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #5AD942;
}
.update_pass_lable {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 20px;
    color: #5AD942;
    line-height: 23px;
    margin-bottom: 16px;
}
/* ----------------------- More About Buisness Page ----------------------- */
.more_about_buisness_section {
    background: url(../img/login_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 202px;
    padding-bottom: 107px;
}
.more_abt_bus_div {
    width: 795px;
    padding: 40px;
    gap: 40px;
    background-color: #FBFBF9;
    border: 1px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
}
.more_abt_bus_div > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #063630;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #5AD942;
}
.more_abt_bus_div > h5 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.155em;
    text-transform: uppercase;
    color: #39A824;
    padding-bottom: 24px;
    margin-bottom: 0px;
}
.more_abt_bus_div > textarea {
    height: 128px;
    margin-bottom: 40px;
}

input[type="file"].m_a_b::before {
    content: "Upload Document";
    color: black;
}
input[type="file"].m_a_b {
    -webkit-appearance: none;
    text-align: left;
    -webkit-rtl-ordering:  left;
    color: transparent!important;
}
input[type="file"].m_a_b::-webkit-file-upload-button{
    -webkit-appearance: none;
    float: right;
    margin: 0px;
    border: none;
    background-color: transparent;
}
.c_box_mab {
    margin-top: 8px;
}
.c_box_mab > input {
    margin-top: 4px;
    height: 16px;
    width: 16px;
    appearance: none;
    border: 1px solid #063630;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: transparent;
    cursor: pointer;
}
.c_box_mab > input:checked {
    border: 1px solid #FFFFFF;
    background-color: #fdfdfd;
}
.c_box_mab > p {
    color: #000000;
    margin-left: 8px;
}
.mab_btn {
    margin-top: 24px;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #5AD942;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #5AD942;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #5AD942;
}
.thead tr ht{
	border-top:0px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #5AD942;
    border: 0px;
 }
/* ----------------------- Secure Checkout Page ----------------------- */
.secure_checkout_section {
    background: url(../img/login_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 202px;
    padding-bottom: 96px;
}

.secure_checkout_div {
    width: 896px;
    padding: 40px;
    gap: 16px;
    background-color: #FBFBF9;
    border: 1px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
}

.secure_checkout_div > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.155em;
    text-transform: uppercase;
    color: #063630;
    margin-bottom: 24px;
}
.secure_checkout_div > .row > .col-md-6 > h5 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.155em;
    text-transform: uppercase;
    color: #39A824;
    padding-bottom: 16px;
    margin-bottom: 0px;
}
.secure_checkout_div > .row {
    border-bottom: 1px solid #5AD942;
    margin: 0px;
}
.secure_checkout_div > .row > .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}
.cart_text {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #063630;
}
.total {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.155em;
    text-transform: uppercase;
    color: #39A824!important;
    margin: 0px!important;
    text-align: end;
}
.cs_div_2 {
    margin-top: 40px!important;
}
.cs_div_2 > h4 {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #5AD942;
}
.cs_div_2 > h5 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.155em;
    text-transform: uppercase;
    color: #39A824;
    margin-bottom: 0px;
}
.pad_r{
    padding-right: 12px!important;
}
.pad_l {
    padding-left: 12px!important;
}
.discount_input {
    padding: 16.5px 16px;
    gap: 8px;
    background: #D0D0D0;
    border: 1px solid #D0D0D0;
    border-radius: 0px;
}
.c_box_sc {
    margin-top: 8px;
    padding-top: 18px;
}
.c_box_sc > input {
    margin-top: 2px;
    height: 16px;
    width: 16px;
    appearance: none;
    border: 1px solid #063630;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: transparent;
    cursor: pointer;
}
.c_box_sc > input:checked {
    border: 1px solid #FFFFFF;
    background-color: #fdfdfd;
}
.c_box_sc > p {
    color: #7B7979;
    font-size: 14px;
    margin-left: 8px;
}

/* ----------------------- Transaction Success Page ----------------------- */
.transaction_success_section {
    background: url(../img/login_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 112px;
}
.transaction_complete_div, .transaction_fail_div {
    width: 519px;
    padding: 40px;
    gap: 40px;
    background-color: #FBFBF9;
    border: 1px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
}
.transaction_complete_div > h4, .transaction_fail_div > h4{
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #063630;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #5AD942;
    text-align: center;
}
.transaction_complete_div_text, .transaction_fail_div_text {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #7B7979;
    margin-bottom: 40px;
}
.trans_fail_mobo_p {
    display: none;
}

/* ----------------------- Dashboard Details Page ----------------------- */
.dashboard_details_section {
    background: url(../img/login_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 202px;
    padding-bottom: 120px;
}
.dd_tab{
    width: 904px;
}
.dashboard_detail_div {
    width: 904px;
    padding: 40px;
    gap: 40px;
    background-color: #FBFBF9;
    border: 1px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
}
.dashboard_detail_div > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #063630;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #5AD942;
}
.dashboard_tabs {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #063630;
    margin-bottom: 32px;
}
.border_div {
    height: 1px;
    background-color: #5AD942;
    margin-top: 24px;
    margin-bottom: 24px;
}

/* ----------------------- Dashboard Details Page ----------------------- */
.dashboard_history_div {
    width: 1400px;
    padding: 40px;
    gap: 24px;
    background-color: #FBFBF9;
    border: 1px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
}
.dashboard_history_div > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.155em;
    text-transform: uppercase;
    color: #063630;
    padding-bottom: 24px;
    margin-bottom: 34px;
    border-bottom: 1px solid #5AD942;
}
.order_history_table_head {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.155em;
    text-transform: uppercase;
    color: #39A824;
    margin-bottom: 0px;
}
.order_history_details {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    color: #7B7979;
    margin-top: 15px;
}
.order_history_btn_div {
    width: 240px;
}
.order_hostory_table_mobo, .doh_mobo {
    display: none;
}

/* ----------------------- Dashboard Details Page ----------------------- */
.order_summary_div {
    width: 858px;
    padding: 40px;
    gap: 40px;
    background-color: #FBFBF9;
    border: 1px solid;
    border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
}
.order_summary_div > h4 {
    font-family: 'Krungthep';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #063630;
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #5AD942;
}
.order_summary_service {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #227870;
    margin-bottom: 8px;
}

.order_summary_desc_left {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    color: #7B7979;
    margin-bottom: 8px;
}
.order_summary_desc_right {
    text-align: right;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    color: #7B7979;
    margin-bottom: 8px;
}
.order_summary_delete {
    color: #DB3B3B;
    background-color: transparent;
    border: transparent;
    font-family: 'Arial';
    font-size: 14px;

}
.order_summary_total {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: right;
    color: #227870;
    margin-top: 40px;
    margin-bottom: 40px;
}

.order_summary_div_mobo {
    display: none;
}