@keyframes swipe-left-right{0%{width:0;left:0}to{width:100%;left:0}}.card-hover-effect{position:relative;overflow:hidden}.card-hover-effect:before{content:"";z-index:1;background:#00628c;width:0;height:100%;transition:width .5s ease-out;position:absolute;top:0;left:0}.card-hover-effect:hover:before{width:100%}.card-hover-effect .card-body{z-index:2;position:relative}.card-hover-effect:hover .card-body,.card-hover-effect:hover .card-body .card-title{color:#fff}.card-hover-effect:hover .card-body .badge{color:#fff;border-color:#fff}.card-hover-effect:hover .card-body .text-gray-500{color:#fffc}