.quote{display:flex;padding:0 1.5rem;flex-wrap:wrap;align-items:center;max-width:60rem;margin-inline:auto}.quote.width-1{max-width:80rem}.quote .naam-wrap{margin-bottom:1rem}.quote .circle-image{width:45%}.quote .content{padding-left:2.5em;width:55%}.quote .image{width:37.5%}.quote.width-1 .circle-image{width:100%}.quote.width-1 .content{padding-left:3.5em;width:62.5%}.quote p{font-size:1rem}.quote .naam{position:relative;font-size:1rem}.quote .naam.pink::before{background-color:var(--pink)}.quote .naam.blue::before{background-color:var(--blue)}.quote .naam.green::before{background-color:var(--green)}.quote .naam.white::before{background-color:var(--white)}.quote .naam-wrap strong{margin-right:.25rem}.quote .quote-wrap{font-size:clamp(2.5rem, 1rem + 3vw, 8rem)}.quote h2{font-size:1em;margin-bottom:1.5rem;margin-top:0}.quote.width-1 h2{font-size:1.15em}.quote p{max-width:36rem;display:block}@media (max-width:768px){.quote .content{padding-left:0!important;text-align:center;width:100%!important}.quote.align-text-left .content p,.quote.align-text-left .content h2,.quote.align-text-left .content span{text-align:left;display:block}.quote .image{max-width:30rem;margin:0 auto;margin-bottom:1.5rem;width:100%!important}.quote p{max-width:100%;font-size:1.25rem}.quote .naam{font-size:1.25rem}}.quote .circle-image-left img{transition:.25s all ease-in-out}.quote:has(.btn:hover) .circle-border-hover{border-width:2rem}.quote:has(.btn:hover) .circle-image-left img{scale:1.05}