.elementor-1423 .elementor-element.elementor-element-8d7162e{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1423 .elementor-element.elementor-element-689a408{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09);--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1423 .elementor-element.elementor-element-0cd8d1d{text-align:start;}.elementor-1423 .elementor-element.elementor-element-0cd8d1d .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1423 .elementor-element.elementor-element-1c4314f{text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:var( --e-global-color-primary );}.elementor-1423 .elementor-element.elementor-element-8a2522a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1423 .elementor-element.elementor-element-f2a4c2f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1423 .elementor-element.elementor-element-f2a4c2f.elementor-element{--align-self:flex-start;}.woocommerce .elementor-1423 .elementor-element.elementor-element-f2a4c2f .price{color:var( --e-global-color-primary );font-family:"Source Sans Pro", Sans-serif;font-weight:500;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1423 .elementor-element.elementor-element-92fc430.elementor-element{--align-self:flex-end;}.elementor-1423 .elementor-element.elementor-element-92fc430 .cart button, .elementor-1423 .elementor-element.elementor-element-92fc430 .cart .button{font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;border-style:solid;border-width:0px 0px 1px 0px;padding:10px 30px 10px 40px;color:#FFFFFF;background-color:#D35561;transition:all 0.2s;}.elementor-1423 .elementor-element.elementor-element-92fc430 .quantity .qty{font-family:"Questrial", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:4px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:10px 0px 10px 15px;color:#29332F;background-color:#FFFFFF;border-color:#DADADA;transition:all 0.2s;}.woocommerce .elementor-1423 .elementor-element.elementor-element-92fc430 form.cart table.variations label{color:#000000;}.woocommerce .elementor-1423 .elementor-element.elementor-element-92fc430 form.cart table.variations td.value select{color:#000000;}@media(min-width:768px){.elementor-1423 .elementor-element.elementor-element-8d7162e{--content-width:768px;}}@media(max-width:1024px){.elementor-1423 .elementor-element.elementor-element-8d7162e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1423 .elementor-element.elementor-element-1c4314f{font-size:16px;}.elementor-1423 .elementor-element.elementor-element-8a2522a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1423 .elementor-element.elementor-element-f2a4c2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1423 .elementor-element.elementor-element-92fc430 .cart button, .elementor-1423 .elementor-element.elementor-element-92fc430 .cart .button{font-size:14px;}.elementor-1423 .elementor-element.elementor-element-92fc430 .quantity .qty{font-size:14px;}}@media(max-width:767px){.elementor-1423 .elementor-element.elementor-element-8d7162e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1423 .elementor-element.elementor-element-689a408{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1423 .elementor-element.elementor-element-1c4314f{font-size:16px;line-height:26px;}.elementor-1423 .elementor-element.elementor-element-8a2522a{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1423 .elementor-element.elementor-element-f2a4c2f.elementor-element{--align-self:flex-start;}.elementor-1423 .elementor-element.elementor-element-92fc430{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1423 .elementor-element.elementor-element-92fc430 .cart button, .elementor-1423 .elementor-element.elementor-element-92fc430 .cart .button{letter-spacing:2px;}.elementor-1423 .elementor-element.elementor-element-92fc430 .quantity .qty{letter-spacing:2px;}}/* Start custom CSS for woocommerce-product-price, class: .elementor-element-f2a4c2f */.elementor-1423 .elementor-element.elementor-element-f2a4c2f bdi,
.elementor-1423 .elementor-element.elementor-element-f2a4c2f .woocommerce-Price-amount {
    font-size: 26px;
}
.elementor-1423 .elementor-element.elementor-element-f2a4c2f .subscription-details {
   
}
.elementor-1423 .elementor-element.elementor-element-f2a4c2f .price span.amount{
    width: 100%;
    display: inline-block
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-92fc430 */.step-1, .step-2 {
    padding: 0px !important;


}
.wapf-section {
    /* border: blue; */
    border-bottom: 1px solid #eaeaea!important;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .step-1, .step-2 {
        padding: 20px !important;
    }
    .quantity-wrapper {
        display: grid !important;
        text-align: center !important;
        grid-template-columns: 1fr 3fr 1fr !important;
        gap: 10px !important;
    }
    .quantity-wrapper::before {
        display: block !important;
        margin: 0px !important;
        margin-bottom: 10px !important;
        font-size: 16px !important;
        position: absolute !important;
        top: -30px;
        text-align: center;
        width: 100% !important;
        
        
    }
    .elementor-1423 .elementor-element.elementor-element-92fc430 .input-text.qty.text {
        order: 2 !important;
        width: 100% !important;
    }
    .elementor-1423 .elementor-element.elementor-element-92fc430 .qty-btn.qty-decrease {
        order: 1 !important;
    }
    .elementor-1423 .elementor-element.elementor-element-92fc430 .qty-btn.qty-increase {
         order: 3 !important;
    }
    .quantity {
        width: 100% !important;
    }
    .woocommerce-billing-fields,
    form.checkout_coupon.woocommerce-form-coupon{
        padding: 0px !important;
        border: none !important;
    }
    .woocommerce form .form-row-first, .woocommerce-page form .form-row-first,
    .checkout_coupon p.form-row.form-row-last,
    .checkout_coupon button.button,
    .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
        width: 100% !important;
    }
    .elementor-1423 .elementor-element.elementor-element-f2a4c2f bdi, .elementor-1423 .elementor-element.elementor-element-f2a4c2f .woocommerce-Price-amount {
        font-size: 20px;
        line-height: 30px;
    }
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        margin-bottom: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-759fa6d */.opc_cart_item .qty {
    display: none;
}
.single_add_to_cart_button {
    display: none !important;
}
.woocommerce-message {
    display: none !important;
}
.quantity-wrapper::before {
    content: 'Quantity';
    margin-right: 20px;
    font-weight: bold;
    font-size: 22px;
    
}
.quantity-wrapper button {
    margin: 0px !important;
     padding: 20px !important;
     border: 1px solid #D35561;
     height: 58px
}
.quantity-wrapper .qty {
    width: 150px !important;
    padding: 20px !important;
    border: 1px solid #D35561 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d7162e */.order-total
{
  visibility: hidden;
  display: none;
}

/*#billing_company_field*/
/*{*/
/*  visibility: hidden;*/
/*  display: none;*/
/*}*/

#billing_company_type_field
{
  visibility: hidden;
  display: none;
}
/*#billing_current_position_field*/
/*{*/
/*  visibility: hidden;*/
/*  display: none;*/
/*}*/

/* Common Colors */
:root {
    --primary-color: #222222;
    --primary-color-light: #222222;
    --background-color: #f7f8fa;
    --text-color: #222222;
}

/*******GLOBAL STRUCTURAL LAYOUT*******/

.woocommerce {
    display: flex;
    flex-direction: column;
}

/* WooCommerce Layout Structure */
@media (min-width: 980px) {
    /* Billing Details Side */
    .woocommerce-checkout .woocommerce .col2-set,
    .woocommerce-checkout .woocommerce-page .col2-set {
        float: left;
        width: 55%;
    }
    /* Order Review Side */
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout .woocommerce #order_review,
    .woocommerce-checkout .woocommerce-page #order_review {
        float: left;
        width: 43%;
        margin-left: 2%;
    }
}

@media (max-width: 979px) {
    /* Billing Details Margin */
    .woocommerce-checkout .woocommerce .col2-set,
    .woocommerce-checkout .woocommerce-page .col2-set {
        margin-bottom: 2em;
    }
}

/*******LEFT SIDE DESIGN*******/

/* Form Container Styles */
.woocommerce-checkout .woocommerce .col2-set,
.woocommerce-checkout .woocommerce-page .col2-set {
    background: white;
    padding: 1em 2em;
    border-radius: 1em;
    border: 1px solid #e4e4e4;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
}

/* Form Field Title Styles */
label,
input,
button,
select,
textarea {
    font-size: 18px;
    line-height: 1.7;
    text-transform: uppercase !important;
    font-weight: 500;
    color: var(--text-color);
    margin-bottom: 0.5em;
}

/* Form Field Styles */
input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: white;
    height: 4em;
}

.woocommerce-account form .form-row,
.woocommerce-checkout form .form-row {
    margin-bottom: 1em;
}

/* Form Field Dropdown Styles */
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    height: 4em;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 4em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: 1px;
    right: 5px;
    width: 25px;
}

.woocommerce-account form .payment_methods label,
.woocommerce-checkout form .payment_methods label {
    padding-left: 0px;
}

/* Form Field Focus Color Style */
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
    border-color: var(--primary-color) !important;
    box-shadow: none;
    outline: 0;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
    top: 0px;
}

/*******RIGHT SIDE DESIGN*******/

/* Order Review Headline Removal */
h3#order_review_heading {
    display: none; /*Remove This if You Want The Order Review Heading*/
}

/* Order Review Container Styles */
div#order_review {
    background: white;
    padding: 2em;
    border-radius: 1em;
    box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.1);
    position: sticky; /*Remove This if You Don't Want Order Review To Be Sticky*/
    top: 100px; /*Remove This if You Don't Want Order Review To Be Sticky*/
}
/*Order Review Order*/

div#order_review {
    display: flex;
    flex-direction: column; /*Change this to column-reverse to reverse the order*/
}

/*Hide Cart Contents and Only Show Total + Shipping*/

.woocommerce-checkout-review-order tbody {
  display: table-row-group; /*Set to "none" if you'd like to hide */
}

/* Remove Product and Subtotal Headlines */
table.shop_table.woocommerce-checkout-review-order-table thead {
    display: none; /*Remove This if You Want Headlines*/
}

table.shop_table.woocommerce-checkout-review-order-table {
    color: var(--text-color);
    text-transform: Capitalize;
    font-size: 14px; /*Adjust This To Adjust Order Review Font Size*/
}

.woocommerce table.shop_table {
  border: none;
}

/* Target every other cart item and set background color */
tr.cart_item:nth-child(odd) {
    background-color: #f7f8fa !important;
}

tr.cart_item:nth-child(even) {
    background-color: white !important;
}

span.woocommerce-Price-amount.amount {
    font-weight: bold;
}


strong.product-quantity {
    background: var(--primary-color-light);
    padding: 0.1em 0.5em;
    border-radius: 0.5em;
    font-size: 12px;
}

.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: normal;
  	color: var(--text-color);
}

td.product-name {
    width: 100%;
    font-weight: bold;
}

td.product-total {
    justify-content: flex-start;
    display: flex;
}

table th,
table td {
    border: none !important;
}

tr.cart-subtotal {
    display: none; /*Remove this if you'd like to display the subtotal*/
}

tr.woocommerce-shipping-totals.shipping {
    display: flex;
    margin-top: 2em;
    margin-bottom: 2em;
    border-top: 1px solid var(--primary-color-light);
    border-bottom: 1px solid var(--primary-color-light);
    flex-direction: column;
    align-content: stretch;
    align-items: flex-start;
}

.woocommerce ul#shipping_method li input {
    margin: 5px 5px 0 0;
    vertical-align: top;
}

/* Order Total Line Item Styles */
tr.order-total {
    color: var(--primary-color);
    background-color: var(--primary-color-light);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: var(--background-color);
    border-radius: 5px;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background-color: var(----primary-color);
    color: black;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

/* Stripe Form Field Styles */
.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px;
}

input#wc-stripe-new-payment-method {
    margin-right: 1em;
}

fieldset#wc-authnet-cc-form .input-text {
    height: 2em;
}

/* Place Order Button Styles */
#place_order {
    width: 100%;
    color: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px 0px;
    padding: 1.5em;
    background: var(--primary-color); /* Change This to Change Button Color */
}

#place_order:hover {
    color: rgba(255, 255, 255, 0.5);
}

/*******COUPON & ALERT STYLES*******/

.woocommerce-info,
.woocommerce-message {
    background-color: var(--background-color);
    color: var(--text-color);
    border: none;
}

.checkout_coupon p.form-row.form-row-last {
    float: none;
}

.checkout_coupon button.button {
    background-color: var(--primary-color);
    color: white;
}

/* Coupon Icon */
.woocommerce-info::before,
.woocommerce-error::before {
    display: none;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 1em;
}

form.checkout_coupon.woocommerce-form-coupon {
    padding: 3em;
    background: white;
    border-radius: 1em;
    margin-top: 0em;
    margin-bottom: 2em;
}

/* Error Alert */
.woocommerce-error {
    background-color: #ff7e7e;
    border: none;
    color: #761f1f;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    text-shadow: none;
}

#order_comments_field
{
    visibility: hidden;
    display: none;
}
.woocommerce-additional-fields
{
    visibility: hidden;
    display: none;
}
.woocommerce-billing-fields
{
    margin-bottom: 20px;
}
















/*******NEW CSS*******/




/* Basic styling for the Google Pay button */
button#gpay-button-online-api-id {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* Ensures button takes full width of its container */
    padding: 16px 32px; /* Add more padding for better spacing */
    background-color: #D35561; /* Google Pay color custom */
    color: white;
    font-size: 18px; /* Slightly larger font size */
    border: none;
    border-radius: 1px; /* Rounded corners for a smoother appearance */
    cursor: pointer;
    text-align: right; /* Ensure text is centered */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
    min-width: 200px; /* Prevents the button from shrinking too small */
    height: auto; /* Ensure height adapts to content */
    }
    ul.wc_stripe_product_payment_methods {
    margin-top: -52px !important;
    }
    tr.cart_item:nth-child(odd) {
    background-color: #f7f8fa !important;
    }
    input#quantity_672adc61dae35 {
    height: 2em;
    }
   .woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    height: 2em;
   }
   bdi {
    font-size: 18px;
    }
    td.product-total {
    padding: 20px !important;
    }
    .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #000000;
    font-size: 1.25em;
    font-weight: 700;
    }
    .product-details {
    font-size: 16px;
    }
}

/* Hover effect for button */
button#gpay-button-online-api-id:hover {
    background-color: #357ae8; /* Slightly darker color on hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}








@media (max-width: 767px) {
    .wapf-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .wapf-field-container.wapf-required.has-parent-repeat.has-width {
    width: 100% !important;
    }
    .wapf-field-container.wapf-field-email.field-672a44e53bd9d.has-parent-repeat.has-width {
    width: 100% !important;
    }
    .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    }
    p#billing_first_name_field {
    width: 100%;
    }
    p#billing_last_name_field {
    width: 100% !important;
    }
    .woocommerce-billing-fields {
    padding: 10px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    }
   /* Form Field Title Styles */
label,
input,
button,
select,
textarea {
    font-size: 14px;
    line-height: 1.7;
    text-transform: uppercase !important;
    font-weight: 500;
    color: var(--text-color);
    margin-bottom: 0.5em;
    }
    ul.wc_stripe_product_payment_methods {
        margin-top: 0 !important; /* Remove the negative margin */
        padding: 0; /* Remove any unnecessary padding */
        display: flex; /* Make the list a flex container */
        justify-content: flex-start; /* Align the items to the left */
        width: 100%; /* Ensure it uses full width */
    }

    /* Align the entire list to the right using margin-left: auto */
    ul.wc_stripe_product_payment_methods li {
        margin-left: auto; /* Push the item to the right */
        margin-right: 0; /* Remove any right margin */
    }
    :is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart).elementor-add-to-cart--align-right[class*="--layout-auto"] .e-atc-qty-button-holder, :is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart).elementor-add-to-cart--align-right[class*="--layout-stacked"] .e-atc-qty-button-holder {
    justify-content: flex-start;
    text-align: right;
    }
     td.product-total {
    padding: 25px !important;
    }
   woocommerce .quantity {
        display: flex;
        justify-content: flex-start;
    }

    .woocommerce .quantity .qty {
        order: -1; /* Moves the quantity input to the left */
    }
}

.membership-text {
    text-align: center;
    font-size: 20px !important;
    font-weight: bold;
    padding: 5px !important;
    background: none !important;
    border: none !important;
    margin-bottom: 0px !important;
}


.cclw_opc_main.checkout-three-column-layout {
  display: flex;
  flex-direction: column !important;
  gap: 20px; /* jarak antar elemen */
}

/* Setiap kolom di dalamnya */
.cclw_opc_main.checkout-three-column-layout > div {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS */.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: block !important;
    width: 100%;
    margin-top: 20px !important;
}
body .woocommerce #payment #place_order,
body .woocommerce-page #payment #place_order {
    display: block !important;
    width: 100%;
    margin-top: 20px !important;
}/* End custom CSS */