.percentBadge{width:70px;height:35px;background:#48847f;display:flex;align-items:center;justify-content:center;border-radius:10px}.progressBar{width:100%;height:30px;background:#e0e0e0;border-radius:20px;overflow:hidden}.fill{height:100%;width:0;background:#48847f;transition:width .6s ease}.hoverSlideBox,.insightBox{position:relative;width:100%;height:450px;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.2);cursor:pointer}.initialTitle{position:absolute;bottom:0;width:100%;color:white;padding:15px;font-size:24px;font-weight:500;z-index:3;transition:opacity .3s ease}.hoverSlideBox .initialTitle,.insightBox .initialTitle{font-size:20px}.hoverSlideBox:hover .overlayContent,.insightBox:hover .overlayContent{transform:translateY(0)}.hoverSlideBox:hover .initialTitle,.insightBox:hover .initialTitle{opacity:0}.overlayContent{bottom:0;padding:30px;color:white;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;background:#000;transform:translateY(100%);transition:transform .3s ease}.overlayBg,.overlayContent{position:absolute;left:0;width:100%}.overlayBg{top:0;height:100%;background:rgba(0,0,0,.3);z-index:2;transition:background .3s ease}.insightBox:hover .overlayBg{background:rgba(0,0,0,.6)}.overlayContent h3{margin:0;font-size:18px;line-height:26px;letter-spacing:.32px}.overlayContent p{margin-top:20px;font-size:12px;line-height:17px;letter-spacing:.02rem}