.col-project{margin-bottom:2.5rem}@media (min-width:992px){.col-project{margin-bottom:3.75rem}}.col-project:last-child{margin-bottom:0}@media (min-width:992px){.col-project:last-child{margin-bottom:3.75rem}}.col-project a:hover .img-wrap img.hover{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.col-project .img-wrap{border-radius:.625rem;margin-bottom:1.25rem;overflow:hidden;position:relative}@media (min-width:1200px){.col-project .img-wrap{margin-bottom:1.3125rem}}.col-project .img-wrap img.normal{object-fit:cover;position:relative;width:100%}.col-project .img-wrap img.hover{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);left:0;object-fit:cover;position:absolute;top:0;transition:clip-path 1s cubic-bezier(.19,1,.22,1);width:100%;z-index:10}.col-project .h3,.col-project h3{font-size:1.5rem;font-weight:700;line-height:1.5;margin-bottom:.9375rem;padding-right:1.625rem}.col-project .h3 a,.col-project h3 a{transition:.3s ease}.col-project .h3 a:hover,.col-project h3 a:hover{color:#ffc107}.col-project p{font-size:1rem;line-height:1.75;margin-bottom:1.875rem}.col-project .text-wrap{position:relative}.col-project .arrow{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzBhMDEzYiIgZD0iTTIuNTE1IDIzLjE3My4yNjMgMjAuNDggMTguNzI2IDUuMDM3IDMuNTQgMy42ODQgMy44NTQuMTUyIDI1LjA0NSAyLjA0bC0xLjg4OCAyMS4xOTItMy41MzItLjMxNUwyMC45NzkgNy43M3oiLz48L3N2Zz4=);background-repeat:no-repeat;background-size:100%;height:19px;position:absolute;right:0;top:0;width:19px}.col-project .category ul{display:inline;list-style:none;margin:0;padding:0}.col-project .category ul li{border:1px solid #7350ff;border-radius:8px;color:#7350ff;display:inline-flex;font-size:.875rem;font-weight:600;line-height:1.55;margin:0 .625rem .625rem 0;padding:.25rem .625rem;text-align:center}.project-listing{padding:7.1875rem 0 2.5rem}@media (min-width:992px){.project-listing{padding:10rem 0 4.375rem}}@media (min-width:1200px){.project-listing{padding:13.875rem 0 5.625rem}}.project-listing-heading{margin-bottom:1.875rem;max-width:43.5625rem}@media (min-width:1200px){.project-listing-heading{margin-bottom:2.9375rem}}.project-listing-heading .h1,.project-listing-heading h1{margin-bottom:1.125rem}@media (min-width:1200px){.project-listing-heading .h1,.project-listing-heading h1{margin-bottom:1.75rem}}.project-listing-heading p{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1.55}@media (min-width:1200px){.project-listing-heading p{font-size:1.25rem}}.project-filter{margin-bottom:2.5rem}@media (min-width:992px){.project-filter{margin-bottom:3.75rem}}@media (min-width:1200px){.project-filter{margin-bottom:4.6875rem}}@media (min-width:768px){.project-filter-form{align-items:flex-start;display:flex;flex-wrap:wrap}}.project-filter .filter-group{position:relative;width:100%}@media (min-width:768px){.project-filter .filter-group{width:9.625rem}}.project-filter .filter-group:hover ul{display:block}.project-filter .filter-group:hover .title{background:#f3f3f3}.project-filter .filter-group:hover .title:before{margin-top:0;transform:rotate(-45deg)}.project-filter .filter-group .title{border-radius:8px;cursor:pointer;display:block;font-size:1.125rem;font-weight:600;line-height:1.26;padding:.75rem 2.1875rem .75rem 1.0625rem;position:relative}.project-filter .filter-group .title:hover{background:#f3f3f3}.project-filter .filter-group .title:hover:before{margin-top:0;transform:rotate(-45deg)}.project-filter .filter-group .title:hover ul{display:block}.project-filter .filter-group .title:before{border-color:#0a013b #0a013b transparent transparent;border-style:solid;border-width:2px 2px 0 0;content:"";height:8px;margin-top:-4px;position:absolute;right:1.0625rem;top:50%;transform:rotate(136deg);width:8px}.project-filter .filter-group ul{background:#f3f3f3;border-radius:8px;display:none;left:0;list-style:none;margin:.5rem 0 0;padding:.9375rem .5625rem;position:absolute;top:100%;width:100%;z-index:2}@media (min-width:768px){.project-filter .filter-group ul{width:9.625rem}}.project-filter .filter-group ul:before{content:"";height:8px;left:0;position:absolute;top:-8px;width:100%}.project-filter .filter-group ul li{color:rgba(10,1,59,.4);cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.26;margin-bottom:.625rem;text-transform:uppercase;transition:.3s ease}.project-filter .filter-group ul li:last-child{margin-bottom:0}.project-filter .filter-group ul li.active,.project-filter .filter-group ul li:hover{color:#0a013b}