.elementor-351 .elementor-element.elementor-element-d24d0b2{--display:flex;}.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-351 .elementor-element.elementor-element-518f96c{text-align:center;}.elementor-351 .elementor-element.elementor-element-518f96c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#0F8A04;}.elementor-351 .elementor-element.elementor-element-1aa17c0{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-351 .elementor-element.elementor-element-8daee1a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-351 .elementor-element.elementor-element-8daee1a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-351 .elementor-element.elementor-element-8daee1a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-type-html{padding-bottom:0px;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-button[type="submit"]{color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-351 .elementor-element.elementor-element-8daee1a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for form, class: .elementor-element-8daee1a *//* =================================================
   RAMADHAN FORM – SURAU AL-HIDAYAH (FULL CSS)
   Theme: Hijau Zaitun • Emas Lembut • Putih Bersih
================================================= */

/* FORM WRAPPER */
.elementor-351 .elementor-element.elementor-element-8daee1a{
    position:relative;
    background:linear-gradient(180deg,#ffffff 0%,#f9f6ee 100%);
    padding:32px 26px;
    border-radius:22px;
    box-shadow:0 18px 42px rgba(0,0,0,0.08);
    border-top:6px solid #c9a44b;
}

/* WATERMARK ICON (HALUS, TIDAK GANGGU) */
.elementor-351 .elementor-element.elementor-element-8daee1a::before{
    content:"🕌";
    position:absolute;
    top:-24px;
    right:-24px;
    font-size:96px;
    opacity:0.035;
    pointer-events:none;
}

/* =====================================
   LABEL
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-label{
    font-weight:600;
    font-size:14px;
    color:#3a3a3a;
    margin-bottom:6px;
}

/* =====================================
   INPUT / SELECT / TEXTAREA
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field{
    width:100%;
    padding:15px 16px;
    border-radius:14px;
    border:1.8px solid #e0d8b0;
    font-size:15px;
    background:#ffffff;
    transition:all .25s ease;
}

/* PLACEHOLDER */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field::placeholder{
    color:#999;
    font-size:14px;
}

/* FOCUS STATE */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field:focus{
    outline:none;
    border-color:#c9a44b;
    box-shadow:0 0 0 4px rgba(201,164,75,0.18);
}

/* TEXTAREA */
.elementor-351 .elementor-element.elementor-element-8daee1a textarea.elementor-field{
    min-height:120px;
    resize:vertical;
}

/* =====================================
   CHECKBOX & RADIO
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a input[type="checkbox"],
.elementor-351 .elementor-element.elementor-element-8daee1a input[type="radio"]{
    accent-color:#2f5d3a;
    transform:scale(1.15);
    margin-right:8px;
}

/* OPTION LABEL */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-option label{
    font-size:14px;
    color:#333;
}

/* ACCEPTANCE FIELD */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-type-acceptance label{
    font-size:14px;
    line-height:1.6;
    color:#2f5d3a;
}

/* =====================================
   FIELD GROUP SPACING
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-group{
    margin-bottom:20px;
}

/* =====================================
   REQUIRED ASTERISK
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field-required{
    color:#b8860b;
    font-weight:700;
}

/* =====================================
   SUBMIT BUTTON
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-button{
    background:linear-gradient(135deg,#2f5d3a,#3f7f54);
    color:#ffffff;
    border-radius:42px;
    padding:18px 32px;
    font-size:16px;
    font-weight:800;
    width:100%;
    letter-spacing:.4px;
    transition:all .25s ease;
}

/* SUBMIT HOVER */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-button:hover{
    background:linear-gradient(135deg,#3f7f54,#2f5d3a);
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(0,0,0,0.2);
}

/* =====================================
   ERROR MESSAGE
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-message-danger{
    background:#fff1e6;
    border-left:5px solid #d32f2f;
    padding:14px;
    border-radius:10px;
    font-size:14px;
    color:#7a1f1f;
}

/* =====================================
   SUCCESS MESSAGE
===================================== */
.elementor-351 .elementor-element.elementor-element-8daee1a .elementor-message-success{
    background:#edf7ed;
    border-left:5px solid #2f5d3a;
    padding:16px;
    border-radius:10px;
    font-size:15px;
    color:#1b5e20;
    font-weight:600;
}

/* =====================================
   MOBILE OPTIMIZATION
===================================== */
@media (max-width:767px){
    .elementor-351 .elementor-element.elementor-element-8daee1a{
        padding:24px 18px;
        border-radius:18px;
    }

    .elementor-351 .elementor-element.elementor-element-8daee1a .elementor-field{
        font-size:14.5px;
        padding:14px 14px;
    }

    .elementor-351 .elementor-element.elementor-element-8daee1a .elementor-button{
        font-size:15px;
        padding:16px 22px;
    }
}

/* IHYA RAMADHAN DATE FIELD */
.ihya-date {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 15px;
    background: #ffffff;
    color: #000;
}

.ihya-date::placeholder {
    color: #999;
    font-size: 14px;
}/* End custom CSS */