@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;gap:2rem;justify-content:space-between}.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{border-radius:2rem;color:var(--dark-grey-color);cursor:pointer;padding:.5em 1em;transition:all .5s ease}.projects-grid .top form label:hover{background:var(--main-color);color:var(--white-color)}.projects-grid .top form label.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--white-color)}.projects-grid .top form label span{font-size:var(--xxs-font);margin-right:0;padding-left:0}.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{height:110%;left:-5%;top:-5%;width:110%}.projects-grid .bottom .projectcell .image{align-items:center;aspect-ratio:1/.7;border-radius:var(--border-radius);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.projects-grid .bottom .projectcell .image .bg-img{transition:all .5s cubic-bezier(.39,.575,.565,1)}.projects-grid .bottom .projectcell .details{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.projects-grid .bottom .projectcell .details .title{font-size:var(--md-font)}.projects-grid .bottom .projectcell .details .services{color:var(--dark-grey-color);display:flex;flex-direction:row;flex-wrap:wrap;font-size:var(--xs-font);gap:1rem}.projects-grid .bottom .ctacell{align-items:center;border-radius:var(--border-radius);flex-direction:row;flex-wrap:wrap;gap:3rem;grid-column:span 2;justify-content:space-between;overflow:hidden;padding:calc(var(--border-radius)*1.5) var(--border-radius)}.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}}