/* section evenements */
    .containerEvenement{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 64px;
        margin-top: 48px;
    }

    .contentEvenement{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .contentEvenement:nth-child(even) .boxImgEvenement{
        order: 2;
    }

    .contentEvenement:nth-child(even) .textEvenement{
        order: 1;
    }

    .boxImgEvenement, .textEvenement{
        position: relative;
        width: 450px;
    }

    .boxImgEvenement{
        height: 250px;
        background: var(--light-gray);
        border-radius: 40px;
    }

    .imgEvenement{
        object-fit: cover;
        border-radius: 40px;
    }

    .boxLogoKSPN{
        position: absolute;
        left: 0; top: -35px;
        width: 130px; height: 130px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--white);
    }

    .logoKSPN{
        width: 115px; height: 115px;
        border-radius: 50%;
        border: 5px solid var(--red);
        padding: 10px;
    }

    .logoKSPN img{
        object-fit: contain;
    }

    .textEvenement{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .textEvenement h3{
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        line-height: 22.08px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--blue);
        text-align: justify;
    }

    .textEvenement p{
        position: relative;
        line-height: 22.08px;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: justify;
        white-space: pre-line;
        margin: 5px 0;
    }

    .textEvenement p::-webkit-scrollbar{
        width: 5px;
        height: 5px;
    }

    .textEvenement p::-webkit-scrollbar-track{
        background-color: transparent;
    }

    .textEvenement p::-webkit-scrollbar-thumb{
        background-color: var(--blue);
        border-radius: 16px;
    }

    .textEvenement .flexBtn{
        justify-content: flex-start;
    }
/* section evenements */