.client-quote-single__wrapper__quote {
    margin: 0 0 30px 0;
}
.client-quote-single__wrapper__quote p {
    font-family: var(--normal-font-family);
    font-size: 20px;
    line-height: 160%;
    color: var(--color-black);
    letter-spacing: 0;
}
.client-quote-single__wrapper__client-info p {
    font-family: var(--body-font-family);
    font-size: 16px;
    line-height: 160%;
    color: var(--color-green);
    font-weight: 400;
}
.client-quote-single__wrapper:after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    left: 0;
    background: var(--color-pure-black);
    z-index: 1;
    top: 0;
}

.client-quote-single__wrapper:before {
    width: 14px;
    height: 14px;
    background: var(--color-yellow);
    content: "";
    position: absolute;
    bottom: 0;
    left: -7px;
    border-radius: 50%;
    z-index: 2;
}
.client-quote-single__wrapper {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    margin: 30px 0;
}


{# media queries #}
@media (min-width:768px){

.client-quote-single__wrapper {
    padding: 0 40px;
    margin: 40px 0;
}

}