.test-wrap {
    position: relative;
}

.test-wrap img.bg {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.testimonial-blocks {
    position: relative;
    background-size: cover;
    background-position: center center;

    &:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--brand-grey-dark);
        opacity: .8;
    }

    @media (min-width:768px) {
        width: 100%;
        display: table;
    }
}

.testimonial-blocks__item {
    position: relative;
    border-top: 2px solid #fff;

    &:first-child {
        border-top: 0;
    }

    @media (min-width:768px) {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 50%;
        border-top: 0;
        border-left: 1px solid #fff;

        &:first-child {
            border-left: 0;
            border-right: 1px solid #fff;
            text-align: right;
        }
    }
}

.testimonial-block {
    padding: 45px 25px;
    color: #fff;
    position: relative;
    z-index: 10;
    text-align: center;

    @media (min-width:768px) {
        display: inline-block;
        padding-left: 55px;
        padding-right: 55px;
    }

    @media (min-width:992px) {
        max-width: 645px;
        padding: 60px 110px;
    }
}

.testimonial-block__logo {
    margin-bottom: 25px;
}

.testimonial-block__quote {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0;
    line-height: 1.2;

    p {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;

        &:first-child:before {
            content: '“';
            margin-left: -.43em;
        }

        &:last-of-type:after {
            content: '”';
        }

        @media (min-width:768px) {
            font-size: 18px;
        }
    }

    cite {
        font-size: 14px;
        font-weight: 300;
        font-style: normal;

        strong {
            font-size: 16px;

            &:after {
                display: inline-block;
                margin-right: -4px;
                padding-left: 10px;
                padding-right: 10px;
                content: '//';
                font-size: 14px;
                font-weight: 300;
            }
        }
    }
}

.testimonial-blocks__more {
    display: inline-block;
    font-size: 14px;
    color: var(--brand-green);
    text-decoration: underline;
    transition: color .2s ease-in-out;

    &:hover,
    &:focus {
        text-decoration: none;
        color: var(--brand-green);
    }
}