.cpt-list{grid-template-columns:repeat(4,1fr);margin-bottom:46px;display:grid}@media screen and (width<=767px){.cpt-list{grid-template-columns:1fr}.title-3d{font-size:22px}.cpt-item a{justify-content:center;align-items:center;display:flex}}:root{--card-height:250px;--card-width:calc(var(--card-height) / 1.5)}.title-3d{font-size:22px}.card{width:var(--card-width);height:var(--card-height);perspective:2500px;justify-content:center;align-items:flex-end;margin:0 50px;padding:0 36px;display:flex;position:relative}.cover-image{object-fit:cover;width:100%;height:100%}.wrapper{z-index:-1;width:100%;transition:all .5s;position:absolute}.card:hover .wrapper{transform:perspective(900px)translateY(-5%)rotateX(25deg)translateZ(0);box-shadow:2px 35px 32px -8px #000000bf}.wrapper:before,.wrapper:after{content:"";opacity:0;width:100%;height:80px;transition:all .5s;position:absolute;left:0}.wrapper:before{background-image:linear-gradient(#0c0d13 3%,#0c0d1380 32%,#0000 54%);height:100%;top:0}.wrapper:after{opacity:1;background-image:linear-gradient(#0000 46%,#0c0d1380 68%,#0c0d13 97%);bottom:0}.card:hover .wrapper:before,.wrapper:after{opacity:1}.card:hover .wrapper:after{height:120px}