.card-body{display:flex;justify-content:center;align-items:center}.card-container{position:relative}.card-container .card-card{position:relative;height:100%;border-radius:20px;overflow:hidden}.flag{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;overflow:visible;background-size:cover;background-repeat:no-repeat;background-position:50%;-webkit-clip-path:circle(150px at 80% 20%);clip-path:circle(150px at 80% 20%);transition:0card-5s ease-in-out;transition:1s}.card-container .card-card:after{position:absolute;top:30%;left:-10%;font-size:4.5em;font-weight:800;color:rgba(255,255,25,0card-05)}.card-container .card-card .card-imgBx{position:absolute;z-index:40;top:15%;transition:0card-5s;transition:1s}.card-container .card-card:hover .card-imgBx{top:0;transform:translateY(0)}.card-container .card-card .card-imgBx img{position:absolute;top:30%;left:50%;transform:translate(-50%,-40%) rotate(0deg);width:75%}.card-container .card-card .card-contentBx{position:absolute;bottom:0;width:100%;height:20%;text-align:center;transition:1s;z-index:10}.card-container .card-card:hover .card-contentBx{height:40%}.card-container .card-card .card-contentBx h2{position:relative;font-weight:700;font-weight:900;letter-spacing:1px;margin-top:2%}.card-container .card-card .card-contentBx .card-color,.card-container .card-card .card-contentBx .card-size{display:flex;justify-content:center;align-items:center;transition:0card-5s;opacity:0;visibility:hidden;padding-top:0;padding-bottom:0;transition:1s}.card-container .card-card:hover .card-contentBx .card-size{opacity:1;visibility:visible;transition-delay:0card-5s}.card-container .card-card:hover .card-contentBx .card-color{opacity:1;visibility:visible;transition-delay:0card-6s}.card-container .card-card .card-contentBx .card-color h3,.card-container .card-card .card-contentBx .card-size h3{color:#292929;font-weight:500;font-size:14px;margin-top:1%;letter-spacing:2px}