.elementor-276 .elementor-element.elementor-element-710a486{--display:flex;--min-height:100px;--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:35px;--padding-bottom:45px;--padding-left:20px;--padding-right:20px;}.elementor-276 .elementor-element.elementor-element-710a486:not(.elementor-motion-effects-element-type-background), .elementor-276 .elementor-element.elementor-element-710a486 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-276 .elementor-element.elementor-element-0745a87{width:100%;max-width:100%;}.elementor-276 .elementor-element.elementor-element-0745a87.elementor-element{--align-self:stretch;}.elementor-276 .elementor-element.elementor-element-0745a87 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#287A45 !important;color:#ffffff !important;}@media(max-width:767px){.elementor-276 .elementor-element.elementor-element-710a486{--padding-top:20px;--padding-bottom:35px;--padding-left:14px;--padding-right:14px;}}@media(min-width:768px){.elementor-276 .elementor-element.elementor-element-710a486{--content-width:675px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-0745a87 */<style>

/* ==================================================
   TASKA AMILAH - FLUENT FORMS
   ================================================== */


/* WRAPPER - PASTIKAN FORM FULL WIDTH */
.fluentform_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}


/* KOTAK UTAMA FORM */
.fluentform {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid #edf2ed !important;
    border-radius: 18px !important;

    padding: 24px 22px !important;

    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06) !important;
}


/* PASTIKAN FORM DALAMAN FULL WIDTH */
.fluentform form,
.fluentform .ff-el-group,
.fluentform .ff-el-input--content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* ==================================================
   LABEL
   ================================================== */

.fluentform .ff-el-input--label {
    margin-bottom: 7px !important;
}

.fluentform .ff-el-input--label label {
    color: #333333 !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* REQUIRED STAR */
.fluentform .ff-el-input--label label .ff-el-asterisk {
    color: #ef6262 !important;
}


/* ==================================================
   TEXT INPUT / EMAIL / PHONE / NUMBER
   ================================================== */

.fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.fluentform select,
.fluentform textarea {

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #dcdcdc !important;
    border-radius: 9px !important;

    padding: 11px 12px !important;

    font-size: 14px !important;
    color: #333333 !important;

    box-shadow: none !important;

    transition: border-color 0.2s ease,
                box-shadow 0.2s ease !important;
}


/* TEXT INPUT HEIGHT */
.fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.fluentform select {
    min-height: 46px !important;
}


/* TEXTAREA */
.fluentform textarea {
    min-height: 110px !important;
    resize: vertical !important;
}


/* ==================================================
   PLACEHOLDER
   ================================================== */

.fluentform input::placeholder,
.fluentform textarea::placeholder {
    color: #9aa2ad !important;
    opacity: 1 !important;
}


/* ==================================================
   INPUT FOCUS
   ================================================== */

.fluentform input:not([type="radio"]):not([type="checkbox"]):focus,
.fluentform select:focus,
.fluentform textarea:focus {

    border-color: #287a45 !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(40, 122, 69, 0.08) !important;
}


/* ==================================================
   SPACING ANTARA FIELD
   ================================================== */

.fluentform .ff-el-group {
    margin-bottom: 18px !important;
}


/* ==================================================
   RADIO BUTTON
   ================================================== */

.fluentform input[type="radio"] {

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    max-width: 18px !important;
    max-height: 18px !important;

    padding: 0 !important;

    margin: 0 8px 0 0 !important;

    flex: 0 0 18px !important;

    vertical-align: middle !important;
}


/* SETIAP PILIHAN RADIO */
.fluentform .ff-el-form-check {

    display: flex !important;
    align-items: center !important;

    width: auto !important;

    min-height: auto !important;

    margin: 0 0 9px 0 !important;
    padding: 0 !important;
}


/* LABEL RADIO */
.fluentform .ff-el-form-check-label {

    display: flex !important;
    align-items: center !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

    color: #333333 !important;

    margin: 0 !important;
}


/* ==================================================
   CHECKBOX
   ================================================== */

.fluentform input[type="checkbox"] {

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    max-width: 18px !important;
    max-height: 18px !important;

    padding: 0 !important;

    margin: 0 8px 0 0 !important;

    flex: 0 0 18px !important;
}


/* ==================================================
   DROPDOWN
   ================================================== */

.fluentform select {
    cursor: pointer !important;
}


/* ==================================================
   ERROR MESSAGE
   ================================================== */

.fluentform .error,
.fluentform .text-danger,
.fluentform .ff-el-is-error .text-danger {

    color: #d9534f !important;

    font-size: 12px !important;

    margin-top: 5px !important;
}


/* INPUT ERROR */
.fluentform .ff-el-is-error input,
.fluentform .ff-el-is-error select,
.fluentform .ff-el-is-error textarea {

    border-color: #d9534f !important;
}


/* ==================================================
   SUBMIT BUTTON
   ================================================== */

.fluentform .ff-btn-submit,
.fluentform button[type="submit"],
.fluentform input[type="submit"] {

    width: 100% !important;

    min-height: 48px !important;

    box-sizing: border-box !important;

    background: #287a45 !important;

    color: #ffffff !important;

    border: 1px solid #287a45 !important;

    border-radius: 10px !important;

    padding: 14px 18px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    letter-spacing: 0.2px !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition: 0.2s ease !important;
}


/* SUBMIT BUTTON HOVER */
.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover,
.fluentform input[type="submit"]:hover {

    background: #1f6137 !important;

    border-color: #1f6137 !important;

    color: #ffffff !important;
}


/* ==================================================
   MOBILE VIEW
   ================================================== */

@media (max-width: 600px) {

    .fluentform {
        width: 100% !important;

        padding: 20px 15px !important;

        border-radius: 16px !important;
    }


    .fluentform .ff-el-input--label label {
        font-size: 12.5px !important;
    }


    .fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
    .fluentform select {

        min-height: 45px !important;

        font-size: 14px !important;
    }


    .fluentform .ff-el-group {
        margin-bottom: 17px !important;
    }


    .fluentform input[type="radio"],
    .fluentform input[type="checkbox"] {

        width: 18px !important;
        height: 18px !important;

        min-width: 18px !important;
        min-height: 18px !important;
    }


    .fluentform .ff-btn-submit,
    .fluentform button[type="submit"],
    .fluentform input[type="submit"] {

        min-height: 46px !important;

        font-size: 13px !important;

        padding: 13px 15px !important;
    }

}

<style>
/* FORCE SUBMIT BUTTON - TASKA AMILAH */
body .fluentform_wrapper .ff_submit_btn_wrapper .ff-btn-submit,
body .fluentform_wrapper .ff_submit_btn_wrapper button,
body .fluentform_wrapper button.ff-btn,
body .fluentform_wrapper button.ff-btn-submit {
    background: #287A45 !important;
    background-color: #287A45 !important;
    background-image: none !important;

    border: 1px solid #287A45 !important;
    border-color: #287A45 !important;

    color: #FFFFFF !important;

    width: 100% !important;
    min-height: 48px !important;

    border-radius: 10px !important;
    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    padding: 14px 18px !important;

    opacity: 1 !important;
}

/* HOVER */
body .fluentform_wrapper .ff_submit_btn_wrapper .ff-btn-submit:hover,
body .fluentform_wrapper .ff_submit_btn_wrapper button:hover,
body .fluentform_wrapper button.ff-btn:hover,
body .fluentform_wrapper button.ff-btn-submit:hover {
    background: #1F6137 !important;
    background-color: #1F6137 !important;
    background-image: none !important;

    border-color: #1F6137 !important;
    color: #FFFFFF !important;
}
</style>/* End custom CSS */