@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.projects-grid .top{align-items:flex-end;justify-content:space-between;gap:2rem}.projects-grid .top .title+.text{margin-top:3rem}.projects-grid .top .text{max-width:50rem}.projects-grid .top form{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.projects-grid .top form label{padding:.5em 1em;border-radius:2rem;color:var(--dark-grey-color);transition:all .5s;cursor:pointer}.projects-grid .top form label:hover{color:var(--white-color);background:var(--main-color)}.projects-grid .top form label.active{color:var(--white-color);border-color:var(--accent-color);background:var(--accent-color)}.projects-grid .top form label span{padding-left:0;margin-right:0;font-size:var(--xxs-font)}.projects-grid .top form label span:before{display:none}.projects-grid .bottom{width:100%}.projects-grid .bottom .projectcell{display:flex;flex-direction:column;gap:3rem;width:100%}.projects-grid .bottom .projectcell:before{display:none}.projects-grid .bottom .projectcell:hover .image .bg-img{top:-5%;left:-5%;width:110%;height:110%}.projects-grid .bottom .projectcell .image{display:flex;justify-content:center;align-items:center;position:relative;width:100%;aspect-ratio:1/.7;border-radius:var(--border-radius);overflow:hidden}.projects-grid .bottom .projectcell .image .bg-img{transition:all .5s cubic-bezier(.39,.575,.565,1)}.projects-grid .bottom .projectcell .details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.projects-grid .bottom .projectcell .details .title{font-size:var(--md-font)}.projects-grid .bottom .projectcell .details .services{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;color:var(--dark-grey-color);font-size:var(--xs-font)}.projects-grid .bottom .ctacell{grid-column:span 2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3rem;padding:calc(var(--border-radius) * 1.5) var(--border-radius);border-radius:var(--border-radius);overflow:hidden}.projects-grid .bottom .ctacell.alt .title{margin-bottom:3rem}.projects-grid .bottom .ctacell.alt .text{max-width:60rem}.projects-grid .bottom .ctacell.alt .link{align-self:flex-end}.projects-grid .bottom .ctacell .text{max-width:40rem}@media only screen and (max-width:768px){.projects-grid .top form{justify-content:center}.projects-grid .bottom .ctacell{grid-column:span 1}}