.educational-journey {
    margin-block: 24px;

    @media (width > 800px) {
        margin-block: 48px;
    }

    .cols {
        display: flex;
        justify-content: space-between;
        gap: 48px;

        .content {
            display: flex;
            flex-direction: column;
            gap: 16px;
            
            @media (width > 800px) {
                gap: 24px;
                border-radius: 16px;
                border: 1px solid #E2E2E2;
                flex: 1;
                padding: 32px;
            }

            h2 {
                color: var(--_bg-color);
                margin-bottom: 0;
            }

            ul {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 16px 32px;
                list-style: none;
                margin: 0;
                padding: 0;

                li {
                    display: flex;
                    gap: 8px;
                    margin: 0;
                    
                    @media (width > 800px) {
                        align-items: center;
                        gap: 16px;
                    }

                    p {
                        margin: 0;
                    }

                    .picto {
                        color: var(--_bg-color) !important;

                        svg {
                            display: block;
                        }
                    }
                }
            }
        }

        .photo {
            display: none;

            @media (width > 800px) {
                display: block;
                width: 510px;
                margin-bottom: 0;
            }

            img {
                display: block;
                height: 100%;
                width: 100%;
                object-fit: cover;
                border-radius: 16px;
            }
        }
    }
}