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

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

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

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

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

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

main.services .introduction .paragraphe1{
    margin-bottom: 26px;
    max-width: 480px;
}

main.services .introduction .paragraphe2{
    padding: 44px 54px;
    background-color: var(--gris3);
    max-width: 540px;
    margin-top: -170px;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}

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

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

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

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