.elementor-2964 .elementor-element.elementor-element-c416bef{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2964 .elementor-element.elementor-element-930a472{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2964 .elementor-element.elementor-element-930a472:not(.elementor-motion-effects-element-type-background), .elementor-2964 .elementor-element.elementor-element-930a472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-2964 .elementor-element.elementor-element-7a325cf img{width:120px;height:120px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-2964 .elementor-element.elementor-element-59c2310{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-2964 .elementor-element.elementor-element-59c2310 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:20px;font-weight:600;line-height:32px;letter-spacing:0px;color:var( --e-global-color-b63fa07 );}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder-row{margin-top:0px;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__label{margin:0px 0px 12px 0px;padding:0px 0px 0px 0px;text-align:left;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__desc{text-align:left;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-b63fa07 );padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E1E1E1;border-radius:12px 12px 12px 12px;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder ::-webkit-input-placeholder{color:#4C4C4C;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder ::-ms-input-placeholder{color:#4C4C4C;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder ::-moz-placeholder{color:#4C4C4C;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder :-moz-placeholder{color:#4C4C4C;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder input{color-scheme:normal;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__action-button:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__action-button{transition:all 0.3s;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );padding:16px 80px 16px 80px;border-radius:12px 12px 12px 12px;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder-message--success{text-align:center;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder-message--error{text-align:center;}.elementor-2964 .elementor-element.elementor-element-cdb83a8{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-2964 .elementor-element.elementor-element-cdb83a8 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-b63fa07 );}body.elementor-page-2964:not(.elementor-motion-effects-element-type-background), body.elementor-page-2964 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b63fa07 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2964 .elementor-element.elementor-element-59c2310 .elementor-heading-title{font-size:20px;line-height:32px;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__action-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2964 .elementor-element.elementor-element-cdb83a8 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(min-width:768px){.elementor-2964 .elementor-element.elementor-element-c416bef{--content-width:549px;}}@media(max-width:767px){.elementor-2964 .elementor-element.elementor-element-930a472{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2964 .elementor-element.elementor-element-59c2310 .elementor-heading-title{font-size:16px;line-height:28px;}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2964 .elementor-element.elementor-element-cd27e09 .jet-form-builder__action-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2964 .elementor-element.elementor-element-cdb83a8 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for jet-form-builder-form, class: .elementor-element-cd27e09 *//* ==========================================
   1. GLOBAL & RESET MODIFICATION
   ========================================== */

/* Jaga padding teks input secara global agar teks bergeser aman dari posisi icon */
.jet-form-builder__field.text-field {
    padding-left: 50px !important;
}

/* Feedback halus saat input di-focus */
.jet-form-builder__field.text-field:focus {
    background-color: #fafafa !important;
}

/* Sembunyikan semua pseudo-element icon bawaan/lama secara global terlebih dahulu */
.field-type-text-field .jet-form-builder__field-wrap::before {
    content: none !important;
}

/* Tombol submit full-width default */
.jet-form-builder__action-button.jet-form-builder__submit {
    width: 100% !important;
    font-weight: 700 !important;
    display: block !important;
    margin-top: 20px;
}


/* ==========================================
   KHUSUS JET FORM BUILDER (ID: 2943) - ANTI BENTROK
   ========================================== */

/* 1. Base Setup untuk kontainer input */
form[data-form-id="2943"] .field-type-text-field .jet-form-builder__field-wrap {
    position: relative !important;
}

form[data-form-id="2943"] .field-type-text-field .jet-form-builder__field-wrap::before {
    content: "" !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 5;
    pointer-events: none;
}

/* 2. JIKA di dalam form terdapat input Username/Email, tampilkan Ikon Email */
form[data-form-id="2943"] .field-type-text-field .jet-form-builder__field-wrap:has(input[name="user_login_or_email"])::before {
    background-image: url('https://sladethewriter.com/wp-content/uploads/2026/05/email-black.svg') !important;
}

/* 3. JIKA di dalam form terdapat input Password Baru, tampilkan Ikon Gembok */
form[data-form-id="2943"] .field-type-text-field .jet-form-builder__field-wrap:has(input[name="new_password"])::before,
form[data-form-id="2943"] .field-type-text-field .jet-form-builder__field-wrap:has(input[name="confirm_new_password"])::before {
    background-image: url('https://sladethewriter.com/wp-content/uploads/2026/05/password-black.svg') !important;
}

/* 4. Jaga jarak teks input */
form[data-form-id="2943"] .jet-form-builder__field.text-field {
    padding-left: 50px !important;
}


/* ==========================================
   KHUSUS JET FORM BUILDER (ID: 2943)
   ========================================== */

/* 1. Atur posisi pembungkus agar pseudo-element icon bisa absolute */
form[data-form-id="2943"] .field-type-text-field .jet-form-builder__field-wrap {
    position: relative !important;
}

/* 2. Suntikkan kontainer Icon secara paksa */
form[data-form-id="2943"] .field-type-text-field .jet-form-builder__field-wrap::before {
    content: "" !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 5;
    pointer-events: none;
    /* Panggil gambar email-black.svg karena ini field Username/Email */
    background-image: url('https://sladethewriter.com/wp-content/uploads/2026/05/email-black.svg') !important;
}

/* 3. Geser teks di dalam input agar tidak menabrak icon email-nya */
form[data-form-id="2943"] .jet-form-builder__field.text-field {
    padding-left: 50px !important;
}

/* 4. Feedback halus saat input di-focus (Opsional) */
form[data-form-id="2943"] .jet-form-builder__field.text-field:focus {
    background-color: #fafafa !important;
}




/* ==========================================
   4. LAYOUT COMPONENT (REMEMBER ME & BUTTONS)
   ========================================== */

/* Layout inline untuk block group */
.wp-container-core-group-is-layout-cb46ffcb {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 10px 0 20px 0 !important;
    gap: 10px !important;
    width: 100% !important;
}

.forgot_password {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.field-type-switcher .jet-form-builder__label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

@media (max-width: 380px) {
    .forgot_password, 
    .field-type-switcher .jet-form-builder__label-text {
        font-size: 12px !important;
    }
}

/* Responsif Mobile untuk Tombol */
@media (max-width: 767px) {
    .wp-container-core-group-is-layout-cb46ffcb {
        flex-direction: column !important;
        gap: 16px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .jet-form-builder-row.field-type-submit-field {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    .jet-form-builder__action-button {
        width: 100% !important;
        padding: 14px 0 !important;
        display: block !important;
    }

    .cancel-btn {
        margin-top: 8px !important;
        text-align: center;
    }
}/* End custom CSS */