.middle__calltoaction{text-align:center; padding: clamp(24px, 3.5vw, 40px) clamp(10px, 2vw, 20px); background: #312D28; border-radius: clamp(20px, 2.2vw, 32px); position:relative; overflow: hidden}
.middle__calltoaction .h1{margin:0}
.calltoaction__text{margin: clamp(12px, 1.4vw, 20px) 0 clamp(24px, 2.8vw, 40px); font: italic 300 clamp(15px, 0.4vw + 13px, 20px)/1.3 'Inter'; color: #FFFFFF;}
.calltoaction__bg--left{position: absolute; filter: blur(1px); transform: rotate(-6.96deg); bottom: clamp(30px, 6vw, 80px); left: clamp(10px, 7vw, 100px);}
.calltoaction__bg--right{position: absolute; filter: blur(1px); transform: rotate(21.41deg); right: clamp(10px, 7vw, 100px); top: clamp(20px, 4.5vw, 60px);}
.calltoaction__bg--left svg, .calltoaction__bg--right svg{color: rgba(206, 175, 125, 0.6); width: 34px; height: auto;}
@media(max-width:991px){
    .calltoaction__bg--left, .calltoaction__bg--right{opacity: 0.5; }
}
@media(max-width:767px){
    .calltoaction__bg--left{bottom: auto; top: clamp(10px, 4vw, 30px); left: clamp(5px, 3vw, 20px); transform: rotate(-6.96deg); }
    .calltoaction__bg--right{top: auto; bottom: clamp(10px, 4vw, 30px); right: clamp(5px, 3vw, 20px); transform: rotate(21.41deg); }
}
@media(max-width:575px){
    .calltoaction__bg--left, .calltoaction__bg--right{opacity: 0.3; transform-origin: center; }
    .calltoaction__bg--left{transform: rotate(-6.96deg)}
    .calltoaction__bg--right{transform: rotate(21.41deg)}
}