/*  --------|| CONTENT ||--------    */

.content {
    margin-bottom: 4rem;
}

/*  --------|| INTRO AUTOTEST ||--------    */

.intro-manifeste {
    margin-bottom: 2rem;
    position: relative;
}

.intro-manifeste h1 {
    font-size: var(--font-size-38);
    font-variation-settings: "wdth" 116;
    position: relative;
    margin-bottom: 2rem;
}

.intro-manifeste h1::after {
    content: "";
    position: absolute;
    background-image: url(../img/shapes/underline-bubblegum.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 7px;
    left: 1rem;
    bottom: -0.3rem;
}

.cat-manifeste{
    margin-block: 4rem;
}

.cat-manifeste p{
    margin-block-end: 1.5rem;
}

.cat-manifeste-nom{
    display: flex;
    gap:1rem;
    margin-bottom:1rem;
}

.cat-manifeste-nom img{
    max-height: 24px;
}

.disclamer{
    margin-bottom: 8rem;
}

/*-------------------------------------------*/
/*---------------|| Desktop ||---------------*/
/*-------------------------------------------*/

@media(min-width:1100px) {

    .content {
        margin-top: 6rem;
    }

    .autotest-label {
        margin-top: 0;
    }

    .intro-manifeste h1 {
        margin-bottom: 3rem;
    }

    p.manifeste-label {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
    }

    a.link-label {
        margin-top: 0;
    }
}


/*------------------------------------------*/
/*---------------|| Tablet ||---------------*/
/*------------------------------------------*/

@media(min-width:700px) {

    .content {
        margin-top: 1rem;
    }

    p.autotest-label {
        text-align: center;
    }
}