.kp-hon-container{width:100%;display:flex;flex-flow:row nowrap;gap:30px}.kp-hon-wrap{background:#f5f5f5;padding:50px;width:50%;position:relative}.kp-hon-wrap-2{display:flex;vertical-align:middle;flex-flow:column;justify-content:center;background:#222}.kp-hon-container .kp-hon-wrap-2 h2{text-align:center;font-size:25px;color:#fff}.kp-hon-wrap-2 p{color:#999;text-align:center;font-size:17px}.kp-hon-wrap .kp-hon-pic{width:100%;padding-bottom:90%;position:relative}.kp-hon-bar-wrap{width:100%;position:relative;z-index:2}.kp-hon-wrap .kp-hon-pic img{object-fit:cover;height:119%;width:100%;object-position:center;position:absolute;top:-20px;left:0}.kp-hon-bar-top-text,.kp-hon-bar-bottom-text{display:flex;flex-flow:row nowrap;justify-content:space-around;margin-bottom:20px}.kp-hon-bar-bottom-text{margin-top:30px;margin-bottom:0;position:relative}.kp-hon-bar-top-text span,.kp-hon-bar-bottom-text span{font-size:12px;text-align:center;color:#999;max-width:70px;line-height:1.3em}.kp-hon-bar-bottom-text span{background:#f5f5f5;padding:10px;transform:translate(0,50%)}.kp-hon-bar-bottom-text{border-bottom:1px solid #cecece}.kp-arrow{display:block;height:6px;width:6px;border-top:1px solid #cecece;border-left:1px solid #cecece;position:absolute;bottom:-.5px;left:0;transform:translate(0,50%) rotate(-45deg)}.kp-arrow-2{transform:translate(0,50%) rotate(130deg);left:auto;right:0}.kp-hon-bar-top-text span.dark{color:#222}.kp-hon-bar{height:6px;width:100%;background:#cecece;border-radius:100px;display:flex;justify-content:space-around;position:relative;gap:15%}.kp-dot{border:1px solid #cecece;height:300%;transform:translate(0,-33%);position:relative;gap:15%}.kp-dot.dark{border-color:#222}.kp-dot span{position:absolute;transform:translate(-50%,20px);font-size:14px}.kp-hon-bar-progress{position:absolute;background:#222;border-top-left-radius:100px;border-bottom-left-radius:100px;width:28%;height:100%;left:0}@media (max-width:767px){.kp-hon-container{flex-flow:column}.kp-hon-wrap{width:100%}}