.quote-with-image{--padding-arrows:150px;margin-bottom:18px}
.quote-with-image-box{display:flex;max-width:1300px;padding:0 20px;margin:0 auto;min-height:350px;align-items:center}
@media screen and (max-width:1024px){
.quote-with-image-box{flex-direction:column;align-items:flex-start}
}
.quote-with-image-title{font-size:16px;color:#000;line-height:120%;font-weight:700;text-transform:uppercase;margin-bottom:25px;padding:0 var(--padding-arrows);position:relative}
@media screen and (max-width:1024px){
.quote-with-image-title{padding:0 30px 0 100px;min-height:81px;display:flex;align-items:center}
.quote-with-image-title:before{content:"";display:block;position:absolute;width:86px;height:81px;left:0;top:50%;transform:translateY(-50%);background:var(--quote-arrows-bg);background-size:contain;background-repeat:no-repeat}
}
.quote-with-image-content{font-family:"Futura for Blackyak",sans-serif;font-size:30px;color:#000;line-height:120%;font-weight:700;text-transform:uppercase;margin-bottom:40px;position:relative;padding:0 var(--padding-arrows)}
@media screen and (max-width:1024px){
.quote-with-image-content{padding:0;line-height:105%}
}
.quote-with-image-content:before{content:"";display:block;position:absolute;width:111px;height:105px;left:0;top:50%;transform:translateY(-50%);background:var(--quote-arrows-bg)}
@media screen and (max-width:1024px){
.quote-with-image-content:before{display:none}
}
.quote-with-image-content:after{content:"";display:block;position:absolute;width:111px;height:105px;right:0;top:50%;background:var(--quote-arrows-bg);transform:translateY(-50%) rotate(180deg)}
@media screen and (max-width:1024px){
.quote-with-image-content:after{display:none}
}
.quote-with-image-buttons{display:flex;gap:12px;padding:0 var(--padding-arrows)}
@media screen and (max-width:1024px){
.quote-with-image-buttons{padding:0}
}
.quote-with-image-buttons.mobile{display:none;flex-wrap:wrap}
@media screen and (max-width:1024px){
.quote-with-image-buttons.desktop{display:none}
.quote-with-image-buttons.mobile{display:flex}
}
.quote-with-image-button{display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;line-height:100%;font-weight:700;min-width:180px;height:40px;background:#000;text-decoration:none;text-transform:uppercase}
.quote-with-image-image{width:25%;min-width:25%;max-width:25%;display:flex;position:relative}
@media screen and (max-width:1024px){
.quote-with-image-image{width:calc(100% - 100px);min-width:calc(100% - 100px);max-width:calc(100% - 100px);position:relative;margin-bottom:18px}
.quote-with-image-image:after{content:"";display:block;position:absolute;width:86px;height:81px;right:-100px;top:0;background:var(--quote-arrows-bg);background-size:contain;background-repeat:no-repeat;transform:rotate(180deg)}
}
.quote-with-image-image img{display:block;margin:0;width:100%;max-width:100%}
.quote-with-image-image .quote-with-image-image-main{display:block;transition:opacity .4s ease}
.quote-with-image-image .quote-with-image-image-hover{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .4s ease}
.quote-with-image-image:hover .quote-with-image-image-main{opacity:0}
.quote-with-image-image:hover .quote-with-image-image-hover{opacity:1}