.elementor-520 .elementor-element.elementor-element-360c413{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--border-radius:-5px -5px -5px -5px;--margin-top:0px;--margin-bottom:-12px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:41px;--padding-left:56px;--padding-right:56px;}.elementor-520 .elementor-element.elementor-element-360c413:not(.elementor-motion-effects-element-type-background), .elementor-520 .elementor-element.elementor-element-360c413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://cvbalingkangparadise.com/wp-content/uploads/2026/09/content-30.jpg");background-position:center center;background-size:cover;}.elementor-520 .elementor-element.elementor-element-360c413::before, .elementor-520 .elementor-element.elementor-element-360c413 > .elementor-background-video-container::before, .elementor-520 .elementor-element.elementor-element-360c413 > .e-con-inner > .elementor-background-video-container::before, .elementor-520 .elementor-element.elementor-element-360c413 > .elementor-background-slideshow::before, .elementor-520 .elementor-element.elementor-element-360c413 > .e-con-inner > .elementor-background-slideshow::before, .elementor-520 .elementor-element.elementor-element-360c413 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-520 .elementor-element.elementor-element-36e5923{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-d6b025b{--display:flex;--min-height:0px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:2px;--padding-left:25px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-b4197b3{--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;--justify-content:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-520 .elementor-element.elementor-element-b4197b3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-520 .elementor-element.elementor-element-f5ade6d .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-520 .elementor-element.elementor-element-94f52eb{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-520 .elementor-element.elementor-element-94f52eb .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:54px;font-weight:600;line-height:1.08em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-520 .elementor-element.elementor-element-ee704cd{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-520 .elementor-element.elementor-element-6491f50{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-aedc8dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-dedc576{--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-520 .elementor-element.elementor-element-4b32ab9{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-520 .elementor-element.elementor-element-8ae0af0{--display:flex;}.elementor-520 .elementor-element.elementor-element-e83c665{--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-520 .elementor-element.elementor-element-44b645b{--display:flex;}.elementor-520 .elementor-element.elementor-element-613f5aa{color:#1E1818;}.elementor-520 .elementor-element.elementor-element-6cff901{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-7778491{--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-520 .elementor-element.elementor-element-10f63c4{--display:flex;}.elementor-520 .elementor-element.elementor-element-a199370{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-520 .elementor-element.elementor-element-f32dc8d .elementor-icon-wrapper{text-align:center;}.elementor-520 .elementor-element.elementor-element-c7b85b1{--display:flex;}.elementor-520 .elementor-element.elementor-element-83a333b .elementor-icon-wrapper{text-align:center;}.elementor-520 .elementor-element.elementor-element-0889758{--display:flex;}.elementor-520 .elementor-element.elementor-element-0edd5d0 .elementor-icon-wrapper{text-align:center;}.elementor-520 .elementor-element.elementor-element-293d4cf{--display:flex;}.elementor-520 .elementor-element.elementor-element-4f1b651 .elementor-icon-wrapper{text-align:center;}.elementor-520 .elementor-element.elementor-element-45d2318{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-520 .elementor-element.elementor-element-d297ed0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-520 .elementor-element.elementor-element-d297ed0 .elementor-divider-separator{width:100%;}.elementor-520 .elementor-element.elementor-element-d297ed0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-520 .elementor-element.elementor-element-80cb315{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-381fa2f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:092px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-520 .elementor-element.elementor-element-381fa2f:not(.elementor-motion-effects-element-type-background), .elementor-520 .elementor-element.elementor-element-381fa2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-520 .elementor-element.elementor-element-dca8a14{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-520 .elementor-element.elementor-element-701226d{--display:flex;--min-height:520px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:38px;--padding-bottom:38px;--padding-left:34px;--padding-right:34px;}.elementor-520 .elementor-element.elementor-element-701226d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-520 .elementor-element.elementor-element-f225e83 .elementor-heading-title{color:#FFFFFF;}.elementor-520 .elementor-element.elementor-element-f542037 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-520 .elementor-element.elementor-element-e12d777{color:#797979;}.elementor-520 .elementor-element.elementor-element-b5eeb74{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-520 .elementor-element.elementor-element-1de55ba{margin:0px 139px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 2px -5px 0px;width:var( --container-widget-width, 57.083% );max-width:57.083%;--container-widget-width:57.083%;--container-widget-flex-grow:0;}.elementor-520 .elementor-element.elementor-element-1de55ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-520 .elementor-element.elementor-element-ca47b47{--display:flex;--min-height:520px;--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;--justify-content:center;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-520 .elementor-element.elementor-element-28d2b84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-9c3bd8e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-520 .elementor-element.elementor-element-16a71f7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-2cd1d0e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-520 .elementor-element.elementor-element-dedec3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-520 .elementor-element.elementor-element-838ff69 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-520 .elementor-element.elementor-element-ab6b98e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-520 .elementor-element.elementor-element-71c33fe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-520 .elementor-element.elementor-element-2ece99e{--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-520 .elementor-element.elementor-element-108368f{--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-520 .elementor-element.elementor-element-50d2a78{--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-520 .elementor-element.elementor-element-6eeac9d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-ee8590c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-cb90fb3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-a2b126a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-f6e93e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-520 .elementor-element.elementor-element-360c413{--width:100%;}.elementor-520 .elementor-element.elementor-element-d6b025b{--content-width:100%;}.elementor-520 .elementor-element.elementor-element-b4197b3{--width:87.366%;}.elementor-520 .elementor-element.elementor-element-dca8a14{--content-width:1180px;}.elementor-520 .elementor-element.elementor-element-701226d{--width:36%;}.elementor-520 .elementor-element.elementor-element-ca47b47{--width:63%;}.elementor-520 .elementor-element.elementor-element-16a71f7{--width:46%;}.elementor-520 .elementor-element.elementor-element-6eeac9d{--width:54%;}}@media(max-width:1024px) and (min-width:768px){.elementor-520 .elementor-element.elementor-element-b4197b3{--width:72%;}.elementor-520 .elementor-element.elementor-element-701226d{--width:100%;}.elementor-520 .elementor-element.elementor-element-ca47b47{--width:100%;}}@media(min-width:1025px){.elementor-520 .elementor-element.elementor-element-360c413:not(.elementor-motion-effects-element-type-background), .elementor-520 .elementor-element.elementor-element-360c413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-520 .elementor-element.elementor-element-360c413{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-520 .elementor-element.elementor-element-d6b025b{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-520 .elementor-element.elementor-element-f5ade6d .elementor-heading-title{font-size:18px;}.elementor-520 .elementor-element.elementor-element-94f52eb .elementor-heading-title{font-size:50px;}.elementor-520 .elementor-element.elementor-element-ee704cd{font-size:14px;}.elementor-520 .elementor-element.elementor-element-381fa2f{--padding-top:76px;--padding-bottom:84px;--padding-left:28px;--padding-right:28px;}.elementor-520 .elementor-element.elementor-element-dca8a14{--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-520 .elementor-element.elementor-element-360c413{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-520 .elementor-element.elementor-element-36e5923{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-d6b025b{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-520 .elementor-element.elementor-element-b4197b3{--width:100%;}.elementor-520 .elementor-element.elementor-element-f5ade6d .elementor-heading-title{font-size:16px;}.elementor-520 .elementor-element.elementor-element-94f52eb .elementor-heading-title{font-size:42px;}.elementor-520 .elementor-element.elementor-element-ee704cd{font-size:14px;}.elementor-520 .elementor-element.elementor-element-381fa2f{--padding-top:60px;--padding-bottom:68px;--padding-left:16px;--padding-right:16px;}.elementor-520 .elementor-element.elementor-element-701226d{--padding-top:30px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-520 .elementor-element.elementor-element-ca47b47{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}}/* Start custom CSS for container, class: .elementor-element-36e5923 *//* ============================================================
PUTU BALI TOUR — RIGHT VISUAL / PHOTO COLLAGE ONLY
Extracted from the Heritage Luxury collage design

CLASSES
.coastal-hero-collage__right
.coastal-hero-collage__photo-main
.coastal-hero-collage__photo-top
.coastal-hero-collage__photo-bottom
.coastal-hero-collage__glass
.coastal-hero-collage__glass-text
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923{
  --hero-maroon:#6D1F24;
  --hero-maroon-dark:#57181D;
  --hero-red:#A83832;
  --hero-red-dark:#8E2B2C;
  --hero-brick:#C85B4A;
  --hero-gold:#D7A44A;
  --hero-ivory:#F7F1E7;
  --hero-blush:#EAD8D2;
  --hero-charcoal:#2B2523;
  --hero-white:#FFFFFF;

  --hero-photo-frame:#F7F1E7;

  --hero-shadow-main:
    0 30px 68px rgba(65,27,27,.30);

  --hero-shadow-float:
    0 17px 36px rgba(65,27,27,.22);

  --hero-tr:
    .56s cubic-bezier(.2,.72,.2,1);
}


/* ============================================================
01. RIGHT VISUAL WRAPPER
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right{
  position:relative;
  z-index:3!important;

  min-width:0;
  max-width:100%;
  box-sizing:border-box;

  overflow:visible!important;
}


/* soft abstract capsule behind photos */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right::before{
  content:"";

  position:absolute;

  top:2%;
  left:14%;

  width:70%;
  height:96%;

  z-index:0;

  border-radius:
    48% 48% 44% 44% / 18% 18% 38% 38%;

  background:
    linear-gradient(
      145deg,
      rgba(234,216,210,.11),
      rgba(255,255,255,.025)
    );

  border:
    1px solid rgba(215,164,74,.17);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 48px rgba(65,27,27,.035);

  pointer-events:none;
}


/* luxury L frame */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right::after{
  content:"";

  position:absolute;

  top:13%;
  left:28%;

  width:48%;
  height:72%;

  z-index:1;

  border-right:
    2px solid rgba(215,164,74,.76);

  border-bottom:
    2px solid rgba(200,91,74,.58);

  border-radius:
    0 0 38px 0;

  pointer-events:none;
}


/* ============================================================
02. ALL PHOTO CONTAINERS
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-main,
.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-top,
.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-bottom{
  position:absolute;

  max-width:100%;
  box-sizing:border-box;

  overflow:hidden!important;

  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;

  transition:
    transform var(--hero-tr),
    box-shadow var(--hero-tr);
}


/* ============================================================
03. MAIN PHOTO
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-main{
  top:8%;
  left:27%;

  width:50%;
  height:74%;

  right:auto;
  bottom:auto;

  z-index:2!important;

  border:
    7px solid var(--hero-photo-frame)!important;

  border-radius:
    36px 36px 116px 36px!important;

  box-shadow:
    0 30px 68px rgba(65,27,27,.30),
    0 0 0 1px rgba(215,164,74,.09)!important;
}


/* inner frame */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-main::before{
  content:"";

  position:absolute;
  inset:10px;

  pointer-events:none;

  border:
    1px solid rgba(247,241,231,.52);

  border-radius:
    27px 27px 104px 27px;
}


/* top accent */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-main::after{
  content:"";

  position:absolute;

  top:0;
  left:22px;

  width:54px;
  height:3px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      #D7A44A 0%,
      #D7A44A 42%,
      #C85B4A 78%,
      rgba(200,91,74,.14) 100%
    );
}


/* ============================================================
04. BOTTOM OVERLAP PHOTO
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-bottom{
  left:8%;
  bottom:5%;

  width:41%;
  height:33%;

  top:auto;
  right:auto;

  z-index:7!important;

  border:
    9px solid var(--hero-photo-frame)!important;

  border-radius:
    25px 25px 44px 25px!important;

  box-shadow:
    0 17px 36px rgba(65,27,27,.22),
    0 0 0 5px rgba(215,164,74,.025)!important;

  outline:
    1px solid rgba(168,56,50,.20)!important;

  outline-offset:
    7px;

  transform:
    rotate(-.30deg);
}


/* bottom inner frame */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-bottom::before{
  content:"";

  position:absolute;
  inset:7px;

  pointer-events:none;

  border:
    1px solid rgba(247,241,231,.50);

  border-radius:
    18px 18px 35px 18px;
}


/* ============================================================
05. TOP PHOTO
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-top{
  top:1%;
  right:7%;

  width:30%;
  height:19%;

  left:auto;
  bottom:auto;

  z-index:8!important;

  border:
    6px solid var(--hero-photo-frame)!important;

  border-radius:
    21px 21px 37px 21px!important;

  outline:
    1px solid rgba(215,164,74,.14);

  outline-offset:
    4px;

  box-shadow:
    0 17px 36px rgba(65,27,27,.21)!important;

  transform:
    rotate(.6deg);
}


/* ============================================================
06. FLOATING LABEL
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass{
  position:absolute;

  top:auto;
  left:auto;
  right:3%;
  bottom:14%;

  z-index:10!important;

  width:22%;
  max-width:175px;
  min-width:145px;

  display:block!important;

  padding:
    10px 12px;

  border:
    1px solid rgba(215,164,74,.21)!important;

  border-radius:
    14px 14px 22px 14px!important;

  background:
    linear-gradient(
      145deg,
      rgba(109,31,36,.84),
      rgba(87,24,29,.70)
    )!important;

  box-shadow:
    0 16px 34px rgba(65,27,27,.24),
    inset 0 1px 0 rgba(255,255,255,.055)!important;

  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);

  transition:
    transform var(--hero-tr),
    box-shadow var(--hero-tr),
    border-color var(--hero-tr);
}


/* top accent */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass::before{
  content:"";

  position:absolute;

  top:0;
  left:12px;

  width:32px;
  height:2px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      #D7A44A,
      #C85B4A
    );

  transition:
    width .42s ease;
}


/* connector line */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass::after{
  content:"";

  position:absolute;

  top:50%;
  left:-22px;

  width:22px;
  height:1px;

  transform:
    translateY(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(215,164,74,.68)
    );

  opacity:.55;
}


.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass .elementor-heading-title{
  color:#FFFFFF!important;

  font-size:
    clamp(15px,1.05vw,18px)!important;

  line-height:
    1.14!important;

  margin:0;
}


.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass-text,
.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass-text p{
  color:
    rgba(247,241,231,.72)!important;

  font-size:
    9.5px!important;

  line-height:
    1.42!important;

  margin:0;
}


/* max 2 lines */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass-text .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass-text p{
  display:
    -webkit-box!important;

  -webkit-box-orient:
    vertical!important;

  -webkit-line-clamp:
    2!important;

  overflow:
    hidden!important;
}


/* ============================================================
07. PHOTO HOVER
============================================================ */

.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right:hover
.coastal-hero-collage__photo-main{
  transform:
    translateY(-3px);

  box-shadow:
    0 35px 76px rgba(65,27,27,.34),
    0 0 0 1px rgba(215,164,74,.14)!important;
}


.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right:hover
.coastal-hero-collage__photo-bottom{
  transform:
    rotate(0deg)
    translateY(3px);

  box-shadow:
    0 22px 42px rgba(65,27,27,.26),
    0 0 0 5px rgba(168,56,50,.025)!important;
}


.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right:hover
.coastal-hero-collage__photo-top{
  transform:
    rotate(.15deg)
    translateY(-4px);

  box-shadow:
    0 22px 42px rgba(65,27,27,.25)!important;
}


.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass:hover{
  transform:
    translateY(-4px);

  border-color:
    rgba(215,164,74,.30)!important;

  box-shadow:
    0 20px 40px rgba(65,27,27,.30),
    inset 0 1px 0 rgba(255,255,255,.065)!important;
}


.elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass:hover::before{
  width:58px;
}


/* ============================================================
08. TABLET
============================================================ */

@media(max-width:1024px){

  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass{
    right:3%;
    bottom:12%;

    width:21%;
    max-width:165px;
    min-width:140px;

    padding:
      9px 11px;
  }

}


/* ============================================================
09. MOBILE
============================================================ */

@media(max-width:767px){

  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right{
    min-height:
      510px!important;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-main{
    top:10%!important;
    left:23%!important;

    width:59%!important;
    height:67%!important;

    border-width:
      5px!important;

    border-radius:
      27px 27px 74px 27px!important;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-bottom{
    left:3%!important;
    bottom:5%!important;

    width:46%!important;
    height:29%!important;

    border-width:
      6px!important;

    outline-offset:
      4px;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__photo-top{
    top:2%!important;
    right:3%!important;

    width:32%!important;
    height:17%!important;

    border-width:
      4px!important;

    outline-offset:
      2px;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass{
    right:3%;
    bottom:8%;

    width:34%;
    max-width:132px;
    min-width:0;

    padding:
      8px 9px;

    border-radius:
      12px 12px 18px 12px!important;

    background:
      linear-gradient(
        145deg,
        rgba(109,31,36,.89),
        rgba(87,24,29,.78)
      )!important;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass .elementor-heading-title{
    font-size:
      14px!important;

    line-height:
      1.12!important;
  }


  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass-text,
  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__glass-text p{
    font-size:
      8.8px!important;

    line-height:
      1.38!important;
  }

}


/* ============================================================
10. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right *,
  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right *::before,
  .elementor-520 .elementor-element.elementor-element-36e5923 .coastal-hero-collage__right *::after{
    animation:none!important;
    transition:none!important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-360c413 *//* ============================================================
PUTU BALI TOUR — HERITAGE RED
PREMIUM CINEMATIC HERO V8 — ELEMENTOR HEADING COLOR CONTROL

Native Elementor
No HTML Widget

PALETTE
Deep Maroon   #6D1F24
Heritage Red  #A83832
Sunset Gold   #D7A44A
Brick Red     #C85B4A
Warm Ivory    #F7F1E7
Soft Blush    #EAD8D2
Charcoal      #2B2523
Pure White    #FFFFFF
============================================================ */


/* ============================================================
01. DESIGN SYSTEM
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413{

    --pt-maroon:#6D1F24;
    --pt-maroon-dark:#57181D;

    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;

    --pt-brick:#C85B4A;

    --pt-gold:#D7A44A;
    --pt-gold-light:#D7A44A;

    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;

    --pt-charcoal:#2B2523;
    --pt-white:#FFFFFF;

    --pt-line:
        rgba(215,164,74,.24);

    --pt-glass:
        rgba(255,255,255,.075);

    --pt-shadow:
        0 22px 54px
        rgba(65,27,27,.16);

    --pt-shadow-strong:
        0 30px 72px
        rgba(65,27,27,.24);

    --pt-ease:
        cubic-bezier(.22,.72,.2,1);

    position:relative;

    color:
        var(--pt-charcoal);

}


/* ============================================================
02. GLOBAL SAFETY
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 *,
.elementor-520 .elementor-element.elementor-element-360c413 *::before,
.elementor-520 .elementor-element.elementor-element-360c413 *::after{

    box-sizing:
        border-box;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-shell{

    width:
        100%;

    max-width:
        1240px;

    margin-inline:
        auto;

}


/* ============================================================
03. SECTION SYSTEM
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-section{

    position:
        relative;

    isolation:
        isolate;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-section-label{

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-section-title{

    position:
        relative;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-section-title::after{

    content:"";

    display:block;

    width:
        52px;

    height:
        2px;

    margin-top:
        11px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,

            var(--pt-gold) 0%,
            rgba(215,164,74,.42) 56%,
            transparent 100%
        );

    box-shadow:
        0 2px 8px
        rgba(215,164,74,.12);

    transition:
        width .48s
        var(--pt-ease);

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-section:hover
.pt-section-title::after{

    width:
        86px;

}


/* ============================================================
04. TEXT LINK
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-text-link
.elementor-button{

    padding:
        0 !important;

    background:
        transparent !important;

    color:
        var(--pt-red) !important;

    box-shadow:
        none !important;

    border:
        0 !important;

    transition:
        color .30s ease,
        transform .34s var(--pt-ease);

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-text-link
.elementor-button:hover{

    color:
        var(--pt-maroon) !important;

    transform:
        translateX(4px);

}


/* ============================================================
05. GLOBAL BUTTON MOTION
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .elementor-button{

    position:
        relative;

    transition:

        transform .36s var(--pt-ease),

        box-shadow .36s var(--pt-ease),

        background .32s ease,

        border-color .32s ease,

        color .32s ease;

}


/* ============================================================
06. HERO WRAPPER — NO PHOTO BACKGROUND
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero{

    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;

    min-height:
        650px;


    background:

        radial-gradient(
            circle at 80% 18%,
            rgba(215,164,74,.115) 0%,
            rgba(215,164,74,.035) 25%,
            transparent 50%
        ),

        radial-gradient(
            circle at 12% 82%,
            rgba(234,216,210,.085) 0%,
            rgba(200,91,74,.045) 28%,
            transparent 56%
        ),

        linear-gradient(
            118deg,

            #57181D 0%,

            #6D1F24 38%,

            #8E2B2C 70%,

            #A83832 100%
        );


    border-top:
        1px solid
        rgba(215,164,74,.10);

    border-bottom:
        1px solid
        rgba(255,255,255,.05);

}


/* ============================================================
07. HERO DECORATIVE LAYER — CSS ONLY
Background image has been fully removed.
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::before{

    content:"";

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;


    background:

        linear-gradient(
            115deg,
            rgba(255,255,255,.028) 0%,
            transparent 31%,
            rgba(215,164,74,.045) 68%,
            transparent 100%
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 86px,
            rgba(255,255,255,.012) 87px,
            transparent 88px
        );


    opacity:
        .92;


    pointer-events:
        none;


    transform:
        none;


    filter:
        none;


    transition:
        opacity .7s ease;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero:hover::before{

    opacity:
        1;

    transform:
        none;

    filter:
        none;

}


/* ============================================================
08. HERO LOWER CINEMATIC FADE
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::after{

    content:"";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;


    height:
        185px;


    z-index:
        -1;


    background:

        linear-gradient(
            180deg,

            transparent 0%,

            rgba(87,24,29,.14) 34%,

            rgba(43,37,35,.34) 100%
        );

}


/* ============================================================
09. SUBTLE LIGHT ATMOSPHERE — CSS ONLY
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-shell{

    position:
        relative;

}


/* soft luxury glow */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-shell::before{

    content:"";

    position:
        absolute;


    right:
        -90px;

    top:
        -120px;


    width:
        420px;

    height:
        420px;


    border-radius:
        50%;


    background:

        radial-gradient(
            circle,

            rgba(215,164,74,.11) 0%,

            rgba(215,164,74,.035) 40%,

            transparent 70%
        );


    filter:
        blur(8px);


    pointer-events:
        none;


    animation:
        ptHeroGoldGlow
        9s ease-in-out
        infinite alternate;

}


@keyframes ptHeroGoldGlow{

    0%{

        opacity:
            .55;

        transform:
            translate3d(0,0,0)
            scale(.96);

    }


    100%{

        opacity:
            .88;

        transform:
            translate3d(-18px,16px,0)
            scale(1.05);

    }

}


/* ============================================================
10. HERO COPY
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy{

    position:
        relative;

    z-index:
        4;

}


/* decorative luxury rail */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy::before{

    content:"";

    position:
        absolute;


    left:
        -22px;

    top:
        4px;


    width:
        3px;

    height:
        126px;


    border-radius:
        999px;


    background:

        linear-gradient(
            180deg,

            #D7A44A 0%,

            #D7A44A 42%,

            #C85B4A 72%,

            rgba(200,91,74,.12) 100%
        );


    box-shadow:

        0 0 17px
        rgba(215,164,74,.20),

        0 0 32px
        rgba(215,164,74,.07);


    pointer-events:
        none;

}


/* secondary tiny accent */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}


/* ============================================================
11. EYEBROW
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-eyebrow{

    width:
        max-content;

    max-width:
        100%;


    padding:
        7px 13px;


    border:
        1px solid
        rgba(215,164,74,.24);


    border-radius:
        999px;


    background:
        linear-gradient(
            135deg,
            rgba(87,24,29,.34),
            rgba(109,31,36,.18)
        );


    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.055),

        0 8px 18px
        rgba(65,27,27,.08);


    -webkit-backdrop-filter:
        blur(9px);

    backdrop-filter:
        blur(9px);

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-eyebrow
.elementor-heading-title{

    color:
        var(--pt-gold) !important;


    letter-spacing:
        .20em;


    text-transform:
        uppercase;

}


/* ============================================================
12. HERO TITLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title
.elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */


    text-shadow:

        0 4px 20px
        rgba(0,0,0,.24),

        0 14px 38px
        rgba(49,8,11,.15);

}


/* ============================================================
13. HERO ACCENT TITLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title-accent{

    position:
        relative;

    width:
        max-content;

    max-width:
        100%;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title-accent
.elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */


    text-shadow:

        0 4px 18px
        rgba(49,8,11,.24),

        0 10px 30px
        rgba(215,164,74,.10);

}


/* accent underline */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title-accent::after{

    content:"";

    display:block;


    width:
        88px;

    height:
        2px;


    margin-top:
        10px;


    border-radius:
        999px;


    background:

        linear-gradient(
            90deg,

            var(--pt-gold),

            rgba(215,164,74,.38),

            transparent
        );


    box-shadow:

        0 3px 12px
        rgba(215,164,74,.14);


    transition:
        width .52s var(--pt-ease);

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero:hover
.pt-hero-title-accent::after{

    width:
        138px;

}


/* ============================================================
14. HERO DESCRIPTION
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-text{

    max-width:
        650px;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-text p{

    color:
        rgba(255,255,255,.84) !important;


    text-shadow:

        0 2px 10px
        rgba(0,0,0,.14);

}


/* ============================================================
15. PRIMARY CTA
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-primary-btn
.elementor-button{

    position:
        relative;

    overflow:
        hidden;


    border:
        1px solid
        rgba(255,255,255,.14);


    border-radius:
        12px;


    background:
        #A83832;


    color:
        #FFFFFF;


    box-shadow:

        0 13px 30px
        rgba(109,31,36,.26),

        inset 0 1px 0
        rgba(255,255,255,.12);


    transition:
        transform .36s var(--pt-ease),
        background .32s ease,
        border-color .32s ease,
        box-shadow .36s var(--pt-ease);

}


/* shine */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-primary-btn
.elementor-button::before{

    content:"";

    position:
        absolute;


    top:
        -28%;

    left:
        -90%;


    width:
        48%;

    height:
        156%;


    transform:
        skewX(-24deg);


    background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(255,255,255,.12) 22%,

            rgba(255,255,255,.64) 50%,

            rgba(255,255,255,.12) 78%,

            transparent 100%
        );


    transition:

        left .78s ease;

}


/* bottom light */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-primary-btn
.elementor-button::after{

    content:"";

    position:
        absolute;


    left:
        20%;

    right:
        20%;

    bottom:
        0;


    height:
        1px;


    background:

        linear-gradient(
            90deg,

            transparent,

            rgba(255,255,255,.60),

            transparent
        );


    opacity:
        .55;

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-primary-btn
.elementor-button:hover{

    transform:
        translateY(-3px);


    background:
        #8E2B2C;


    border-color:
        rgba(215,164,74,.26);


    box-shadow:

        0 19px 40px
        rgba(109,31,36,.34),

        inset 0 1px 0
        rgba(255,255,255,.16);

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-primary-btn
.elementor-button:hover::before{

    left:
        138%;

}


/* ============================================================
16. SECONDARY CTA
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-secondary
.elementor-button{

    overflow:
        hidden;


    border:
        1px solid
        rgba(215,164,74,.30);


    border-radius:
        12px;


    background:
        rgba(109,31,36,.70);


    color:
        #FFFFFF;


    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.055),

        0 10px 24px
        rgba(65,27,27,.14);


    -webkit-backdrop-filter:
        blur(10px);

    backdrop-filter:
        blur(10px);

}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-secondary
.elementor-button:hover{

    transform:
        translateY(-3px);


    border-color:
        rgba(215,164,74,.48);


    background:
        #57181D;


    box-shadow:

        0 16px 32px
        rgba(65,27,27,.22);

}


/* ============================================================
17. TRUST AREA — STABLE PREMIUM GRID V6
Fix utama:
- override width bawaan Elementor
- semua card benar-benar sama lebar
- tidak ada card yang menyempit
- tinggi card compact dan konsisten
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-trust{
    --width:100% !important;

    position:relative;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin-top:12px;
    padding-top:20px;

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;

    align-items:stretch !important;

    border-top:1px solid rgba(215,164,74,.20);

    isolation:isolate;
}


/* refined divider */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-trust::before{
    content:"";

    position:absolute;

    top:-1px;
    left:0;

    width:86px;
    height:2px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold) 0%,
            rgba(215,164,74,.34) 58%,
            transparent 100%
        );

    box-shadow:
        0 2px 10px
        rgba(215,164,74,.10);
}


/* ============================================================
18. TRUST ITEMS — COMPACT LUXURY CARD V6
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust{
    --width:100% !important;

    position:relative;
    isolation:isolate;
    overflow:hidden;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    min-height:72px !important;
    height:auto !important;

    margin:0 !important;
    padding:14px 16px !important;

    display:grid !important;

    grid-template-columns:
        26px
        minmax(0,1fr)
        !important;

    column-gap:11px !important;

    align-items:center !important;
    align-content:center !important;

    justify-items:start !important;

    border:
        1px solid
        rgba(247,241,231,.095);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(247,241,231,.055) 0%,
            rgba(234,216,210,.026) 48%,
            rgba(87,24,29,.16) 100%
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.045),
        0 10px 24px
        rgba(65,27,27,.10);

    -webkit-backdrop-filter:blur(9px);
    backdrop-filter:blur(9px);

    transform:translateY(0);

    transition:
        transform .36s var(--pt-ease),
        border-color .30s ease,
        background .30s ease,
        box-shadow .36s var(--pt-ease);
}


/* subtle light */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-1;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045) 0%,
            transparent 46%,
            rgba(255,255,255,.01) 100%
        );
}


/* tiny top accent */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust::after{
    content:"";

    position:absolute;

    top:0;
    left:16px;

    width:38px;
    height:2px;

    border-radius:
        0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            rgba(215,164,74,.18)
        );

    transition:
        width .45s var(--pt-ease),
        box-shadow .30s ease;
}


/* ============================================================
RESET ELEMENTOR CHILD WIDTHS
Ini bagian penting agar text tidak vertikal / menyempit.
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust > .elementor-element{
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
}


/* icon widget */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust > .elementor-widget-icon{
    --width:26px !important;

    width:26px !important;
    min-width:26px !important;
    max-width:26px !important;

    grid-column:1;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* heading widget */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust > .elementor-widget-heading{
    --width:auto !important;

    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;

    grid-column:2;

    display:block !important;
}


/* ============================================================
ICON
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust .elementor-icon-wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
}


.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust .elementor-icon{
    width:26px;
    height:26px;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:var(--pt-gold) !important;

    filter:
        drop-shadow(
            0 4px 9px
            rgba(215,164,74,.16)
        );

    transition:
        transform .34s var(--pt-ease),
        filter .34s ease;
}


/* ============================================================
TEXT
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust .elementor-heading-title{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    margin:0 !important;

    color:
        rgba(255,255,255,.94)
        !important;

    line-height:1.35 !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;

    writing-mode:
        horizontal-tb
        !important;

    text-orientation:
        mixed
        !important;
}


/* ============================================================
HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust:hover{
        transform:
            translateY(-4px);

        border-color:
            rgba(215,164,74,.24);

        background:
            linear-gradient(
                135deg,
                rgba(215,164,74,.095) 0%,
                rgba(234,216,210,.045) 42%,
                rgba(87,24,29,.22) 100%
            );

        box-shadow:
            0 17px 34px
            rgba(65,27,27,.16),
            inset 0 1px 0
            rgba(255,255,255,.065);
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust:hover::after{
        width:
            calc(100% - 32px);

        box-shadow:
            0 2px 11px
            rgba(215,164,74,.15);
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust:hover
    .elementor-icon{
        transform:
            scale(1.08);

        filter:
            drop-shadow(
                0 6px 13px
                rgba(215,164,74,.23)
            );
    }

}


/* ============================================================
TRUST — TABLET
============================================================ */

@media(min-width:768px) and (max-width:1024px){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:13px !important;

        padding-top:17px;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust{
        min-height:68px !important;

        padding:
            13px 15px
            !important;

        grid-template-columns:
            25px minmax(0,1fr)
            !important;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust > .elementor-widget-icon{
        --width:25px !important;

        width:25px !important;
        min-width:25px !important;
        max-width:25px !important;
    }

}


/* ============================================================
TRUST — MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:10px !important;

        margin-top:6px;

        padding-top:15px;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust{
        min-height:62px !important;

        padding:
            11px 12px
            !important;

        grid-template-columns:
            22px minmax(0,1fr)
            !important;

        column-gap:
            9px !important;

        border-radius:
            12px;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust > .elementor-widget-icon{
        --width:22px !important;

        width:22px !important;
        min-width:22px !important;
        max-width:22px !important;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust .elementor-icon{
        width:22px;
        height:22px;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust::after{
        left:12px;

        width:28px;
    }

}


/* ============================================================
TRUST — SMALL MOBILE
============================================================ */

@media(max-width:480px){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-trust{
        grid-template-columns:
            1fr
            !important;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust{
        min-height:58px !important;
    }

}


/* ============================================================
19. DESKTOP > 1024
============================================================ */

@media(min-width:1025px){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy{

        max-width:
            720px;

    }

}


/* ============================================================
20. TABLET
============================================================ */

@media(min-width:768px) and (max-width:1024px){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero{

        min-height:
            590px;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::before{

        opacity:
            .96;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy{

        width:
            74% !important;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy::before{
        left:-16px;
        height:110px;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy::after{
        content:none !important;
        display:none !important;
    }



}


/* ============================================================
21. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero{

        min-height:
            auto;


        background:

            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.10),
                transparent 36%
            ),

            linear-gradient(
                180deg,

                #57181D 0%,

                #6D1F24 54%,

                #8E2B2C 100%
            );

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::before{

        opacity:
            .92;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::after{

        height:
            130px;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-shell::before{

        width:
            280px;

        height:
            280px;


        left:
            35%;

        top:
            -60px;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy{

        width:
            100% !important;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy::before{
        left:-9px;
        top:4px;
        height:78px;
        width:2px;
    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy::after{

        display:
            none;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-eyebrow{

        padding:

            6px 10px;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title-accent::after{

        width:
            64px;


        margin-top:
            7px;

    }


    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero:hover
    .pt-hero-title-accent::after{

        width:
            92px;

    }



}


/* ============================================================
22. SMALL MOBILE
============================================================ */






/* ============================================================
HERO BACKGROUND IMAGE SAFETY
Ensures this CSS never loads an image behind the hero.
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero,
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::before,
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::after,
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-shell,
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-shell::before{
    background-image:
        none
        !important;
}

/* Reapply CSS-only gradients after background-image reset */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero{
    background:

        radial-gradient(
            circle at 76% 20%,
            rgba(215,164,74,.12) 0%,
            rgba(215,164,74,.04) 22%,
            transparent 48%
        ),

        radial-gradient(
            circle at 18% 76%,
            rgba(200,91,74,.14) 0%,
            rgba(200,91,74,.04) 28%,
            transparent 54%
        ),

        linear-gradient(
            120deg,
            #57181D 0%,
            #6D1F24 36%,
            #8E2B2C 68%,
            #A83832 100%
        )
        !important;
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::before{
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.025) 0%,
            transparent 34%,
            rgba(215,164,74,.045) 72%,
            transparent 100%
        )
        !important;
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero::after{
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(87,24,29,.12) 34%,
            rgba(43,37,35,.30) 100%
        )
        !important;
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-shell::before{
    background:
        radial-gradient(
            circle,
            rgba(215,164,74,.11) 0%,
            rgba(215,164,74,.035) 40%,
            transparent 70%
        )
        !important;
}

@media(max-width:767px){

    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero{

        background:

            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.10),
                transparent 36%
            ),

            linear-gradient(
                180deg,
                #57181D 0%,
                #6D1F24 54%,
                #8E2B2C 100%
            )
            !important;

    }

}




/* ============================================================
TRUST GRID FINAL WIDTH SAFETY — V6
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-trust{
    --width:100% !important;
    width:100% !important;
    max-width:none !important;
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-trust > .pt-mini-trust{
    --width:100% !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust > .elementor-widget-heading{
    --width:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
}





/* ============================================================
24. HERITAGE WORD PALETTE — FINAL VISUAL LOCK
============================================================ */

.elementor-520 .elementor-element.elementor-element-360c413{
    --pt-maroon:#6D1F24;
    --pt-maroon-dark:#57181D;
    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;
    --pt-brick:#C85B4A;
    --pt-gold:#D7A44A;
    --pt-gold-light:#D7A44A;
    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;
    --pt-charcoal:#2B2523;
    --pt-white:#FFFFFF;
}

/* continuous rail safety */
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}

/* eyebrow */
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-eyebrow .elementor-heading-title{
    color:#D7A44A!important;
}

/* headline */
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title .elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */
}

/* accent headline */
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title-accent .elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */
}

/* primary CTA */
.elementor-520 .elementor-element.elementor-element-360c413 .pt-primary-btn .elementor-button{
    background:#A83832!important;
    color:#FFFFFF!important;
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-primary-btn .elementor-button:hover{
    background:#8E2B2C!important;
}

/* secondary CTA */
.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-secondary .elementor-button{
    background:rgba(109,31,36,.70)!important;
    color:#FFFFFF!important;
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-secondary .elementor-button:hover{
    background:#57181D!important;
}

/* trust icons */
.elementor-520 .elementor-element.elementor-element-360c413 .pt-mini-trust .elementor-icon{
    color:#D7A44A!important;
}

/* mobile */
@media(max-width:767px){
    .elementor-520 .elementor-element.elementor-element-360c413 .pt-hero{
        background:
            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.09),
                transparent 36%
            ),
            linear-gradient(
                180deg,
                #57181D 0%,
                #6D1F24 56%,
                #8E2B2C 100%
            )!important;
    }
}




/* ============================================================
25. HEADING COLOR — ELEMENTOR CONTROL SAFETY
============================================================ */

/*
DESAIN TIDAK DIHILANGKAN.

Untuk mengganti warna Heading:
Elementor > pilih widget Heading > Style > Text Color

CSS tetap mengatur:
- text-shadow
- underline / accent line
- hover underline
- layout
- responsive
- animation
- spacing
- button styling
- hero atmosphere

Tetapi CSS TIDAK mengunci warna untuk:
.pt-hero-title
.pt-hero-title-accent
*/

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title .elementor-heading-title{
    /* color intentionally controlled by Elementor */
}

.elementor-520 .elementor-element.elementor-element-360c413 .pt-hero-title-accent .elementor-heading-title{
    /* color intentionally controlled by Elementor */
}



/* ============================================================
23. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-520 .elementor-element.elementor-element-360c413 *,
    .elementor-520 .elementor-element.elementor-element-360c413 *::before,
    .elementor-520 .elementor-element.elementor-element-360c413 *::after{

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491f50 *//* ============================================================
   ============================================================
   FINAL HIGH-END ABOUT US
   CV BALINGKANG PARADISE

   ELEMENTOR CONTAINER VERSION

   FONT
   Heading : El Messiri
   Body    : DM Sans

   COLOR
   Semua warna dikontrol langsung oleh CSS.
   Tidak membutuhkan Elementor Global Color.

   RESPONSIVE
   Desktop
   Laptop
   Tablet
   Android
   iPhone
   Small Mobile
   ============================================================
   ============================================================ */


/* ============================================================
   01. MASTER DESIGN SYSTEM
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 {

    /* --------------------------------------------------------
       BRAND COLORS
       -------------------------------------------------------- */

    --ab-primary: #6D1F24;
    /* Deep Maroon */

    --ab-secondary: #A83832;
    /* Heritage Red */

    --ab-warm-red: #C85B4A;
    /* Brick Red */

    --ab-accent: #2F6462;
    /* Deep Teal */


    /* --------------------------------------------------------
       LIGHT COLORS
       -------------------------------------------------------- */

    --ab-ivory: #F7F1E7;

    --ab-section-top: #FCF9F4;

    --ab-blush: #EAD8D2;

    --ab-white: #FFFFFF;


    /* --------------------------------------------------------
       TEXT COLORS
       -------------------------------------------------------- */

    --ab-text: #2B2523;

    --ab-muted:
        rgba(43, 37, 35, 0.70);

    --ab-soft:
        rgba(43, 37, 35, 0.54);

    --ab-faint:
        rgba(43, 37, 35, 0.34);


    /* --------------------------------------------------------
       BORDER COLORS
       -------------------------------------------------------- */

    --ab-line:
        rgba(109, 31, 36, 0.15);

    --ab-line-soft:
        rgba(109, 31, 36, 0.075);


    /* --------------------------------------------------------
       SIZING
       -------------------------------------------------------- */

    --ab-max-width: 1440px;

    --ab-image-radius: 44px;

    --ab-owner-radius: 28px;

    --ab-column-gap:
        clamp(76px, 8vw, 145px);


    /* --------------------------------------------------------
       SECTION BASE
       -------------------------------------------------------- */

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    box-sizing: border-box;

    font-family:
        "DM Sans",
        sans-serif;

    color:
        var(--ab-text);

    background:
        linear-gradient(
            180deg,
            var(--ab-section-top) 0%,
            var(--ab-ivory) 100%
        );

    padding:
        clamp(90px, 9vw, 155px)
        clamp(22px, 5vw, 82px);
}


/* ============================================================
   02. BOX SIZING
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 *,
.elementor-520 .elementor-element.elementor-element-6491f50 *::before,
.elementor-520 .elementor-element.elementor-element-6491f50 *::after {

    box-sizing: border-box;
}


/* ============================================================
   03. AMBIENT RED GLOW
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50::before {

    content: "";

    position: absolute;

    width:
        clamp(440px, 56vw, 920px);

    height:
        clamp(440px, 56vw, 920px);

    right:
        clamp(-450px, -21vw, -180px);

    top:
        clamp(-330px, -15vw, -120px);

    z-index: -3;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(168, 56, 50, 0.13) 0%,
            rgba(168, 56, 50, 0.055) 36%,
            transparent 70%
        );

    filter:
        blur(7px);

    animation:
        aboutAmbientGlow
        10s
        ease-in-out
        infinite;
}


/* ============================================================
   04. SUBTLE GRID TEXTURE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    opacity: 0.34;

    background-image:

        linear-gradient(
            rgba(109, 31, 36, 0.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(109, 31, 36, 0.025) 1px,
            transparent 1px
        );

    background-size:
        48px 48px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            black 16%,
            black 84%,
            transparent
        );

    mask-image:
        linear-gradient(
            to right,
            transparent,
            black 16%,
            black 84%,
            transparent
        );
}


/* ============================================================
   05. MAIN SHELL
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

    position: relative;

    width:
        min(
            100%,
            var(--ab-max-width)
        );

    margin-inline: auto;

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 0.98fr)
        minmax(0, 1.02fr);

    align-items: center;

    gap:
        var(--ab-column-gap);

    z-index: 2;
}


/* ============================================================
   06. LARGE 01 WATERMARK
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::before {

    content: "01";

    position: absolute;

    right: 0;

    top: -74px;

    z-index: -1;

    pointer-events: none;

    user-select: none;

    font-family:
        "El Messiri",
        serif;

    font-size:
        clamp(82px, 10vw, 160px);

    font-weight: 500;

    line-height: 1;

    letter-spacing: -0.04em;

    color: transparent;

    -webkit-text-stroke:
        1px
        rgba(109, 31, 36, 0.055);

    opacity: 0.90;
}


/* ============================================================
   07. LARGE BALI WATERMARK
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::after {

    content: "BALI";

    position: absolute;

    left: 0;

    bottom: -58px;

    z-index: -1;

    pointer-events: none;

    user-select: none;

    font-family:
        "El Messiri",
        serif;

    font-size:
        clamp(90px, 14vw, 220px);

    font-weight: 600;

    line-height: 0.8;

    letter-spacing: -0.045em;

    color: transparent;

    -webkit-text-stroke:
        1px
        rgba(109, 31, 36, 0.042);

    opacity: 0.78;
}


/* ============================================================
   08. VISUAL COLUMN
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

    position: relative;

    display: block !important;

    width: 100%;

    min-width: 0;

    min-height:
        clamp(630px, 50vw, 790px);

    z-index: 3;
}


/* ============================================================
   09. MAIN IMAGE WRAPPER
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

    position: absolute;

    left: 0;

    top: 5%;

    width:
        min(82%, 560px);

    height: 78%;

    display: block !important;

    overflow: visible;

    z-index: 2;

    border-radius:
        var(--ab-image-radius);
}


/* ============================================================
   10. OFFSET IMAGE FRAME
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before {

    content: "";

    position: absolute;

    inset:
        24px
        -24px
        -24px
        24px;

    z-index: -2;

    border:
        1px solid
        rgba(109, 31, 36, 0.20);

    border-radius:
        var(--ab-image-radius);

    transition:
        transform
        0.7s
        cubic-bezier(.2, .75, .2, 1);
}


/* ============================================================
   11. ORGANIC RED SHAPE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::after {

    content: "";

    position: absolute;

    width: 138px;

    height: 138px;

    left: -46px;

    top: -44px;

    z-index: -3;

    border-radius:
        50%
        50%
        22%
        50%;

    background:
        linear-gradient(
            145deg,
            var(--ab-secondary),
            var(--ab-warm-red)
        );

    opacity: 0.94;

    transform:
        rotate(18deg);

    box-shadow:
        0 24px 52px
        rgba(109, 31, 36, 0.12);
}


/* ============================================================
   12. MAIN IMAGE WIDGET
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image {

    width: 100%;

    height: 100%;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image
.elementor-widget-container {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius:
        var(--ab-image-radius);

    background:
        var(--ab-blush);

    box-shadow:
        0 32px 74px
        rgba(55, 34, 30, 0.13);
}


/* ============================================================
   13. MAIN IMAGE SUBTLE OVERLAY
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image
.elementor-widget-container::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 52%,
            rgba(34, 21, 20, 0.11) 100%
        );
}


/* ============================================================
   14. MAIN IMAGE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image img {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 100%;

    object-fit: cover;

    object-position: center center;

    transform:
        scale(1.02);

    transition:
        transform
        1.1s
        cubic-bezier(.2, .75, .2, 1),
        filter
        0.8s
        ease;
}


/* ============================================================
   15. MAIN IMAGE HOVER
   ============================================================ */

@media (hover:hover) {

    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap:hover
    .about-main-image img {

        transform:
            scale(1.07);

        filter:
            saturate(1.035)
            contrast(1.015);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap:hover::before {

        transform:
            translate(7px, 7px);
    }
}


/* ============================================================
   16. OWNER CARD
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

    position: absolute;

    right: 0;

    bottom: 1%;

    width:
        clamp(225px, 20vw, 315px);

    display:
        flex !important;

    flex-direction: column;

    align-items: stretch;

    overflow: hidden;

    z-index: 7;

    border:
        7px solid
        var(--ab-ivory);

    border-radius:
        var(--ab-owner-radius);

    background:
        var(--ab-white);

    /* softer premium shadow */

    box-shadow:
        0 24px 55px
        rgba(49, 30, 28, 0.13);

    transition:
        transform
        0.6s
        cubic-bezier(.2, .75, .2, 1),
        box-shadow
        0.6s
        ease;
}


/* ============================================================
   17. OWNER CARD TEAL DETAIL
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card::before {

    content: "";

    position: absolute;

    left: 20px;

    top: 20px;

    width: 10px;

    height: 10px;

    z-index: 8;

    border-radius: 50%;

    background:
        var(--ab-accent);

    box-shadow:
        0 0 0 7px
        rgba(47, 100, 98, 0.13);
}


/* ============================================================
   18. OWNER IMAGE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-image {

    width: 100%;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-image
.elementor-widget-container {

    width: 100%;

    overflow: hidden;

    aspect-ratio:
        4 / 4.7;

    background:
        var(--ab-blush);
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center top;

    transform:
        scale(1.01);

    transition:
        transform
        0.85s
        cubic-bezier(.2, .75, .2, 1);
}


/* ============================================================
   19. OWNER INFO
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-info {

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        5px !important;

    padding:
        20px
        22px
        23px;
}


/* ============================================================
   20. OWNER LABEL
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-label {

    margin: 0;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-label
.elementor-heading-title {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        0.16em !important;

    text-transform:
        uppercase;

    color:
        var(--ab-secondary) !important;
}


/* ============================================================
   21. OWNER ROLE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-role {

    margin: 0;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-role
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(19px, 1.7vw, 25px) !important;

    font-weight:
        500 !important;

    line-height:
        1.18 !important;

    letter-spacing:
        -0.015em !important;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   22. OWNER CARD HOVER
   ============================================================ */

@media (hover:hover) {

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card:hover {

        transform:
            translateY(-8px)
            rotate(-0.45deg);

        box-shadow:
            0 32px 72px
            rgba(49, 30, 28, 0.17);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-owner-card:hover
    .about-owner-image img {

        transform:
            scale(1.055);
    }
}


/* ============================================================
   23. EXPERIENCE BADGE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

    position: absolute;

    left: 5%;

    bottom: 0;

    z-index: 8;

    width:
        clamp(175px, 16vw, 225px);

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        5px !important;

    padding:
        22px
        24px;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.15);

    border-radius:
        22px;

    background:
        linear-gradient(
            145deg,
            var(--ab-primary) 0%,
            #50171B 100%
        );

    box-shadow:
        0 22px 48px
        rgba(109, 31, 36, 0.20);
}


/* ============================================================
   24. EXPERIENCE DECORATION
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience::after {

    content: "";

    position: absolute;

    width: 92px;

    height: 92px;

    right: -35px;

    top: -35px;

    border-radius: 50%;

    background:
        rgba(168, 56, 50, 0.52);

    pointer-events: none;
}


/* ============================================================
   25. EXPERIENCE NUMBER
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-number {

    position: relative;

    z-index: 2;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-number
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(25px, 2.7vw, 39px) !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.02em !important;

    color:
        var(--ab-white) !important;
}


/* ============================================================
   26. EXPERIENCE TEXT
   Improved readability
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text {

    position: relative;

    z-index: 2;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        10.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.50 !important;

    letter-spacing:
        0.02em;

    color:
        rgba(255, 255, 255, 0.74) !important;
}


/* ============================================================
   27. CONTENT COLUMN
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-content {

    position: relative;

    min-width: 0;

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        0 !important;

    z-index: 4;
}


/* ============================================================
   28. ABOUT EYEBROW
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow {

    margin:
        0 0 24px;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow
.elementor-heading-title {

    display:
        inline-flex;

    align-items: center;

    gap: 13px;

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(10px, 0.75vw, 12px) !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        0.18em !important;

    text-transform:
        uppercase;

    color:
        var(--ab-secondary) !important;
}


/* ============================================================
   29. EYEBROW LINE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow
.elementor-heading-title::before {

    content: "";

    width: 38px;

    height: 1px;

    flex-shrink: 0;

    background:
        var(--ab-secondary);
}


/* ============================================================
   30. MAIN ABOUT TITLE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-title {

    margin: 0;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-title
.elementor-heading-title {

    max-width: 740px;

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(48px, 5.4vw, 84px) !important;

    font-weight:
        500 !important;

    line-height:
        0.98 !important;

    letter-spacing:
        -0.038em !important;

    color:
        var(--ab-primary) !important;

    text-wrap: balance;
}


/* ============================================================
   31. LEAD TEXT
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead {

    max-width: 670px;

    margin-top:
        clamp(26px, 3vw, 38px);

    padding-left: 24px;

    border-left:
        1px solid
        var(--ab-accent);
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(16px, 1.25vw, 19px) !important;

    font-weight:
        500 !important;

    line-height:
        1.67 !important;

    letter-spacing:
        -0.012em;

    color:
        var(--ab-text) !important;
}


/* ============================================================
   32. COMPANY IDENTITY
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company {

    position: relative;

    width: 100%;

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        6px !important;

    margin-top:
        clamp(36px, 4vw, 52px);

    padding:
        23px
        26px
        24px
        30px;

    overflow: hidden;

    border:
        1px solid
        var(--ab-line);

    border-radius:
        18px;

    background:
        rgba(255, 255, 255, 0.58);

    -webkit-backdrop-filter:
        blur(8px);

    backdrop-filter:
        blur(8px);

    box-shadow:
        inset
        0 1px 0
        rgba(255, 255, 255, 0.66);
}


/* ============================================================
   33. COMPANY RED STRIPE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 4px;

    background:
        linear-gradient(
            to bottom,
            var(--ab-secondary),
            var(--ab-primary)
        );
}


/* ============================================================
   34. COMPANY DECORATIVE RING
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company::after {

    content: "";

    position: absolute;

    width: 108px;

    height: 108px;

    right: -48px;

    top: -52px;

    border:
        1px solid
        rgba(109, 31, 36, 0.085);

    border-radius: 50%;

    pointer-events: none;
}


/* ============================================================
   35. COMPANY LABEL
   Improved readability
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-label
.elementor-heading-title {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        0.18em !important;

    text-transform:
        uppercase;

    color:
        var(--ab-soft) !important;
}


/* ============================================================
   36. COMPANY NAME
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(22px, 2vw, 31px) !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        0.025em !important;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   37. DESCRIPTION
   Improved readability
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-description {

    max-width: 700px;

    margin-top: 27px;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-description
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(14.5px, 1.05vw, 16px) !important;

    font-weight:
        400 !important;

    line-height:
        1.85 !important;

    letter-spacing:
        -0.003em;

    color:
        rgba(43, 37, 35, 0.68) !important;
}


/* ============================================================
   38. TRUST GRID
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-grid {

    position: relative;

    width: 100%;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        0 !important;

    margin-top:
        clamp(38px, 4vw, 55px);

    border-top:
        1px solid
        var(--ab-line);

    border-left:
        1px solid
        var(--ab-line);
}


/* ============================================================
   39. TRUST ITEM
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {

    position: relative;

    min-width: 0;

    display:
        grid !important;

    grid-template-columns:
        46px
        minmax(0, 1fr);

    grid-template-rows:
        auto
        auto;

    column-gap: 16px;

    row-gap: 6px;

    align-items: start;

    padding:
        26px
        24px;

    overflow: hidden;

    border-right:
        1px solid
        var(--ab-line);

    border-bottom:
        1px solid
        var(--ab-line);

    background:
        transparent;

    transition:
        transform
        0.45s
        cubic-bezier(.2, .75, .2, 1),
        background
        0.45s
        ease;
}


/* ============================================================
   40. TRUST HOVER BACKGROUND
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    background:
        linear-gradient(
            145deg,
            rgba(168, 56, 50, 0.068),
            rgba(255, 255, 255, 0)
        );

    opacity: 0;

    transition:
        opacity
        0.45s
        ease;
}


/* ============================================================
   41. TRUST ICON WRAPPER
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon {

    grid-column: 1;

    grid-row:
        1 / 3;
}


/* ============================================================
   42. TRUST ICON
   FINAL DEEP TEAL FIX

   !important sengaja digunakan agar warna bawaan Elementor
   tidak mengubahnya menjadi biru/cyan.
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-widget-container {

    color:
        var(--ab-accent) !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        44px !important;

    height:
        44px !important;

    padding:
        0 !important;

    border:
        1px solid
        rgba(47, 100, 98, 0.28) !important;

    border-radius:
        50% !important;

    color:
        var(--ab-accent) !important;

    background:
        rgba(47, 100, 98, 0.065) !important;

    transition:
        transform
        0.45s
        cubic-bezier(.2, .75, .2, 1),
        color
        0.45s
        ease,
        background
        0.45s
        ease,
        border-color
        0.45s
        ease,
        box-shadow
        0.45s
        ease;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {

    width:
        17px !important;

    height:
        17px !important;

    color:
        var(--ab-accent) !important;

    fill:
        var(--ab-accent) !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon svg path {

    fill:
        var(--ab-accent) !important;

    color:
        var(--ab-accent) !important;
}


/* ============================================================
   43. TRUST TITLE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title {

    grid-column: 2;

    grid-row: 1;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(18px, 1.25vw, 21px) !important;

    font-weight:
        600 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        -0.01em;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   44. TRUST TEXT
   Improved readability
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text {

    grid-column: 2;

    grid-row: 2;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(13px, 0.90vw, 14px) !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;

    color:
        rgba(43, 37, 35, 0.56) !important;
}


/* ============================================================
   45. TRUST DESKTOP HOVER
   ============================================================ */

@media (hover:hover) {

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item:hover {

        transform:
            translateY(-4px);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item:hover::before {

        opacity: 1;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon {

        transform:
            rotate(-6deg)
            scale(1.065);

        background:
            var(--ab-accent) !important;

        border-color:
            var(--ab-accent) !important;

        color:
            var(--ab-white) !important;

        box-shadow:
            0 11px 28px
            rgba(47, 100, 98, 0.18);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon svg,

    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon svg path {

        color:
            #FFFFFF !important;

        fill:
            #FFFFFF !important;
    }
}


/* ============================================================
   46. SIGNATURE WRAPPER
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature {

    width: 100%;

    display:
        flex !important;

    flex-direction: row;

    align-items: center;

    gap:
        18px !important;

    margin-top:
        30px;
}


/* ============================================================
   47. SIGNATURE LINE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-line {

    width:
        48px !important;

    min-width:
        48px;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-line
.elementor-divider {

    padding:
        0 !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-line
.elementor-divider-separator {

    width:
        48px !important;

    border-block-start:
        1px solid
        var(--ab-accent) !important;
}


/* ============================================================
   48. SIGNATURE TEXT
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text p {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(16px, 1.2vw, 20px) !important;

    font-weight:
        500 !important;

    font-style:
        italic;

    line-height:
        1.35 !important;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   49. MODERN SCROLL REVEAL
   ============================================================ */

@supports (animation-timeline: view()) {

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        animation:
            aboutImageReveal
            linear
            both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            entry 36%;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-content {

        animation:
            aboutContentReveal
            linear
            both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            entry 35%;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        animation:
            aboutOwnerReveal
            linear
            both;

        animation-timeline:
            view();

        animation-range:
            entry 5%
            entry 42%;
    }
}


/* ============================================================
   50. IMAGE REVEAL
   ============================================================ */

@keyframes aboutImageReveal {

    from {

        opacity: 0;

        transform:
            translateX(-35px)
            scale(0.975);
    }

    to {

        opacity: 1;

        transform:
            translateX(0)
            scale(1);
    }
}


/* ============================================================
   51. CONTENT REVEAL
   ============================================================ */

@keyframes aboutContentReveal {

    from {

        opacity: 0;

        transform:
            translateY(30px);
    }

    to {

        opacity: 1;

        transform:
            translateY(0);
    }
}


/* ============================================================
   52. OWNER REVEAL
   ============================================================ */

@keyframes aboutOwnerReveal {

    from {

        opacity: 0;

        transform:
            translateY(35px)
            rotate(2deg);
    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            rotate(0);
    }
}


/* ============================================================
   53. AMBIENT ANIMATION
   ============================================================ */

@keyframes aboutAmbientGlow {

    0%,
    100% {

        opacity: 0.82;

        transform:
            scale(1);
    }

    50% {

        opacity: 1;

        transform:
            scale(1.06);
    }
}


/* ============================================================
   54. LARGE DESKTOP
   >= 1600px
   ============================================================ */

@media (min-width:1600px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        --ab-max-width:
            1510px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            810px;
    }
}


/* ============================================================
   55. LAPTOP
   1025px - 1280px
   ============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding-left:
            48px;

        padding-right:
            48px;

        --ab-column-gap:
            72px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

        grid-template-columns:
            minmax(0, 0.92fr)
            minmax(0, 1.08fr);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            650px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            80%;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            225px;
    }
}


/* ============================================================
   56. TABLET
   768px - 1024px
   ============================================================ */

@media
(min-width:768px)
and
(max-width:1024px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        /* ----------------------------------------------------
           TABLET POSITION CONFIG

           Positive X = ke kanan
           Negative X = ke kiri

           Positive Y = turun
           Negative Y = naik
           ---------------------------------------------------- */

        --tb-visual-x: 0px;

        --tb-visual-y: 0px;

        --tb-owner-x: 0px;

        --tb-owner-y: 0px;

        --tb-experience-x: 0px;

        --tb-experience-y: 0px;

        --tb-content-x: 0px;

        --tb-content-y: 0px;


        padding:
            90px
            clamp(32px, 5vw, 54px);
    }


    /* MAIN STACK */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

        grid-template-columns:
            1fr;

        gap:
            88px;
    }


    /* VISUAL */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        width:
            100%;

        min-height:
            650px;

        max-width:
            720px;

        margin-inline:
            auto;

        transform:
            translate(
                var(--tb-visual-x),
                var(--tb-visual-y)
            ) !important;
    }


    /* MAIN PHOTO */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            72%;

        height:
            82%;

        left:
            4%;

        top:
            0;
    }


    /* OWNER */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(220px, 30vw, 270px);

        right:
            2%;

        bottom:
            -2%;

        transform:
            translate(
                var(--tb-owner-x),
                var(--tb-owner-y)
            );
    }


    /* EXPERIENCE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

        left:
            1%;

        bottom:
            -2%;

        transform:
            translate(
                var(--tb-experience-x),
                var(--tb-experience-y)
            );
    }


    /* CONTENT */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-content {

        width:
            100%;

        max-width:
            760px;

        margin-inline:
            auto;

        transform:
            translate(
                var(--tb-content-x),
                var(--tb-content-y)
            ) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(54px, 8vw, 76px) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description {

        max-width:
            720px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::before {

        top:
            -62px;
    }
}


/* ============================================================
   57. TABLET PORTRAIT
   768px - 820px
   ============================================================ */

@media
(min-width:768px)
and
(max-width:820px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            620px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            225px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(50px, 8.2vw, 67px) !important;
    }
}


/* ============================================================
   58. MOBILE
   <= 767px
   Android + iPhone
   ============================================================ */

@media (max-width:767px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        --ab-image-radius:
            28px;

        padding:
            72px
            clamp(18px, 5.5vw, 26px);
    }


    /* MAIN LAYOUT */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

        grid-template-columns:
            1fr;

        gap:
            76px;
    }


    /* VISUAL */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        width:
            100%;

        min-height:
            clamp(510px, 132vw, 650px);
    }


    /* MAIN IMAGE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        left: 0;

        top: 0;

        width:
            83%;

        height:
            72%;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap::before {

        inset:
            15px
            -15px
            -15px
            15px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap::after {

        width:
            84px;

        height:
            84px;

        left:
            -25px;

        top:
            -24px;
    }


    /* OWNER CARD */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(180px, 53vw, 230px);

        right:
            0;

        bottom:
            3%;

        border-width:
            5px;

        border-radius:
            23px;

        box-shadow:
            0 20px 46px
            rgba(49, 30, 28, 0.13);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card::before {

        left:
            15px;

        top:
            15px;

        width:
            8px;

        height:
            8px;

        box-shadow:
            0 0 0
            5px
            rgba(47, 100, 98, 0.13);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-info {

        padding:
            16px
            17px
            18px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-label
    .elementor-heading-title {

        font-size:
            8px !important;

        letter-spacing:
            0.14em !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-role
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    /* EXPERIENCE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

        left:
            0;

        bottom:
            4%;

        width:
            clamp(145px, 40vw, 180px);

        padding:
            17px
            18px;

        border-radius:
            17px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-number
    .elementor-heading-title {

        font-size:
            24px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {

        font-size:
            9.7px !important;

        line-height:
            1.45 !important;
    }


    /* CONTENT */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow {

        margin-bottom:
            19px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow
    .elementor-heading-title {

        font-size:
            9px !important;

        letter-spacing:
            0.15em !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow
    .elementor-heading-title::before {

        width:
            26px;
    }


    /* TITLE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(42px, 12vw, 57px) !important;

        line-height:
            0.99 !important;

        letter-spacing:
            -0.035em !important;
    }


    /* LEAD */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead {

        max-width:
            100%;

        margin-top:
            23px;

        padding-left:
            17px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            15px !important;

        line-height:
            1.65 !important;
    }


    /* COMPANY */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company {

        margin-top:
            31px;

        padding:
            19px
            20px
            20px
            24px;

        border-radius:
            16px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company-label
    .elementor-heading-title {

        font-size:
            9px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            21px !important;

        letter-spacing:
            0.015em !important;
    }


    /* DESCRIPTION */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description {

        margin-top:
            22px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14px !important;

        line-height:
            1.78 !important;
    }


    /* TRUST GRID */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-grid {

        grid-template-columns:
            1fr;

        margin-top:
            38px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {

        grid-template-columns:
            42px
            minmax(0, 1fr);

        padding:
            22px
            18px;

        column-gap:
            14px;

        row-gap:
            5px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon
    .elementor-icon {

        width:
            40px !important;

        height:
            40px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {

        width:
            15px !important;

        height:
            15px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            17px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            12.5px !important;

        line-height:
            1.60 !important;
    }


    /* SIGNATURE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-signature {

        margin-top:
            27px;

        gap:
            13px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-line {

        width:
            32px !important;

        min-width:
            32px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-signature-line
    .elementor-divider-separator {

        width:
            32px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text p {

        font-size:
            16px !important;
    }


    /* BALI WATERMARK */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::after {

        font-size:
            clamp(95px, 31vw, 150px);

        bottom:
            -24px;

        opacity:
            0.45;
    }


    /* 01 */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::before {

        top:
            -35px;

        right:
            2px;

        font-size:
            clamp(70px, 24vw, 100px);
    }
}


/* ============================================================
   59. SMALL MOBILE
   <= 480px
   ============================================================ */

@media (max-width:480px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding-left:
            max(
                18px,
                env(safe-area-inset-left)
            );

        padding-right:
            max(
                18px,
                env(safe-area-inset-right)
            );
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            clamp(485px, 132vw, 590px);
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            48vw;

        min-width:
            170px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            38vw;

        min-width:
            140px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(39px, 11.5vw, 50px) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            20px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company {

        padding-right:
            18px;
    }
}


/* ============================================================
   60. VERY SMALL MOBILE
   <= 374px
   ============================================================ */

@media (max-width:374px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding-top:
            64px;

        padding-bottom:
            64px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            470px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            88%;

        height:
            69%;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            168px;

        min-width:
            168px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            136px;

        min-width:
            136px;

        padding:
            14px
            15px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-number
    .elementor-heading-title {

        font-size:
            21px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {

        font-size:
            8.8px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(36px, 11vw, 43px) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {

        padding:
            19px
            14px;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            12px !important;
    }
}


/* ============================================================
   61. TOUCH DEVICES
   ============================================================ */

@media
(hover:none)
and
(pointer:coarse) {

    .elementor-520 .elementor-element.elementor-element-6491f50 a,
    .elementor-520 .elementor-element.elementor-element-6491f50 button {

        -webkit-tap-highlight-color:
            transparent;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {

        transform:
            none;
    }
}


/* ============================================================
   62. REDUCED MOTION
   ============================================================ */

@media
(prefers-reduced-motion:reduce) {

    .elementor-520 .elementor-element.elementor-element-6491f50 *,
    .elementor-520 .elementor-element.elementor-element-6491f50 *::before,
    .elementor-520 .elementor-element.elementor-element-6491f50 *::after {

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }
}


/* ============================================================
   63. ACCESSIBILITY FOCUS
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 a:focus-visible,
.elementor-520 .elementor-element.elementor-element-6491f50 button:focus-visible {

    outline:
        2px solid
        var(--ab-accent);

    outline-offset:
        4px;
}


/* ============================================================
   64. TEXT SELECTION
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 ::selection {

    background:
        var(--ab-secondary);

    color:
        var(--ab-white);
}


/* ============================================================
   65. FINAL ELEMENTOR COLOR OVERRIDE
   Mencegah Style Elementor mengubah warna yang sudah ditentukan
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-title *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-role *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text * {

    font-family:
        "El Messiri",
        serif;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-label *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-label *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-description *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text *,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text * {

    font-family:
        "DM Sans",
        sans-serif;
}


/* ============================================================
   66. FINAL TRUST ICON PROTECTION
   Mencegah Elementor Brand Color / Primary Color mengambil alih
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon {

    color:
        #2F6462 !important;

    border-color:
        rgba(47,100,98,0.28) !important;

    background:
        rgba(47,100,98,0.065) !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon svg,

.elementor-520 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon svg path,

.elementor-520 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon i {

    color:
        #2F6462 !important;

    fill:
        #2F6462 !important;
}


@media (hover:hover) {

    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon {

        color:
            #FFFFFF !important;

        background:
            #2F6462 !important;

        border-color:
            #2F6462 !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon svg,

    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon svg path,

    .elementor-520 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon i {

        color:
            #FFFFFF !important;

        fill:
            #FFFFFF !important;
    }
}
/* ============================================================
   ============================================================
   FINAL ABOUT US — COMPACT + READABLE OVERRIDE
   CV BALINGKANG PARADISE

   TUJUAN:
   - Section lebih pendek
   - Foto tetap dominan
   - Font lebih mudah dibaca
   - Spacing lebih rapat tetapi tetap premium
   - Desktop / Laptop / Tablet / Android / iPhone

   TEMPEL DI PALING BAWAH CSS ABOUT US YANG SEKARANG
   ============================================================
   ============================================================ */


/* ============================================================
   01. DESKTOP BASE
   PERKECIL TINGGI SECTION
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 {

    padding:
        clamp(60px, 5.8vw, 88px)
        clamp(22px, 5vw, 82px) !important;
}


/* ============================================================
   02. PERKECIL JARAK ANTAR KOLOM
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

    gap:
        clamp(48px, 5.5vw, 92px) !important;

    align-items:
        center !important;
}


/* ============================================================
   03. PERKECIL TINGGI AREA FOTO
   Sebelumnya terlalu tinggi.
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

    min-height:
        clamp(500px, 38vw, 610px) !important;
}


/* ============================================================
   04. MAIN IMAGE
   Foto tetap besar walaupun section diperpendek
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

    top:
        2% !important;

    width:
        min(80%, 540px) !important;

    height:
        82% !important;
}


/* ============================================================
   05. OFFSET FRAME LEBIH RAPAT
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before {

    inset:
        18px
        -18px
        -18px
        18px !important;
}


/* ============================================================
   06. DECORATIVE RED SHAPE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::after {

    width:
        115px !important;

    height:
        115px !important;

    left:
        -37px !important;

    top:
        -35px !important;
}


/* ============================================================
   07. OWNER CARD
   Sedikit lebih compact
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

    width:
        clamp(205px, 17vw, 275px) !important;

    bottom:
        0 !important;

    border-width:
        6px !important;

    border-radius:
        24px !important;

    box-shadow:
        0 18px 42px
        rgba(49, 30, 28, 0.12) !important;
}


/* ============================================================
   08. OWNER IMAGE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-image
.elementor-widget-container {

    aspect-ratio:
        4 / 4.45 !important;
}


/* ============================================================
   09. OWNER INFO
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-info {

    padding:
        16px
        18px
        18px !important;

    gap:
        4px !important;
}


/* ============================================================
   10. OWNER SMALL LABEL
   PERBESAR
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-label
.elementor-heading-title {

    font-size:
        9.5px !important;

    line-height:
        1.4 !important;

    letter-spacing:
        0.14em !important;
}


/* ============================================================
   11. OWNER ROLE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-role
.elementor-heading-title {

    font-size:
        clamp(20px, 1.55vw, 24px) !important;

    line-height:
        1.15 !important;
}


/* ============================================================
   12. LOCAL BADGE
   Lebih kecil secara fisik tetapi teks lebih jelas
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

    width:
        clamp(155px, 13vw, 195px) !important;

    padding:
        17px
        19px !important;

    border-radius:
        18px !important;

    left:
        4% !important;
}


/* ============================================================
   13. LOCAL BADGE TITLE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-number
.elementor-heading-title {

    font-size:
        clamp(24px, 2.15vw, 32px) !important;
}


/* ============================================================
   14. LOCAL BADGE DESCRIPTION
   PERBESAR
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {

    font-size:
        11px !important;

    line-height:
        1.45 !important;

    color:
        rgba(255,255,255,0.80) !important;
}


/* ============================================================
   15. ABOUT EYEBROW
   PERBESAR SEDIKIT
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow {

    margin-bottom:
        17px !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow
.elementor-heading-title {

    font-size:
        clamp(10.5px, 0.72vw, 12px) !important;

    letter-spacing:
        0.16em !important;
}


/* ============================================================
   16. MAIN TITLE
   Tetap besar, lebih readable
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-title
.elementor-heading-title {

    max-width:
        720px !important;

    font-size:
        clamp(52px, 4.9vw, 76px) !important;

    line-height:
        0.98 !important;

    letter-spacing:
        -0.035em !important;
}


/* ============================================================
   17. LEAD TEXT
   PERBESAR
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead {

    margin-top:
        20px !important;

    padding-left:
        20px !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p {

    font-size:
        clamp(16.5px, 1.15vw, 19px) !important;

    line-height:
        1.58 !important;
}


/* ============================================================
   18. COMPANY BOX
   Dipadatkan
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company {

    margin-top:
        25px !important;

    padding:
        17px
        21px
        18px
        25px !important;

    border-radius:
        15px !important;
}


/* ============================================================
   19. COMPANY LABEL
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-label
.elementor-heading-title {

    font-size:
        10.5px !important;

    letter-spacing:
        0.16em !important;
}


/* ============================================================
   20. COMPANY NAME
   PERBESAR
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name
.elementor-heading-title {

    font-size:
        clamp(23px, 1.85vw, 30px) !important;

    line-height:
        1.15 !important;
}


/* ============================================================
   21. DESCRIPTION
   Lebih besar + jarak lebih rapat
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-description {

    margin-top:
        19px !important;

    max-width:
        720px !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-description
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

    font-size:
        clamp(15px, 1vw, 16.5px) !important;

    line-height:
        1.68 !important;

    color:
        rgba(43,37,35,0.72) !important;
}


/* ============================================================
   22. TRUST GRID
   Naikkan lebih dekat ke description
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-grid {

    margin-top:
        27px !important;
}


/* ============================================================
   23. TRUST ITEM
   Dipadatkan
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {

    grid-template-columns:
        42px
        minmax(0,1fr) !important;

    column-gap:
        13px !important;

    row-gap:
        4px !important;

    padding:
        18px
        17px !important;
}


/* ============================================================
   24. TRUST ICON
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon {

    width:
        39px !important;

    height:
        39px !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {

    width:
        16px !important;

    height:
        16px !important;
}


/* ============================================================
   25. TRUST TITLE
   PERBESAR
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title
.elementor-heading-title {

    font-size:
        clamp(18.5px, 1.22vw, 21.5px) !important;

    line-height:
        1.18 !important;
}


/* ============================================================
   26. TRUST DESCRIPTION
   Ini yang paling perlu diperbesar dari screenshot Anda
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

    font-size:
        clamp(13.5px, 0.86vw, 14.5px) !important;

    line-height:
        1.52 !important;

    color:
        rgba(43,37,35,0.62) !important;
}


/* ============================================================
   27. SIGNATURE
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature {

    margin-top:
        20px !important;

    gap:
        14px !important;
}


.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text
.elementor-widget-container,

.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text p {

    font-size:
        clamp(17px, 1.1vw, 19px) !important;
}


/* ============================================================
   28. WATERMARK 01
   Sedikit lebih kecil agar section terasa compact
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::before {

    top:
        -48px !important;

    font-size:
        clamp(70px, 8vw, 125px) !important;
}


/* ============================================================
   29. BALI WATERMARK
   ============================================================ */

.elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::after {

    bottom:
        -35px !important;

    font-size:
        clamp(85px, 12vw, 180px) !important;
}


/* ============================================================
   30. LARGE DESKTOP
   ============================================================ */

@media (min-width:1600px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding-top:
            78px !important;

        padding-bottom:
            78px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            590px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            76px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            16.5px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            14.5px !important;
    }
}


/* ============================================================
   31. LAPTOP
   1025px - 1280px
   ============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding:
            62px
            44px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            58px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            520px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            79% !important;

        height:
            82% !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            205px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(50px, 5vw, 65px) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            15px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13.5px !important;
    }
}


/* ============================================================
   32. TABLET
   768px - 1024px

   Karena tablet layout menjadi atas-bawah,
   tinggi visual dipotong cukup banyak.
   ============================================================ */

@media
(min-width:768px)
and
(max-width:1024px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding:
            66px
            clamp(30px, 4.5vw, 46px)
            68px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            52px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            520px !important;

        max-width:
            650px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            70% !important;

        height:
            82% !important;

        left:
            4% !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(205px, 27vw, 240px) !important;

        bottom:
            0 !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            165px !important;

        bottom:
            1% !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(50px, 7vw, 64px) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            17px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            15.5px !important;

        line-height:
            1.70 !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            20px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            14px !important;
    }
}


/* ============================================================
   33. TABLET PORTRAIT
   768px - 820px
   ============================================================ */

@media
(min-width:768px)
and
(max-width:820px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            495px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            48px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(48px, 7vw, 58px) !important;
    }
}


/* ============================================================
   34. MOBILE
   ANDROID + IPHONE
   ============================================================ */

@media (max-width:767px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding:
            52px
            clamp(18px,5.2vw,24px)
            54px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            42px !important;
    }


    /* VISUAL LEBIH PENDEK */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            clamp(400px, 105vw, 480px) !important;
    }


    /* FOTO UTAMA */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            80% !important;

        height:
            70% !important;

        top:
            0 !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before {

        inset:
            11px
            -11px
            -11px
            11px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::after {

        width:
            70px !important;

        height:
            70px !important;

        left:
            -20px !important;

        top:
            -18px !important;
    }


    /* OWNER */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(165px, 46vw, 200px) !important;

        min-width:
            0 !important;

        right:
            0 !important;

        bottom:
            2% !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-info {

        padding:
            13px
            14px
            15px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-label
    .elementor-heading-title {

        font-size:
            8.5px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-role
    .elementor-heading-title {

        font-size:
            18.5px !important;
    }


    /* LOCAL BADGE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            clamp(130px, 35vw, 155px) !important;

        min-width:
            0 !important;

        padding:
            13px
            14px !important;

        left:
            0 !important;

        bottom:
            3% !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-number
    .elementor-heading-title {

        font-size:
            21px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {

        font-size:
            9.5px !important;
    }


    /* EYEBROW */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow {

        margin-bottom:
            14px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-eyebrow
    .elementor-heading-title {

        font-size:
            9.5px !important;
    }


    /* MAIN TITLE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(40px, 10.5vw, 49px) !important;

        line-height:
            0.99 !important;
    }


    /* LEAD */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead {

        margin-top:
            18px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            15.5px !important;

        line-height:
            1.60 !important;
    }


    /* COMPANY */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company {

        margin-top:
            23px !important;

        padding:
            16px
            17px
            17px
            21px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company-label
    .elementor-heading-title {

        font-size:
            9.5px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            21px !important;
    }


    /* DESCRIPTION */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description {

        margin-top:
            18px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14.5px !important;

        line-height:
            1.68 !important;
    }


    /* TRUST */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-grid {

        margin-top:
            27px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {

        padding:
            17px
            15px !important;

        grid-template-columns:
            40px
            minmax(0,1fr) !important;

        column-gap:
            12px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon
    .elementor-icon {

        width:
            38px !important;

        height:
            38px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13.5px !important;

        line-height:
            1.55 !important;
    }


    /* SIGNATURE */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-signature {

        margin-top:
            20px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text p {

        font-size:
            16.5px !important;
    }


    /* WATERMARK */

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::before {

        top:
            -28px !important;

        font-size:
            72px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-shell::after {

        bottom:
            -10px !important;

        font-size:
            clamp(80px, 27vw, 125px) !important;
    }
}


/* ============================================================
   35. IPHONE / ANDROID SMALL
   <= 480px
   ============================================================ */

@media (max-width:480px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding-left:
            max(
                18px,
                env(safe-area-inset-left)
            ) !important;

        padding-right:
            max(
                18px,
                env(safe-area-inset-right)
            ) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            clamp(390px, 104vw, 450px) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(38px, 10.3vw, 46px) !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14.5px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13.25px !important;
    }
}


/* ============================================================
   36. VERY SMALL PHONE
   <= 374px
   ============================================================ */

@media (max-width:374px) {

    .elementor-520 .elementor-element.elementor-element-6491f50 {

        padding-top:
            46px !important;

        padding-bottom:
            48px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            365px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            82% !important;

        height:
            68% !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            155px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            122px !important;

        padding:
            11px
            12px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            37px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            15px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            19px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            17.5px !important;
    }


    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13px !important;
    }
}
/* ============================================================
   ============================================================
   FINAL READABILITY LOCK — ALL DESCRIPTION TEXT = 16PX
   ABOUT US — CV BALINGKANG PARADISE

   This final block intentionally sits at the very bottom so it
   overrides every earlier desktop/tablet/mobile font-size rule.
   ============================================================
   ============================================================ */

/* MAIN LEAD DESCRIPTION */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-lead span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.68 !important;
    color: #2B2523 !important;
}

/* MAIN DESCRIPTION BELOW COMPANY */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-description,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-description p,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-description span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
    color: rgba(43,37,35,.74) !important;
}

/* FOUR WHY / TRUST DESCRIPTIONS */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
    color: rgba(43,37,35,.68) !important;
}

/* LOCAL BADGE DESCRIPTION — ALSO 16PX AS REQUESTED */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.88) !important;
}

/* Resize LOCAL badge so 16px description still fits neatly */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {
    width: clamp(205px, 17vw, 245px) !important;
    padding: 20px 22px !important;
    gap: 6px !important;
}

/* TRUST TITLES BALANCED AGAINST 16PX DESCRIPTION */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
    font-family: "El Messiri", "El Messeri", serif !important;
    font-size: clamp(21px, 1.35vw, 24px) !important;
    line-height: 1.18 !important;
}

/* TRUST CARDS NEED A LITTLE MORE ROOM */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {
    grid-template-columns: 44px minmax(0,1fr) !important;
    column-gap: 15px !important;
    row-gap: 7px !important;
    padding: 22px 20px !important;
}

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon .elementor-icon {
    width: 42px !important;
    height: 42px !important;
}

.elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {
    width: 17px !important;
    height: 17px !important;
}

/* COMPANY / OWNER SUPPORTING TEXT — LARGER BUT STILL HIERARCHICAL */
.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-label .elementor-heading-title {
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-label .elementor-heading-title {
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.elementor-520 .elementor-element.elementor-element-6491f50 .about-company-name .elementor-heading-title {
    font-size: clamp(24px, 1.9vw, 31px) !important;
    line-height: 1.16 !important;
}

.elementor-520 .elementor-element.elementor-element-6491f50 .about-owner-role .elementor-heading-title {
    font-size: clamp(21px, 1.6vw, 25px) !important;
    line-height: 1.18 !important;
}

.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-6491f50 .about-signature-text p {
    font-size: clamp(18px, 1.2vw, 21px) !important;
    line-height: 1.4 !important;
}

/* TABLET — KEEP DESCRIPTION AT 16PX */
@media (min-width:768px) and (max-width:1024px) {
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {
        width: 220px !important;
        padding: 19px 20px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 21px !important;
    }
}

/* MOBILE — ANDROID + IPHONE */
@media (max-width:767px) {
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p {
        line-height: 1.65 !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p {
        line-height: 1.7 !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p {
        line-height: 1.62 !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        line-height: 1.48 !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {
        width: clamp(180px, 51vw, 215px) !important;
        padding: 16px 17px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 20px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-item {
        grid-template-columns: 42px minmax(0,1fr) !important;
        column-gap: 14px !important;
        row-gap: 6px !important;
        padding: 20px 17px !important;
    }
}

/* SMALL MOBILE */
@media (max-width:480px) {
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {
        width: clamp(175px, 53vw, 205px) !important;
        padding: 15px 16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 19px !important;
    }
}

/* VERY SMALL MOBILE */
@media (max-width:374px) {
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-experience {
        width: 175px !important;
        padding: 14px 15px !important;
    }

    .elementor-520 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 18.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-381fa2f *//* =========================================================
   PUTU BALI TOUR — HERITAGE RED FAQ V3
   Premium Bali tour FAQ aligned with the Heritage Red visual system

   IMPORTANT:
   Container geometry is controlled from Elementor settings.
   CSS only handles visual styling, typography, accents, accordion look,
   and subtle effects.
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f{
  --faqx-maroon:#6D1F24;
  --faqx-maroon-dark:#57181D;
  --faqx-red:#A83832;
  --faqx-red-dark:#8E2B2C;
  --faqx-brick:#C85B4A;
  --faqx-gold:#D7A44A;
  --faqx-ivory:#F7F1E7;
  --faqx-blush:#EAD8D2;
  --faqx-charcoal:#2B2523;
  --faqx-white:#FFFFFF;

  /* compatibility aliases */
  --faqx-navy:#6D1F24;
  --faqx-navy-2:#57181D;
  --faqx-blue:#A83832;
  --faqx-blue-soft:#C85B4A;
  --faqx-gold-light:#D7A44A;
  --faqx-cream:#F7F1E7;
  --faqx-bg:#F7F1E7;
  --faqx-text:#2B2523;
  --faqx-soft:#6E625E;
  --faqx-line:rgba(109,31,36,.10);
  --faqx-shadow:0 24px 56px rgba(65,27,27,.10);
  --faqx-tr:.50s cubic-bezier(.2,.72,.2,1);

  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;

  background:
    radial-gradient(circle at 92% 8%,rgba(215,164,74,.065),transparent 24%),
    radial-gradient(circle at 7% 92%,rgba(200,91,74,.040),transparent 28%),
    linear-gradient(180deg,#F7F1E7 0%,#FFFFFF 54%,#F7F1E7 100%);
}

/* Background itself is Elementor-native */
.elementor-520 .elementor-element.elementor-element-381fa2f::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.085;
  background-image:
    radial-gradient(circle,rgba(109,31,36,.22) 1px,transparent 1.2px);
  background-size:30px 30px;
  -webkit-mask-image:linear-gradient(118deg,transparent 0%,transparent 54%,#000 100%);
  mask-image:linear-gradient(118deg,transparent 0%,transparent 54%,#000 100%);
}

.elementor-520 .elementor-element.elementor-element-381fa2f::after{
  content:"";
  position:absolute;
  width:46%;
  height:260px;
  right:-10%;
  bottom:-190px;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(215,164,74,.18),rgba(215,164,74,.05) 42%,transparent 72%);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__head,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__body,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
  position:relative;
  z-index:2;
}

/* =========================================================
   HEADER
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__head{
  text-align:center;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow{
  position:relative;
  display:inline-block;
  width:auto;
  margin:0 0 16px;
  padding:0 54px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after{
  content:"";
  position:absolute;
  top:50%;
  width:34px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,var(--faqx-gold),var(--faqx-gold-light));
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before{left:0;}
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after{right:0;}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow .elementor-heading-title{
  color:var(--faqx-blue);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__title{
  max-width:860px;
  margin:0 auto;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
  color:var(--faqx-navy-2);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(48px,5vw,72px);
  font-weight:500;
  line-height:1;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__title::after{
  content:"";
  display:block;
  width:92px;
  height:3px;
  margin:22px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--faqx-gold),var(--faqx-gold-light),transparent);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro{
  max-width:720px;
  margin:22px auto 0;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro p{
  color:var(--faqx-text);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:15px;
  line-height:1.78;
}

/* =========================================================
   LEFT SUPPORT CARD
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px 28px 58px 28px;
  background:
    radial-gradient(circle at 88% 92%,rgba(215,164,74,.18),transparent 34%),
    linear-gradient(145deg,var(--faqx-navy) 0%,#57181D 58%,#8E2B2C 100%);
  box-shadow:
    0 26px 58px rgba(65,27,27,.20),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support::before{
  content:"";
  position:absolute;
  top:0;
  left:34px;
  width:72px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--faqx-gold),var(--faqx-gold-light));
  transition:width var(--faqx-tr);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support:hover::before{
  width:128px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support::after{
  content:"";
  position:absolute;
  width:86px;
  height:86px;
  right:-20px;
  bottom:-22px;
  border-right:2px solid rgba(215,164,74,.64);
  border-bottom:2px solid rgba(215,164,74,.64);
  border-radius:0 0 30px 0;
  pointer-events:none;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-icon{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  border:1px solid rgba(215,164,74,.28);
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-icon .elementor-icon{
  color:var(--faqx-gold-light);
  font-size:23px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-kicker{
  margin-top:22px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-kicker .elementor-heading-title{
  color:var(--faqx-gold-light);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-title{
  margin-top:12px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-title .elementor-heading-title{
  color:var(--faqx-cream);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(38px,3.4vw,54px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.035em;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text{
  margin-top:16px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text p{
  color:rgba(247,241,231,.72);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:13px;
  line-height:1.72;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-line{
  width:100%;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(247,241,231,.12);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini{
  display:flex;
  align-items:center;
  gap:10px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-icon .elementor-icon{
  color:var(--faqx-gold-light);
  font-size:13px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-text .elementor-heading-title{
  color:rgba(247,241,231,.74);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1.4;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn{
  margin-top:24px;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border-radius:999px;
  color:var(--faqx-navy);
  background:linear-gradient(135deg,var(--faqx-gold),var(--faqx-gold-light));
  border:1px solid transparent;
  box-shadow:0 14px 28px rgba(215,164,74,.18);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.10em;
  transition:transform var(--faqx-tr),box-shadow var(--faqx-tr);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 36px rgba(215,164,74,.27);
}

/* =========================================================
   RIGHT ACCORDION CARD — SIGNATURE LUXURY
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
  overflow:hidden;

  border:
    1px solid rgba(109,31,36,.09);

  border-radius:
    30px 30px 60px 30px;

  background:
    radial-gradient(
      circle at 92% 90%,
      rgba(215,164,74,.10),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.985),
      rgba(247,241,231,.95)
    );

  box-shadow:
    0 26px 58px rgba(65,27,27,.09),
    inset 0 1px 0 rgba(255,255,255,.98);
}

/* elegant top gold detail */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::before{
  content:"";

  position:absolute;
  top:0;
  left:42px;

  width:96px;
  height:3px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      var(--faqx-gold),
      var(--faqx-gold-light)
    );
}

/* fine inset frame */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::after{
  content:"";

  position:absolute;
  inset:11px;

  pointer-events:none;

  border:
    1px solid rgba(215,164,74,.11);

  border-radius:
    22px 22px 50px 22px;
}


/* =========================================================
   ACCORDION WIDGET WRAPPER
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion{
  position:relative;
  z-index:2;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion > .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-widget-container,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion{
  border:0!important;
  background:transparent!important;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item{
  position:relative;

  overflow:hidden;

  margin:
    0 0 12px!important;

  border:
    1px solid rgba(109,31,36,.095)!important;

  border-radius:
    20px 20px 34px 20px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98),
      rgba(247,241,231,.94)
    )!important;

  box-shadow:
    0 9px 22px rgba(65,27,27,.045);

  transition:
    transform .42s cubic-bezier(.2,.72,.2,1),
    border-color .42s ease,
    box-shadow .42s ease,
    background .42s ease;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:last-child{
  margin-bottom:0!important;
}

/* understated gold signature line */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item::before{
  content:"";

  position:absolute;
  z-index:5;

  top:0;
  left:24px;

  width:44px;
  height:2px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      var(--faqx-gold),
      var(--faqx-gold-light)
    );

  transition:
    width .48s cubic-bezier(.2,.72,.2,1);
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:hover{
  transform:
    translateY(-3px);

  border-color:
    rgba(215,164,74,.34)!important;

  box-shadow:
    0 16px 32px rgba(65,27,27,.075);

  background:
    #FFFFFF!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:hover::before{
  width:96px;
}


/* =========================================================
   QUESTION ROW
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title{
  display:flex!important;
  align-items:center!important;

  width:100%!important;
  min-height:72px;

  padding:
    18px 20px!important;

  border:0!important;

  background:
    transparent!important;

  transition:
    background .40s ease;
}

/* Force clean content order even if Elementor icon comes first in DOM */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-title{
  order:1!important;

  flex:
    1 1 auto!important;

  min-width:0;

  margin:0!important;
  padding:0!important;

  color:
    var(--faqx-navy-2)!important;

  font-family:
    "Plus Jakarta Sans",
    Arial,
    sans-serif!important;

  font-size:
    15px!important;

  font-weight:
    600!important;

  line-height:
    1.42!important;

  letter-spacing:
    -.012em!important;

  text-decoration:
    none!important;

  transition:
    color .35s ease,
    transform .35s ease;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-title:hover{
  color:
    var(--faqx-blue)!important;
}


/* =========================================================
   ACTIVE QUESTION
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active{
  background:
    linear-gradient(
      90deg,
      rgba(215,164,74,.095) 0%,
      rgba(215,164,74,.042) 34%,
      rgba(168,56,50,.025) 72%,
      transparent 100%
    )!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-title{
  color:
    var(--faqx-navy)!important;

  transform:
    translateX(3px);
}


/* =========================================================
   PLUS / MINUS ICON
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-icon{
  order:2!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  flex:
    0 0 40px!important;

  width:40px!important;
  height:40px!important;

  margin:
    0 0 0 18px!important;

  float:none!important;

  border:
    1px solid rgba(109,31,36,.12)!important;

  border-radius:
    50%!important;

  color:
    var(--faqx-blue)!important;

  background:
    linear-gradient(
      180deg,
      #FFFFFF,
      #F7F1E7
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96);

  transition:
    transform .40s cubic-bezier(.2,.72,.2,1),
    background .40s ease,
    border-color .40s ease,
    color .40s ease,
    box-shadow .40s ease;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-icon svg{
  width:12px!important;
  height:12px!important;

  fill:
    currentColor!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:hover
.elementor-accordion-icon{
  border-color:
    rgba(215,164,74,.35)!important;

  background:
    linear-gradient(
      180deg,
      #FFFFFF,
      #EAD8D2
    )!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon{
  color:
    #FFFFFF!important;

  border-color:
    transparent!important;

  background:
    linear-gradient(
      145deg,
      var(--faqx-navy-2),
      var(--faqx-blue)
    )!important;

  transform:
    rotate(180deg);

  box-shadow:
    0 9px 20px rgba(109,31,36,.16)!important;
}


/* =========================================================
   ANSWER AREA
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-content{
  width:100%!important;

  padding:
    0 20px 22px!important;

  border:
    0!important;

  border-top:
    1px solid rgba(109,31,36,.065)!important;

  color:
    var(--faqx-text)!important;

  background:
    linear-gradient(
      180deg,
      rgba(247,241,231,.68) 0%,
      rgba(247,241,231,.93) 100%
    )!important;

  font-family:
    "Plus Jakarta Sans",
    Arial,
    sans-serif!important;

  font-size:
    13px!important;

  line-height:
    1.78!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-content p{
  margin:
    16px 0 0!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-content p:last-child{
  margin-bottom:
    0!important;
}


/* =========================================================
   KEYBOARD / ACCESSIBILITY
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title:focus-visible{
  outline:
    2px solid rgba(215,164,74,.55);

  outline-offset:
    -3px;
}


/* =========================================================
   MOBILE — ACCORDION
========================================================= */

@media(max-width:767px){

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
    border-radius:
      24px 24px 42px 24px;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::after{
    inset:9px;

    border-radius:
      18px 18px 34px 18px;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-accordion-item{
    margin-bottom:
      10px!important;

    border-radius:
      17px 17px 27px 17px!important;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-tab-title{
    min-height:
      64px;

    padding:
      15px 14px!important;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-accordion-title{
    font-size:
      14px!important;

    line-height:
      1.4!important;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-accordion-icon{
    flex-basis:
      36px!important;

    width:
      36px!important;

    height:
      36px!important;

    margin-left:
      12px!important;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-tab-content{
    padding:
      0 14px 17px!important;

    font-size:
      13px!important;

    line-height:
      1.72!important;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-tab-content p{
    margin-top:
      13px!important;
  }
}



/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1024px){
  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
    font-size:clamp(46px,7vw,64px);
  }
}

@media(max-width:767px){
  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow{
    padding:0 42px;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before,
  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after{
    width:26px;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
    font-size:clamp(40px,11vw,54px);
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support,
  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
    border-radius:22px 22px 40px 22px;
  }

  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn,
  .elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button{
    width:100%;
  }
}



/* =========================================================
HERITAGE RED FINAL COLOR LOCK — V3
========================================================= */

.elementor-520 .elementor-element.elementor-element-381fa2f{
  --faqx-maroon:#6D1F24;
  --faqx-maroon-dark:#57181D;
  --faqx-red:#A83832;
  --faqx-red-dark:#8E2B2C;
  --faqx-brick:#C85B4A;
  --faqx-gold:#D7A44A;
  --faqx-ivory:#F7F1E7;
  --faqx-blush:#EAD8D2;
  --faqx-charcoal:#2B2523;
  --faqx-white:#FFFFFF;

  --faqx-navy:#6D1F24;
  --faqx-navy-2:#57181D;
  --faqx-blue:#A83832;
  --faqx-blue-soft:#C85B4A;
  --faqx-gold-light:#D7A44A;
  --faqx-cream:#F7F1E7;
  --faqx-bg:#F7F1E7;
  --faqx-text:#2B2523;
  --faqx-soft:#6E625E;
}

/* section text on light background */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow .elementor-heading-title{
  color:#A83832!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
  color:#6D1F24!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro p{
  color:#2B2523!important;
}

/* decorative lines = Sunset Gold */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__title::after,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support::before,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::before,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item::before{
  background:
    linear-gradient(
      90deg,
      #D7A44A,
      rgba(215,164,74,.38)
    )!important;
}

/* support card = Deep Maroon */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support{
  background:
    radial-gradient(circle at 88% 92%,rgba(215,164,74,.16),transparent 34%),
    radial-gradient(circle at 12% 12%,rgba(200,91,74,.10),transparent 30%),
    linear-gradient(145deg,#6D1F24 0%,#57181D 60%,#431317 100%)!important;

  box-shadow:
    0 26px 58px rgba(65,27,27,.22),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-icon .elementor-icon,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-kicker .elementor-heading-title,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-icon .elementor-icon{
  color:#D7A44A!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-title .elementor-heading-title{
  color:#F7F1E7!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text p,
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-text .elementor-heading-title{
  color:rgba(247,241,231,.76)!important;
}

/* support CTA = Heritage Red, hover darker */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button{
  color:#FFFFFF!important;
  background:
    linear-gradient(
      135deg,
      #A83832,
      #C85B4A
    )!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 14px 28px rgba(109,31,36,.22)!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button:hover{
  background:
    linear-gradient(
      135deg,
      #8E2B2C,
      #A83832
    )!important;
  box-shadow:0 20px 36px rgba(109,31,36,.30)!important;
}

/* accordion outer surface */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
  border-color:rgba(109,31,36,.09)!important;
  background:
    radial-gradient(circle at 92% 90%,rgba(215,164,74,.085),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.985),rgba(247,241,231,.96))!important;
  box-shadow:
    0 26px 58px rgba(65,27,27,.09),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* FAQ cards */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item{
  border-color:rgba(109,31,36,.095)!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.99),
      rgba(247,241,231,.94)
    )!important;
  box-shadow:0 9px 22px rgba(65,27,27,.045)!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item:hover{
  border-color:rgba(168,56,50,.24)!important;
  box-shadow:0 16px 32px rgba(65,27,27,.085)!important;
}

/* question text */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-title{
  color:#6D1F24!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-title:hover{
  color:#A83832!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active{
  background:
    linear-gradient(
      90deg,
      rgba(215,164,74,.10) 0%,
      rgba(234,216,210,.20) 34%,
      rgba(168,56,50,.035) 72%,
      transparent 100%
    )!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-title{
  color:#6D1F24!important;
}

/* plus/minus icon */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-icon{
  color:#A83832!important;
  border-color:rgba(109,31,36,.12)!important;
  background:
    linear-gradient(
      180deg,
      #FFFFFF,
      #F7F1E7
    )!important;
}

.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon{
  color:#FFFFFF!important;
  border-color:transparent!important;
  background:
    linear-gradient(
      145deg,
      #6D1F24,
      #A83832
    )!important;
  box-shadow:0 9px 20px rgba(109,31,36,.20)!important;
}

/* answer area */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-tab-content{
  color:#2B2523!important;
  border-top-color:rgba(109,31,36,.065)!important;
  background:
    linear-gradient(
      180deg,
      rgba(247,241,231,.68),
      rgba(234,216,210,.72)
    )!important;
}

/* accessibility */
.elementor-520 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title:focus-visible{
  outline:2px solid rgba(215,164,74,.55)!important;
}


@media(prefers-reduced-motion:reduce){
  .elementor-520 .elementor-element.elementor-element-381fa2f *,
  .elementor-520 .elementor-element.elementor-element-381fa2f *::before,
  .elementor-520 .elementor-element.elementor-element-381fa2f *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d2b84 *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   JOURNEY CTA — HIGH-END EDITORIAL PHOTO
   ============================================================

   FONT
   Heading : El Messiri
   Body    : DM Sans

   RESPONSIVE
   ✓ Desktop
   ✓ Laptop
   ✓ Tablet
   ✓ Android
   ✓ iPhone
============================================================ */


/* ============================================================
   01. DESIGN SYSTEM
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84{

    /* Heritage Red palette */
    --mbc-black:#2B2523;
    --mbc-charcoal:#2B2523;

    --mbc-red:#A83832;
    --mbc-red-hover:#8E2B2C;
    --mbc-brick:#C85B4A;

    --mbc-gold:#D7A44A;
    --mbc-cream:#EAD8D2;

    --mbc-ivory:#F7F1E7;

    /* Legacy variable name retained so existing rules keep working */
    --mbc-green:#A83832;
    --mbc-forest:#6D1F24;

    --mbc-text:#2B2523;
    --mbc-white:#FFFFFF;

    --mbc-ease:cubic-bezier(.22,1,.36,1);


    position:relative;

    isolation:isolate;


    width:100% !important;

    max-width:100% !important;


    margin:0 !important;


    padding:

        clamp(90px,7vw,125px)

        clamp(24px,5vw,82px)

        clamp(78px,6vw,105px)

        !important;


    overflow:hidden;


    background:

        radial-gradient(
            circle at 7% 20%,
            rgba(215,164,74,.085),
            transparent 24%
        ),

        radial-gradient(
            circle at 96% 76%,
            rgba(168,56,50,.07),
            transparent 26%
        ),

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   02. RESET
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 *,
.elementor-520 .elementor-element.elementor-element-28d2b84 *::before,
.elementor-520 .elementor-element.elementor-element-28d2b84 *::after{

    box-sizing:border-box;

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .elementor-element{

    --widgets-spacing:0px;

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .elementor-widget-heading,
.elementor-520 .elementor-element.elementor-element-28d2b84 .elementor-widget-text-editor,
.elementor-520 .elementor-element.elementor-element-28d2b84 .elementor-widget-button,
.elementor-520 .elementor-element.elementor-element-28d2b84 .elementor-widget-image{

    margin:0 !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84 p{

    margin-top:0;

}


.elementor-520 .elementor-element.elementor-element-28d2b84 p:last-child{

    margin-bottom:0 !important;

}


/* ============================================================
   03. SECTION GRAIN
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    opacity:.021;

    pointer-events:none;

    background-image:

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");

}


/* ============================================================
   04. DECORATIVE CIRCLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84::after{

    content:"";

    position:absolute;

    z-index:-9;

    left:-380px;

    top:24%;

    width:630px;

    height:630px;

    border:

        1px solid
        rgba(215,164,74,.11);

    border-radius:50%;

    box-shadow:

        0 0 0 78px
        rgba(215,164,74,.014),

        0 0 0 150px
        rgba(168,56,50,.012);

    pointer-events:none;

}


/* ============================================================
   05. TOP BAR
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-top{

    position:relative;

    z-index:10;

    width:100% !important;

    max-width:1380px !important;

    margin:

        0 auto
        clamp(38px,3.5vw,52px)

        !important;

    padding:

        0 0
        16px

        !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:20px !important;

    border-bottom:

        1px solid
        rgba(43,37,35,.13);

}


/* ============================================================
   06. TOP LEFT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-top-left{

    width:auto !important;

    max-width:max-content !important;

    flex:0 0 auto !important;

    margin:0 !important;

    padding:0 !important;

}


/* ============================================================
   07. INDEX
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-index{

    position:relative;

    width:auto !important;

    padding-left:

        48px !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-index
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.17em !important;

    text-transform:uppercase;

    color:

        var(--mbc-green)

        !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-index::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:32px;

    height:1px;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

}


/* ============================================================
   08. LOCATION
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-location{

    width:auto !important;

    max-width:max-content !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-location
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7.5px !important;

    line-height:1.2 !important;

    font-weight:700 !important;

    letter-spacing:.15em !important;

    text-align:right;

    text-transform:uppercase;

    color:

        rgba(43,37,35,.43)

        !important;

}


/* ============================================================
   ============================================================
   09. MAIN PANEL
   ============================================================
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

    position:relative;

    isolation:isolate;

    z-index:5;

    width:100% !important;

    max-width:1380px !important;

    min-height:

        clamp(
            620px,
            47vw,
            720px
        )

        !important;

    margin:

        0 auto !important;

    padding:

        0 !important;

    display:grid !important;

    grid-template-columns:

        minmax(410px,.92fr)

        minmax(500px,1.08fr);

    align-items:stretch !important;

    gap:0 !important;

    overflow:hidden;

    border:

        1px solid
        rgba(215,164,74,.26);

    border-radius:

        5px 54px
        5px 54px

        !important;
    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(215,164,74,.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 15% 92%,
            rgba(200,91,74,.14),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #6D1F24 0%,
            #57181D 58%,
            #2B2523 100%
        )
        !important;

    box-shadow:

        0 44px 98px
        rgba(43,37,35,.21);

}


/* ============================================================
   10. INNER FRAME
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main::before{

    content:"";

    position:absolute;

    z-index:0;

    inset:11px;

    pointer-events:none;

    border:

        1px solid
        rgba(247,241,231,.05);

    border-radius:

        3px 43px
        3px 43px;

}


/* ============================================================
   11. MOVING GOLD EDGE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main::after{

    content:"";

    position:absolute;

    z-index:9;

    left:-30%;

    bottom:0;

    width:26%;

    height:2px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--mbc-gold),
            var(--mbc-cream),
            transparent
        );

    animation:

        mbcMainSweep
        7s
        var(--mbc-ease)
        infinite;

}


@keyframes mbcMainSweep{

    0%{

        left:-30%;

        opacity:0;

    }

    15%{

        opacity:1;

    }

    75%{

        opacity:1;

    }

    100%{

        left:105%;

        opacity:0;

    }

}


/* ============================================================
   ============================================================
   12. CONTENT
   ============================================================
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:

        clamp(50px,5vw,78px)

        clamp(42px,5vw,78px)

        !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    gap:0 !important;

}


/* ============================================================
   13. LARGE DECORATIVE TEXT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content::before{

    content:"BALI";

    position:absolute;

    z-index:-1;

    left:

        clamp(
            15px,
            3vw,
            42px
        );

    top:

        clamp(
            18px,
            3vw,
            42px
        );

    font-family:

        "El Messiri",
        serif;

    font-size:

        clamp(
            120px,
            11vw,
            185px
        );

    line-height:1;

    font-weight:500;

    letter-spacing:-.06em;

    color:

        var(--mbc-gold);

    opacity:.035;

    pointer-events:none;

}


/* ============================================================
   14. EYEBROW
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow{

    position:relative;

    width:max-content !important;

    max-width:100%;

    margin:

        0 0
        25px

        !important;

    padding-left:

        23px !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-eyebrow
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.18em !important;

    text-transform:uppercase;

    color:

        var(--mbc-gold)

        !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:7px;

    height:7px;

    border-radius:50%;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

    box-shadow:

        0 0 0 5px
        rgba(215,164,74,.09);

    animation:

        mbcPulse
        2.3s
        ease-in-out
        infinite;

}


@keyframes mbcPulse{

    0%,
    100%{

        transform:

            translateY(-50%)
            scale(.82);

        opacity:.55;

    }

    50%{

        transform:

            translateY(-50%)
            scale(1.15);

        opacity:1;

    }

}


/* ============================================================
   15. TITLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-title{

    width:100% !important;

    max-width:650px !important;

    margin:

        0 0
        28px

        !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            54px,
            5vw,
            82px
        )

        !important;

    line-height:.94 !important;

    font-weight:500 !important;

    letter-spacing:-.035em !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   16. TITLE ACCENT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-title::after{

    content:"";

    display:block;

    width:78px;

    height:2px;

    margin-top:

        23px;

    background:

        linear-gradient(
            90deg,
            var(--mbc-gold),
            var(--mbc-cream),
            transparent
        );

}


/* ============================================================
   17. DESCRIPTION
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description{

    width:100% !important;

    max-width:575px !important;

    margin:

        0 0
        35px

        !important;

    padding-left:

        18px !important;

    border-left:

        1px solid
        rgba(215,164,74,.76);

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{

    font-family:

        "DM Sans",
        sans-serif

        !important;
    font-size:
        16px
        !important;

    line-height:1.75 !important;

    font-weight:400 !important;

    color:

        rgba(247,241,231,.68)

        !important;

}


/* ============================================================
   ============================================================
   18. ACTIONS
   ============================================================
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-actions{

    width:100% !important;

    margin:

        0 0
        40px

        !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:

        12px !important;

}


/* ============================================================
   19. BUTTON WIDGET
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button{

    width:auto !important;

    max-width:100% !important;

    margin:0 !important;

}


/* ============================================================
   20. BUTTON BASE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    min-width:

        205px !important;

    min-height:

        56px !important;

    padding:

        0 15px
        0 24px

        !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    border-radius:

        999px !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        12px !important;

    line-height:1 !important;

    font-weight:700 !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:

        transform .45s var(--mbc-ease),
        color .45s var(--mbc-ease),
        border-color .45s var(--mbc-ease),
        box-shadow .45s var(--mbc-ease)

        !important;

}


/* ============================================================
   21. BUTTON CONTENT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button-content-wrapper{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:17px !important;

}


/* ============================================================
   22. BUTTON TEXT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button-text{

    line-height:1 !important;

    white-space:nowrap;

}


/* ============================================================
   23. BUTTON ICON
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button-icon{

    width:30px !important;

    height:30px !important;

    flex:

        0 0 30px !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    border:

        1px solid
        currentColor;

    border-radius:50%;

    transition:

        transform .45s var(--mbc-ease),
        color .45s var(--mbc-ease),
        border-color .45s var(--mbc-ease);

}


/* ============================================================
   24. PRIMARY BUTTON
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-primary
.elementor-button{

    color:
        var(--mbc-white)
        !important;

    border:
        1px solid
        var(--mbc-red)
        !important;

    background:
        var(--mbc-red)
        !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-primary
.elementor-button::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    border-radius:inherit;

    background:

        var(--mbc-red-hover);

    transform:

        translateX(-102%);

    transition:

        transform
        .55s
        var(--mbc-ease);

}


/* ============================================================
   25. SECONDARY
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-secondary
.elementor-button{

    color:

        var(--mbc-ivory)

        !important;

    border:

        1px solid
        rgba(247,241,231,.28)

        !important;

    background:

        rgba(247,241,231,.025)

        !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-secondary
.elementor-button::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    border-radius:inherit;

    background:

        var(--mbc-cream);

    transform:

        scaleX(0);

    transform-origin:

        left center;

    transition:

        transform
        .55s
        var(--mbc-ease);

}


/* ============================================================
   26. HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button:hover{

        transform:

            translateY(-4px);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-primary
    .elementor-button:hover{

        color:

            var(--mbc-white)

            !important;

        box-shadow:

            0 18px 42px
            rgba(168,56,50,.28)

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-primary
    .elementor-button:hover::before{

        transform:

            translateX(0);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover{

        color:

            var(--mbc-black)

            !important;

        border-color:

            var(--mbc-cream)

            !important;

        box-shadow:

            0 18px 42px
            rgba(0,0,0,.15)

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover::before{

        transform:

            scaleX(1);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-text,

    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-icon{

        color:

            var(--mbc-black)

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button:hover
    .elementor-button-icon{

        transform:

            translateX(4px);

    }

}


/* ============================================================
   ============================================================
   27. PROOF
   ============================================================
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof{

    width:100% !important;

    max-width:585px !important;

    margin:0 !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:

        repeat(
            3,
            minmax(0,1fr)
        );

    gap:0 !important;

    border-top:

        1px solid
        rgba(247,241,231,.10);

    border-bottom:

        1px solid
        rgba(247,241,231,.10);

}


/* ============================================================
   28. PROOF ITEM
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item{

    position:relative;

    min-width:0;

    min-height:

        82px !important;

    margin:0 !important;

    padding:

        17px 16px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:7px !important;

    overflow:hidden;

    border-right:

        1px solid
        rgba(247,241,231,.10);

    transition:

        background .45s var(--mbc-ease),
        padding .45s var(--mbc-ease);

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:last-child{

    border-right:none;

}


/* ============================================================
   29. PROOF HOVER
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:2px;

    background:

        var(--mbc-gold);

    transform:

        scaleX(0);

    transform-origin:left;

    transition:

        transform
        .5s
        var(--mbc-ease);

}


@media(hover:hover) and (pointer:fine){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:hover{

        padding-left:

            21px !important;

        background:

            rgba(215,164,74,.035);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:hover::after{

        transform:

            scaleX(1);

    }

}


/* ============================================================
   30. PROOF NUMBER
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-proof-number
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7px !important;

    line-height:1 !important;

    font-weight:800 !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   31. PROOF TITLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-proof-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        16px !important;

    line-height:1.15 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   ============================================================
   32. VISUAL
   ============================================================
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:

        clamp(38px,4vw,58px)

        clamp(31px,3.5vw,52px)

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:0 !important;

    overflow:hidden;

    border-left:

        1px solid
        rgba(247,241,231,.07);

}


/* ============================================================
   33. GOLD VERTICAL GLOW
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual::before{

    content:"";

    position:absolute;

    z-index:0;

    left:-1px;

    top:22%;

    width:1px;

    height:55%;

    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(215,164,74,.75),
            transparent
        );

}


/* ============================================================
   34. PHOTO STAGE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-stage{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    overflow:visible !important;

}


/* ============================================================
   35. OFFSET FRAME
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-stage::before{

    content:"";

    position:absolute;

    z-index:0;

    left:

        22px;

    right:

        -14px;

    top:

        -15px;

    bottom:

        20px;

    border:

        1px solid
        rgba(215,164,74,.28);

    border-radius:

        3px 28px
        3px 28px;

    pointer-events:none;

}


/* ============================================================
   36. IMAGE WRAPPER
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-image{

    position:relative;

    z-index:2;

    width:100% !important;

    overflow:hidden;

    border-radius:

        3px 30px
        3px 30px;

    background:

        var(--mbc-charcoal);

}


/* ============================================================
   37. IMAGE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-image
.elementor-widget-container{

    width:100% !important;

    height:

        clamp(
            390px,
            34vw,
            505px
        )

        !important;

    overflow:hidden;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-image
img{

    width:100% !important;

    height:100% !important;

    display:block;

    object-fit:cover !important;

    object-position:center center;

    transform:

        scale(1.015);

    filter:

        saturate(.92)
        contrast(1.035)
        brightness(.91);

    transition:

        transform
        1.45s
        var(--mbc-ease),

        filter
        1.1s
        var(--mbc-ease);

}


/* ============================================================
   38. IMAGE OVERLAY
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-image::after{

    content:"";

    position:absolute;

    z-index:2;

    inset:0;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(43,37,35,.03),
            transparent 40%,
            rgba(43,37,35,.16) 65%,
            rgba(43,37,35,.77) 100%
        );

}


/* ============================================================
   39. IMAGE HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-photo-stage:hover
    .mbc-cta-image
    img{

        transform:

            scale(1.055);

        filter:

            saturate(1)
            contrast(1.025)
            brightness(.97);

    }

}


/* ============================================================
   40. PHOTO BADGE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge{

    position:absolute !important;

    z-index:8 !important;

    left:

        -18px !important;

    top:

        27px !important;

    width:

        clamp(
            125px,
            10vw,
            154px
        )

        !important;

    min-height:

        105px !important;

    margin:0 !important;

    padding:

        15px
        16px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:4px !important;

    border:

        1px solid
        rgba(215,164,74,.37);

    border-radius:

        2px 17px
        2px 17px;

    background:

        rgba(43,37,35,.86)

        !important;

    backdrop-filter:

        blur(10px);

    -webkit-backdrop-filter:

        blur(10px);

    box-shadow:

        0 17px 35px
        rgba(0,0,0,.16);

}


/* ============================================================
   41. BADGE SMALL
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-badge-small
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.14em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   42. BADGE TITLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-badge-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        19px !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   43. BADGE LOCATION
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-badge-location
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1.2 !important;

    font-weight:600 !important;

    color:

        rgba(247,241,231,.43)

        !important;

}


/* ============================================================
   44. PHOTO CAPTION
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

    position:absolute !important;

    z-index:8 !important;

    left:

        22px !important;

    right:

        22px !important;

    bottom:

        22px !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:

        20px !important;

}


/* ============================================================
   45. CAPTION LABEL
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-caption-label
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        6px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.17em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   46. CAPTION TITLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

    max-width:

        260px !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-caption-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            20px,
            2vw,
            29px
        )

        !important;

    line-height:1.07 !important;

    font-weight:500 !important;

    text-align:right;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   ============================================================
   47. PHOTO INFO
   ============================================================
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

    position:relative;

    z-index:7;

    width:

        calc(100% - 42px)

        !important;

    min-height:

        112px !important;

    margin:

        -31px 0 0
        auto

        !important;

    padding:

        19px
        20px

        !important;

    display:grid !important;

    grid-template-columns:

        minmax(0,1fr)
        auto;

    align-items:center !important;

    gap:

        24px !important;

    border:

        1px solid
        rgba(247,241,231,.13);

    border-radius:

        2px 17px
        2px 17px;

    background:

        rgba(43,37,35,.94)

        !important;

    box-shadow:

        0 19px 43px
        rgba(0,0,0,.17);

}


/* ============================================================
   48. INFO INTRO
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-intro{

    min-width:0 !important;

    display:flex !important;

    flex-direction:column !important;

    gap:

        6px !important;

}


/* ============================================================
   49. INFO SMALL
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-info-small
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    font-weight:800 !important;

    letter-spacing:.15em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   50. INFO TITLE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-info-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            18px,
            1.6vw,
            23px
        )

        !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   51. STATS
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stats{

    width:auto !important;

    min-width:225px !important;

    margin:0 !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:

        repeat(
            2,
            minmax(0,1fr)
        );

    align-items:stretch !important;

    border-left:

        1px solid
        rgba(247,241,231,.10);

}


/* ============================================================
   52. STAT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat{

    min-width:105px !important;

    margin:0 !important;

    padding:

        4px 14px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:

        6px !important;

    border-right:

        1px solid
        rgba(247,241,231,.10);

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat:last-child{

    border-right:none;

}


/* ============================================================
   53. STAT LABEL
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-stat-label
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:.13em !important;

    color:

        rgba(247,241,231,.34)

        !important;

}


/* ============================================================
   54. STAT VALUE
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-stat-value
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            19px,
            1.9vw,
            25px
        )

        !important;

    line-height:1 !important;

    font-weight:500 !important;

    color:

        var(--mbc-cream)

        !important;

}


/* ============================================================
   55. VISUAL FOOTER
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual-footer{

    width:100% !important;

    margin:

        17px 0 0

        !important;

    padding:

        0 3px

        !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:15px !important;

}


/* ============================================================
   56. FOOTER TEXT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-footer-left
.elementor-heading-title,

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-footer-right
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:.12em !important;

    color:

        rgba(247,241,231,.29)

        !important;

}


/* ============================================================
   57. FOOTER LEFT DOT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left{

    position:relative;

    padding-left:

        14px !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:5px;

    height:5px;

    border-radius:50%;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

}


/* ============================================================
   ============================================================
   58. BOTTOM RAIL
   ============================================================
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail{

    position:relative;

    width:100% !important;

    max-width:1380px !important;

    margin:

        24px auto 0

        !important;

    padding:

        18px
        8px

        !important;

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:center !important;

    gap:

        10px 25px !important;

    overflow:hidden;

    border-top:

        1px solid
        rgba(43,37,35,.13);

    border-bottom:

        1px solid
        rgba(43,37,35,.13);

}


/* ============================================================
   59. RAIL MOVING LIGHT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail::before{

    content:"";

    position:absolute;

    left:-22%;

    top:-1px;

    width:22%;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--mbc-gold),
            transparent
        );

    animation:

        mbcRailSweep
        6s
        var(--mbc-ease)
        infinite;

}


@keyframes mbcRailSweep{

    0%{

        left:-22%;

        opacity:0;

    }

    15%{

        opacity:1;

    }

    75%{

        opacity:1;

    }

    100%{

        left:105%;

        opacity:0;

    }

}


/* ============================================================
   60. RAIL WIDGETS
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star{

    width:auto !important;

    max-width:max-content !important;

    flex:

        0 0 auto !important;

    margin:0 !important;

}


/* ============================================================
   61. RAIL TEXT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-rail-text
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7px !important;

    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:.15em !important;

    text-transform:uppercase;

    color:

        rgba(43,37,35,.48)

        !important;

}


/* ============================================================
   62. RAIL STAR
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-rail-star
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    color:

        var(--mbc-gold)

        !important;

    animation:

        mbcStar
        2.7s
        ease-in-out
        infinite;

}


@keyframes mbcStar{

    0%,
    100%{

        opacity:.45;

        transform:

            scale(.85);

    }

    50%{

        opacity:1;

        transform:

            scale(1.15);

    }

}


/* ============================================================
   ============================================================
   63. LAPTOP
   ============================================================
============================================================ */

@media(
    min-width:1101px
)
and
(
    max-width:1366px
){

    .elementor-520 .elementor-element.elementor-element-28d2b84{

        padding-left:

            42px !important;

        padding-right:

            42px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

        grid-template-columns:

            minmax(380px,.93fr)

            minmax(440px,1.07fr);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        padding:

            52px
            46px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                49px,
                4.6vw,
                66px
            )

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        padding:

            35px
            31px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                370px,
                33vw,
                455px
            )

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        gap:

            15px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stats{

        min-width:

            205px !important;

    }

}


/* ============================================================
   ============================================================
   64. TABLET
   ============================================================
============================================================ */

@media(
    min-width:768px
)
and
(
    max-width:1100px
){

    .elementor-520 .elementor-element.elementor-element-28d2b84{

        padding:

            74px
            clamp(28px,5vw,48px)
            76px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-top{

        max-width:

            880px !important;

        margin-bottom:

            39px !important;

    }


    /* STACK */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

        width:100% !important;

        max-width:

            880px !important;

        min-height:

            0 !important;

        display:flex !important;

        flex-direction:

            column !important;

        border-radius:

            5px 43px
            5px 43px

            !important;

    }


    /* CONTENT */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        width:100% !important;

        max-width:100% !important;

        padding:

            58px
            55px
            55px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-title{

        max-width:

            680px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                50px,
                7vw,
                68px
            )

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description{

        max-width:

            625px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof{

        max-width:

            650px !important;

    }


    /* VISUAL */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        width:100% !important;

        padding:

            50px
            55px
            48px

            !important;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.07);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual::before{

        left:20%;

        top:-1px;

        width:60%;

        height:1px;

        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(215,164,74,.55),
                transparent
            );

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            470px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        width:

            calc(100% - 55px)

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail{

        max-width:

            880px !important;

    }

}


/* ============================================================
   ============================================================
   65. MOBILE
   ANDROID + IPHONE
   ============================================================
============================================================ */

@media(max-width:767px){

    .elementor-520 .elementor-element.elementor-element-28d2b84{

        padding:

            58px
            14px
            62px

            !important;

        overflow-x:

            hidden !important;

    }


    /* TOP */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-top{

        width:100% !important;

        max-width:100% !important;

        margin:

            0 0
            30px

            !important;

        padding-bottom:

            12px !important;

        display:grid !important;

        grid-template-columns:

            minmax(0,1fr)
            auto;

        align-items:start !important;

        gap:

            10px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-index{

        padding-left:

            30px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-index::before{

        width:

            19px;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-index
    .elementor-heading-title{

        font-size:

            6px !important;

        letter-spacing:

            .09em !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-location{

        max-width:

            145px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-location
    .elementor-heading-title{

        font-size:

            5.5px !important;

        line-height:

            1.4 !important;

        letter-spacing:

            .07em !important;

    }


    /* MAIN */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

        width:100% !important;

        max-width:100% !important;

        min-height:0 !important;

        display:flex !important;

        flex-direction:

            column !important;

        border-radius:

            4px 30px
            4px 30px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main::before{

        inset:

            8px;

        border-radius:

            2px 23px
            2px 23px;

    }


    /* CONTENT */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        width:100% !important;

        padding:

            42px
            22px
            40px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content::before{

        top:

            6px;

        left:

            13px;

        font-size:

            104px;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow{

        margin-bottom:

            19px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-eyebrow
    .elementor-heading-title{

        font-size:

            6.5px !important;

        letter-spacing:

            .11em !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-title{

        width:100% !important;

        max-width:100% !important;

        margin-bottom:

            23px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                39px,
                11vw,
                49px
            )

            !important;

        line-height:

            .98 !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-title::after{

        width:

            57px;

        margin-top:

            18px;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description{

        max-width:

            100% !important;

        margin-bottom:

            29px !important;

        padding-left:

            13px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{

        font-size:

            13px !important;

        line-height:

            1.7 !important;

    }


    /* BUTTONS */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-actions{

        width:100% !important;

        margin-bottom:

            31px !important;

        flex-direction:

            column !important;

        align-items:

            stretch !important;

        gap:

            10px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button{

        width:

            100% !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button{

        width:

            100% !important;

        min-width:

            0 !important;

        min-height:

            53px !important;

    }


    /* PROOF */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof{

        width:100% !important;

        max-width:100% !important;

        grid-template-columns:

            1fr;

        border-bottom:none;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item{

        min-height:

            56px !important;

        padding:

            12px
            4px

            !important;

        display:grid !important;

        grid-template-columns:

            32px
            minmax(0,1fr);

        align-items:center !important;

        gap:

            8px !important;

        border-right:none;

        border-bottom:

            1px solid
            rgba(247,241,231,.10);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-proof-title
    .elementor-heading-title{

        font-size:

            15px !important;

    }


    /* VISUAL */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        width:100% !important;

        padding:

            34px
            14px
            35px

            !important;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.07);

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual::before{

        left:15%;

        top:-1px;

        width:70%;

        height:1px;

        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(215,164,74,.55),
                transparent
            );

    }


    /* PHOTO */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-stage::before{

        left:

            20px;

        right:

            -7px;

        top:

            -10px;

        bottom:

            15px;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                340px,
                105vw,
                440px
            )

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-image{

        border-radius:

            3px 23px
            3px 23px;

    }


    /* BADGE */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge{

        left:

            12px !important;

        top:

            13px !important;

        width:

            120px !important;

        min-height:

            88px !important;

        padding:

            12px
            13px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-badge-title
    .elementor-heading-title{

        font-size:

            17px !important;

    }


    /* CAPTION */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        left:

            17px !important;

        right:

            17px !important;

        bottom:

            17px !important;

        flex-direction:

            column !important;

        align-items:

            flex-start !important;

        gap:

            7px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:

            250px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:

            21px !important;

        text-align:

            left !important;

    }


    /* INFO */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        width:

            calc(100% - 17px)

            !important;

        min-height:0 !important;

        margin-top:

            -21px !important;

        padding:

            16px !important;

        display:flex !important;

        flex-direction:

            column !important;

        align-items:

            stretch !important;

        gap:

            16px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-intro{

        width:100% !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stats{

        width:100% !important;

        min-width:0 !important;

        display:grid !important;

        grid-template-columns:

            1fr
            1fr;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.10);

        padding-top:

            13px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat{

        min-width:0 !important;

        padding:

            2px
            12px

            !important;

    }


    /* FOOTER */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual-footer{

        margin-top:

            15px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-footer-left
    .elementor-heading-title,

    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-footer-right
    .elementor-heading-title{

        font-size:

            4.7px !important;

        letter-spacing:

            .07em !important;

    }


    /* RAIL */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail{

        width:100% !important;

        max-width:100% !important;

        margin-top:

            20px !important;

        padding:

            16px
            3px

            !important;

        gap:

            8px
            11px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-rail-text
    .elementor-heading-title{

        font-size:

            5.8px !important;

        letter-spacing:

            .07em !important;

        text-align:center;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-rail-star
    .elementor-heading-title{

        font-size:

            6.5px !important;

    }

}


/* ============================================================
   66. STANDARD IPHONE / ANDROID
   <= 430PX
============================================================ */

@media(max-width:430px){

    .elementor-520 .elementor-element.elementor-element-28d2b84{

        padding-left:

            12px !important;

        padding-right:

            12px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        padding-left:

            19px !important;

        padding-right:

            19px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                37px,
                10.8vw,
                45px
            )

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        padding-left:

            11px !important;

        padding-right:

            11px !important;

    }

}


/* ============================================================
   67. SMALL IPHONE / ANDROID
   <= 390PX
============================================================ */

@media(max-width:390px){

    .elementor-520 .elementor-element.elementor-element-28d2b84{

        padding-left:

            10px !important;

        padding-right:

            10px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        padding:

            38px
            16px
            36px

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            35px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{

        font-size:

            12.5px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        padding-left:

            9px !important;

        padding-right:

            9px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            335px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge{

        width:

            108px !important;

        min-height:

            80px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        width:

            calc(100% - 10px)

            !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual-footer{

        flex-direction:

            column !important;

        align-items:

            flex-start !important;

        gap:

            8px !important;

    }

}


/* ============================================================
   68. TOUCH DEVICES
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button:hover{

        transform:none !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:hover{

        padding-left:

            4px !important;

    }

}


/* ============================================================
   69. ACCESSIBILITY
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button:focus-visible{

    outline:

        2px solid
        var(--mbc-gold);

    outline-offset:

        4px;

}


/* ============================================================
   70. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-520 .elementor-element.elementor-element-28d2b84 *,
    .elementor-520 .elementor-element.elementor-element-28d2b84 *::before,
    .elementor-520 .elementor-element.elementor-element-28d2b84 *::after{

        animation:

            none !important;

        transition:

            none !important;

    }

}
/* ============================================================
   FIX BUTTON ICON + FIX CAPTION OVERLAP
   TEMPel DI PALING BAWAH CSS LAMA
============================================================ */


/* ============================================================
   01. BUTTON
   PAKSA TEXT DI KIRI / TENGAH DAN ICON ARROW DI KANAN
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-content-wrapper{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
    order:1 !important;
    flex:1 1 auto !important;
    text-align:center !important;
    white-space:nowrap !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon{
    order:2 !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon i,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon svg{
    margin:0 !important;
}


/* ============================================================
   02. KHUSUS BUTTON PRIMARY DAN SECONDARY
   BIAR TETAP RAPI SAAT ICON DI KANAN
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-secondary .elementor-button{
    padding:0 16px 0 24px !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button-text,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-secondary .elementor-button-text{
    padding-right:2px !important;
}


/* ============================================================
   03. PHOTO CAPTION
   TEKS "WHERE THE JOURNEY BEGINS" DIBUAT SEDIKIT TERTIMPA
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{
    left:22px !important;
    right:10px !important;
    bottom:14px !important;
    align-items:flex-end !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
    position:relative !important;
    max-width:285px !important;
    margin-right:-10px !important;
    margin-bottom:-8px !important;
    z-index:10 !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
    position:relative !important;
    right:-6px !important;
    bottom:-4px !important;
    text-align:right !important;
    line-height:0.95 !important;
}


/* ============================================================
   04. TABLET
============================================================ */

@media (min-width:768px) and (max-width:1100px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{
        right:16px !important;
        bottom:16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
        max-width:240px !important;
        margin-right:-4px !important;
        margin-bottom:-4px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        right:-2px !important;
        bottom:-2px !important;
    }
}


/* ============================================================
   05. MOBILE
============================================================ */

@media (max-width:767px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-content-wrapper{
        gap:12px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        text-align:center !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon{
        margin-left:auto !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{
        left:17px !important;
        right:17px !important;
        bottom:15px !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:7px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
        max-width:230px !important;
        margin-right:0 !important;
        margin-bottom:-3px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        right:0 !important;
        bottom:0 !important;
        text-align:left !important;
        line-height:1 !important;
    }
}


/* ============================================================
   06. SMALL MOBILE
============================================================ */

@media (max-width:430px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button{
        min-height:53px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        font-size:12px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
        max-width:200px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        font-size:19px !important;
    }
}
/* ============================================================
   FINAL FIX
   BUTTON ICON TETAP DI KANAN
   + PHOTO CAPTION TIDAK TERTIMPA INFO CARD
============================================================ */


/* ============================================================
   01. BUTTON
   PERTAHANKAN ICON ARROW DI KANAN
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-content-wrapper{
    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:14px !important;
}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
    order:1 !important;

    flex:1 1 auto !important;

    text-align:center !important;

    white-space:nowrap !important;
}


.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon{
    order:2 !important;

    flex:0 0 30px !important;

    width:30px !important;

    height:30px !important;

    margin-left:auto !important;

    margin-right:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
}


/* ============================================================
   02. PHOTO CAPTION
   NAIKKAN DARI AREA INFORMATION CARD
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

    left:22px !important;

    right:22px !important;

    bottom:58px !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:24px !important;

}


/* ============================================================
   03. WHERE THE JOURNEY BEGINS
   RESET NEGATIVE OFFSET LAMA
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

    position:relative !important;

    width:auto !important;

    max-width:270px !important;

    margin:0 !important;

    padding:0 !important;

    z-index:10 !important;

    transform:none !important;

}


.elementor-520 .elementor-element.elementor-element-28d2b84
.mbc-cta-caption-title
.elementor-heading-title{

    position:relative !important;

    right:auto !important;

    bottom:auto !important;

    top:auto !important;

    left:auto !important;

    margin:0 !important;

    font-family:
        "El Messiri",
        serif
        !important;

    font-size:
        clamp(
            21px,
            2vw,
            29px
        )
        !important;

    line-height:1.02 !important;

    font-weight:500 !important;

    text-align:right !important;

    color:
        var(--mbc-ivory)
        !important;

}


/* ============================================================
   04. FIRST LIGHT
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label{

    flex:0 0 auto !important;

    margin:0 !important;

}


/* ============================================================
   05. INFORMATION CARD
   PERTAHANKAN OVERLAP FOTO TAPI JANGAN TERLALU TINGGI
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

    margin:
        -24px 0 0 auto
        !important;

}


/* ============================================================
   06. TABLET
============================================================ */

@media(
    min-width:768px
)
and
(
    max-width:1100px
){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        left:22px !important;

        right:22px !important;

        bottom:52px !important;

        gap:20px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:250px !important;

        margin:0 !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        right:auto !important;

        bottom:auto !important;

        font-size:24px !important;

        line-height:1.02 !important;

        text-align:right !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        margin:
            -22px 0 0 auto
            !important;

    }

}


/* ============================================================
   07. MOBILE
   ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    /* BUTTON */

    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button-content-wrapper{

        width:100% !important;

        gap:12px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button-text{

        flex:1 1 auto !important;

        text-align:center !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button-icon{

        margin-left:auto !important;

        margin-right:0 !important;

    }


    /* PHOTO CAPTION */

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        left:17px !important;

        right:17px !important;

        bottom:47px !important;

        flex-direction:column !important;

        align-items:flex-start !important;

        justify-content:flex-end !important;

        gap:7px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        width:auto !important;

        max-width:235px !important;

        margin:0 !important;

        transform:none !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        right:auto !important;

        bottom:auto !important;

        top:auto !important;

        left:auto !important;

        font-size:21px !important;

        line-height:1.03 !important;

        text-align:left !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        margin:
            -17px 0 0 auto
            !important;

    }

}


/* ============================================================
   08. SMALL MOBILE
============================================================ */

@media(max-width:430px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        bottom:43px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:210px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:19px !important;

    }

}


/* ============================================================
   09. VERY SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        bottom:40px !important;

    }


    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:190px !important;

    }

}

/* ============================================================
   71. FINAL READABILITY FORCE OVERRIDE
   DILETAKKAN PALING BAWAH AGAR MENANG DARI SEMUA RULE LAMA.
   Fokus: seluruh micro-copy / metadata dibuat jauh lebih mudah dibaca.
============================================================ */


/* ============================================================
   DESKTOP — TOP BAR
============================================================ */

/* 07 / YOUR NEXT JOURNEY */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-index .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* MOUNT BATUR · KINTAMANI · BALI */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-location .elementor-heading-title{
    font-size:11px !important;
    line-height:1.3 !important;
    letter-spacing:.11em !important;
    color:rgba(43,37,35,.62) !important;
}


/* ============================================================
   DESKTOP — MAIN CONTENT
============================================================ */

/* YOUR MOUNTAIN, YOUR MOMENT */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* Main description */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
    font-size:17px !important;
    line-height:1.72 !important;
    color:rgba(247,241,231,.78) !important;
}

/* Button text */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
    font-size:14px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PROOF / 01 02 03
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-number .elementor-heading-title{
    font-size:10px !important;
    line-height:1 !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-title .elementor-heading-title{
    font-size:19px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PHOTO BADGE
============================================================ */

/* FIELD NOTES / 01 */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.2 !important;
    letter-spacing:.11em !important;
}

/* Mount Batur */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-title .elementor-heading-title{
    font-size:22px !important;
    line-height:1.08 !important;
}

/* Kintamani, Bali */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title{
    font-size:9px !important;
    line-height:1.3 !important;
    color:rgba(247,241,231,.62) !important;
}


/* ============================================================
   DESKTOP — PHOTO CAPTION
============================================================ */

/* FIRST LIGHT */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title{
    font-size:9px !important;
    line-height:1.2 !important;
    letter-spacing:.13em !important;
}

/* Where the journey begins. */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
    font-size:clamp(24px,2vw,30px) !important;
    line-height:1.03 !important;
}


/* ============================================================
   DESKTOP — INFORMATION CARD
============================================================ */

/* MORNING / 01 */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.2 !important;
    letter-spacing:.12em !important;
}

/* Before Bali Wakes */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-title .elementor-heading-title{
    font-size:clamp(21px,1.7vw,25px) !important;
    line-height:1.08 !important;
}

/* START / ELEVATION */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
    font-size:8.5px !important;
    line-height:1.2 !important;
    letter-spacing:.10em !important;
    color:rgba(247,241,231,.54) !important;
}

/* 05:45 / 1,450 MASL */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-value .elementor-heading-title{
    font-size:clamp(22px,2vw,28px) !important;
}


/* ============================================================
   DESKTOP — VISUAL FOOTER
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.25 !important;
    letter-spacing:.09em !important;
    color:rgba(247,241,231,.50) !important;
}


/* ============================================================
   DESKTOP — BOTTOM RAIL
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.11em !important;
    color:rgba(43,37,35,.58) !important;
}

.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
    font-size:12px !important;
    line-height:1 !important;
}


/* ============================================================
   TABLET
============================================================ */

@media(max-width:1100px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-index .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-location .elementor-heading-title{
        font-size:10px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-title .elementor-heading-title{
        font-size:18px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
        font-size:11px !important;
    }

}


/* ============================================================
   MOBILE — ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-index .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.09em !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-location .elementor-heading-title{
        font-size:9px !important;
        line-height:1.4 !important;
        letter-spacing:.07em !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.10em !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
        font-size:16px !important;
        line-height:1.68 !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-title .elementor-heading-title{
        font-size:17px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        font-size:21px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-value .elementor-heading-title{
        font-size:22px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
        font-size:8.5px !important;
        line-height:1.3 !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
        font-size:10px !important;
    }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
        font-size:7.5px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
        font-size:10px !important;
    }

}

/* ============================================================
   FINAL BALINGKANG HERITAGE RED GUARD
   Keeps the section aligned with the supplied brand palette.
============================================================ */

.elementor-520 .elementor-element.elementor-element-28d2b84{
    --mbc-black:#2B2523;
    --mbc-charcoal:#2B2523;
    --mbc-red:#A83832;
    --mbc-red-hover:#8E2B2C;
    --mbc-brick:#C85B4A;
    --mbc-gold:#D7A44A;
    --mbc-cream:#EAD8D2;
    --mbc-ivory:#F7F1E7;
    --mbc-green:#A83832;
    --mbc-forest:#6D1F24;
    --mbc-text:#2B2523;
    --mbc-white:#FFFFFF;
}

/* Main panel: premium Deep Maroon, not Mount Batur green */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{
    border-color:rgba(215,164,74,.26) !important;
    background:
        radial-gradient(circle at 78% 18%,rgba(215,164,74,.08),transparent 24%),
        radial-gradient(circle at 15% 92%,rgba(200,91,74,.14),transparent 32%),
        linear-gradient(135deg,#6D1F24 0%,#57181D 58%,#2B2523 100%)
        !important;
}

/* Primary CTA follows supplied palette */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button{
    color:#FFFFFF !important;
    border-color:#A83832 !important;
    background:#A83832 !important;
}
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button::before{
    background:#8E2B2C !important;
}
@media(hover:hover) and (pointer:fine){
    .elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button:hover{
        color:#FFFFFF !important;
        border-color:#8E2B2C !important;
        box-shadow:0 18px 42px rgba(168,56,50,.28) !important;
    }
}

/* Main description stays readable everywhere */
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
.elementor-520 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
    font-size:16px !important;
    line-height:1.72 !important;
}

/* Outer section remains Warm Ivory */
.elementor-520 .elementor-element.elementor-element-28d2b84{
    background:
        radial-gradient(circle at 7% 20%,rgba(215,164,74,.07),transparent 24%),
        radial-gradient(circle at 96% 76%,rgba(200,91,74,.06),transparent 26%),
        #F7F1E7
        !important;
}/* End custom CSS */