.richard-form-container {
    margin-top: 40px;
    width: 100%;
}

/* Reset Formidable stijling */
.richard-form-container .frm_forms {
    border: none !important;
}

.richard-form-container .frm_form_fields,
.richard-form-container .frm_fields_container {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.richard-form-container .frm_form_field {
    margin-bottom: 20px;
    border: none !important;
}

.richard-form-container .frm_primary_label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #000000;
    font-size: 16px;
}

/* Radio button styling */
.richard-form-container .frm_radio label {
    font-weight: bold;
    color: #000000;
    font-size: 16px;
}

.richard-form-container .frm_required {
    color: #45AC34;
}

.richard-form-container input[type="text"],
.richard-form-container input[type="email"],
.richard-form-container input[type="tel"],
.richard-form-container input[type="number"],
.richard-form-container input[type="password"],
.richard-form-container textarea,
.richard-form-container select {
    width: 100%;
    border: none !important;
    border-bottom: 1px solid #45AC34 !important;
    border-radius: 0 !important;
    background: none !important;
    padding: 10px 0;
    font-size: 16px;
    transition: border-color 0.3s ease;
    box-shadow: none !important;
}

.richard-form-container input[type="text"]:focus,
.richard-form-container input[type="email"]:focus,
.richard-form-container input[type="tel"]:focus,
.richard-form-container input[type="number"]:focus,
.richard-form-container input[type="password"]:focus,
.richard-form-container textarea:focus,
.richard-form-container select:focus {
    outline: none;
    border-bottom-color: #45AC34 !important;
}

/* Verberg placeholders */
.richard-form-container input::placeholder,
.richard-form-container textarea::placeholder {
    display: none !important;
    color: transparent !important;
    opacity: 0 !important;
}

.richard-form-container input::-webkit-input-placeholder,
.richard-form-container textarea::-webkit-input-placeholder {
    display: none !important;
    color: transparent !important;
    opacity: 0 !important;
}

.richard-form-container input::-moz-placeholder,
.richard-form-container textarea::-moz-placeholder {
    display: none !important;
    color: transparent !important;
    opacity: 0 !important;
}

.richard-form-container input:-ms-input-placeholder,
.richard-form-container textarea:-ms-input-placeholder {
    display: none !important;
    color: transparent !important;
    opacity: 0 !important;
}

.richard-form-container .frm_error {
    color: #ff0000;
    font-size: 14px;
    margin-top: 5px;
}

.richard-form-container .frm_submit {
    margin-top: 30px;
}

.richard-form-container .frm_button_submit {
    position: relative;
    color: white !important;
    padding: 10px 25px;
    border-radius: 50px !important;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    background-color: rgb(28, 70, 21);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.richard-form-container .frm_button_submit::before,
.richard-form-container .frm_button_submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease-in-out;
}

.richard-form-container .frm_button_submit::before {
    background: linear-gradient(90deg, rgb(69, 172, 52) 0%, rgb(28, 70, 21) 100%);
    opacity: 1;
    z-index: -2;
}

.richard-form-container .frm_button_submit::after {
    background: linear-gradient(270deg, rgb(69, 172, 52) 0%, rgb(28, 70, 21) 100%);
    opacity: 0;
    z-index: -1;
}

.richard-form-container .frm_button_submit:hover::before {
    opacity: 0;
}

.richard-form-container .frm_button_submit:hover::after {
    opacity: 1;
}

/* Responsieve aanpassingen */
@media (max-width: 768px) {
    .richard-form-container {
        margin-top: 20px;
    }
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Fallback voor browsers die scroll-behavior niet ondersteunen */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}