.crisp-item span, .crisp-item .text-crisp-big {color: #504D4E;transition: color 0.3s ease;}
.crisp-item .crisp-item-content .crisp-bot-text {color: #504D4E;font-size: 1.5rem;}
.crisp-item.active span, .crisp-item.active .text-crisp-big {color: #EC3723;}
.crisp-item.active p, .crisp-item.active .crisp-bot-text {color: #EC3723;}
.crisp-quotes {position: relative;top: 100%; margin-top: 48px;width: 100%;display: flex;justify-content: center;}
.crisp-quote {position: absolute;max-width: 650px; opacity: 0;transform: translateY(10px);transition: all 0.3s ease; pointer-events: none;}
.crisp-quote.active {opacity: 1;transform: translateY(0);}
.crisp-quote p {color: #fff;}
.crisp-quote span {color: #fff;font-weight: 700;}
.crisp-quote strong {display: block;color: #fff;margin-top: 4px;}
.crisp-letters {line-height: 0.9;letter-spacing: -0.03em;}
.crisp-item {opacity: 0;transform: translateX(80px);cursor: pointer;}
.crisp-item p {opacity: 0;transform: translateY(12px);}
.text-crisp {color: #504D4E;}
.crisp-quote {opacity: 0;pointer-events: none;}
.crisp-quote.active {opacity: 1;pointer-events: auto;}
.mob-crisp-quote {display: none;}
@media (max-width:767px) {
.crisp-item {opacity: 1;transform: translateX(0);}
.crisp-item p {opacity: 1;transform: translateY(0);}
.crisp-quote {opacity: 1;}
.crisp-quote {position: relative; opacity: 1;transform: translateY(0);}
.mob-crisp-quote {display: flex; margin-top: 20px;}
.desk-crisp-quotes {display: none;}
.crisp-item.active span, .crisp-item.active p, .crisp-item span, .crisp-item p, .crisp-item .text-crisp-big, .crisp-item.active .text-crisp-big, .crisp-item .text-crisp-big {color: #fff;}
.crisp-item-content span, .crisp-item.active .crisp-item-content span, .crisp-item-content .crisp-bot-text, .crisp-item .crisp-item-content .crisp-bot-text, .crisp-item-content .text-crisp-big, .crisp-item.active .crisp-item-content .text-crisp-big   {color: #EC3723;}
.mob-crisp-quote p {line-height: 1.4;}
.crisp-quote p {margin-bottom: 0;}

}
@media  (min-width:1280px) and (max-width:1365px) {
    .crisp-section {height: 115vh;}
    .crisp-section .container {margin-top: -10rem;}
}
@media  (min-width:1366px) and (max-width:1439px) {
    .crisp-section {height: 115vh;}
    .crisp-section .container {margin-top: -10rem;}
    
}
@media  (min-width:1440px) and (max-width:1535px) {
    .crisp-section .container {margin-top: -10rem;}
}
@media  (min-width:1536px) and (max-width:1680px) {
    .crisp-section .container {margin-top: -10rem;}
}