@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

html,
body {
    overflow-x: hidden;
    /* To prevent Horizontal scroll */
}

.formbackend-form { width: 100%; max-width: 400px; font-family: "Inter", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-weight: 400; color: #1f2937; line-height: 24px; background: none}

.formbackend-form .formbackend-field:not(:first-child) { 
    margin-top: 18px 

}

.formbackend-form label { display: block; font-weight: 500; color: #f9fafb; margin-bottom: 6px; padding-left: 4px }

.formbackend-form textarea, .formbackend-form input, .formbackend-form select { 
    width: 100%; 
    border: 1px solid none; 
    border-radius: 9999px; 
    box-sizing: border-box; display: block; 
    font-family: inherit; 
    font-size: 14px; 
    padding: 12px 18px; 
    background: #f9fafb; 
    color: #111827 
}
.formbackend-form textarea { min-height: 120px; border-radius: 20px }
.formbackend-form input[type='checkbox'] { width: 15px; height: 15px; margin: 0 8px 0 0; display: inline-block }
.formbackend-form .form-checkbox { display: flex; align-items: center }
.formbackend-form ::placeholder { color: #9ca3af; opacity: 1 }
.formbackend-form button { background-color: #b5e2e5; color: none; border: none; border-radius: 9999px; cursor: pointer; padding: 12px 28px; font-weight: 600; font-family: inherit; font-size: 14px; box-shadow: 0 4px 14px rgba(109, 40, 217, 0.25) }

.formbackend-form button:hover { 
    background: #003549;
    color: white;
    opacity: 0.92
}