.elementor-10946 .elementor-element.elementor-element-ef453ca{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-10946 .elementor-element.elementor-element-ef453ca{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-3d6e4c5 *//* --- Custom CSS Fluent Forms - Dream Digital --- */

/* 1. Mengubah Font ke Poppins */
.ff-el-input--label label,
.ff-el-input--content input,
.ff-el-input--content textarea,
.ff-el-input--content select,
.ff_btn_style {
    font-family: 'Poppins', sans-serif !important;
}

/* 2. Style Input & Textarea */
.ff-el-input--content input, 
.ff-el-input--content textarea, 
.ff-el-input--content select {
    background-color: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: #0f0f0f !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 3. Warna Border Saat Di-klik */
.ff-el-input--content input:focus, 
.ff-el-input--content textarea:focus, 
.ff-el-input--content select:focus {
    border-color: #f5c020 !important;
    box-shadow: 0 0 0 3px rgba(245, 192, 32, 0.15) !important;
    outline: none !important;
}

/* 4. Style Label */
.ff-el-input--label label {
    font-weight: 500 !important;
    color: #333333 !important;
    margin-bottom: 6px !important;
}

/* 5. Style Tombol Submit */
.ff_btn_style {
    background-color: #f5c020 !important;
    color: #0f0f0f !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 32px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.ff_btn_style:hover {
    background-color: #e5b010 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(245, 192, 32, 0.4) !important;
}

/* 6. Style Pesan Sukses */
.ff-message-success {
    background-color: #f0fdf4 !important;
    border: 1px solid #86efac !important;
    border-radius: 10px !important;
    color: #166534 !important;
    padding: 20px !important;
    font-family: 'Poppins', sans-serif !important;
}

/* 7. Style Pesan Error Validasi */
.text-danger {
    color: #ef4444 !important;
    font-size: 12px !important;
    margin-top: 4px !important;
    font-family: 'Poppins', sans-serif;
}
/* --- Styling Radio Field (Fluent Forms) --- */

/* 1. Atur Layout agar Berjejer Horizontal (Opsional, jika pilihan sedikit) */
/* Jika ingin vertikal, hapus bagian display:flex ini */
.ff-el-input--content .ff-el-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* Jarak antar pilihan */
    margin-top: 5px;
}

/* 2. Styling setiap Label Pilihan */
.ff-el-input--content label.ff-el-form-check-label {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    background-color: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #333;
    margin: 0 !important;
    position: relative;
}

/* 3. Sembunyikan tombol radio default (lingkaran kecil bawaan) */
.ff-el-input--content input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

/* 4. Buat Lingkaran Kustom di depan teks */
.ff-el-input--content label.ff-el-form-check-label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #d1d5db;
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.2s ease;
    background-color: #fff;
}

/* 5. Efek saat Hover */
.ff-el-input--content label.ff-el-form-check-label:hover {
    border-color: #f5c020;
    background-color: #fffbeb;
}

/* 6. Efek saat Terpilih (Checked) - Tema Kuning */
.ff-el-input--content input[type="radio"]:checked + label.ff-el-form-check-label {
    border-color: #f5c020;
    background-color: rgba(245, 192, 32, 0.1); /* Background kuning transparan */
    color: #0f0f0f;
    font-weight: 500;
}

/* 7. Animasi Lingkaran Dalam saat Terpilih */
.ff-el-input--content input[type="radio"]:checked + label.ff-el-form-check-label::before {
    border-color: #f5c020;
    background-color: #f5c020;
    box-shadow: inset 0 0 0 3px #fff; /* Efek donat putih di tengah */
}

/* 8. Jika ingin layout vertikal (pilihan ke bawah) - Hapus comment dibawah jika diperlukan */
/*
.ff-el-input--content .ff-el-group {
    display: block !important;
}
.ff-el-input--content label.ff-el-form-check-label {
    display: flex;
    margin-bottom: 8px !important;
}
*//* End custom CSS */