div.interruptor.sustainability-practices {
    div.container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 18px;

        article.practice {
            max-width: 500px;
            width: 100%;
            border: solid var(--colourBorder) 1px;
            border-radius: 4px;
            padding: 18px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

            display: flex; 
            gap: 18px;

            svg {
                width: 100px;
            }

            div.content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                p.title {
                    font-family: 'Inter Black';
                    font-size: 1.2rem;
                    margin-bottom: 9px;
                }
            }

            &.flip {
                flex-direction: row-reverse;
            }
        }
    }
}