.image-card{position:relative;width:100%;max-width:450px;overflow:hidden;text-align:center;margin:20px auto}.image-card img{width:100%;height:280px;object-fit:cover;border-radius:25px}.image-card .content{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,7);color:#fff;padding:20px;text-align:center;transform:translateY(100%);transition:transform 0.5s ease}.image-card .content .title{font-size:18px;color:black;font-weight:bold;margin:0 0 10px}.image-card .content .description{font-size:14px;color:black}.image-card:hover .content{transform:translateY(0)}@media (max-width:768px){.image-card{width:100%;margin:10px auto}.image-card img{height:180px}.image-card .content{padding:15px}.image-card .content .title{font-size:16px}.image-card .content .description{font-size:12px}}@media (max-width:480px){.image-card img{height:200px}.image-card .content .title{font-size:14px}.image-card .content .description{font-size:11px}}.hover-box-effect{position:relative;overflow:hidden}.hover-box-effect img{display:block;transition:transform 0.3s ease-in-out}.hover-box-effect::before,.hover-box-effect::after{content:'';position:absolute;background-color:rgba(242,190,3,0.3);width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out;z-index:10}.hover-box-effect::before{top:10%;left:10%}.hover-box-effect::after{bottom:10%;right:10%}.hover-box-effect:hover img{transform:scale(1.1)}.hover-box-effect:hover::before,.hover-box-effect:hover::after{opacity:1}.hover-box-effect a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;font-size:24px;color:white;background:rgba(0,0,0,0.7);border-radius:50%;padding:10px;opacity:0;transition:opacity 0.3s ease-in-out;text-decoration:none}.hover-box-effect:hover a{opacity:1}.hover-box-effect .hover-title{position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0.6);color:white;padding:5px 10px;font-size:16px;font-weight:bold;border-radius:3px}.progress{height:8px;overflow:initial;position:relative;border-radius:5px;margin-bottom:30px;background-color:#eeeeee}.progress .progress-bar{overflow:initial;top:0;left:0;height:100%;position:absolute;border-radius:5px 0 0 5px;background-color:#fa9884}.progress .progress-bar.progress-bar--yellow{background-color:#f8a23c}.progress .progress-bar.progress-bar--yellow:after{border-color:#f8a23c}.progress .progress-bar.progress-bar--green{background-color:#20b86d}.progress .progress-bar.progress-bar--green:after{border-color:#20b86d}.progress .progress-bar.progress-bar--blue{background-color:#40A2E3}.progress .progress-bar.progress-bar--blue:after{border-color:#40A2E3}.progress .progress-bar:after{content:"";position:absolute;top:-3.5px;right:0;width:5px;height:5px;border-radius:50%;background:#fff;outline:1px solid white;border:5px solid #fa9884}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}