section.projects .wrapper .filters{background:#FFF;border:solid 1px rgba(52,192,252,.5);padding:32px;margin-bottom:42px;border-radius:16px}section.projects .wrapper .filters h4{font-family:Martel Sans;font-weight:600;font-size:1.125rem;color:#0087cb;line-height:1.3}section.projects .wrapper .filters .tags{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px}section.projects .wrapper .filters .tags .tag{border-radius:50px;padding:8px 16px;border:solid 1px rgba(52,192,252,.5);color:#000}section.projects .wrapper .filters .tags .tag:hover,section.projects .wrapper .filters .tags .tag.active{border:solid 1px #34c0fc!important;background:#DFF2FF}section.projects .wrapper .paginate{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:16px;width:100%;padding:32px 0 10px}section.projects .wrapper .paginate li.active a,section.projects .wrapper .paginate li.active span,section.projects .wrapper .paginate li:hover a,section.projects .wrapper .paginate li:hover span{background:#0087CB;color:#fff}section.projects .wrapper .paginate li a,section.projects .wrapper .paginate li span{font-family:Martel Sans;font-weight:400;font-size:1.25rem;color:#0087cb;line-height:1.3;padding:8px;border:solid 1px #0AA9ED}section.projects .wrapper .projects-wrapper{display:grid;grid-template-columns:1fr;-moz-column-gap:auto;column-gap:auto;row-gap:auto;gap:16px}section.projects .wrapper .projects-wrapper .project{position:relative;width:100%;height:330px;border-radius:16px;background:#0087CB;overflow:hidden}section.projects .wrapper .projects-wrapper .project:hover .overlay{height:150%}section.projects .wrapper .projects-wrapper .project img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}section.projects .wrapper .projects-wrapper .project .overlay{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;flex-wrap:auto;background:linear-gradient(to top,rgba(7,48,74,.8),transparent);position:absolute;bottom:0;left:0;width:100%;height:100%;padding:16px;transition:all .3s ease}section.projects .wrapper .projects-wrapper .project .overlay .location{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:auto;gap:8px;background:#0087CB;padding:8px 12px 6px;border-radius:6px;margin-bottom:8px}section.projects .wrapper .projects-wrapper .project .overlay .location svg{width:16px}section.projects .wrapper .projects-wrapper .project .overlay .location p{font-size:.875rem;color:#fff;margin-top:1px;margin-bottom:0;line-height:1.3}section.projects .wrapper .projects-wrapper .project .overlay .project-title{font-family:Martel Sans;font-weight:700;font-size:1.375rem;color:#fff;line-height:1.3}@media only screen and (min-width: 768px){section.projects .wrapper .projects-wrapper{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){section.projects .wrapper .projects-wrapper{align-items:flex-start;grid-template-columns:1fr 1fr 1fr}section.projects .wrapper .projects-wrapper .project .overlay{height:100%;transition:all .3s ease}}