.card-container{display:block;margin:10px!important}.card-box{display:flex;flex-direction:column;gap:0;justify-content:space-between;position:relative}.card-box:not(.icon-card):hover .card-image img{transform:scale(1.1)}.card-image{border-radius:var(--round-corners);flex-shrink:0;height:250px;overflow:hidden;position:relative}.card-image .ribbon{align-items:center;background-color:var(--ribbon-color);border-bottom-right-radius:20px;display:flex;height:30px;left:0;padding:0 20px;position:absolute;top:0;z-index:1}.card-image .ribbon .ribbon-text{color:#fff;font-size:14px}.card-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s linear;width:100%}.card-text>div>*{margin:0}.card-contents.textover{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));border-radius:var(--round-corners);display:flex;flex-direction:column;inset:0;justify-content:end;overflow:hidden;padding:20px;position:absolute;text-decoration:none}.card-title{margin:12px 0 8px}.card-title h5{color:var(--card-text-color);font-family:var(--font);font-size:20px;font-weight:500!important;line-height:24.42px}.card-desc{margin:8px 0}.card-desc p{color:var(--card-text-color);font-size:16px;font-weight:400;line-height:19.54px}.card-action{display:flex;margin:8px 0}.card-action a.action-link{align-items:center;color:var(--primary-color);display:flex;font-size:14px;font-weight:500;gap:10px;line-height:17px;text-decoration:none}a.action-link p{line-height:1;margin:0}.card-action a.action-link:hover{color:var(--primary-color)}.card-action span{display:inline-block}.card-image:has(~div.square){aspect-ratio:1/1;height:unset}.card-contents.square{background:linear-gradient(180deg,rgba(0,0,0,.4) 26.18%,transparent);background-blend-mode:multiply;border-radius:var(--round-corners);display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;overflow:hidden;padding:40px 34px;position:absolute;transition:all .2s linear;z-index:-1}.mit-special .card-contents.square{align-items:end;flex-direction:row;justify-content:space-between}.card-box.square.content-visible .card-contents.square{opacity:1;z-index:1}.card-box:not(.content-visible):hover .card-contents.square{cursor:pointer;opacity:1;z-index:1}.card-contents.square .card-title{margin:0}.card-contents.square .card-title h5{font-family:var(--font);font-size:24px;font-weight:500!important;line-height:1.22}.card-contents.square .custom-tags-wrapper ul{flex-wrap:wrap}.card-contents.square .custom-tags-wrapper li{border:1px solid #fff;color:#fff}.card-contents.square .card-action{justify-content:end;margin:0}a.card-square-action-link{flex:1;text-decoration:none}.card-box:where(:has(>div.card-contents.serialized)){height:100%}.card-box:where(:has(div.card-contents.icon-card)){background:var(--icon-card-background);border-radius:var(--round-corners);height:100%;justify-content:flex-start;padding:30px}.card-box:where(:has(div.card-contents.icon-card)) .card-image{background-color:transparent;height:80px;width:80px}.card-box:where(:has(div.card-contents.icon-card)) .card-image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.card-box:where(:has(div.card-contents.icon-card)) .card-contents.icon-card{display:flex;flex:1;flex-direction:column;justify-content:space-between}.card-box:where(:has(div.card-contents.icon-card)) .card-action{justify-content:end}.card-contents.serialized{background:var(--serialized-background);border-radius:var(--round-corners);cursor:pointer;padding:20px}.card-contents.serialized .serialized-block{display:flex;justify-content:end}.card-contents.serialized .serialized-block h4{color:var(--highlight-color);margin:0}.card-contents.serialized:hover{background:var(--highlight-color)}.card-contents.serialized:hover .card-desc p,.card-contents.serialized:hover .card-title h5,.card-contents.serialized:hover .serialized-block h4{color:#fff}.card-box.image-left{background-color:var(--icon-card-background);border-radius:var(--round-corners)}.card-box.image-left a{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;text-decoration:none;width:100%}.card-box.image-left .card-title{box-sizing:border-box;padding:0 40px}.card-box.image-left .card-image{border-bottom-right-radius:0!important;border-top-right-radius:0!important;height:200px;min-width:295px;width:50%}.card-box.image-left .card-image img{max-width:100%}.card-contents.image-left{padding:0}.custom-tags-wrapper{margin:10px 0;overflow-x:auto;scrollbar-width:0;width:100%}.custom-tags-wrapper::-webkit-scrollbar{display:none}.custom-tags-wrapper ul{display:flex;flex-wrap:nowrap;gap:10px;list-style-type:none;margin:0;padding:0;white-space:nowrap}.custom-tags-wrapper li{border:1px solid #c5c7af;border-radius:15px;color:#c5c7af;cursor:pointer;font-size:14px;font-weight:500;line-height:17.09px;padding:3px 15px}.custom-tags-wrapper li a{color:inherit;text-decoration:none}body.site-mit .card-contents.square{background:linear-gradient(45deg,rgba(0,0,0,.839),transparent)}body.site-mlt .card-texts{width:83%}@media(768px > width){.card-container{margin:0!important}.mt-card-item .card-container{margin:10px!important}.card-box.square .card-image{aspect-ratio:16/9}.card-box.square .card-contents.square{background:transparent;border-radius:0;padding:12px 0;position:relative}.card-box .card-contents .card-texts .card-title h5{font-size:20px;line-height:1.22}.card-box.square .card-contents.square .card-action{justify-content:start}.card-box.square .card-contents.square .card-action a.card-square-action-link{display:none}body.site-mapletree-pan-asia-commercial .mpact-home-unsquare-card .card-contents.square,body.site-mit .card-box.square .card-contents.square,body.site-mlt .card-box.square .card-contents.square,body.site-mpact .mpact-home-unsquare-card .card-contents.square{background:linear-gradient(110deg,rgba(0,0,0,.4) 26.18%,transparent);border-radius:20px;padding:21px 24px;position:absolute}body.site-mapletree-pan-asia-commercial .card-contents.square .card-action,body.site-mpact .card-contents.square .card-action{justify-content:end!important;margin:0}body.site-mlt .card-contents.square{align-items:flex-start}body.site-mlt .card-box.square .card-contents.square .card-action{align-items:flex-end;justify-content:end;width:100%}body.site-mlt .card-texts{width:86%}}