.elementor-14 .elementor-element.elementor-element-dfd9460{--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-14 .elementor-element.elementor-element-dfd9460:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-dfd9460 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://kaklunabalitrans.com/wp-content/uploads/2026/09/Pura_Ulundanu_Bedugul-scaled.jpg");background-position:center center;background-size:cover;}.elementor-14 .elementor-element.elementor-element-dfd9460::before, .elementor-14 .elementor-element.elementor-element-dfd9460 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-dfd9460 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-dfd9460 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-dfd9460 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-dfd9460 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-f13c22c{--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-14 .elementor-element.elementor-element-0ad5ed3{--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-14 .elementor-element.elementor-element-7dfcd60{--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-14 .elementor-element.elementor-element-7dfcd60.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-14 .elementor-element.elementor-element-d8c6a1c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:500;line-height:1.08em;color:var( --e-global-color-62a787b );}.elementor-14 .elementor-element.elementor-element-2336678{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-2336678 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:55px;font-weight:500;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-14 .elementor-element.elementor-element-65712d7{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-14 .elementor-element.elementor-element-28d7cc8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-1a9f761{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 0px 0px;box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.04);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-a3272e9{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--border-radius:10px 0px 0px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-a3272e9:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-a3272e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-977f00e .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-14 .elementor-element.elementor-element-7b1fe12 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:50px;font-weight:500;color:#000000;}.elementor-14 .elementor-element.elementor-element-2e3c356{font-family:"DM Sans", Sans-serif;color:#2B2523;}.elementor-14 .elementor-element.elementor-element-d6db4f7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:10px 10px 10px 10px;}.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-14 .elementor-element.elementor-element-cbe4502{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-cbe4502.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-cbe4502 .elementor-icon-wrapper{text-align:center;}.elementor-14 .elementor-element.elementor-element-cbe4502.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-cbe4502.elementor-view-stacked .elementor-icon{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-cbe4502.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-cbe4502 .elementor-icon{font-size:19px;}.elementor-14 .elementor-element.elementor-element-cbe4502 .elementor-icon svg{height:19px;}.elementor-14 .elementor-element.elementor-element-a256736{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-05c412c .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-a84a705{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-a84a705 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-ed89d57{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-35b3435{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-35b3435.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-35b3435 .elementor-icon-wrapper{text-align:center;}.elementor-14 .elementor-element.elementor-element-35b3435.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-35b3435.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-35b3435.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-35b3435.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-35b3435.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-35b3435 .elementor-icon{font-size:19px;}.elementor-14 .elementor-element.elementor-element-35b3435 .elementor-icon svg{height:19px;}.elementor-14 .elementor-element.elementor-element-1b9f515{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-01e0c03 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-3982fcb{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-3982fcb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-988c941{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-c4b7e24{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-c4b7e24 .elementor-icon-wrapper{text-align:center;}.elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-c4b7e24.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-c4b7e24 .elementor-icon{font-size:19px;}.elementor-14 .elementor-element.elementor-element-c4b7e24 .elementor-icon svg{height:19px;}.elementor-14 .elementor-element.elementor-element-186c751{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-8169930 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-d8ca4eb{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-d8ca4eb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-d422ff7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-56ab246{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-56ab246.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-56ab246 .elementor-icon-wrapper{text-align:center;}.elementor-14 .elementor-element.elementor-element-56ab246.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-56ab246.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-56ab246.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-56ab246.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-56ab246.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-56ab246.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-56ab246.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-56ab246 .elementor-icon{font-size:19px;}.elementor-14 .elementor-element.elementor-element-56ab246 .elementor-icon svg{height:19px;}.elementor-14 .elementor-element.elementor-element-390592e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-34515a5 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-6d6bd44{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-6d6bd44 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-14 .elementor-element.elementor-element-ff69f6d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-69b35fd{border-radius:0px 10px 0px 0px;}.elementor-14 .elementor-element.elementor-element-69b35fd iframe{height:394px;}.elementor-14 .elementor-element.elementor-element-d91f9b7{--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;--border-radius:0px 0px 10px 10px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-d91f9b7:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d91f9b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-7a35125{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-14 .elementor-element.elementor-element-df9a8f8 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:35px;font-weight:500;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-7a3a047 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-da1661d{--display:flex;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14 .elementor-element.elementor-element-a53d191 .elementor-button{background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#61CE70;border-radius:5px 5px 5px 5px;}.elementor-14 .elementor-element.elementor-element-a53d191 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-a53d191 .elementor-button:focus{background-color:#FFFFFF;color:#61CE70;border-color:#61CE70;}.elementor-14 .elementor-element.elementor-element-a53d191 .elementor-button-content-wrapper{flex-direction:row;}.elementor-14 .elementor-element.elementor-element-a53d191 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-a53d191 .elementor-button:focus svg{fill:#61CE70;}.elementor-14 .elementor-element.elementor-element-bc259ee{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-fe20367{--display:flex;--min-height:480px;--justify-content:center;--overlay-opacity:0.26;--border-radius:15px 15px 15px 15px;}.elementor-14 .elementor-element.elementor-element-fe20367:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-fe20367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kaklunabalitrans.com/wp-content/uploads/2026/09/pexels-g-n-403098-27785473.jpg");background-position:center center;background-size:cover;}.elementor-14 .elementor-element.elementor-element-fe20367::before, .elementor-14 .elementor-element.elementor-element-fe20367 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-fe20367 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-fe20367 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-fe20367 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-fe20367 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#353535;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-c475743{text-align:center;}.elementor-14 .elementor-element.elementor-element-c475743 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-02e403e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-14 .elementor-element.elementor-element-02e403e.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-02e403e .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:55px;font-weight:500;text-shadow:0px 0px 35px rgba(0, 0, 0, 0.15);color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-384d435{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-384d435.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-25a7bf1{--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;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-b921a6a .elementor-button{background-color:#74142A;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-radius:6px 6px 6px 6px;}.elementor-14 .elementor-element.elementor-element-b921a6a .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-b921a6a .elementor-button:focus{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-b921a6a{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-b921a6a.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-b921a6a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14 .elementor-element.elementor-element-071cfdf{--display:flex;}body.elementor-page-14:not(.elementor-motion-effects-element-type-background), body.elementor-page-14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-dfd9460{--width:100%;}.elementor-14 .elementor-element.elementor-element-0ad5ed3{--content-width:100%;}.elementor-14 .elementor-element.elementor-element-7dfcd60{--width:87.366%;}.elementor-14 .elementor-element.elementor-element-d91f9b7{--width:1140px;}.elementor-14 .elementor-element.elementor-element-da1661d{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14 .elementor-element.elementor-element-7dfcd60{--width:72%;}}@media(min-width:1025px){.elementor-14 .elementor-element.elementor-element-dfd9460:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-dfd9460 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-dfd9460{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-0ad5ed3{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-14 .elementor-element.elementor-element-d8c6a1c .elementor-heading-title{font-size:18px;}.elementor-14 .elementor-element.elementor-element-2336678 .elementor-heading-title{font-size:50px;}.elementor-14 .elementor-element.elementor-element-65712d7{font-size:14px;}.elementor-14 .elementor-element.elementor-element-c475743 .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-dfd9460{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-14 .elementor-element.elementor-element-f13c22c{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-0ad5ed3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-14 .elementor-element.elementor-element-7dfcd60{--width:100%;}.elementor-14 .elementor-element.elementor-element-d8c6a1c .elementor-heading-title{font-size:14px;}.elementor-14 .elementor-element.elementor-element-2336678 .elementor-heading-title{font-size:42px;}.elementor-14 .elementor-element.elementor-element-65712d7{font-size:14px;}.elementor-14 .elementor-element.elementor-element-1a9f761{--border-radius:10px 10px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a3272e9{--border-radius:10px 10px 0px 0px;}.elementor-14 .elementor-element.elementor-element-7b1fe12 .elementor-heading-title{font-size:40px;}.elementor-14 .elementor-element.elementor-element-cbe4502 .elementor-icon{font-size:14px;}.elementor-14 .elementor-element.elementor-element-cbe4502 .elementor-icon svg{height:14px;}.elementor-14 .elementor-element.elementor-element-a256736{--width:85%;}.elementor-14 .elementor-element.elementor-element-05c412c .elementor-heading-title{font-size:20px;}.elementor-14 .elementor-element.elementor-element-a84a705 .elementor-heading-title{font-size:14px;}.elementor-14 .elementor-element.elementor-element-35b3435 .elementor-icon{font-size:14px;}.elementor-14 .elementor-element.elementor-element-35b3435 .elementor-icon svg{height:14px;}.elementor-14 .elementor-element.elementor-element-1b9f515{--width:85%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-14 .elementor-element.elementor-element-01e0c03 .elementor-heading-title{font-size:20px;}.elementor-14 .elementor-element.elementor-element-3982fcb .elementor-heading-title{font-size:14px;}.elementor-14 .elementor-element.elementor-element-c4b7e24 .elementor-icon{font-size:14px;}.elementor-14 .elementor-element.elementor-element-c4b7e24 .elementor-icon svg{height:14px;}.elementor-14 .elementor-element.elementor-element-186c751{--width:85%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-14 .elementor-element.elementor-element-8169930 .elementor-heading-title{font-size:20px;}.elementor-14 .elementor-element.elementor-element-d8ca4eb .elementor-heading-title{font-size:14px;}.elementor-14 .elementor-element.elementor-element-56ab246 .elementor-icon{font-size:14px;}.elementor-14 .elementor-element.elementor-element-56ab246 .elementor-icon svg{height:14px;}.elementor-14 .elementor-element.elementor-element-390592e{--width:85%;}.elementor-14 .elementor-element.elementor-element-34515a5 .elementor-heading-title{font-size:20px;}.elementor-14 .elementor-element.elementor-element-6d6bd44 .elementor-heading-title{font-size:14px;}.elementor-14 .elementor-element.elementor-element-df9a8f8{text-align:center;}.elementor-14 .elementor-element.elementor-element-df9a8f8 .elementor-heading-title{font-size:30px;}.elementor-14 .elementor-element.elementor-element-7a3a047{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-14 .elementor-element.elementor-element-fe20367{--min-height:310px;}.elementor-14 .elementor-element.elementor-element-c475743 .elementor-heading-title{font-size:14px;}.elementor-14 .elementor-element.elementor-element-02e403e .elementor-heading-title{font-size:40px;}.elementor-14 .elementor-element.elementor-element-384d435{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-14 .elementor-element.elementor-element-25a7bf1{--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-14 .elementor-element.elementor-element-b921a6a{--container-widget-width:51%;--container-widget-flex-grow:0;width:var( --container-widget-width, 51% );max-width:51%;}}/* Start custom CSS for container, class: .elementor-element-f13c22c *//* ============================================================
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-14 .elementor-element.elementor-element-f13c22c{
  --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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__photo-main,
.elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__photo-top,
.elementor-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


.elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__glass-text,
.elementor-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__glass-text .elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__glass:hover::before{
  width:58px;
}


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

@media(max-width:1024px){

  .elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


  .elementor-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__right{
    min-height:
      510px!important;
  }


  .elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


  .elementor-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__glass .elementor-heading-title{
    font-size:
      14px!important;

    line-height:
      1.12!important;
  }


  .elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__glass-text,
  .elementor-14 .elementor-element.elementor-element-f13c22c .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-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__right *,
  .elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__right *::before,
  .elementor-14 .elementor-element.elementor-element-f13c22c .coastal-hero-collage__right *::after{
    animation:none!important;
    transition:none!important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9460 *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   PAGE HERO (halaman dalam) — "AZURE BANNER" V26

   DIPASANG DI:
   Section / Container hero halaman dalam
   Advanced > Custom CSS

   CLASS TETAP SAMA:
   pt-hero / pt-hero-shell / pt-hero-copy
   pt-hero-eyebrow / pt-hero-title / pt-hero-title-accent
   pt-hero-text / pt-primary-btn / pt-hero-secondary
   pt-hero-trust / pt-mini-trust

   ------------------------------------------------------------
   PERUBAHAN v25 — DISELARASKAN DENGAN HERO HOME
   ------------------------------------------------------------
   - Pita bernomor "02" DIHAPUS.
     Diganti RAIL VERTIKAL polos bergradasi biru,
     persis seperti hero home.
   - Bingkai arch di dalam hero DIHAPUS.
   - Watermark outline DIHAPUS.
   - Orbit ring putus-putus diganti GLOW BULAT lembut
     yang bernafas pelan, sama seperti hero home.
   - Eyebrow kembali ke kapsul bulat penuh (999px),
     PERSIS seperti hero home: tanpa titik bulat
     di sebelah kiri teks (v26).
   - Garis bawah judul kembali sederhana: melebar
     saat hover, tanpa animasi menyapu.
   - Tombol memakai radius 12px seperti hero home.

   Hasilnya: hero halaman dalam terasa satu keluarga
   dengan hero home, hanya lebih ringkas dan memakai
   foto latar.

   ------------------------------------------------------------
   TIPOGRAFI TIDAK DIKUNCI
   ------------------------------------------------------------
   Semua aturan font dibungkus :where() -> spesifisitas NOL.
   Panel Elementor (Style > Typography / Text Color)
   SELALU menang.
   ============================================================
   ============================================================ */


/* ============================================================
   01. PUSAT KENDALI
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460{

    /* nama variabel lama dipertahankan */

    --pt-maroon:#063A5E;        /* Navy      */
    --pt-maroon-dark:#041E33;   /* Navy Dark */

    --pt-red:#1E8FD6;           /* Azure     */
    --pt-red-dark:#0A5C8F;      /* Ocean     */

    --pt-brick:#0A5C8F;

    --pt-gold:#4DC0FF;          /* Sky — aksen utama */
    --pt-gold-light:#8BD8FF;

    --pt-ivory:#EAF4FC;
    --pt-blush:#D7ECF9;

    --pt-charcoal:#10222F;
    --pt-white:#FFFFFF;

    --pt-line:rgba(77,192,255,.28);

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

    --pt-shadow:
        0 22px 54px rgba(4,30,51,.28);

    --pt-shadow-strong:
        0 30px 72px rgba(4,30,51,.40);

    /* font default — bisa ditimpa panel */
    --pt-font-display:"DM Serif Display",Georgia,serif;
    --pt-font-body:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;

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

    position:relative;

    color:var(--pt-charcoal);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 *,
.elementor-14 .elementor-element.elementor-element-dfd9460 *::before,
.elementor-14 .elementor-element.elementor-element-dfd9460 *::after{
    box-sizing:border-box;
}


/* ============================================================
   02. HERO WRAPPER

   Foto latar TETAP dari panel Elementor.
   CSS hanya menambah overlay dan dekorasi cahaya.
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    min-height:clamp(360px,34vw,480px);

    border-top:1px solid rgba(77,192,255,.16);

    border-bottom:1px solid rgba(77,192,255,.14);
}


/* ------------------------------------------------------------
   03. OVERLAY NAVY + GARIS ARSITEKTUR
   Nuansa sama dengan hero home
------------------------------------------------------------ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:0;

    pointer-events:none;

    background:

        radial-gradient(
            circle at 84% 14%,
            rgba(77,192,255,.28) 0%,
            transparent 44%
        ),

        radial-gradient(
            circle at 10% 88%,
            rgba(30,143,214,.24) 0%,
            transparent 46%
        ),

        linear-gradient(
            100deg,
            rgba(4,30,51,.88) 0%,
            rgba(6,58,94,.76) 38%,
            rgba(10,92,143,.50) 68%,
            rgba(30,143,214,.30) 100%
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 92px,
            rgba(255,255,255,.020) 93px,
            transparent 94px
        );

    transition:opacity .7s ease;
}


/* ------------------------------------------------------------
   04. FADE SINEMATIK DI DASAR HERO
   Sama seperti hero home
------------------------------------------------------------ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:150px;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(4,30,51,.16) 34%,
            rgba(4,30,51,.42) 100%
        );
}


/* ============================================================
   05. SHELL — glow lembut, sama seperti hero home
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-shell{

    position:relative;

    z-index:4;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-shell::before{

    content:"";

    position:absolute;

    right:-90px;
    top:-110px;

    z-index:-1;

    width:clamp(240px,26vw,400px);
    height:clamp(240px,26vw,400px);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(77,192,255,.22) 0%,
            rgba(77,192,255,.07) 42%,
            transparent 70%
        );

    filter:blur(8px);

    pointer-events:none;

    animation:ptHeroGlow 9s ease-in-out infinite alternate;
}


@keyframes ptHeroGlow{

    0%{
        opacity:.55;
        transform:translate3d(0,0,0) scale(.96);
    }

    100%{
        opacity:.92;
        transform:translate3d(-18px,16px,0) scale(1.05);
    }

}


/* ============================================================
   06. HERO COPY — RAIL VERTIKAL POLOS

   v25 : nomor "02" dihapus. Kembali ke rail sederhana
   seperti hero home.
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy{

    position:relative;

    z-index:5;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy::before{

    content:"";

    position:absolute;

    left:-22px;
    top:4px;

    width:3px;
    height:126px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            var(--pt-gold) 0%,
            var(--pt-gold) 42%,
            var(--pt-red) 72%,
            rgba(30,143,214,.12) 100%
        );

    box-shadow:
        0 0 17px rgba(77,192,255,.34),
        0 0 34px rgba(77,192,255,.14);

    pointer-events:none;
}


/* aksen kedua sengaja dimatikan, sama seperti hero home */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy::after{

    content:none!important;

    display:none!important;
}


/* ============================================================
   07. EYEBROW — kapsul bulat, sama seperti hero home
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-eyebrow{

    position:relative;

    width:max-content;

    max-width:100%;

    /* v26 : padding simetris, titik bulat sudah dihapus */
    padding:7px 14px;

    border:1px solid rgba(77,192,255,.32);

    /* v25 : kembali ke kapsul bulat penuh */
    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            rgba(4,30,51,.60),
            rgba(10,92,143,.32)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 10px 24px rgba(4,30,51,.22);

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


/* v26 : titik bulat DIHAPUS agar sama persis dengan hero home.
   Pseudo-element sengaja dimatikan supaya tidak ada sisa
   dari versi sebelumnya. */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-eyebrow::before{

    content:none!important;

    display:none!important;
}


/* TIPOGRAFI eyebrow — spesifisitas nol */

.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-eyebrow .elementor-heading-title){

    font-family:var(--pt-font-body);

    font-size:12px;

    font-weight:600;

    letter-spacing:.20em;

    text-transform:uppercase;

    color:var(--pt-gold);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-eyebrow .elementor-heading-title{

    text-shadow:0 0 18px rgba(77,192,255,.30);
}


/* ============================================================
   08. HERO TITLE
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-title .elementor-heading-title){

    font-family:var(--pt-font-display);

    font-weight:400;

    font-size:clamp(38px,4.6vw,72px);

    line-height:1.06;

    letter-spacing:-.02em;

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


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-title .elementor-heading-title{

    text-shadow:
        0 6px 28px rgba(4,30,51,.45),
        0 16px 48px rgba(4,30,51,.28);
}


/* kata dalam <span> jadi gradasi biru.
   Di editor tulis: Discover Bali's <span>Best Travel</span> */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-title .elementor-heading-title span{

    background:
        linear-gradient(
            122deg,
            var(--pt-gold-light) 0%,
            var(--pt-gold) 52%,
            var(--pt-red) 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* ============================================================
   09. ACCENT TITLE + GARIS BAWAH

   v25 : animasi menyapu dihapus. Kembali sederhana
   seperti hero home — melebar saat hover.
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-title-accent{

    position:relative;

    width:max-content;

    max-width:100%;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-title-accent .elementor-heading-title){

    font-family:var(--pt-font-display);

    font-weight:400;

    line-height:1.06;

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


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-title-accent .elementor-heading-title{

    text-shadow:
        0 6px 26px rgba(4,30,51,.42),
        0 12px 34px rgba(77,192,255,.16);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-title-accent::after{

    content:"";

    display:block;

    width:88px;
    height:2px;

    margin-top:12px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            rgba(77,192,255,.38),
            transparent
        );

    box-shadow:0 3px 14px rgba(77,192,255,.28);

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


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero:hover .pt-hero-title-accent::after{

    width:138px;
}


/* ============================================================
   10. HERO DESCRIPTION
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-text{

    max-width:620px;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-text .elementor-widget-container),
.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-text p){

    font-family:var(--pt-font-body);

    font-size:16px;

    font-weight:300;

    line-height:1.76;

    color:rgba(234,247,255,.88);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-text p{

    text-shadow:0 2px 14px rgba(4,30,51,.35);
}


/* ============================================================
   11. GLOBAL BUTTON MOTION
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .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;
}


/* ============================================================
   12. PRIMARY CTA — radius 12px seperti hero home
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-primary-btn .elementor-button{

    position:relative;

    overflow:hidden;

    box-shadow:
        0 13px 32px rgba(30,143,214,.38),
        inset 0 1px 0 rgba(255,255,255,.30);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-primary-btn .elementor-button){

    padding:15px 30px;

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

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            var(--pt-gold) 0%,
            var(--pt-red) 58%,
            var(--pt-red-dark) 100%
        );

    color:#05202F;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-primary-btn .elementor-button-text){

    font-family:var(--pt-font-body);

    font-size:14.5px;

    font-weight:600;

    letter-spacing:.015em;
}


/* kilau */

.elementor-14 .elementor-element.elementor-element-dfd9460 .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,.14) 22%,
            rgba(255,255,255,.70) 50%,
            rgba(255,255,255,.14) 78%,
            transparent 100%
        );

    transition:left .78s ease;
}


/* garis cahaya di dasar tombol */

.elementor-14 .elementor-element.elementor-element-dfd9460 .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,.70),
            transparent
        );

    opacity:.60;
}


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

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-primary-btn .elementor-button:hover{

        transform:translateY(-3px);

        background:
            linear-gradient(
                135deg,
                var(--pt-gold-light) 0%,
                var(--pt-gold) 55%,
                var(--pt-red) 100%
            );

        border-color:rgba(255,255,255,.34);

        box-shadow:
            0 19px 44px rgba(77,192,255,.46),
            inset 0 1px 0 rgba(255,255,255,.40);
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-primary-btn .elementor-button:hover::before{

        left:138%;
    }

}


/* ============================================================
   13. SECONDARY CTA
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-secondary .elementor-button{

    overflow:hidden;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 26px rgba(4,30,51,.22);

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


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-secondary .elementor-button){

    padding:15px 28px;

    border:1px solid rgba(77,192,255,.38);

    border-radius:12px;

    background:rgba(6,58,94,.55);

    color:var(--pt-ivory);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-secondary .elementor-button-text){

    font-family:var(--pt-font-body);

    font-size:14.5px;

    font-weight:600;
}


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

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-secondary .elementor-button:hover{

        transform:translateY(-3px);

        border-color:rgba(77,192,255,.72);

        background:rgba(10,92,143,.72);

        color:#FFFFFF;

        box-shadow:
            0 16px 34px rgba(4,30,51,.30),
            0 0 0 4px rgba(77,192,255,.10);
    }

}


/* ============================================================
   14. TEXT LINK
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-text-link .elementor-button{

    padding:0!important;

    background:transparent!important;

    border:0!important;

    box-shadow:none!important;

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


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-text-link .elementor-button){

    color:var(--pt-gold);
}


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

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-text-link .elementor-button:hover{

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

        transform:translateX(4px);
    }

}


/* ============================================================
   15. TRUST GRID  (kalau halaman memakainya)
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 .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:14px!important;

    align-items:stretch!important;

    border-top:1px solid rgba(77,192,255,.22);

    isolation:isolate;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .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(77,192,255,.34) 58%,
            transparent 100%
        );

    box-shadow:0 2px 12px rgba(77,192,255,.24);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .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:70px!important;

    height:auto!important;

    margin:0!important;

    display:grid!important;

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

    column-gap:11px!important;

    align-items:center!important;

    justify-items:start!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 10px 26px rgba(4,30,51,.18);

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

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


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-mini-trust){

    padding:14px 16px;

    border:1px solid rgba(207,235,251,.14);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(234,247,255,.09) 0%,
            rgba(139,216,255,.04) 48%,
            rgba(4,30,51,.28) 100%
        );
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust::after{

    content:"";

    position:absolute;

    top:0;
    left:16px;

    width:36px;
    height:2px;

    border-radius:0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            rgba(77,192,255,.18)
        );

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


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust > .elementor-element{

    min-width:0!important;

    max-width:none!important;

    margin:0!important;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .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;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .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;
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust .elementor-icon{

    width:26px;
    height:26px;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    filter:drop-shadow(0 4px 10px rgba(77,192,255,.32));

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


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-mini-trust .elementor-icon){

    color:var(--pt-gold);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-mini-trust .elementor-heading-title){

    font-family:var(--pt-font-body);

    font-size:13.5px;

    font-weight:500;

    line-height:1.35;

    color:rgba(234,247,255,.95);
}


.elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust .elementor-heading-title{

    width:100%!important;

    min-width:0!important;

    max-width:100%!important;

    margin:0!important;

    white-space:normal!important;

    word-break:normal!important;

    writing-mode:horizontal-tb!important;
}


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

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust:hover{

        transform:translateY(-4px);

        border-color:rgba(77,192,255,.44);

        box-shadow:
            0 18px 38px rgba(4,30,51,.26),
            inset 0 1px 0 rgba(255,255,255,.09);
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust:hover::after{

        width:calc(100% - 32px);

        box-shadow:0 2px 14px rgba(77,192,255,.36);
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust:hover .elementor-icon{

        transform:scale(1.08);
    }

}


/* ============================================================
   16. DESKTOP > 1025
============================================================ */

@media(min-width:1025px){

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy{

        max-width:760px;
    }

}


/* ============================================================
   17. LAPTOP  1025 - 1280
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero{

        min-height:clamp(330px,32vw,420px);
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy::before{

        left:-20px;

        height:114px;
    }

}


/* ============================================================
   18. TABLET  768 - 1024
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero{

        min-height:clamp(300px,40vw,400px);
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy{

        width:88%!important;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy::before{

        left:-16px;

        height:104px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-shell::before{

        right:-60px;

        top:-84px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-trust{

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

        gap:12px!important;
    }

}


/* ============================================================
   19. MOBILE  <= 767
============================================================ */

@media(max-width:767px){

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero{

        min-height:clamp(260px,62vw,340px);
    }


    /* overlay dipertegas agar teks terbaca */

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero::before{

        background:

            radial-gradient(
                circle at 80% 12%,
                rgba(77,192,255,.22) 0%,
                transparent 44%
            ),

            linear-gradient(
                180deg,
                rgba(4,30,51,.86) 0%,
                rgba(6,58,94,.76) 46%,
                rgba(10,92,143,.62) 100%
            );
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero::after{

        height:110px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy{

        width:100%!important;
    }


    /* rail dipendekkan, tetap di sisi kiri */

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy::before{

        left:-9px;

        top:4px;

        width:2px;

        height:78px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-eyebrow{

        padding:6px 11px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.16em;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-title .elementor-heading-title){

        font-size:clamp(30px,9vw,40px);

        line-height:1.08;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-title-accent::after{

        width:64px;

        margin-top:9px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero:hover .pt-hero-title-accent::after{

        width:92px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-text .elementor-widget-container),
    .elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-text p){

        font-size:15px;

        line-height:1.70;
    }


    /* glow dikecilkan */

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-shell::before{

        right:auto;

        left:35%;

        top:-60px;

        width:250px;
        height:250px;

        opacity:.75;
    }


    /* tombol full-width */

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-primary-btn .elementor-button,
    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-secondary .elementor-button{

        width:100%;

        min-height:50px;

        display:flex;

        align-items:center;

        justify-content:center;
    }


    /* trust 2 kolom */

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-trust{

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

        gap:10px!important;

        margin-top:6px;

        padding-top:15px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust{

        min-height:62px!important;

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

        column-gap:9px!important;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-mini-trust){

        padding:11px 12px;

        border-radius:12px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust > .elementor-widget-icon{

        --width:22px!important;

        width:22px!important;

        min-width:22px!important;

        max-width:22px!important;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust .elementor-icon{

        width:22px;
        height:22px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-mini-trust::after{

        left:12px;

        width:28px;
    }

}


/* ============================================================
   20. SMALL MOBILE  <= 480
============================================================ */

@media(max-width:480px){

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero{

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

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


    .elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-title .elementor-heading-title){

        font-size:clamp(27px,8.6vw,35px);
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-copy::before{

        height:66px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero-trust{

        grid-template-columns:1fr!important;
    }

}


/* ============================================================
   21. VERY SMALL MOBILE  <= 374
============================================================ */

@media(max-width:374px){

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero{

        min-height:240px;
    }


    .elementor-14 .elementor-element.elementor-element-dfd9460 :where(.pt-hero-title .elementor-heading-title){

        font-size:26px;
    }

}


/* ============================================================
   22. iOS SAFETY
============================================================ */

@supports (-webkit-touch-callout:none){

    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero,
    .elementor-14 .elementor-element.elementor-element-dfd9460 .pt-hero *{

        -webkit-text-size-adjust:100%;
    }

}


/* ============================================================
   23. TOUCH DEVICE
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-dfd9460 a,
    .elementor-14 .elementor-element.elementor-element-dfd9460 button{

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

}


/* ============================================================
   24. FOKUS KEYBOARD
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 a:focus-visible,
.elementor-14 .elementor-element.elementor-element-dfd9460 button:focus-visible,
.elementor-14 .elementor-element.elementor-element-dfd9460 .elementor-button:focus-visible{

    outline:2px solid var(--pt-gold);

    outline-offset:3px;

    border-radius:10px;
}


/* ============================================================
   25. REDUCED MOTION
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-dfd9460 *,
    .elementor-14 .elementor-element.elementor-element-dfd9460 *::before,
    .elementor-14 .elementor-element.elementor-element-dfd9460 *::after{

        animation:none!important;

        transition:none!important;
    }

}


/* ============================================================
   26. TEXT SELECTION
============================================================ */

.elementor-14 .elementor-element.elementor-element-dfd9460 ::selection{

    background:var(--pt-gold);

    color:var(--pt-maroon-dark);
}




/* ============================================================
   ============================================================
   CATATAN PEMAKAIAN

   1. CLASS (isi di Advanced > CSS Classes):

      Section hero        -> pt-hero
        Container isi     -> pt-hero-shell
          Container teks  -> pt-hero-copy
            Heading kecil -> pt-hero-eyebrow
            Heading judul -> pt-hero-title
            Heading baris2-> pt-hero-title-accent  (opsional)
            Text Editor   -> pt-hero-text
            Button utama  -> pt-primary-btn        (opsional)
            Button kedua  -> pt-hero-secondary     (opsional)


   2. FOTO LATAR tetap dari panel:
      Section > Style > Background > Image.
      CSS hanya menambah overlay.

      Overlay terlalu gelap? Turunkan alpha di blok 03.
      Misal rgba(4,30,51,.88) menjadi rgba(4,30,51,.70).


   3. RAIL KIRI:
      Pastikan container pt-hero-copy punya
      Padding Left minimal 30px di Advanced,
      supaya rail tidak terpotong tepi layar.


   4. JUDUL BERGRADASI:
      Di editor Heading tulis:

          Discover Bali's <span>Best Travel</span>


   5. SEMUA FONT BISA DIEDIT.
      Aturan tipografi memakai :where() sehingga
      spesifisitasnya nol. Atur bebas dari
      Style > Typography dan Text Color, termasuk
      pengaturan terpisah untuk Tablet dan Mobile.
   ============================================================
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d7cc8 *//* =========================================================
   =========================================================
   KAK LUNA BALI TRANS
   CONTACT US — "AZURE REACH" V9

   DIPASANG DI:
   Container PALING LUAR halaman contact
   Advanced > Custom CSS

   ---------------------------------------------------------
   CLASS SESUAI STRUKTUR ANDA
   ---------------------------------------------------------
   Container (PALING LUAR)      -> tempat CSS ini ditempel
     Container (pembungkus)     -> ct-shell
       Container (blok judul)   -> ct-head
         Heading (eyebrow)      -> ct-eyebrow
         Heading (judul)        -> ct-title
         Text Editor            -> ct-intro
       Container (Address)      -> ct-item
         Icon                   -> tanpa class
         Container              -> ct-item-text   (SAJA)
           Heading (label)      -> tanpa class
           Heading (isi)        -> tanpa class
       Container (WhatsApp)     -> ct-item
       Container (Telephone)    -> ct-item
       Container (Email)        -> ct-item
       Container (peta)         -> ct-map
         Google Maps            -> tanpa class

   Kalau ada bar CTA di bawah (judul + tombol):
     Container (bar bawah)      -> ct-cta
       Container (teks)         -> ct-cta-text
         Heading                -> ct-cta-title
         Heading                -> ct-cta-sub
       Container (tombol)       -> ct-cta-action
         Button                 -> ct-btn

   ---------------------------------------------------------
   PERBAIKAN V6
   ---------------------------------------------------------
   1. JUDUL MOBILE 40PX
      Blok 14 dulu memaksa 24px, dan hampir semua HP
      lebarnya di bawah 400px. Sekarang judul mobile
      diatur lewat --ct-title-mobile di blok 01.

   2. KARTU DOBEL & MEPET
      Container teks diberi class ct-item DAN ct-item-text
      sekaligus, sehingga ikut menjadi kartu. Di panel,
      container teks cukup diberi ct-item-text saja.
      CSS V6 juga menetralkan gaya kartu pada container
      yang punya dua class itu (blok 08b), dan memberi
      jarak lebih lega antara ikon dan teks.

   3. IKON PUTIH
      Warna Primary dari panel menimpa warna putih.
      Sekarang warna & fill ikon dikunci putih.

   Baris yang diubah ditandai dengan tulisan V6

   ---------------------------------------------------------
   PERBAIKAN V7 — IKON & TEKS TIDAK BERDAMPINGAN
   ---------------------------------------------------------
   Container LUAR kartu diberi class ct-item dan
   ct-item-text sekaligus, sehingga pengaman V6 salah
   mengira itu container teks dan memaksanya jadi kolom.

   V7 membedakan berdasarkan POSISI, bukan nama class:
     - container langsung di dalam ct-shell = KARTU
       (ikon & teks berdampingan)
     - ct-item-text di dalam kartu = TEKS
   Juga aman kalau container kartu memakai mode Boxed
   (isi berada di dalam .e-con-inner).
   Baris yang diubah ditandai dengan tulisan V7

   ---------------------------------------------------------
   PERBAIKAN V8 — KARTU TETAP BERDAMPINGAN & TIDAK DIKUNCI
   ---------------------------------------------------------
   PENYEBAB:
   Kartu berada di dalam container KOLOM KIRI, bukan anak
   langsung ct-shell. Aturan posisi V7 salah mengira kartu
   itu container teks, sehingga dipaksa jadi kolom.

   SOLUSI V8 (blok 08 ditulis ulang):
     - KARTU = setiap ct-item, di mana pun letaknya
       ikon di kiri, judul & teks di kanan
     - TEKS  = ct-item-text / ct-item DI DALAM kartu
     - padding, jarak, dan font kartu memakai selektor
       ringan, jadi panel Elementor tetap bisa mengubahnya
       (Desktop / Tablet / Mobile)
     - yang tetap dijaga CSS hanya: arah berdampingan
       dan warna ikon putih
   Baris yang diubah ditandai dengan tulisan V8

   ---------------------------------------------------------
   PERBAIKAN V9 — IKON TOMBOL WHATSAPP TIDAK RATA
   ---------------------------------------------------------
   PENYEBAB:
   1. Pembungkus isi tombol (.elementor-button-content-wrapper)
      tidak diberi align-items:center, sehingga teks naik
      dan lingkaran ikon turun.
   2. Padding tombol dibuat untuk ikon di KANAN
      (kiri 26px, kanan 12px), padahal ikon Anda di KIRI,
      sehingga isi tombol bergeser.

   SOLUSI V9 (hanya tombol, blok 10, 10c, 10d, dan 13):
     - ikon & teks sejajar tengah, atas-bawah
     - padding tombol seimbang kiri-kanan, jadi rata
       baik ikon di kiri maupun di kanan
     - jarak ikon ke teks diatur lewat gap, margin
       bawaan "Icon Spacing" dinetralkan
   Baris yang diubah ditandai dengan tulisan V9

   ---------------------------------------------------------
   RIWAYAT SINGKAT
   ---------------------------------------------------------
   v2 : ct-shell jadi grid dua kolom
   v3 : panel luar premium, kotak putih ganda dimatikan
   v4 : chip lokasi di peta, garis pemisah ikon & teks,
        pengaman bar CTA
   v5 : bracket sudut peta dihapus, sudut peta rapi,
        pengaman tombol WhatsApp
   ========================================================= */


/* =========================================================
   01. PUSAT KENDALI — UBAH SEMUA DI SINI
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8{

    --ct-sky:#4DC0FF;
    --ct-sky-light:#8BD8FF;
    --ct-azure:#1E8FD6;
    --ct-ocean:#0A5C8F;
    --ct-navy:#063A5E;
    --ct-navy-dark:#041E33;

    --ct-bg-top:#F8FCFF;
    --ct-bg-mid:#F1F8FD;
    --ct-bg-bottom:#EAF4FC;

    --ct-white:#FFFFFF;
    --ct-mist:#D7ECF9;

    --ct-text:#10222F;
    --ct-muted:rgba(16,34,47,.72);
    --ct-soft:rgba(16,34,47,.56);

    --ct-line:rgba(30,143,214,.20);

    --ct-font-display:"DM Serif Display",Georgia,serif;
    --ct-font-body:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;

    --ct-card-radius:18px 4px 18px 18px;
    --ct-map-radius:150px 150px 24px 24px;

    /* kata watermark — ubah di sini */
    --ct-watermark:"CONTACT";

    /* V6 : ukuran judul di mobile — ubah di sini */
    --ct-title-mobile:40px;

    /* V8 : jarak default ikon ke teks (panel tetap bisa menimpa) */
    --ct-item-gap:16px;

    /* V8 : padding default kartu (panel tetap bisa menimpa) */
    --ct-item-pad-y:18px;
    --ct-item-pad-x:20px;

    /* V9 : padding tombol WhatsApp (atas-bawah & kiri-kanan) */
    --ct-btn-pad-y:10px;
    --ct-btn-pad-x:22px;
    --ct-btn-gap:10px;

    /* V6 : warna ikon kartu */
    --ct-icon-color:#FFFFFF;

    --ct-ease:cubic-bezier(.2,.75,.2,1);


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

    position:relative;
    isolation:isolate;
    overflow:hidden;
    color:var(--ct-text);
    font-family:var(--ct-font-body);

    background:
        radial-gradient(circle at 8% 10%, rgba(77,192,255,.14), transparent 26%),
        radial-gradient(circle at 92% 16%, rgba(30,143,214,.10), transparent 30%),
        radial-gradient(circle at 86% 92%, rgba(139,216,255,.18), transparent 34%),
        linear-gradient(180deg, var(--ct-bg-top) 0%, var(--ct-bg-mid) 54%, var(--ct-bg-bottom) 100%) !important;


    /* v3 : kotak luar jadi panel premium */

    border:1px solid transparent !important;

    border-radius:26px 6px 26px 26px !important;

    box-shadow:
        0 30px 70px rgba(4,30,51,.12),
        0 0 0 1px rgba(77,192,255,.20),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 *,
.elementor-14 .elementor-element.elementor-element-28d7cc8 *::before,
.elementor-14 .elementor-element.elementor-element-28d7cc8 *::after{
    box-sizing:border-box;
}


/* ---------------------------------------------------------
   02. TEKSTUR GRID
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:.42;

    background-image:
        linear-gradient(rgba(30,143,214,.030) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30,143,214,.030) 1px, transparent 1px);

    background-size:52px 52px;

    -webkit-mask-image:linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image:linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}


/* ---------------------------------------------------------
   02b. GARIS AKSEN PANEL LUAR  (v3)
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell::after{
    content:"";
    position:absolute;
    top:calc(-1 * clamp(24px,2.6vw,38px));
    left:0;
    z-index:6;
    width:78px;
    height:3px;
    border-radius:0 0 999px 999px;
    pointer-events:none;
    background:linear-gradient(90deg, var(--ct-sky-light), var(--ct-sky) 58%, rgba(77,192,255,.14));
    box-shadow:0 2px 12px rgba(77,192,255,.34);
    transition:width .7s var(--ct-ease);
}


@media(hover:hover) and (pointer:fine){
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell:hover::after{
        width:190px;
        box-shadow:0 3px 16px rgba(77,192,255,.46);
    }
}


/* ---------------------------------------------------------
   02c. CAHAYA SUDUT PANEL  (v4)
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell::before{
    content:"";
    position:absolute;
    right:-90px;
    top:-110px;
    z-index:-1;
    width:clamp(230px,26vw,380px);
    height:clamp(230px,26vw,380px);
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(circle, rgba(77,192,255,.22) 0%, rgba(77,192,255,.06) 42%, transparent 70%);
    filter:blur(8px);
    animation:ctGlow 10s ease-in-out infinite alternate;
}


@keyframes ctGlow{
    0%{
        opacity:.5;
        transform:translate3d(0,0,0) scale(.95);
    }
    100%{
        opacity:.95;
        transform:translate3d(-16px,14px,0) scale(1.06);
    }
}


/* ---------------------------------------------------------
   03. WATERMARK OUTLINE
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8::after{
    content:var(--ct-watermark);
    position:absolute;
    left:10px;
    bottom:-24px;
    z-index:0;
    pointer-events:none;
    user-select:none;
    white-space:nowrap;
    color:transparent;
    font-family:var(--ct-font-display);
    font-size:clamp(64px,10.5vw,162px);
    line-height:.8;
    letter-spacing:-.05em;
    -webkit-text-stroke:1px rgba(30,143,214,.13);
    opacity:.70;
}


/* =========================================================
   04. SHELL — GRID DUA KOLOM  (v2)
   kolom 1 : ct-head + 4 kartu ct-item
   kolom 2 : ct-map, membentang penuh
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell{
    position:relative;
    z-index:3;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
    column-gap:clamp(26px,3vw,44px);
    row-gap:13px;
    align-items:start;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-head{
    position:relative;
    z-index:3;
    grid-column:1;
    display:flex !important;
    flex-direction:column;
    gap:14px;
    margin-bottom:8px;
}


/* kartu yang langsung berada di shell masuk kolom kiri
   (kalau kartu ada di dalam container kolom kiri,
   aturan ini tidak berpengaruh) */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell > .ct-item{
    grid-column:1;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map{
    grid-column:2;
    grid-row:1 / -1;
    align-self:stretch;
    height:100%;
    min-height:100%;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-left{
    position:relative;
    z-index:3;
    grid-column:1;
}


/* =========================================================
   05. EYEBROW  —  .ct-eyebrow
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-eyebrow .elementor-heading-title{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin:0;
    text-transform:uppercase;
    font-family:var(--ct-font-body);
    font-size:12px;
    font-weight:600;
    letter-spacing:.20em;
    color:var(--ct-azure);
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-eyebrow .elementor-heading-title::before{
    content:"";
    width:32px;
    height:2px;
    flex-shrink:0;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(77,192,255,.10), var(--ct-sky));
}


/* =========================================================
   06. JUDUL  —  .ct-title
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title{
    position:relative;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title .elementor-heading-title{
    margin:0;
    font-family:var(--ct-font-display);
    font-weight:400;
    font-size:clamp(32px,3.8vw,52px);
    line-height:1.08;
    letter-spacing:-.02em;
    color:#000000 !important;
    text-wrap:balance;
}


/* kata dalam <span> jadi gradasi biru.
   Di editor tulis:
   Visit Or <span>Get In Touch</span> */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title .elementor-heading-title span{
    background:linear-gradient(122deg, var(--ct-sky) 0%, var(--ct-azure) 55%, var(--ct-ocean) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title::after{
    content:"";
    display:block;
    width:60px;
    height:2px;
    margin-top:14px;
    border-radius:999px;
    background:linear-gradient(90deg, var(--ct-sky), rgba(77,192,255,.32), transparent);
    box-shadow:0 2px 12px rgba(77,192,255,.28);
    transition:width .55s var(--ct-ease);
}


@media(hover:hover) and (pointer:fine){
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-head:hover .ct-title::after{
        width:124px;
    }
}


/* =========================================================
   07. INTRO  —  .ct-intro
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-intro{
    position:relative;
    padding-left:20px;
    border-left:2px solid var(--ct-sky);
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-intro .elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-intro p{
    margin:0;
    font-family:var(--ct-font-body);
    font-size:16px;
    font-weight:300;
    line-height:1.76;
    color:var(--ct-muted);
}


/* =========================================================
   =========================================================
   08. KARTU KONTAK  —  .ct-item   (DITULIS ULANG DI V8)

   KARTU : setiap .ct-item (di mana pun letaknya)
           Icon di kiri + Container teks di kanan
   TEKS  : .ct-item-text di dalam kartu

   Aturan yang memakai :where(.elementor-14 .elementor-element.elementor-element-28d7cc8) sengaja dibuat
   RINGAN, sehingga pengaturan panel Elementor menang.
   =========================================================
   ========================================================= */


/* ---------------------------------------------------------
   08a. KARTU — ARAH BERDAMPINGAN  (dijaga CSS)
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item > .e-con-inner{
    --flex-direction:row;
    --flex-wrap:nowrap;
    --container-widget-width:auto;
    --container-widget-flex-grow:0;

    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}


/* e-con-inner (mode Boxed) tanpa jarak ekstra */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item > .e-con-inner{
    width:100%;
    max-width:100%;
    padding:0;
    margin:0;
    align-items:inherit;
    gap:inherit;
}


/* ---------------------------------------------------------
   08b. KARTU — JARAK & PADDING  (TIDAK DIKUNCI)
   Panel > Layout > Gap dan Advanced > Padding menang.
   --------------------------------------------------------- */

:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item{
    --align-items:center;
    --justify-content:flex-start;

    --gap:var(--ct-item-gap) var(--ct-item-gap);
    --row-gap:var(--ct-item-gap);
    --column-gap:var(--ct-item-gap);

    --padding-top:var(--ct-item-pad-y);
    --padding-bottom:var(--ct-item-pad-y);
    --padding-left:var(--ct-item-pad-x);
    --padding-right:var(--ct-item-pad-x);

    align-items:var(--align-items);
    justify-content:var(--justify-content);
}


/* ---------------------------------------------------------
   08c. KARTU — TAMPILAN
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item{
    position:relative;
    overflow:hidden;
    isolation:isolate;

    border:1px solid transparent;
    border-radius:var(--ct-card-radius);

    background:
        linear-gradient(160deg, rgba(255,255,255,.96) 0%, rgba(241,248,253,.90) 100%) padding-box,
        linear-gradient(150deg, rgba(77,192,255,.66) 0%, rgba(30,143,214,.20) 46%, rgba(255,255,255,.08) 100%) border-box;

    box-shadow:
        0 12px 30px rgba(4,30,51,.07),
        inset 0 1px 0 rgba(255,255,255,.85);

    transition:
        transform .45s var(--ct-ease),
        box-shadow .45s ease;
}


/* garis aksen di sisi atas kartu */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item::after{
    content:"";
    position:absolute;
    top:0;
    left:20px;
    z-index:4;
    width:36px;
    height:3px;
    border-radius:0 0 999px 999px;
    pointer-events:none;
    background:linear-gradient(90deg, var(--ct-sky), rgba(77,192,255,.18));
    transition:
        width .45s var(--ct-ease),
        box-shadow .35s ease;
}


/* spotlight cahaya saat hover */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:radial-gradient(76% 64% at 12% 0%, rgba(77,192,255,.24) 0%, rgba(30,143,214,.07) 46%, transparent 74%);
    opacity:0;
    transition:opacity .45s ease;
}


/* ---------------------------------------------------------
   08d. IKON — DI KIRI, TIDAK MELEBAR
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .elementor-widget-icon{
    width:auto;
    max-width:none;
    flex:0 0 auto;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .elementor-widget-icon .elementor-icon-wrapper{
    display:flex;
    justify-content:flex-start;
    line-height:0;
}


/* tile ikon — ukuran default, bisa diubah lewat
   Style > Icon > Size & Padding di panel */

:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item .elementor-icon{
    width:46px;
    height:46px;
    font-size:19px;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .elementor-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(255,255,255,.30) !important;
    border-radius:14px 4px 14px 14px;

    /* warna ikon dijaga putih */
    color:var(--ct-icon-color) !important;

    background:linear-gradient(140deg, var(--ct-sky) 0%, var(--ct-azure) 58%, var(--ct-ocean) 100%) !important;

    box-shadow:
        0 10px 22px rgba(30,143,214,.30),
        inset 0 1px 0 rgba(255,255,255,.42);

    transition:
        transform .45s var(--ct-ease),
        box-shadow .45s ease;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .elementor-icon svg,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .elementor-icon svg *{
    fill:var(--ct-icon-color) !important;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .elementor-icon i,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .elementor-icon i::before{
    color:var(--ct-icon-color) !important;
}


:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item .elementor-icon svg{
    width:1em;
    height:1em;
}


/* ---------------------------------------------------------
   08e. TEKS — DI KANAN IKON
   ct-item-text (atau ct-item) yang berada DI DALAM kartu
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item-text,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item-text > .e-con-inner,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item > .e-con-inner{
    --flex-direction:column;
    --container-widget-width:100%;

    display:flex;
    flex-direction:column;
    flex:1 1 0;
    width:auto;
    min-width:0;
    max-width:100%;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item-text,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item{
    position:relative;
    z-index:2;
    overflow:visible;
    border:0;
    border-left:1px solid rgba(30,143,214,.18);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transform:none;
}


/* kartu di dalam kartu tidak diberi dekorasi */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item::before,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item::after{
    content:none;
}


/* jarak & padding teks — TIDAK DIKUNCI */

:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item .ct-item-text,
:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item .ct-item{
    --align-items:flex-start;
    --justify-content:center;

    --gap:2px 2px;
    --row-gap:2px;
    --column-gap:2px;

    --padding-top:2px;
    --padding-bottom:2px;
    --padding-left:var(--ct-item-gap);
    --padding-right:0px;

    align-items:var(--align-items);
    justify-content:var(--justify-content);
}


/* e-con-inner teks (mode Boxed) */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item-text > .e-con-inner,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item > .e-con-inner{
    padding:0;
    margin:0;
    width:100%;
    align-items:inherit;
    gap:inherit;
}


/* heading di dalam teks mengisi lebar teks */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item-text .elementor-widget-heading,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item .ct-item .elementor-widget-heading{
    width:100%;
    max-width:100%;
}


/* ---------------------------------------------------------
   08f. FONT LABEL & ISI  (TIDAK DIKUNCI)
   Style > Typography & Text Color di panel menang.
   --------------------------------------------------------- */

/* Heading PERTAMA = label (Address / WhatsApp / ...) */

:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item :where(.elementor-widget-heading:first-child) .elementor-heading-title{
    margin:0;
    font-family:var(--ct-font-display);
    font-size:20px;
    font-weight:400;
    line-height:1.2;
    letter-spacing:-.005em;
    color:var(--ct-navy);
}


/* Heading KEDUA = isi (alamat / nomor / email) */

:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item :where(.elementor-widget-heading:last-child:not(:first-child)) .elementor-heading-title{
    margin:0;
    font-family:var(--ct-font-body);
    font-size:15px;
    font-weight:400;
    line-height:1.55;
    color:var(--ct-text);
    transition:color .32s ease;
}


:where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item a{
    color:inherit;
    text-decoration:none;
    transition:color .32s ease;
}


/* ---------------------------------------------------------
   08g. HOVER KARTU
   --------------------------------------------------------- */

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

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item:not(.ct-item .ct-item):hover{
        transform:translateY(-5px);
        box-shadow:
            0 22px 46px rgba(4,30,51,.13),
            inset 0 1px 0 rgba(255,255,255,.92);
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item:hover::before{
        opacity:1;
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item:hover::after{
        width:calc(100% - 40px);
        box-shadow:0 2px 14px rgba(77,192,255,.42);
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item:hover .elementor-icon{
        transform:translateY(-2px) rotate(-5deg) scale(1.06);
        box-shadow:
            0 16px 32px rgba(30,143,214,.44),
            inset 0 1px 0 rgba(255,255,255,.50);
    }

    :where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item:hover :where(.elementor-widget-heading:last-child:not(:first-child)) .elementor-heading-title{
        color:var(--ct-ocean);
    }

}


/* =========================================================
   =========================================================
   09. PETA  —  .ct-map  (v5)
   =========================================================
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map{
    position:relative;

    /* v5 : WAJIB hidden agar sudut peta terpotong rapi */
    overflow:hidden !important;

    isolation:isolate;
    padding:7px;
    border:1px solid rgba(255,255,255,.80);
    border-radius:24px 6px 24px 24px;
    background:linear-gradient(158deg, rgba(255,255,255,.96) 0%, rgba(234,244,252,.90) 100%);

    box-shadow:
        0 26px 58px rgba(4,30,51,.16),
        0 0 0 1px rgba(77,192,255,.30),
        0 0 0 6px rgba(77,192,255,.08),
        inset 0 1px 0 rgba(255,255,255,.95);

    transition:
        transform .5s var(--ct-ease),
        box-shadow .5s var(--ct-ease);
}


/* semua pembungkus di dalam peta */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map > .elementor-element,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-widget-google_maps,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-custom-embed{
    position:relative;
    height:100% !important;
    border-radius:18px 4px 18px 18px !important;
    overflow:hidden !important;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map iframe{
    display:block;
    width:100% !important;
    height:100% !important;
    border:0 !important;
    border-radius:18px 4px 18px 18px !important;
    filter:saturate(1.08) contrast(1.03);
    transition:filter .6s ease;
}


/* gradasi tepi peta */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-widget-container::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    border-radius:inherit;
    box-shadow:
        inset 0 0 0 1px rgba(77,192,255,.22),
        inset 0 14px 26px -18px rgba(4,30,51,.40),
        inset 0 -14px 26px -18px rgba(4,30,51,.40);
}


/* chip lokasi mengambang — ubah teksnya di content */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-widget-container::before{
    content:"KLUNGKUNG \00B7 BALI";
    position:absolute;
    left:14px;
    bottom:14px;
    z-index:6;
    padding:8px 14px;
    border:1px solid rgba(77,192,255,.42);
    border-radius:999px;
    pointer-events:none;
    background:linear-gradient(135deg, rgba(6,58,94,.86), rgba(4,30,51,.74));
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    box-shadow:
        0 10px 24px rgba(4,30,51,.32),
        inset 0 1px 0 rgba(255,255,255,.14);
    color:rgba(234,247,255,.95);
    font-family:var(--ct-font-body);
    font-size:9.5px;
    font-weight:600;
    letter-spacing:.15em;
    line-height:1;
    transition:transform .45s var(--ct-ease);
}


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

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map:hover{
        transform:translateY(-4px);
        box-shadow:
            0 34px 70px rgba(4,30,51,.22),
            0 0 0 1px rgba(77,192,255,.50),
            0 0 0 7px rgba(77,192,255,.13),
            inset 0 1px 0 rgba(255,255,255,.96);
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map:hover .elementor-widget-container::before{
        transform:translateY(-3px);
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map:hover iframe{
        filter:saturate(1.14) contrast(1.05);
    }

}


/* =========================================================
   =========================================================
   10. BAR CTA BAWAH  —  .ct-cta
   =========================================================
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta{
    position:relative;
    z-index:3;
    overflow:hidden;
    isolation:isolate;
    padding:clamp(26px,3vw,40px) clamp(22px,3vw,44px);
    border-radius:20px 4px 20px 20px;

    background:
        radial-gradient(circle at 16% 10%, rgba(77,192,255,.26), transparent 40%),
        radial-gradient(circle at 88% 90%, rgba(30,143,214,.24), transparent 44%),
        linear-gradient(158deg, var(--ct-navy) 0%, var(--ct-navy-dark) 58%, var(--ct-ocean) 100%);

    box-shadow:
        0 28px 62px rgba(4,30,51,.24),
        0 0 0 1px rgba(77,192,255,.18),
        inset 0 1px 0 rgba(255,255,255,.10);
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.7;
    background:repeating-linear-gradient(90deg, transparent 0, transparent 84px, rgba(255,255,255,.026) 85px, transparent 86px);
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta::after{
    content:"";
    position:absolute;
    top:0;
    left:26px;
    z-index:4;
    width:52px;
    height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg, var(--ct-sky), rgba(77,192,255,.16));
    transition:width .6s var(--ct-ease);
}


@media(hover:hover) and (pointer:fine){
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta:hover::after{
        width:calc(100% - 52px);
        box-shadow:0 2px 14px rgba(77,192,255,.42);
    }
}


/* ---------------------------------------------------------
   10b. PENGAMAN BAR CTA  (v4)
   --------------------------------------------------------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell),
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell){
    position:relative;
    overflow:hidden;
    isolation:isolate;
    margin-top:clamp(22px,2.6vw,36px);
    padding:clamp(24px,3vw,38px) clamp(20px,3vw,40px);
    border-radius:20px 4px 20px 20px;

    background:
        radial-gradient(circle at 16% 10%, rgba(77,192,255,.26), transparent 40%),
        linear-gradient(158deg, var(--ct-navy) 0%, var(--ct-navy-dark) 58%, var(--ct-ocean) 100%);

    box-shadow:
        0 28px 62px rgba(4,30,51,.24),
        0 0 0 1px rgba(77,192,255,.18),
        inset 0 1px 0 rgba(255,255,255,.10);
}


/* --------- TEKS CTA --------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta-text{
    position:relative;
    z-index:3;
    min-width:0;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta-title .elementor-heading-title{
    margin:0;
    font-family:var(--ct-font-display);
    font-weight:400;
    font-size:clamp(22px,2.2vw,32px);
    line-height:1.16;
    letter-spacing:-.012em;
    color:#FFFFFF;
    text-shadow:0 4px 22px rgba(4,30,51,.40);
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta-sub .elementor-heading-title{
    margin:7px 0 0;
    font-family:var(--ct-font-body);
    font-size:14.5px;
    font-weight:300;
    line-height:1.6;
    color:rgba(207,235,251,.72);
}


/* --------- TOMBOL  —  .ct-btn --------- */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta-action{
    position:relative;
    z-index:3;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:var(--ct-btn-gap);
    overflow:hidden;

    /* V9 : padding seimbang kiri-kanan */
    padding:var(--ct-btn-pad-y) var(--ct-btn-pad-x) !important;

    min-height:50px;
    line-height:1;
    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:999px !important;

    /* liquid glass biru */
    background:linear-gradient(150deg, rgba(255,255,255,.22) 0%, rgba(139,216,255,.14) 46%, rgba(77,192,255,.10) 100%) !important;

    color:#FFFFFF !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.55),
        inset 0 -2px 6px rgba(4,30,51,.22),
        inset 0 0 22px rgba(139,216,255,.18),
        0 10px 28px rgba(4,30,51,.26),
        0 0 0 1px rgba(77,192,255,.30);

    -webkit-backdrop-filter:blur(18px) saturate(180%);
    backdrop-filter:blur(18px) saturate(180%);

    transition:
        transform .40s var(--ct-ease),
        border-color .34s ease,
        box-shadow .40s var(--ct-ease);
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-text{
    font-family:var(--ct-font-body);
    font-size:14.5px;
    font-weight:600;
    font-style:normal;
    line-height:1.2;
    letter-spacing:.012em;
    text-transform:none;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:30px;
    height:30px;
    border:1px solid rgba(77,192,255,.55);
    border-radius:50%;
    background:linear-gradient(150deg, rgba(255,255,255,.30), rgba(139,216,255,.16));
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.50),
        inset 0 -2px 5px rgba(4,30,51,.18);
    transition:
        transform .40s var(--ct-ease),
        background .34s ease,
        box-shadow .34s ease;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-icon svg{
    width:15px;
    height:15px;
    fill:currentColor;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-icon i{
    font-size:15px;
}


/* pantulan cahaya di permukaan kaca */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:50%;
    z-index:-1;
    pointer-events:none;
    border-radius:999px 999px 40% 40% / 999px 999px 100% 100%;
    background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.05) 70%, transparent 100%);
}


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

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button:hover{
        transform:translateY(-3px);
        border-color:rgba(139,216,255,.85) !important;
        box-shadow:
            inset 0 1px 1px rgba(255,255,255,.65),
            inset 0 -2px 7px rgba(4,30,51,.24),
            inset 0 0 28px rgba(139,216,255,.26),
            0 18px 38px rgba(4,30,51,.32),
            0 0 0 4px rgba(77,192,255,.16);
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button:hover .elementor-button-icon{
        transform:scale(1.08) rotate(-6deg);
        background:linear-gradient(138deg, var(--ct-sky), var(--ct-azure));
        box-shadow:
            inset 0 1px 1px rgba(255,255,255,.50),
            0 8px 20px rgba(77,192,255,.50);
    }

}


/* =========================================================
   10c. PENGAMAN TOMBOL WHATSAPP  (v5)
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:var(--ct-btn-gap);
    overflow:hidden;

    /* V9 : padding seimbang kiri-kanan */
    padding:var(--ct-btn-pad-y) var(--ct-btn-pad-x) !important;

    min-height:50px;
    line-height:1;
    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:999px !important;
    background:linear-gradient(150deg, rgba(255,255,255,.22) 0%, rgba(139,216,255,.14) 46%, rgba(77,192,255,.10) 100%) !important;
    color:#FFFFFF !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.55),
        inset 0 -2px 6px rgba(4,30,51,.22),
        inset 0 0 22px rgba(139,216,255,.18),
        0 10px 28px rgba(4,30,51,.26),
        0 0 0 1px rgba(77,192,255,.30) !important;
    -webkit-backdrop-filter:blur(18px) saturate(180%);
    backdrop-filter:blur(18px) saturate(180%);
    transition:
        transform .40s var(--ct-ease),
        border-color .34s ease,
        box-shadow .40s var(--ct-ease);
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button-icon,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:30px;
    height:30px;
    border:1px solid rgba(77,192,255,.55);
    border-radius:50%;
    background:linear-gradient(150deg, rgba(255,255,255,.30), rgba(139,216,255,.16));
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.50),
        inset 0 -2px 5px rgba(4,30,51,.18);
    transition:
        transform .40s var(--ct-ease),
        background .34s ease;
}


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

    .elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button:hover,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button:hover{
        transform:translateY(-3px);
        border-color:rgba(139,216,255,.85) !important;
        box-shadow:
            inset 0 1px 1px rgba(255,255,255,.65),
            inset 0 -2px 7px rgba(4,30,51,.24),
            inset 0 0 28px rgba(139,216,255,.26),
            0 18px 38px rgba(4,30,51,.32),
            0 0 0 4px rgba(77,192,255,.16) !important;
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button:hover .elementor-button-icon,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button:hover .elementor-button-icon{
        transform:scale(1.08) rotate(-6deg);
        background:linear-gradient(138deg, var(--ct-sky), var(--ct-azure));
    }

}


/* =========================================================
   10d. PERATAAN ISI TOMBOL  (V9)

   Berlaku untuk tombol ct-btn dan tombol di bar bawah.
   Ikon & teks sejajar tengah, rata di posisi ikon
   kiri maupun kanan.
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button .elementor-button-content-wrapper,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button-content-wrapper,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button-content-wrapper{
    position:relative;
    z-index:1;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:var(--ct-btn-gap) !important;
    line-height:1;
}


/* ikon : margin bawaan Icon Spacing dinetralkan,
   isi lingkaran diratakan tengah */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button .elementor-button-icon,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button-icon,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
    vertical-align:middle;
}


.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-icon svg,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-icon i,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button-icon svg,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button-icon i,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button-icon svg,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button-icon i{
    display:block;
    margin:0 auto;
    line-height:1;
}


/* teks : tanpa ruang ekstra di atas / bawah */

.elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button .elementor-button-text,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con-inner > .e-con:last-child:not(.ct-shell) .elementor-button-text,
.elementor-14 .elementor-element.elementor-element-28d7cc8 > .e-con:last-child:not(.ct-shell) .elementor-button-text{
    display:inline-flex;
    align-items:center;
    align-self:center;
    margin:0;
    padding:0;
    line-height:1.2;
    flex-grow:0;
}


/* =========================================================
   11. ANIMASI MASUK SAAT DI-SCROLL
   ========================================================= */

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

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map{
        animation:ctRise linear both;
        animation-timeline:view();
        animation-range:entry 2% entry 36%;
    }

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta{
        animation:ctRise linear both;
        animation-timeline:view();
        animation-range:entry 6% entry 44%;
    }

}


@keyframes ctRise{
    from{
        opacity:0;
        transform:translateY(26px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}


/* =========================================================
   12. TABLET  (768 - 1024)
   ========================================================= */

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

    .elementor-14 .elementor-element.elementor-element-28d7cc8{
        --ct-map-radius:120px 120px 20px 20px;
        --ct-card-radius:16px 4px 16px 16px;
        --ct-item-gap:14px;
        --ct-item-pad-y:16px;
        --ct-item-pad-x:18px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title .elementor-heading-title{
        font-size:clamp(28px,4.6vw,40px);
    }


    :where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item .elementor-icon{
        width:44px;
        height:44px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell{
        grid-template-columns:minmax(0,1fr) minmax(0,.96fr);
        column-gap:24px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map{
        padding:7px;
        border-radius:21px 5px 21px 21px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8::after{
        font-size:clamp(54px,13vw,112px);
        bottom:-18px;
    }

}


/* =========================================================
   13. MOBILE  (<= 767)
   ========================================================= */

@media(max-width:767px){

    .elementor-14 .elementor-element.elementor-element-28d7cc8{
        --ct-map-radius:90px 90px 16px 16px;
        --ct-card-radius:15px 4px 15px 15px;
        --ct-item-gap:12px;
        --ct-item-pad-y:14px;
        --ct-item-pad-x:15px;
    }


    /* v3 : panel luar sedikit lebih ramping */

    .elementor-14 .elementor-element.elementor-element-28d7cc8{
        border-radius:20px 5px 20px 20px !important;
    }


    /* v2 : grid jadi satu kolom, peta pindah ke bawah */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell{
        grid-template-columns:1fr;
        row-gap:12px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-head,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-shell > .ct-item,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-left{
        grid-column:1;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map{
        grid-column:1;
        grid-row:auto;
        height:auto;
        min-height:0;
        aspect-ratio:4 / 3;
        margin-top:16px;
    }


    /* HEADER */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-eyebrow .elementor-heading-title{
        gap:9px;
        font-size:10.5px;
        letter-spacing:.17em;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-eyebrow .elementor-heading-title::before{
        width:20px;
    }


    /* V6 : judul mobile — ubah lewat --ct-title-mobile di blok 01 */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title .elementor-heading-title{
        font-size:var(--ct-title-mobile) !important;
        line-height:1.08 !important;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title::after{
        width:46px;
        margin-top:12px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-intro{
        padding-left:15px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-intro .elementor-widget-container,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-intro p{
        font-size:15px;
        line-height:1.70;
    }


    /* KARTU KONTAK */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item::after{
        left:15px;
        width:30px;
    }


    /* V8 : ukuran default mobile — panel Mobile tetap menang */

    :where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item .elementor-icon{
        width:42px;
        height:42px;
        font-size:17px;
    }


    :where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item :where(.elementor-widget-heading:first-child) .elementor-heading-title{
        font-size:18px;
    }


    :where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item :where(.elementor-widget-heading:last-child:not(:first-child)) .elementor-heading-title{
        font-size:14px;
    }


    /* PETA */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map{
        padding:6px;
        border-radius:20px 5px 20px 20px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-widget-container::before{
        left:11px;
        bottom:11px;
        padding:7px 11px;
        font-size:8.5px;
        letter-spacing:.13em;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map > .elementor-element,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-widget-google_maps,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-widget-container,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map iframe,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map .elementor-custom-embed{
        border-radius:15px 4px 15px 15px !important;
    }


    /* CTA */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta{
        padding:24px 18px 26px;
        border-radius:17px 4px 17px 17px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta::after{
        left:18px;
        width:38px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta-title .elementor-heading-title{
        font-size:21px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-cta-sub .elementor-heading-title{
        font-size:14px;
    }


    /* V9 : padding seimbang di mobile */
    .elementor-14 .elementor-element.elementor-element-28d7cc8{
        --ct-btn-pad-y:9px;
        --ct-btn-pad-x:20px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button{
        width:100%;
        min-height:48px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-text{
        font-size:14px;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-btn .elementor-button-icon{
        width:27px;
        height:27px;
        background:linear-gradient(138deg, var(--ct-sky), var(--ct-azure));
    }


    /* WATERMARK */

    .elementor-14 .elementor-element.elementor-element-28d7cc8::after{
        left:4px;
        bottom:-8px;
        font-size:clamp(42px,16vw,78px);
        opacity:.46;
    }


    /* hover dimatikan di layar sentuh */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-item:hover,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-map:hover{
        transform:none;
    }

}


/* =========================================================
   14. VERY SMALL MOBILE  (<= 400)
   ========================================================= */

@media(max-width:400px){

    /* V6 : dulu 24px — penyebab judul tidak berubah */

    .elementor-14 .elementor-element.elementor-element-28d7cc8 .ct-title .elementor-heading-title{
        font-size:var(--ct-title-mobile) !important;
    }


    .elementor-14 .elementor-element.elementor-element-28d7cc8{
        --ct-item-gap:10px;
        --ct-item-pad-y:13px;
        --ct-item-pad-x:13px;
    }


    :where(.elementor-14 .elementor-element.elementor-element-28d7cc8) .ct-item .elementor-icon{
        width:40px;
        height:40px;
    }

}


/* =========================================================
   15. TOUCH DEVICE
   ========================================================= */

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

    .elementor-14 .elementor-element.elementor-element-28d7cc8 a,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 button{
        -webkit-tap-highlight-color:transparent;
    }

}


/* =========================================================
   16. FOKUS KEYBOARD
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 a:focus-visible,
.elementor-14 .elementor-element.elementor-element-28d7cc8 button:focus-visible,
.elementor-14 .elementor-element.elementor-element-28d7cc8 .elementor-button:focus-visible{
    outline:2px solid var(--ct-sky);
    outline-offset:4px;
    border-radius:10px;
}


/* =========================================================
   17. REDUCED MOTION
   ========================================================= */

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

    .elementor-14 .elementor-element.elementor-element-28d7cc8 *,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 *::before,
    .elementor-14 .elementor-element.elementor-element-28d7cc8 *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }

}


/* =========================================================
   18. TEXT SELECTION
   ========================================================= */

.elementor-14 .elementor-element.elementor-element-28d7cc8 ::selection{
    background:var(--ct-sky);
    color:var(--ct-navy-dark);
}


/* =========================================================
   =========================================================
   PENGATURAN DI PANEL ELEMENTOR

   1. Container terluar  (panel putih besar)
      Style > Background / Border / Box Shadow : KOSONGKAN
      Advanced > Padding : 70-100px atas & bawah,
                           20-60px kiri & kanan

   2. ct-shell
      Advanced > Padding : KOSONGKAN
      Layout > Gap       : KOSONGKAN

   3. ct-head
      Advanced > Padding : KOSONGKAN
      Layout > Gap       : KOSONGKAN

   4. Tiap ct-item  (container LUAR kartu)
      Advanced > CSS Classes : ct-item
      Layout > Gap           : bebas diatur (V8)
      Advanced > Padding     : bebas diatur (V8)
      Kosongkan kalau ingin memakai nilai default CSS.

      Container teks di dalamnya:
        Advanced > CSS Classes : ct-item-text
        Padding & Gap          : bebas diatur (V8)

      Heading label & isi:
        Style > Typography & Text Color : bebas diatur
        di tab Desktop / Tablet / Mobile (V8)

      Widget Icon di dalamnya:
        Style > Icon > Size    : bebas diatur (V8)
        Style > Icon > Primary Color : KOSONGKAN
        (warna putih & tile gradasi dijaga CSS)

   5. ct-map
      Advanced > Padding : KOSONGKAN
      Style > Background / Border / Shadow : KOSONGKAN
      Widget Google Maps > Height : 100% atau 500px

   6. Bar CTA bawah (ct-cta)
      Layout > Direction : Row
      Layout > Justify   : Space Between
      Layout > Align     : Center
      Di Mobile : Direction = Column

   7. Widget Button (ct-btn / tombol WhatsApp)
      Content > Icon Position : Before atau After
                                (V9 : keduanya rata)
      Style > Background & Border & Shadow : KOSONGKAN


   ---------------------------------------------------------
   PENGATURAN CEPAT  (blok 01)
   ---------------------------------------------------------
   Judul mobile       : --ct-title-mobile
   Jarak ikon & teks  : --ct-item-gap
   Padding kartu      : --ct-item-pad-y & --ct-item-pad-x
   Warna ikon kartu   : --ct-icon-color
   Padding tombol     : --ct-btn-pad-y & --ct-btn-pad-x
   Jarak ikon tombol  : --ct-btn-gap
   Kata watermark     : --ct-watermark
   Sudut kartu        : --ct-card-radius


   ---------------------------------------------------------
   MENGUBAH TEKS CHIP DI PETA
   ---------------------------------------------------------
   Cari di blok 09 :  content:"KLUNGKUNG \00B7 BALI";
   Tanda \00B7 adalah titik tengah.


   ---------------------------------------------------------
   JUDUL BERGRADASI
   ---------------------------------------------------------
   Di editor Heading ct-title tulis:

       Visit Or <span>Get In Touch</span>


   ---------------------------------------------------------
   SETELAH MENEMPEL CSS
   ---------------------------------------------------------
   Elementor > Tools > Regenerate CSS & Data
   lalu bersihkan cache plugin dan Cloudflare.
   =========================================================
   ========================================================= *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc259ee *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   FINAL CTA SECTION — "AZURE INVITATION" V29

   DIPASANG DI:
   Container PALING LUAR section CTA
   Advanced > Custom CSS

   ------------------------------------------------------------
   KENAPA V27 TERLIHAT KOTOR
   ------------------------------------------------------------
   1. Foto latar ramai + kartu kaca blur 12px di atasnya.
      Dua lapis transparan bertumpuk membuat teks
      tenggelam dan kartu terlihat buram.
   2. Section CTA memakai foto, sedangkan section lain
      memakai latar biru terang -> terasa tidak sepadan.
   3. Dua tombol sama-sama gradasi biru penuh, jadi
      tidak ada hierarki.

   ------------------------------------------------------------
   PENDEKATAN V28
   ------------------------------------------------------------
   - Section luar : LATAR BIRU TERANG, sama persis dengan
     About, Package, Why Choose Us, dan Gallery.
     Lengkap dengan tekstur grid dan watermark outline.
   - Isi          : dibungkus PANEL NAVY pekat berbentuk
     arch, bersih tanpa foto di belakang teks.
   - Kartu fitur  : kaca navy terang di atas panel navy —
     kontras jelas, tidak lagi buram.
   - Tombol       : satu solid gradasi, satu ghost outline.

   FOTO LATAR dinonaktifkan lewat background-image:none.
   Cara mengembalikannya ada di catatan paling bawah.

   ------------------------------------------------------------
   PERBAIKAN v29
   ------------------------------------------------------------
   1. WATERMARK dirapikan: dipindah ke KIRI BAWAH
      seperti "GUESTS" di section Guest Review.
      Sebelumnya terpotong di sudut kanan.
   2. EYEBROW jadi KAPSUL KACA seperti di hero section,
      bukan teks berapit garis.
   3. TOMBOL di mobile BERDAMPINGAN kiri-kanan,
      tidak lagi menumpuk full-width.

   ------------------------------------------------------------
   TIPOGRAFI TIDAK DIKUNCI
   Semua aturan font dibungkus :where() -> spesifisitas NOL.
   Panel Elementor SELALU menang.
   ============================================================
   ============================================================ */


/* ============================================================
   01. PUSAT KENDALI — UBAH SEMUA WARNA DI SINI
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee{

    --cta-sky:#4DC0FF;
    --cta-sky-light:#8BD8FF;
    --cta-azure:#1E8FD6;
    --cta-ocean:#0A5C8F;
    --cta-navy:#063A5E;
    --cta-navy-dark:#041E33;

    --cta-ice:#EAF7FF;
    --cta-mist:#CFEBFB;
    --cta-white:#FFFFFF;

    /* latar section — sama dengan section lain */
    --cta-bg-top:#F8FCFF;
    --cta-bg-mid:#F1F8FD;
    --cta-bg-bottom:#EAF4FC;

    --cta-text:rgba(234,247,255,.92);
    --cta-muted:rgba(234,247,255,.78);
    --cta-soft:rgba(207,235,251,.66);

    --cta-line:rgba(77,192,255,.26);

    /* font default — bisa ditimpa panel */
    --cta-font-display:"DM Serif Display",Georgia,serif;
    --cta-font-body:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;

    /* bentuk panel & kartu */
    --cta-panel-radius:150px 150px 26px 26px;
    --cta-card-radius:20px 4px 20px 20px;
    --cta-btn-radius:14px 4px 14px 14px;

    /* kata watermark — ubah di sini */
    --cta-watermark:"READY";

    --cta-ease:cubic-bezier(.2,.75,.2,1);


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

    position:relative;

    isolation:isolate;

    overflow:hidden;

    color:var(--cta-navy);

    font-family:var(--cta-font-body);

    /* v28 : foto latar dimatikan agar isi bersih */
    background-image:none!important;

    background:

        radial-gradient(
            circle at 8% 10%,
            rgba(77,192,255,.14),
            transparent 26%
        ),

        radial-gradient(
            circle at 92% 18%,
            rgba(30,143,214,.10),
            transparent 30%
        ),

        radial-gradient(
            circle at 86% 92%,
            rgba(139,216,255,.18),
            transparent 34%
        ),

        linear-gradient(
            180deg,
            var(--cta-bg-top) 0%,
            var(--cta-bg-mid) 54%,
            var(--cta-bg-bottom) 100%
        )

        !important;
}


.elementor-14 .elementor-element.elementor-element-bc259ee *,
.elementor-14 .elementor-element.elementor-element-bc259ee *::before,
.elementor-14 .elementor-element.elementor-element-bc259ee *::after{
    box-sizing:border-box;
}


/* ------------------------------------------------------------
   02. TEKSTUR GRID HALUS
   Sama seperti Why Choose Us & Gallery
------------------------------------------------------------ */

.elementor-14 .elementor-element.elementor-element-bc259ee::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:0;

    pointer-events:none;

    opacity:.40;

    background-image:

        linear-gradient(
            rgba(30,143,214,.030) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(30,143,214,.030) 1px,
            transparent 1px
        );

    background-size:52px 52px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 14%,
            #000 86%,
            transparent
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 14%,
            #000 86%,
            transparent
        );
}


/* ------------------------------------------------------------
   03. WATERMARK OUTLINE  (v29)

   Ditata seperti section Guest Review: kata besar
   outline di KIRI BAWAH, di belakang panel navy.
   Ubah katanya lewat --cta-watermark di blok 01.
------------------------------------------------------------ */

.elementor-14 .elementor-element.elementor-element-bc259ee::after{

    content:var(--cta-watermark);

    position:absolute;

    left:12px;
    bottom:-22px;

    z-index:0;

    pointer-events:none;

    user-select:none;

    color:transparent;

    font-family:var(--cta-font-display);

    font-size:clamp(72px,11.5vw,178px);

    line-height:.78;

    letter-spacing:-.05em;

    white-space:nowrap;

    -webkit-text-stroke:1px rgba(30,143,214,.13);

    opacity:.78;
}


/* ============================================================
   04. SHELL  —  .cta-shell
   Panel navy berbentuk arch
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-shell{

    position:relative;

    z-index:3;

    overflow:hidden;

    isolation:isolate;

    box-shadow:
        0 34px 74px rgba(4,30,51,.28),
        0 0 0 1px rgba(77,192,255,.18),
        inset 0 1px 0 rgba(255,255,255,.10);
}


/* tampilan panel — bisa ditimpa panel Elementor */

.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-shell){

    padding:clamp(38px,4.6vw,66px) clamp(24px,4vw,58px)
            clamp(40px,4.6vw,62px);

    border-radius:var(--cta-panel-radius);

    background:

        radial-gradient(
            circle at 18% 8%,
            rgba(77,192,255,.26),
            transparent 40%
        ),

        radial-gradient(
            circle at 88% 92%,
            rgba(30,143,214,.24),
            transparent 44%
        ),

        linear-gradient(
            158deg,
            var(--cta-navy) 0%,
            var(--cta-navy-dark) 56%,
            var(--cta-ocean) 100%
        );
}


/* garis arsitektur halus di dalam panel */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-shell::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;

    opacity:.7;

    background:

        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 88px,
            rgba(255,255,255,.026) 89px,
            transparent 90px
        ),

        repeating-linear-gradient(
            0deg,
            transparent 0,
            transparent 110px,
            rgba(77,192,255,.05) 111px,
            transparent 112px
        );
}


/* keystone belah ketupat di puncak lengkungan */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-shell::after{

    content:"";

    position:absolute;

    top:16px;
    left:50%;

    z-index:4;

    width:28px;
    height:28px;

    transform:translateX(-50%) rotate(45deg);

    border-radius:7px;

    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            var(--cta-sky-light),
            var(--cta-azure)
        );

    box-shadow:
        0 6px 18px rgba(77,192,255,.50),
        inset 0 1px 0 rgba(255,255,255,.40);

    animation:ctaKeystone 6s ease-in-out infinite;
}


@keyframes ctaKeystone{

    0%,100%{
        transform:translateX(-50%) rotate(45deg) scale(1);
    }

    50%{
        transform:translateX(-50%) rotate(45deg) scale(1.08);
    }

}


/* ============================================================
   05. EYEBROW  —  .cta-eyebrow
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-eyebrow{

    position:relative;

    z-index:3;
}


/* v29 : KAPSUL KACA, sama seperti eyebrow di hero section.
   Garis kiri-kanan dihapus. */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-eyebrow .elementor-heading-title{

    display:inline-block;

    margin:0;

    padding:8px 16px;

    border:1px solid rgba(77,192,255,.34);

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            rgba(4,30,51,.62),
            rgba(10,92,143,.36)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(4,30,51,.26);

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

    text-transform:uppercase;

    text-shadow:0 0 18px rgba(77,192,255,.34);
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-eyebrow .elementor-heading-title){

    font-family:var(--cta-font-body);

    font-size:12px;

    font-weight:600;

    letter-spacing:.20em;

    color:var(--cta-sky);
}


/* ============================================================
   06. JUDUL  —  .cta-title
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-title{

    position:relative;

    z-index:3;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-title .elementor-heading-title){

    margin:0;

    font-family:var(--cta-font-display);

    font-weight:400;

    font-size:clamp(34px,4.2vw,60px);

    line-height:1.08;

    letter-spacing:-.022em;

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


.elementor-14 .elementor-element.elementor-element-bc259ee .cta-title .elementor-heading-title{

    text-shadow:0 6px 30px rgba(4,30,51,.45);

    text-wrap:balance;
}


/* kata dalam <span> jadi gradasi biru.
   Di editor tulis:
   Ready for Your <span>Bali Adventure?</span> */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-title .elementor-heading-title span{

    background:
        linear-gradient(
            122deg,
            var(--cta-sky-light) 0%,
            var(--cta-sky) 52%,
            var(--cta-azure) 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* ============================================================
   07. TEKS  —  .cta-text
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-text{

    position:relative;

    z-index:3;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-text){

    max-width:660px;

    margin-inline:auto;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-text .elementor-widget-container),
.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-text p){

    margin:0;

    font-family:var(--cta-font-body);

    font-size:16px;

    font-weight:300;

    line-height:1.78;

    color:var(--cta-muted);
}


/* ============================================================
   08. WADAH FITUR  —  .cta-features
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-features{

    position:relative;

    z-index:3;
}


/* ============================================================
   ============================================================
   09. KARTU FITUR  —  .cta-feature

   v28 : latar kartu dibuat LEBIH TERANG dari panel,
   bukan transparan blur. Kontras jadi jelas dan
   teks terbaca penuh.
   ============================================================
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature{

    position:relative;

    overflow:hidden;

    isolation:isolate;

    box-shadow:
        0 16px 38px rgba(4,30,51,.26),
        inset 0 1px 0 rgba(255,255,255,.12);

    transition:
        transform .45s var(--cta-ease),
        box-shadow .45s ease;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature){

    padding:26px 24px 28px;

    border:1px solid transparent;

    border-radius:var(--cta-card-radius);

    /* border gradasi, isi solid terang */
    background:

        linear-gradient(
            158deg,
            rgba(20,78,120,.92) 0%,
            rgba(9,48,79,.94) 100%
        ) padding-box,

        linear-gradient(
            150deg,
            rgba(77,192,255,.72) 0%,
            rgba(30,143,214,.24) 46%,
            rgba(255,255,255,.10) 100%
        ) border-box;
}


/* garis aksen di sisi atas kartu */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature::after{

    content:"";

    position:absolute;

    top:0;
    left:24px;

    z-index:4;

    width:44px;
    height:3px;

    border-radius:0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--cta-sky),
            rgba(77,192,255,.18)
        );

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


/* spotlight cahaya saat hover */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;

    background:
        radial-gradient(
            76% 64% at 14% 0%,
            rgba(77,192,255,.30) 0%,
            rgba(30,143,214,.10) 46%,
            transparent 74%
        );

    opacity:0;

    transition:opacity .45s ease;
}


/* ============================================================
   ============================================================
   10. ICON BOX di dalam .cta-feature

   v28 : ikon dipindah ke SAMPING KIRI judul,
   bukan di atas dan di tengah. Lebih rapi, lebih
   mudah dibaca, dan tidak membuat kartu terlalu tinggi.
   ============================================================
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-wrapper{

    position:relative;

    z-index:2;

    display:grid!important;

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

    grid-template-rows:auto auto;

    column-gap:16px;

    row-gap:7px;

    align-items:start;

    text-align:left!important;
}


/* --------- IKON --------- */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-icon{

    grid-column:1;

    grid-row:1 / 3;

    margin:0!important;
}


.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    box-shadow:
        0 12px 26px rgba(30,143,214,.40),
        inset 0 1px 0 rgba(255,255,255,.42);

    transition:
        transform .45s var(--cta-ease),
        box-shadow .45s ease;
}


/* tile ikon — bisa ditimpa panel Style > Icon */

.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon){

    width:54px;

    height:54px;

    padding:0;

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

    border-radius:17px 4px 17px 17px;

    color:#FFFFFF;

    background:
        linear-gradient(
            140deg,
            var(--cta-sky) 0%,
            var(--cta-azure) 58%,
            var(--cta-ocean) 100%
        );
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon svg){

    width:23px;

    height:23px;

    fill:currentColor;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon i){

    font-size:23px;

    color:#FFFFFF;
}


/* --------- JUDUL ICON BOX --------- */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-content{

    display:contents;
}


.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-title{

    grid-column:2;

    grid-row:1;

    margin:0!important;

    transition:color .35s ease;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-title),
.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-title a){

    font-family:var(--cta-font-display);

    font-weight:400;

    font-size:clamp(20px,1.4vw,24px);

    line-height:1.2;

    letter-spacing:-.008em;

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


/* --------- DESKRIPSI ICON BOX --------- */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-description{

    grid-column:2;

    grid-row:2;

    margin:0!important;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-description){

    font-family:var(--cta-font-body);

    font-weight:300;

    font-size:14.5px;

    line-height:1.68;

    color:var(--cta-soft);
}


/* ============================================================
   11. HOVER KARTU FITUR
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature:hover{

        transform:translateY(-6px);

        box-shadow:
            0 26px 54px rgba(4,30,51,.34),
            inset 0 1px 0 rgba(255,255,255,.18);
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature:hover::before{

        opacity:1;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature:hover::after{

        width:calc(100% - 48px);

        box-shadow:0 2px 14px rgba(77,192,255,.45);
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature:hover .elementor-icon{

        transform:translateY(-2px) rotate(-5deg) scale(1.06);

        box-shadow:
            0 18px 36px rgba(30,143,214,.50),
            inset 0 1px 0 rgba(255,255,255,.52);
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature:hover .elementor-icon-box-title{

        color:var(--cta-sky-light);
    }

}


/* ============================================================
   12. WADAH TOMBOL  —  .cta-actions
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-actions{

    position:relative;

    z-index:3;
}


/* garis tipis di atas area tombol */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-actions::before{

    content:"";

    position:absolute;

    left:50%;
    top:-20px;

    width:min(320px,70%);
    height:1px;

    transform:translateX(-50%);

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(77,192,255,.48),
            transparent
        );
}


/* ============================================================
   13. GERAK DASAR TOMBOL
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .elementor-button{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    overflow:hidden;

    transition:
        transform .40s var(--cta-ease),
        box-shadow .40s var(--cta-ease),
        background .34s ease,
        border-color .34s ease,
        color .34s ease;
}


.elementor-14 .elementor-element.elementor-element-bc259ee .elementor-button-icon{

    transition:transform .40s var(--cta-ease);
}


/* ============================================================
   14. TOMBOL UTAMA  —  .cta-btn-primary
   Solid gradasi
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary .elementor-button{

    box-shadow:
        0 14px 32px rgba(30,143,214,.42),
        inset 0 1px 0 rgba(255,255,255,.38);
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-primary .elementor-button){

    padding:16px 34px;

    min-height:54px;

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

    border-radius:var(--cta-btn-radius);

    background:
        linear-gradient(
            138deg,
            var(--cta-sky) 0%,
            var(--cta-azure) 56%,
            var(--cta-ocean) 100%
        );

    color:#05202F;
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-primary .elementor-button-text){

    font-family:var(--cta-font-body);

    font-size:15px;

    font-weight:600;

    letter-spacing:.015em;
}


/* kilau melintas */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary .elementor-button::before{

    content:"";

    position:absolute;

    top:-30%;
    left:-110%;

    width:46%;
    height:160%;

    z-index:-1;

    transform:skewX(-22deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.18) 24%,
            rgba(255,255,255,.72) 50%,
            rgba(255,255,255,.18) 76%,
            transparent
        );

    transition:left .85s ease;
}


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

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary .elementor-button:hover{

        transform:translateY(-3px);

        background:
            linear-gradient(
                138deg,
                var(--cta-sky-light) 0%,
                var(--cta-sky) 52%,
                var(--cta-azure) 100%
            );

        border-color:rgba(255,255,255,.42);

        box-shadow:
            0 22px 46px rgba(77,192,255,.52),
            inset 0 1px 0 rgba(255,255,255,.48);
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary .elementor-button:hover::before{

        left:160%;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(5px);
    }

}


/* ============================================================
   15. TOMBOL KEDUA  —  .cta-btn-secondary

   v28 : GHOST OUTLINE, benar-benar beda dari tombol utama.
   Saat hover baru terisi biru.
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button{

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


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-secondary .elementor-button){

    padding:16px 30px;

    min-height:54px;

    border:1.5px solid rgba(139,216,255,.55);

    border-radius:var(--cta-btn-radius);

    background:transparent;

    color:var(--cta-ice);
}


.elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-secondary .elementor-button-text){

    font-family:var(--cta-font-body);

    font-size:15px;

    font-weight:600;

    letter-spacing:.015em;
}


/* lapisan isi yang melebar dari kiri saat hover */

.elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    border-radius:inherit;

    background:
        linear-gradient(
            120deg,
            rgba(77,192,255,.24),
            rgba(30,143,214,.20)
        );

    transform:scaleX(0);

    transform-origin:left center;

    transition:transform .5s var(--cta-ease);
}


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

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button:hover{

        transform:translateY(-3px);

        border-color:rgba(139,216,255,.95);

        color:#FFFFFF;

        box-shadow:
            0 16px 34px rgba(4,30,51,.30),
            0 0 0 4px rgba(77,192,255,.12);
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button:hover::before{

        transform:scaleX(1);
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(5px);
    }

}


/* ============================================================
   16. ANIMASI MASUK SAAT DI-SCROLL
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-features{

        animation:ctaRise linear both;

        animation-timeline:view();

        animation-range:entry 2% entry 40%;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-actions{

        animation:ctaRise linear both;

        animation-timeline:view();

        animation-range:entry 8% entry 46%;
    }

}


@keyframes ctaRise{

    from{
        opacity:0;
        transform:translateY(26px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* ============================================================
   17. TABLET  768 - 1024
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-bc259ee{

        --cta-panel-radius:120px 120px 22px 22px;

        --cta-card-radius:18px 4px 18px 18px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-shell){

        padding:40px 30px 44px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature){

        padding:22px 20px 24px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:14px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon){

        width:50px;

        height:50px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-title),
    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-title a){

        font-size:21px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-primary .elementor-button),
    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-secondary .elementor-button){

        padding:15px 26px;

        min-height:51px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee::after{

        left:8px;

        bottom:-16px;

        font-size:clamp(60px,14vw,124px);
    }

}


/* ============================================================
   18. MOBILE  <= 767
============================================================ */

@media(max-width:767px){

    .elementor-14 .elementor-element.elementor-element-bc259ee{

        --cta-panel-radius:84px 84px 18px 18px;

        --cta-card-radius:16px 4px 16px 16px;

        --cta-btn-radius:13px 4px 13px 13px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-shell){

        padding:34px 18px 36px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-shell::after{

        top:12px;

        width:22px;
        height:22px;

        border-radius:6px;
    }


    /* EYEBROW */

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-eyebrow .elementor-heading-title{

        padding:7px 13px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.17em;
    }


    /* JUDUL */

    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-title .elementor-heading-title){

        font-size:clamp(27px,8.2vw,36px);

        line-height:1.12;
    }


    /* TEKS */

    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-text .elementor-widget-container),
    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-text p){

        font-size:15px;

        line-height:1.72;
    }


    /* KARTU FITUR */

    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature){

        padding:19px 17px 21px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature::after{

        left:17px;

        width:32px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:13px;

        row-gap:5px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon){

        width:48px;

        height:48px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon svg){

        width:21px;

        height:21px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-title),
    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-title a){

        font-size:19px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon-box-description){

        font-size:14.5px;

        line-height:1.64;
    }


    /* TOMBOL — lebar penuh */

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-actions::before{

        top:-15px;

        width:min(220px,80%);
    }


    /* v29 : tombol BERDAMPINGAN kiri-kanan, tidak menumpuk */

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-actions{

        display:flex!important;

        flex-direction:row!important;

        flex-wrap:nowrap!important;

        align-items:stretch!important;

        justify-content:center!important;

        gap:10px!important;

        width:100%;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-actions > .elementor-element,
    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary,
    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary{

        flex:1 1 0!important;

        width:auto!important;

        min-width:0!important;

        max-width:none!important;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary .elementor-button,
    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button{

        width:100%;

        gap:7px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-primary .elementor-button),
    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-secondary .elementor-button){

        padding:14px 12px;

        min-height:52px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-primary .elementor-button-text),
    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-btn-secondary .elementor-button-text){

        font-size:13.5px;

        letter-spacing:.01em;

        white-space:nowrap;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-primary .elementor-button-icon svg,
    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button-icon svg{

        width:15px;

        height:15px;
    }


    /* tombol ghost langsung terisi di layar sentuh */

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-btn-secondary .elementor-button::before{

        transform:scaleX(1);
    }


    /* WATERMARK */

    .elementor-14 .elementor-element.elementor-element-bc259ee::after{

        left:4px;

        bottom:-8px;

        font-size:clamp(52px,19vw,92px);

        opacity:.50;
    }


    /* hover dimatikan */

    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature:hover{

        transform:none;
    }

}


/* ============================================================
   19. SMALL MOBILE  <= 480
============================================================ */

@media(max-width:480px){

    .elementor-14 .elementor-element.elementor-element-bc259ee{

        --cta-panel-radius:68px 68px 16px 16px;

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

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


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-shell){

        padding:30px 15px 32px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-title .elementor-heading-title){

        font-size:clamp(25px,7.8vw,32px);
    }

}


/* ============================================================
   20. VERY SMALL MOBILE  <= 374
============================================================ */

@media(max-width:374px){

    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-title .elementor-heading-title){

        font-size:24px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:11px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon){

        width:42px;

        height:42px;
    }


    .elementor-14 .elementor-element.elementor-element-bc259ee :where(.cta-feature .elementor-icon svg){

        width:18px;

        height:18px;
    }

}


/* ============================================================
   21. TOUCH DEVICE
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-bc259ee a,
    .elementor-14 .elementor-element.elementor-element-bc259ee button{

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

}


/* ============================================================
   22. REDUCED MOTION
============================================================ */

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

    .elementor-14 .elementor-element.elementor-element-bc259ee *,
    .elementor-14 .elementor-element.elementor-element-bc259ee *::before,
    .elementor-14 .elementor-element.elementor-element-bc259ee *::after{

        animation-duration:.01ms!important;

        animation-iteration-count:1!important;

        transition-duration:.01ms!important;
    }

}


/* ============================================================
   23. FOKUS KEYBOARD
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee a:focus-visible,
.elementor-14 .elementor-element.elementor-element-bc259ee button:focus-visible,
.elementor-14 .elementor-element.elementor-element-bc259ee .elementor-button:focus-visible{

    outline:2px solid var(--cta-sky);

    outline-offset:4px;

    border-radius:10px;
}


/* ============================================================
   24. TEXT SELECTION
============================================================ */

.elementor-14 .elementor-element.elementor-element-bc259ee ::selection{

    background:var(--cta-sky);

    color:var(--cta-navy-dark);
}


/* ============================================================
   ============================================================
   TABEL CLASS  (sama seperti V27, tidak berubah)

   Container (paling luar)   -> tempat CSS ini ditempel
     Container               -> cta-shell
       Heading (eyebrow)     -> cta-eyebrow
       Heading (judul besar) -> cta-title
       Text Editor           -> cta-text
       Container             -> cta-features
         Container (kartu 1) -> cta-feature
           Icon Box          -> tanpa class
         Container (kartu 2) -> cta-feature
           Icon Box          -> tanpa class
       Container             -> cta-actions
         Button (utama)      -> cta-btn-primary
         Button (kedua)      -> cta-btn-secondary


   ---------------------------------------------------------
   YANG HARUS DIRAPIKAN DI PANEL ELEMENTOR
   ---------------------------------------------------------
   1. Container terluar
      Style > Background : KOSONGKAN gambar.
      CSS sudah mematikannya, tapi lebih rapi kalau
      dihapus juga dari panel.
      Advanced > Padding : atas & bawah 70-100px.

   2. cta-shell
      Content Width = Boxed, 1080-1200px
      Align Items = Center
      Gap = 16px
      Advanced > Padding : KOSONGKAN (CSS yang mengatur)

   3. cta-features
      Direction = Row, Wrap = Wrap, Gap = 16px
      Tiap cta-feature : Width 48% (desktop), 100% (mobile)
      Advanced > Padding : KOSONGKAN

   4. Widget Icon Box
      Content > Position : biarkan apa pun,
      CSS mengatur ulang jadi ikon di samping kiri.
      Style > Icon > Primary Color : transparent
      Style > Icon > Border Type : None
      Agar tidak dobel dengan tile gradasi dari CSS.

   5. cta-actions
      Direction = Row, Justify = Center, Gap = 14px

   6. Widget Button
      Style > Background & Border : KOSONGKAN


   ---------------------------------------------------------
   KALAU TETAP INGIN MEMAKAI FOTO LATAR
   ---------------------------------------------------------
   Hapus baris ini di blok 01:

       background-image:none!important;

   dan ganti seluruh nilai background di blok 01 menjadi:

       background:
           linear-gradient(
               160deg,
               rgba(4,30,51,.90),
               rgba(6,58,94,.84)
           )!important;

   Tapi saya sarankan tetap tanpa foto. Panel navy di
   atas latar terang membuat section ini jadi penutup
   yang tegas, dan kartu ikonnya terbaca jauh lebih jelas.


   ---------------------------------------------------------
   JUDUL BERGRADASI
   ---------------------------------------------------------
   Di editor Heading cta-title tulis:

       Ready for Your <span>Bali Adventure?</span>


   ---------------------------------------------------------
   CARA MENGEDIT
   ---------------------------------------------------------
   Font, ukuran, weight, warna teks : Style > Typography
   Warna global                     : blok 01
   Kata watermark                   : --cta-watermark
   Lengkungan panel                 : --cta-panel-radius
   Sudut kartu                      : --cta-card-radius
   ============================================================
   ============================================================ *//* End custom CSS */