.hs-blog-listing{.archive-intro{padding-bottom:64px;padding-top:176px;h1{margin-bottom:32px}@media (max-width:1344px){padding-top:96px}}.archive-posts-nav{display:flex;overflow-x:auto;width:100%;&::-webkit-scrollbar{display:none}&::scrollbar{display:none}@media (max-width:1344px){margin-left:calc(var(--so-body-spacing)*-1);margin-right:calc(var(--so-body-spacing)*-1);padding-left:var(--so-body-spacing);padding-right:var(--so-body-spacing);width:calc(100% + var(--so-body-spacing)*2)}a{border-bottom:2px solid #b7bdbb;color:#b7bdbb;font-size:var(--so-fontsize-h5);font-weight:600;padding-left:12px;padding-right:12px;position:relative;text-decoration:none;transition:all .1s ease-in-out;white-space:nowrap;@media (max-width:768px){font-size:16px}&:hover{color:var(--so-color-primary)}&:after{background-color:var(--so-color-primary);bottom:-2px;content:"";height:0;left:12px;opacity:0;position:absolute;right:12px;transition:all .1s ease-in-out}&:first-child{padding-left:0;&:after{left:0}}&:last-child{padding-right:0;&:after{right:0}}&.active{color:var(--so-color-primary);&:after{height:4px;opacity:1}}}}.recent-posts{margin-top:64px;>h2{font-size:var(--so-fontsize-h4);margin-bottom:24px}>ul:not(.blog-pagination){display:grid;gap:34px;grid-template-columns:repeat(3,1fr);margin:0;padding:0;li{list-style:none}@media (max-width:1024px){gap:24px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){gap:16px}@media (max-width:520px){gap:16px 8px}}}.recent-posts .blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-template-columns:none;justify-content:center;list-style:none;margin:40px 0;padding:0}.blog-pagination li{border-radius:50%;color:var(--so-color-text);height:40px;line-height:40px;overflow:hidden;text-align:center;width:40px}.blog-pagination li a{align-items:center;color:var(--so-color-text);display:flex;height:100%;justify-content:center;line-height:1;text-decoration:none;width:100%}.blog-pagination li.active,.blog-pagination li:hover{background:var(--efeaed,#efeaed)}.blog-pagination .page-arrow svg{display:block;height:20px;width:20px}.call-to-action-section{isolation:isolate;margin-top:calc(var(--so-group-spacing)*1.5);padding-bottom:var(--so-group-spacing);padding-top:var(--so-group-spacing);position:relative;&:after{background-color:var(--so-color-bg-lightest);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:0}>*{position:relative;z-index:1}.cta-blok{margin-bottom:0;margin-top:0}}}