.elementor-374 .elementor-element.elementor-element-1c40d7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-02ae1f8{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-374 .elementor-element.elementor-element-02ae1f8:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-02ae1f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-374 .elementor-element.elementor-element-f6eba68 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:52px;font-weight:500;color:var( --e-global-color-astglobalcolor5 );}.elementor-374 .elementor-element.elementor-element-a05de1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-1124076{--spacer-size:50px;}.elementor-374 .elementor-element.elementor-element-5b4899f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-6814859{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-374 .elementor-element.elementor-element-389f6af img{width:100%;height:350px;object-fit:cover;object-position:center left;box-shadow:10px 10px 0px 0px #0A3161;}.elementor-374 .elementor-element.elementor-element-268214c{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-374 .elementor-element.elementor-element-976fe7e .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-374 .elementor-element.elementor-element-976fe7e.elementor-view-stacked .elementor-icon{background-color:#19B330;}.elementor-374 .elementor-element.elementor-element-976fe7e.elementor-view-framed .elementor-icon, .elementor-374 .elementor-element.elementor-element-976fe7e.elementor-view-default .elementor-icon{fill:#19B330;color:#19B330;border-color:#19B330;}.elementor-374 .elementor-element.elementor-element-976fe7e .elementor-icon-box-title, .elementor-374 .elementor-element.elementor-element-976fe7e .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-374 .elementor-element.elementor-element-976fe7e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-weight:700;line-height:23px;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-374 .elementor-element.elementor-element-533d6a5{color:#616f84;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-374 .elementor-element.elementor-element-bd97fef{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-374 .elementor-element.elementor-element-bd97fef .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-374 .elementor-element.elementor-element-bd97fef .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-374 .elementor-element.elementor-element-bd97fef .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor3 );transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-374 .elementor-element.elementor-element-fdd7a73{--spacer-size:50px;}.elementor-374 .elementor-element.elementor-element-57dcfb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-57dcfb6:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-57dcfb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-374 .elementor-element.elementor-element-b34995f{--spacer-size:50px;}.elementor-374 .elementor-element.elementor-element-dbf7ad9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;}.elementor-374 .elementor-element.elementor-element-08ecd2c{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-374 .elementor-element.elementor-element-08ecd2c:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-08ecd2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-374 .elementor-element.elementor-element-794d788{--spacer-size:50px;}.elementor-374 .elementor-element.elementor-element-014b0b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-7cfe062{--spacer-size:50px;}.elementor-374 .elementor-element.elementor-element-b5b7654{--display:flex;}.elementor-374 .elementor-element.elementor-element-0f8b482{--display:flex;}.elementor-374 .elementor-element.elementor-element-a7b5ffd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-aec9e6a{--display:flex;}.elementor-374 .elementor-element.elementor-element-9f0913a{--display:flex;}.elementor-374 .elementor-element.elementor-element-f3e1b16{--display:flex;}.elementor-374 .elementor-element.elementor-element-a561fc0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-2f72d30{--display:flex;}.elementor-374 .elementor-element.elementor-element-2f72d30.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-374 .elementor-element.elementor-element-5399974{width:var( --container-widget-width, 104.363% );max-width:104.363%;--container-widget-width:104.363%;--container-widget-flex-grow:0;}.elementor-374 .elementor-element.elementor-element-5399974.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-374 .elementor-element.elementor-element-d0d8426{--display:flex;}.elementor-374 .elementor-element.elementor-element-8c64a48{--display:flex;}.elementor-374 .elementor-element.elementor-element-ce0f3c6{--display:flex;}.elementor-374 .elementor-element.elementor-element-a302286{--display:flex;}.elementor-374 .elementor-element.elementor-element-0743a97{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-374 .elementor-element.elementor-element-b7806da{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-374 .elementor-element.elementor-element-2f72d30{--width:20.33%;}}@media(max-width:767px){.elementor-374 .elementor-element.elementor-element-f6eba68 .elementor-heading-title{font-size:40px;}.elementor-374 .elementor-element.elementor-element-57dcfb6{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-374 .elementor-element.elementor-element-08ecd2c{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-65ad522 *//* ============================================================
   ACCORDION STYLES
   ============================================================ */

/* ── Accordion container ── */
.e-n-accordion {
    display: flex;
    flex-direction: column;
    gap: 8px !important;
}

/* ── Each accordion item ── */
.e-n-accordion-item {
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* ── Header / summary ── */
.e-n-accordion-item-title {
    background-color: #fafaff !important;
    padding: 16px 20px !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-left: 4px solid #B31942 !important;
    border-top: 1px solid #e8edf5 !important;
    border-right: 1px solid #e8edf5 !important;
    border-bottom: 1px solid #e8edf5 !important;
    border-radius: 0 !important;
    transition: background-color 0.3s ease !important;
}

.e-n-accordion-item-title:hover {
    background-color: #F2F5F7 !important;
}

/* ── Open state ── */
.e-n-accordion-item[open] > .e-n-accordion-item-title {
    background-color: #0a3161 !important;
    border-left: 4px solid #B31942 !important;
    border-top: 1px solid #0a3161 !important;
    border-right: 1px solid #0a3161 !important;
    border-bottom: 1px solid #0a3161 !important;
    border-radius: 0 !important;
}

/* ── Icon left, text right ── */
.e-n-accordion-item-title .e-n-accordion-item-title-icon {
    order: 1 !important;
    margin-right: 16px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
}

.e-n-accordion-item-title .e-n-accordion-item-title-header {
    order: 2 !important;
    flex: 1 !important;
    text-align: left !important;
}

/* ── Title text ── */
.e-n-accordion-item-title-text {
    font-family: 'Barlow', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #0A3161 !important;
    letter-spacing: 0.2px !important;
    text-align: left !important;
    display: block !important;
    transition: color 0.3s ease !important;
}

.e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-text {
    color: #ffffff !important;
}

/* ── Plus / minus icon ── */
.e-n-accordion-item-title-icon svg {
    width: 13px !important;
    height: 13px !important;
    fill: #B31942 !important;
    transition: fill 0.3s ease !important;
}

.e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important;
}

/* ── Content area ── */
.e-n-accordion-item > div[role="region"] {
    background-color: #FFFFFF !important;
    padding: 24px 20px !important;
    border-left: 4px solid #B31942 !important;
    border-right: 1px solid #e8edf5 !important;
    border-bottom: 1px solid #e8edf5 !important;
    border-radius: 0 !important;
}

/* ── Headings inside content ── */
.e-n-accordion-item > div[role="region"] h3,
.e-n-accordion-item > div[role="region"] h4,
.e-n-accordion-item > div[role="region"] h5 {
    font-family: 'Barlow', sans-serif !important;
    color: #0A3161 !important;
    font-weight: 600 !important;
}

/* ── Body text inside content ── */
.e-n-accordion-item > div[role="region"] p,
.e-n-accordion-item > div[role="region"] li {
    font-family: 'Barlow', sans-serif !important;
    color: #616f84 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.e-n-accordion-item > div[role="region"] ul {
    padding-left: 20px !important;
}

.e-n-accordion-item > div[role="region"] ul li {
    margin-bottom: 6px !important;
}

/* ── Images inside content ── */
.e-n-accordion-item > div[role="region"] img {
    max-width: 100% !important;
}

/* ── Product name label ── */
.e-n-accordion-item > div[role="region"] .gbb-class-name {
    font-family: 'Barlow', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0A3161 !important;
}


/* ============================================================
   FORMINATOR FORM #382
   ============================================================ */

/* ── Border input global ── */
.forminator-input,
.forminator-textarea,
.forminator-select {
    border: 1px solid #616F84 !important;
}

/* ── Font & base ── */
#forminator-module-382,
#forminator-module-382 .forminator-label,
#forminator-module-382 .forminator-radio-label,
#forminator-module-382 .forminator-checkbox-label,
#forminator-module-382 .forminator-input,
#forminator-module-382 .forminator-textarea,
#forminator-module-382 .forminator-select,
#forminator-module-382 .forminator-button-submit,
#forminator-module-382 p,
#forminator-module-382 li,
#forminator-module-382 label,
#forminator-module-382 span,
#forminator-module-382 .forminator-field label,
#forminator-module-382 .forminator-field span {
    font-size: 17px !important;
    font-family: 'Barlow', sans-serif;
}

/* ── Label pertanyaan — biru tua ── */
#forminator-module-382 .forminator-label {
    color: #0A3161 !important;
    font-weight: 600 !important;
}

/* ── Pilihan radio & checkbox — abu gelap ── */
#forminator-module-382 .forminator-radio-label,
#forminator-module-382 .forminator-checkbox-label {
    color: #3D4F6A !important;
    font-weight: 400 !important;
}

/* ── Input & textarea teks ── */
#forminator-module-382 .forminator-input,
#forminator-module-382 .forminator-textarea {
    color: #1a1a2e !important;
}

/* ============================================================
   FORMINATOR FORM #382 — SPACING / JARAK
   ============================================================ */

/* 1. Default: Jarak lebar untuk semua row pertanyaan utama */
#forminator-module-382 .forminator-row {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
}

/* 2. Pengecualian: Header "Please provide us..." rapat ke bawah */
#forminator-module-382 .forminator-row:has(#section-1),
#forminator-module-382 .forminator-row:has(.forminator-field-section) {
    margin-bottom: 5px !important;
}

/* 3. Pengecualian: Baris data diri (Name, Address, Phone, Email) — jarak kecil */
#forminator-module-382 .forminator-row:has(#name-1),
#forminator-module-382 .forminator-row:has(#address-1),
#forminator-module-382 .forminator-row:has(#phone-1),
#forminator-module-382 .forminator-row:has(#email-1),
#forminator-module-382 .forminator-row:has(.forminator-field-name),
#forminator-module-382 .forminator-row:has(.forminator-field-address),
#forminator-module-382 .forminator-row:has(.forminator-field-phone),
#forminator-module-382 .forminator-row:has(.forminator-field-email) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* 4. Khusus: Baris Email tetap punya jarak bawah 50px (pemisah sebelum kontak) */
#forminator-module-382 .forminator-row:has(.forminator-field-email) {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
}

/* 5. Fix nested: Struktur dalam Name & Address tetap rapat */
#forminator-module-382 .forminator-field-name .forminator-row,
#forminator-module-382 .forminator-field-address .forminator-row,
#forminator-module-382 .forminator-field-name .forminator-col,
#forminator-module-382 .forminator-field-address .forminator-col {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

/* 6. "When can we contact you?" — margin top 50px sebagai pemisah */
#forminator-module-382 .forminator-row:has(#radio-5) {
    margin-top: 50px !important;
}

/* 7. Email label — margin top tambahan */
#forminator-module-382 #forminator-field-email-1_69cc9b8a9754a-label {
    margin-top: 30px !important;
}

/* 8. "What type of system..." (html-1) — margin bottom diperkecil */
#forminator-module-382 .forminator-row:has(#html-1) {
    margin-bottom: 10px !important;
}

/* 9. "What level of system efficiency..." (html-3) — margin bottom diperkecil */
#forminator-module-382 .forminator-row:has(#html-3) {
    margin-bottom: 10px !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0743a97 *//* ── Accordion container ── */
.e-n-accordion {
    display: flex;
    flex-direction: column;
    gap: 8px !important;
}

/* ── Each accordion item ── */
.e-n-accordion-item {
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* ── Header / summary ── */
.e-n-accordion-item-title {
    background-color: #fafaff !important;
    padding: 16px 20px !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-left: 4px solid #B31942 !important;
    border-top: 1px solid #e8edf5 !important;
    border-right: 1px solid #e8edf5 !important;
    border-bottom: 1px solid #e8edf5 !important;
    border-radius: 0 !important;
    transition: background-color 0.3s ease !important;
}

.e-n-accordion-item-title:hover {
    background-color: #F2F5F7 !important;
}

/* ── Open state ── */
.e-n-accordion-item[open] > .e-n-accordion-item-title {
    background-color: #0a3161 !important;
    border-left: 4px solid #B31942 !important;
    border-top: 1px solid #0a3161 !important;
    border-right: 1px solid #0a3161 !important;
    border-bottom: 1px solid #0a3161 !important;
    border-radius: 0 !important;
}

/* ── Icon left, text right ── */
.e-n-accordion-item-title .e-n-accordion-item-title-icon {
    order: 1 !important;
    margin-right: 16px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
}

.e-n-accordion-item-title .e-n-accordion-item-title-header {
    order: 2 !important;
    flex: 1 !important;
    text-align: left !important;
}

/* ── Title text ── */
.e-n-accordion-item-title-text {
    font-family: 'Barlow', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #0A3161 !important;
    letter-spacing: 0.2px !important;
    text-align: left !important;
    display: block !important;
    transition: color 0.3s ease !important;
}

.e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-text {
    color: #ffffff !important;
}

/* ── Plus / minus icon ── */
.e-n-accordion-item-title-icon svg {
    width: 13px !important;
    height: 13px !important;
    fill: #B31942 !important;
    transition: fill 0.3s ease !important;
}

.e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important;
}

/* ── Content area ── */
.e-n-accordion-item > div[role="region"] {
    background-color: #FFFFFF !important;
    padding: 24px 20px !important;
    border-left: 4px solid #B31942 !important;
    border-right: 1px solid #e8edf5 !important;
    border-bottom: 1px solid #e8edf5 !important;
    border-radius: 0 !important;
}

/* ── Headings inside content ── */
.e-n-accordion-item > div[role="region"] h3,
.e-n-accordion-item > div[role="region"] h4,
.e-n-accordion-item > div[role="region"] h5 {
    font-family: 'Barlow', sans-serif !important;
    color: #0A3161 !important;
    font-weight: 600 !important;
}

/* ── Body text inside content ── */
.e-n-accordion-item > div[role="region"] p,
.e-n-accordion-item > div[role="region"] li {
    font-family: 'Barlow', sans-serif !important;
    color: #616f84 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.e-n-accordion-item > div[role="region"] ul {
    padding-left: 20px !important;
}

.e-n-accordion-item > div[role="region"] ul li {
    margin-bottom: 6px !important;
}

/* ── Images inside content ── */
.e-n-accordion-item > div[role="region"] img {
    max-width: 100% !important;
}

/* ── Product name label ── */
.e-n-accordion-item > div[role="region"] .gbb-class-name {
    font-family: 'Barlow', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0A3161 !important;
}/* End custom CSS */