.cardSocialsProof .parent{perspective:1000px;width:300px;padding:10px}.cardSocialsProof .card{transform-style:preserve-3d;background:linear-gradient(180deg,var(--blue-normal),var(--blue-darker));color:var(--white);width:100%;border:3px solid #fff;flex-direction:column;min-height:350px;padding:100px 30px 30px;transition:all .5s ease-in-out;display:flex;position:relative}.cardSocialsProof .card:hover{transform:rotate3d(.5,1,0,30deg);box-shadow:0 30px 30px -10px #30adcd80}.cardSocialsProof .content-box{flex-direction:column;order:2;gap:15px;display:flex}.cardSocialsProof .card-avatar{object-fit:cover;border:3px solid var(--white);border-radius:50%;align-self:center;width:80px;height:80px}.cardSocialsProof .card-title{color:var(--white);font-size:1.2rem;font-weight:700}.cardSocialsProof .card-content{color:var(--white);font-size:.95rem;line-height:1.6}.cardSocialsProof .see-more{color:var(--blue-normal);background-color:var(--white);border:2px solid var(--white);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-block}.content-box .see-more{cursor:pointer;text-transform:uppercase;color:var(--blue-normal);background:var(--white);border:none;margin-top:1rem;padding:.5rem .7rem;font-size:9px;font-weight:900;transition:all .5s ease-in-out;display:inline-block;transform:translateZ(20px)}.content-box .see-more:hover{background-color:var(--blue-light-hover);transform:translate3d(0,-5px,60px);box-shadow:0 10px 20px #30adcd66}.cardSocialsProof .date-box{border:2px solid var(--white);flex-direction:column;align-items:center;gap:2px;padding:10px 15px;transition:all .5s ease-in-out;display:flex;position:absolute;top:15px;right:20px}.cardSocialsProof .month{color:var(--white);letter-spacing:1.5px;font-size:.7rem;font-weight:700}.cardSocialsProof .date{color:var(--white);font-size:1.85rem;font-weight:700}
@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee{will-change:transform;backface-visibility:hidden;animation:50s linear infinite marquee;transform:translate(0,0)}.animate-marquee-reverse{will-change:transform;backface-visibility:hidden;animation:50s linear infinite marquee-reverse;transform:translate(0,0)}@media (max-width:768px){.animate-marquee,.animate-marquee-reverse{animation-duration:80s}}.marquee-hover:hover .animate-marquee,.marquee-hover:hover .animate-marquee-reverse{animation-play-state:paused}