.mpoa-quote-card .mpoa-quote-text,
.mpoa-quote-text {
position: relative;
box-sizing: border-box;
margin: 8px 0 18px;
padding: 18px 20px 18px 24px;
border-left: 5px solid #17105f;
border-radius: 4px;
background: #f7f7fb;
color: #171717;
font-size: clamp(1.06rem, 2.2vw, 1.22rem);
font-weight: 700;
line-height: 1.9;
letter-spacing: .015em;
overflow-wrap: anywhere;
word-break: normal;
}
.mpoa-quote-card .mpoa-quote-text::before,
.mpoa-quote-text::before {
content: "“";
position: absolute;
top: -13px;
left: 7px;
color: rgba(23, 16, 95, .16);
font-family: Georgia, "Times New Roman", serif;
font-size: 3.6rem;
font-weight: 700;
line-height: 1;
pointer-events: none;
}
.mpoa-quote-card .mpoa-quote-long,
.mpoa-quote-long {
font-size: clamp(1rem, 2vw, 1.14rem);
}
.mpoa-quote-card .mpoa-quote-very-long,
.mpoa-quote-very-long {
font-size: clamp(.96rem, 1.9vw, 1.08rem);
line-height: 1.85;
}
.mpoa-quote-card .mpoa-quote-meta,
.mpoa-quote-meta {
margin: 8px 0;
padding: 0 2px;
color: #4b4b4b;
font-size: .94rem;
line-height: 1.75;
}
.mpoa-quote-card .mpoa-quote-meta:first-of-type,
.mpoa-quote-meta:first-of-type {
margin-top: 4px;
padding-top: 12px;
border-top: 1px solid #dedee8;
}
@media (max-width: 599px) {
.mpoa-quote-card .mpoa-quote-text,
.mpoa-quote-text {
margin: 6px 0 15px;
padding: 15px 14px 15px 18px;
border-left-width: 4px;
font-size: 1.02rem;
line-height: 1.85;
}
.mpoa-quote-card .mpoa-quote-long,
.mpoa-quote-card .mpoa-quote-very-long,
.mpoa-quote-long,
.mpoa-quote-very-long {
font-size: .96rem;
line-height: 1.82;
}
.mpoa-quote-card .mpoa-quote-text::before,
.mpoa-quote-text::before {
top: -10px;
font-size: 3rem;
}
}