.container-full.vertical{margin:50px auto}.flex-project{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.project-item{box-sizing:border-box;flex:1 1 calc(25% - 20px);height:400px;max-width:calc(25% - 20px);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.project-item:hover{transform:scale(1.05);z-index:3}.project-item img{object-fit:cover}.project-item img,.project-item:before{height:100%;left:0;position:absolute;top:0;width:100%}.project-item:before{background:linear-gradient(180deg,hsla(0,0%,54%,0),rgba(0,0,0,.18));content:"";pointer-events:none;z-index:1}.project-item p{bottom:12px;color:#fff;font-size:24px;font-weight:700;margin:0;padding:0 18px;position:absolute;text-transform:uppercase;width:100%;z-index:2}.pagination{align-items:center;display:flex;justify-content:center;margin:100px auto;text-align:center}.pagination a{border:1px solid #fff;border-radius:50px;color:#000;padding:.6em 1em}.pagination a.active{border:1px solid #0565dc;border-radius:50%}.pagination a:hover{border:1px solid #0565dc;border-radius:50px}@media (max-width:1024px){.project-item{flex:1 1 calc(33.33% - 20px);height:500px;max-width:calc(33.33% - 20px)}}@media (max-width:768px){.project-item{flex:1 1 calc(50% - 20px);height:300px;max-width:100%}.project-item p{font-size:18px}.flex-project{gap:5px}}