.grb_hero-banner-avant__main {
    width: 100%;
    display: flex;
    padding: 20px 0;
}

.grb_hero-banner-avant__main-wrapper {
    width: 100%;
    display: flex;
    column-gap: 50px;
    height: 520px
}

@media screen and (max-width: 1024px) {
    .grb_hero-banner-avant__main-wrapper {
        column-gap: 30px
    }

    .grb_comp-titre-hero-avant__input-wrapper {
        flex-direction: column;
        row-gap: 10px
    }

    .grb_comp-titre-hero-avant__input--validation {
        width: 100%
    }
}

@media screen and (max-width: 940px) {
    .grb_hero-banner-avant__main-wrapper {
        flex-direction: column-reverse;
        height: 100%;
        row-gap: 20px;
        padding: 20px
    }
}