.archive-posts{background:#fff;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 #5f5f5f}.archive-posts .top .container .content .left .sub-title h5{color:#5f5f5f}.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:#5f5f5f;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 #8c8c8c;border-bottom:1px solid #8c8c8c;position:sticky;top:0;z-index:50;background:#fff}@media screen and (max-width:768px){.archive-posts .middle{position:relative}}@media screen and (max-width:768px){.archive-posts .middle .container{padding:0}}.archive-posts .middle .container .filters{border-right:1px solid #8c8c8c;border-left:1px solid #8c8c8c}@media screen and (max-width:768px){.archive-posts .middle .container .filters{border:none}}.archive-posts .middle .container .filters ul{list-style:none;padding:0;margin:0}@media screen and (max-width:768px){.archive-posts .middle .container .filters ul{flex-direction:column}}.archive-posts .middle .container .filters ul li{border-right:1px solid #8c8c8c}@media screen and (max-width:768px){.archive-posts .middle .container .filters ul li{width:100%;border:none}}.archive-posts .middle .container .filters ul li a{display:inline-block;text-decoration:unset;padding:27px 45px;color:#8c8c8c;position:relative;text-align:center;font-weight:600}@media screen and (max-width:768px){.archive-posts .middle .container .filters ul li a{width:100%;padding:15px 20px}}.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 #5f5f5f}.archive-posts .middle .container .filters ul li a.active{color:#5f5f5f}.archive-posts .middle .container .filters ul li a.active:after{opacity:1}.archive-posts .bottom .posts{padding-top:70px}.archive-posts .bottom .posts .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media screen and (max-width:1024px){.archive-posts .bottom .posts .grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.archive-posts .bottom .posts .grid{grid-template-columns:1fr}}.archive-posts .bottom .posts .grid .post-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 0 rgb(0 0 0 / .02);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.archive-posts .bottom .posts .grid .post-card:hover .post-card__body{background:#fcffd9}.archive-posts .bottom .posts .grid .post-card__media{position:relative;aspect-ratio:4/3;background:#f3f4f6}@supports not (aspect-ratio:4/3){.archive-posts .bottom .posts .grid .post-card__media{padding-top:75%}}.archive-posts .bottom .posts .grid .post-card__img,.archive-posts .bottom .posts .grid .post-card__placeholder{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.archive-posts .bottom .posts .grid .post-card__body{padding:22px 24px 24px;border:1px solid #8c8c8c;border-top:none;flex-grow:1;border-radius:0 0 16px 16px;display:flex;flex-direction:column}.archive-posts .bottom .posts .grid .post-card__title{margin:0 0 10px;font-weight:700;line-height:1.25;font-size:clamp(18px,2.4vw,22px);color:#8c8c8c}.archive-posts .bottom .posts .grid .post-card__excerpt{margin:0 0 18px;color:#8c8c8c;line-height:1.6;font-size:15px;flex-grow:1}.archive-posts .bottom .posts .grid .post-card__cta{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#8c8c8c}.archive-posts .bottom .posts .grid .post-card__cta-icon{transition:transform .18s ease}.archive-posts .bottom .posts .grid .posts-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:640px){.archive-posts .bottom .posts .grid .posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.archive-posts .bottom .posts .grid .posts-grid{grid-template-columns:repeat(3,1fr)}}.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%}