/* Start custom CSS for shortcode, class: .elementor-element-e037772 *//* ==========================================
   Google Font
========================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* ==========================================
   Form Typography
========================================== */
.wpforms-container,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container button,
.wpforms-container label,
.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-sublabel,
.wpforms-container .wpforms-error {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 15px !important;
}

.wpforms-container .wpforms-field-label,
.wpforms-container label {
    font-weight: 400 !important;
}

/* ==========================================
   Text Inputs
========================================== */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="password"],
.wpforms-container input[type="date"],
.wpforms-container input[type="time"],
.wpforms-container textarea,
.wpforms-container select {
    background: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 14px 20px !important;
}

/* ==========================================
   Phone Field
========================================== */
.wpforms-container .wpforms-field-phone input[type="tel"],
.wpforms-container input.wpforms-smart-phone-field {
    padding-left: 50px !important;
}

/* ==========================================
   Textarea
========================================== */
.wpforms-container textarea {
    border-radius: 24px !important;
}

/* ==========================================
   Focus State
========================================== */
.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="tel"]:focus,
.wpforms-container input[type="url"]:focus,
.wpforms-container input[type="number"]:focus,
.wpforms-container input[type="password"]:focus,
.wpforms-container input[type="date"]:focus,
.wpforms-container input[type="time"]:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
    background: transparent !important;
    border-color: #4E4E4E !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================
   Submit Button
========================================== */
.wpforms-container button[type="submit"],
.wpforms-container input[type="submit"],
.wpforms-container .wpforms-submit {
    width: 100% !important;
    display: block !important;
    background: #2E2E2E !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 20px !important;
    cursor: pointer;
    transition: background .25s ease;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container input[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
    background: #3F3F3F !important;
}

/* ==========================================
   Links
========================================== */
.wpforms-container a,
.wpforms-container a:visited {
    color: #000 !important;
    font-weight: 500;
}

/* ==========================================
   Checkbox & Radio Labels
========================================== */
.wpforms-container .wpforms-field-checkbox label,
.wpforms-container .wpforms-field-radio label,
.wpforms-container .wpforms-field-checkbox li label,
.wpforms-container .wpforms-field-radio li label {
    font-family: "IBM Plex Sans", sans-serif !important;
}

/* ==========================================
   Kill ALL WPForms default checkbox/radio styling
========================================== */
.wpforms-container input[type="checkbox"],
.wpforms-container input[type="checkbox"]::before,
.wpforms-container input[type="checkbox"]::after,
.wpforms-container input[type="radio"],
.wpforms-container input[type="radio"]::before,
.wpforms-container input[type="radio"]::after,
div.wpforms-container-full input[type="checkbox"],
div.wpforms-container-full input[type="checkbox"]::before,
div.wpforms-container-full input[type="checkbox"]::after,
div.wpforms-container-full input[type="radio"],
div.wpforms-container-full input[type="radio"]::before,
div.wpforms-container-full input[type="radio"]::after {
    all: unset !important;
    box-sizing: border-box !important;
}

/* ==========================================
   Custom Checkbox
========================================== */
.wpforms-container input[type="checkbox"],
div.wpforms-container-full input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 1.5px solid #B5ADA5 !important;
    border-radius: 5px !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    transition: all .2s ease !important;
}

.wpforms-container input[type="checkbox"]:checked,
div.wpforms-container-full input[type="checkbox"]:checked {
    background: #8A837B !important;
    border-color: #8A837B !important;
}

.wpforms-container input[type="checkbox"]:checked::before,
div.wpforms-container-full input[type="checkbox"]:checked::before {
    content: "✓" !important;
    display: block !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -55%) !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* No pseudo-elements when unchecked */
.wpforms-container input[type="checkbox"]::before,
.wpforms-container input[type="checkbox"]::after,
div.wpforms-container-full input[type="checkbox"]::before,
div.wpforms-container-full input[type="checkbox"]::after {
    content: none !important;
}

.wpforms-container input[type="checkbox"]:checked::after,
div.wpforms-container-full input[type="checkbox"]:checked::after {
    content: none !important;
}

/* Re-enable only the checked ::before */
.wpforms-container input[type="checkbox"]:checked::before,
div.wpforms-container-full input[type="checkbox"]:checked::before {
    content: "✓" !important;
}

/* ==========================================
   Custom Radio
========================================== */
.wpforms-container input[type="radio"],
div.wpforms-container-full input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 1.5px solid #B5ADA5 !important;
    border-radius: 50% !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    transition: all .2s ease !important;
}

.wpforms-container input[type="radio"]:checked,
div.wpforms-container-full input[type="radio"]:checked {
    border-color: #8A837B !important;
    background: transparent !important;
}

.wpforms-container input[type="radio"]:checked::before,
div.wpforms-container-full input[type="radio"]:checked::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    background: #8A837B !important;
    border-radius: 50% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* No pseudo-elements when unchecked */
.wpforms-container input[type="radio"]::before,
.wpforms-container input[type="radio"]::after,
div.wpforms-container-full input[type="radio"]::before,
div.wpforms-container-full input[type="radio"]::after {
    content: none !important;
}

.wpforms-container input[type="radio"]:checked::after,
div.wpforms-container-full input[type="radio"]:checked::after {
    content: none !important;
}

/* Re-enable only the checked ::before */
.wpforms-container input[type="radio"]:checked::before,
div.wpforms-container-full input[type="radio"]:checked::before {
    content: "" !important;
}
Diagnosed styling conflicts and formulated unified solutionDiagnosed styling conflicts and formulated unified solutionThe problem with File 1: those extra ::after rules at the bottom are adding a second border on top of the custom appearance: none styling, making the shapes look doubled/weird.
The problem with File 2: accent-color only works on native browser checkboxes/radios — WPForms often overrides or wraps them, so it has no effect.
Here's the fix — take File 1 and remove the entire bottom block (the ::after and duplicate ::before rules). Those are conflicting with the custom checkbox/radio styles above them.
Delete everything from /* Radio border */ downward:
css/* Radio border */
.wpforms-container input[type="radio"]::after{ ... }

/* Radio selected dot */
.wpforms-container input[type="radio"]:checked::before{ ... }

/* Checkbox border */
.wpforms-container input[type="checkbox"]::after{ ... }

/* Checkbox checked */
.wpforms-container input[type="checkbox"]:checked::before{ ... }
Those four blocks are the culprit — they're adding ::after pseudo-elements with extra borders on elements that are already fully styled via appearance: none + custom ::before. The result is double outlines and distorted shapes.
The upper custom checkbox/radio section (the one using appearance: none, custom width/height, and ::before for the checkmark/dot) is correct and complete on its own. Just strip the duplicates at the bottom and File 1 will work cleanly.give me complete correct css pleaseIdentified request for complete corrected CSS fileIdentified request for complete corrected CSS filecss/* ==========================================
   Google Font
========================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* ==========================================
   Form Typography
========================================== */
.wpforms-container,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container button,
.wpforms-container label,
.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-sublabel,
.wpforms-container .wpforms-error {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 15px !important;
}

.wpforms-container .wpforms-field-label,
.wpforms-container label {
    font-weight: 400 !important;
}

/* ==========================================
   Text Inputs
========================================== */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="password"],
.wpforms-container input[type="date"],
.wpforms-container input[type="time"],
.wpforms-container textarea,
.wpforms-container select {
    background: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 14px 20px !important;
}

/* ==========================================
   Phone Field
========================================== */
.wpforms-container .wpforms-field-phone input[type="tel"],
.wpforms-container input.wpforms-smart-phone-field {
    padding-left: 50px !important;
}

/* ==========================================
   Textarea
========================================== */
.wpforms-container textarea {
    border-radius: 24px !important;
}

/* ==========================================
   Focus State
========================================== */
.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="tel"]:focus,
.wpforms-container input[type="url"]:focus,
.wpforms-container input[type="number"]:focus,
.wpforms-container input[type="password"]:focus,
.wpforms-container input[type="date"]:focus,
.wpforms-container input[type="time"]:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
    background: transparent !important;
    border-color: #4E4E4E !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================
   Submit Button
========================================== */
.wpforms-container button[type="submit"],
.wpforms-container input[type="submit"],
.wpforms-container .wpforms-submit {
    width: 100% !important;
    display: block !important;
    background: #2E2E2E !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 20px !important;
    cursor: pointer;
    transition: background .25s ease;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container input[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
    background: #3F3F3F !important;
}

/* ==========================================
   Links
========================================== */
.wpforms-container a,
.wpforms-container a:visited {
    color: #000 !important;
    font-weight: 500;
}

/* ==========================================
   Checkbox & Radio Labels
========================================== */
.wpforms-container .wpforms-field-checkbox label,
.wpforms-container .wpforms-field-radio label,
.wpforms-container .wpforms-field-checkbox li label,
.wpforms-container .wpforms-field-radio li label {
    font-family: "IBM Plex Sans", sans-serif !important;
}

/* ==========================================
   Custom Checkbox
========================================== */
.wpforms-container input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border: 2px solid #2E2E2E !important;
    border-radius: 4px !important;
    background: #fff !important;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 10px !important;
    transition: all .2s ease;
}

.wpforms-container input[type="checkbox"]:checked {
    background: #2E2E2E !important;
    border-color: #2E2E2E !important;
}

.wpforms-container input[type="checkbox"]:checked::before {
    content: "✓" !important;
    color: #fff !important;
    position: absolute;
    font-size: 14px !important;
    font-weight: 700 !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    background: none !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================
   Custom Radio
========================================== */
.wpforms-container input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border: 2px solid #2E2E2E !important;
    border-radius: 50% !important;
    background: #fff !important;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 10px !important;
    transition: all .2s ease;
}

.wpforms-container input[type="radio"]:checked {
    border-color: #2E2E2E !important;
}

.wpforms-container input[type="radio"]:checked::before {
    content: "" !important;
    position: absolute;
    width: 10px !important;
    height: 10px !important;
    background: #2E2E2E !important;
    border-radius: 50% !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
Two things I tightened up beyond just removing the duplicate blocks: added !important to the appearance, dimension, and ::before properties throughout the checkbox/radio sections (WPForms injects its own styles that can override without it), and added resets like background: none, border: none, width: auto on the ::before pseudo-elements to kill any default WPForms checkmark styling that might bleed through.This is the result of your cssDiagnosed styling conflicts and pinpointed WPForms markup structure issuesDiagnosed styling conflicts and pinpointed WPForms markup structure issuesI can see the issues — the checkboxes are showing WPForms' default dark rounded style instead of our custom ones, and the radios have a double-border ring. WPForms uses additional wrapper markup and pseudo-elements that our CSS isn't catching.
Here's the fixed version with more aggressive overrides targeting WPForms' actual .elementor-4167 .elementor-element.elementor-element-e037772s:
css/* ==========================================
   Google Font
========================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* ==========================================
   Form Typography
========================================== */
.wpforms-container,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container button,
.wpforms-container label,
.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-sublabel,
.wpforms-container .wpforms-error {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 15px !important;
}

.wpforms-container .wpforms-field-label,
.wpforms-container label {
    font-weight: 400 !important;
}

/* ==========================================
   Text Inputs
========================================== */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="password"],
.wpforms-container input[type="date"],
.wpforms-container input[type="time"],
.wpforms-container textarea,
.wpforms-container select {
    background: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 14px 20px !important;
}

/* ==========================================
   Phone Field
========================================== */
.wpforms-container .wpforms-field-phone input[type="tel"],
.wpforms-container input.wpforms-smart-phone-field {
    padding-left: 50px !important;
}

/* ==========================================
   Textarea
========================================== */
.wpforms-container textarea {
    border-radius: 24px !important;
}

/* ==========================================
   Focus State
========================================== */
.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="tel"]:focus,
.wpforms-container input[type="url"]:focus,
.wpforms-container input[type="number"]:focus,
.wpforms-container input[type="password"]:focus,
.wpforms-container input[type="date"]:focus,
.wpforms-container input[type="time"]:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
    background: transparent !important;
    border-color: #4E4E4E !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================
   Submit Button
========================================== */
.wpforms-container button[type="submit"],
.wpforms-container input[type="submit"],
.wpforms-container .wpforms-submit {
    width: 100% !important;
    display: block !important;
    background: #2E2E2E !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 20px !important;
    cursor: pointer;
    transition: background .25s ease;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container input[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
    background: #3F3F3F !important;
}

/* ==========================================
   Links
========================================== */
.wpforms-container a,
.wpforms-container a:visited {
    color: #000 !important;
    font-weight: 500;
}

/* ==========================================
   Checkbox & Radio Labels
========================================== */
.wpforms-container .wpforms-field-checkbox label,
.wpforms-container .wpforms-field-radio label,
.wpforms-container .wpforms-field-checkbox li label,
.wpforms-container .wpforms-field-radio li label {
    font-family: "IBM Plex Sans", sans-serif !important;
}

/* ==========================================
   Kill ALL WPForms default checkbox/radio styling
========================================== */
.wpforms-container input[type="checkbox"],
.wpforms-container input[type="checkbox"]::before,
.wpforms-container input[type="checkbox"]::after,
.wpforms-container input[type="radio"],
.wpforms-container input[type="radio"]::before,
.wpforms-container input[type="radio"]::after,
div.wpforms-container-full input[type="checkbox"],
div.wpforms-container-full input[type="checkbox"]::before,
div.wpforms-container-full input[type="checkbox"]::after,
div.wpforms-container-full input[type="radio"],
div.wpforms-container-full input[type="radio"]::before,
div.wpforms-container-full input[type="radio"]::after {
    all: unset !important;
    box-sizing: border-box !important;
}

/* ==========================================
   Custom Checkbox — rebuilt from scratch
========================================== */
.wpforms-container input[type="checkbox"],
div.wpforms-container-full input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 2px solid #2E2E2E !important;
    border-radius: 4px !important;
    background: #fff !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    transition: all .2s ease !important;
}

.wpforms-container input[type="checkbox"]:checked,
div.wpforms-container-full input[type="checkbox"]:checked {
    background: #2E2E2E !important;
    border-color: #2E2E2E !important;
}

.wpforms-container input[type="checkbox"]:checked::before,
div.wpforms-container-full input[type="checkbox"]:checked::before {
    content: "✓" !important;
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -55%) !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* No pseudo-elements when unchecked */
.wpforms-container input[type="checkbox"]::before,
.wpforms-container input[type="checkbox"]::after,
div.wpforms-container-full input[type="checkbox"]::before,
div.wpforms-container-full input[type="checkbox"]::after {
    content: none !important;
}

.wpforms-container input[type="checkbox"]:checked::after,
div.wpforms-container-full input[type="checkbox"]:checked::after {
    content: none !important;
}

/* Re-enable only the checked ::before */
.wpforms-container input[type="checkbox"]:checked::before,
div.wpforms-container-full input[type="checkbox"]:checked::before {
    content: "✓" !important;
}

/* ==========================================
   Custom Radio — rebuilt from scratch
========================================== */
.wpforms-container input[type="radio"],
div.wpforms-container-full input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 2px solid #2E2E2E !important;
    border-radius: 50% !important;
    background: #fff !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    transition: all .2s ease !important;
}

.wpforms-container input[type="radio"]:checked,
div.wpforms-container-full input[type="radio"]:checked {
    border-color: #2E2E2E !important;
    background: #fff !important;
}

.wpforms-container input[type="radio"]:checked::before,
div.wpforms-container-full input[type="radio"]:checked::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    background: #2E2E2E !important;
    border-radius: 50% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* No pseudo-elements when unchecked */
.wpforms-container input[type="radio"]::before,
.wpforms-container input[type="radio"]::after,
div.wpforms-container-full input[type="radio"]::before,
div.wpforms-container-full input[type="radio"]::after {
    content: none !important;
}

.wpforms-container input[type="radio"]:checked::after,
div.wpforms-container-full input[type="radio"]:checked::after {
    content: none !important;
}

/* Re-enable only the checked ::before */
.wpforms-container input[type="radio"]:checked::before,
div.wpforms-container-full input[type="radio"]:checked::before {
    content: "" !important;
}
The key change: the all: unset !important reset block at the top of the checkbox/radio section. This nukes every WPForms default style on the inputs and their pseudo-elements before rebuilding from zero. Combined with div.wpforms-container-full .elementor-4167 .elementor-element.elementor-element-e037772s (which WPForms actually uses and has higher specificity), this should fully override their defaults. The content: none rules on unchecked states also prevent WPForms from injecting its own checkmark/dot graphics.This is perfect.
Can we make the colors of checkbox and radio button light because.
Your design skills Please.Refined checkbox and radio styling to match elegant form aestheticRefined checkbox and radio styling to match elegant form aestheticNice, glad it's working! Here's the refined version with softer, warmer tones that match the cream aesthetic of the form:
css/* ==========================================
   Google Font
========================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* ==========================================
   Form Typography
========================================== */
.wpforms-container,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container button,
.wpforms-container label,
.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-sublabel,
.wpforms-container .wpforms-error {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 15px !important;
}

.wpforms-container .wpforms-field-label,
.wpforms-container label {
    font-weight: 400 !important;
}

/* ==========================================
   Text Inputs
========================================== */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="password"],
.wpforms-container input[type="date"],
.wpforms-container input[type="time"],
.wpforms-container textarea,
.wpforms-container select {
    background: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 14px 20px !important;
}

/* ==========================================
   Phone Field
========================================== */
.wpforms-container .wpforms-field-phone input[type="tel"],
.wpforms-container input.wpforms-smart-phone-field {
    padding-left: 50px !important;
}

/* ==========================================
   Textarea
========================================== */
.wpforms-container textarea {
    border-radius: 24px !important;
}

/* ==========================================
   Focus State
========================================== */
.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="tel"]:focus,
.wpforms-container input[type="url"]:focus,
.wpforms-container input[type="number"]:focus,
.wpforms-container input[type="password"]:focus,
.wpforms-container input[type="date"]:focus,
.wpforms-container input[type="time"]:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
    background: transparent !important;
    border-color: #4E4E4E !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================
   Submit Button
========================================== */
.wpforms-container button[type="submit"],
.wpforms-container input[type="submit"],
.wpforms-container .wpforms-submit {
    width: 100% !important;
    display: block !important;
    background: #2E2E2E !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 20px !important;
    cursor: pointer;
    transition: background .25s ease;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container input[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
    background: #3F3F3F !important;
}

/* ==========================================
   Links
========================================== */
.wpforms-container a,
.wpforms-container a:visited {
    color: #000 !important;
    font-weight: 500;
}

/* ==========================================
   Checkbox & Radio Labels
========================================== */
.wpforms-container .wpforms-field-checkbox label,
.wpforms-container .wpforms-field-radio label,
.wpforms-container .wpforms-field-checkbox li label,
.wpforms-container .wpforms-field-radio li label {
    font-family: "IBM Plex Sans", sans-serif !important;
}

/* ==========================================
   Kill ALL WPForms default checkbox/radio styling
========================================== */
.wpforms-container input[type="checkbox"],
.wpforms-container input[type="checkbox"]::before,
.wpforms-container input[type="checkbox"]::after,
.wpforms-container input[type="radio"],
.wpforms-container input[type="radio"]::before,
.wpforms-container input[type="radio"]::after,
div.wpforms-container-full input[type="checkbox"],
div.wpforms-container-full input[type="checkbox"]::before,
div.wpforms-container-full input[type="checkbox"]::after,
div.wpforms-container-full input[type="radio"],
div.wpforms-container-full input[type="radio"]::before,
div.wpforms-container-full input[type="radio"]::after {
    all: unset !important;
    box-sizing: border-box !important;
}

/* ==========================================
   Custom Checkbox
========================================== */
.wpforms-container input[type="checkbox"],
div.wpforms-container-full input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 1.5px solid #B5ADA5 !important;
    border-radius: 5px !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    transition: all .2s ease !important;
}

.wpforms-container input[type="checkbox"]:checked,
div.wpforms-container-full input[type="checkbox"]:checked {
    background: #8A837B !important;
    border-color: #8A837B !important;
}

.wpforms-container input[type="checkbox"]:checked::before,
div.wpforms-container-full input[type="checkbox"]:checked::before {
    content: "✓" !important;
    display: block !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -55%) !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* No pseudo-elements when unchecked */
.wpforms-container input[type="checkbox"]::before,
.wpforms-container input[type="checkbox"]::after,
div.wpforms-container-full input[type="checkbox"]::before,
div.wpforms-container-full input[type="checkbox"]::after {
    content: none !important;
}

.wpforms-container input[type="checkbox"]:checked::after,
div.wpforms-container-full input[type="checkbox"]:checked::after {
    content: none !important;
}

/* Re-enable only the checked ::before */
.wpforms-container input[type="checkbox"]:checked::before,
div.wpforms-container-full input[type="checkbox"]:checked::before {
    content: "✓" !important;
}

/* ==========================================
   Custom Radio
========================================== */
.wpforms-container input[type="radio"],
div.wpforms-container-full input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 1.5px solid #B5ADA5 !important;
    border-radius: 50% !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    transition: all .2s ease !important;
}

.wpforms-container input[type="radio"]:checked,
div.wpforms-container-full input[type="radio"]:checked {
    border-color: #8A837B !important;
    background: transparent !important;
}

.wpforms-container input[type="radio"]:checked::before,
div.wpforms-container-full input[type="radio"]:checked::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    background: #8A837B !important;
    border-radius: 50% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* No pseudo-elements when unchecked */
.wpforms-container input[type="radio"]::before,
.wpforms-container input[type="radio"]::after,
div.wpforms-container-full input[type="radio"]::before,
div.wpforms-container-full input[type="radio"]::after {
    content: none !important;
}

.wpforms-container input[type="radio"]:checked::after,
div.wpforms-container-full input[type="radio"]:checked::after {
    content: none !important;
}

/* Re-enable only the checked ::before */
.wpforms-container input[type="radio"]:checked::before,
div.wpforms-container-full input[type="radio"]:checked::before {
    content: "" !important;
}
/* ==========================================
   Autofill Override
========================================== */
.wpforms-container input:-webkit-autofill,
.wpforms-container input:-webkit-autofill:hover,
.wpforms-container input:-webkit-autofill:focus,
.wpforms-container textarea:-webkit-autofill,
.wpforms-container textarea:-webkit-autofill:hover,
.wpforms-container textarea:-webkit-autofill:focus,
.wpforms-container select:-webkit-autofill,
.wpforms-container select:-webkit-autofill:hover,
.wpforms-container select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #E8E4DF inset !important;
    -webkit-text-fill-color: #3A3A3A !important;
    transition: background-color 5000s ease-in-out 0s !important;
}/* End custom CSS */