.cards-container{position:relative;width:1056px;height:704px;margin:0 auto}.cards-container-wrapper{position:relative;width:100%;height:100%;overflow:hidden;margin:0 auto}.cards-container-item{overflow:hidden;border-radius:.5rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(239 238 239/var(--tw-border-opacity,1));position:absolute;top:0;left:50%;width:80%;height:100%;transform:translateX(-50%) scaleX(.6);transition:transform .5s ease-in-out,opacity top .5s ease-in-out ease-in-out .5s;opacity:.5;z-index:1}.cards-container-item figure{display:block;height:100%;width:100%}.cards-container-item figure img{height:100%;width:100%;object-fit:cover}.cards-container-item.active{height:90%;width:100%;--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1));transform:translateX(-50%) scale(1);top:0;opacity:1;z-index:3}.cards-container-item:not(.active):before{background-color:#f5f5f5;content:"";position:absolute;height:100%;top:0;width:100%;z-index:1}.cards-container-item.active:not(.active):before{background-color:transparent}.cards-container-item.first-back:before{opacity:.6}.cards-container-item.second-back:before{opacity:.3}.cards-container-item.first-back{height:95%;width:95%;--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));opacity:1;transform:translateX(-50%) translateY(-.75rem) scale(.98);top:10px;z-index:2}.cards-container-item.second-back{height:100%;width:90%;--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1));opacity:1;transform:translateX(-50%) translateY(-1.5rem) scale(.96);top:20px;z-index:1}.cards-container-item.background{transform:translateX(-50%) scale(.6);opacity:.5;z-index:0}.cards-container-button{position:absolute;top:45%;z-index:4;--tw-translate-y:-50%;cursor:pointer;border-radius:9999px;padding:1.75rem}.cards-container-button,.cards-container-button.prev{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cards-container-button.prev{left:0;--tw-translate-x:-50%;--tw-rotate:180deg}.cards-container-button.next{right:0;--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media only screen and (max-width:1279px){.cards-container{width:840px;height:640px}}@media only screen and (max-width:979px){.cards-container{width:640px;height:480px}}@media only screen and (max-width:767px){.cards-container{width:520px;height:390px}button.cards-container-button{width:72px;height:72px;padding:25px;z-index:4}button.cards-container-button.next{right:2px}button.cards-container-button.prev{left:2px}}@media only screen and (max-width:595px){button.cards-container-button{bottom:-80px;top:unset;--tw-translate-y:unset;width:55px;height:55px;padding:18px}button.cards-container-button.next{right:44%}button.cards-container-button.prev{left:44%}.ab-third-sec,.sol-ab-third-sec{padding-top:155px}}@media only screen and (max-width:564px){.cards-container{width:369px;height:240px}button.cards-container-button.next{right:41%}button.cards-container-button.prev{left:41%}}@media only screen and (max-width:414px){.cards-container{width:100%;height:240px}button.cards-container-button.next{right:40%}button.cards-container-button.prev{left:40%}}