{"id":842,"date":"2025-01-09T20:23:38","date_gmt":"2025-01-09T20:23:38","guid":{"rendered":"https:\/\/creativeqode.com\/?page_id=842"},"modified":"2025-03-19T00:40:05","modified_gmt":"2025-03-19T00:40:05","slug":"our-services","status":"publish","type":"page","link":"https:\/\/creativeqode.com\/id\/our-services\/","title":{"rendered":"Layanan Kami"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"842\" class=\"elementor elementor-842\">\n\t\t\t\t<div class=\"elementor-element elementor-element-785d1d4 e-con-full elementor-hidden-mobile elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"785d1d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e571a3b e-transform e-con-full e-flex e-con e-child\" data-id=\"e571a3b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-6af65fe e-flex e-con-boxed e-con e-child\" data-id=\"6af65fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-578a89b e-con-full e-flex e-con e-child\" data-id=\"578a89b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c4f853 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"0c4f853\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;700&display=swap');\n        \n        .custom-digital-experience {\n            display: flex;\n            justify-content: flex-start;\n            align-items: flex-start;\n            max-width: 100%;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            color: white;\n            text-align: left;\n        }\n    \n        .container {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n        }\n        \n        h1 {\n            display: flex; \n            align-items: flex-start; \n            flex-direction: column;\n            font-size: 110px;\n            font-weight: 700;\n            line-height: 150px;\n            gap: 20px; \n        }\n        \n        .highlight {\n            color: orange;\n            position: relative;\n            text-align: left;\n            display: inline-block;\n        }\n        \n        .highlight img {\n            position: absolute;\n        }\n        \n        .highlight .star {\n            width: 3.25rem;\n            top: 8%;\n            left: -1.5rem; \n        }\n        \n        .highlight .bottom-vector {\n            width: 23.07rem;\n            bottom: -30px;\n            left: 0;\n        }\n        \n        .highlight .right-vector {\n            width: 3rem;\n            right: -3rem;\n            top: 70%;\n        }\n        h1, .highlight {\n        display: block !important; \n        text-align: left !important; \n        }\n        \n        .custom-digital-experience, .container {\n            justify-content: flex-start !important;\n            align-items: flex-start !important;\n        }\n        \n        h1 span {\n            display: inline-block !important;\n            text-align: left !important;\n        }\n         @keyframes fadeInColor {\n        0% {\n            color: white;\n        }\n        100% {\n            color: orange;\n        }\n        }\n        \n        @keyframes fadeInImages {\n            0% {\n                opacity: 0;\n                transform: scale(0.8);\n            }\n            100% {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        @keyframes drawLine {\n            0% {\n                clip-path: inset(0 100% 0 0);\n            }\n            100% {\n                clip-path: inset(0 0 0 0);\n            }\n        }\n        \/* Terapkan animasi ke teks *\/\n        .highlight {\n            color: white;\n            animation: fadeInColor 1s ease-in-out forwards;\n            animation-delay: 0.5s;\n        }\n        \n        \/* Terapkan animasi ke gambar *\/\n        .highlight img {\n            opacity: 0;\n            animation: fadeInImages 1s ease-in-out forwards;\n            animation-delay: 1s;\n        }\n        .highlight .bottom-vector {\n            opacity: 1;\n            animation: drawLine 1s ease-in-out forwards;\n            animation-delay: 1s;\n        }\n\n        \/*Responsive Tablet*\/\n        @media (max-width: 1024px) {\n        h1 {\n            font-size: 5rem;\n            line-height: 6rem;\n            gap: 10px;\n        }\n    \n        .highlight .star {\n            width: 2rem;\n            top: -10px;\n            left: -1rem;\n        }\n    \n        .highlight .bottom-vector {\n            width: 15rem;\n            bottom: -15px;\n        }\n    \n        .highlight .right-vector {\n            width: 2rem;\n            right: -2rem;\n            top: 65%;\n        }\n    }\n        \/*Responsive MObile*\/\n        @media (max-width: 767px) {\n        .custom-digital-experience, \n        .container, \n        h1 {\n            justify-content: center !important;\n            align-items: center !important;\n            text-align: center !important;\n        }    \n        h1 {\n            flex-direction: column;\n            font-size: 2.5rem;\n            line-height: 3.625rem;\n            gap: 5px;\n        }\n        .highlight {\n            text-align: center;\n        }\n        \n        .highlight .star {\n            width: 1.5rem;\n            top: -5px;\n            left: -0.8rem;\n        }\n        \n        .highlight .bottom-vector {\n            width: 12rem;\n            bottom: -10px;\n        }\n        \n        .highlight .right-vector {\n            width: 1.2rem;\n            right: -1rem;\n            top: 60%;\n        }\n        }\n\n\n    <\/style>\n    <div class=\"custom-digital-experience\">\n        <div class=\"container\">\n            <h1>Tumbuh Bersama,\n                <span class=\"highlight\">\n                    <img decoding=\"async\" class=\"star\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/Soft-Star.svg\" alt=\"Digital Image Left\" \/>CreativeQode.<img decoding=\"async\" class=\"bottom-vector\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/Vector-home-bawah.svg\" alt=\"Digital Image Bottom\" \/>\n                    <img decoding=\"async\" class=\"right-vector\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/vektor-home-kanan.svg\" alt=\"Digital Image Right\" \/>\n                <\/span>\n            <\/h1>\n        <\/div>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6148a45 e-con-full e-flex e-con e-child\" data-id=\"6148a45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b242480 e-con-full e-flex e-con e-child\" data-id=\"b242480\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8d53bd4 e-con-full e-flex e-con e-child\" data-id=\"8d53bd4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f310af9 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"f310af9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"42\" height=\"40\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/angka-1.svg\" class=\"attachment-full size-full wp-image-6953\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-023aa0f e-con-full e-flex e-con e-child\" data-id=\"023aa0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c5b96f e-transform exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"8c5b96f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-80,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Rencana<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47dc2b9 e-transform exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"47dc2b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-83,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>Memahami tujuan dan tantangan Anda<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7598411 e-con-full e-flex e-con e-child\" data-id=\"7598411\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a77088d e-con-full e-flex e-con e-child\" data-id=\"a77088d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d3fa91 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"5d3fa91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"42\" height=\"40\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/angka-2.svg\" class=\"attachment-full size-full wp-image-6967\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10f02bd e-con-full e-flex e-con e-child\" data-id=\"10f02bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-910095b e-transform exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"910095b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-80,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Desain<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4c1868 e-transform exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"c4c1868\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-83,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>Memvisualisasikan impian Anda<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c491db2 e-con-full e-flex e-con e-child\" data-id=\"c491db2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2ea89f6 e-con-full e-flex e-con e-child\" data-id=\"2ea89f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32f795b exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"32f795b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"42\" height=\"40\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/angka-3.svg\" class=\"attachment-full size-full wp-image-6968\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f4032c e-con-full e-flex e-con e-child\" data-id=\"7f4032c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a60679d e-transform exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"a60679d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-80,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Mengembangkan<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df7dc00 e-transform elementor-widget-mobile__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"df7dc00\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-83,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>Menerjemahkan impian Anda menjadi kenyataan<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8323fc1 e-flex e-con-boxed e-con e-parent\" data-id=\"8323fc1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8f21a62 e-flex e-con-boxed e-con e-child\" data-id=\"8f21a62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-756662f e-con-full e-flex e-con e-child\" data-id=\"756662f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e692083 elementor-widget-mobile__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"e692083\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;700&display=swap');\n        \n        .custom-digital-experience {\n            display: flex;\n            justify-content: flex-start;\n            align-items: flex-start;\n            max-width: 100%;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            color: white;\n            text-align: left;\n        }\n    \n        .container {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n        }\n        \n        h1 {\n            display: flex; \n            align-items: flex-start; \n            flex-direction: column;\n            font-size: 110px;\n            font-weight: 700;\n            line-height: 150px;\n            gap: 20px; \n        }\n        \n        .highlight {\n            color: orange;\n            position: relative;\n            text-align: left;\n            display: inline-block;\n        }\n        \n        .highlight img {\n            position: absolute;\n        }\n        \n        .highlight .star {\n            width: 3.25rem;\n            top: 8%;\n            left: -1.5rem; \n        }\n        \n        .highlight .bottom-vector {\n            width: 23.07rem;\n            bottom: -30px;\n            left: 0;\n        }\n        \n        .highlight .right-vector {\n            width: 3rem;\n            right: -3rem;\n            top: 70%;\n        }\n        h1, .highlight {\n        display: block !important; \n        text-align: left !important; \n        }\n        \n        .custom-digital-experience, .container {\n            justify-content: flex-start !important;\n            align-items: flex-start !important;\n        }\n        \n        h1 span {\n            display: inline-block !important;\n            text-align: left !important;\n        }\n         @keyframes fadeInColor {\n        0% {\n            color: white;\n        }\n        100% {\n            color: #FE9800;\n        }\n        }\n        \n        @keyframes fadeInImages {\n            0% {\n                opacity: 0;\n                transform: scale(1);\n            }\n            100% {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        @keyframes drawLine {\n            0% {\n                clip-path: inset(0 100% 0 0);\n            }\n            100% {\n                clip-path: inset(0 0 0 0);\n            }\n        }\n        \/* Terapkan animasi ke teks *\/\n        .highlight {\n            color: white;\n            animation: fadeInColor 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n            animation-delay: 0.3s;\n        }\n        \n        \/* Terapkan animasi ke gambar *\/\n        .highlight img {\n            opacity: 0;\n            animation: fadeInImages 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n            animation-delay: 0.3s;\n        }\n        .highlight .bottom-vector {\n            opacity: 1;\n            animation: drawLine 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n            animation-delay: 0.3s;\n        }\n        \n        \/*Custom for Translate*\/\n        html[lang=\"id-ID\"] .container h1 {\n            font-size: 5.8rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            line-height: 120px;\n        }\n        html[lang=\"id-ID\"] .highlight {\n            font-size: 5.8rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n        html[lang=\"id-ID\"] .right-vector {\n        width: 2rem; \n        right: -0rem;\n    }\n\n        \/*Responsive Tablet*\/\n        @media (max-width: 1024px) {\n        h1 {\n            font-size: 5rem;\n            line-height: 6rem;\n            gap: 10px;\n        }\n    \n        .highlight .star {\n            width: 2rem;\n            top: -10px;\n            left: -1rem;\n        }\n    \n        .highlight .bottom-vector {\n            width: 15rem;\n            bottom: -15px;\n        }\n    \n        .highlight .right-vector {\n            width: 2rem;\n            right: -2rem;\n            top: 65%;\n        }\n        html[lang=\"id-ID\"] .container h1 {\n            font-size: 3.5rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            line-height: 90px;\n        }\n        html[lang=\"id-ID\"] .highlight {\n            font-size: 3.5rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n        html[lang=\"id-ID\"] .right-vector {\n        width: 1.5rem; \n        right: -0rem;\n    }\n    }\n        \/*Responsive MObile*\/\n        @media (max-width: 767px) {\n        .custom-digital-experience, \n        .container, \n        h1 {\n            justify-content: center !important;\n            align-items: center !important;\n            text-align: center !important;\n        }    \n        h1 {\n            flex-direction: column;\n            font-size: 2.5rem;\n            line-height: 3.625rem;\n            gap: 5px;\n        }\n        .highlight {\n            text-align: center;\n        }\n        \n        .highlight .star {\n            width: 1.5rem;\n            top: -5px;\n            left: -0.8rem;\n        }\n        \n        .highlight .bottom-vector {\n            width: 12rem;\n            bottom: -10px;\n        }\n        \n        .highlight .right-vector {\n            width: 1.2rem;\n            right: -1rem;\n            top: 60%;\n        }\n        html[lang=\"id-ID\"] .container h1 {\n            font-size: 2.5rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            line-height: 3rem;\n        }\n        html[lang=\"id-ID\"] .highlight {\n            font-size: 2.5rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n        html[lang=\"id-ID\"] .right-vector {\n            width: 1rem; \n            right: -0rem;\n        }\n        }\n\n\n    <\/style>\n    <div class=\"custom-digital-experience\">\n        <div class=\"container\">\n            <h1>Tumbuh Bersama,\n                <span class=\"highlight\">\n                    <img decoding=\"async\" class=\"star\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/Soft-Star.svg\" alt=\"Digital Image Left\" \/>CreativeQode.<img decoding=\"async\" class=\"bottom-vector\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/Vector-home-bawah.svg\" alt=\"Digital Image Bottom\" \/>\n                    <img decoding=\"async\" class=\"right-vector\" src=\"https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/01\/vektor-home-kanan.svg\" alt=\"Digital Image Right\" \/>\n                <\/span>\n            <\/h1>\n        <\/div>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1706ef0 e-con-full e-flex e-con e-child\" data-id=\"1706ef0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ed6008 elementor-widget__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"6ed6008\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .process-container-hero {\r\n        width: 100%;\r\n        max-width: 450px;\r\n        margin: auto;\r\n    }\r\n\r\n    .process-box {\r\n        min-height: 100px;\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        \/*margin-bottom: 20px;*\/\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: background 0.3s ease-in-out;\r\n        display: flex;\r\n        align-items: start;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        opacity: 0; \r\n        transform: translateY(20px);\r\n        transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;\r\n    }\r\n\r\n    .process-box.show {\r\n        opacity: 1; \r\n        transform: translateY(0);\r\n    }\r\n\r\n    .process-box:hover {\r\n        background: url('https:\/\/creativeqode.com\/wp-content\/uploads\/2025\/03\/flow.svg') no-repeat center;\r\n    background-size: cover;\r\n    }\r\n     .process-box:hover .process-title {\r\n        color: #FE9800;\r\n    }\r\n    .process-box:hover .process-line {\r\n    height: 4rem;\r\n    transition: height 0.3s ease-in-out;\r\n}\r\n\r\n\r\n    .process-number {\r\n        font-size: 28px;\r\n        line-height: 40px;\r\n        font-weight: 600;\r\n        color: #9EA6C6;\r\n        display: flex;\r\n        align-items: flex-start; \r\n    }\r\n\r\n    .process-line {\r\n        height: 2rem;\r\n        width: 2px;\r\n        background: white;\r\n        margin-left: 10px;\r\n \r\n    }\r\n\r\n    .process-content {\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .process-title {\r\n        font-size: 28px;\r\n        line-height: 38px;\r\n        font-weight: 700;\r\n        color: #E7E9F1;\r\n        margin: 0;\r\n    }\r\n   \r\n    .process-description {\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n        font-style: italic;\r\n        color :#D1D1D1;\r\n        margin-top: 8px;\r\n         white-space: wrap;\r\n         min-width: 100%; \r\n    }\r\n    \r\n    \/*Custom Font Translate*\/\r\n    html[lang=\"id-ID\"] .process-container-hero {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n    html[lang=\"id-ID\"] .process-title {\r\n        font-size: 22px;\r\n    }\r\n    html[lang=\"id-ID\"] .process-description {\r\n        font-size: 16px;\r\n    }\r\n    html[lang=\"id-ID\"] .process-number {\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n    }\r\n    \r\n    \r\n     \/*Responsive Tablet*\/\r\n    @media (max-width: 1024px) {\r\n    html[lang=\"id-ID\"] .process-container-hero {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n    html[lang=\"id-ID\"] .process-box {\r\n        padding: 10px;\r\n    }\r\n    html[lang=\"id-ID\"] .process-title {\r\n        font-size: 16px;\r\n    }\r\n    html[lang=\"id-ID\"] .process-description {\r\n        font-size: 14px;\r\n    }\r\n    html[lang=\"id-ID\"] .process-number {\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n    }\r\n     html[lang=\"id-ID\"] .process-content {\r\n        padding-left: 10px;\r\n    }\r\n    html[lang=\"id-ID\"] .process-line {\r\n        margin-left: 5px;\r\n    }\r\n        }\r\n    \/*Responsive Mobile*\/\r\n    @media (max-width: 767px) {\r\n     .process-title {\r\n        font-size: 24px;\r\n        line-height: 38px;\r\n        font-weight: 700;\r\n        color: #E7E9F1;\r\n        margin: 0;\r\n    }\r\n\r\n    .process-description {\r\n        font-size: 14px;\r\n    }\r\n      \r\n    }\r\n<\/style>\r\n<div class=\"process-container-hero\">\r\n    <div class=\"process-box\">\r\n        <div class=\"process-number\">01 <div class=\"process-line\"><\/div><\/div>\r\n        <div class=\"process-content\">\r\n            <h2 class=\"process-title\">Rencana<\/h2>\r\n            <p class=\"process-description\">Memahami tujuan dan tantangan Anda<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"process-box\">\r\n        <div class=\"process-number\">02 <div class=\"process-line\"><\/div><\/div>\r\n        <div class=\"process-content\">\r\n            <h2 class=\"process-title\">Desain<\/h2>\r\n            <p class=\"process-description\">Memvisualisasikan impian Anda<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"process-box\">\r\n        <div class=\"process-number\">03 <div class=\"process-line\"><\/div><\/div>\r\n        <div class=\"process-content\">\r\n            <h2 class=\"process-title\">Mengembangkan<\/h2>\r\n            <p class=\"process-description\">Menerjemahkan impian Anda menjadi kenyataan<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const processBoxes = document.querySelectorAll(\".process-box\");\r\n\r\n        function showElements() {\r\n            processBoxes.forEach((box, index) => {\r\n                setTimeout(() => {\r\n                    box.classList.add(\"show\");\r\n                }, index * 200);\r\n            });\r\n        }\r\n        showElements();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a31c918 e-flex e-con-boxed e-con e-parent\" data-id=\"a31c918\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dbfd88d e-con-full e-flex e-con e-child\" data-id=\"dbfd88d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5525748 e-con-full e-flex e-con e-child\" data-id=\"5525748\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9fa2c2 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"e9fa2c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">APA YANG KAMI LAKUKAN<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-080d4a9 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"080d4a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mengubah Mimpi Menjadi Kenyataan.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4c9cd4 elementor-widget__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"c4c9cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n  <!-- Link ke Tabler Icons -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/dist\/tabler-icons.min.css\">\r\n  <!-- Font Plus Jakarta Sans -->\r\n \r\n  <style>\r\n    \/* Container untuk kartu *\/\r\n    .card-container {\r\n      display: flex;\r\n      flex-direction: column; \/* Susun kartu secara vertikal *\/\r\n      gap: 32px; \/* Jarak antar kartu *\/\r\n      max-width: 683px; \/* Atur lebar maksimal container *\/\r\n      margin: 0 auto; \/* Tengah-kan container *\/\r\n    }\r\n\r\n    \/* Style card *\/\r\n    .card {\r\n      border: 1px solid #ECEBFB;\r\n      border-radius: 24px;\r\n      padding: 16px;\r\n      background-color: #ECEBFB;\r\n      \/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*\/\r\n      font-family: 'Plus Jakarta Sans', sans-serif;\r\n      color: #3D33D5;\r\n    }\r\n\r\n    \/* Header card (judul dan ikon) *\/\r\n    .card-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 8px 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    \/* Judul *\/\r\n    .card-header h5 {\r\n      margin: 0;\r\n      font-weight: 600;\r\n      font-size: 1.3em;\r\n      color: #0D2071;\r\n      line-height: 1.5em;\r\n    }\r\n   \r\n    \/* Ikon *\/\r\n    .card-icon {\r\n      font-size: 2em;\r\n      transition: color 0.3s ease;\r\n      margin-top: -10px;\r\n      margin-left: -10px;\r\n      color: #7770E2;\r\n    }\r\n\r\n    \/* Ikon aktif *\/\r\n    .card-icon.active {\r\n      color: #0D2071;\r\n    }\r\n\r\n    \/* Garis pemisah yang tersembunyi secara default *\/\r\n    .card-separator {\r\n      height: 1px; \/* Ketebalan garis *\/\r\n      background-color: #C5C2F2; \/* Warna garis *\/\r\n      margin: 10px 0; \/* Jarak atas dan bawah garis *\/\r\n      border: none; \/* Hilangkan border default *\/\r\n      display: none; \/* Sembunyikan garis *\/\r\n    }\r\n\r\n    \/* Deskripsi (tersembunyi secara default) *\/\r\n    .card-description {\r\n      display: none;\r\n      font-size: 1.2em;\r\n      color: #5D5D5D;\r\n      font-weight: 400;\r\n      line-height: 1.5em;\r\n      animation: fadeIn 0.3s ease;\r\n    }\r\n     .card-button {\r\n      display: none;\r\n      margin-top: 16px;\r\n      padding: 13 28px;\r\n      background-color: #fff;\r\n      color: #0D2071;\r\n      border: 1px solid #0D2071; \r\n      border-radius: 50px;\r\n      font-weight: 500;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      cursor: pointer;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n\r\n    .card-button:hover {\r\n      background-color: #7770E2;\r\n    }\r\n\r\n    \/* Animasi fade-in *\/\r\n    @keyframes fadeIn {\r\n      from {\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        opacity: 1;\r\n      }\r\n    }\r\n    @media (max-width: 767px) {\r\n    .card-header {\r\n      gap: 16px;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    .card-header h5 {\r\n      font-weight: 600;\r\n      font-size: 1.125rem;\r\n      line-height: 1.625em;\r\n    }\r\n     .card-icon {\r\n    \/*      display: flex;*\/\r\n    \/*align-items: center;*\/\r\n    \/*justify-content: center;*\/\r\n      margin-top: -10px;\r\n      margin-left: -9px;\r\n    }\r\n    }\r\n\r\n  <\/style>\r\n<body>\r\n  <!-- Container kartu -->\r\n  <div class=\"card-container\">\r\n    <!-- Card pertama -->\r\n    <div class=\"card\">\r\n      <div class=\"card-header\" data-target=\"desc1\">\r\n        <h5>Pengembangan Web Untuk UKM dan UMKM<\/h5>\r\n        <span class=\"card-icon\">\r\n          <i class=\"ti ti-circle-chevron-down-filled\"><\/i>\r\n        <\/span>\r\n      <\/div>\r\n      <!-- Garis pemisah -->\r\n      <div class=\"card-separator\"><\/div>\r\n      <!-- Deskripsi -->\r\n      <div class=\"card-description\" id=\"desc1\">\r\n        <p>\r\n         Kami mendekati proyek desain web anda dengan fokus pada kreativitas, kegunaan, dan konversi.\r\n        <\/p>\r\n        <button class=\"card-button\" onclick=\"window.location.href='\/our-services\/web-development-for-smes-and-msmes\/'\">Pelajari lebih lanjut<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card kedua -->\r\n    <div class=\"card\">\r\n      <div class=\"card-header\" data-target=\"desc2\">\r\n        <h5>Pengembangan Web Kustom<\/h5>\r\n        <span class=\"card-icon\">\r\n          <i class=\"ti ti-circle-chevron-down-filled\"><\/i>\r\n        <\/span>\r\n      <\/div>\r\n      <!-- Garis pemisah -->\r\n      <div class=\"card-separator\"><\/div>\r\n      <!-- Deskripsi -->\r\n      <div class=\"card-description\" id=\"desc2\">\r\n        <p>\r\n          Kami menawarkan layanan pengembangan berbasis web lengkap yang sesuai dengan kebutuhan Anda.\r\n        <\/p>\r\n        <button class=\"card-button\" onclick=\"window.location.href='\/our-services\/custom-web-development\/'\">Pelajari lebih lanjut<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card ketiga -->\r\n    <div class=\"card\">\r\n      <div class=\"card-header\" data-target=\"desc3\">\r\n        <h5>Desain UI\/UX<\/h5>\r\n        <span class=\"card-icon\">\r\n          <i class=\"ti ti-circle-chevron-down-filled\"><\/i>\r\n        <\/span>\r\n      <\/div>\r\n      <!-- Garis pemisah -->\r\n      <div class=\"card-separator\"><\/div>\r\n      <!-- Deskripsi -->\r\n      <div class=\"card-description\" id=\"desc3\">\r\n        <p>\r\n          Kami membantu bisnis merancang produk yang menarik dan berdampak. Jelajahi daftar layanan desain UI\/UX yang kami sediakan untuk menemukan apa yang anda butuhkan.\r\n        <\/p>\r\n        <button class=\"card-button\" onclick=\"window.location.href='\/our-services\/ui-ux-design\/'\">Pelajari lebih lanjut<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Ambil semua elemen header\r\n    const headers = document.querySelectorAll('.card-header');\r\n    let currentlyOpen = null; \/\/ Variabel untuk melacak kartu yang sedang terbuka\r\n\r\n    headers.forEach(header => {\r\n      header.addEventListener('click', function () {\r\n        \/\/ Ambil deskripsi dan garis pemisah terkait\r\n        const targetId = header.getAttribute('data-target');\r\n        const description = document.getElementById(targetId);\r\n        const separator = header.nextElementSibling; \/\/ Garis pemisah\r\n         const button = description.querySelector('.card-button');\r\n        const icon = header.querySelector('.card-icon i');\r\n\r\n        \/\/ Tutup kartu yang sedang terbuka (jika ada)\r\n        if (currentlyOpen && currentlyOpen !== description) {\r\n          currentlyOpen.style.display = 'none';\r\n          const openSeparator = currentlyOpen.previousElementSibling;\r\n          if (openSeparator) openSeparator.style.display = 'none'; \/\/ Sembunyikan garis pemisah\r\n          const openIcon = document.querySelector('.card-icon i.ti-circle-chevron-up');\r\n          if (openIcon) openIcon.className = 'ti ti-circle-chevron-down-filled';\r\n        }\r\n\r\n        \/\/ Toggle visibilitas deskripsi dan garis pemisah\r\n        if (description.style.display === 'block') {\r\n          description.style.display = 'none';\r\n          separator.style.display = 'none'; \/\/ Sembunyikan garis\r\n          icon.className = 'ti ti-circle-chevron-down-filled';\r\n           button.style.display = 'none';\r\n          currentlyOpen = null; \/\/ Reset kartu yang terbuka\r\n        } else {\r\n          description.style.display = 'block';\r\n          separator.style.display = 'block'; \/\/ Tampilkan garis\r\n          icon.className = 'ti ti-circle-chevron-up';\r\n           button.style.display = 'inline-block';\r\n          currentlyOpen = description; \/\/ Set kartu yang sedang terbuka\r\n        }\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1b0dce e-flex e-con-boxed e-con e-parent\" data-id=\"a1b0dce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-40e1a92 e-con-full e-flex e-con e-child\" data-id=\"40e1a92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-24dc82a e-con-full e-flex e-con e-child\" data-id=\"24dc82a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7a11eba e-con-full e-flex e-con e-child\" data-id=\"7a11eba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b00b90 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"3b00b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">PROSES KAMI<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9272dfe exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"9272dfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Langkah demi Langkah<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee8b695 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"ee8b695\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.process-container {\r\n     font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n  .step-process {\r\n    max-width: 100%;\r\n    margin: auto;\r\n    padding: 0;\r\n}\r\n\r\n.step {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    position: relative;\r\n    padding-bottom: 40px;\r\n}\r\n\r\n.step::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 13%;\r\n    top: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background-color: #4B35EF;\r\n}\r\n\r\n.step:last-child::before {\r\n    height: 0; \r\n}\r\n\r\n.step-number {\r\n    background: #4B35EF;\r\n    color: #C5C2F2;\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n    font-weight: 700;\r\n    \r\n    padding: 1px 16px;\r\n    border-radius: 50px 80px 50px 80px;\r\n    min-width: 28%;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 5px;\r\n}\r\n\r\n.step-number h4 {\r\n    font-weight: 700;\r\n    font-size: 1.5rem; \r\n    line-height: 2rem; \r\n    margin-top: 1rem;\r\n    color: #ECEBFB;\r\n\r\n}\r\n\r\n.step-content {\r\n    margin-left: 3rem;\r\n    max-width: 100%;\r\n    margin-top: -14px;\r\n}\r\n\r\n.step-content h3 {\r\n    font-size: 2.5rem;\r\n    line-height: 3rem;\r\n    font-weight: 700;\r\n    color: #3D33D5;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.step-content p {\r\n    color: #5D5D5D;\r\n    font-size: 1.5rem;\r\n    line-height: 2.1rem;\r\n    font-weight: 400;\r\n}\r\n\r\n\/*Responsive Tablet*\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .step {\r\n        gap: 5px;\r\n        padding-bottom: 10px;\r\n    }\r\n    .step-number {\r\n        font-size: 1.3rem;\r\n        line-height: 2rem;\r\n    }\r\n    \r\n    .step-number h4 {\r\n        font-size: 1.3rem; \r\n        line-height: 2rem;\r\n    \r\n    }\r\n    .step-content h3 {\r\n        font-size: 1.5rem;\r\n        line-height: 2.5rem;\r\n    }\r\n    \r\n    .step-content p {\r\n        font-size: 1rem;\r\n        line-height: 1.7rem;\r\n    }\r\n  }\r\n  \r\n  \/*Responsive Mobile*\/\r\n  @media (max-width: 767px) {\r\n      .step::before {\r\n          display: none;\r\n      }\r\n      .step {\r\n          display: grid;\r\n          gap: 40px;\r\n      }\r\n      .step-number {\r\n        max-width: 100%;\r\n        text-align: left; \r\n        justify-content: flex-start; \r\n    }\r\n    .step-content {\r\n        margin-left: 0;\r\n        max-width: 100%;\r\n        margin-top: -14px;\r\n    }\r\n    \r\n    .step-content h3 {\r\n        font-size: 1.75rem;\r\n        line-height: 2.5rem;\r\n        font-weight: 600;\r\n    }\r\n    \r\n    .step-content p {\r\n        font-size: 1rem;\r\n        line-height: 2rem;\r\n        font-weight: 600;\r\n    }\r\n   \r\n  }\r\n\r\n<\/style>\r\n\r\n<div class=\"process-container\">\r\n    \r\n   <div class=\"step-process\">\r\n\r\n    <div class=\"step\">\r\n        <div class=\"step-number\">01 | <h4>Rencana<\/h4><\/div>\r\n        <div class=\"step-content\">\r\n            <h3>Memahami tujuan, tantangan, dan ruang lingkup proyek Anda.<\/h3>\r\n            <p>Kami akan meluangkan waktu untuk memahami tujuan Anda dan mendalami apa yang membuat bisnis Anda berjalan. Kami akan memeriksa pesaing Anda, menemukan peluang untuk menonjol, dan menangani apa yang benar-benar dibutuhkan pelanggan Anda. Bersama-sama, kami akan menyempurnakan ide-ide Anda dan menghasilkan solusi yang sesuai dengan anggaran Anda.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"step\">\r\n        <div class=\"step-number\">02 | <h4>Desain<\/h4><\/div>\r\n        <div class=\"step-content\">\r\n            <h3>Memvisualisasikan impian Anda.<\/h3>\r\n            <p>Kami peduli tentang bagaimana orang berinteraksi dengan platform Anda. Itulah sebabnya kami mulai dengan menyusun kerangka perjalanan pengguna yang jelas dan sederhana\u2014dari kesan pertama mereka hingga bagaimana mereka menjelajahi halaman dan konten Anda. Tujuannya? Untuk membangun situs yang sesuai dengan branding Anda tanpa membuat pengguna frustrasi. Kami sangat memperhatikan detail dan menyusun aset yang Anda butuhkan untuk menciptakan branding yang menonjol.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"step\">\r\n        <div class=\"step-number\">03 | <h4>Mengembangkan<\/h4><\/div>\r\n        <div class=\"step-content\">\r\n            <h3>Menerjemahkan impian Anda menjadi kenyataan.<\/h3>\r\n            <p>Produk dan situs web digital kami dirancang agar tampak menarik dan berfungsi di semua perangkat dan platform. Baik itu pengaturan sederhana atau pembuatan yang rumit, kami fokus dengan pembuatan fitur yang dibutuhkan bisnis Anda untuk berkembang.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23b2297 e-flex e-con-boxed e-con e-parent\" data-id=\"23b2297\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de20e84 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"de20e84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mulai Trasformasi Digital Anda.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f56111f elementor-align-center exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-button\" data-id=\"f56111f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/creativeqode.com\/id\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Hubungi Kami<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08537da e-flex e-con-boxed e-con e-parent\" data-id=\"08537da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b446724 elementor-view-stacked elementor-fixed animated-slow elementor-shape-circle exad-sticky-section-no exad-glass-effect-no elementor-invisible elementor-widget elementor-widget-icon\" data-id=\"b446724\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/wa.me\/6282177743428\" target=\"_blank\" rel=\"noopener\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-whatsapp-1\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>We Build, You Grow. Plan Understanding your goals and challenges Design Visualizing your dream Develop Translating your dream to reality We Build, You Grow. 01 Plan Understanding your goals and challenges 02 Design Visualizing your dream 03 Develop Translating your dream to reality WHAT WE DO Transforming Dreams Into Reality. Web Development for SMEs and [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/pages\/842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/comments?post=842"}],"version-history":[{"count":1524,"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/pages\/842\/revisions"}],"predecessor-version":[{"id":13220,"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/pages\/842\/revisions\/13220"}],"wp:attachment":[{"href":"https:\/\/creativeqode.com\/id\/wp-json\/wp\/v2\/media?parent=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}