/* ------------------------------------------------- INTRODUCTION ------------------------------------------------- */

main.template-service .introduction{
    background-image: url(./../img/decoCubesDroits2.png);
    background-repeat: no-repeat;
    background-position: right top;
}

main.template-service .introduction .titre,
main.template-service .introduction .paragraphe,
main.template-service .introduction .btn{
    margin-inline: 15%;
}

main.template-service .introduction .titre{
    font-size: 60px;
    line-height: 65px;
    font-weight: bold;
    margin-bottom: 16px;
    max-width: 700px;
}

main.template-service .introduction .btn{
    margin-bottom: 30px;
}

main.template-service .introduction img{
    aspect-ratio: 1920/630;
    width: 100%;
}

main.template-service .introduction .paragraphe{
    margin-bottom: 26px;
    max-width: 480px;
}

@media (max-width: 1600px){
    main.template-service .introduction .titre,
    main.template-service .introduction .paragraphe,
    main.template-service .introduction .btn{
        margin-inline: 10%;
    }
}

@media (max-width: 1200px){
    main.template-service .introduction .titre,
    main.template-service .introduction .paragraphe,
    main.template-service .introduction .btn{
        margin-inline: 80px;
    }
}

@media (max-width: 992px){
    main.template-service .introduction .titre{
        font-size: 50px;
        line-height: 55px;
        max-width: none;
    }
    main.template-service .introduction img{
        aspect-ratio: 1920/930;
        width: 100%;
    }
}

@media (max-width: 800px){
    main.template-service .introduction{
        background: none;
    }
    main.template-service .introduction .titre,
    main.template-service .introduction .paragraphe,
    main.template-service .introduction .btn{
        margin-inline: 36px;
    }
    main.template-service .introduction .titre{
        font-size: 46px;
        line-height: 51px;
        margin-bottom: 12px;
    }
    main.template-service .introduction img{
        aspect-ratio: 1;
    }
    main.template-service .introduction .paragraphe{
        max-width: none;
    }
}