{"id":210,"date":"2025-06-25T13:45:38","date_gmt":"2025-06-25T13:45:38","guid":{"rendered":"http:\/\/tdi_1_5bf"},"modified":"2025-06-25T13:45:38","modified_gmt":"2025-06-25T13:45:38","slug":"checkout-urban_observer","status":"publish","type":"page","link":"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/","title":{"rendered":"Checkout &#8211; urban_observer"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2  wpb_row td-pb-row\"  >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3\" class=\"tdc-row stretch_row_1200 td-stretch-content\"><div class=\"vc_row tdi_4  wpb_row td-pb-row tdc-element-style\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4,\r\n                .tdi_4 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_4,\r\n\t\t\t\t.tdi_4 .tdc-columns{\r\n\t\t\t\t    display: flex;\r\n\t\t\t\t\r\n\t\t\t\t    flex-direction: row;\r\n\t\t\t\t\r\n\t\t\t\t    flex-wrap: nowrap;\r\n\t\t\t\t\r\n\t\t\t\t    justify-content: flex-start;\r\n\t\t\t\t\r\n\t\t\t\t    align-items: center;\r\n\t\t\t\t}.tdi_4 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4:before,\r\n\t\t\t\t.tdi_4:after{\r\n\t\t\t\t    display: none;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_4{\nmargin-bottom:80px !important;\npadding-top:50px !important;\npadding-right:60px !important;\npadding-bottom:60px !important;\npadding-left:60px !important;\nposition:relative;\n}\n\n.tdi_4 .td_block_wrap{ text-align:left }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_4{\nmargin-bottom:60px !important;\npadding-top:40px !important;\npadding-right:25px !important;\npadding-bottom:50px !important;\npadding-left:25px !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_4{\nmargin-bottom:40px !important;\npadding-top:30px !important;\npadding-right:0px !important;\npadding-bottom:40px !important;\npadding-left:0px !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_4{\nmargin-bottom:60px !important;\npadding-top:30px !important;\npadding-right:0px !important;\npadding-bottom:40px !important;\npadding-left:0px !important;\n}\n}\n\n<\/style>\n<div class=\"tdi_3_rand_style td-element-style\" ><div class=\"td-element-style-before\"><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_3_rand_style > .td-element-style-before {\ncontent:'' !important;\nwidth:100% !important;\nheight:100% !important;\nposition:absolute !important;\ntop:0 !important;\nleft:0 !important;\ndisplay:block !important;\nz-index:0 !important;\nborder-color:var(--base-color-1) !important;\nborder-style:solid !important;\nborder-width: 0px 0px 1px 0px !important;\nbackground-size:cover !important;\nbackground-position:center top !important;\n}\n<\/style><\/div><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_3_rand_style{\nbackground-color:var(--light-color-1) !important;\n}\n <\/style><\/div><div class=\"vc_column tdi_6  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6{\r\n                    vertical-align: baseline;\r\n                }.tdi_6 > .wpb_wrapper,\r\n\t\t\t\t.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_7 tdm-content-horiz-left td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_7\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_7{\nborder-color:#6d2929 !important;\nborder-style:solid !important;\nborder-width:0 !important;\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdm_block_column_title{\r\n                  margin-bottom: 0;\r\n                  display: inline-block;\r\n                  width: 100%;\r\n                }\n<\/style><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_8 .tdm-title{\r\n\t\t\t\t\tfont-family: var(--global-font-1) !important;font-size:42px !important;line-height:1 !important;font-weight:800 !important;text-transform:none !important;\r\n\t\t\t\t}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px){\n.tdi_8 .tdm-title{\r\n\t\t\t\t\tfont-size:36px !important;\r\n\t\t\t\t}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_8 .tdm-title{\r\n\t\t\t\t\tfont-size:32px !important;\r\n\t\t\t\t}\n}\n\n\/* phone *\/\n@media (max-width: 767px){\n.tdi_8 .tdm-title{\r\n\t\t\t\t\tfont-size:30px !important;\r\n\t\t\t\t}\n}\n<\/style><div class=\"tds-title tds-title1 td-fix-index tdi_8 \"><h3 class=\"tdm-title tdm-title-sm\">Checkout<\/h3><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"tdi_9\" class=\"tdc-row stretch_row_1200 td-stretch-content\"><div class=\"vc_row tdi_10  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_10,\r\n                .tdi_10 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_10,\r\n\t\t\t\t.tdi_10 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_10 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_10:before,\r\n\t\t\t\t.tdi_10:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}@media (min-width: 768px) {\r\n\t                .tdi_10 {\r\n\t                    margin-left: -0px;\r\n\t                    margin-right: -0px;\r\n\t                }\r\n\t                .tdi_10 .tdc-row-video-background-error,\r\n\t                .tdi_10 > .vc_column,\r\n\t                .tdi_10 > .tdc-columns > .vc_column {\r\n\t                    padding-left: 0px;\r\n\t                    padding-right: 0px;\r\n\t                }\r\n                }\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_10{\nmargin-bottom:80px !important;\npadding-right:60px !important;\npadding-left:60px !important;\n}\n\n.tdi_10 .td_block_wrap{ text-align:left }\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_10{\nmargin-bottom:40px !important;\npadding-right:20px !important;\npadding-left:20px !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_10{\nmargin-bottom:60px !important;\npadding-right:0px !important;\npadding-left:0px !important;\n}\n}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_10{\nmargin-bottom:60px !important;\npadding-right:25px !important;\npadding-left:25px !important;\n}\n}\n\n<\/style><div class=\"vc_column tdi_12  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_12{\r\n                    vertical-align: baseline;\r\n                }.tdi_12 > .wpb_wrapper,\r\n\t\t\t\t.tdi_12 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_12 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_12 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_12 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_12{\nborder-color:var(--base-color-1) !important;\nborder-style:solid !important;\nborder-width: 1px 1px 3px 1px !important;\nposition:relative;\n}\n\n<\/style>\n<div class=\"tdi_11_rand_style td-element-style\" ><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_11_rand_style{\nbackground-color:#ffffff !important;\n}\n <\/style><\/div><div class=\"wpb_wrapper\" ><div class=\"tds-page-block td_block_wrap tds_payment tdi_13  td_block_template_1\"  data-td-block-uid=\"tdi_13\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_13{\nmargin-bottom:0px !important;\npadding-top:50px !important;\npadding-right:40px !important;\npadding-bottom:60px !important;\npadding-left:40px !important;\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_13{\npadding-top:20px !important;\npadding-right:20px !important;\npadding-bottom:20px !important;\npadding-left:20px !important;\n}\n}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_13{\npadding-top:40px !important;\npadding-bottom:50px !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_13{\npadding-top:30px !important;\npadding-right:30px !important;\npadding-bottom:40px !important;\npadding-left:30px !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tds-page-block{\r\n                    transform: translateZ(0);\r\n                    font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\r\n                    font-size: 14px;\r\n                }.tds-page-block .td-element-style{\r\n                    z-index: -1;\r\n                }.tds-page-block a:not(.tds-s-btn){\r\n                    color: #0489FC;\r\n                }.tds-page-block a:not(.tds-s-btn):hover{\r\n                    color: #152BF7;\r\n                }.tds_payment .tds-hide{\r\n                    display: none;\r\n                }.tds_payment .tds-checkout-wrap{\r\n                    display: flex;\r\n                }.tds_payment .tds-checkout-wrap:after{\r\n                    content: '';\r\n                    position: absolute;\r\n                    opacity: 0;\r\n                    transition: opacity 0.2s ease-in-out;\r\n                    top: 50%;\r\n                    left: 50%;\r\n                    transform: translate(-50%, -50%);\r\n                    margin-top: -23px;\r\n                    margin-left: -23px;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border: 3px solid #888;\r\n                    border-left-color: transparent;\r\n                    border-right-color: transparent;\r\n                    border-radius: 50%;\r\n                    -webkit-animation: fullspin 1s infinite ease-out;\r\n                    animation: fullspin 1s infinite ease-out;\r\n                    z-index: 2;\r\n                }.tds_payment .tds-checkout-wrap.tds-cs-loading{\r\n                    opacity: .5;\r\n                    pointer-events: none;\r\n                }.tds_payment .tds-checkout-wrap.tds-cs-loading:after{\r\n                    opacity: 1;\r\n                }.tds_payment .tds-checkout-log-in{\r\n                    width: 100%;\r\n                }.tds_payment .tds-payment-content{\r\n                    flex: 1;\r\n                    padding-right: 34px;\r\n                }.tds_payment:not(.tds-payment-bill-form-disabled) .tds-payment-sidebar{\r\n                    width: 40%;\r\n                }.tds_payment.tds-payment-bill-form-disabled .tds-payment-sidebar{\r\n                    width: 100%;\r\n                }.tds_payment .tds-s-notif-no-plan{\r\n                    width: 100%;\r\n                }.tds_payment .tds-s-page-billing-details .tds-s-page-sec-content{\r\n                    background-color: #F8F8F8;\r\n                    padding: 35px 25px;\r\n                }.tds_payment .tds-s-page-subscr-summary{\r\n                    border-bottom: none;\r\n                }.tds_payment .tds-s-page-ss-title{\r\n                    margin: 0 0 24px;\r\n                    padding: 12px 10px 13px;\r\n                    background-color: #F8F8F8;\r\n                    font-size: 1.429em;\r\n                    font-weight: 500;\r\n                    line-height: 1.2;\r\n                    color: #1d2327;\r\n                    text-align: center;\r\n                }.tds_payment .tds-s-page-ss-info{\r\n                    font-size: .929em;\r\n                    line-height: 1.2;\r\n                    font-weight: 600;\r\n                    color: #1D2327;\r\n                }.tds_payment .tds-s-page-ss-info-row{\r\n                    display: flex;\r\n                    align-items: baseline;\r\n                }.tds_payment .tds-s-page-ss-info-row:not(:last-child){\r\n                    margin-bottom: 15px;\r\n                }.tds_payment .tds-s-page-ss-info-label{\r\n                    width: 25%;\r\n                    padding-left: 10px;\r\n                    padding-right: 15px;\r\n                }.tds_payment .tds-s-page-ss-info-value{\r\n                    flex: 1;\r\n                    padding-left: 15px;\r\n                    padding-right: 10px;\r\n                    text-align: right;\r\n                }.tds_payment .tds-s-coupon-form{\r\n                    margin-top: 24px;\r\n                }body .tds_payment .tds-s-coupon-form .tds-s-fc-inner .tds-s-form-group-coupon-code{\r\n                    margin-bottom: 0;\r\n                }.tds_payment .tds-s-coupon-form .tds-coupon-apply-btn{\r\n                    display: flex;\r\n                    align-items: center;\r\n                    position: absolute;\r\n                    top: 2px;\r\n                    right: 15px;\r\n                    height: calc(100% - 4px);\r\n                    padding: 0 15px;\r\n                    font-size: .929em;\r\n                    line-height: 1.3;\r\n                    font-weight: 700;\r\n                    text-transform: uppercase;\r\n                    color: #1D2327;\r\n                    transition: color 0.2s ease-in-out;\r\n                }.tds_payment .tds-s-coupon-form .tds-coupon-apply-btn:hover{\r\n                    color: #0489FC;\r\n                }.tds_payment .tds-s-coupon-form .tds-coupon-apply-btn-applied{\r\n                    pointer-events: none;\r\n                    color: #59BA93;\r\n                }.tds_payment .tds-s-coupon-form .tds-coupon-apply-btn-invalid{\r\n                    pointer-events: none;\r\n                    color: #FF0000;\r\n                }.tds_payment .tds-s-coupon-form .tds-coupon-apply-btn.tds-s-btn-saving:after{\r\n                    content: '';\r\n                    width: 10px;\r\n                    height: 10px;\r\n                    margin-left: 10px;\r\n                    border: 1px solid #000;\r\n                    border-left-color: transparent;\r\n                    border-right-color: transparent;\r\n                    border-radius: 50%;\r\n                    -webkit-animation: fullspin 1s infinite ease-out;\r\n                    animation: fullspin 1s infinite ease-out;\r\n                    z-index: 2;\r\n                    transition: border-top-color .2s ease-in-out, border-bottom-color .2s ease-in-out;\r\n                }.tds_payment .tds-s-coupon-form .tds-coupon-apply-btn.tds-s-btn-saving:hover:after{\r\n                    border-top-color: #0489FC;\r\n                    border-bottom-color: #0489FC;\r\n                }.tds_payment .tds-s-coupon-form .tds-s-fc-inner .tds-coupon-msg{\r\n                    display: none;\r\n                    margin-top: 14px;\r\n                }.tds_payment .tds-s-coupon-form .tds-s-fc-inner .tds-coupon-msg .tds-s-notif-descr{\r\n                    display: flex;\r\n                    justify-content: space-between;\r\n                }.tds_payment .tds-s-coupon-form .tds-s-fc-inner .tds-s-notif-coupon-applied{\r\n                    padding: 0;\r\n                    font-style: italic;\r\n                    color: #1D2327;\r\n                    margin: 14px 23px 0;\r\n                }.tds_payment .tds-s-subscr-summary-total{\r\n                    display: flex;\r\n                    align-items: baseline;\r\n                    margin-top: 20px;\r\n                    padding-right: 10px;\r\n                    font-size: 1.143em;\r\n                    line-height: 1;\r\n                    font-weight: 700;\r\n                    color: #1D2327;\r\n                }.tds_payment .tds-s-subscr-summary-total .tds-s-sst-label{\r\n                    margin-right: 20px;\r\n                }.tds_payment .tds-s-pay-methods-form .tds-spm-content{\r\n                    margin-top: 15px;\r\n                }body .tds_payment .tds-s-pay-methods-form .tds-spm-direct .tds-s-notif,\r\n                body .tds_payment .tds-s-pay-methods-form .tds-spm-paypal .tds-s-notif,\r\n                body .tds_payment .tds-s-pay-methods-form .tds-spm-stripe .tds-s-notif,\r\n                body .tds_payment .tds-s-pay-methods-form .tds-spm-custom-payment .tds-s-notif{\r\n                    margin-top: 25px;\r\n                    margin-left: 0;\r\n                    margin-right: 0;\r\n                }.tds_payment .tds-s-pay-methods-form .tds-spm-direct .tds-s-notif:not(:last-child),\r\n                .tds_payment .tds-s-pay-methods-form .tds-spm-paypal .tds-s-notif:not(:last-child),\r\n                .tds_payment .tds-s-pay-methods-form .tds-spm-stripe .tds-s-notif:not(:last-child),\r\n                .tds_payment .tds-s-pay-methods-form .tds-spm-custom-payment .tds-s-notif:not(:last-child){\r\n                    margin-bottom: 15px;\r\n                }body .tds_payment .tds-s-pay-methods-form .tds-spm-direct .tds-s-notif:last-child,\r\n                body .tds_payment .tds-s-pay-methods-form .tds-spm-paypal .tds-s-notif:last-child,\r\n                body .tds_payment .tds-s-pay-methods-form .tds-spm-stripe .tds-s-notif:last-child,\r\n                body .tds_payment .tds-s-pay-methods-form .tds-spm-custom-payment .tds-s-notif:last-child{\r\n                    margin-top: 0;\r\n                }.tds_payment .tds-s-pay-methods-form .tds-s-form-footer .tds-s-notif{\r\n                    margin-top: 0;\r\n                    margin-bottom: 32px;\r\n                }.tds_payment .tds-s-pay-methods-form .tds-s-form-footer .tds-s-btn{\r\n                    width: 100%;\r\n                    margin-right: 0;\r\n                }.tds_payment .tds-s-pay-methods-form .tds-s-form-footer #paypal-button-container{\r\n                    width: 100%;\r\n                    height: 44px;\r\n                }.tds_payment .tds-payment-confirmation{\r\n                    width: 100%;\r\n                }.tds_payment .tds-s-psc-thank-you{\r\n                    order: 1;\r\n                }.tds_payment .tds-s-psc-subscr-info{\r\n                    order: 2;\r\n                }.tds_payment .tds-s-psc-bank-info{\r\n                    order: 3;\r\n                }.tds_payment .tds-s-checkout-confirm-btns .tds-s-btn:not(:last-of-type){\r\n                    margin-right: 26px;\r\n                }.tds_payment #tds-payment-message{\r\n                    display: none;\r\n                    margin-top: 20px;\r\n                    word-wrap: break-word;\r\n                }.tds_payment #tds-stripe-checkout-session:disabled{\r\n                    opacity: 0.5;\r\n                    cursor: default;\r\n                    pointer-events: none;\r\n                }.tds_payment .tds-spm-custom-payment .tds-spm-content{\r\n                    display: none;\r\n                }body .tds-change-amount-btn{\r\n                    text-decoration: underline;\r\n                    text-align: left;\r\n                    display: block;\r\n                    padding: 10px 0;\r\n                    cursor: pointer;\r\n                }body .tds-amount{\r\n                  font-size: 2.3em;\r\n                  line-height: 1.3;\r\n                  font-weight: 500;\r\n                  padding: 0;\r\n                  display: inline-block;\r\n                }body .tds-change-amount-btn:active:not(:disabled){\r\n                    outline-color: rgba(0, 0, 0, 0.001);\r\n                }body .tds-s-page-sec-content .tds-amount-input{\r\n                  width: 105px!important;\r\n                  margin: 0!important;\r\n                \r\n                }body .tdi_13 .tds-s-form .tds-s-form-input{\r\n                    border-width: 1px;\r\n                \r\n                    border-style: solid;\r\n                \r\n                    border-color: var(--base-color-1);\r\n                \r\n                    border-radius: 0px;\r\n                }body .tdi_13 .tds-s-form .tds-s-form-check .tds-s-fc-check{\r\n                    border: 2px solid var(--base-color-1);\r\n                }body .tdi_13 .tds-s-btn{\r\n                    border-radius: 0px;\r\n                }body .tdi_13 .tds-s-notif{\r\n                    border-radius: 0px;\r\n                }body .tdi_13 .tds-s-btn,\r\n                body .tdi_13 .tds-s-form .tds-s-form-check .tds-s-fc-check:after{\r\n                    background-color: var(--accent-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-group:not(.tds-s-fg-error) .tds-s-form-input:focus:not([readonly]),\r\n                body .tdi_13 .tds-s-form .tds-s-form-check input:checked + .tds-s-fc-check{\r\n                    border-color: var(--accent-color-1) !important;\r\n                }body .tdi_13 a:not(.tds-s-btn):not(.tds-coupon-apply-btn),\r\n                body .tdi_13 .tds-s-coupon-form .tds-coupon-apply-btn:hover{\r\n                    color: var(--accent-color-1);\r\n                }body .tdi_13 .tds-s-coupon-form .tds-coupon-apply-btn.tds-s-btn-saving:hover:after{\r\n                    border-top-color: var(--accent-color-1);\r\n                    border-bottom-color: var(--accent-color-1);\r\n                }body .tdi_13 a:not(.tds-s-btn):not(.tds-coupon-apply-btn):hover{\r\n                    color: var(--accent-color-2);\r\n                }body .tdi_13 h2.tds-spsh-title{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-label,\r\n                body .tdi_13 .tds-s-form .tds-s-form-check .tds-s-fc-title{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-input,\r\n                body .tdi_13 .tds-s-coupon-form .tds-coupon-apply-btn{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-input:-webkit-autofill,\r\n                body .tdi_13 .tds-s-form .tds-s-form-input:-webkit-autofill:hover,\r\n                body .tdi_13 .tds-s-form .tds-s-form-input:-webkit-autofill:focus,\r\n                body .tdi_13 .tds-s-form .tds-s-form-input:-webkit-autofill:active{\r\n                    -webkit-text-fill-color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-coupon-form .tds-coupon-apply-btn.tds-s-btn-saving:after{\r\n                    border-top-color: var(--base-color-1);\r\n                    border-bottom-color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-input::placeholder{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-input::-webkit-input-placeholder{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-input::-moz-placeholder{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-input::-ms-input-placeholder{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-input:::-moz-placeholder{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-page-ss-title{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-page-ss-info,\r\n                body .tdi_13 .tds-s-coupon-form .tds-s-fc-inner .tds-s-notif-coupon-applied{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-subscr-summary-total{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-list-label{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-list-text{\r\n                    color: var(--base-color-1);\r\n                }body .tdi_13{\r\n                    font-family: var(--global-font-3) !important;\r\n                }@media (max-width: 767px) {\r\n                    .tds_payment .tds-checkout-wrap {\r\n                        flex-direction: column;\r\n                    }\r\n                }@media (min-width: 768px) and (max-width: 1018px) {\r\n                    .tds_payment .tds-payment-content {\r\n                        padding-right: 25px;\r\n                    }\r\n                }@media (max-width: 767px) {\r\n                    .tds_payment .tds-payment-content {\r\n                        padding-bottom: 35px;\r\n                        padding-right: 0;\r\n                    }\r\n                }@media (max-width: 767px) {\r\n                    .tds_payment:not(.tds-payment-bill-form-disabled) .tds-payment-sidebar {\r\n                        width: 100%;\r\n                    }\r\n                }@media (min-width: 768px) {\r\n                    .tds_payment.tds-payment-bill-form-disabled .tds-payment-sidebar {\r\n                        display: flex;\r\n                    }\r\n                    .tds_payment.tds-payment-bill-form-disabled .tds-s-page-subscr-summary {\r\n                        flex-basis: 47%;\r\n                        margin-bottom: 0;\r\n                        padding-bottom: 0;\r\n                    }\r\n                    .tds_payment.tds-payment-bill-form-disabled .tds-s-page-pay-methods {\r\n                        flex-basis: 53%;\r\n                    }\r\n                }@media (min-width: 1019px) {\r\n                    .tds_payment.tds-payment-bill-form-disabled .tds-payment-sidebar {\r\n                        gap: 0 34px;\r\n                    }\r\n                }@media (min-width: 768px) and (max-width: 1018px) {\r\n                    .tds_payment.tds-payment-bill-form-disabled .tds-payment-sidebar {\r\n                        gap: 0 25px;\r\n                    }\r\n                }@media (max-width: 767px) {\r\n                    .tds_payment .tds-s-page-billing-details .tds-s-page-sec-content {\r\n                        margin: 0 -20px;\r\n                        padding: 30px 20px;\r\n                    }\r\n                }@media (min-width: 768px) {\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(-n+2) {\r\n                        margin-bottom: 0;\r\n                    }\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(-n+2),\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(8),\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(9),\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(10),\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(11) {\r\n                        width: 50%;\r\n                    }\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(3) {\r\n                        width: 35%;\r\n                    }\r\n                    .tds_payment .tds-s-billing-details-form .tds-s-form-group:nth-last-child(4) {\r\n                        width: 65%;\r\n                    }\r\n                }@media (max-width: 767px) {\r\n                    .tds_payment .tds-s-page-subscr-summary .tds-spsh-title {\r\n                        display: none;\r\n                    }\r\n                }@media (min-width: 767px) {\r\n                    .tds_payment .tds-s-subscr-summary-total {\r\n                        justify-content: flex-end;\r\n                    }\r\n                }@media (min-width: 767px) {\r\n                    .tds_payment .tds-s-psc-subscr-info,\r\n                    .tds_payment .tds-s-psc-bank-info {\r\n                        margin-bottom: 0;\r\n                    }\r\n                }@media (min-width: 767px) {\r\n                    .tds_payment .tds-s-psc-subscr-info {\r\n                        flex: 1;\r\n                    }\r\n                }@media (min-width: 767px) {\r\n                    .tds_payment .tds-s-psc-bank-info {\r\n                        width: 50%;\r\n                    }\r\n                }@media (max-width: 767px) {\r\n                    .tds_payment .tds-s-psc-bank-info {\r\n                        margin-top: 45px;\r\n                        margin-bottom: 0;\r\n                    }\r\n                }@media (min-width: 768px) {\r\n                    .tds_payment .tds-donation-payment-info-content .tds-s-billing-details-form .tds-s-form-group {\r\n                        width: 50% !important;\r\n                    }\r\n                }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px){\nbody .tdi_13 .tds-s-form .tds-s-form-input{\r\n                    border-width: 1px;\r\n                \r\n                    border-style: solid;\r\n                \r\n                    border-color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-check .tds-s-fc-check{\r\n                    border: 2px solid var(--base-color-1);\r\n                }\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\nbody .tdi_13 .tds-s-form .tds-s-form-input{\r\n                    border-width: 1px;\r\n                \r\n                    border-style: solid;\r\n                \r\n                    border-color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-check .tds-s-fc-check{\r\n                    border: 2px solid var(--base-color-1);\r\n                }\n}\n\n\/* phone *\/\n@media (max-width: 767px){\nbody .tdi_13 .tds-s-form .tds-s-form-input{\r\n                    border-width: 1px;\r\n                \r\n                    border-style: solid;\r\n                \r\n                    border-color: var(--base-color-1);\r\n                }body .tdi_13 .tds-s-form .tds-s-form-check .tds-s-fc-check{\r\n                    border: 2px solid var(--base-color-1);\r\n                }\n}\n<\/style>        <div class=\"tds-block-inner tds-checkout-wrap\">\r\n            <div class=\"tds-s-notif tds-s-notif-info tds-checkout-log-in\">\r\n                <div class=\"tds-s-notif-descr\">You must be logged in to access this page.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-210","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Checkout - urban_observer - Synder Prasetyo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Checkout - urban_observer - Synder Prasetyo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/\" \/>\n<meta property=\"og:site_name\" content=\"Synder Prasetyo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/\",\"url\":\"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/\",\"name\":\"Checkout - urban_observer - Synder Prasetyo\",\"isPartOf\":{\"@id\":\"https:\/\/synderprasetyo.com\/#website\"},\"datePublished\":\"2025-06-25T13:45:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/synderprasetyo.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Checkout &#8211; urban_observer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/synderprasetyo.com\/#website\",\"url\":\"https:\/\/synderprasetyo.com\/\",\"name\":\"Synder Prasetyo\",\"description\":\"Belajar, Bertumbuh dan Menginspirasi\",\"publisher\":{\"@id\":\"https:\/\/synderprasetyo.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/synderprasetyo.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/synderprasetyo.com\/#organization\",\"name\":\"Synder Prasetyo\",\"url\":\"https:\/\/synderprasetyo.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/synderprasetyo.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/synderprasetyo.com\/wp-content\/uploads\/2025\/01\/cropped-SP-e1736095099165.png\",\"contentUrl\":\"https:\/\/synderprasetyo.com\/wp-content\/uploads\/2025\/01\/cropped-SP-e1736095099165.png\",\"width\":157,\"height\":55,\"caption\":\"Synder Prasetyo\"},\"image\":{\"@id\":\"https:\/\/synderprasetyo.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Checkout - urban_observer - Synder Prasetyo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/","og_locale":"en_US","og_type":"article","og_title":"Checkout - urban_observer - Synder Prasetyo","og_url":"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/","og_site_name":"Synder Prasetyo","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/","url":"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/","name":"Checkout - urban_observer - Synder Prasetyo","isPartOf":{"@id":"https:\/\/synderprasetyo.com\/#website"},"datePublished":"2025-06-25T13:45:38+00:00","breadcrumb":{"@id":"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/synderprasetyo.com\/index.php\/checkout-urban_observer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/synderprasetyo.com\/"},{"@type":"ListItem","position":2,"name":"Checkout &#8211; urban_observer"}]},{"@type":"WebSite","@id":"https:\/\/synderprasetyo.com\/#website","url":"https:\/\/synderprasetyo.com\/","name":"Synder Prasetyo","description":"Belajar, Bertumbuh dan Menginspirasi","publisher":{"@id":"https:\/\/synderprasetyo.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/synderprasetyo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/synderprasetyo.com\/#organization","name":"Synder Prasetyo","url":"https:\/\/synderprasetyo.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/synderprasetyo.com\/#\/schema\/logo\/image\/","url":"https:\/\/synderprasetyo.com\/wp-content\/uploads\/2025\/01\/cropped-SP-e1736095099165.png","contentUrl":"https:\/\/synderprasetyo.com\/wp-content\/uploads\/2025\/01\/cropped-SP-e1736095099165.png","width":157,"height":55,"caption":"Synder Prasetyo"},"image":{"@id":"https:\/\/synderprasetyo.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/pages\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":1,"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/pages\/210\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/synderprasetyo.com\/index.php\/wp-json\/wp\/v2\/media?parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}