@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap";.projects-hero__details{margin-right:auto;margin-left:auto;max-width:43.75rem;text-align:center}@media screen and (max-width: 1024px){.projects-hero__title{font-size:2.1875rem}}.projects-hero__text{margin-top:1.875rem}.projects__filter{padding:0rem 1.25rem 3.125rem}.projects__filter-list{display:flex;justify-content:center;align-items:center;gap:.3125rem;transition-delay:.1s}@media screen and (max-width: 1024px){.projects__filter-list{flex-wrap:wrap}}.projects__filter-category{font-family:Lora,serif;font-size:1.875rem;font-weight:500;color:#9cacba;padding-right:.625rem;padding-left:.625rem;height:3.125rem;transition:color .15s linear}@media screen and (max-width: 1024px){.projects__filter-category{font-size:1.5625rem}}.projects__filter-category.active{color:#234865}.projects__filter-category:hover{color:#66c5e3}.projects__filter-category:focus-visible{outline:auto black}.projects__grid{background-color:#fbfbfb;display:grid;grid-template-columns:1fr repeat(12,minmax(auto,60px)) 1fr;grid-gap:3.75rem;padding-top:5rem;padding-bottom:5rem}@media screen and (max-width: 1024px){.projects__grid{grid-template-columns:1fr repeat(12,minmax(auto,30px)) 1fr;grid-gap:2.3125rem}}@media screen and (max-width: 768px){.projects__grid{padding:6.5625rem 0}}@media screen and (max-width: 480px){.projects__grid{grid-template-columns:30px repeat(6,1fr) 30px;grid-gap:.625rem;padding-top:5.3125rem;padding-bottom:5.3125rem}}.projects__grid-container{grid-column:2/span 12;display:grid;grid-template-columns:repeat(12,minmax(auto,60px));grid-gap:3.75rem;opacity:0;width:100%;transform:translateY(200px);transition:opacity 1s cubic-bezier(.39,.575,.565,1) .2s,transform 1s cubic-bezier(.165,.84,.44,1) .2s}.projects__grid-container.is-visible{opacity:1;transform:none}@media screen and (max-width: 1024px){.projects__grid-container{grid-template-columns:repeat(12,minmax(auto,30px));grid-gap:37px}}@media screen and (max-width: 480px){.projects__grid-container{grid-column:2/span 6;grid-template-columns:repeat(6,1fr);column-gap:.625rem;row-gap:2.5rem}}.projects__grid-item{grid-column-end:span 3;position:relative;border-radius:.3125rem;background-color:#fff;box-shadow:0 14px 26px #0000000a;transition:all .4s ease-out}@media screen and (max-width: 1024px){.projects__grid-item{grid-column-end:span 6}}@media screen and (max-width: 480px){.projects__grid-item{grid-column-end:span 6}}.projects__grid-item:hover{transform:translateY(20px)}.projects__grid-item:hover:before{opacity:1}.projects__grid-item:before{content:"";position:absolute;top:0;left:0;border-radius:.3125rem;background:#0000001a;opacity:0;display:block;width:100%;height:100%;z-index:2;transition:all .5s ease}.projects__grid-item.show{display:block;animation:show 1s ease 0s 1 normal none}.projects__grid-item.hide{display:none;animation:hide 1s ease 0s 1 normal none}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes show{0%{opacity:0}to{opacity:1}}.projects__grid-item-img-wrapper{position:relative;overflow:hidden;padding-top:119.05%;width:100%;transition:all .5s ease}@media screen and (max-width: 480px){.projects__grid-item-img-wrapper{padding-top:110%}}.projects__grid-item-img{position:absolute;top:50%;left:50%;object-fit:contain;width:80%;height:100%;transform:translate(-50%,-50%);transition:all .5s ease}.projects__grid-item-content{position:absolute;left:0;bottom:0;z-index:3;opacity:0;padding:1.25rem;width:100%;transform:translateY(30px);transition:all .5s ease}.projects__grid-item-title{font-family:Montserrat,sans-serif;font-size:1rem;color:#234865;margin-bottom:.9375rem}.projects__grid-item:hover .projects__grid-item-content{opacity:1;transform:translateY(0)}