.elementor-7407 .elementor-element.elementor-element-0696ffe{--display:flex;--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-7407 .elementor-element.elementor-element-0696ffe:not(.elementor-motion-effects-element-type-background), .elementor-7407 .elementor-element.elementor-element-0696ffe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.elementor-7407 .elementor-element.elementor-element-c937773{--display:flex;--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;--padding-top:67px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7407 .elementor-element.elementor-element-c937773:not(.elementor-motion-effects-element-type-background), .elementor-7407 .elementor-element.elementor-element-c937773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E8F9FF 0%, #FFFFFF 100%);}.elementor-7407 .elementor-element.elementor-element-0782db4{text-align:center;}.elementor-7407 .elementor-element.elementor-element-0782db4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:37px;font-weight:500;}.elementor-7407 .elementor-element.elementor-element-74d383e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7407 .elementor-element.elementor-element-74d383e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7407 .elementor-element.elementor-element-74d383e{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-7407 .elementor-element.elementor-element-74d383e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7407 .elementor-element.elementor-element-74d383e .elementor-icon-list-item > a{font-size:22px;}.elementor-7407 .elementor-element.elementor-element-74d383e .elementor-icon-list-text{transition:color 0.3s;}.elementor-7407 .elementor-element.elementor-element-b0a9fb8{text-align:center;}.elementor-7407 .elementor-element.elementor-element-b0a9fb8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#ED2121;}.elementor-7407 .elementor-element.elementor-element-ca12cfd{text-align:center;}.elementor-7407 .elementor-element.elementor-element-ca12cfd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#ED2121;}.elementor-7407 .elementor-element.elementor-element-9d8362a{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 8px -3px rgba(0,0,0,0.5);--margin-top:64px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:40px;--padding-right:40px;}.elementor-7407 .elementor-element.elementor-element-9d8362a:not(.elementor-motion-effects-element-type-background), .elementor-7407 .elementor-element.elementor-element-9d8362a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-deaaee0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-modern-checkout, .cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected], .cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected]{--wcf-primary-color:#1C2021;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #1C2021;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:#1C2021;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#1C2021;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #order_review button, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#1C2021;border-color:#1C2021;}.elementor-7407 .elementor-element.elementor-element-284004b .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Inter", Sans-serif;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#1C2021;}.elementor-7407 .elementor-element.elementor-element-284004b .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3, .elementor-7407 .elementor-element.elementor-element-284004b .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span, .elementor-7407 .elementor-element.elementor-element-284004b .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading, .elementor-7407 .elementor-element.elementor-element-284004b .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;letter-spacing:-0.1px;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce form .form-row select{font-family:"Inter", Sans-serif;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-modern-checkout{--wcf-btn-text-color:#FFFFFF;}body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{border-radius:4px 4px 4px 4px;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form, .elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form-modern-checkout{--wcf-payment-section-bg-color:#FFFFFF;--wcf-payment-section-desc-bg-color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-284004b .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{border-radius:8px 8px 8px 8px;}body.elementor-page-7407:not(.elementor-motion-effects-element-type-background), body.elementor-page-7407 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F8F9;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7407 .elementor-element.elementor-element-c937773{--padding-top:36px;--padding-bottom:29px;--padding-left:29px;--padding-right:29px;}.elementor-7407 .elementor-element.elementor-element-0782db4 .elementor-heading-title{font-size:25px;}.elementor-7407 .elementor-element.elementor-element-b0a9fb8 .elementor-heading-title{font-size:16px;}.elementor-7407 .elementor-element.elementor-element-ca12cfd .elementor-heading-title{font-size:17px;line-height:1.7em;}.elementor-7407 .elementor-element.elementor-element-9d8362a{--margin-top:24px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-7407 .elementor-element.elementor-element-985b43a img{width:22%;}.elementor-7407 .elementor-element.elementor-element-c937773{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:36px;--padding-bottom:15px;--padding-left:19px;--padding-right:19px;}.elementor-7407 .elementor-element.elementor-element-0782db4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-0782db4{text-align:center;}.elementor-7407 .elementor-element.elementor-element-0782db4 .elementor-heading-title{font-size:21px;line-height:1.2em;letter-spacing:-0.6px;}.elementor-7407 .elementor-element.elementor-element-74d383e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7407 .elementor-element.elementor-element-74d383e .elementor-icon-list-item > a{font-size:15px;}.elementor-7407 .elementor-element.elementor-element-b0a9fb8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-b0a9fb8{text-align:center;}.elementor-7407 .elementor-element.elementor-element-b0a9fb8 .elementor-heading-title{font-size:11px;line-height:1.2em;letter-spacing:-0.6px;}.elementor-7407 .elementor-element.elementor-element-ca12cfd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-ca12cfd{text-align:center;}.elementor-7407 .elementor-element.elementor-element-ca12cfd .elementor-heading-title{font-size:11px;line-height:1.7em;letter-spacing:-0.6px;}.elementor-7407 .elementor-element.elementor-element-9d8362a{--margin-top:24px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:9px;--padding-bottom:9px;--padding-left:9px;--padding-right:9px;}}/* Start custom CSS for checkout-form, class: .elementor-element-284004b *//* === Kecilkan ikon bank Tripay di halaman checkout WooCommerce === */ .woocommerce-checkout #payment ul.payment_methods li[class*="od_tripay_"] img { max-width: 60px !important; /* ubah sesuai keinginan: 40–80px */ height: auto !important; margin-right: 5px; vertical-align: middle; } /* === Kecilkan teks metode pembayaran Tripay === */ .woocommerce-checkout #payment ul.payment_methods li[class*="od_tripay_"] label { font-size: 13px !important; /* ubah sesuai keinginan: 12–15px biasanya ideal */ font-weight: 500; color: #333; /* opsional, bisa disesuaikan */ } /* === Garis pemisah antar metode === */ .woocommerce-checkout #payment ul.payment_methods li[class*="od_tripay_"] { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; } /* === Tampilan deskripsi (muncul saat radio diklik) === */ .woocommerce-checkout #payment ul.payment_methods li[class*="od_tripay_"] .payment_box { background: #fafafa; border: 1px solid #e0e0e0; padding: 10px 15px; margin-top: 10px; border-radius: 6px; } /* === Hilangkan segitiga putih default WooCommerce di box deskripsi pembayaran === */ .woocommerce-checkout #payment ul.payment_methods li[class*="od_tripay_"] .payment_box:before { display: none !important; } /* === Garis pemisah antara Billing Details dan Your Order === */ .woocommerce-billing-fields { padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 0 !important; } /* === Hilangkan jarak tambahan dari container / wrapper setelah billing === */ .woocommerce-checkout .col-2, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #customer_details { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* === Samakan posisi heading Your Order === */ #order_review_heading { margin-top: 1px !important; padding-top: 0 !important; } /* === Rapikan tabel order biar menempel rapat === */ .woocommerce-checkout-review-order, .woocommerce-checkout-review-order-table { margin-top: 0 !important; padding-top: 0 !important; } #payment::before { content: "Metode Pembayaran"; /* ubah teks kalau mau bilingual */ display: block; font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 600; letter-spacing: -0.1px; color: #333; margin-bottom: 12px; } #payment { margin-top: 20px; }/* End custom CSS */