section.u5m-blog-listing{--cols:3;--gap:40px;overflow:hidden;.top-half{.hero{background-image:var(--bg-grad3);padding:0;position:relative;text-align:center;z-index:2;.background-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;img{height:100%;left:0;object-fit:cover;object-position:left top;position:absolute;top:0;width:100%}}.content-wrap{align-items:center;color:var(--white);display:flex;flex-direction:column;margin:0 auto;max-width:1160px;padding:200px 20px 140px;position:relative;z-index:10;@media (max-width:768px){padding-bottom:140px;padding-left:20px;padding-right:20px;padding-top:180px}@media (max-width:580px){padding-bottom:70px;padding-left:20px;padding-right:20px;padding-top:100px}.introduction{align-items:center;display:flex;flex-direction:column;margin:0 auto 50px;max-width:900px;text-align:center;width:100%;&.author-page{max-width:100%}h1.heading,h1.heading span{color:var(--white);font-size:44px;font-weight:700;line-height:1.1;margin:0;text-align:center}p.subheading{margin:20px 0 0;max-width:100%;text-align:center}.author-info{width:100%;.author-inner{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end;text-align:left;@media (max-width:768px){flex-direction:column-reverse;text-align:center}.inner-wrap{flex:1;margin-left:20px;max-width:650px;@media (max-width:768px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:20px}}.avatar{height:180px;overflow:hidden;width:180px;img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}}}.social-icons{align-items:center;display:flex;gap:10px;a{color:var(--white);&:hover{opacity:.7}}}}}.wrapper{display:flex;margin:0 auto;max-width:1040px;padding:0;position:relative;width:100%;z-index:20;@media (max-width:768px){max-width:550px}.blog-post-card{flex:0 0 100%;flex-direction:row;max-width:100%;@media (max-width:768px){flex-direction:column}.image-wrap{flex:0 0 573px;height:auto;max-width:573px;min-height:322px;@media (max-width:1024px){flex:0 0 55%;max-width:55%}@media (max-width:768px){flex:0 0 auto;height:200px;max-width:100%;min-height:0}.image{height:100%;width:100%;img{height:100%;object-fit:cover;width:100%}}}.content{background:linear-gradient(157deg,#fff 49.27%,#0039ff 357.63%);flex:1;padding:59px 54px 50px;text-align:left}}}}}.filter{background-color:var(--white);padding:30px 20px;position:relative;z-index:100;.menu{align-items:center;background:linear-gradient(104deg,#fff 51.42%,#ecdcfe);border-radius:10px;box-shadow:0 5px 14px 0 rgba(0,0,0,.14);display:flex;flex-direction:column-reverse;flex-wrap:wrap;margin:0 auto -170px;max-width:1210px;padding:20px 50px;position:relative;top:-140px;z-index:10;@media (max-width:768px){margin-bottom:-80px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px;top:-80px}.featured-tags{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;list-style:none;margin:0;padding:0;width:100%;@media (max-width:768px){display:none}li{align-items:center;display:flex;margin:0;.menu-intro{color:var(--black);font-size:14px;font-weight:700;margin:0 10px 0 0;text-transform:uppercase}a{background:rgba(0,0,0,.6);border-radius:20px;color:var(--white);font-size:14px;font-weight:700;letter-spacing:0;line-height:1.1;margin:0;padding:4px 9px;text-decoration:none;text-transform:uppercase;&:hover{background-color:var(--blackr);color:var(--white)}}}}.mobile-popular{display:none;width:100%;@media (max-width:768px){display:block}}.inputs-wrapper{align-items:center;display:flex;gap:20px;margin:0 0 21px;width:100%;@media (max-width:768px){flex-direction:column;margin-bottom:8px;.search,.select-wrapper{flex:0 0 100%}}.search,.select-wrapper{flex:0 0 calc(50% - 10px);max-width:100%;position:relative;width:100%}.search .input-wrapper:after,.select-wrapper:after{background:url(https://www.salsify.com/hubfs/2026/select-icon.svg) no-repeat 50%/contain;content:"";height:6px;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:10px;z-index:10}.search .input-wrapper:after{background-image:url(https://www.salsify.com/hubfs/2026/search.svg);height:14px;width:14px}input.search-input,select{appearance:none;background:var(--white);border:1px solid #cfcfcf;border-radius:25px;box-shadow:0 5px 14px 0 rgba(0,0,0,.14);color:#4d4d4d;font-size:14px;height:50px;line-height:1.4;margin:0;padding:14px 40px 14px 18px;width:100%}form{display:block;margin:0;width:100%}.hs-search-field{position:relative;width:100%;.hs-search-field__bar{width:100%;form .hs-search-field__input{border-radius:25px;flex:1 1 auto;min-height:50px;width:100%}}.results{left:0;position:absolute;top:calc(100% - 4px);width:100%;z-index:40}ul.hs-search-field__suggestions{background:var(--white);border:1px solid #cfcfcf;border-radius:16px;box-shadow:0 5px 14px 0 rgba(0,0,0,.14);display:none;list-style:none;margin:0;padding:8px 0}&.hs-search-field--open ul.hs-search-field__suggestions{display:block}ul.hs-search-field__suggestions li{color:var(--black);font-size:14px;line-height:1.3;margin:0;padding:8px 18px;text-align:left;&#results-for{font-weight:700}a{color:var(--black);&:hover{color:var(--action1)}}}}}}}.posts{background-image:linear-gradient(90deg,#fff,#fafafa);padding-bottom:80px;position:relative;z-index:25;&:after,&:before{content:"";left:0;position:absolute;width:100%;z-index:1}&:before{background:linear-gradient(180deg,#fff,#d2cdff);height:85%;top:0}&:after{background:linear-gradient(180deg,#d2cdff,#fff);bottom:0;height:15%}.posts-inner{display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center;margin:0 auto;max-width:1200px;padding:40px 20px 25px;position:relative;z-index:10}}}.pagination-standard{margin:50px 0 40px;position:relative;text-align:center;z-index:10;ul.pages{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0;padding:0;li{list-style:none;a{align-items:center;background-color:var(--gray5);border:0;border-radius:5px;color:var(--black);display:flex;font-weight:700;justify-content:center;min-height:55px;min-width:55px;padding:0;text-decoration:none;@media (max-width:580px){min-height:35px;min-width:35px}&:hover{background-color:var(--new-dark-black);color:var(--white)}}&.disabled a{display:none}&.active a{background-color:var(--new-dark-black);color:var(--white);pointer-events:none}}}}}