.quotes-component{--banner-quotes-initial-bg-color:#fff;--banner-quotes-fg-color:#000;background-color:var(--banner-quotes-initial-bg-color);color:var(--banner-quotes-fg-color)}
.quotes-component.bg-primary{--banner-quotes-initial-bg-color:var(--primary-color-bg);--banner-quotes-fg-color:var(--primary-color-fg)}
.quotes-component.bg-secondary{--banner-quotes-initial-bg-color:var(--secondary-color-bg);--banner-quotes-fg-color:var(--secondary-color-fg)}
.quotes-component.bg-tertiary{--banner-quotes-initial-bg-color:var(--tertiary-color-bg);--banner-quotes-fg-color:var(--tertiary-color-fg)}
.quotes-component__container{display:flex;flex-direction:column;gap:16px;padding:37px 0}
.quotes-component__subtitle{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:2px;font-feature-settings:'clig' off,'liga' off;text-transform:uppercase;font-size:10px;line-height:18px;text-align:center}
@media(min-width:768px){.quotes-component__subtitle{margin-left:66px;text-align:unset}
}
.quotes-component__content{display:flex}
.quotes-component__content::before{content:'';position:relative;width:50px;height:50px;background-image:url("clientlib-quotes/resources/quotes-open.svg");background-repeat:no-repeat}
.quotes-component__inner{display:flex;flex-direction:column;gap:16px;padding-left:16px;width:85%}
@media(min-width:768px){.quotes-component__inner{width:fit-content;max-width:75%}
}
.quotes-component__person{display:flex;flex-direction:column;justify-content:center}
.quotes-component blockquote *{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:30px;letter-spacing:-0.48px;width:fit-content}
@media(min-width:768px){.quotes-component blockquote *{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:32px;line-height:40px;letter-spacing:-0.96px}
}
.quotes-component blockquote * *{width:fit-content}
.quotes-component__author-data{display:flex;gap:10px}
.quotes-component__img{border-radius:50%;width:48px;height:48px}
.quotes-component__author,.quotes-component__position{font-family:'Martel',Times,serif;font-style:normal;font-feature-settings:'clig' off,'liga' off;font-size:14px;font-weight:400;line-height:18px;letter-spacing:.1px}
@media(min-width:768px){.quotes-component__author,.quotes-component__position{font-family:'Martel',Times,serif;font-style:normal;font-feature-settings:'clig' off,'liga' off;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.1px}
}
.quotes-component .two-marks{flex-direction:column}
@media(min-width:768px){.quotes-component .two-marks{flex-direction:row}
}
.quotes-component .two-marks::before{left:31%}
@media(min-width:768px){.quotes-component .two-marks::before{left:auto}
}
.quotes-component .two-marks::after{content:'';position:absolute;right:35%;width:50px;height:50px;background-image:url("clientlib-quotes/resources/quotes-close.svg");background-repeat:no-repeat}
@media(min-width:768px){.quotes-component .two-marks::after{position:relative;right:auto}
}
.quotes-component .two-marks .quotes-component__inner{padding-right:16px;width:100%}
@media(min-width:768px){.quotes-component .two-marks .quotes-component__inner{width:fit-content}
}
.quotes-component .two-marks .quotes-component__inner *{display:flex;justify-content:center}
@media(min-width:1024px){.quotes-component .two-marks .quotes-component__inner *{justify-content:flex-start;align-items:center}
}
.quotes-component .two-marks .quotes-component__person{width:auto}
.quotes-component .two-marks .quotes-component__author{font-family:'Martel',Times,serif;font-style:normal;font-feature-settings:'clig' off,'liga' off;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.1px}