.project-list-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:555;width:100%;position:unset;top:unset;left:unset;background-color:#0000;padding:1.5rem 0}.project-list-card{width:100%}.project-list-card-img{background-color:#dedede;width:100%}.flex-row-mobile-title{flex-direction:column;gap:.4rem;display:flex}.project-list-card .project-image{filter:grayscale(0);transition:all .6s}.project-list-card.active .project-image{filter:grayscale(0)}.project-list-card.inactive{opacity:1}@media only screen and (max-width:991px){.flex-row-mobile-title{flex-direction:column;gap:0;display:flex}}
.project-listing-grid-wrapper{color:#fff;grid-template-columns:38% 62%;align-items:center;height:100vh;display:grid}.projects-title-wrapper{flex-direction:column;justify-content:flex-end;width:86%;display:flex}.project-scroll-wrapper{gap:7.313rem;height:100vh;display:flex;position:relative}.image-swiper{height:100%}.image-slide{justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.image-slide img{aspect-ratio:1;object-fit:cover;background-color:#dedede;width:100%;transition:all .6s;height:unset!important}.text-swiper{height:18.75rem;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.project-title{opacity:.5;color:var(--pure-black-color);font-size:2.25rem;font-family:var(--medium-font-family);text-transform:uppercase;transition:all .4s;text-align:left!important}.project-image-swiper-listing{flex-basis:29.063rem;width:29.063rem;max-width:29.063rem}.project-title-swiper{flex-basis:calc(100% - 37.063rem);width:47.5%;max-width:47.5%;position:relative}.project-title-swiper .swiper-slide{opacity:0;text-align:left;transition:var(--common-transition)}.project-title-swiper .swiper-slide-active{opacity:1;transition:var(--common-transition)}.project-image-swiper-listing .swiper-slide{opacity:.3;transition:transform .6s,opacity .6s;transform:scale(.75)}.project-image-swiper-listing .swiper-slide-active{opacity:1;transform:scale(1.2)}.project-image-swiper-listing .swiper-slide img{object-fit:cover;border-radius:0;width:100%;height:100%}.project-title{min-height:4.5rem}.swiper-slide-active .project-title{opacity:1;text-align:left;color:var(--primary-color);transform:scale(1)}.project-title-swiper .swiper .swiper-wrapper{height:max-content!important}.project-title-swiper .swiper{width:100%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.project-scroll-wrapper .swiper-slide.swiper-slide-active{filter:unset}.space-project-catagory p{cursor:pointer;color:#555;font-size:1.25rem;font-family:var(--regular-font-family);padding-bottom:.25rem;transition:all .3s}.space-project-catagory p.active{color:#242424;border-bottom:1px solid #6c6c6c}.space-project-catagory p:hover{color:#242424}.top-gradient{z-index:3;background:linear-gradient(#fff 30%,#fffc 51%,#ffffff80 71%,#fff0 100%);width:100%;height:10.25rem;position:absolute;top:0;left:0}.bottom-gradient{z-index:3;background:linear-gradient(#fff0 0%,#ffffff80 29%,#fffc 49%,#fff 70%);width:100%;height:10.25rem;position:absolute;bottom:0;left:0}.qa_content-tagline{min-height:4.75rem}@media only screen and (max-width:1550px){.image-slide img{object-fit:cover;width:95%;height:100%;transition:all .6s}.space-project-catagory p{font-size:1rem}}@media only screen and (max-width:1280px){.project-scroll-wrapper{gap:2rem}}@media only screen and (max-width:991px){.projects-title-wrapper{z-index:10;width:100%;transition:var(--common-transition);background:#fff;border-bottom:1px solid #000;flex-direction:column;justify-content:flex-end;margin-bottom:2rem;padding:6rem 1.875rem 0;display:flex;position:sticky;top:0}body.webmenu_hidden .projects-title-wrapper{transition:var(--common-transition);padding-top:2rem}.projects-title-wrapper>div{gap:1rem;margin-bottom:1rem}.space-project-catagory p{font-size:.875rem}}