.review{--bg-color:#fff;--padding:clamp(20px, 4vw, 30px);--img-size:clamp(75px, 4vw, 100px);--img-bg-color:var(--blue-light);--img-text-color:var(--blue);--img-fs:clamp(50px, 4vw, 55px);--row-gap:clamp(12px, 4vw, 16px);--col-gap:clamp(20px, 4vw, 24px);--city-color:var(--blue);background-color:var(--bg-color);padding:var(--padding);display:flex;flex-direction:column;row-gap:var(--row-gap);height:100%}.review-img{width:var(--img-size);height:var(--img-size);border-radius:50%;overflow:hidden;display:flex;align-items:baseline;justify-content:center;flex-shrink:0;grid-area:img;position:relative;justify-self:start}.review-img:not(:has(img)):before{background-color:var(--img-bg-color);color:var(--img-text-color);content:attr(data-letter);font-size:var(--img-fs);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.review-header{display:grid;grid-template-areas:"img name" "img city" "img rating";grid-template-columns:auto 1fr;align-items:start;row-gap:var(--row-gap);column-gap:var(--col-gap)}@media(min-width:1920px){.review-header{grid-template-columns:auto auto 1fr;grid-template-areas:"img name rating" "img city ."}}.review-client-info{display:flex;flex-direction:column;gap:var(--row-gap)}.review-name{grid-area:name;justify-self:start}.review-city{grid-area:city;color:var(--city-color);justify-self:start}.review-city-caption{font-weight:600}.review-rating{grid-area:rating}@media(min-width:1920px){.review-rating{justify-self:end}}.review-body{max-height:320px;overflow-y:auto}