.slide{padding:0 10px}.slick-next:before,.slick-prev:before{visibility:hidden;display:none}@layer{.marquee-text-track{animation:8s linear infinite marquee-text-move}@keyframes marquee-text-move{to{transform:translateY(-50%)}}}.group-hover\:translate-y-0:hover .group-hover\:translate-y-0{transform:translateY(0)}.group-hover\:translate-y-full:hover .group-hover\:translate-y-full{transform:translateY(100%)}.content{justify-content:space-between;display:flex}.content .card{border-radius:10px;position:relative}.content .card .icon{z-index:1;background:red;width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:0}.content .card:first-child .icon{background:#e07768}.content .card:nth-child(2) .icon{background:#6eadd4}.content .card:nth-child(3) .icon{background:#4aada9}.content .card .icon .fa,i{color:#fff;font-size:80px;transition:all .7s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content .card .face{z-index:2;width:337px;transition:all .5s}.content .card .face.face1{z-index:1;transform:translateY(80px)}.content .card:hover .face.face1{transform:translateY(0)}.content .card .face.face1 .content{opacity:1;transition:all .5s}.content .card:hover .face.face1 .content{opacity:1}.content .card .face.face1 .content i{max-width:100px}.content .card .face.face2{transform:translateY(-100px)}.content .card:hover .face.face2{transform:translateY(0)}.content .card .face.face2 .content p{text-align:center;color:#414141;margin:0;padding:0}.content .card .face.face2 .content h3{color:#414141;text-align:center;margin:0 0 10px;padding:0;font-size:24px}.content a{color:#414141;text-decoration:none}@keyframes bounceRightToLeft{0%{opacity:0;transform:translate(100%)}50%{opacity:1;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}.bounce-right-to-left{animation:bounceRightToLeft s ease-in-out}.box{background-color:green;width:100px;height:100px;display:block;left:100px}.content{will-change:transform,opacity;transform-style:preserve-3d}
.shape{will-change:transform;pointer-events:none;border-radius:50%;position:absolute}.shape.shape-1{background:#7f7de4;width:418px;height:418px;margin:-209px 0 0 -209px}.shape.shape-2{background:#f79694;width:285px;height:285px;margin:-142.5px 0 0 -142.5px}.shape.shape-3{background:#f5dd94;width:178px;height:178px;margin:-89px 0 0 -89px}