/* section apropos */
    .apropos{
        position: relative;
    }
    
    .containerApropos{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 64px;
    }

    .contentApropos{
        max-width: 1300px;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0 auto;
    }

    .contentAbout{
        width: 480px;
        height: 350px;
        display: flex;
        flex-direction: column;
        border-radius: 16px;
    }

    .contentAbout:first-child{
        background: var(--primary);
        display: flex;
        justify-content: center;
        align-items: center;
        border: 3px solid var(--global_bg);
        i{
            color: var(--light-white);
            font-size: 25px;
        }
    }
    
    .contentAbout:first-child img{
        width: 100%; height: 100%;
        object-fit: cover;
    }

    .contentAbout:last-child{
        padding: 32px;
        text-align: justify;
        margin-top: 55px;
        margin-left: -96px;
        box-shadow: var(--box-shadow);
        background-color: var(--white);
        z-index: 1;
    }

    .contentApropos:nth-child(even) .contentAbout:first-child{
        order: 2;
    }

    .contentApropos:nth-child(even) .contentAbout:last-child{
        order: 1;
        margin-right: -96px;
    }

    .text_apropos{
        overflow-y: auto;
        padding-right: 5px;
        white-space: pre-line;
    }

    .text_apropos::-webkit-scrollbar-thumb{
        background-color: var(--third);
    }
    
    /* design */
        .design_apropos{
            position: absolute;
            top: 20px; left: 50%;
            transform: translatex(-50%);
            z-index: -1;
            width: 40px;
            height: 90%;
            background: linear-gradient(to right, var(--primary), var(--third), var(--primary));
        }
    /* design */
/* section apropos */