#main-content :is([id*="gform_wrapper"], [id*="gform_confirmation_wrapper"]).gform-theme--framework {

    --gf-font-family-base: var(--wp--preset--font-family--bnpp-sans);
    --gf-font-size-primary: var(--wp--preset--font-size--medium);
    --gf-font-size-secondary: var(--wp--preset--font-size--body);
    --gf-font-weight-primary: 300;
    --gf-font-weight-secondary: 400;
    --gf-form-validation-heading-font-weight: 400;
    --gf-color-in-ctrl: rgb(61 82 82 / 5%);
    --gf-padding-x: var(--wp--preset--spacing--40);
    --gf-padding-y: var(--wp--preset--spacing--40);
    --gf-color-primary: var(--wp--preset--color--bnpp-green);
    --gf-color-in-ctrl-primary: var(--wp--preset--color--bnpp-green);
    --gf-color-primary-darker: #004E31;
    --gf-radius: 0px;
    --gf-local-border-color: #008252;
    --gf-ctrl-border-color:  #008252;
    --gf-color-primary-rgb: 0, 130, 82;
    
    --gf-ctrl-btn-font-weight: 300;
    --gf-ctrl-btn-font-size-md: var(--wp--preset--font-size--medium);
    --gf-ctrl-btn-padding-y: var(--wp--preset--spacing--40);
    --gf-ctrl-padding-y: var(--wp--preset--spacing--40);
    --gf-ctrl-size: auto;

    --gf-field-section-border-color: var(--wp--preset--color--bnpp-black);
    --gf-field-section-border-width: 3px;

    --gf-local-bg-color: #EDF5F2;

    input {
        background-color: #EDF5F2;
    }

    input[type="submit"] {
        --buttonHoverColour: #0C2728;
        --buttonFocusColour: #B2D9CB;
        background-color: var(--wp--preset--color--bnpp-green);
        padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
        color: var(--wp--preset--color--white);
        font-size: var(--wp--preset--font-size--medium);
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: 300ms;
        display: inline-flex;
        align-items: center;
        width: fit-content;
        gap: var(--wp--preset--spacing--40);
        position: relative; 
        border-radius: 3px;

        &:hover {
            border-radius: 3px;
            background-color: var(--buttonHoverColour);
        }
        &:focus {
            background-color: var(--buttonFocusColour);
            color: #0C2728;

            span.button-icon {
                transform: translateX(5px);
            }
        }

        &:focus {
            outline: 2px solid var(--wp--preset--color--white);
            outline-offset: 2px;
        }

        &:focus-visible {
            outline: 2px solid var(--wp--preset--color--white);
            outline-offset: 2px;
        }

        &[aria-disabled="true"] {
            pointer-events: none;
            opacity: 0.5;
            cursor: not-allowed;
        }


    }

    select {
        background-color: #EDF5F2;	
	padding:2px;
	padding-left:10px;
    }

    textarea {
        background-color: #EDF5F2;
    }


    ::placeholder, .gf_placeholder {
        font-style: italic;
    }

    .gfield:has(.gsection_title) {
        max-width: 400px;
    }

    max-width: var(--wp--style--global--wide-size);
    width: 80%;
    margin: var(--wp--preset--spacing--50) auto;

    &[data-width="narrow"] {
        max-width: var(--wp--style--global--content-size);
    }
}
