.blog{margin-bottom:80px}.blog__controls{align-items:start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;justify-content:start;margin-bottom:24px}.blog__controls form{width:100%}.blog__tabs{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:start}.blog__status{background:var(--light-grey);border-radius:48px;color:var(--black);font-size:12px;font-weight:500;padding:4px 12px;transition:background-color .25s ease,color .25s ease}.blog__status.active,.blog__status:hover{background:var(--blue);color:var(--white)}.blog__items{display:grid;gap:24px}.blog__item:hover .blog__img{border-top:2px solid var(--blue)}.blog__item:hover .blog__desc,.blog__item:hover .blog__img{border-left:2px solid var(--blue);border-right:2px solid var(--blue)}.blog__item:hover .blog__desc{border-bottom:2px solid var(--blue)}.blog__img{border-left:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-left-radius:24px;border-top-right-radius:24px;height:100%;width:100%}.blog__desc,.blog__img{transition:border-color .25s ease}.blog__desc{align-items:start;background-color:var(--light-grey);border-bottom:2px solid transparent;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-left:2px solid transparent;border-right:2px solid transparent;color:var(--black);display:flex;flex-direction:column;flex-wrap:nowrap;font-weight:400;gap:8px;height:200px;justify-content:space-between;padding:20px 12px}.blog__desc-content{width:100%}.blog__date{display:block;margin-bottom:12px}.blog__heading{display:grid;gap:8px;grid-template-rows:auto auto;min-height:0}.blog__title{font-size:16px;font-weight:600;-webkit-line-clamp:2;margin-bottom:0}.blog__subtitle,.blog__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog__subtitle{-webkit-line-clamp:3}.blog__readTime{border:1px solid var(--black);border-radius:24px;padding:4px 12px}.blog__empty{color:var(--blue);margin:50px 0 100px}.blog__pagination{margin:24px 0 28px}.blog__nextPage{align-items:center;color:#14181f;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:RF Dewi Expanded;font-size:14px;font-weight:600;gap:12px;justify-content:center}.blog__next{--icon-size:28px;--icon-color:var(--white);background-color:var(--grey-2);border-radius:14px}.article.section{margin-bottom:45px}.article__container{max-width:775px}.article__status{background-color:var(--light-grey);border-radius:48px;color:var(--black);font-size:12px;font-weight:500;margin-bottom:12px;padding:4px 12px;width:fit-content}.article__img{border-radius:16px;height:auto;object-fit:cover;width:100%}.article__desc{font-weight:400;margin-bottom:24px;margin-top:16px}.article__footer{align-items:center;color:var(--dark-grey);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.article__footer span{font-weight:500}.article__info{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;justify-content:start}.article__readTime,.article_viewCount{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:start}.article__clock,.article__eye{--icon-size:24px;--icon-color:transparent}@media (min-width:700px){.blog__items{gap:8px;grid-template-columns:1fr 1fr}}@media (min-width:768px){.blog{margin-bottom:140px}.blog__status{font-size:14px;padding:8px 12px}.blog__control{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;justify-content:start;margin-top:20px}.blog__pagination{margin:0}.article.section{margin-bottom:100px}.article__status{font-size:14px;padding:8px 24px}.article__desc{margin-top:27px}.article__footer span{font-size:16px}.article__info{gap:21px}}@media (min-width:811px){.article__container{margin:0 auto}}@media (min-width:1440px){.blog{margin-bottom:105px}.blog__controls{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:40px;justify-content:start}.blog__tabs{flex-wrap:nowrap;gap:12px}.blog__status{padding:8px 24px}.blog__items{gap:20px;grid-template-columns:1fr 1fr 1fr 1fr}.blog__control{margin-top:70px}.article.section{margin-bottom:85px}.article__desc{font-size:16px;margin-bottom:44px;margin-top:32px}.article__footer span{font-size:20px}}