.resident-management-platforms-container{padding-bottom:200px;--sample-width:1650;--container-max-width:min(1650px,100vw - 140px)}@media screen and (max-width:767px){.resident-management-platforms-container{--sample-width:992;--container-max-width:min(992px,100vw - 140px)}}@media screen and (max-width:575px){.resident-management-platforms-container{--sample-width:767;--container-max-width:min(767px,100vw - 140px)}}.resident-management-platforms-container .banner-container{background-image:url(/media/portfolio/portfolio-detail/resident-management-platforms/background-banner.webp);background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:calc(36/var(--sample-width)*var(--container-max-width));padding:calc(96/var(--sample-width)*var(--container-max-width)) calc(116/var(--sample-width)*var(--container-max-width));position:relative;width:calc(1760/var(--sample-width)*var(--container-max-width));height:calc(670/var(--sample-width)*var(--container-max-width));margin:0 auto;margin-top:calc(72/var(--sample-width)*var(--container-max-width));border-radius:calc(77/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .phones{position:absolute;width:calc(1101.48/var(--sample-width)*var(--container-max-width));height:calc(837.62/var(--sample-width)*var(--container-max-width));right:calc(-52/var(--sample-width)*var(--container-max-width));top:calc(-27/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .introduce{width:calc(520/var(--sample-width)*var(--container-max-width));color:#fff}.resident-management-platforms-container .banner-container .introduce h2{font-size:calc(64/var(--sample-width)*var(--container-max-width));font-weight:700;line-height:110%}.resident-management-platforms-container .banner-container .introduce .description{font-size:calc(18/var(--sample-width)*var(--container-max-width));font-weight:400;line-height:180%;margin-top:calc(24/var(--sample-width)*var(--container-max-width));margin-bottom:0}@media screen and (max-width:767px){.resident-management-platforms-container .banner-container{height:calc(1643/var(--sample-width)*var(--container-max-width));margin:calc(56/var(--sample-width)*var(--container-max-width)) auto 0 auto;width:calc(1175/var(--sample-width)*var(--container-max-width));margin-left:auto;margin-right:auto}.resident-management-platforms-container .banner-container .phones{width:calc(1176/var(--sample-width)*var(--container-max-width));height:auto;right:calc(0/var(--sample-width)*var(--container-max-width));top:calc(380/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .introduce{width:100%}.resident-management-platforms-container .banner-container .introduce h2{font-size:calc(65/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .introduce .description{font-size:calc(24/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:575px){.resident-management-platforms-container .banner-container{height:calc(1531/var(--sample-width)*var(--container-max-width));width:calc(975/var(--sample-width)*var(--container-max-width));padding:32px 20px 0}.resident-management-platforms-container .banner-container .phones{width:calc(975/var(--sample-width)*var(--container-max-width));top:calc(485/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .introduce{width:100%}.resident-management-platforms-container .banner-container .introduce h2{font-size:calc(78/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .introduce .description{font-size:calc(28/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:375px){.resident-management-platforms-container .banner-container{height:calc(2500/var(--sample-width)*var(--container-max-width));width:calc(1120/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .phones{width:calc(1119/var(--sample-width)*var(--container-max-width));top:calc(1298/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .introduce{width:100%}.resident-management-platforms-container .banner-container .introduce h2{font-size:calc(118/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .banner-container .introduce .description{font-size:calc(58.5/var(--sample-width)*var(--container-max-width))}}.resident-management-platforms-container .section-first-container{padding:0 270px;margin-top:calc(180/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .section-first-container .head-title{font-size:40px;font-weight:600;line-height:140%;color:#000;text-align:center}.resident-management-platforms-container .section-first-container .items{display:flex;gap:40px;margin-top:48px}.resident-management-platforms-container .section-first-container .items .item{background:#ecf2ff;padding:60px 220px 60px 60px;border-radius:32px;position:relative}.resident-management-platforms-container .section-first-container .items .item h4{font-size:28px;font-weight:600;line-height:150%}.resident-management-platforms-container .section-first-container .items .item p{font-size:18px;font-weight:300;line-height:180%;margin-top:16px;margin-bottom:0}.resident-management-platforms-container .section-first-container .items .item .iconMail{width:130px;height:130px;position:absolute;top:-9px;right:-12px}.resident-management-platforms-container .section-second-container{padding:0 270px;margin:180px 0}.resident-management-platforms-container .section-second-container .desktop-view{display:block}.resident-management-platforms-container .section-second-container .mobile-view{display:none}.resident-management-platforms-container .section-second-container .head-title{font-size:40px;font-weight:600;line-height:140%;color:#000;text-align:center}.resident-management-platforms-container .section-second-container .content-wrapped{display:flex;align-items:center;gap:80px;margin-top:48px}.resident-management-platforms-container .section-second-container .content-wrapped .core-future__image-wrapper_{position:relative;max-width:952px;aspect-ratio:952/805}.resident-management-platforms-container .section-second-container .content-wrapped .core-future__image-wrapper_ .overlay{position:absolute;transition:opacity .3s ease;height:100%;width:90%;animation:fadeZoom .6s forwards}.resident-management-platforms-container .section-second-container .content-wrapped .core-future__image-wrapper_ .overlay_1{top:0;left:0}@keyframes fadeZoom{0%{height:100%}to{height:auto;width:90%;top:15%;left:5%}}.resident-management-platforms-container .section-second-container .content-wrapped .core-future__image-wrapper_ .core-future__image_{position:absolute;top:0;left:0;width:100%;height:auto;transition:opacity .3s ease;filter:drop-shadow(0 6px 14px rgba(26,54,147,.102));will-change:transform,opacity}.resident-management-platforms-container .section-second-container .content-wrapped .core-future__image-wrapper_ .core-future__image_.slide-in-left{animation:slideIn_ .8s forwards;z-index:1}@keyframes slideIn_{0%{opacity:1}to{opacity:1}}.resident-management-platforms-container .section-second-container .content-wrapped .core-future__image-wrapper_ .core-future__image_.slide-out-left{animation:slideOutToLeft_ .8s forwards;z-index:2}@keyframes slideOutToLeft_{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.resident-management-platforms-container .section-second-container .content-wrapped img{width:100%;height:auto}.resident-management-platforms-container .section-second-container .content-wrapped .left-content{width:55%}.resident-management-platforms-container .section-second-container .content-wrapped .right-content{width:45%}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .arrow-button{display:flex;align-items:center;gap:12px}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .arrow-button .arrow{width:40px;height:40px;cursor:pointer;transition:opacity .3s ease}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .arrow-button .arrow.disabled{opacity:.5;pointer-events:none}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .title{font-size:32px;font-weight:600;line-height:120%;margin-top:48px;color:#000;overflow:hidden;animation:fadeZoomIn .6s forwards;opacity:0}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .title .highlight{color:#35f}@keyframes fadeZoomIn{0%{opacity:0;transform:translateY(25px)}to{transform:translateY(0);opacity:1}}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .description{font-size:18px;font-weight:300;line-height:180%;color:#000;margin-top:16px;margin-bottom:0;animation:fadeZoomIn .6s forwards;overflow:hidden;opacity:0}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content{display:flex;gap:20px;margin-top:32px}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content .speaker{width:36px;height:36px;animation:fadeZoomIn .6s forwards;opacity:0}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content .sub-title{font-size:18px;font-weight:600;line-height:180%;animation:fadeZoomIn .6s forwards;opacity:0}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content .sub-description{font-size:18px;font-weight:300;line-height:180%;margin-bottom:0;animation:fadeZoomIn .6s forwards;overflow:hidden;opacity:0}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .title{position:relative}.resident-management-platforms-container .related-work{border-top:none}@media screen and (max-width:1440px){.resident-management-platforms-container .section-first-container{padding:0 100px}.resident-management-platforms-container .section-first-container .items .item{padding:30px 150px 30px 30px}.resident-management-platforms-container .section-second-container{padding:0 100px}}@media screen and (max-width:991px){.resident-management-platforms-container .section-first-container{padding:0 24px;margin-top:calc(250/var(--sample-width)*var(--container-max-width))}.resident-management-platforms-container .section-first-container .head-title{font-size:24px;line-height:120%}.resident-management-platforms-container .section-first-container .items{flex-direction:column;gap:16px;margin-top:24px}.resident-management-platforms-container .section-first-container .items .item{padding:24px}.resident-management-platforms-container .section-first-container .items .item h4{font-size:20px;line-height:120%;margin-right:30px}.resident-management-platforms-container .section-first-container .items .item p{font-size:16px;font-weight:300;line-height:160%;margin-top:12px}.resident-management-platforms-container .section-first-container .items .item .iconMail{width:60px;height:60px;top:-4px;right:-4px}.resident-management-platforms-container .section-second-container{padding:0 24px;margin:80px 0 0}.resident-management-platforms-container .section-second-container .desktop-view{display:none}.resident-management-platforms-container .section-second-container .mobile-view{display:block}.resident-management-platforms-container .section-second-container .head-title{font-size:24px;line-height:120%;padding:0 10px}.resident-management-platforms-container .section-second-container .content-wrapped{flex-direction:column;gap:24px;margin-top:36px}.resident-management-platforms-container .section-second-container .content-wrapped .left-content,.resident-management-platforms-container .section-second-container .content-wrapped .right-content{width:unset}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .title{font-size:20px;margin-top:0}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .description{font-size:16px}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content{gap:16px;margin-top:24px}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content .speaker{width:28px;height:28px}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content .sub-title{font-size:16px;font-weight:600;line-height:160%}.resident-management-platforms-container .section-second-container .content-wrapped .right-content .wrapper-sub-content .sub-description{font-size:16px;line-height:160%}}