.vrTextSection {
    padding-top: 4rem;
    padding-bottom: 4rem;
    max-width: var(--content-width);
    background-color: var(--color-body);
    >div {
        margin: 0 auto;
        width: calc(6 * var(--col) + 5 * var(--gap));
        text-align: center;


        h2 {
            padding: 1rem 0;
            margin: 1rem 0;
            border-top: .1rem solid var(--button-background-color-50);
            border-bottom: .1rem solid var(--button-background-color-50);
        }

        article {
            text-align: justify
        }

        ul {
            padding-left: 0rem;

            li {
                margin: 1rem 0 1rem 1.5rem;
                position: relative;

                &:before {
                    content: '\2713';
                    display: inline-block;
                    position: absolute;
                    top: 0.33rem;
                    left: -1.5rem;
                    background: var(--vr-color);
                    width: .9rem;
                    height: .9rem;
                    line-height: .9rem;
                    font-size: .4rem;
                    text-align: center;
                    color: #fff;
                    border-radius: 50%;
                }
            }
        }


    }
}

@media all AND (max-width: 700px) {
    .vrTextSection {
        >div {
            width: 100%;
            padding: 0 var(--gap);
        }
    }
}



/* certified and custom diff */
#courses {
    padding-top: calc(var(--lh) * 5 * var(--fs));
    padding-bottom:0;
    position: relative;
    .buttons-container {
        display: none;
    }
    >div {
        position: relative;
    }
    &::after {
        content: '';
        background: transparent url(../static/cert.png) no-repeat right;
        height: 160px;
        position: absolute;
        z-index: 1;
        background-size: contain;
        top: -64px;
        width: calc(100% - 2rem);
        pointer-events:none;
    }
}





@media all AND (max-width: 700px) {
    #courses::after {
        background-position: center;
        width:100%;
    }
}

#consultant {
    position: relative;
    &::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: transparent url(../static/patternL-orange.svg) repeat;
        background-size: 48px;
        opacity: 0.25;
        background-attachment: fixed;
        pointer-events: none;
    }
}