﻿h4.block-title{font-size:38px;margin-bottom:40px}.accordion-section{padding:0!important}.accordion-content{position:relative}.accordion{list-style-type:none;margin:0;padding:0}.accordion>li{background:var(--color);height:auto;margin:0!important;position:relative;transition:all .3s linear}.accordion>li .content{padding:0 100px}.accordion>li.uk-open{position:relative}.accordion>li.uk-open .content{padding-bottom:46px;padding-top:46px}.accordion>li .accordion-background{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.accordion>li.uk-open .accordion-background{height:100%;width:100%}.accordion>li.uk-open .accordion-content{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:272px}.accordion-item-title{color:var(--textColor);cursor:pointer;font-family:var(--font);font-size:24px;margin:0;padding:23px 0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion-bg-wrapper{inset:0;max-height:0;position:absolute}.accordion-bg-wrapper:after{background:linear-gradient(var(--overlay-direction,90deg),var(--overlay-color,rgba(20,34,42,.6)) var(--overlay-start,0),transparent var(--overlay-end,79%));background-blend-mode:multiply;content:"";inset:0;opacity:var(--overlay-enabled,1);position:absolute}li.uk-open .accordion-item-title,li:not(.uk-open) .accordion-content{display:none}.accordion>li.uk-open{align-items:center;display:flex;transition:all .3s linear}.accordion>li.uk-open .uk-accordion-title{display:none}.accordion>li>div{width:100%}.accordion-content>h3{color:var(--color-light);display:inline-block;font-size:65px;line-height:79.36px;margin:0}.accordion-content>p{color:var(--color-light);font-size:16px;font-weight:500;line-height:19.54px;max-width:var(--max-width)}.uk-accordion-content>.arrow-button{height:40px;width:40px}.uk-accordion>:nth-child(n+2){margin-top:0}.uk-accordion-title:before,li.uk-open>.uk-accordion-title{display:none}.uk-open .accordion-bg-wrapper{max-height:100vh}.accordion-content .btn{align-items:center;background-color:#e6811d;border-radius:100px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:16px;outline:none;padding:10px 24px;text-decoration:none}.accordion-content .btn p{margin:0}.accordion-content a.action-link{display:inline-block;height:42px;position:relative;width:42px}.accordion-content a.action-link svg{inset:0;position:absolute;transition:all .2s linear}.accordion-content a.action-link svg:last-child,.accordion-content a.action-link:hover svg:first-child{opacity:0}.accordion-content a.action-link:hover svg:last-child{opacity:1}.pc{display:block}.sp{display:none}body.mapping .accordion-content .btn{font-family:var(--font-pt)!important;transition:background-color .2s ease,color .2s ease}body.mapping .accordion-content .btn:focus,body.mapping .accordion-content .btn:hover{background-color:#fff;color:var(--accent)!important}body.mapping .accordion-content .btn:focus .arrow-btn path,body.mapping .accordion-content .btn:hover .arrow-btn path{stroke:var(--accent)}body.mapping .accordion-content>h3{font-size:38px!important}body.mapping .accordion-content>p{max-width:620px!important}body.mapping .accordion-item-title{font-family:var(--font-pt)!important;font-weight:500!important}body.mapping .accordion-content>p{font-family:var(--font-pt)!important;font-weight:400!important}body.mapping .accordion-content>h3{font-weight:500!important}body.mapping .accordion-content .btn p,body.mapping .accordion-content a.action-link,body.mapping .accordion-content>h3{font-family:var(--font-pt)!important}@media screen and (max-width:1279.9px){body.mapping .accordion>li .content{padding-left:28px;padding-right:28px}}@media screen and (max-width:959px){.accordion-item-title{padding:10px 0}.accordion>li .content{padding:0 30px}.accordion>li.uk-open .content{padding-bottom:50px;padding-top:50px}.content.padding-v-0{padding:0 30px!important}h4.block-title{font-size:38px;margin-bottom:20px}.accordion-bg-wrapper{background-image:var(--bg-image);background-position:100% 100%;background-repeat:no-repeat;background-size:cover}.accordion-content>h3{font-size:40px;line-height:30.36px}.accordion-content>p{max-width:100%}}@media screen and (max-width:640px){.pc{display:none}.content.padding-v-0{padding:0 30px!important}.accordion>li.uk-open .accordion-content{justify-content:flex-start;padding-bottom:62px}h4.block-title{font-size:32px;margin-bottom:20px}.accordion-bg-wrapper{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.accordion-content>h3{font-size:24px;line-height:29.3px}.accordion>li.uk-open .accordion-content{min-height:192px}.accordion>li .content a.action-link{border-radius:100%;bottom:0;box-shadow:0 0 15px rgba(0,0,0,.25);position:absolute;right:0}.accordion>li .content a.action-link img:first-child{opacity:0}.accordion>li .content a.action-link img:last-child{opacity:1}.accordion-content .btn{box-shadow:0 0 15px rgba(0,0,0,.25)}.accordion-item-title{position:relative}.accordion-item-title:after{background:url(https://www.mapletree.com.sg/content/plugins/mapletree-blocks-by-clickrs/build/images/icon-accordion.2bc018e5.png) no-repeat 50%/cover;content:"";height:8.5px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);width:17px}}.mapping-mobile-image-v2{display:none}body.mapping .accordion-content .btn{justify-content:center!important;padding-left:32px!important;padding-right:32px!important;text-align:center}body.mapping .accordion-content .btn svg{display:none!important}@media screen and (max-width:640px){body.mapping .accordion-content>h3{display:block!important;position:relative;width:100%}body.mapping .accordion-content>h3:after{background:url(https://www.mapletree.com.sg/content/plugins/mapletree-blocks-by-clickrs/build/images/icon-accordion.2bc018e5.png) no-repeat 50%/cover;content:"";height:8.5px;position:absolute;right:0!important;top:50%;transform:translateY(-50%)!important;width:17px}body.mapping .mapping-mobile-image-v2{display:block!important;height:100%;line-height:0;margin:0 -30px!important;width:100%}body.mapping .mapping-mobile-image-v2 img{display:block;height:auto;max-width:none!important;-o-object-fit:cover;object-fit:cover;width:calc(100% + 60px)!important}body.mapping .accordion>li.uk-open .accordion-bg-wrapper{display:none!important}body.mapping .accordion>li.uk-open .content{padding-bottom:0!important;padding-top:28px!important}body.mapping .accordion>li.uk-open .accordion-content{padding-bottom:0!important}}
