{"id":56,"date":"2024-03-05T04:10:46","date_gmt":"2024-03-05T04:10:46","guid":{"rendered":"http:\/\/localhost\/bdd-2024\/?page_id=56"},"modified":"2025-02-12T09:53:51","modified_gmt":"2025-02-12T02:53:51","slug":"website-development","status":"publish","type":"page","link":"https:\/\/bolehdicoba.com\/id\/services\/website-development\/","title":{"rendered":"Web Development &amp; Maintenance"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"56\" class=\"elementor elementor-56\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e798bf2 e-con-full e-flex e-con e-parent\" data-id=\"e798bf2\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfcfe7e elementor-widget elementor-widget-section_web_banner\" data-id=\"dfcfe7e\" data-element_type=\"widget\" data-widget_type=\"section_web_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\r\n            .section-page-banner {\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            .page-banner-inner {\r\n                max-width: 1050px;\r\n                margin: 0 auto;\r\n                padding: 165px 0 85px;\r\n                display: flex;\r\n                flex-direction: row;\r\n                align-items: center;\r\n                gap: 30px;\r\n            }\r\n            .page-banner-subtitle {\r\n                margin-bottom: 20px;\r\n            }\r\n            .page-banner-subtitle .subtitle {\r\n                color: #513B6A;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin: 0;\r\n            }\r\n            .page-banner-title {\r\n                margin-bottom: 20px;\r\n            }\r\n            .page-banner-title .title {\r\n                color: #222222;\r\n                font-size: 52px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin: 0;\r\n            }\r\n            .page-banner-description .description {\r\n                color: #222222;\r\n                font-size: 18px;\r\n                font-weight: 300;\r\n                line-height: 26px;\r\n                margin: 0;\r\n            }\r\n            .page-banner-image{\r\n                position: relative;\r\n            }\r\n            .page-banner-right {\r\n                flex: 0 0 auto;\r\n                max-width: 35.417vw;\r\n            }\r\n            @media (max-width: 750px) {\r\n                .page-banner-inner {\r\n                    max-width: none;\r\n                    padding: 130px 15px 50px;\r\n                    flex-direction: column;\r\n                    gap: 30px;\r\n                }\r\n                .page-banner-subtitle {\r\n                    margin-bottom: 15px;\r\n                }\r\n                .page-banner-subtitle .subtitle {\r\n                    color: #513B6A;\r\n                    font-size: 16px;\r\n                    font-weight: 500;\r\n                    line-height: normal;\r\n                    text-align: center;\r\n                }\r\n                .page-banner-title {\r\n                    margin-bottom: 15px;\r\n                }\r\n                .page-banner-title .title {\r\n                    font-size: 32px;\r\n                    font-weight: 600;\r\n                    line-height: 38px;\r\n                    text-align: center;\r\n                }\r\n                .page-banner-description .description {\r\n                    font-size: 14px;\r\n                    line-height: normal;\r\n                    text-align: center;\r\n                }\r\n                .page-banner-right {\r\n                    max-width: none;\r\n                }\r\n            }\r\n        <\/style>\r\n        <div class=\"section-page-banner section-web-banner\" style=\"background-color: #F7F4F2\">\r\n            <div class=\"page-banner-inner\">\r\n                <div class=\"page-banner-left\">\r\n                    <div class=\"page-banner-subtitle\">\r\n                        <p class=\"subtitle\">WEBSITE DEVELOPMENT<\/p>\r\n                    <\/div>\r\n                    <div class=\"page-banner-title\">\r\n                        <h4 class=\"title\">Embrace Your Digital Presence and Creative Innovation with Captivating Design<\/h4>\r\n                    <\/div>\r\n                    <div class=\"page-banner-description\">\r\n                        <p class=\"description\">Unleash your online identity's full potential through engaging content and maintenance, then transform it into a valuable asset for your business's growth.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"page-banner-right\">\r\n                    <div class=\"page-banner-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png\" alt=\"Embrace Your Digital Presence and Creative Innovation with Captivating Design\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfef5d9 e-con-full e-flex e-con e-parent\" data-id=\"dfef5d9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6daebf8 elementor-widget elementor-widget-section_brand_services\" data-id=\"6daebf8\" data-element_type=\"widget\" data-widget_type=\"section_brand_services.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\r\n            .section-brand-services {\r\n                display: flex;\r\n                flex-direction: row;\r\n                align-items: center;\r\n                background-color: #EEE9DF;\r\n            }\r\n            .brand-services-header {\r\n                flex: 0 0 auto;\r\n                width: 33.1vw;\r\n                padding: 70px 70px 70px 195px; \r\n                background-color: #EEE9DF;\r\n                \/* background-color: #EEE9DF; *\/\r\n                border-right: 2px solid #222;\r\n                z-index: 10;\r\n                display: flex;\r\n                justify-content: flex-end;\r\n            }\r\n            .brand-services-title {\r\n                max-width: 200px;\r\n            }\r\n            .brand-services-title .title {\r\n                color: #222;\r\n                font-size: 18px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin: 0;\r\n                text-transform: uppercase;\r\n                text-align: left;\r\n            }\r\n            .brand-services-body {\r\n                flex: 0 0 auto;\r\n                \/* width: 74.653vw; *\/\r\n                width: 64.5vw;\r\n                \/* margin-right: -5%; *\/\r\n                margin-left: -4%;\r\n            }\r\n            .brand-services-slider .swiper-wrapper {\r\n                transition-timing-function: linear;\r\n            }\r\n            @media (max-width: 750px) {\r\n                .section-brand-services {\r\n                    flex-direction: column;\r\n                    margin: 0;\r\n                    padding: 50px 0;\r\n                    overflow: hidden;\r\n                }\r\n                .brand-services-header {\r\n                    width: 100%;\r\n                    padding: 0 15px; \r\n                    order: 1;\r\n                    border-left: 0;\r\n                    margin-bottom: 30px;\r\n                    justify-content: center;\r\n                }\r\n                .brand-services-title {\r\n                    max-width: none;\r\n                    width: 79%;\r\n                }\r\n                .brand-services-title .title {\r\n                    font-size: 24px;\r\n                    line-height: 28px;\r\n                    text-align: center;\r\n                }\r\n                .brand-services-body {\r\n                    width: 160%;\r\n                    margin-left: 0;\r\n                    \/* margin-left: -30%;\r\n                    margin-right: -30%; *\/\r\n                    order: 2;\r\n                }\r\n            }\r\n        <\/style>\r\n        <div class=\"section-brand-services\">\r\n            <div class=\"brand-services-header\">\r\n                <div class=\"brand-services-title\">\r\n                    <p class=\"title\">Over 100+ Brand\u2028Trust our Service<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"brand-services-body\">\r\n                <div class=\"brand-services-slider swiper\">\r\n                    <div class=\"swiper-wrapper\">\r\n                                                <div class=\"swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Group-40114.png\" alt=\"partner-item\">\r\n                        <\/div>\r\n                                                <div class=\"swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Group-40113-1.png\" alt=\"partner-item\">\r\n                        <\/div>\r\n                                                <div class=\"swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Group-40116.png\" alt=\"partner-item\">\r\n                        <\/div>\r\n                                                <div class=\"swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Group-40115.png\" alt=\"partner-item\">\r\n                        <\/div>\r\n                                                <div class=\"swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Group-40117.png\" alt=\"partner-item\">\r\n                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d25b77 e-con-full e-flex e-con e-parent\" data-id=\"0d25b77\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3047ea1 elementor-widget elementor-widget-section_services_offering_web\" data-id=\"3047ea1\" data-element_type=\"widget\" data-widget_type=\"section_services_offering_web.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\r\n            .section-services-offering {\r\n                max-width: 1050px;\r\n                margin: 70px auto;\r\n            }\r\n            .offering-header {\r\n                margin-bottom: 50px;\r\n            }\r\n            .offering-subtitle {\r\n                margin-bottom: 15px;\r\n            }\r\n            .offering-subtitle .subtitle {\r\n                color: #513B6A;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin: 0;           \r\n                text-align: center;     \r\n            }\r\n            .offering-title {\r\n                max-width: 690px;\r\n                margin: 0 auto;\r\n            }\r\n            .offering-title .title {\r\n                color: #222;\r\n                font-size: 36px;\r\n                font-weight: 400;\r\n                line-height: normal;\r\n                margin: 0;               \r\n                text-align: center; \r\n            }\r\n            .offering-description {\r\n                margin-top: 15px;\r\n            }\r\n            .offering-description .description {\r\n                color: #222;\r\n                font-size: 14px;\r\n                font-weight: 300;\r\n                line-height: normal;\r\n                margin: 0;               \r\n                text-align: center; \r\n            }\r\n            .offering-list {\r\n                display: flex;\r\n                flex-direction: row;\r\n                \/* flex-wrap: wrap; *\/\r\n                justify-content: center;\r\n                column-gap: 30px;\r\n            }\r\n            .offering-item {\r\n                transition: 0.2s ease-in-out;\r\n                flex: 0 0 auto;\r\n                width: 31.2%;\r\n                border-radius: 12px;\r\n                border: 2px solid #222;\r\n                background-color: #F7F4F2;\r\n            }\r\n            .offering-item:hover {\r\n                box-shadow: 6px 6px 0 0 #C8D6EE;\r\n            }\r\n            .offering-item-image img {\r\n                border-radius: 12px 12px 0 0;\r\n            }\r\n            .offering-item-body {\r\n                border-top: 2px solid #222;\r\n                padding: 20px 20px 8px;\r\n            }\r\n            .offering-item-title {\r\n                margin-bottom: 10px;\r\n            }\r\n            .offering-item-title .title {\r\n                color: #222;\r\n                font-size: 20px;\r\n                font-weight: 500;\r\n                line-height: 28px;\r\n                margin: 0;\r\n            }\r\n            .offering-item-description .description {\r\n                color: #222;\r\n                font-size: 16px;\r\n                font-weight: 300;\r\n                line-height: 22px;\r\n                margin: 0;\r\n            }\r\n\r\n            .carrer {\r\n                .section-services-offering{\r\n                    max-width: unset;\r\n                }\r\n\r\n                .offering-list {\r\n                    column-gap: 20px;\r\n                }\r\n\r\n                .offering-item{\r\n                    width: 100%;\r\n                    max-width: 520px;\r\n                }\r\n\r\n                .offering-item-body {\r\n                    padding: 26px 31px 40px;\r\n                }\r\n            }\r\n            @media (max-width: 750px) {\r\n                .section-services-offering {\r\n                    max-width: none;\r\n                    margin: 50px auto 70px;\r\n                    padding: 0 15px;\r\n                }\r\n                .offering-header {\r\n                    margin-bottom: 24px;\r\n                }\r\n                .offering-subtitle .subtitle {\r\n                    font-size: 16px;\r\n                }\r\n                .offering-title {\r\n                    max-width: none;\r\n                    margin: 0;\r\n                }\r\n                .offering-title .title {\r\n                    font-size: 24px;\r\n                    line-height: 28px;\r\n                }\r\n                .offering-list {\r\n                    flex-direction: row;\r\n                    column-gap: 15px;\r\n                    justify-content: flex-start;\r\n                    overflow-x: scroll;\r\n                }\r\n                .offering-item {\r\n                    width: 64%;\r\n                    padding: 0;\r\n                    margin-bottom: 10px;\r\n                    border-radius: 12px;\r\n                    border: 2px solid #D9D4CB;\r\n                    background-color: #F4F0EA;\r\n                }\r\n                .offering-item-image {\r\n                    margin-bottom: 0;\r\n                }\r\n                .offering-item-image img {\r\n                    width: 100%;\r\n                }\r\n                .offering-item-title {\r\n                    margin-bottom: 7px;\r\n                }\r\n                .offering-item-title .title {\r\n                    font-size: 16px;\r\n                }\r\n                .offering-item-description .description {\r\n                    font-size: 12px;\r\n                    line-height: normal;\r\n                }\r\n\r\n                .carrer {\r\n                    .offering-list {\r\n                        display: block;\r\n                    }\r\n\r\n                    .offering-item {\r\n                        margin-bottom: 20px;\r\n                    }\r\n                }\r\n            }\r\n        <\/style>\r\n        <div class=\"section-services-offering\">\r\n            <div class=\"offering-header\">\r\n                <div class=\"offering-subtitle\">\r\n                    <p class=\"subtitle\">SERVICE OFFERINGS<\/p>\r\n                <\/div>\r\n                <div class=\"offering-title\">\r\n                    <h4 class=\"title\">Enhancing Customer Experiences Through User-Centric Design<\/h4>\r\n                <\/div>\r\n                <div class=\"offering-description hide-desktop\">\r\n                    <p class=\"description\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"offering-body\">\r\n                <div class=\"offering-list\">\r\n                                        <div class=\"offering-item\">\r\n                        <div class=\"offering-item-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/Frame-770364-3.png\">\r\n                        <\/div>\r\n                        <div class=\"offering-item-body\">\r\n                            <div class=\"offering-item-title\">\r\n                                <h6 class=\"title\">E-Commerce, Company Profile,\nWeb Application<\/h6>\r\n                            <\/div>\r\n                            <div class=\"offering-item-description\">\r\n                                <p class=\"description\">We build websites that are not only functional but also showcase aesthetic appeal, reflecting brand identity while facilitating transactions.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"offering-item\">\r\n                        <div class=\"offering-item-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/Frame-770365.png\">\r\n                        <\/div>\r\n                        <div class=\"offering-item-body\">\r\n                            <div class=\"offering-item-title\">\r\n                                <h6 class=\"title\">Website Maintenance<\/h6>\r\n                            <\/div>\r\n                            <div class=\"offering-item-description\">\r\n                                <p class=\"description\">We consistently manage and optimize your website for making sure peak performance to support its functionality.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"offering-item\">\r\n                        <div class=\"offering-item-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/Frame-770366.png\">\r\n                        <\/div>\r\n                        <div class=\"offering-item-body\">\r\n                            <div class=\"offering-item-title\">\r\n                                <h6 class=\"title\">IT Solutions<\/h6>\r\n                            <\/div>\r\n                            <div class=\"offering-item-description\">\r\n                                <p class=\"description\">We hear you\u2019re seeking solutions for your IT challenges, whether it\u2019s HRIS, CRM tools, or more. No need to worry; we\u2019ve got you covered.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5d37ea e-con-full e-flex e-con e-parent\" data-id=\"b5d37ea\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1ac31d elementor-widget elementor-widget-section_shopify_partner\" data-id=\"e1ac31d\" data-element_type=\"widget\" data-widget_type=\"section_shopify_partner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\r\n            .section-shopify {\r\n                \/* max-width: 1100px; *\/\r\n                max-width: 1140px;\r\n                margin: 40px auto 80px;\r\n                display: flex;\r\n                flex-direction: row;\r\n                \/* align-items: center; *\/\r\n                gap: 30px;                \r\n            }\r\n            .shopify-text {\r\n                padding-top: 30px;\r\n            }\r\n            .shopify-image {\r\n                flex: 1;\r\n                \/* width: 454px; *\/\r\n                \/* max-height: 454px; *\/\r\n            }\r\n            .shopify-image img {\r\n                width: 100%;\r\n                height: auto;\r\n                \/* object-fit: cover;  *\/\r\n            }\r\n            .shopify-subtitle {\r\n                margin-bottom: 16px;\r\n            }\r\n            .shopify-subtitle .subtitle {\r\n                color: #513B6A;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin: 0;\r\n            }\r\n            .shopify-title {\r\n                margin-bottom: 20px;\r\n            }\r\n            .shopify-title .title {\r\n                color: #222;\r\n                font-size: 36px;\r\n                font-weight: 400;\r\n                line-height: 100%;\r\n                margin: 0;\r\n                padding-bottom: 8px;\r\n            }\r\n            .shopify-description {\r\n                margin-bottom: 30px;\r\n            }\r\n            .shopify-description .description {\r\n                color: #222;\r\n                font-size: 16px;\r\n                font-weight: 300;\r\n                line-height: normal;\r\n                margin: 0;\r\n            }\r\n            .shopify-accordion .accordion {\r\n                display: flex;\r\n                flex-direction: column;\r\n                border: 2px solid #000;      \r\n                border-radius: 12px;        \r\n                overflow: hidden;\r\n                max-width: 510px;\r\n            }\r\n            .shopify-accordion .accordion-item {\r\n                border-top: 2px solid #222;\r\n                width: 100%;\r\n                max-width: 510px;\r\n                overflow: hidden;\r\n            }\r\n            .shopify-accordion .accordion-item:first-child {\r\n                border-top: 0;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-button {\r\n                width: 100%;\r\n                border-radius: 0;\r\n                border: 0;\r\n                padding: 15px 15px 15px;\r\n                background-color: transparent;\r\n                box-shadow: none;\r\n                text-align: left;\r\n                display: flex;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-button span {\r\n                color: #222;\r\n                font-size: 20px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin-left: 7px;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-button .badge-shopify {\r\n                padding: 6px 10px;\r\n                background-color: #FC5649;\r\n                color: #FFF;\r\n                border-radius: 6px;\r\n                font-size: 16px;\r\n                font-weight: 600;\r\n                line-height: normal;\r\n                margin-left: 10px;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-button::after {\r\n                background-image: none;\r\n                color: #222;\r\n                font-family: 'Line Awesome Free';\r\n                content: \"\\f067\";\r\n                font-weight: 900;\r\n                font-size: 24px;\r\n                text-align: center;\r\n                width: 36px;\r\n                height: 36px;\r\n                border: 2px solid #222;\r\n                border-radius: 50%;\r\n                line-height: 33px;\r\n                background-color: #E9E9E9;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-button:not(.collapsed)::after {\r\n                transform: none;\r\n                content: \"\\f068\";\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-body {\r\n                padding-top: 0;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-body p{\r\n                color: #222;\r\n                font-size: 16px;\r\n                font-weight: 300;\r\n                line-height: 22px;\r\n                margin: 0;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-body p:last-child {\r\n                margin-bottom: 0;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-body ul{\r\n                padding-top: 10px;\r\n                padding-left: 25px;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-body ul li{\r\n                color: #222;\r\n                font-size: 16px;\r\n                font-weight: 300;\r\n                line-height: 22px;\r\n                margin: 0;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-body .btn {\r\n                padding: 9px 16px 9px 24px;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 15px;\r\n                width: fit-content;\r\n                margin-top: 20px;\r\n            }\r\n            .shopify-accordion .accordion-item,\r\n            .shopify-accordion .accordion-item *,\r\n            .shopify-accordion .accordion-item *::before,\r\n            .shopify-accordion .accordion-item *::after {\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            \/* Hover & Active background color *\/\r\n            \/* .shopify-accordion .accordion-item:hover {\r\n                background-color: #E9E9E9;\r\n            } *\/\r\n\r\n            .shopify-accordion .accordion-item.active {\r\n                background-color: #E9E9E9;\r\n            }\r\n            .shopify-accordion .accordion-item .accordion-collapse.collapse {\r\n                display: block;          \/* tetap block, walau disembunyikan *\/\r\n                visibility: hidden;      \/* sembunyikan isinya *\/\r\n                height: 0 !important;    \/* sembunyikan tanpa ubah lebar *\/\r\n                overflow: hidden;\r\n            }\r\n\r\n            .shopify-accordion .accordion-item .accordion-collapse.collapse.show {\r\n                visibility: visible;     \/* tampilkan saat aktif *\/\r\n                height: auto !important;\r\n            }\r\n\r\n            @media (max-width: 750px) {\r\n                .section-shopify {\r\n                    max-width: none;\r\n                    margin: 50px 0 70px;\r\n                    padding: 0;\r\n                    flex-direction: column;\r\n                    gap: 30px;                \r\n                }\r\n                .shopify-image {\r\n                    flex: 0 0 auto;\r\n                    width: 100%;\r\n                    margin-bottom: 30px;\r\n                }\r\n                .shopify-subtitle .subtitle {\r\n                    font-size: 16px;\r\n                    text-align: center;\r\n                }\r\n                .shopify-title {\r\n                    margin-bottom: 15px;\r\n                }\r\n                .shopify-title .title {\r\n                    font-size: 24px;\r\n                    line-height: 28px;\r\n                    text-align: center;\r\n                }\r\n                .shopify-description .description {\r\n                    font-size: 14px;\r\n                    text-align: center;\r\n                }\r\n                .shopify-accordion .accordion-item .accordion-button {\r\n                    padding: 10px;\r\n                }\r\n                .shopify-accordion .accordion-item .accordion-button span {\r\n                    font-size: 16px;\r\n                    margin-left: 8px;\r\n                }\r\n                .shopify-accordion .accordion-item .accordion-button .badge-shopify {\r\n                    padding: 4px 5px;\r\n                    border-radius: 4px;\r\n                    font-size: 12px;\r\n                    margin-left: 8px;\r\n                }\r\n                .shopify-accordion .accordion-item .accordion-button::after {\r\n                    font-size: 18px;\r\n                    width: 30px;\r\n                    height: 30px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                }\r\n                .shopify-accordion .accordion-item .accordion-body {\r\n                    padding: 0 13px 13px;\r\n                }\r\n                .shopify-text {\r\n                    padding-top: 0;\r\n                }\r\n                \/* .shopify-image img {\r\n                    height: 315px;\r\n                }\r\n                .shopify-image {\r\n                    height: 320px;\r\n                } *\/\r\n            }\r\n        <\/style>\r\n        <div class=\"section-shopify\"> \r\n            <div class=\"shopify-image hide-mobile\">\r\n                <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/Frame-2199319.png\" alt=\"shopify-us\">\r\n            <\/div>\r\n            <div class=\"shopify-text\">\r\n                                    <div class=\"shopify-subtitle\">\r\n                        <p class=\"subtitle\">SHOPIFY PARTNER<\/p>\r\n                    <\/div>\r\n                                <div class=\"shopify-title\">\r\n                    <h4 class=\"title\">Expert guidance and support for your business<\/h4>\r\n                <\/div>\r\n                                <div class=\"shopify-description\">\r\n                    <p class=\"description\">We are affiliated with Shopify as part of our commitment to assisting your business's growth to the fullest.<\/p>\r\n                <\/div>\r\n                                <div class=\"shopify-image hide-desktop\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/Frame-2199319.png\" alt=\"shopify-us\">\r\n                <\/div>\r\n                <div class=\"shopify-accordion\">\r\n                    <div class=\"accordion\" id=\"accordionShopify\">\r\n\r\n                                                <div class=\"accordion-item\">\r\n                            <div class=\"accordion-header\" id=\"shopify0\">\r\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseShopify0\" aria-expanded=\"true\" aria-controls=\"collapseShopify0\">\r\n                                    <span>About Shopify<\/span>\r\n                                                                    <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapseShopify0\" class=\"accordion-collapse collapse\" aria-labelledby=\"shopify0\" data-bs-parent=\"#accordionShopify\">\r\n                                <div class=\"accordion-body\">\r\n                                    <p>Shopify is a commerce platform that enables businesses to build an online store, market to customers, and accept payments across multiple sales channels and locations\u2014all in one place.<br \/><br \/>Shopify's platform includes a variety of features and products designed to support modern businesses and contribute to shaping the future of commerce.<\/p>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"accordion-item\">\r\n                            <div class=\"accordion-header\" id=\"shopify1\">\r\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseShopify1\" aria-expanded=\"true\" aria-controls=\"collapseShopify1\">\r\n                                    <span>Shopify Partner<\/span>\r\n                                                                    <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapseShopify1\" class=\"accordion-collapse collapse\" aria-labelledby=\"shopify1\" data-bs-parent=\"#accordionShopify\">\r\n                                <div class=\"accordion-body\">\r\n                                    <p>The Shopify Partner Program comprises a varied community of designers, developers, marketers, and affiliates leveraging the Shopify platform to craft ecommerce websites, themes, and apps.<\/p><p>They are merchants that accepted the terms with Shopify to assist business owners enhance the success of their Shopify stores.<\/p>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"accordion-item\">\r\n                            <div class=\"accordion-header\" id=\"shopify2\">\r\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseShopify2\" aria-expanded=\"true\" aria-controls=\"collapseShopify2\">\r\n                                    <span>The Advantages<\/span>\r\n                                                                    <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapseShopify2\" class=\"accordion-collapse collapse\" aria-labelledby=\"shopify2\" data-bs-parent=\"#accordionShopify\">\r\n                                <div class=\"accordion-body\">\r\n                                    <p>As a Shopify Partner, we receive several benefits as part of the program, including:<\/p><ul><li>Access to exclusive Shopify Plus education, training, and enablement resources<\/li><li>Support from a community of industry-leading agencies and commerce technology providers to help you succeed<\/li><li>Access to a private Shopify Plus Partner chat group, and more<\/li><\/ul>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n            (function($) {\r\n                $(document).ready(function() {\r\n                    loop_accordion_button()\r\n\r\n                    $(\"#accordionShopify button:first\").trigger(\"click\");\r\n\r\n                    function loop_accordion_button() {\r\n                        \r\n                        $('#accordionShopify .accordion-button').each(function(i, v) {\r\n                            let accordion_item = $(v).parent().parent()\r\n                            $(accordion_item).removeClass('active')\r\n    \r\n                            if(!$(v).hasClass('collapsed')) {\r\n                                $(accordion_item).addClass('active')\r\n                            }\r\n                        })\r\n                    }\r\n\r\n                    $('#accordionShopify .accordion-button').on('click', function() {\r\n                        loop_accordion_button()\r\n                    })\r\n                })\r\n            })(jQuery);\r\n        <\/script>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca243aa e-con-full e-flex e-con e-parent\" data-id=\"ca243aa\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-640a981 elementor-widget elementor-widget-section_shopify_plus\" data-id=\"640a981\" data-element_type=\"widget\" data-widget_type=\"section_shopify_plus.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\r\n            .section-shopify-plus {\r\n                max-width: 1050px;\r\n                margin: 70px auto 0;\r\n                overflow: hidden;\r\n            }\r\n            .shopify-plus-header {\r\n                margin-bottom: 50px;\r\n            }\r\n            .shopify-plus-subtitle {\r\n                margin-bottom: 15px;\r\n            }\r\n            .shopify-plus-subtitle .subtitle {\r\n                color: #513B6A;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin: 0;           \r\n                text-align: center;     \r\n            }\r\n            .shopify-plus-title {\r\n                max-width: 690px;\r\n                margin: 0 auto;\r\n            }\r\n            .shopify-plus-title .title {\r\n                color: #222;\r\n                font-size: 36px;\r\n                font-weight: 400;\r\n                line-height: normal;\r\n                margin: 0;               \r\n                text-align: center; \r\n            }\r\n            .shopify-plus-description {\r\n                margin-top: 15px;\r\n            }\r\n            .shopify-plus-image {\r\n                position: relative;\r\n                text-align: center;\r\n            }\r\n            @media (max-width: 750px) {\r\n                .section-shopify-plus {\r\n                    max-width: none;\r\n                    margin: 50px auto 70px;\r\n                    padding: 0 15px;\r\n                }\r\n                .shopify-plus-header {\r\n                    margin-bottom: 24px;\r\n                }\r\n                .shopify-plus-subtitle .subtitle {\r\n                    font-size: 16px;\r\n                }\r\n                .shopify-plus-title {\r\n                    max-width: none;\r\n                    margin: 0;\r\n                }\r\n                .shopify-plus-title .title {\r\n                    font-size: 24px;\r\n                    line-height: 28px;\r\n                }\r\n                .shopify-plus-image {\r\n                    padding-bottom: 15px;\r\n                }\r\n                .shopify-plus-image > img {\r\n                    width: 320px;\r\n                    height: auto;\r\n                }\r\n            }\r\n        <\/style>\r\n        <div class=\"section-shopify-plus\">\r\n            <div class=\"shopify-plus-header\">\r\n                <div class=\"shopify-plus-subtitle\">\r\n                    <p class=\"subtitle\">SHOPIFY PLUS<\/p>\r\n                <\/div>\r\n                <div class=\"shopify-plus-title\">\r\n                    <h4 class=\"title\">Advanced features designed to keep up with your expanding needs<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"shopify-plus-body\">\r\n                <div class=\"shopify-plus-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/09\/shopify-plus-cropped.png\" class=\"hide-mobile\" alt=\"shopify-plus-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/08\/Group-81522.png\" class=\"hide-desktop\" alt=\"shopify-plus-image\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f08536d e-con-full e-flex e-con e-parent\" data-id=\"f08536d\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e011a0 elementor-widget elementor-widget-section_our_client_web\" data-id=\"5e011a0\" data-element_type=\"widget\" data-widget_type=\"section_our_client_web.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\r\n            .section-our-client-web {\r\n                max-width: 1050px;\r\n                margin: 70px auto;\r\n            }\r\n            .client-web-header {\r\n                margin-bottom: 50px;\r\n            }\r\n            .client-web-subtitle {\r\n                margin-bottom: 15px;\r\n            }\r\n            .client-web-subtitle .subtitle {\r\n                color: #513B6A;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                line-height: normal;\r\n                margin: 0;              \r\n            }\r\n            .client-web-title {\r\n                max-width: 690px;\r\n                margin-right: auto;\r\n            }\r\n            .client-web-title .title {\r\n                color: #222;\r\n                font-size: 36px;\r\n                font-weight: 400;\r\n                line-height: normal;\r\n                margin: 0;          \r\n            }\r\n            .client-web-body {\r\n                margin-bottom: 50px;\r\n            }\r\n            .client-web-list {\r\n                display: flex;\r\n                flex-direction: row;\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                gap: 30px;\r\n            }\r\n            .client-web-item {\r\n                transition: 0.2s ease-in-out;\r\n                flex: 0 0 auto;\r\n                width: 31.2%;\r\n            }\r\n            .client-item-image {\r\n                transition: 0.2s ease-in-out;\r\n                margin-bottom: 20px;\r\n            }\r\n            .client-item-image img {\r\n                border: 2px solid #222;\r\n                border-radius: 6px;\r\n                transition: 0.2s ease-in-out;\r\n            }\r\n            .client-web-item:hover .client-item-image img {\r\n                box-shadow: 6px 6px 0 0 #222;\r\n            }\r\n            .client-item-categories {\r\n                display: flex;\r\n                flex-direction: row;\r\n                flex-wrap: wrap;\r\n                gap: 10px;\r\n                margin-bottom: 15px;\r\n            }\r\n            .client-item-category {\r\n                background-color: #F3F3F3;\r\n                border: 1px solid #BABABA;\r\n                border-radius: 4px;\r\n                padding: 5px 10px;\r\n            }\r\n            .client-item-category .category {\r\n                color: #222;\r\n                font-size: 12px;\r\n                font-weight: 400;\r\n                line-height: normal;\r\n                margin: 0;\r\n            }\r\n            .client-item-content {\r\n                display: flex;\r\n                flex-direction: row;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n            }\r\n            .client-item-title {\r\n                margin-bottom: 5px;\r\n            }\r\n            .client-item-title .title {\r\n                color: #222;\r\n                font-size: 20px;\r\n                font-weight: 400;\r\n                line-height: normal;\r\n                margin: 0;\r\n            }\r\n            .client-item-description .description {\r\n                color: #222;\r\n                font-size: 14px;\r\n                font-weight: 300;\r\n                line-height: normal;\r\n                margin: 0;\r\n            }\r\n            .client-web-paginate {\r\n                margin-bottom: 30px;\r\n            }\r\n            .client-web-paginate .paginate {\r\n                color: #222;\r\n                font-size: 18px;\r\n                font-weight: 300;\r\n                line-height: normal;\r\n                text-align: center;\r\n                margin: 0;\r\n            }\r\n            .button-more {\r\n                display: flex;\r\n                justify-content: center;\r\n            }\r\n            .button-more .btn {\r\n                display: flex;\r\n                align-items: center;\r\n                padding: 13.5px 24px;\r\n                background-color: #EEE9DF;\r\n                border-radius: 8px;\r\n                gap: 15px;\r\n            }\r\n            .button-more .btn:hover{\r\n                background-color: #EEE9DF;\r\n            }\r\n            .button-more .btn svg {\r\n                width: 12px;\r\n            }\r\n            @media (max-width: 750px) {\r\n                .section-our-client-web {\r\n                    max-width: none;\r\n                    margin: 50px auto 70px;\r\n                    padding: 0 15px;\r\n                }\r\n                .client-web-header {\r\n                    margin-bottom: 24px;\r\n                }\r\n                .client-web-subtitle .subtitle {\r\n                    font-size: 16px;\r\n                    text-align: center;\r\n                }\r\n                .client-web-title {\r\n                    max-width: none;\r\n                    margin: 0;\r\n                }\r\n                .client-web-title .title {\r\n                    font-size: 24px;\r\n                    line-height: 28px;\r\n                    text-align: center;\r\n                }\r\n                .client-web-body {\r\n                    margin-bottom: 0;\r\n                }\r\n                .client-web-list {\r\n                    column-gap: 10px;\r\n                    row-gap: 23px;\r\n                }\r\n                .client-web-item {\r\n                    width: 48%;\r\n                }\r\n                .client-item-image {\r\n                    margin-bottom: 10px;\r\n                }\r\n                .client-item-categories {\r\n                    gap: 5px;\r\n                    margin-bottom: 10px;\r\n                }\r\n                .client-item-category {\r\n                    padding: 3px 6px;\r\n                }\r\n                .client-item-category .category {\r\n                    font-size: 10px;\r\n                }\r\n                .client-item-title {\r\n                    margin-bottom: 0;\r\n                }\r\n                .client-item-title .title {\r\n                    font-size: 16px;\r\n                }\r\n                .client-item-description .description {\r\n                    font-size: 12px;\r\n                }\r\n                .client-item-button {\r\n                    margin-right: 10px;\r\n                }\r\n                .client-web-footer {\r\n                    display: none;\r\n                }\r\n            }\r\n        <\/style>\r\n        <div class=\"section-our-client-web\">\r\n            <div class=\"client-web-header\">\r\n                <div class=\"client-web-subtitle\">\r\n                    <p class=\"subtitle\">OUR CLIENTS<\/p>\r\n                <\/div>\r\n                <div class=\"client-web-title\">\r\n                    <h4 class=\"title\">Empowering businesses through reliability & expertise<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"client-web-body\">\r\n                <div class=\"client-web-list\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"client-web-footer\">\r\n                <div class=\"client-web-paginate\">\r\n                    <p class=\"paginate\">Showing <span id=\"paginate-show\">0<\/span> of out <span id=\"paginate-length\">0<\/span><\/p>\r\n                <\/div>\r\n                <div class=\"client-web-button-more\">\r\n                    <div class=\"button-more\">\r\n                        <button class=\"btn btn-branding-secondary btn-show-more\" data-page=\"1\">\r\n                            Show More\r\n                            <i class=\"fas fa-angle-down\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n            (function($) {\r\n                $(document).ready(function() {\r\n                    let limit = 6;\r\n                    let data = [\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/image-251.png\",\r\n                            categories: \"Shopify Plus,Shopify,E-Commerce\",\r\n                            url: \"https:\/\/atmos.co.id\/\",\r\n                            title: \"Atmos Indonesia\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-4.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/melissa.co.id\/\",\r\n                            title: \"Melissa\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-3.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/dumaofficial.com\/\",\r\n                            title: \"Duma\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/madeforhmns.com\/\",\r\n                            title: \"HMNS\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-1.png\",\r\n                            categories: \"Wordpress,E-Commerce\",\r\n                            url: \"https:\/\/domibed.id\/\",\r\n                            title: \"Domi Bed\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/image-251-6.png\",\r\n                            categories: \"Wordpress,E-Commerce\",\r\n                            url: \"https:\/\/www.sidomunculnatural.com\/en\/\",\r\n                            title: \"Sidomuncul Natural\",\r\n                            description: \"Health & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-2.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/greenrebelfoods.com\/\",\r\n                            title: \"Green Rebel\",\r\n                            description: \"Food & Beverage\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-5.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/xexymix.co.id\/\",\r\n                            title: \"Xexymix\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-6.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/dbodhi.com\/en\/\",\r\n                            title: \"d Bodhi\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-7.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/cottonink.co.id\/\",\r\n                            title: \"Cottonink\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-8.png\",\r\n                            categories: \"Wordpress,E-Commerce\",\r\n                            url: \"https:\/\/www.jolie-clothing.com\/\",\r\n                            title: \"Jolie Clothing\",\r\n                            description: \"Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-9.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/m231.com\/\",\r\n                            title: \"M231\",\r\n                            description: \" Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                                {\r\n                            image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/Frame-2199419-10.png\",\r\n                            categories: \"Shopify,E-Commerce\",\r\n                            url: \"https:\/\/www.zaxy.id\/\",\r\n                            title: \"Zaxy\",\r\n                            description: \" Fashion & Lifestyle\",\r\n                            button_image: \"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/05\/external-link.png\",\r\n                        },\r\n                                            ]\r\n\r\n                    $('#paginate-show').text(limit)\r\n                    $('#paginate-length').text(data.length)\r\n\r\n                    if (limit == data.length) {\r\n                        $('.client-web-button-more').hide()\r\n                    }\r\n\r\n                    renderItem(0, limit)\r\n\r\n                    function renderItem(i, j) {\r\n                        data.slice(i, j).forEach(function(data) {\r\n                            let html_category = ''\r\n                            data.categories.split(\",\").forEach(function(category) {\r\n                                html_category += `<div class=\"client-item-category\"><p class=\"category\">${category}<\/p><\/div>`   \r\n                            })\r\n    \r\n                            let html_item = \r\n                            `<div class=\"client-web-item\">\r\n                                <div class=\"client-item-image\">\r\n                                    <a href=\"${data.url}\" target=\"_blank\" >\r\n                                        <img decoding=\"async\" src=\"${data.image}\" alt=\"client-item-image\">\r\n                                    <\/a>\r\n                                <\/div>\r\n                                <div class=\"client-item-categories\">\r\n                                    ${html_category}\r\n                                <\/div>\r\n                                <div class=\"client-item-content\">\r\n                                    <div class=\"client-item-text\">\r\n                                        <div class=\"client-item-title\">\r\n                                            <a href=\"${data.url}\" target=\"_blank\" class=\"title\"> \r\n                                                ${data.title} \r\n                                            <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"client-item-description\">\r\n                                            <p class=\"description\">\r\n                                                ${data.description}\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"client-item-button\">\r\n                                        <a href=\"${data.url}\" target=\"_blank\" >\r\n                                            <img decoding=\"async\" src=\"${data.button_image}\" alt=\"client-item-button\">\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>`\r\n    \r\n                            $('.client-web-list').append($(html_item))\r\n                        })\r\n                    }\r\n\r\n                    $('.btn-show-more').click(function() {\r\n                        let page = parseInt($(this).attr('data-page'))\r\n                        renderItem(limit * page, limit * (++page))\r\n\r\n                        $(this).attr('data-page', page)\r\n                        $('#paginate-show').text(limit * page)\r\n\r\n                        if (limit * page >= data.length) {\r\n                            $('#paginate-show').text(data.length)\r\n                            $('.client-web-button-more').hide()\r\n                        }\r\n                    })                   \r\n                })\r\n            })(jQuery)\r\n        <\/script>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-799d4c0 e-con-full e-flex e-con e-parent\" data-id=\"799d4c0\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a47f47a elementor-widget elementor-widget-section_budget_calculation\" data-id=\"a47f47a\" data-element_type=\"widget\" data-widget_type=\"section_budget_calculation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\n            .section-budget-calculation {\n                max-width: 1195px;\n                margin: 50px auto 50px auto;\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                gap: 50px;\n            }\n            .budget-result {\n                background-color: #EEEBF0;\n                border: 2px solid #222;\n                border-radius: 14px;\n                position: relative;\n                flex: 0 0 auto;\n                width: 635px;\n            }\n            .budget-result-icon {\n                position: absolute;\n                top: 20px;\n                left: 20px;\n            }\n            .budget-result-inner {\n                max-width: 420px;\n                margin: 70px 70px 50px auto;\n            }\n            .budget-result-header {\n                margin-bottom: 70px;\n            }\n            .budget-result-title {\n                margin-bottom: 10px;\n            }\n            .budget-result-title .title {\n                color: #222;\n                font-size: 32px;\n                font-weight: 400;\n                line-height: normal;\n                margin: 0;\n            }\n            .budget-result-description .description {\n                color: #222;\n                font-size: 16px;\n                font-weight: 300;\n                line-height: 24px;\n                margin: 0;\n            }\n            .budget-calculation-subtitle {\n                margin-bottom: 15px;\n            }\n            .budget-calculation-subtitle .subtitle {\n                color: #513B6A;\n                font-size: 14px;\n                font-weight: 500;\n                line-height: normal;\n                margin: 0;\n            }\n            .budget-calculation-title .title {\n                color: #222;\n                font-size: 36px;\n                font-weight: 400;\n                line-height: normal;\n                margin: 0;\n            }\n            .result-body {\n                position: relative;\n                padding-left: 24px;\n            }\n            .result-body::before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: 0;\n                bottom: 0;\n                width: 4px;\n                height: 100%;\n                background-color: #33B8A5;\n                border-radius: 100px;\n            }\n            .result-body-monthly {\n                margin-bottom: 40px;\n            }\n            .result-body-transaction {\n                margin-bottom: 65px;\n            }\n            .title-result {\n                margin-bottom: 10px;\n            }\n            .title-result .title {\n                color: #222;\n                font-size: 16px;\n                font-weight: 300;\n                line-height: 24px;\n                margin: 0;\n            }\n            .price-result .price {\n                color: #222;\n                font-size: 32px;\n                font-weight: 400;\n                line-height: normal;\n                margin: 0;\n            }\n            .price-result .price span {\n                margin-left: 5px;\n            }\n            .price-result-description {\n                margin-top: 10px;\n            }\n            .price-result-description .description {\n                color: #222;\n                opacity: 0.7;\n                font-size: 15px;\n                font-weight: 300;\n                font-style: italic;\n                line-height: normal;\n                margin: 0;\n            }\n            .result-body-total {\n                margin-bottom: 96px;\n            }\n            .title-total {\n                margin-bottom: 10px;\n            }\n            .title-total .title {\n                color: #222;\n                font-size: 14px;\n                font-weight: 400;\n                line-height: 20px;\n                margin: 0;\n            }\n            .price-total .price {\n                color: #33B8A5;\n                font-size: 44px;\n                font-weight: 500;\n                line-height: normal;\n                margin: 0;\n            }\n            .result-footer-note .note {\n                color: #5f5e60;\n                font-size: 14px;\n                font-weight: 300;\n                line-height: normal;\n                margin: 0;\n            }\n            .result-footer-note .note a {\n                color: #4D7BC8;\n                font-weight: 500;\n                text-decoration: underline;\n            }\n            .budget-calculation-header {\n                margin-bottom: 30px;\n            }\n            .calculation-form .form-control,\n            .calculation-form .form-select{\n                padding: 11px 15px;\n                border-radius: 8px;\n                color: #222;\n                font-size: 16px;\n                font-weight: 400;\n                line-height: normal;\n                margin: 0\n            }\n            .calculation-form .form-control::placeholder {\n                color: #222;\n                opacity: 0.7;\n            }\n            .calculation-form .form-control:-webkit-autofill,\n            .calculation-form .form-control:-webkit-autofill:focus {\n                transition: background-color 0s 600000s, color 0s 600000s !important;\n            }\n            .calculation-form .plan .form-group-radio {\n                display: flex;\n                flex-direction: row;\n                flex-wrap: wrap;\n                gap: 10px;\n            }\n            .calculation-form .plan .form-group-radio label {\n                background-color: #FFF;\n                border: 1px solid #BABABA;\n                border-radius: 6px;\n                padding: 13px 14px;\n                display: flex;\n                align-items: center;\n            }\n            .calculation-form .plan .form-group-radio label.active {\n                background-color: #EDF2FA;\n                border-color: #4D7BC8;\n            }\n            .calculation-form .plan .form-group-radio label input[type=\"radio\"] {\n                display: none;\n            }\n            .calculation-form .plan .form-group-radio label input[type=\"radio\"] ~ span {\n                position: relative;\n                padding: 4.5px 0px 4.5px 32px;\n            }\n            .calculation-form .plan .form-group-radio label input[type=\"radio\"] ~ span:before {\n                content: \"\";\n                position: absolute;\n                display: block;\n                width: 24px;\n                height: 24px;\n                background: #fff;\n                margin-right: 5px;\n                border: 1px solid #ccc;\n                border-radius: 50%;\n                left: 0;\n                top: 0;\n                box-sizing: border-box;\n                transition: all 300ms ease-in-out;\n            }\n            .calculation-form .plan .form-group-radio label input[type=\"radio\"]:checked ~ span:before {\n                border: 0;\n                background-image: url('https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/Group-40511.png');\n            }\n            .calculation-form .plan .form-group-radio label b {\n                margin-left: 4px;\n            }\n            .calculation-form .input-group {\n                border: 1px solid #BABABA;\n                border-radius: 8px;\n            }\n            .calculation-form .input-group .input-group-text {\n                background-color: #FFF;\n                border: 0;\n                border-radius: 8px 0 0 8px;\n                padding: 11px 5px 11px 15px;\n            }\n            .calculation-form .input-group input {\n                border: 0;\n                padding: 11px 15px 11px 5px;\n            }\n            @media (max-width: 750px) {\n                .section-budget-calculation {\n                    max-width: none;\n                    margin: 50px auto 70px;\n                    padding: 0 15px;\n                    flex-direction: column;\n                    gap: 30px;\n                }\n                .budget-result {\n                    order: 2;\n                    width: 100%;\n                }\n                .budget-result-icon {\n                    top: 15px;\n                    left: 15px;\n                    max-width: 44px;\n                }\n                .budget-result-inner {\n                    max-width: none;\n                    margin: 50px auto;\n                    padding: 0 15px;\n                }\n                .budget-result-header {\n                    margin-bottom: 24px;\n                }\n                .budget-result-title {\n                    margin-bottom: 15px;\n                }\n                .budget-result-title .title {\n                    font-size: 24px;\n                    line-height: 28px;\n                    text-align: center;\n                }\n                .budget-result-description .description {\n                    font-size: 14px;\n                    line-height: normal;\n                    text-align: center;\n                }\n                .result-body-monthly {\n                    margin-bottom: 24px;\n                }\n                .result-body-transaction {\n                    margin-bottom: 24px;\n                }\n                .title-result {\n                    margin-bottom: 5px;\n                }\n                .title-result .title {\n                    font-size: 14px;\n                    line-height: 24px;\n                }\n                .price-result .price {\n                    font-size: 28px;\n                }\n                .price-result-description {\n                    margin-top: 5px;\n                }\n                .price-result-description .description {\n                    font-size: 12px;\n                }\n                .result-body-total {\n                    margin-bottom: 24px;\n                }\n                .result-footer-note .note {\n                    font-size: 12px;\n                }\n                .budget-calculation {\n                    order: 1;\n                }\n                .budget-calculation-subtitle .subtitle {\n                    font-size: 16px;\n                    text-align: center;\n                }\n                .budget-calculation-title .title {\n                    font-size: 24px;\n                    line-height: 28px;\n                    text-align: center;\n                }\n                .calculation-form .plan .form-group-radio label {\n                    padding: 10px 13px;\n                }\n                .calculation-form .plan .form-group-radio label input[type=\"radio\"] ~ span {\n                    padding: 2.5px 0px 2.5px 27px;\n                }\n                .calculation-form .plan .form-group-radio label input[type=\"radio\"] ~ span:before {\n                    width: 20px;\n                    height: 20px;\n                }\n                .calculation-form .plan .form-group-radio label input[type=\"radio\"]:checked ~ span:before {\n                    background-size: 20px 20px;\n                }\n                .calculation-form .form-control,\n                .calculation-form .form-select{\n                    padding: 10px 15px;\n                }\n            }\n        <\/style>\n        <div class=\"section-budget-calculation\">\n            <div class=\"budget-result\">\n                <div class=\"budget-result-icon\">\n                    <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/04\/Frame-770414.png\" alt=\"result-body-icon\">\n                <\/div>\n                <div class=\"budget-result-inner\">\n                    <div class=\"budget-result-header\">\n                        <div class=\"budget-result-title\">\n                            <h4 class=\"title\">Shopify Cost Calculation<\/h4>\n                        <\/div>\n                        <div class=\"budget-result-description\">\n                            <p class=\"description\">Which plan offers the best value for your business?<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"budget-result-body\">\n                        <div class=\"result-body result-body-monthly\">\n                            <div class=\"title-result title-monthly\">\n                                <h6 class=\"title\">Shopify Monthly Plan<\/h6>\n                            <\/div>\n                            <div class=\"price-result price-monthly\">\n                                <p class=\"price\">IDR <span class=\"price-monthly-plan-number\">0<\/span><\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"result-body result-body-transaction\">\n                            <div class=\"title-result title-transaction\">\n                                <h6 class=\"title\">Transaction fees for Shopify<\/h6>\n                            <\/div>\n                            <div class=\"price-result price-transaction\">\n                                <p class=\"price\">IDR <span class=\"price-transaction-fee-number\">0<\/span><\/p>\n                            <\/div>\n                            <div class=\"price-result-description\">\n                                <p class=\"description\">This is the estimate of the highest value of all payment channels<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"result-body-total\">\n                            <div class=\"title-total\">\n                                <h6 class=\"title\">TOTAL MONTHLY COST (Estimated)<\/h6>\n                            <\/div>\n                            <div class=\"price-total\">\n                                <p class=\"price\">IDR <span class=\"price-total-number\">0<\/span><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"budget-result-footer\">\n                        <div class=\"result-footer-note\">\n                            <p class=\"note\">If you have another question about shopify <a href=\"\/id\/contact\/\">Contact Here<\/a><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"budget-calculation\">\n                <div class=\"budget-calculation-header\">\n                    <div class=\"budget-calculation-subtitle\">\n                        <p class=\"subtitle\">BUDGET CALCULATION<\/p>\n                    <\/div>\n                    <div class=\"budget-calculation-title\">\n                        <h4 class=\"title\">Calculate the expenses required for your business plan.<\/h4>\n                    <\/div>\n                <\/div>\n                <div class=\"budget-calculation-body\">\n                    <form class=\"calculation-form\" id=\"calculation-form\" action=\"\">\n                        <div class=\"form-group mb-3\">\n                            <label class=\"form-label\" for=\"shipping_method\">Shipment Method<\/label>\n                            <select id=\"shipping_method\" name=\"shipping_method\" class=\"form-select\" placeholder=\"Choose shipment method..\">\n                                <option value=\"\" selected=\"selected\">Choose shipment method..<\/option>\n                                <option value=\"flat_rate\">Flat Rate<\/option>\n                                <option value=\"3rd_party_courier_service\">3rd Party Courier Service<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group mb-3\">\n                            <label class=\"form-label\" for=\"payment_gateway\">Payment Gateaway<\/label>\n                            <select id=\"payment_gateway\" name=\"payment_gateway\" class=\"form-select\" placeholder=\"Choose payment gateaway..\">\n                                <option value=\"\" selected=\"selected\">Choose payment gateaway..<\/option>\n                                <option value=\"manual_payment_method\">Manual Payment Method<\/option>\n                                <option value=\"external_payment_gateway\">External Payment Gateaway (Xendit, Midtrans, etc)<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group mb-3\">\n                            <label class=\"form-label\" for=\"shopify_plan\">Plan<\/label>\n                            <select id=\"shopify_plan\" name=\"shopify_plan\" class=\"form-select\" placeholder=\"Choose plan..\">\n                                <option value=\"monthly_plan\" selected=\"selected\">Monthly Plan<\/option>\n                                <option value=\"annual_plan\">Annual Plan<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group mb-3 plan monthly_plan\">\n                            <label class=\"form-label\">Monthly Plan<\/label>\n                            <div class=\"form-group-radio\">\n                                <label for=\"shopify_monthly_basic\" class=\"shopify_basic\">\n                                    <input type=\"radio\" name=\"monthly_plan\" id=\"shopify_monthly_basic\" value=\"shopify_basic-25\">\n                                    <span>Shopify Basic <b> - $25<\/b><\/span>\n                                <\/label>\n                                <label for=\"shopify_monthly\" class=\"shopify\">\n                                    <input type=\"radio\" name=\"monthly_plan\" id=\"shopify_monthly\" value=\"shopify-65\">\n                                    <span>Shopify <b> - $65<\/b><\/span>\n                                <\/label>\n                                <label for=\"shopify_monthly_advance\" class=\"shopify_advance\">\n                                    <input type=\"radio\" name=\"monthly_plan\" id=\"shopify_monthly_advance\" value=\"shopify_advance-399\">\n                                    <span>Shopify Advance <b> - $399<\/b><\/span>\n                                <\/label>\n                                <label for=\"shopify_monthly_plus\" class=\"shopify_plus\">\n                                    <input type=\"radio\" name=\"monthly_plan\" id=\"shopify_monthly_plus\" value=\"shopify_plus-2000\">\n                                    <span>Shopify Plus <b> - start $2000<\/b><\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-group mb-3 plan annual_plan\" style=\"display: none\">\n                            <label class=\"form-label\">Annual Plan<\/label>\n                            <div class=\"form-group-radio\">\n                                <label for=\"shopify_annual_basic\" class=\"shopify_basic\">\n                                    <input type=\"radio\" name=\"annual_plan\" id=\"shopify_annual_basic\" value=\"shopify_basic-19\">\n                                    <span>Shopify Basic <b> - $19\/mo<\/b><\/span>\n                                <\/label>\n                                <label for=\"shopify_annual\" class=\"shopify\">\n                                    <input type=\"radio\" name=\"annual_plan\" id=\"shopify_annual\" value=\"shopify-49\">\n                                    <span>Shopify <b>- $49\/mo<\/b><\/span>\n                                <\/label>\n                                <label for=\"shopify_annual_advance\" class=\"shopify_advance\">\n                                    <input type=\"radio\" name=\"annual_plan\" id=\"shopify_annual_advance\" value=\"shopify_advance-299\">\n                                    <span>Shopify Advance <b> - $299<\/b><\/span>\n                                <\/label>\n                                <label for=\"shopify_annual_plus\" class=\"shopify_plus\">\n                                    <input type=\"radio\" name=\"annual_plan\" id=\"shopify_annual_plus\" value=\"shopify_plus-2000\">\n                                    <span>Shopify Plus <b> - start $2000<\/b><\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"monthly_revenue\">Monthly Revenue<\/label>\n                            <div class=\"input-group\">\n                                <span class=\"input-group-text\" id=\"idr\">IDR<\/span>\n                                <input type=\"text\" class=\"form-control\" placeholder=\"e.g: 100.000.000\" id=\"monthly_revenue\" name=\"monthly_revenue\" aria-describedby=\"idr\">\n                            <\/div>\n                        <\/div>\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"id\"\/><\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n        <script>\n            (function($){\n                $(document).ready(function() {\n                    $('#calculation-form').submit(function(e) {\n                        e.preventDefault()\n                    })\n\n                    $('#shipping_method').change(function() {\n                        let method = $(this).val()\n                        \/\/ console.log(method)\n                        if (method == '3rd_party_courier_service') {\n                            $('.annual_plan .shopify_basic').hide()\n                        }\n                        else {\n                            $('.annual_plan .shopify_basic').show()\n                        }\n                        $('#monthly_revenue').trigger('change')\n                    })\n\n                    $('#payment_gateway').change(function() {\n                        $('#monthly_revenue').trigger('change')\n                    })\n\n                    $('#shopify_plan').change(function() {\n                        let plan = $(this).val()\n                        if (plan == 'monthly_plan') {\n                            $('.plan.monthly_plan').show()\n                            $('.plan.annual_plan').hide()\n                        }\n                        else {\n                            $('.plan.annual_plan').show()\n                            $('.plan.monthly_plan').hide()\n                        }\n                    })\n\n                    function resetRadio(elem) {\n                        $(elem).each(function(i, v) {\n                            $(v).parent().removeClass('active')\n                        })    \n                    }\n\n                    $('input[name=\"monthly_plan\"]').change(function() {\n                        $('input[name=\"annual_plan\"]').prop('checked', false)\n                        $('#monthly_revenue').trigger('change')\n\n                        resetRadio($('input[name=\"monthly_plan\"]'))\n                        resetRadio($('input[name=\"annual_plan\"]'))\n                        $(this).parent().addClass('active')\n                    })\n\n                    $('input[name=\"annual_plan\"]').change(function() {\n                        $('input[name=\"monthly_plan\"]').prop('checked', false)\n                        $('#monthly_revenue').trigger('change')\n\n                        resetRadio($('input[name=\"monthly_plan\"]'))\n                        resetRadio($('input[name=\"annual_plan\"]'))\n                        $(this).parent().addClass('active')\n                    })\n\n                    $('#monthly_revenue').change(function() {\n                        $(this).val($(this).val().replaceAll('.', ''))\n                        $(this).val(numberWithDots($(this).val()))\n                        calculate()\n                    })\n\n                    const fee_basic = 2 \/ 100;\n                    const fee_shopify = 1 \/ 100;\n                    const fee_advance = 0.5 \/ 100;\n                    const fee_plus = 0.15 \/ 100;\n                    const exchange_rate = 15500;\n\n                    function calculate() {\n                        let serialize = $('#calculation-form').serializeArray()\n                        let perbulan = 0\n                        let fee = 0\n                        let total = 0\n\n                        let third_party_courier = false\n                        let third_party_payment = false\n                        let plan = ''\n\n                        $.each(serialize, function(i, v) {\n                            if (v.name == 'payment_gateway' && v.value == 'external_payment_gateway') {\n                                third_party_payment = true\n                            }\n                            if (v.name == 'monthly_plan' && v.value != '' || v.name == 'annual_plan' && v.value != '') {\n                                let price = v.value.split('-') \/\/shopify_plus-2000\n                                plan = price[0]\n                                perbulan = parseInt(price[1]) * exchange_rate\n                            }\n                            if (v.name == 'monthly_revenue' && v.value != '') {\n                                \/\/ let number = parseInt(v.value)\n                                let number = parseInt(v.value.replaceAll('.', ''))\n                                \/\/ console.log('number', number, 'value', v.value)\n                                if (third_party_payment) {\n                                    switch (plan) {\n                                        case 'shopify_basic':\n                                            fee = number * parseFloat(fee_basic)\n                                            break;\n    \n                                        case 'shopify':\n                                            fee = number * parseFloat(fee_shopify)\n                                            break;\n                                    \n                                        case 'shopify_advance':\n                                            fee = number * parseFloat(fee_advance)\n                                            break;\n    \n                                        case 'shopify_plus':\n                                            fee = number * parseFloat(fee_plus)\n                                            break;\n    \n                                        default:\n                                            break;\n                                    }\n                                }\n                            }\n                        })\n\n                        total = perbulan + fee\n\n                        $('.price-monthly-plan-number').text(numberWithDots(perbulan))                        \n                        $('.price-transaction-fee-number').text(numberWithDots(fee))                        \n                        $('.price-total-number').text(numberWithDots(total))                        \n                    }\n                    \n                    function numberWithDots(x) {\n                        return x.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\n                    }\n                })\n            })(jQuery)\n        <\/script>\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6f1c05 e-con-full e-flex e-con e-parent\" data-id=\"b6f1c05\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3b4c8 elementor-widget elementor-widget-section_elevate_brand\" data-id=\"0e3b4c8\" data-element_type=\"widget\" data-widget_type=\"section_elevate_brand.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <style>\r\n            .section-elevate-brand {\r\n                background-color: #FFFFFF;\r\n                border: 2px solid #222222;\r\n                border-radius: 24px;\r\n                padding: 25px 38px;\r\n            }\r\n            .elevate-inner {\r\n                background-image: url('https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Frame-2199363.png');\r\n                background-size: contain;\r\n                background-repeat: repeat;\r\n                background-position: top left;\r\n                display: flex;\r\n            }\r\n            .elevate-body {\r\n                max-width: 510px;\r\n                margin: 45px auto;\r\n                position: relative;\r\n            }\r\n            .elevate-title {\r\n                margin-bottom: 10px;\r\n            }\r\n            .elevate-title .title {\r\n                color: #222222;\r\n                font-size: 36px;\r\n                font-weight: 400;\r\n                line-height: normal;\r\n                margin: 0;            \r\n                text-align: center;   \r\n            }\r\n            .elevate-description {\r\n                margin-bottom: 50px;\r\n            }\r\n            .elevate-description .description {\r\n                color: #222222;\r\n                font-size: 16px;\r\n                font-weight: 300;\r\n                line-height: 24px;\r\n                margin: 0;        \r\n                text-align: center;   \r\n            }\r\n            .elevate-button {\r\n                display: flex;\r\n                justify-content: center;\r\n            }\r\n            .elevate-button .btn {\r\n                background-color: #33B8A5;\r\n                color: #FFF;\r\n                width: fit-content;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n                font-size: 18px;\r\n                font-weight: 600;\r\n            }\r\n            .elevate-button .btn:hover {\r\n                \/* background-color: #000; *\/\r\n                color: #FFF;\r\n                background-color: #33B8A5;\r\n                box-shadow: 4px 4px 0px 0px #222;\r\n                -webkit-box-shadow: 4px 4px 0px 0px #222;\r\n            }\r\n            .elevate-button svg {\r\n                margin-left: 6px;\r\n            }\r\n            @media (min-width: 768px) and (max-width: 1367px) {\r\n                .elevate-body {\r\n                    max-width: 690px;\r\n                    margin: 40px auto 46px;\r\n                }\r\n                .elevate-icon-1 {\r\n                    left: -190px;\r\n                }\r\n            }\r\n            @media (max-width: 750px) {\r\n                .section-elevate-brand {\r\n                    border-width: 2px 0 0;\r\n                    border-radius: 0;\r\n                    padding: 0;\r\n                }\r\n                .elevate-inner {\r\n                    background-image: url('https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Frame-2199363-1.png');\r\n                    padding: 0 15px;\r\n                }\r\n                .elevate-body {\r\n                    max-width: none;\r\n                    margin: 125px auto 115px;\r\n                }\r\n                .elevate-title {\r\n                    margin-bottom: 15px;\r\n                }\r\n                .elevate-title .title {\r\n                    font-size: 24px;\r\n                    line-height: 28px;\r\n                }\r\n                .elevate-description {\r\n                    margin-bottom: 30px;\r\n                }\r\n                .elevate-description .description {\r\n                    font-size: 14px;\r\n                    line-height: normal;  \r\n                }\r\n                .elevate-button .btn {\r\n                    font-size: 16px;\r\n                }\r\n                .elevate-button img {\r\n                    width: 20px;\r\n                    height: 20px;\r\n                }\r\n                .elevate-button svg {\r\n                    margin-left: 4px;\r\n                }\r\n            }   \r\n        <\/style>\r\n        <div class=\"section-elevate-brand\">\r\n            <div class=\"elevate-inner\">\r\n                <div class=\"elevate-body\">\r\n                    <div class=\"elevate-title\">\r\n                        <h4 class=\"title\">Elevate your brand with BDD's Website Development Service<\/h4>\r\n                    <\/div>\r\n                    <div class=\"elevate-description\">\r\n                        <p class=\"description\">Transform your website into a welcoming space for your audience; let's build a cozy one.<\/p>\r\n                    <\/div>\r\n                    <div class=\"elevate-button\">\r\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281805757585&text=Halo%20saya%20tau%20BDD%20dari%20Website%20dan%20tertarik%20dengan%20service%20Website%20Development,%20bisa%20dijelaskan%20lebih%20lanjut?\" class=\"btn btn-branding-secondary\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/whatsapp-svgrepo-com-1-1.png\" alt=\"button_image\">\r\n                            Consult with Us                            <i class=\"fas fa-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Effective website with sufficient performance and aesthetic to fulfill transaction and deliver brand identity<\/p>","protected":false},"author":1,"featured_media":0,"parent":24363,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Jasa Web Development &amp; Pembuatan Website Profesional untuk Membangun Website Berkualitas - BDD<\/title>\n<meta name=\"description\" content=\"BDD menawarkan jasa web development dan pembuatan website profesional untuk menciptakan situs responsif, berkualitas, dan mendukung pertumbuhan bisnis Anda\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/pages\/56\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jasa Web Development &amp; Pembuatan Website Profesional untuk Membangun Website Berkualitas - BDD\" \/>\n<meta property=\"og:description\" content=\"BDD menawarkan jasa web development dan pembuatan website profesional untuk menciptakan situs responsif, berkualitas, dan mendukung pertumbuhan bisnis Anda\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bolehdicoba.com\/id\/services\/website-development\/\" \/>\n<meta property=\"og:site_name\" content=\"Boleh Dicoba Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-12T02:53:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bolehdicoba.com\/services\/website-development\/\",\"url\":\"https:\/\/bolehdicoba.com\/services\/website-development\/\",\"name\":\"Jasa Web Development & Pembuatan Website Profesional untuk Membangun Website Berkualitas - BDD\",\"isPartOf\":{\"@id\":\"https:\/\/bolehdicoba.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bolehdicoba.com\/services\/website-development\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bolehdicoba.com\/services\/website-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png\",\"datePublished\":\"2024-03-05T04:10:46+00:00\",\"dateModified\":\"2025-02-12T02:53:51+00:00\",\"description\":\"BDD menawarkan jasa web development dan pembuatan website profesional untuk menciptakan situs responsif, berkualitas, dan mendukung pertumbuhan bisnis Anda\",\"breadcrumb\":{\"@id\":\"https:\/\/bolehdicoba.com\/services\/website-development\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bolehdicoba.com\/services\/website-development\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/bolehdicoba.com\/services\/website-development\/#primaryimage\",\"url\":\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png\",\"contentUrl\":\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bolehdicoba.com\/services\/website-development\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bolehdicoba.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Private: Services\",\"item\":\"https:\/\/bolehdicoba.com\/?page_id=24363\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Development &amp; Maintenance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bolehdicoba.com\/#website\",\"url\":\"https:\/\/bolehdicoba.com\/\",\"name\":\"Boleh Dicoba Digital\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/bolehdicoba.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bolehdicoba.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bolehdicoba.com\/#organization\",\"name\":\"Boleh Dicoba Digital\",\"url\":\"https:\/\/bolehdicoba.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/bolehdicoba.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Logo.png\",\"contentUrl\":\"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Logo.png\",\"width\":201,\"height\":80,\"caption\":\"Boleh Dicoba Digital\"},\"image\":{\"@id\":\"https:\/\/bolehdicoba.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jasa Web Development & Pembuatan Website Profesional untuk Membangun Website Berkualitas - BDD","description":"BDD menawarkan jasa web development dan pembuatan website profesional untuk menciptakan situs responsif, berkualitas, dan mendukung pertumbuhan bisnis Anda","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:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/pages\/56","og_locale":"id_ID","og_type":"article","og_title":"Jasa Web Development & Pembuatan Website Profesional untuk Membangun Website Berkualitas - BDD","og_description":"BDD menawarkan jasa web development dan pembuatan website profesional untuk menciptakan situs responsif, berkualitas, dan mendukung pertumbuhan bisnis Anda","og_url":"https:\/\/bolehdicoba.com\/id\/services\/website-development\/","og_site_name":"Boleh Dicoba Digital","article_modified_time":"2025-02-12T02:53:51+00:00","og_image":[{"url":"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"6 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bolehdicoba.com\/services\/website-development\/","url":"https:\/\/bolehdicoba.com\/services\/website-development\/","name":"Jasa Web Development & Pembuatan Website Profesional untuk Membangun Website Berkualitas - BDD","isPartOf":{"@id":"https:\/\/bolehdicoba.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bolehdicoba.com\/services\/website-development\/#primaryimage"},"image":{"@id":"https:\/\/bolehdicoba.com\/services\/website-development\/#primaryimage"},"thumbnailUrl":"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png","datePublished":"2024-03-05T04:10:46+00:00","dateModified":"2025-02-12T02:53:51+00:00","description":"BDD menawarkan jasa web development dan pembuatan website profesional untuk menciptakan situs responsif, berkualitas, dan mendukung pertumbuhan bisnis Anda","breadcrumb":{"@id":"https:\/\/bolehdicoba.com\/services\/website-development\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bolehdicoba.com\/services\/website-development\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/bolehdicoba.com\/services\/website-development\/#primaryimage","url":"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png","contentUrl":"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/07\/Frame-770274-3.png"},{"@type":"BreadcrumbList","@id":"https:\/\/bolehdicoba.com\/services\/website-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bolehdicoba.com\/"},{"@type":"ListItem","position":2,"name":"Private: Services","item":"https:\/\/bolehdicoba.com\/?page_id=24363"},{"@type":"ListItem","position":3,"name":"Web Development &amp; Maintenance"}]},{"@type":"WebSite","@id":"https:\/\/bolehdicoba.com\/#website","url":"https:\/\/bolehdicoba.com\/","name":"Boleh Dicoba Digital","description":"","publisher":{"@id":"https:\/\/bolehdicoba.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bolehdicoba.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/bolehdicoba.com\/#organization","name":"Boleh Dicoba Digital","url":"https:\/\/bolehdicoba.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/bolehdicoba.com\/#\/schema\/logo\/image\/","url":"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Logo.png","contentUrl":"https:\/\/bolehdicoba.com\/wp-content\/uploads\/2024\/03\/Logo.png","width":201,"height":80,"caption":"Boleh Dicoba Digital"},"image":{"@id":"https:\/\/bolehdicoba.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":139,"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":27565,"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/pages\/56\/revisions\/27565"}],"up":[{"embeddable":true,"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/pages\/24363"}],"wp:attachment":[{"href":"https:\/\/bolehdicoba.com\/id\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}