.class_devis {
    column-gap: 15px;
    row-gap: 15px;
    display: flex!important;
    align-items: stretch!important;
    flex-wrap: wrap!important;
    margin-bottom: 30px!important;
    justify-content:space-between;
}

.checkbox-div {
    width: 100%;
}

.class_devis .wpcf7-list-item {
    margin: 0;
    width: calc(100% / 3 - 15px)!important;
    max-width: 240px;
    position: relative!important;
}

.class_devis .wpcf7-list-item span {
    padding: 20px;
    background:#fcfee8e6!important;
    color: #04000B;
    flex: 1;
    text-align: center;
    transition: 0.5s all;
    width: min(9px , 100% - 15px) !important;
    font-family: 'Montserrat';
    font-weight: bold;
    box-shadow: 0 0 44px #ecececd9 !important;
    min-height: 180px !important;
    display: flex;
    min-height: 210px!important;
    flex-direction: column;
    justify-content: center;border-radius:20px;}

.class_devis .wpcf7-list-item:hover span {
    color: var(--e-global-color-color_1);
}

.class_devis .wpcf7-list-item label {
    display: flex;
    cursor: pointer;
}

.section_contact_home .bottom-boxs span.wpcf7-list-item label {
    cursor: pointer;
}

.class_devis .wpcf7-list-item input {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;opacity:0;
}

.class_devis .wpcf7-list-item span:before {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 20px !important;
    content: "";
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    width: 100%;
    height: 60px;
    margin-inline: auto;margin-bottom: 13px;
    transition: 0.5s all;
}
.class_devis .wpcf7-list-item label input:checked + span , .class_devis .wpcf7-list-item:hover span {color:var(--e-global-color-color_2) !important;}
.class_devis span.wpcf7-list-item label input:checked + span {
    background: var(--e-global-color-color_1);
    filter: drop-shadow(2px 4px 6px #00000029);
    border-color: var(--e-global-color-color_1);
    color: #fff !important;
}

.class_devis span.wpcf7-list-item label input:checked + span:before{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1818%) hue-rotate(328deg) brightness(102%) contrast(101%);}
.class_devis .wpcf7-list-item:hover span:before{filter:brightness(0) saturate(100%) invert(33%) sepia(19%) saturate(293%) hue-rotate(18deg) brightness(94%) contrast(96%);}

.class_devis .wpcf7-list-item span:before {
    background-size: contain , 80%;
    background-position: center;
}

.wpcf7-response-output {
    padding-block: 20px !important;}

.class_devis .wpcf7-list-item:nth-child(1) span:before {
    background-image: url(https://www.paysagiste-brejoin.com/wp-content/uploads/2024/08/brejoin-paysages-paysagiste-en-ille-et-vilaine-35-icn_devis.webp);
}

.class_devis .wpcf7-list-item:nth-child(2) span:before {
    background-image: url(https://www.paysagiste-brejoin.com/wp-content/uploads/2024/08/brejoin-paysages-paysagiste-en-ille-et-vilaine-35-icon_devis_2.webp);
}

.class_devis .wpcf7-list-item:nth-child(3) span:before {
    background-image: url(https://www.paysagiste-brejoin.com/wp-content/uploads/2024/08/brejoin-paysages-paysagiste-en-ille-et-vilaine-35-icon_devis_3.webp);
}

.contact-home {
    width: 100%!important;
}

.formulaire-choix {
    flex-basis: 45%;
}

.formulaire-inputs {
    flex-basis: 51%;
}

.form-dev {
    box-shadow: 0 0 20px #a9a9a970;
    border-radius: 29px;
}

.home .titre_formulaire span {
    display: block;
    padding-block: 16px 43px;}

.home .page-contact-5 {
    position: relative;
}

.home .page-contact-5 :is(select , input[type="text"] ,input[type="email"] , input:not([type="submit"])) {
    height: 60px !important;
    border-radius: 6px !important;
}

.home .projet-choix.esq {
    display: flex !important;
    align-items: center;
}
@media (max-width: 497px){
	.class_devis .wpcf7-list-item{width:100% !important;max-width:100%!important;}
}