/* ===== CSS QUOTE SECTION MODIFIÉE ===== */
border-radius: 10px !important;
padding: 60px 50px !important;
box-sizing: border-box;
max-width: 840px;
margin: 0 auto;
}


section.quote-section .main-quote-detail:before {
content: "“";
position: absolute;
top: 28px;
left: 36px;
font-size: 46px;
line-height: 1;
color: var(--brand-dark) !important;
font-weight: 800;
font-family: "Georgia", "Times New Roman", serif;
pointer-events: none;
}


section.quote-section .main-quote-detail .quote-title {
width: 100%;
color: var(--brand-dark);
font-size: 18px;
line-height: 30px;
font-weight: 400;
text-align: left;
}


section.quote-section .main-quote-detail .quote-description {
color: #180636;
font-size: 14px;
line-height: 22px;
font-family: 'Source Sans Pro', sans-serif;
margin-top: 20px;
text-align: left;
}


.cta-btn {
width: 100%;
display: block;
text-align: center;
margin-top: 40px;
}


.cta-btn a {
background-color: var(--brand-dark);
border: 1px solid var(--brand-dark);
border-radius: 100px;
color: #fff;
padding: 15px 25px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
font-weight: 700;
display: inline-block;
text-decoration: none;
transition: all .15s linear;
}


.cta-btn a:hover {
background-color: transparent;
color: var(--brand-dark);
border: 1px solid var(--brand-dark);
}


@media (max-width: 991px) {
section.quote-section .main-quote-detail {
padding: 42px 35px !important;
max-width: 100%;
}
section.quote-section .main-quote-detail:before {
left: 24px;
top: 18px;
font-size: 38px;
}
}