.archive-posts{background:#a2a2a2;padding:228px 0 100px 0}@media screen and (max-width:1024px){.archive-posts{padding:120px 0 64px 0}}.archive-posts .top .container .content .left .sub-title{border:1px solid var(--white)}.archive-posts .top .container .content .left .sub-title h5{color:var(--white)}.archive-posts .top .container .content .right{width:60%}@media screen and (max-width:1024px){.archive-posts .top .container .content .right{width:100%}}.archive-posts .top .container .content .right .title h1{color:var(--white);font-size:40px;font-style:normal;font-weight:600;line-height:48px}@media screen and (max-width:1280px){.archive-posts .top .container .content .right .title h1{font-size:32px;line-height:40px}}@media screen and (max-width:768px){.archive-posts .top .container .content .right .title h1{font-size:24px;line-height:32px}}.archive-posts .middle{border-top:1px solid var(--white);border-bottom:1px solid var(--white)}.archive-posts .middle .container .filters{border-right:1px solid var(--white);border-left:1px solid var(--white)}.archive-posts .middle .container .filters ul{list-style:none;padding:0;margin:0}.archive-posts .middle .container .filters ul li{border-right:1px solid var(--white)}.archive-posts .middle .container .filters ul li a{display:inline-block;text-decoration:unset;padding:27px 45px;color:var(--white);position:relative}.archive-posts .middle .container .filters ul li a:after{content:"";position:absolute;bottom:-1px;left:-1px;width:100%;height:100%;opacity:0;border:1px solid var(--www-esspo-lt-yellow,#fcffd9)}.archive-posts .middle .container .filters ul li a.active{color:var(--www-esspo-lt-yellow,#fcffd9)}.archive-posts .middle .container .filters ul li a.active:after{opacity:1}.archive-posts .bottom .posts .loading{text-align:center;padding:31px 0}.archive-posts .bottom .posts .loading p{color:var(--white)}.archive-posts .bottom .posts .post{border-bottom:1px solid var(--white);padding:31px 0;text-decoration:unset;position:relative}.archive-posts .bottom .posts .post:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#fcffd9;transform:translateY(-100%);opacity:0;z-index:5}.archive-posts .bottom .posts .post:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fcffd9;transform:translateY(100%);opacity:0;z-index:5}.archive-posts .bottom .posts .post:hover:after,.archive-posts .bottom .posts .post:hover:before{opacity:1}.archive-posts .bottom .posts .post:hover .container .flx .title h4{color:#fcffd9}.archive-posts .bottom .posts .post:hover .container .flx .circle{background:#fcffd9}.archive-posts .bottom .posts .post .container .flx .date-of-publish p{color:var(--white)}.archive-posts .bottom .posts .post .container .flx .title h4{color:var(--white)}.archive-posts .bottom .posts .post .container .flx .category{border-radius:8px;border:1px solid var(--www-esspo-lt-yellow,#fcffd9);display:flex;padding:7px 14px;align-items:flex-start;align-self:stretch;color:var(--www-esspo-lt-yellow,#fcffd9)}.archive-posts .bottom .posts .post .container .flx .circle{background:var(--white);width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:100%}