.elementor-892 .elementor-element.elementor-element-276ee5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap}.elementor-892 .elementor-element.elementor-element-f34493f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap}.elementor-892 .elementor-element.elementor-element-3965987{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap}@media(max-width:767px){.elementor-892 .elementor-element.elementor-element-cfa6617 .elementor-heading-title{font-size:18px}.elementor-892 .elementor-element.elementor-element-596ce55{font-size:14px}.elementor-892 .elementor-element.elementor-element-fd52587 .elementor-heading-title{font-size:18px}.elementor-892 .elementor-element.elementor-element-1d81f35{font-size:14px}.elementor-892 .elementor-element.elementor-element-4ebce3e .elementor-heading-title{font-size:18px}.elementor-892 .elementor-element.elementor-element-fb2d185{font-size:13px}.elementor-892 .elementor-element.elementor-element-85ac77f .elementor-heading-title{font-size:18px}.elementor-892 .elementor-element.elementor-element-2749bf6{font-size:13px}}.charmora-banner{position:relative;height:90vh;min-height:720px;display:flex;align-items:center;padding:0 8%;background:url(https://kdtcharmoracity.com/wp-content/uploads/2026/07/shophouse-charmora-city-1-1.webp) center center/cover no-repeat;overflow:hidden}.charmora-banner .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(5 16 35 / .90) 0%,rgb(5 16 35 / .65) 40%,rgb(5 16 35 / .20) 100%)}.banner-content{position:relative;z-index:2;max-width:760px;color:#fff;animation:fadeUp 1s ease}.sub-title{display:inline-block;padding:10px 18px;border:1px solid rgb(255 255 255 / .3);border-radius:50px;letter-spacing:2px;font-size:14px;text-transform:uppercase;margin-bottom:25px;backdrop-filter:blur(8px)}.banner-content h1{font-size:68px;line-height:1.05;margin-bottom:20px;font-weight:700}.banner-content h1 span{display:block;margin-top:12px;font-size:32px;color:#E9C46A;font-weight:500}.banner-content p{font-size:20px;line-height:1.8;color:#eee;margin-bottom:40px;max-width:650px}.banner-info{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:45px}.banner-info div{background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .12);padding:20px;border-radius:18px;backdrop-filter:blur(15px);transition:.4s}.banner-info div:hover{transform:translateY(-8px);background:rgb(233 196 106 / .15)}.banner-info strong{display:block;font-size:26px;margin-bottom:8px;color:#FFD166}.banner-info span{font-size:15px;color:#ddd}.banner-button{display:flex;gap:20px;flex-wrap:wrap}.banner-button a{padding:18px 36px;border-radius:60px;font-weight:600;text-decoration:none;transition:.4s}.btn-primary{background:#D4A94A;color:#fff}.btn-primary:hover{transform:translateY(-4px);background:#bf8f2f}.btn-secondary{border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#051023}@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:991px){.charmora-banner{padding:80px 25px;height:auto}.banner-content h1{font-size:42px}.banner-content h1 span{font-size:22px}.banner-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.banner-info{grid-template-columns:1fr}.banner-content h1{font-size:34px}.banner-content p{font-size:16px}.banner-button{flex-direction:column}.banner-button a{text-align:center}}