#contact #content-wrapper{
    width: 100%;
}

#contact #main .page-content{
    padding: 0px !important;
    margin: 0px !important;
}

#contact .elementor-column-wrap{
    padding: 0px !important;
}

#contact #contactRow > .elementor-container > .elementor-row{
    gap: 42px 160px !important;
    flex-wrap: nowrap;
}

#contact #contactRow .elementor-widget-heading::before{
    content: "Nous contacter";
    display: block;
    font-size: 13px;
    line-height: 16px;
    border: solid 1px var(--color-black);
    padding: 9px 16px;
    border-radius: 30px;
    width: fit-content;
    margin-bottom: 20px;
}

#contact #contactRow .elementor-widget-heading .elementor-heading-title{
    font-size: 40px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
}

#contact #contactRow .elementor-widget-html p{
    margin-bottom: 10px !important;
    font-weight: 500;
}

#contact #contactRow .elementor-widget-html iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 42/24;
}

@media (max-width: 1600px) {
    #contact #contactRow .elementor-widget-heading .elementor-heading-title{
        font-size: 35px;
    }
}

@media (max-width: 1300px) {
    #contact #contactRow > .elementor-container > .elementor-row{
        gap: 42px 100px !important;
    }
}

@media (max-width: 768px) {
    #contact #contactRow > .elementor-container > .elementor-row{
        flex-wrap: wrap;
    }
    #contact #contactRow .elementor-widget-heading .elementor-heading-title{
        font-size: 30px;
    }
}