.projects-filter-tabs{display:flex;gap:10px;margin-bottom:20px}.filter-tab{background-color:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.filter-tab:hover{background-color:#bada55}.filter-tab.active{background-color:#96bb3b}.projects-grid:hover .project-item{opacity:.4}.projects-grid .project-item:hover{opacity:1;transform:scale(1.05)}.project-item{display:block;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;width:100%}.project-item.visible{opacity:1;transform:translateY(0)}.projects-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.project-item .project-image{display:block;height:225px;object-fit:cover;object-position:center;width:100%}.cms-filter-tabs{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin-bottom:30px}.cms-filter-tabs .cms-tab{align-items:center;background-color:hsla(0,0%,100%,.1);border:1px solid rgba(122,203,241,.2);border-radius:4px;box-shadow:0 30px 20px -20px transparent,0 40px 40px -10px transparent;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;padding:10px 20px;transition:background-color .3s ease}.cms-filter-tabs .cms-tab:hover,button.cms-tab.active{background-color:hsla(0,0%,100%,.2)}button.cms-tab.active{border:1px solid #bada555e}.cms-filter-tabs .cms-tab h6{color:#fff;font-weight:700}.cms-filter-tabs .cms-tab img{height:auto;width:30px}.load-more-wrap{display:flex;justify-content:center;margin-top:30px}button.load-more-btn,button.load-more-btn:focus{background-color:hsla(0,0%,100%,.1);border:none;border-radius:3px;transition:background-color .3s ease}button.load-more-btn:hover{background-color:hsla(0,0%,100%,.2)}.load-more-btn[hidden]{display:none!important}.no-results{color:#fff;margin-top:30px;opacity:.8;text-align:center}@media only screen and (max-width:767px){.projects-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.cms-filter-tabs .cms-tab h6{font-size:16px}.cms-filter-tabs .cms-tab img{width:20px}}@media only screen and (max-width:479px){.projects-grid{gap:15px;grid-template-columns:repeat(1,1fr)}}