.blog-listing{padding:60px 0}.blog-listing .filter-box{align-items:center;display:flex;flex-wrap:wrap;gap:20px 30px;justify-content:center}.blog-listing .filter-box .by-dept{position:relative}.blog-listing .filter-box .by-dept .label{border:1px solid #999b9c;color:#999b9c;cursor:pointer;font-family:var(--btnfont);font-size:14px;font-weight:400;height:38px;line-height:1.5;overflow:hidden;padding:8px 33px 8px 13px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:275px}.blog-listing .filter-box .by-dept .label:before{background:url(https://2446169.fs1.hubspotusercontent-na1.net/hubfs/2446169/raw_assets/public/hocking-college/images/nav-arrow.svg) no-repeat 50%/13px auto;content:"";height:20px;opacity:.5;position:absolute;right:10px;top:9px;transition:.4s;width:20px}.blog-listing .filter-box .by-dept .data-ul{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 4px 31px 12px rgba(108,116,140,.11);display:none;padding:20px 30px;position:absolute;width:579px;z-index:1}.blog-listing .filter-box .by-dept .data-ul>div{cursor:pointer;padding:4px 0;transition:.3s}.blog-listing .filter-box .by-dept .data-ul>div:hover{color:var(--primary_color)}.blog-listing .filter-box .by-search{width:275px}.blog-listing .filter-box .by-search input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){background:url(https://2446169.fs1.hubspotusercontent-na1.net/hubfs/2446169/raw_assets/public/hocking-college/images/search-2.svg) no-repeat 16px 7px;border-color:#999b9c;border-radius:0;color:#999b9c;font-family:var(--btnfont);font-weight:400;margin:0;padding:10px 13px 9px 46px}.blog-listing .main{display:flex;flex-wrap:wrap;gap:32px;margin-top:65px}.blog-listing .items{background:var(--tertiary_color);border-radius:10px;padding:22px;width:calc(33.33% - 21.33px)}.blog-listing .items .image{aspect-ratio:16/9;border-radius:10px;overflow:hidden}.blog-listing .items .image img{display:block;height:100%;object-fit:cover;width:100%}.blog-listing .items .text{padding:28px 0 0}.blog-listing .items .details{display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;gap:20px;line-height:150%;margin-bottom:20px}.pagination{margin:50px 0 0}.pagination ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style-type:none;margin:0;padding:0}.pagination li.number{background:var(--tertiary_color);border-radius:4px;color:var(--body_color);font-size:12px;height:26px;line-height:26px;text-align:center;width:26px}.pagination li{cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1.2px;line-height:26px;text-transform:uppercase}.pagination li.number.active,.pagination li.number:hover{background:var(--primary_color);color:#fff}@media(max-width:991px){.blog-listing .items{width:calc(50% - 10px)}.blog-listing .main{gap:20px;margin-top:40px}}@media(max-width:767px){.blog-listing .filter-box{gap:15px 20px}.blog-listing .items{width:100%}}