.wpcf7 br,
.wpcf7-spinner{
    display: none;
}

.wpcf7 form{
    display: flex;
    flex-direction: column;
    /* gap: 22px; */
    max-width: 600px;
    margin-inline: auto;
}

.wpcf7 form p{
    width: 100%;
}

.wpcf7 form p label{
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: 'DIN Alternate';
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 22px;
}

.wpcf7 form p label,
.wpcf7 form p label *{
    width: 100%;
}

.wpcf7 form p label input,
.wpcf7 form p label textarea,
.wpcf7 form p label select{
    display: block;
    outline: none;
    border: solid 1px #B5B7BC;
    border-radius: 0px;
    height: 44px;
    resize: none;
    padding: 12px;
    border-radius: 10px;
    background: none;
    appearance: initial;
}

.wpcf7 form p label select{
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00025 7.00025C5.74425 7.00025 5.48825 6.90225 5.29325 6.70725L0.29325 1.70725C-0.09775 1.31625 -0.09775 0.68425 0.29325 0.29325C0.68425 -0.09775 1.31625 -0.09775 1.70725 0.29325L6.00025 4.58625L10.2933 0.29325C10.6842 -0.09775 11.3162 -0.09775 11.7072 0.29325C12.0982 0.68425 12.0982 1.31625 11.7072 1.70725L6.70725 6.70725C6.51225 6.90225 6.25625 7.00025 6.00025 7.00025Z' fill='%230B0B0B'/%3E%3C/svg%3E%0A");
}

.wpcf7 form p label input,
.wpcf7 form p label textarea,
.wpcf7 form p label select,
.wpcf7 form p label select option,
.wpcf7 form p label input::placeholder,
.wpcf7 form p label textarea::placeholder,
.wpcf7 form p label select::placeholder,
.wpcf7 form p label select option::placeholder{
    color: #91959C;
    font-size: 16px;
    line-height: 19px;
}

.wpcf7 form p label input:focus,
.wpcf7 form p label textarea:focus,
.wpcf7 form p label select:focus{
    border: solid 2px var(--purpleMedium);
}

.wpcf7 form p label .wpcf7-form-control-wrap{
    position: relative;
}

.wpcf7 form p label .wpcf7-form-control-wrap::after{
    /* content: "Optionnel"; */
    height: fit-content;
    width: fit-content;
    display: block;
    position: absolute;
    font-size: 14px;
    line-height: 16px;
    right: 0px;
    top: -25px;
    color: #545D63;
    font-family: 'DIN Alternate';
}

.wpcf7 form p label .wpcf7-form-control-wrap:has(input[aria-required="true"])::after,
.wpcf7 form p label .wpcf7-form-control-wrap:has(textarea[aria-required="true"])::after,
.wpcf7 form p label .wpcf7-form-control-wrap:has(select[aria-required="true"])::after{
    display: none;
}

.wpcf7 form p label textarea{
    height: 170px;
}

.wpcf7-not-valid-tip{
    font-size: 14px;
    margin-top: 2px;
    color: #dc3232;
}

.wpcf7 form .wpcf7-submit{
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 10px;
    border: none;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background-color: var(--goldMedium);
    color: var(--purpleDark);
    font-family: "Field_Gothic_No_43_Med_Cond";
    margin-top: 22px;
}

.wpcf7 form .wpcf7-submit:hover{
    background-color: var(--purpleDark);
    color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{
    border: solid 1px #dc3232 !important;
    font-size: 16px;
    line-height: 22px;
    padding: 12px 25px;
    margin: 0px;
}

.wpcf7 .title{
    font-size: 20px;
    line-height: 24px;
    font-family: "Field_Gothic_No_55_Bold_Compact";
    color: var(--purpleDark);
    text-transform: uppercase;
    margin-top: 20px;
}