.upk-harold-list .upk-list-wrap{display:grid;grid-gap:20px}.upk-harold-list .upk-item{position:relative;overflow:hidden;display:flex;padding:clamp(10px,2vw,20px);border-radius:8px;border:1px solid #e8ecf3;transition:all .3s ease}.upk-harold-list .upk-item-box{display:flex}.upk-harold-list .upk-image-wrap{max-width:clamp(100px,10vw,130px);min-width:clamp(100px,10vw,130px);width:100%;display:flex}.upk-harold-list .upk-image-wrap .upk-img{width:100%;height:100%;object-fit:cover;border-radius:5px}.upk-harold-list .upk-content{display:flex;align-items:center;padding:clamp(10px,2vw,20px)}.upk-harold-list .upk-category{margin-bottom:clamp(10px,1vw,15px)}.upk-harold-list .upk-category a{text-transform:capitalize;color:#8d99ae;font-size:10px;padding:clamp(3px,1vw,4px) clamp(7px,1vw,10px);text-transform:uppercase;font-weight:600;border-radius:4px;line-height:1;transition:all .3s ease}.upk-harold-list .upk-category a:hover{border:1px solid #ef233c;color:#ef233c}.upk-harold-list .upk-category a+a{margin-left:5px}.upk-harold-list .upk-title{font-size:clamp(16px,2vw,20px);font-weight:600;margin:0;padding-bottom:clamp(10px,1vw,15px);text-transform:capitalize}.upk-harold-list .upk-title a{color:#2b2d42}.upk-harold-list .upk-title a:hover{color:#ef233c}.upk-harold-list .upk-meta{display:flex;flex-wrap:wrap;align-items:center;font-size:11px}.upk-harold-list .upk-meta .upk-reading-time,.upk-harold-list .upk-meta .upk-post-time,.upk-harold-list .upk-meta .upk-author a,.upk-harold-list .upk-meta .upk-date{text-transform:uppercase;font-weight:500;color:#8d99ae;display:flex;align-items:center}.upk-harold-list .upk-meta .upk-reading-time i,.upk-harold-list .upk-meta .upk-post-time i,.upk-harold-list .upk-meta .upk-author a i,.upk-harold-list .upk-meta .upk-date i{margin-right:5px}.upk-harold-list .upk-meta .upk-post-time{margin-left:5px}.upk-harold-list .upk-meta .upk-post-time i{margin-right:2px}.upk-harold-list .upk-meta>div{position:relative;display:inline-flex}.upk-harold-list .upk-meta>div:before{content:attr(data-separator);margin:0 5px}.upk-harold-list .upk-meta>div:nth-child(1):before{display:none}.upk-global-link-yes .upk-harold-list .upk-item:hover{cursor:pointer}