{"id":3319,"date":"2024-02-05T11:05:06","date_gmt":"2024-02-05T04:05:06","guid":{"rendered":"http:\/\/cpanel.jblstore.co.id\/?page_id=3319"},"modified":"2024-11-01T18:16:39","modified_gmt":"2024-11-01T11:16:39","slug":"myjbl-form","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/myjbl-form\/","title":{"rendered":"My JBL Form"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3319\" class=\"elementor elementor-3319\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b4c6e06 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b4c6e06\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-05c3c64\" data-id=\"05c3c64\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d7a2fcc elementor-widget elementor-widget-shortcode\" data-id=\"d7a2fcc\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n        <style>\r\n            \/* replace *\/\r\n            .container {\r\n                width: 100%;\r\n                padding-left: 16px;\r\n                padding-right: 16px;\r\n                position: relative;\r\n                max-width: 1400px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n            .title > .container {\r\n                padding-top: 0 !important;\r\n            }\r\n\r\n\r\n            \/* end replace *\/\r\n\r\n            .my-picture {\r\n                position: relative;\r\n                display: block;\r\n            }\r\n\r\n            .page-banner-cta-container {\r\n                position: absolute;\r\n                bottom: 5%;\r\n                left: 0;\r\n                width: 100%;\r\n                text-align: center;\r\n            }\r\n\r\n            .page-color-orange {\r\n                background: linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%);\r\n                -webkit-background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n                background-clip: text;\r\n                text-fill-color: transparent;\r\n            }\r\n\r\n            .page-color-white {\r\n                color: var(--white-plain, #FFF);\r\n                text-align: center;\r\n                font-family: \"Kostic - Roc Grotesk Black\";                \r\n                font-size: 60px;\r\n                font-style: normal;\r\n                font-weight: 800;\r\n                line-height: 50px;\r\n                text-transform: uppercase;\r\n            }\r\n            .page-color-white-mobile {\r\n                color: var(--white-plain, #FFF);\r\n                text-align: center;\r\n                font-family: \"Kostic - Roc Grotesk Black\";                \r\n                font-size: 35px;\r\n                font-style: normal;\r\n                font-weight: 800;\r\n                line-height: 43px;\r\n                text-transform: uppercase;\r\n            }\r\n            .page-color-small\r\n            {\r\n                color: var(--white-plain, #FFF);\r\n                font-family: \"Kostic - Roc Grotesk Regular\";\r\n                font-size: 16px;\r\n                font-style: normal;\r\n                font-weight: 400;\r\n                line-height: 1px;\r\n                text-transform: uppercase;\r\n                vertical-align: top;\r\n            }\r\n            .page-color-small-mobile\r\n            {\r\n                color: var(--white-plain, #FFF);\r\n                font-family: Grostesk-Light;                \r\n                font-size: 12px;\r\n                font-style: normal;\r\n                font-weight: 400;\r\n                line-height: 1px;\r\n                text-transform: uppercase;\r\n                vertical-align: top;\r\n            }\r\n\r\n            .page-color-small2\r\n            {\r\n                font-family: Grostesk-Regular;\r\n                color: #353535;\r\n                font-style: normal;\r\n                font-weight: 400;\r\n                line-height: 70px;\r\n                font-size: 20px;\r\n            }\r\n\r\n            .page-color-small2-mobile\r\n            {\r\n                font-family: Grostesk-Regular;\r\n                color: #353535;\r\n                font-size: 14px;\r\n                font-style: normal;\r\n                font-weight: 400;\r\n                line-height: 26px;\r\n                font-size: 15px;\r\n            }\r\n\r\n            .page-product-container {\r\n                line-height: 2;\r\n                margin-top: 10px;\r\n                margin-bottom: 50px;\r\n            }\r\n            .page-product-category {\r\n                color: #818181;\r\n                font-size: 14px;\r\n                font-family: Grostesk-Regular;\r\n            }\r\n            @media (max-width: 767px) {\r\n                .page-product-category {\r\n                    font-size: 12px;\r\n                }\r\n            }\r\n\r\n            .page-product-name {\r\n                color: #1C1C1C;\r\n                font-size: 28px;\r\n                font-family: Grostesk-Regular;\r\n                font-weight: bold;\r\n                margin-top: 0;\r\n                line-height: 1;\r\n            }\r\n            @media (max-width: 767px) {\r\n                .page-product-name {\r\n                    font-size: 13px;\r\n                }\r\n            }\r\n\r\n            .page-copy h2,\r\n            .page-copy p {\r\n                font-family: \"Kostic - Roc Grotesk ExtraBold\";                \r\n            }\r\n            .page-copy h2 {\r\n                line-height: 1.1;\r\n                font-style: normal;\r\n                font-weight: 750;\r\n                font-size: 42px;\r\n                line-height: 100%;\r\n            }\r\n            \r\n            .page-copy p {\r\n                color: #353535;\r\n            }\r\n            @media (max-width: 767px) {\r\n                .page-copy p {\r\n                    text-align: justify;\r\n                }   \r\n            }\r\n            \r\n            .section-page .row {\r\n                margin-left: -16px;\r\n                margin-right: -16px;\r\n            }\r\n            .my-section:nth-child(even) {\r\n                background: #ffff;\r\n            }\r\n            .my-section2:nth-child(even) {\r\n                background: #ffff;\r\n            }\r\n            @media (max-width: 767px) {\r\n                .my-section {\r\n                    padding-bottom: 40px;\r\n                }\r\n            }\r\n            .section-isi-formulir {\r\n                margin-bottom: 20px;\r\n            }\r\n            @media (min-width: 768px) {\r\n                .section-isi-formulir h2 {\r\n                    margin-bottom: 15px; !important;\r\n                }\r\n            }\r\n            .my-container {\r\n                max-width: 1400px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n                padding-left: 16px;\r\n                padding-right: 16px;\r\n            }\r\n            .page-row {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                margin-left: 10px;\r\n            }\r\n            \r\n            .my-section:nth-child(odd) .page-row {\r\n                flex-direction: row;\r\n            }\r\n            .my-section1:nth-child(odd) .page-row {\r\n                flex-direction: row-reverse;\r\n            }\r\n            \r\n            @media (max-width: 767px) {\r\n                .my-section:nth-child(odd) .page-row {\r\n                    flex-direction: column;\r\n                }\r\n            }\r\n            .my-section:nth-child(even) .page-row {\r\n                flex-direction: row;\r\n            }\r\n            .my-section1:nth-child(even) .page-row {\r\n                flex-direction: row;\r\n            }\r\n            .my-section2:nth-child(even) .page-row {\r\n                flex-direction: row-reverse;\r\n            }\r\n            \r\n            @media (max-width: 767px) {\r\n                .my-section:nth-child(even) .page-row {\r\n                    flex-direction: column;\r\n                }\r\n                .my-section1:nth-child(even) .page-row {\r\n                flex-direction: column;\r\n                \r\n            }\r\n            .my-section2:nth-child(even) .page-row {\r\n                flex-direction: column;\r\n                \r\n            }\r\n            }\r\n            .page-col-12 {\r\n                flex-basis: 100%;\r\n                margin-bottom: 40px;\r\n            }\r\n            .my-section:not(:first-child) .page-col-12{\r\n                margin-top: 40px;\r\n            }\r\n            @media (max-width: 767px) {\r\n                .page-col-12 {\r\n                    margin-bottom: 15px;\r\n                }\r\n                \r\n                .my-section:not(:first-child) .page-col-12{\r\n                    margin-top: 15px;\r\n                }\r\n            }\r\n\r\n            .page-col-12,\r\n            .page-col-md-6 {\r\n                padding-left: 16px;\r\n                padding-right: 16px;\r\n            }\r\n            @media (min-width: 768px){\r\n                .page-col-md-6 {\r\n                    flex-basis: 100%;\r\n                    display: flex;\r\n                    align-items: center;\r\n                }\r\n            }\r\n\r\n            @media (min-width: 768px){\r\n                .page-row:nth-child(odd) .page-copy {\r\n                    padding-right: 50px;\r\n                }\r\n                .page-row:nth-child(even) .page-copy {\r\n                    padding-left: 50px;\r\n                }\r\n            }\r\n\r\n            .page-product-title {\r\n                font-family: Grostesk-Regular;\r\n                font-weight: bold;\r\n            }\r\n\r\n            .page-product-subtitle {\r\n                font-family: Grostesk-Regular;\r\n                font-weight: bold;\r\n                font-size: 1.75em;\r\n                margin-bottom: 0;\r\n            }\r\n\r\n            .page-price-container {\r\n                font-family: Grostesk-Regular;\r\n                margin-top: 5px;\r\n                margin-bottom: 20px;\r\n                line-height: 1.2;\r\n            }\r\n            .page-price-final {\r\n                background: linear-gradient(251.5deg, #F04C24 82.51%, #F88D2A 99.75%);\r\n                background-clip: border-box;\r\n                -webkit-background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n                background-clip: text;\r\n                text-fill-color: transparent;\r\n                font-weight: bold;\r\n                font-size: 26px;\r\n            }\r\n            @media (max-width: 767px) {\r\n                .page-price-final {\r\n                    font-size: 24px;   \r\n                }\r\n            }\r\n            .page-price {\r\n                color: #818181;\r\n                font-size: 20px;\r\n            }\r\n            @media (max-width: 767px) {\r\n                .page-price {\r\n                    font-size: 14px;\r\n                }   \r\n            }\r\n\r\n            .page-button {\r\n                border: none;\r\n                font-family: Grostesk-Regular;\r\n                font-size: 18px;\r\n                font-weight: bold;\r\n                color: #fff;\r\n                padding: 10px 45px;\r\n                background: linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%);\r\n                border-radius: 5px;\r\n            }\r\n            .page-button-kirim {\r\n                border: none;\r\n                font-family: Grostesk-Regular;\r\n                font-size: 18px;\r\n                font-weight: bold;\r\n                color: #fff;\r\n                padding: 10px 62px;\r\n                background: linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%);\r\n                border-radius: 5px;\r\n            }\r\n            \r\n            .page-button-mobile {\r\n                border: none;\r\n                font-family: \"Kostic - Roc Grotesk ExtraBold\";                \r\n                font-size: 8px;\r\n                font-weight: bold;\r\n                color: #fff;\r\n                padding: 2px 26px;\r\n                background: linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%);\r\n                border-radius: 50px;\r\n            }\r\n            .page-button:hover {\r\n                opacity: 0.9;\r\n            }\r\n            .page-button-modal {\r\n                display: flex;\r\n                width: 128px;\r\n                height: 36px;\r\n                margin-top: -28px;                \r\n                justify-content: center;\r\n                align-items: center;\r\n                gap: 10px;\r\n                color: #FFF;\r\n                flex-shrink: 0;\r\n                border-radius: 5px;\r\n                font-family: Grostesk-Regular;\r\n                font-weight: bold;                \r\n                background: var(--gradient-3, linear-gradient(202deg, #F04C24 4.53%, #F88D2A 82.34%));  \r\n            }\r\n            .page-button-modal-mobile\r\n            {\r\n                display: flex;\r\n                width: 180px;\r\n                height: 50px;\r\n                padding: 7px;\r\n                justify-content: center;\r\n                align-items: center;\r\n                gap: 10px;\r\n                color: #FFF;\r\n                flex-shrink: 0;\r\n                border-radius: 5px;\r\n                font-family: \"Kostic - Roc Grotesk ExtraBold\";\r\n                background: var(--gradient-3, linear-gradient(202deg, #F04C24 4.53%, #F88D2A 82.34%));\r\n                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);\r\n                font-size: 18px;\r\n            }\r\n            .page-button2:hover {\r\n                opacity: 0.9;\r\n            }\r\n            .page-banner-cta-container .page-button {\r\n                background: linear-gradient(272.34deg, #505050 0.73%, #1A1A1A 66.55%);\r\n                box-shadow: 0px 64px 26px rgba(0, 0, 0, 0.04), 0px 36px 22px rgba(0, 0, 0, 0.13), 0px 16px 16px rgba(0, 0, 0, 0.21), 0px 4px 9px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(0, 0, 0, 0.25);\r\n                border-radius: 50px;\r\n                font-size: 24px;\r\n            }\r\n            @media (min-width: 1280px) {\r\n                .page-banner-cta-container .page-button {\r\n                    font-size: calc(1.125rem + ((1vw - 12.8px) * 0.9375));\r\n                    min-height: 0vw;\r\n                }\r\n                .page-desktop .form-inline .g-recaptcha {\r\n                    position: absolute;\r\n                    bottom: 100px;\r\n                    right: 29px;\r\n                }\r\n            }\r\n            @media (min-width: 1680px) {\r\n                .page-banner-cta-container .page-button {\r\n                    font-size: calc(1.125rem + ((1vw - 12.8px) * 0.9375));\r\n                    min-height: 0vw;\r\n                }\r\n                .page-desktop .form-inline .g-recaptcha {\r\n                    position: absolute;\r\n                    bottom: 100px;\r\n                    right: 171px;\r\n                }\r\n            }\r\n            @media (min-width: 1920px) {\r\n                .page-banner-cta-container .page-button {\r\n                    font-size: 24px;\r\n                }\r\n                .page-desktop .form-inline .g-recaptcha {\r\n                    position: absolute;\r\n                    bottom: 100px;\r\n                    right: 291px;\r\n                }\r\n            }\r\n            \r\n            @media (max-width: 767px) {\r\n                .page-banner-cta-container .page-button {\r\n                    font-size: 12px;\r\n                    margin: 10px;\r\n                    padding: 5px 30px;\r\n                }\r\n            }\r\n\r\n            @media (max-width: 767px) {\r\n                .section-page img {\r\n                    border-radius: 15px;\r\n                }\r\n            }\r\n\r\n            .page-desktop,\r\n            .page-mobile {\r\n                display: none;\r\n            }\r\n            @media (min-width: 768px) {\r\n                .page-desktop {\r\n                    display: flex;\r\n                }\r\n            }\r\n            @media (max-width: 767px) {\r\n                .page-mobile {\r\n                    display: block;\r\n                }\r\n                .form-inline input[type=\"text\"],input[type=\"email\"],input[type=\"date\"] {\r\n                        width: 100%;\r\n                    }\r\n                    .page-copy h2,\r\n            .page-copy p {\r\n                font-family: \"Kostic - Roc Grotesk ExtraBold\";            \r\n            }\r\n            .page-copy h2 {\r\n                line-height: 1.1;\r\n                font-style: normal;\r\n                font-weight: 750;\r\n                font-size: 20px;\r\n                line-height: 100%;\r\n            }\r\n            }\r\n\r\n            @media (max-width: 767px) {\r\n                .page-cta-container {\r\n                    text-align: center;\r\n                }\r\n            }\r\n            .form-inline {  \r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n\r\n            }\r\n            .form-inline-mobile {  \r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                align-items: center;\r\n            }\r\n            .form-inline-mobile .by-creating {\r\n                display: flex;\r\n                font-size: 10px;\r\n                font-family: Grostesk-Regular;\r\n                color: #818181;\r\n                margin-top: 20px;\r\n                margin-bottom: 30px;\r\n            }\r\n            .form-inline-mobile .by-creating input[type=\"checkbox\"] {\r\n                margin-right: 10px;\r\n            }\r\n            .form-inline-mobile button {\r\n                border-radius: 5px;\r\n                padding: 15px 50px;\r\n                font-size: 18px;\r\n            }\r\n\r\n            .form-inline label {\r\n                margin: 5px 10px 5px 0;\r\n                font-family: Grostesk-Regular;\r\n                color: #818181;\r\n            }\r\n\r\n            .form-inline input {\r\n                vertical-align: middle;\r\n                margin: 5px 10px 5px 0;\r\n                padding: 10px 10px 10px 15px;\r\n                background-color: #fff;\r\n                border: 1px solid #ddd;\r\n                border-radius: 10px;\r\n                font-family: 'Open Sans';\r\n                font-size: 0.9em;\r\n            }\r\n            .form-inline-mobile input {\r\n                vertical-align: middle;\r\n                margin: 5px 10px 5px 0;\r\n                padding: 20px 30px 20px 20px;                \r\n                background-color: #fff;\r\n                border: 1px solid #ddd;\r\n                border-radius: 10px;\r\n                font-family: 'Open Sans';\r\n                font-size: 14px;            \r\n            }\r\n\r\n            .form-inline select {\r\n            vertical-align: middle;\r\n            margin: 5px 10px 5px 0;\r\n            padding: 10px;\r\n            background-color: #fff;\r\n            border: 1px solid #ddd;\r\n            border-radius: 10px;\r\n            }\r\n\r\n            .form-inline select {\r\n                width: 48%;\r\n            }\r\n\r\n            .form-inline button {\r\n            border: 1px solid #ddd;\r\n            color: white;\r\n            cursor: pointer;\r\n            \r\n            }\r\n\r\n            .form-inline button:hover {\r\n            background-color: royalblue;\r\n            }\r\n\r\n            @media (max-width: 800px) {\r\n            .form-inline input {\r\n                margin: 10px 0;\r\n            }\r\n            .form-inline-mobile input {\r\n                margin: 10px 0;\r\n            }\r\n            \r\n            .form-inline {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n            }\r\n            .form-inline-mobile {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n            }\r\n            .form-inline input[type=\"text\"],input[type=\"email\"],input[type=\"date\"] {\r\n                width: 80%;\r\n            }\r\n            }   \r\n            .form-inline .checkbox {\r\n                margin-left: 10px;\r\n                }\r\n            .form-inline-mobile .checkbox {\r\n                margin-left: 10px;\r\n            }\r\n            .form-inline input[type=\"text\"],\r\n            .form-inline input[type=\"email\"],\r\n            .form-inline input[type=\"date\"],\r\n            .form-inline input[type=\"email\"] {\r\n                width: 49%;\r\n            }\r\n            .form-inline-mobile input[type=\"text\"],\r\n            .form-inline-mobile input[type=\"email\"],\r\n            .form-inline-mobile input[type=\"date\"] {\r\n                width: 100%;\r\n            }\r\n            .form-inline .button {\r\n                margin-top: 94px;\r\n                margin-bottom: 50px;\r\n                display: flex;\r\n                justify-content: space-between;\r\n                width: 100%;\r\n            }\r\n            @media (min-width: 768px) {\r\n                .form-inline .button {\r\n                    margin-right: 18px;\r\n                }\r\n            }\r\n\r\n            .modal {\r\n                display: none; \/* Hidden by default *\/\r\n                position: fixed; \/* Stay in place *\/\r\n                z-index: 1; \/* Sit on top *\/\r\n                padding-top: 164px;\r\n                padding-left: 30px;\r\n                left: 0;\r\n                top: 0;\r\n                width: 100%; \/* Full width *\/\r\n                height: 100%; \/* Full height *\/\r\n                overflow: auto; \/* Enable scroll if needed *\/\r\n                background-color: rgb(0,0,0); \/* Fallback color *\/\r\n                background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\r\n            }\r\n\r\n            \r\n\r\n            .modal-mobile {\r\n            display: none; \/* Hidden by default *\/\r\n            position: fixed; \/* Stay in place *\/\r\n            z-index: 1; \/* Sit on top *\/\r\n            padding-top: 150px;\r\n            padding-left: 0;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%; \/* Full width *\/\r\n            height: 100%; \/* Full height *\/\r\n            overflow: auto; \/* Enable scroll if needed *\/\r\n            background-color: rgb(0,0,0); \/* Fallback color *\/\r\n            background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\r\n            }\r\n            \/* Add Animation *\/\r\n            @-webkit-keyframes animatetop {\r\n            from {top:-300px; opacity:0} \r\n            to {top:0; opacity:1}\r\n            }\r\n\r\n            @keyframes animatetop {\r\n            from {top:-300px; opacity:0}\r\n            to {top:0; opacity:1}\r\n            }\r\n\r\n            .modal-content {\r\n            position: relative;\r\n            background-color: #fefefe;\r\n            margin: auto;\r\n            border: 1px solid #888;\r\n            width: 602px;\r\n            height: 309px;\r\n            border-radius: 30px;\r\n            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);\r\n            -webkit-animation-name: animatetop;\r\n            -webkit-animation-duration: 0.4s;\r\n            animation-name: animatetop;\r\n            animation-duration: 0.4s;\r\n            align-items: center;\r\n            text-align: center;\r\n            }\r\n\r\n            .modal-content-mobile {\r\n                position: relative;\r\n                background-color: #fefefe;\r\n                margin: auto;\r\n                border: 1px solid #888;\r\n                width: 300px;\r\n                height: 400px;\r\n                border-radius: 30px;\r\n                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);\r\n                -webkit-animation-name: animatetop;\r\n                -webkit-animation-duration: 0.4s;\r\n                animation-name: animatetop;\r\n                animation-duration: 0.4s;\r\n                align-items: center;\r\n                text-align: center;\r\n            }\r\n\r\n            .modal-header {\r\n            background: linear-gradient(252deg, #F04C24 60.53%,#F88D2A 100%);            \r\n            border-top-left-radius: 30px;\r\n            border-top-right-radius: 30px;\r\n            padding: 50px;\r\n            }\r\n\r\n            .modal-header-mobile {\r\n                background: linear-gradient(252deg, #F04C24 60.53%,#F88D2A 100%);\r\n                border-top-left-radius: 30px;\r\n                border-top-right-radius: 30px;\r\n                padding: 70px 0;            \r\n            }\r\n\r\n            .page-copy .model-header h2\r\n            {\r\n                top: 20px;\r\n                color: white;\r\n            }\r\n\r\n            .modal-body {padding: 0px 10px;}\r\n\r\n            .modal-body-mobile p \r\n            {\r\n                font-size: 10px;\r\n                text-align: center;\r\n            }\r\n\r\n            .close {\r\n            color: white;\r\n            float: right;\r\n            font-size: 28px;\r\n            font-weight: bold;\r\n            }\r\n\r\n            .close:hover,\r\n            .close:focus {\r\n            color: #000;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n            }\r\n        .page-desktop .g-recaptcha\r\n        {\r\n            position: absolute;\r\n            bottom: 100px;\r\n            right: 29px;\r\n        }\r\n\r\n        @media (min-width: 1280px) and (max-width: 1440px) {\r\n                .my-container {\r\n                    max-width: 1200px;\r\n                }\r\n            }\r\n\r\n        @media (min-width: 1280px)\r\n            {\r\n                .page-desktop .form-inline .g-recaptcha {\r\n                    right: 16px;\r\n                }\r\n                .form-inline {\r\n                    position: relative;\r\n                }\r\n            }\r\n\r\n            @media (max-width: 767px)\r\n            {\r\n                .page-mobile .form-inline-mobile .g-recaptcha {\r\n                    margin-bottom: 30px !important;\r\n                }\r\n                .form-inline-mobile {\r\n                    position: relative;\r\n                }\r\n            }\r\n\r\n\r\n        \r\n\r\n        <\/style>\r\n          <link rel=\"stylesheet\" href=\"\/\/code.jquery.com\/ui\/1.12.1\/themes\/base\/jquery-ui.css\">\r\n        <picture class=\"my-picture\">\r\n            <source media=\"(max-width: 767px)\" srcset=\"\/wp-content\/uploads\/2024\/02\/banner-landing-myjbl-form-mobile.webp\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/02\/banner-landing-myjbl-form-desktop.webp\" width=\"100%\" height=\"auto\" \/>\r\n            <!-- <div class=\"page-banner-cta-container\">\r\n                <button class=\"page-button\" data-href=\"https:\/\/jblstore.co.id\/product-category\/6.6-special\/\">See More<\/button>\r\n                <\/div> -->\r\n        <\/picture>\r\n        <div class=\"my-container\" style=\"width: 100%;\">\r\n            <div class=\"page-product-container\">\r\n                <div class=\"page-product-category\">Personalized <\/div>\r\n                <h1 class=\"page-product-name\">JBL Personalized Product<\/h1>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"section-page\">\r\n            <div class=\"section-isi-formulir\">\r\n                <div class=\"my-container\">\r\n                    <div class=\"page-copy\">\r\n                        <div class=\"page-desktop\"> \r\n                            <h2><span class=\"page-color-orange\">Fill Out the Form<\/span> <br> for Bulk Orders.<\/h2>\r\n                        <\/div>\r\n                        <div class=\"page-mobile\"> \r\n                            <h2><span class=\"page-color-orange\">Fill Out the Form<\/span> <br> for Bulk Orders.<\/h2>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"my-section\">\r\n                <div class=\"my-container\">\r\n                    <div class=\"page-copy\">\r\n                        <div class=\"page-desktop\">\r\n                            <form class=\"form-inline\" id=\"myForm\" action=\"\">\r\n                                <input type=\"text\" id=\"nama\" placeholder=\"Full Name\" name=\"nama\" required>\r\n                                <input type=\"email\" id=\"email\" placeholder=\"Email\" name=\"email\"required>\r\n                                <input type=\"text\" id=\"hp\" placeholder=\"Phone Number\" name=\"hp\"required>\r\n                                <input type=\"text\" id=\"pr\" placeholder=\"Company Name\" name=\"pr\"required>\r\n                                <input type=\"text\" id=\"produk\" placeholder=\"Product\" name=\"produk\"required>\r\n                                <input type=\"text\" id=\"order\" placeholder=\"Order Quantity\" name=\"order\" required>\r\n                                <input type=\"text\" id=\"date\" placeholder=\"Expected Delivery Date\" name=\"date\" required>\r\n                                <input type=\"text\" id=\"alamat\" placeholder=\"Company Address\" name=\"alamat\" required> \r\n                               \r\n                                <div class=\"g-recaptcha\" data-sitekey=\"6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR\" required><\/div>\r\n                                <div class=\"button\">\r\n                                    <label>\r\n                                        <input type=\"checkbox\" name=\"checkbox\" required \/>\r\n                                        By submitting form, you understand and agree to our Terms of Use and Privacy Policy.                                    <\/label>\r\n                                    <button  type=\"submit\"  class=\"page-button-kirim\">Submit<\/button>\r\n                                <\/div>\r\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\r\n                            <div id=\"myModal\" class=\"modal\">\r\n                                <div class=\"modal-content\">\r\n                                    <div class=\"modal-header\">\r\n                                        <center>\r\n                                            <div class=\"page-color-white\">Thank You<\/div>\r\n                                    <\/center>\r\n                                    <\/div>\r\n                                    <br>\r\n                                    <div class=\"modal-body\">\r\n                                        <center><div class=\"page-color-small2\"> We will contact You soon<\/div><\/center>\r\n                                        <br>\r\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/\">\r\n                                            <center><button class=\"page-button-modal\">Home<\/button><\/center>\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <\/div>\r\n                        <\/div>\r\n                        <div class=\"page-mobile\">\r\n                            <form class=\"form-inline-mobile\" id=\"myFormMobile\" action=\"\">\r\n                                    <input type=\"text\" id=\"nama\" placeholder=\"Full Name\" name=\"nama\" required>\r\n                                <input type=\"email\" id=\"email\" placeholder=\"Email\" name=\"email\"required>\r\n                                <input type=\"text\" id=\"hp\" placeholder=\"Phone Number\" name=\"hp\"required>\r\n                                <input type=\"text\" id=\"pr\" placeholder=\"Company Name\" name=\"pr\"required>\r\n                                <input type=\"text\" id=\"produk\" placeholder=\"Product\" name=\"produk\"required>\r\n                                <input type=\"text\" id=\"order\" placeholder=\"Order Quantity\" name=\"order\"required>\r\n                                <input type=\"text\" id=\"date-mobile\" placeholder=\"Expected Delivery Date\" name=\"date\"required>\r\n                                <input type=\"text\" id=\"alamat\" placeholder=\"Company Address\" name=\"alamat\"required> \r\n                                <label for=\"checkbox\" class=\"by-creating\">\r\n                                        <input type=\"checkbox\" name=\"checkbox\" \/>\r\n                                        <div>\r\n                                            By submitting form, you understand and agree to our Terms of Use and Privacy Policy.                                        <\/div>\r\n                                    <\/label>\r\n                                <div class=\"g-recaptcha\" data-sitekey=\"6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR\"><\/div>\r\n                                <div class=\"button\">\r\n                                    \r\n                                    <div class=\"text-center\">\r\n                                        <button type=\"submit\" class=\"page-button\">Submit<\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n                            <div id=\"myModalMobile\" class=\"modal-mobile\">\r\n                            <div class=\"modal-content-mobile\">\r\n                                    <div class=\"modal-header-mobile\">\r\n                                        <center>\r\n                                            <div class=\"page-color-white-mobile\">Thank You<\/div>\r\n                                    <\/center>\r\n                                    <\/div>\r\n                                    <br>\r\n                                    <div class=\"modal-body-mobile\">\r\n                                        <center><div class=\"page-color-small2-mobile\"> We will contact You soon<\/div><\/center>\r\n                                        <br>\r\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/\">\r\n                                            <center><button class=\"page-button-modal-mobile\">Home<\/button><\/center>\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.2.1\/jquery.min.js\"><\/script>\r\n        <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/js\/bootstrap.min.js\"><\/script>\r\n        <script src=\"https:\/\/code.jquery.com\/ui\/1.12.1\/jquery-ui.js\"><\/script>\r\n        <script>\r\n            $( function() {\r\n                $( \"#date\" ).datepicker({\r\n                dateFormat: \"dd-mm-yy\"\r\n                });\r\n            } );\r\n            $( function() {\r\n                $( \"#date-mobile\" ).datepicker({\r\n                dateFormat: \"dd-mm-yy\"\r\n                });\r\n            } );\r\n        <\/script>\r\n        <script>\r\n            var form = document.getElementById(\"myForm\");\r\n\r\n            form.addEventListener(\"submit\", function(event) {\r\n                event.preventDefault(); \/\/ Mencegah reload halaman\r\n\r\n                var modal = document.getElementById(\"myModal\");\r\n\r\n                modal.style.display = \"block\";\r\n\r\n                window.addEventListener(\"click\",function(event){\r\n                    if(event.target == modal) \r\n                    {\r\n                        modal.style.display = \"none\";\r\n                    }\r\n                });\r\n            });\r\n\r\n\r\n        <\/script>\r\n        <script>\r\n            var form = document.getElementById(\"myFormMobile\");\r\n\r\n            form.addEventListener(\"submit\", function(event) {\r\n                event.preventDefault(); \/\/ Mencegah reload halaman\r\n\r\n                var modal = document.getElementById(\"myModalMobile\");\r\n\r\n                modal.style.display = \"block\";\r\n\r\n                window.addEventListener(\"click\", function(event){\r\n                    if(event.target == modal) \r\n                    {\r\n                        modal.style.display = \"none\";\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n    \t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3319","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>My JBL Form - JBL Store<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jblstore.co.id\/en\/myjbl-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"My JBL Form - JBL Store\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/myjbl-form\/\" \/>\n<meta property=\"og:site_name\" content=\"JBL Store\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-01T11:16:39+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/myjbl-form\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/myjbl-form\/\",\"name\":\"Formulir JBL Saya - Toko JBL\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2024-02-05T04:05:06+00:00\",\"dateModified\":\"2024-11-01T11:16:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/myjbl-form\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/myjbl-form\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/myjbl-form\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"My JBL Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"name\":\"JBL Store\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jblstore.co.id\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\",\"name\":\"JBL Store\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"contentUrl\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"width\":70,\"height\":52,\"caption\":\"JBL Store\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\",\"https:\/\/www.instagram.com\/jblindonesia\/\",\"https:\/\/www.youtube.com\/c\/JBLIndonesia\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"My JBL Form - JBL Store","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:\/\/jblstore.co.id\/en\/myjbl-form\/","og_locale":"en_US","og_type":"article","og_title":"My JBL Form - JBL Store","og_url":"https:\/\/jblstore.co.id\/en\/myjbl-form\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2024-11-01T11:16:39+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/myjbl-form\/","url":"https:\/\/jblstore.co.id\/en\/myjbl-form\/","name":"Formulir JBL Saya - Toko JBL","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2024-02-05T04:05:06+00:00","dateModified":"2024-11-01T11:16:39+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/myjbl-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/myjbl-form\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/myjbl-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"My JBL Form"}]},{"@type":"WebSite","@id":"https:\/\/jblstore.co.id\/en\/#website","url":"https:\/\/jblstore.co.id\/en\/","name":"JBL Store","description":"","publisher":{"@id":"https:\/\/jblstore.co.id\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jblstore.co.id\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jblstore.co.id\/en\/#organization","name":"JBL Store","url":"https:\/\/jblstore.co.id\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","contentUrl":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","width":70,"height":52,"caption":"JBL Store"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/JBLAudioIndonesia\/","https:\/\/www.instagram.com\/jblindonesia\/","https:\/\/www.youtube.com\/c\/JBLIndonesia"]}]}},"_links":{"self":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/3319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/comments?post=3319"}],"version-history":[{"count":8,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/3319\/revisions"}],"predecessor-version":[{"id":105751,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/3319\/revisions\/105751"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=3319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}