.animated-progress{position:relative;width:700px;height:490px;overflow:hidden;transform:rotateY(-3deg) rotateX(2deg) scaleX(.95);font-size:16px;margin:0 auto}.animated-progress .progress-card{border:1px solid #f0f3f7;padding:30px 40px;border-radius:10px;height:160px;position:absolute;top:0;left:10%;width:80%;transition:.6s ease;z-index:1}.animated-progress .progress-card .grey{color:#a3acbf}.animated-progress .progress-card strong{color:#575f7f}.animated-progress .progress-card>.display-flex:first-child{margin:0 0 20px}.animated-progress .progress-card .progress-bar{background:#f3f7ff;height:20px;margin:15px 0 0;border-radius:50px;position:relative}.animated-progress .progress-card .progress{background:#46d16d;height:20px;border-radius:50px;position:absolute;top:0;left:0}.animated-progress .progress-full{animation:progress-full 10s linear;animation-fill-mode:forwards}@keyframes progress-full{0%{width:0}100%{width:100%}}.animated-progress .blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);backdrop-filter:blur(4px);z-index:2}.animated-progress .top-1{transform:translateY(0) scale(.9)}.animated-progress .top-2{transform:translateY(-160px) scale(.8)}.animated-progress .active{transform:translateY(160px) scale(1);box-shadow:0 10px 80px rgba(163,172,191,.16);z-index:3}.animated-progress .bottom-1{transform:translateY(320px) scale(.9)}.animated-progress .bottom-2{transform:translateY(480px) scale(.8)}@media only screen and (max-width:767px){.animated-progress{width:100%;max-width:420px;margin:0 auto;transform:none !important}.animated-progress .progress-card{width:100%;left:0}}@media only screen and (max-width:640px){.animated-progress{height:370px}.animated-progress .progress-card{padding:20px;height:125px}.animated-progress .progress-card>.flex-row:first-child{margin:0 0 25px}.animated-progress .progress-card{font-size:12px}.animated-progress .progress-card .progress,.animated-progress .progress-card .progress-bar{height:10px}.animated-progress .top-2{transform:translateY(-125px) scale(.8)}.animated-progress .active{transform:translateY(125px) scale(1);box-shadow:0 10px 80px rgba(163,172,191,.16);z-index:3}.animated-progress .bottom-1{transform:translateY(250px) scale(.9)}.animated-progress .bottom-2{transform:translateY(375) scale(.8)}}