.sf-wrap{display:flex;flex-direction:column;gap:48px}.sf-wrap .sf-filters{display:flex;gap:6px;padding:6px;background:#FFF;border-radius:14px;box-shadow:0 4px 14px rgb(0 0 0 / .08)}.sf-wrap .sf-filters .sf-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 10px;border:0;border-radius:10px;font-family:'Satoshi',sans-serif;font-size:20px;line-height:120%;font-weight:500;letter-spacing:-.02em;cursor:pointer;box-shadow:none;outline:none;color:#171717!important;background:transparent!important;transition:none}.sf-wrap .sf-filters .sf-tab:hover,.sf-wrap .sf-filters .sf-tab.sf-active{color:#FFFFFF!important;background:linear-gradient(180deg,#3440E8,#0312E4)!important}.sf-wrap .sf-filters .sf-tab .sf-icon{width:18px;height:18px;object-fit:contain;color:#0312E4}.sf-wrap .sf-filters .sf-tab:hover .sf-icon,.sf-wrap .sf-filters .sf-tab.sf-active .sf-icon{color:#FFF}.sf-wrap .sf-filters .sf-tab:hover img.sf-icon,.sf-wrap .sf-filters .sf-tab.sf-active img.sf-icon{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1)}.sf-box{padding:24px;background-color:rgb(230 230 230 / .8);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid #FFF;border-radius:24px;transition:opacity 0.4s ease-in-out;-webkit-transition:opacity 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out;-ms-transition:opacity 0.4s ease-in-out;-o-transition:opacity 0.4s ease-in-out}.sf-wrap.is-loading .sf-box{opacity:.5;pointer-events:none}.sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sf-empty{grid-column:1 / -1;text-align:center}.sf-more-wrap{margin-top:32px;text-align:center}@media (max-width:1366px){.sf-wrap{gap:40px}.sf-box{padding:20px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}}@media (max-width:1200px){.sf-wrap{gap:35px}}@media (max-width:1024px){.sf-wrap{gap:30px}.sf-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:880px){.sf-wrap{gap:25px}}@media (max-width:767px){.sf-wrap{gap:20px}.sf-grid{grid-template-columns:1fr}.sf-wrap .sf-filters{flex-wrap:wrap}.sf-wrap .sf-filters .sf-tab{padding:10px;flex:1 1 45%}}