.accordian button{background:0 0;border:none;width:100%}.title-padding{padding:0}.plus-img{width:1.125rem;min-width:1.125rem}.acc-txt-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.accordian-list h4:hover{transition:var(--common-transition);color:var(--highlight-color)!important}.project-list-inner-grid{grid-template-columns:17rem calc(100% - 22.5rem);gap:5.5rem;display:grid}.project-swiper-grid{grid-template-columns:31.25rem calc(100% - 31.25rem);height:100vh;display:grid}.project-swiper-grid>div:first-child .swiper{height:100vh}.project-swiper-grid>div:nth-child(2) .swiper{height:100svh;padding-top:29rem}.project-name-swiper .swiper-slide{height:auto!important}.project-name-swiper .swiper-slide h2{color:#dcdcdc;transition:var(--common-transition)}.accordion-title-btn .section-content p{transition:var(--common-transition)}.accordion-title-btn:hover .section-content p{font-style:italic}.accordion-title-btn.active .section-content p{opacity:1;font-style:italic}.filter-child-item{transition:var(--common-transition)}.filter-child-item.active{font-style:italic;padding-left:1rem!important}.reset-filter-btn{cursor:pointer;width:fit-content;transition:var(--common-transition);font-family:var(--medium-font-family);margin-top:1.5rem}.reset-filter-btn:hover{font-style:italic}.new-gapppp{gap:1.5rem}.fit-slide{width:fit-content}.project-name{white-space:nowrap}.project-name-swiper .swiper-slide.swiper-slide-active h2{transition:var(--common-transition);color:var(--primary-color)}.grid-icon{cursor:pointer;width:2.5rem;height:2.5rem;position:relative}.grid-icon .grid-fill-icon{opacity:0;z-index:1;transition:opacity .3s;position:absolute;top:0;left:0}.grid-icon.active .grid-fill-icon,.grid-icon:hover .grid-fill-icon{opacity:1}.grid-toggle-icons{padding:0 0 2.5rem 2.5rem}.three-grid-temp{grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:5rem;display:none}.three-grid-temp.active{display:grid}.three-grid-temp-item .featured_image:after{content:"";opacity:0;will-change:opacity;background:linear-gradient(126deg,#0000 20%,#000000b3 100%);width:100%;height:100%;transition:opacity .5s,transform .5s;position:absolute;top:0;left:0}.three-grid-temp-item:hover .featured_image:after{opacity:1}.three-grid-temp-item{height:fit-content;overflow:hidden}.featured-projects-wrapper .three-grid-temp-item{position:sticky;top:10rem}.featured-projects-wrapper .three-grid-temp-item:first-child{margin-top:0}.featured-projects-wrapper .three-grid-temp-item:nth-child(2){margin-top:120vh}.featured-projects-wrapper .three-grid-temp-item:nth-child(3){margin-top:50vh}.featured-projects-wrapper .three-grid-temp-item:nth-child(4){margin-top:160vh}.three-grid-temp-item:hover img{transition:var(--common-transition);transform:scale(1.1)}.three-grid-temp-item:hover .three-grid-project-name{opacity:1;transition:var(--common-transition)}.three-grid-project-name:after{content:"";z-index:1;background-color:#fff;width:.45rem;height:.45rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.project-list-inner-grid>div:first-child{height:100svh;position:sticky;top:0}.three-grid-project-name{color:#fff;opacity:0;transition:var(--common-transition);background-color:#ffffff50;padding:.5rem 1rem .5rem 2rem;font-size:1rem;position:absolute;bottom:1rem;right:1rem}.accordion-icon{display:none}.accordion-icon.active{display:block}@media (min-width:992px){.filter-child-item:hover{font-style:italic}}@media (max-width:2560px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper,.project-list-title{padding-top:24rem}}@media (max-width:2160px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper,.project-list-title{padding-top:31rem}}@media (max-width:1980px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper,.project-list-title{padding-top:12.5rem}}@media (max-width:1880px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper,.project-list-title{padding-top:24rem}}@media (max-width:1680px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper,.project-list-title{padding-top:26rem}}@media (max-width:1440px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper,.project-list-title{padding-top:28rem}}@media (max-width:1366px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper,.project-list-title{padding-top:30rem}}@media (max-width:1024px){.project-list-inner-grid{grid-template-columns:20rem calc(100% - 22.5rem);gap:2.5rem;display:grid}}@media (max-width:991px){.three-grid-temp,.project-swiper-grid>div:nth-child(2) .swiper{padding-top:0}.project-list-inner-grid{grid-template-columns:100%}.three-grid-temp.active{grid-template-columns:repeat(2,1fr);display:grid}.three-grid-temp{grid-template-columns:100%;display:grid}.project-list-title{padding-top:8rem}.project-list-inner-grid>div:first-child{height:unset;top:unset;position:relative}.grid-toggle-icons{padding:0}.three-grid-project-name:after{display:none}.three-grid-project-name{bottom:unset;right:unset;color:#000;opacity:1;padding:3px 0 0;position:relative}.filter-accordion{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;width:100%;height:100%;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);pointer-events:none;opacity:0;transition:var(--common-transition);background:linear-gradient(#000c 0%,#0009 100%);flex-direction:column;justify-content:space-between;padding:3rem 2rem;display:flex;position:fixed;top:0;left:0}.filter-accordion.show{pointer-events:all;opacity:1;transition:var(--common-transition)}.acc-txt-row{justify-content:space-between}.acc-txt-row .section-content p{font-family:var(--bold-font-family);color:#fff;font-size:1.25rem!important}.acc-txt-row .plus-img img{filter:invert()}.accordian button{width:100%}.plus-img{width:1.5rem;min-width:1.5rem}.filter-accordion-close{width:3.5rem;margin:0 auto}.filter-accordion .accordian>div:first-child{border-bottom:1px solid #fff;padding-bottom:1rem}.filter-accordion-content div{color:#fff}.filter-accordion-content>div:first-child{padding-top:1.5rem!important}.grid-icon.active .grid-fill-icon{opacity:1!important}.grid-icon:hover .grid-fill-icon{opacity:0}}
