@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)}}.project-next .main-grid{grid-template-columns:30rem 1fr 30rem;gap:5dvmax;align-items:center}.project-next .mid .projectcell{display:flex;flex-direction:column;gap:3rem;width:100%}.project-next .mid .projectcell:before{display:none}.project-next .mid .projectcell:hover .image .bg-img{top:-5%;left:-5%;width:110%;height:110%}.project-next .mid .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}.project-next .mid .projectcell .image .bg-img{transition:all .5s cubic-bezier(.39,.575,.565,1)}.project-next .mid .projectcell .details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.project-next .mid .projectcell .details .title{font-size:var(--md-font)}.project-next .mid .projectcell .details .services{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;color:var(--dark-grey-color);font-size:var(--xs-font)}.project-next .end{justify-self:flex-end}@media only screen and (max-width:768px){.project-next .main-grid{grid-template-columns:1fr;justify-content:center;text-align:center}.project-next .main-grid .end{justify-self:center}}