.projectCommunity{margin:200px 40px;text-align:center;& img{margin:0 auto 20px}& p{margin:0 auto;max-width:940px}}@media screen and (max-width:440px){.projectCommunity{margin:100px 20px;& img{width:54px}}}.projectGallery{margin:200px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:1100px){.projectGallery{margin:100px 20px;& .item{grid-template-columns:1fr;& img{border-radius:50px 50px 0 0}}}}.projectHero{margin-top:80px;padding:160px 20px 120px;height:500px;background-image:url(/kepayang/bird-view.avif);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;& h1,& p{max-width:680px;text-align:center}& p{color:#FFF}}@media screen and (max-width:440px){.projectHero{margin-top:45px;height:300px}}.projectLookingAhead{padding:100px 40px;background-color:var(--primary-color);background-image:url(/kepayang/looking-ahead/pattern.avif);background-size:cover;background-repeat:no-repeat;background-position:50%;color:#FFF;text-align:center;& p{max-width:900px;font-size:24px;margin:0 auto 40px}}@media screen and (max-width:440px){.projectLookingAhead{padding:50px 20px;background-image:url(/kepayang/looking-ahead/pattern-m.avif);& p{font-size:16px}}}.projectOverview{padding:100px 40px;background-color:var(--primary-color);color:#FFF;text-align:center;& p{max-width:850px;margin:20px auto 0}& img{margin:100px auto 20px}}@media screen and (max-width:440px){.projectOverview{padding:50px;& img{margin:40px auto 20px}}}.projectPillars{margin:200px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;& .pillars{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:80px;gap:80px;& .pillar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;position:relative;& .icon{border-radius:70px 10px 70px 10px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center}& p{text-align:center;max-width:180px}}}}@media screen and (max-width:440px){.projectPillars{margin:100px 20px;& .pillars{margin-top:10px;gap:30px 30px;grid-template-columns:1fr 1fr;& .pillar{gap:10px;& .icon{& img{width:86px}}& p{max-width:110px}}}}}.projectWhatWeDo{margin:200px 0;text-align:center;& .items{padding-bottom:60px;& .item:nth-child(odd){background-color:var(--secondary-color)}& .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--primary-color)}& .item{max-width:1100px;min-height:600px;display:grid;grid-template-columns:1fr 1fr;background-color:var(--primary-color);color:#FFF;border-radius:20px;& img.thumbnail{object-fit:cover;width:100%;height:100%;border-radius:20px 0 0 20px}& img.type{width:74px;height:auto;position:absolute;bottom:50px;left:50px}& .content{padding:70px 60px;text-align:left;& h2{font-size:36px;margin-bottom:50px}& p{font-size:22px}& p+p{margin-top:20px}}}}}@media screen and (max-width:1100px){.projectWhatWeDo{margin:100px 20px;& .items{& .item{min-height:482px;grid-template-columns:1fr;position:relative;border-radius:10px;& img.thumbnail{border-radius:10px 10px 0 0;height:176px}& img.type{width:30px;top:40px;left:50%;transform:translateX(-50%)}& .content{text-align:center;padding:50px 40px;& h2{position:absolute;top:80px;left:0;font-size:24px;width:100%;padding:0 55px;margin:0}& p{font-size:16px}}}}}}