/* -------------------------- ALL -------------------------- */

.templateForm{
    padding: 180px 0px 0px 0px;
}

.templateForm .content{
    padding-left: 13%;
    padding-right: 13%;
}

.templateForm .content section{
    display: flex;
    justify-content: space-between;
    gap: 200px;
    padding-bottom: 110px;
}

.templateForm .content section .left,
.templateForm .content section .right{
    width: 50%;
}

.templateForm .content h1{
    font-size: 119px;
    line-height: 119px;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 25px;
}

@media (max-width: 1700px){
    .templateForm .content{
        padding-left: 10%;
        padding-right: 10%;
    }
    .templateForm .content section{
        gap: 80px;
    }
}

@media (max-width: 1300px){
    .templateForm{
        padding: 180px 0px 0px 0px;
    }
    .templateForm .content section{
        gap: 50px;
    }  
    .templateForm .content h1{
        font-size: 90px;
        line-height: 90px;
    }
    .templateForm .content{
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width: 992px){
    .templateForm{
        padding: 110px 0px 0px 0px;
    }
    .templateForm .content section{
        flex-direction: column;
        padding-bottom: 90px;
    }
    .templateForm .content section .left,
    .templateForm .content section .right{
        width: 100%;
    }
    .templateForm .content section{
        gap: 100px;
    }  
}

@media (max-width: 600px){
    .templateForm{
        padding: 110px 0px 0px 0px;
    }
    .templateForm .image__container{
        margin-bottom: 60px;
    }
    .templateForm .content h1{
        font-size: 42px;
        line-height: 38px;
    }
    .templateForm .content{
        padding-left: 36px;
        padding-right: 36px;
    }
}

/* -------------------------- LEFT -------------------------- */

.templateForm .content .left .paragraphe{
    margin-bottom: 50px;
}

@media (max-width: 992px){
    .templateForm .content .left .paragraphe{
        margin-bottom: 36px;
    }
}

/* -------------------------- RIGHT -------------------------- */

.templateForm .image__container img{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='783' height='783' viewBox='0 0 783 783'%3E%3Cg id='Ellipse_29' data-name='Ellipse 29' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='391.5' cy='391.5' r='391.5' stroke='none'/%3E%3Ccircle cx='391.5' cy='391.5' r='391' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='783' height='783' viewBox='0 0 783 783'%3E%3Cg id='Ellipse_29' data-name='Ellipse 29' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='391.5' cy='391.5' r='391.5' stroke='none'/%3E%3Ccircle cx='391.5' cy='391.5' r='391' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.templateForm .image__container > svg{
    top: -2%;
    right: -3%;
    width: 100%;
}