:root{--bg-color:#151515;--text-color:#FFF}.black{--bg-color:#151515;--text-color:#FFF}.amber{--bg-color:#f8a323;--bg-gradient:linear-gradient(60deg, rgba(255,172,0,1) 0%, rgba(255,147,0,1) 100%);--text-color:#FFF;--active-text-color:#f8a323}.red{--bg-color:#cd4d4d;--bg-gradient:linear-gradient(60deg, rgba(219,97,95,1) 0%, rgba(198,67,67,1) 100%);--text-color:#FFF;--active-text-color:#cd4d4d}.blue{--bg-color:#45b7c2;--bg-gradient:linear-gradient(60deg, rgba(69,183,194,1) 0%, rgba(33,166,178,1) 100%);--text-color:#FFF;--active-text-color:#45b7c2}.purple{--bg-color:#6850ac;--bg-gradient:linear-gradient(60deg, rgba(112,81,199,1) 0%, rgba(91,80,122,1) 100%);--text-color:#FFF;--active-text-color:#6850ac}.green{--bg-color:#b3cd7f;--bg-gradient:linear-gradient(60deg, rgba(169,227,52,1) 0%, rgba(143,193,42,1) 100%);--text-color:#000;--active-text-color:#000}.quote-block{background:var(--bg-gradient);color:var(--text-color)}.quote-block .image img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;height:100%}@media only screen and (max-width:768px){.quote-block .image{padding:0}}.quote-block .text{position:relative}.quote-block .text::after,.quote-block .text::before{position:absolute;font-size:60pt;color:#fff;z-index:1;font-family:shc!important;speak:never}@media only screen and (max-width:768px){.quote-block .text::after,.quote-block .text::before{font-size:30pt}}.quote-block .text::before{content:"\e915";top:-44px}@media only screen and (max-width:768px){.quote-block .text::before{top:-22px}}.quote-block .text::after{content:"\e914";right:10%;bottom:-40px}@media only screen and (max-width:768px){.quote-block .text::after{bottom:-20px}}.quote-block .text .inner{padding:50px calc(10% + 80px) 100px 100px;position:relative;height:100%;display:flex;align-items:center;justify-content:center}.quote-block .text .inner .quote{font-size:2rem;line-height:1.2;text-align:center;font-weight:100;font-family:Georgia}@media only screen and (max-width:768px){.quote-block .text .inner .quote{font-size:1rem}}@media only screen and (max-width:576px){.quote-block .text .inner .quote{margin-bottom:10px}}.quote-block .text .inner .credit{position:absolute;right:calc(10% + 100px);bottom:30px;text-align:right;line-height:1.3}.quote-block .text .inner .credit .name{text-transform:uppercase;font-weight:700}@media only screen and (max-width:576px){.quote-block .text .inner .credit{right:auto}}@media only screen and (max-width:768px){.quote-block .text .inner{padding:35px 20% 85px 50px}}@media only screen and (max-width:576px){.quote-block .text .inner{padding:35px 15% 85px 15%}}