.elementor-417 .elementor-element.elementor-element-3584511{--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-417 .elementor-element.elementor-element-3584511:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-3584511 > .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-417 .elementor-element.elementor-element-3584511::before, .elementor-417 .elementor-element.elementor-element-3584511 > .elementor-background-video-container::before, .elementor-417 .elementor-element.elementor-element-3584511 > .e-con-inner > .elementor-background-video-container::before, .elementor-417 .elementor-element.elementor-element-3584511 > .elementor-background-slideshow::before, .elementor-417 .elementor-element.elementor-element-3584511 > .e-con-inner > .elementor-background-slideshow::before, .elementor-417 .elementor-element.elementor-element-3584511 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-417 .elementor-element.elementor-element-5e98ec1{--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-417 .elementor-element.elementor-element-b1920fc{--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-417 .elementor-element.elementor-element-624c137{--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-417 .elementor-element.elementor-element-624c137.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-417 .elementor-element.elementor-element-97adbf0 .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-417 .elementor-element.elementor-element-ed924b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-417 .elementor-element.elementor-element-ed924b2 .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-417 .elementor-element.elementor-element-d8ca98e{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-343673e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-bd85591{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-417 .elementor-element.elementor-element-9b53c57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-417 .elementor-element.elementor-element-23a2327{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-417 .elementor-element.elementor-element-f824485{--display:flex;}.elementor-417 .elementor-element.elementor-element-e98b7ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-417 .elementor-element.elementor-element-5495e0e .elementor-heading-title{color:var( --e-global-color-62a787b );}.elementor-417 .elementor-element.elementor-element-919f3b5{--display:flex;}.elementor-417 .elementor-element.elementor-element-f6b61bf{color:#1E1818;}.elementor-417 .elementor-element.elementor-element-e3b168d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-417 .elementor-element.elementor-element-97c071c .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:50px;font-weight:400;color:#000000;}.elementor-417 .elementor-element.elementor-element-4196570{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-417 .elementor-element.elementor-element-ca5868e{--display:flex;}.elementor-417 .elementor-element.elementor-element-0740970{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-417 .elementor-element.elementor-element-b7ebdf5 .elementor-icon-wrapper{text-align:center;}.elementor-417 .elementor-element.elementor-element-b7ebdf5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-b7ebdf5.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-b7ebdf5.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-b7ebdf5.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-b7ebdf5.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-1be5740 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:22px;font-weight:500;}.elementor-417 .elementor-element.elementor-element-e954045{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-417 .elementor-element.elementor-element-d4fc76c{--display:flex;}.elementor-417 .elementor-element.elementor-element-fa1916b .elementor-icon-wrapper{text-align:center;}.elementor-417 .elementor-element.elementor-element-fa1916b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-fa1916b.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-fa1916b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-fa1916b.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-fa1916b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-c6218d6 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:22px;font-weight:500;}.elementor-417 .elementor-element.elementor-element-5dd36cd{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-417 .elementor-element.elementor-element-5d4ea5c{--display:flex;}.elementor-417 .elementor-element.elementor-element-96489ef .elementor-icon-wrapper{text-align:center;}.elementor-417 .elementor-element.elementor-element-96489ef.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-96489ef.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-96489ef.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-96489ef.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-96489ef.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-52cd9ee .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:22px;font-weight:500;}.elementor-417 .elementor-element.elementor-element-70e8955{--display:flex;}.elementor-417 .elementor-element.elementor-element-1bcec77 .elementor-icon-wrapper{text-align:center;}.elementor-417 .elementor-element.elementor-element-1bcec77.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-1bcec77.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-1bcec77.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-1bcec77.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-1bcec77.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-d64ccd4 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:22px;font-weight:500;}.elementor-417 .elementor-element.elementor-element-8f3cc20{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-417 .elementor-element.elementor-element-8f3cc20:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-8f3cc20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-b7a8b45{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-417 .elementor-element.elementor-element-333d504{text-align:center;}.elementor-417 .elementor-element.elementor-element-333d504 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:50px;font-weight:400;color:#000000;}.elementor-417 .elementor-element.elementor-element-0dcbe6a{width:var( --container-widget-width, 102.636% );max-width:102.636%;--container-widget-width:102.636%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-417 .elementor-element.elementor-element-0dcbe6a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-417 .elementor-element.elementor-element-0dcbe6a p{margin-block-end:0px;}.elementor-417 .elementor-element.elementor-element-bdb4940{--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;}.elementor-417 .elementor-element.elementor-element-57da26b{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-a3dd9d2 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-417 .elementor-element.elementor-element-2f325f4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-417 .elementor-element.elementor-element-1d4ca5e{--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:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-94c9481{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-62a787b );--border-color:var( --e-global-color-62a787b );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-417 .elementor-element.elementor-element-94c9481:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-94c9481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-417 .elementor-element.elementor-element-94c9481.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-417 .elementor-element.elementor-element-e8bf7ba{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-element{--align-self:flex-start;}.elementor-417 .elementor-element.elementor-element-e8bf7ba .elementor-icon-wrapper{text-align:start;}.elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-e8bf7ba.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-e8bf7ba .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-417 .elementor-element.elementor-element-e8bf7ba .elementor-icon svg{height:20px;}.elementor-417 .elementor-element.elementor-element-468095b .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-1a99fbc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-b17342b{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-62a787b );--border-color:var( --e-global-color-62a787b );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-417 .elementor-element.elementor-element-b17342b:hover{background-color:#FF000000;}.elementor-417 .elementor-element.elementor-element-b17342b.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-417 .elementor-element.elementor-element-8e8e226{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-417 .elementor-element.elementor-element-8e8e226.elementor-element{--align-self:flex-start;}.elementor-417 .elementor-element.elementor-element-8e8e226 .elementor-icon-wrapper{text-align:start;}.elementor-417 .elementor-element.elementor-element-8e8e226.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-8e8e226.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-8e8e226.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-8e8e226.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-8e8e226.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-8e8e226.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-8e8e226.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-8e8e226 .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-417 .elementor-element.elementor-element-8e8e226 .elementor-icon svg{height:20px;}.elementor-417 .elementor-element.elementor-element-48d56c3 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-f57c9e8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-c874592{--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:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-c874592:hover{background-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-12a2362{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-62a787b );--border-color:var( --e-global-color-62a787b );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-417 .elementor-element.elementor-element-12a2362:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-12a2362 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-417 .elementor-element.elementor-element-12a2362.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-417 .elementor-element.elementor-element-811e44c{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-417 .elementor-element.elementor-element-811e44c.elementor-element{--align-self:flex-start;}.elementor-417 .elementor-element.elementor-element-811e44c .elementor-icon-wrapper{text-align:start;}.elementor-417 .elementor-element.elementor-element-811e44c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-811e44c.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-811e44c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-811e44c.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-811e44c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-811e44c.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-811e44c.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-811e44c .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-417 .elementor-element.elementor-element-811e44c .elementor-icon svg{height:20px;}.elementor-417 .elementor-element.elementor-element-5806013 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-74fa1bb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-b5da6c7{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-62a787b );--border-color:var( --e-global-color-62a787b );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-417 .elementor-element.elementor-element-b5da6c7.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-417 .elementor-element.elementor-element-9ee183c{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-417 .elementor-element.elementor-element-9ee183c.elementor-element{--align-self:flex-start;}.elementor-417 .elementor-element.elementor-element-9ee183c .elementor-icon-wrapper{text-align:start;}.elementor-417 .elementor-element.elementor-element-9ee183c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-9ee183c.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-9ee183c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-9ee183c.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-9ee183c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-9ee183c.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-9ee183c.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-9ee183c .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-417 .elementor-element.elementor-element-9ee183c .elementor-icon svg{height:20px;}.elementor-417 .elementor-element.elementor-element-ab6efab .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-2a5c108{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-184694f{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-adf85ca{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-62a787b );--border-color:var( --e-global-color-62a787b );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-417 .elementor-element.elementor-element-adf85ca:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-adf85ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-417 .elementor-element.elementor-element-adf85ca.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-417 .elementor-element.elementor-element-1501df2{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-417 .elementor-element.elementor-element-1501df2.elementor-element{--align-self:flex-start;}.elementor-417 .elementor-element.elementor-element-1501df2 .elementor-icon-wrapper{text-align:start;}.elementor-417 .elementor-element.elementor-element-1501df2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-1501df2.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-1501df2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-1501df2.elementor-view-framed .elementor-icon, .elementor-417 .elementor-element.elementor-element-1501df2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-1501df2.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-1501df2.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-417 .elementor-element.elementor-element-1501df2 .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-417 .elementor-element.elementor-element-1501df2 .elementor-icon svg{height:20px;}.elementor-417 .elementor-element.elementor-element-fb1ae1e .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-5678025{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-417 .elementor-element.elementor-element-e760b2d{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-417 .elementor-element.elementor-element-d6645a0{--display:flex;--min-height:480px;--justify-content:center;--overlay-opacity:0.26;--border-radius:15px 15px 15px 15px;}.elementor-417 .elementor-element.elementor-element-d6645a0:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-d6645a0 > .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-417 .elementor-element.elementor-element-d6645a0::before, .elementor-417 .elementor-element.elementor-element-d6645a0 > .elementor-background-video-container::before, .elementor-417 .elementor-element.elementor-element-d6645a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-417 .elementor-element.elementor-element-d6645a0 > .elementor-background-slideshow::before, .elementor-417 .elementor-element.elementor-element-d6645a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-417 .elementor-element.elementor-element-d6645a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#353535;--background-overlay:'';}.elementor-417 .elementor-element.elementor-element-57fae05{text-align:center;}.elementor-417 .elementor-element.elementor-element-57fae05 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-7b621a1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-417 .elementor-element.elementor-element-7b621a1.elementor-element{--align-self:flex-start;}.elementor-417 .elementor-element.elementor-element-7b621a1 .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-417 .elementor-element.elementor-element-fcb4cea{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-417 .elementor-element.elementor-element-fcb4cea.elementor-element{--align-self:center;}.elementor-417 .elementor-element.elementor-element-72232c8{--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-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-417 .elementor-element.elementor-element-3ac3633 .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-417 .elementor-element.elementor-element-3ac3633 .elementor-button:hover, .elementor-417 .elementor-element.elementor-element-3ac3633 .elementor-button:focus{background-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-3ac3633{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-417 .elementor-element.elementor-element-3ac3633.elementor-element{--align-self:center;}.elementor-417 .elementor-element.elementor-element-3ac3633 .elementor-button-content-wrapper{flex-direction:row-reverse;}body.elementor-page-417:not(.elementor-motion-effects-element-type-background), body.elementor-page-417 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-417 .elementor-element.elementor-element-3584511{--width:100%;}.elementor-417 .elementor-element.elementor-element-b1920fc{--content-width:100%;}.elementor-417 .elementor-element.elementor-element-624c137{--width:87.366%;}.elementor-417 .elementor-element.elementor-element-bdb4940{--width:100%;}.elementor-417 .elementor-element.elementor-element-57da26b{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-417 .elementor-element.elementor-element-624c137{--width:72%;}}@media(min-width:1025px){.elementor-417 .elementor-element.elementor-element-3584511:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-3584511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-417 .elementor-element.elementor-element-3584511{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-417 .elementor-element.elementor-element-b1920fc{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-417 .elementor-element.elementor-element-97adbf0 .elementor-heading-title{font-size:18px;}.elementor-417 .elementor-element.elementor-element-ed924b2 .elementor-heading-title{font-size:50px;}.elementor-417 .elementor-element.elementor-element-d8ca98e{font-size:14px;}.elementor-417 .elementor-element.elementor-element-57fae05 .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-417 .elementor-element.elementor-element-3584511{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-417 .elementor-element.elementor-element-5e98ec1{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-b1920fc{--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-417 .elementor-element.elementor-element-624c137{--width:100%;}.elementor-417 .elementor-element.elementor-element-97adbf0 .elementor-heading-title{font-size:14px;}.elementor-417 .elementor-element.elementor-element-ed924b2 .elementor-heading-title{font-size:42px;}.elementor-417 .elementor-element.elementor-element-d8ca98e{font-size:14px;}.elementor-417 .elementor-element.elementor-element-97c071c .elementor-heading-title{font-size:40px;}.elementor-417 .elementor-element.elementor-element-333d504 .elementor-heading-title{font-size:40px;}.elementor-417 .elementor-element.elementor-element-0dcbe6a{width:var( --container-widget-width, 380.525px );max-width:380.525px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:380.525px;--container-widget-flex-grow:0;text-align:center;}.elementor-417 .elementor-element.elementor-element-0dcbe6a p{margin-block-end:0px;}.elementor-417 .elementor-element.elementor-element-bdb4940{--gap:13px 13px;--row-gap:13px;--column-gap:13px;}.elementor-417 .elementor-element.elementor-element-a3dd9d2 img{width:100%;height:240px;object-position:center center;}.elementor-417 .elementor-element.elementor-element-2f325f4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-1d4ca5e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-417 .elementor-element.elementor-element-c874592{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-417 .elementor-element.elementor-element-12a2362{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-417 .elementor-element.elementor-element-d6645a0{--min-height:310px;}.elementor-417 .elementor-element.elementor-element-57fae05 .elementor-heading-title{font-size:14px;}.elementor-417 .elementor-element.elementor-element-7b621a1 .elementor-heading-title{font-size:40px;}.elementor-417 .elementor-element.elementor-element-fcb4cea{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-417 .elementor-element.elementor-element-72232c8{--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-417 .elementor-element.elementor-element-3ac3633{--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-5e98ec1 *//* ============================================================
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-417 .elementor-element.elementor-element-5e98ec1{
  --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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .coastal-hero-collage__photo-main,
.elementor-417 .elementor-element.elementor-element-5e98ec1 .coastal-hero-collage__photo-top,
.elementor-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .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-417 .elementor-element.elementor-element-5e98ec1 .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


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


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

@media(max-width:1024px){

  .elementor-417 .elementor-element.elementor-element-5e98ec1 .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


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


  .elementor-417 .elementor-element.elementor-element-5e98ec1 .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-417 .elementor-element.elementor-element-5e98ec1 .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


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

    line-height:
      1.12!important;
  }


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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3584511 *//* ============================================================
   ============================================================
   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-417 .elementor-element.elementor-element-3584511{

    /* 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-417 .elementor-element.elementor-element-3584511 *,
.elementor-417 .elementor-element.elementor-element-3584511 *::before,
.elementor-417 .elementor-element.elementor-element-3584511 *::after{
    box-sizing:border-box;
}


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

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

.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-hero-shell{

    position:relative;

    z-index:4;
}


.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-hero-copy{

    position:relative;

    z-index:5;
}


.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-hero-copy::after{

    content:none!important;

    display:none!important;
}


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

.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-hero-eyebrow::before{

    content:none!important;

    display:none!important;
}


/* TIPOGRAFI eyebrow — spesifisitas nol */

.elementor-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .pt-hero-eyebrow .elementor-heading-title{

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


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

.elementor-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-hero-title-accent{

    position:relative;

    width:max-content;

    max-width:100%;
}


.elementor-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-hero:hover .pt-hero-title-accent::after{

    width:138px;
}


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

.elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-text{

    max-width:620px;
}


.elementor-417 .elementor-element.elementor-element-3584511 :where(.pt-hero-text .elementor-widget-container),
.elementor-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .pt-hero-text p{

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


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

.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-primary-btn .elementor-button:hover::before{

        left:138%;
    }

}


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

.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 :where(.pt-text-link .elementor-button){

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


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

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-text-link .elementor-button:hover{

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

        transform:translateX(4px);
    }

}


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

.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-mini-trust > .elementor-element{

    min-width:0!important;

    max-width:none!important;

    margin:0!important;
}


.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 :where(.pt-mini-trust .elementor-icon){

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


.elementor-417 .elementor-element.elementor-element-3584511 :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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-mini-trust:hover::after{

        width:calc(100% - 32px);

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


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-mini-trust:hover .elementor-icon{

        transform:scale(1.08);
    }

}


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

@media(min-width:1025px){

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-copy{

        max-width:760px;
    }

}


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

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

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero{

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


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-copy::before{

        left:-20px;

        height:114px;
    }

}


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

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

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero{

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


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-copy{

        width:88%!important;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-copy::before{

        left:-16px;

        height:104px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-shell::before{

        right:-60px;

        top:-84px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-trust{

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

        gap:12px!important;
    }

}


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

@media(max-width:767px){

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero{

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


    /* overlay dipertegas agar teks terbaca */

    .elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 .pt-hero::after{

        height:110px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-copy{

        width:100%!important;
    }


    /* rail dipendekkan, tetap di sisi kiri */

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-copy::before{

        left:-9px;

        top:4px;

        width:2px;

        height:78px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-eyebrow{

        padding:6px 11px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 :where(.pt-hero-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.16em;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 :where(.pt-hero-title .elementor-heading-title){

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

        line-height:1.08;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-title-accent::after{

        width:64px;

        margin-top:9px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero:hover .pt-hero-title-accent::after{

        width:92px;
    }


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

        font-size:15px;

        line-height:1.70;
    }


    /* glow dikecilkan */

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-shell::before{

        right:auto;

        left:35%;

        top:-60px;

        width:250px;
        height:250px;

        opacity:.75;
    }


    /* tombol full-width */

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-primary-btn .elementor-button,
    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-secondary .elementor-button{

        width:100%;

        min-height:50px;

        display:flex;

        align-items:center;

        justify-content:center;
    }


    /* trust 2 kolom */

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-trust{

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

        gap:10px!important;

        margin-top:6px;

        padding-top:15px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-mini-trust{

        min-height:62px!important;

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

        column-gap:9px!important;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 :where(.pt-mini-trust){

        padding:11px 12px;

        border-radius:12px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-mini-trust > .elementor-widget-icon{

        --width:22px!important;

        width:22px!important;

        min-width:22px!important;

        max-width:22px!important;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-mini-trust .elementor-icon{

        width:22px;
        height:22px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-mini-trust::after{

        left:12px;

        width:28px;
    }

}


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

@media(max-width:480px){

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero{

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

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


    .elementor-417 .elementor-element.elementor-element-3584511 :where(.pt-hero-title .elementor-heading-title){

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


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-copy::before{

        height:66px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero-trust{

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

}


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

@media(max-width:374px){

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero{

        min-height:240px;
    }


    .elementor-417 .elementor-element.elementor-element-3584511 :where(.pt-hero-title .elementor-heading-title){

        font-size:26px;
    }

}


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

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

    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero,
    .elementor-417 .elementor-element.elementor-element-3584511 .pt-hero *{

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

}


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

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

    .elementor-417 .elementor-element.elementor-element-3584511 a,
    .elementor-417 .elementor-element.elementor-element-3584511 button{

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

}


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

.elementor-417 .elementor-element.elementor-element-3584511 a:focus-visible,
.elementor-417 .elementor-element.elementor-element-3584511 button:focus-visible,
.elementor-417 .elementor-element.elementor-element-3584511 .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-417 .elementor-element.elementor-element-3584511 *,
    .elementor-417 .elementor-element.elementor-element-3584511 *::before,
    .elementor-417 .elementor-element.elementor-element-3584511 *::after{

        animation:none!important;

        transition:none!important;
    }

}


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

.elementor-417 .elementor-element.elementor-element-3584511 ::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-343673e *//* ============================================================
   ============================================================
   ABOUT US — "AZURE ARCH" V12  (UNLOCKED EDITION)
   CV BALINGKANG PARADISE

   ELEMENTOR CONTAINER VERSION

   FILE INI MENGGANTIKAN SELURUH CSS ABOUT US SEBELUMNYA.
   Hapus semua isi Custom CSS lama, lalu tempel file ini.

   ------------------------------------------------------------
   PERUBAHAN UTAMA v12 — SEMUA BISA DIEDIT
   ------------------------------------------------------------
   - Seluruh !important pada FONT, UKURAN, dan WARNA TEKS DIHAPUS.
   - Panel Elementor kembali berkuasa penuh:
       Style > Typography  -> font, ukuran, weight, spacing
       Style > Text Color  -> warna teks
   - CSS hanya mengatur: layout, posisi, bentuk, bayangan,
     animasi, dan responsive.
   - Nilai tipografi di file ini hanya DEFAULT (tanpa !important).
     Begitu Anda set dari panel Elementor, panel yang menang.
   - Semua warna dekorasi ditarik ke satu tempat:
     blok "01. PUSAT KENDALI" di bawah. Ubah di sana saja.
   ------------------------------------------------------------

   TAMBAHAN VISUAL v12
   - Kartu trust: border gradasi + spotlight cahaya saat hover
   - Foto utama: sheen (kilau) melintas saat hover
   - Rail titik-titik dekoratif di sisi kolom teks
   - Nomor urut halus di tiap kartu trust

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


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

   Ini satu-satunya blok yang perlu Anda sentuh kalau ingin
   ganti warna atau bentuk secara global.
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e {

    /* --------------------------------------------------------
       WARNA UTAMA
       Ganti hex di bawah, seluruh section ikut berubah.
       -------------------------------------------------------- */

    --ab-primary:      #000000;   /* Navy — judul & teks utama  */
    --ab-secondary:    #1E8FD6;   /* Azure — eyebrow & label    */
    --ab-sky:          #4DC0FF;   /* Sky — aksen, garis, glow   */
    --ab-sky-light:    #8BD8FF;
    --ab-accent:       #0A5C8F;   /* Ocean — gradasi ikon       */
    --ab-navy-dark:    #041E33;   /* Badge gelap                */

    /* alias lama — jangan dihapus, dipakai beberapa aturan */
    --ab-warm-red:     var(--ab-sky);


    /* --------------------------------------------------------
       WARNA LATAR
       -------------------------------------------------------- */

    --ab-section-top:  #F8FCFF;   /* atas section  */
    --ab-ivory:        #EAF4FC;   /* bawah section */
    --ab-blush:        #D7ECF9;   /* placeholder foto */
    --ab-white:        #FFFFFF;


    /* --------------------------------------------------------
       WARNA TEKS DEFAULT
       Hanya default. Panel Elementor bisa menimpanya.
       -------------------------------------------------------- */

    --ab-text:   #10222F;
    --ab-muted:  rgba(16, 34, 47, 0.72);
    --ab-soft:   rgba(16, 34, 47, 0.56);
    --ab-faint:  rgba(16, 34, 47, 0.34);


    /* --------------------------------------------------------
       GARIS
       -------------------------------------------------------- */

    --ab-line:       rgba(30, 143, 214, 0.20);
    --ab-line-soft:  rgba(30, 143, 214, 0.10);


    /* --------------------------------------------------------
       FONT DEFAULT
       Ini hanya berlaku kalau widget BELUM diatur di Elementor.
       Begitu Anda set Typography di panel, panel yang dipakai.
       -------------------------------------------------------- */

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


    /* --------------------------------------------------------
       BENTUK & UKURAN
       -------------------------------------------------------- */

    --ab-max-width: 1440px;

    /* lengkungan arch foto utama.
       angka 1 & 2 = tinggi kubah. 120px landai, 240px kubah penuh */
    --ab-arch:        190px 190px 28px 28px;
    --ab-arch-inner:  178px 178px 20px 20px;

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

    /* sudut tajam kartu — ubah angka ke-2 kalau mau semua membulat */
    --ab-owner-radius: 26px 6px 26px 26px;
    --ab-card-radius:  20px 4px 20px 20px;

    --ab-column-gap: clamp(56px, 6vw, 110px);

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


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

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    box-sizing: border-box;

    /* default saja — bisa ditimpa Elementor */
    font-family: var(--ab-font-body);

    color: var(--ab-text);

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

    padding:
        clamp(62px, 6vw, 92px)
        clamp(22px, 5vw, 82px);
}


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

.elementor-417 .elementor-element.elementor-element-343673e *,
.elementor-417 .elementor-element.elementor-element-343673e *::before,
.elementor-417 .elementor-element.elementor-element-343673e *::after {

    box-sizing: border-box;
}


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

.elementor-417 .elementor-element.elementor-element-343673e::before {

    content: "";

    position: absolute;

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

    right: clamp(-450px, -21vw, -180px);
    top:   clamp(-330px, -15vw, -120px);

    z-index: -3;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(77, 192, 255, 0.20) 0%,
            rgba(30, 143, 214, 0.075) 36%,
            transparent 70%
        );

    filter: blur(7px);

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


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

.elementor-417 .elementor-element.elementor-element-343673e::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    opacity: 0.40;

    background-image:

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

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

    background-size: 48px 48px;

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

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


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

.elementor-417 .elementor-element.elementor-element-343673e .about-shell {

    position: relative;

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

    margin-inline: auto;

    display: grid !important;

    grid-template-columns:
        minmax(0, 0.96fr)
        minmax(0, 1.04fr);

    align-items: center;

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

    z-index: 2;
}


/* ============================================================
   06. WATERMARK "01"

   Ini teks buatan CSS, bukan widget Elementor, jadi memang
   diatur di sini. Ubah font-size / opacity sesuai selera.
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-shell::before {

    content: "01";

    position: absolute;

    right: 0;
    top: -48px;

    z-index: -1;

    pointer-events: none;

    user-select: none;

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

    font-size: clamp(70px, 8vw, 125px);

    line-height: 1;

    letter-spacing: -0.04em;

    color: transparent;

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

    opacity: 0.90;
}


/* ============================================================
   07. WATERMARK "BALI"
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-shell::after {

    content: "BALI";

    position: absolute;

    left: 0;
    bottom: -35px;

    z-index: -1;

    pointer-events: none;

    user-select: none;

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

    font-size: clamp(85px, 12vw, 180px);

    line-height: 0.8;

    letter-spacing: -0.045em;

    color: transparent;

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

    opacity: 0.80;
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-visual {

    position: relative;

    display: block !important;

    width: 100%;

    min-width: 0;

    min-height: clamp(520px, 40vw, 640px);

    z-index: 3;
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap {

    position: absolute;

    left: 3%;
    top: 2%;

    width: min(76%, 520px);

    height: 84%;

    display: block !important;

    overflow: visible;

    z-index: 2;

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


/* ============================================================
   10. OFFSET ARCH FRAME
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap::before {

    content: "";

    position: absolute;

    inset: -18px 18px 18px -18px;

    z-index: -2;

    border: 1.5px solid rgba(77, 192, 255, 0.55);

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

    box-shadow:
        -8px 10px 32px -16px
        rgba(30, 143, 214, 0.45);

    transition: transform .7s var(--ab-ease);
}


/* ============================================================
   11. ORBIT RING
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap::after {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    left: -58px;
    bottom: -46px;

    z-index: -3;

    border-radius: 50%;

    border: 1px dashed rgba(77, 192, 255, 0.50);

    background:
        radial-gradient(
            circle,
            rgba(77, 192, 255, 0.14) 0%,
            transparent 64%
        );

    box-shadow: 0 0 44px rgba(77, 192, 255, 0.16);

    animation: aboutOrbitSpin 48s linear infinite;

    pointer-events: none;
}


@keyframes aboutOrbitSpin {

    from { transform: rotate(0deg); }

    to   { transform: rotate(360deg); }
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-main-image {

    position: relative;

    width: 100%;

    height: 100%;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-main-image
.elementor-widget-container {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

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

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

    background: var(--ab-blush);

    box-shadow:
        0 34px 76px rgba(4, 30, 51, 0.20),
        0 0 0 1px rgba(77, 192, 255, 0.16);
}


/* ============================================================
   13. OVERLAY + SHEEN  (v12)
   Kilau diagonal melintas saat hover
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-main-image
.elementor-widget-container::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 3;

    pointer-events: none;

    background:

        linear-gradient(
            180deg,
            transparent 54%,
            rgba(4, 30, 51, 0.16) 100%
        ),

        /* v12 : sheen */
        linear-gradient(
            108deg,
            transparent 38%,
            rgba(255, 255, 255, 0.26) 50%,
            transparent 62%
        );

    background-size: 100% 100%, 260% 100%;

    background-position: 0 0, -80% 0;

    background-repeat: no-repeat;

    transition: background-position 1.1s var(--ab-ease);
}


/* keystone belah ketupat di puncak lengkungan */

.elementor-417 .elementor-element.elementor-element-343673e .about-main-image
.elementor-widget-container::before {

    content: "";

    position: absolute;

    top: 16px;
    left: 50%;

    z-index: 4;

    width: 30px;
    height: 30px;

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

    border-radius: 7px;

    background:
        linear-gradient(
            135deg,
            var(--ab-sky),
            var(--ab-secondary)
        );

    box-shadow:
        0 6px 18px rgba(77, 192, 255, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);

    transition: transform .6s var(--ab-ease);
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-main-image img {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 100%;

    object-fit: cover;

    /* kalau subjek foto terpotong, ubah nilai kedua:
       center 35% = naik, center 65% = turun */
    object-position: center center;

    transform: scale(1.02);

    transition:
        transform 1.1s var(--ab-ease),
        filter .8s ease;
}


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

@media (hover:hover) {

    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap:hover
    .about-main-image img {

        transform: scale(1.07);

        filter: saturate(1.04) contrast(1.02);
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap:hover::before {

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


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap:hover
    .about-main-image
    .elementor-widget-container::before {

        transform:
            translateX(-50%)
            rotate(135deg);
    }


    /* v12 : sheen menyapu */
    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap:hover
    .about-main-image
    .elementor-widget-container::after {

        background-position: 0 0, 180% 0;
    }
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-owner-card {

    position: absolute;

    right: 0;
    bottom: 2%;

    width: clamp(205px, 17vw, 272px);

    display: flex !important;

    flex-direction: column;

    align-items: stretch;

    overflow: hidden;

    z-index: 7;

    border: 6px solid var(--ab-white);

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

    background: var(--ab-white);

    box-shadow:
        0 22px 50px rgba(4, 30, 51, 0.16),
        0 0 0 1px rgba(77, 192, 255, 0.14);

    transform: rotate(1.2deg);

    transition:
        transform .6s var(--ab-ease),
        box-shadow .6s ease;
}


/* ============================================================
   17. OWNER CARD DOT
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-owner-card::before {

    content: "";

    position: absolute;

    left: 18px;
    top: 18px;

    width: 10px;
    height: 10px;

    z-index: 8;

    border-radius: 50%;

    background: var(--ab-sky);

    box-shadow: 0 0 0 7px rgba(77, 192, 255, 0.20);
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-owner-image {

    width: 100%;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-owner-image
.elementor-widget-container {

    width: 100%;

    overflow: hidden;

    aspect-ratio: 4 / 4.35;

    border-radius: 20px 4px 0 0;

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


.elementor-417 .elementor-element.elementor-element-343673e .about-owner-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center top;

    transform: scale(1.01);

    transition: transform .85s var(--ab-ease);
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-owner-info {

    display: flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap: 4px !important;

    padding: 16px 18px 18px;
}


/* ============================================================
   20. OWNER LABEL
   Tipografi = DEFAULT saja, silakan timpa dari Elementor
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-owner-label {

    margin: 0;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-owner-label
.elementor-heading-title {

    margin: 0;

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

    font-size: 11px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.14em;

    text-transform: uppercase;

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


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

.elementor-417 .elementor-element.elementor-element-343673e .about-owner-role {

    margin: 0;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-owner-role
.elementor-heading-title {

    margin: 0;

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

    font-weight: 400;

    font-size: clamp(21px, 1.6vw, 25px);

    line-height: 1.18;

    letter-spacing: -0.012em;

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


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

@media (hover:hover) {

    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card:hover {

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

        box-shadow:
            0 32px 70px rgba(4, 30, 51, 0.22),
            0 0 0 1px rgba(77, 192, 255, 0.28);
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card:hover
    .about-owner-image img {

        transform: scale(1.055);
    }
}


/* ============================================================
   23. LOCAL BADGE
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-experience {

    position: absolute;

    left: 0;
    bottom: 0;

    z-index: 8;

    width: clamp(205px, 17vw, 245px);

    display: flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap: 6px !important;

    padding: 20px 22px;

    overflow: hidden;

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

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

    background:
        linear-gradient(
            145deg,
            var(--ab-primary) 0%,
            var(--ab-navy-dark) 100%
        );

    box-shadow: 0 22px 48px rgba(4, 30, 51, 0.28);
}


/* ============================================================
   24. LOCAL BADGE DECORATION
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-experience::after {

    content: "";

    position: absolute;

    width: 92px;
    height: 92px;

    right: -35px;
    top: -35px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(77, 192, 255, 0.55) 0%,
            rgba(30, 143, 214, 0.18) 60%,
            transparent 72%
        );

    pointer-events: none;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-experience::before {

    content: "";

    position: absolute;

    left: 0;
    top: 22px;
    bottom: 22px;

    width: 3px;

    border-radius: 0 999px 999px 0;

    background:
        linear-gradient(
            180deg,
            var(--ab-sky),
            rgba(77, 192, 255, 0.10)
        );
}


/* ============================================================
   25. LOCAL BADGE TITLE
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-experience-number {

    position: relative;

    z-index: 2;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-experience-number
.elementor-heading-title {

    margin: 0;

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

    font-weight: 400;

    font-size: clamp(24px, 2.15vw, 32px);

    line-height: 1;

    letter-spacing: -0.015em;

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


/* ============================================================
   26. LOCAL BADGE DESCRIPTION
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-experience-text {

    position: relative;

    z-index: 2;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-experience-text
.elementor-widget-container,

.elementor-417 .elementor-element.elementor-element-343673e .about-experience-text p {

    margin: 0;

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

    font-size: 16px;

    font-weight: 300;

    line-height: 1.50;

    color: rgba(234, 247, 255, 0.88);
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-content {

    position: relative;

    min-width: 0;

    display: flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap: 0 !important;

    z-index: 4;
}


/* v12 : rail titik-titik dekoratif di sisi kiri kolom teks */

.elementor-417 .elementor-element.elementor-element-343673e .about-content::before {

    content: "";

    position: absolute;

    left: -26px;
    top: 6px;

    width: 3px;
    height: 96px;

    border-radius: 999px;

    background:
        repeating-linear-gradient(
            180deg,
            var(--ab-sky) 0px,
            var(--ab-sky) 3px,
            transparent 3px,
            transparent 9px
        );

    opacity: .75;

    pointer-events: none;
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-eyebrow {

    margin: 0 0 17px;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-eyebrow
.elementor-heading-title {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    margin: 0;

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

    font-size: clamp(10.5px, 0.72vw, 12px);

    font-weight: 600;

    line-height: 1.2;

    letter-spacing: 0.16em;

    text-transform: uppercase;

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


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

.elementor-417 .elementor-element.elementor-element-343673e .about-eyebrow
.elementor-heading-title::before {

    content: "";

    width: 38px;

    height: 2px;

    flex-shrink: 0;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--ab-sky),
            rgba(77, 192, 255, 0.15)
        );
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-title {

    margin: 0;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-title
.elementor-heading-title {

    max-width: 720px;

    margin: 0;

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

    font-weight: 400;

    font-size: clamp(50px, 4.7vw, 74px);

    line-height: 1.02;

    letter-spacing: -0.022em;

    color: var(--ab-primary);

    text-wrap: balance;
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-lead {

    max-width: 670px;

    margin-top: 20px;

    padding-left: 20px;

    border-left: 2px solid var(--ab-sky);
}


.elementor-417 .elementor-element.elementor-element-343673e .about-lead
.elementor-widget-container,

.elementor-417 .elementor-element.elementor-element-343673e .about-lead p {

    margin: 0;

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

    font-size: 16px;

    font-weight: 500;

    line-height: 1.68;

    letter-spacing: -0.008em;

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


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

.elementor-417 .elementor-element.elementor-element-343673e .about-company {

    position: relative;

    width: 100%;

    display: flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap: 6px !important;

    margin-top: 25px;

    padding: 17px 21px 18px 25px;

    overflow: hidden;

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

    border-radius: 16px 4px 16px 16px;

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

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

    backdrop-filter: blur(8px);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        0 10px 28px rgba(4, 30, 51, 0.06);
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-company::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

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


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

.elementor-417 .elementor-element.elementor-element-343673e .about-company::after {

    content: "";

    position: absolute;

    width: 108px;
    height: 108px;

    right: -48px;
    top: -52px;

    border: 1px solid rgba(30, 143, 214, 0.16);

    border-radius: 50%;

    pointer-events: none;
}


/* ============================================================
   35. COMPANY LABEL
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-company-label
.elementor-heading-title {

    margin: 0;

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

    font-size: 11px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.16em;

    text-transform: uppercase;

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


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

.elementor-417 .elementor-element.elementor-element-343673e .about-company-name
.elementor-heading-title {

    margin: 0;

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

    font-weight: 400;

    font-size: clamp(24px, 1.9vw, 31px);

    line-height: 1.16;

    letter-spacing: 0.015em;

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


/* ============================================================
   37. DESCRIPTION
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-description {

    max-width: 720px;

    margin-top: 19px;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-description
.elementor-widget-container,

.elementor-417 .elementor-element.elementor-element-343673e .about-description p {

    margin: 0;

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

    font-size: 16px;

    font-weight: 300;

    line-height: 1.78;

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


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

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid {

    position: relative;

    width: 100%;

    display: grid !important;

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

    gap: 16px !important;

    margin-top: 30px;

    border: 0;

    /* counter untuk nomor halus di kartu */
    counter-reset: abtrust;
}


/* staggered — kartu 2 & 4 turun */

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid
> .about-trust-item:nth-child(2),

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid
> .about-trust-item:nth-child(4) {

    margin-top: 22px;
}


/* ============================================================
   39. TRUST ITEM — KARTU BORDER GRADASI  (v12)
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-item {

    position: relative;

    min-width: 0;

    display: grid !important;

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

    grid-template-rows: auto auto auto;

    row-gap: 10px;

    align-items: start;

    padding: 24px 22px 26px;

    overflow: hidden;

    isolation: isolate;

    counter-increment: abtrust;

    border: 1px solid transparent;

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

    /* v12 : border gradasi — 2 lapis background */
    background:

        linear-gradient(
            160deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(234, 244, 252, 0.76) 100%
        ) padding-box,

        linear-gradient(
            150deg,
            rgba(77, 192, 255, 0.70) 0%,
            rgba(30, 143, 214, 0.18) 45%,
            rgba(255, 255, 255, 0.10) 100%
        ) border-box;

    box-shadow:
        0 12px 30px rgba(4, 30, 51, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

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


/* v12 : nomor halus di pojok kanan atas kartu */

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-item
.about-trust-icon::after {

    content: counter(abtrust, decimal-leading-zero);

    position: absolute;

    right: 20px;
    top: 18px;

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

    font-size: 26px;

    line-height: 1;

    color: transparent;

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

    pointer-events: none;

    transition: opacity .45s ease;

    opacity: .75;
}


/* ============================================================
   40. TRUST — AKSEN ATAS + SPOTLIGHT HOVER  (v12)
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-item::after {

    content: "";

    position: absolute;

    top: 0;
    left: 22px;

    width: 42px;
    height: 3px;

    border-radius: 0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--ab-sky),
            rgba(77, 192, 255, 0.18)
        );

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


/* spotlight cahaya dari sudut kiri atas */

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-item::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    background:
        radial-gradient(
            72% 60% at 12% 0%,
            rgba(77, 192, 255, 0.26) 0%,
            rgba(30, 143, 214, 0.07) 46%,
            transparent 74%
        );

    opacity: 0;

    transition: opacity .45s ease;
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon {

    position: relative;

    grid-column: 1;

    grid-row: 1;

    margin-bottom: 2px;
}


/* ============================================================
   42. TRUST ICON — TILE GRADASI

   Warna ikon diambil dari variabel di blok 01.
   Tidak dikunci !important lagi, jadi kalau Anda set warna
   ikon dari Elementor > Style > Color, panel yang menang.
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon
.elementor-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 46px;

    height: 46px;

    padding: 0;

    border-radius: 15px 4px 15px 15px;

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

    color: #FFFFFF;

    background:
        linear-gradient(
            140deg,
            var(--ab-sky) 0%,
            var(--ab-secondary) 58%,
            var(--ab-accent) 100%
        );

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

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


.elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon svg {

    width: 19px;

    height: 19px;

    fill: currentColor;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon
.elementor-icon i {

    font-size: 19px;
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-title {

    grid-column: 1;

    grid-row: 2;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-trust-title
.elementor-heading-title {

    margin: 0;

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

    font-weight: 400;

    font-size: clamp(21px, 1.35vw, 24px);

    line-height: 1.18;

    letter-spacing: -0.008em;

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


/* ============================================================
   44. TRUST TEXT
   ============================================================ */

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-text {

    grid-column: 1;

    grid-row: 3;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-trust-text
.elementor-widget-container,

.elementor-417 .elementor-element.elementor-element-343673e .about-trust-text p {

    margin: 0;

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

    font-size: 16px;

    font-weight: 300;

    line-height: 1.62;

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


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

@media (hover:hover) {

    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item:hover {

        transform: translateY(-6px);

        box-shadow:
            0 22px 46px rgba(4, 30, 51, 0.13),
            inset 0 1px 0 rgba(255, 255, 255, 0.90);
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item:hover::before {

        opacity: 1;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item:hover::after {

        width: calc(100% - 44px);

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


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item:hover
    .about-trust-icon::after {

        opacity: 0;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item:hover
    .about-trust-icon
    .elementor-icon {

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

        box-shadow:
            0 15px 32px rgba(30, 143, 214, 0.42),
            inset 0 1px 0 rgba(255, 255, 255, 0.50);
    }
}


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

.elementor-417 .elementor-element.elementor-element-343673e .about-signature {

    width: 100%;

    display: flex !important;

    flex-direction: row;

    align-items: center;

    gap: 14px !important;

    margin-top: 24px;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-signature-line {

    width: 48px !important;

    min-width: 48px;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-signature-line
.elementor-divider {

    padding: 0 !important;
}


.elementor-417 .elementor-element.elementor-element-343673e .about-signature-line
.elementor-divider-separator {

    width: 48px !important;

    border-block-start: 2px solid var(--ab-sky);
}


.elementor-417 .elementor-element.elementor-element-343673e .about-signature-text
.elementor-widget-container,

.elementor-417 .elementor-element.elementor-element-343673e .about-signature-text p {

    margin: 0;

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

    font-weight: 400;

    font-size: clamp(18px, 1.2vw, 21px);

    font-style: italic;

    line-height: 1.4;

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


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

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

    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap {

        animation: aboutImageReveal linear both;

        animation-timeline: view();

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


    .elementor-417 .elementor-element.elementor-element-343673e .about-content {

        animation: aboutContentReveal linear both;

        animation-timeline: view();

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


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card {

        animation: aboutOwnerReveal linear both;

        animation-timeline: view();

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


@keyframes aboutImageReveal {

    from {
        opacity: 0;
        transform: translateX(-35px) scale(0.975);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}


@keyframes aboutContentReveal {

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

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


@keyframes aboutOwnerReveal {

    from {
        opacity: 0;
        transform: translateY(35px) rotate(3deg);
    }

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


@keyframes aboutAmbientGlow {

    0%, 100% {
        opacity: 0.82;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.06);
    }
}


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

@media (min-width:1600px) {

    .elementor-417 .elementor-element.elementor-element-343673e {

        --ab-max-width: 1510px;

        padding-top: 82px;

        padding-bottom: 82px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-visual {

        min-height: 620px;
    }
}


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

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

    .elementor-417 .elementor-element.elementor-element-343673e {

        padding: 62px 44px;

        --ab-column-gap: 58px;

        --ab-arch: 160px 160px 24px 24px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-shell {

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


    .elementor-417 .elementor-element.elementor-element-343673e .about-visual {

        min-height: 530px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap {

        width: 76%;

        height: 84%;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card {

        width: 210px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item {

        padding: 21px 19px 23px;
    }
}


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

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

    .elementor-417 .elementor-element.elementor-element-343673e {

        --ab-arch: 150px 150px 24px 24px;

        padding:
            66px
            clamp(30px, 4.5vw, 46px)
            68px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-shell {

        grid-template-columns: 1fr;

        gap: 54px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-visual {

        width: 100%;

        min-height: 540px;

        max-width: 660px;

        margin-inline: auto;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap {

        width: 68%;

        height: 84%;

        left: 6%;

        top: 0;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap::after {

        width: 128px;

        height: 128px;

        left: -44px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card {

        width: clamp(205px, 27vw, 242px);

        right: 1%;

        bottom: 1%;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-experience {

        left: 0;

        bottom: 0;

        width: 220px;

        padding: 19px 20px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-content {

        width: 100%;

        max-width: 760px;

        margin-inline: auto;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-content::before {

        display: none;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid {

        gap: 14px !important;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid
    > .about-trust-item:nth-child(2),

    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid
    > .about-trust-item:nth-child(4) {

        margin-top: 16px;
    }
}


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

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

    .elementor-417 .elementor-element.elementor-element-343673e .about-visual {

        min-height: 510px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-shell {

        gap: 48px;
    }
}


/* ============================================================
   58. MOBILE  <= 767px
   ============================================================ */

@media (max-width:767px) {

    .elementor-417 .elementor-element.elementor-element-343673e {

        --ab-arch: 130px 130px 20px 20px;

        --ab-owner-radius: 22px 5px 22px 22px;

        --ab-card-radius: 18px 4px 18px 18px;

        padding:
            52px
            clamp(18px, 5.2vw, 24px)
            54px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-shell {

        grid-template-columns: 1fr;

        gap: 44px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-content::before {

        display: none;
    }


    /* VISUAL */

    .elementor-417 .elementor-element.elementor-element-343673e .about-visual {

        width: 100%;

        min-height: clamp(420px, 110vw, 500px);
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap {

        left: 2%;

        top: 0;

        width: 76%;

        height: 74%;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image
    .elementor-widget-container {

        border-width: 5px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap::before {

        inset: -11px 11px 11px -11px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap::after {

        width: 92px;

        height: 92px;

        left: -28px;

        bottom: -26px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image
    .elementor-widget-container::before {

        top: 11px;

        width: 22px;

        height: 22px;

        border-radius: 6px;
    }


    /* OWNER */

    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card {

        width: clamp(165px, 46vw, 200px);

        right: 0;

        bottom: 3%;

        border-width: 5px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card::before {

        left: 14px;

        top: 14px;

        width: 8px;

        height: 8px;

        box-shadow: 0 0 0 5px rgba(77, 192, 255, 0.20);
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-info {

        padding: 13px 14px 15px;
    }


    /* LOCAL BADGE */

    .elementor-417 .elementor-element.elementor-element-343673e .about-experience {

        left: 0;

        bottom: 1%;

        width: clamp(180px, 51vw, 215px);

        padding: 16px 17px;
    }


    /* CONTENT */

    .elementor-417 .elementor-element.elementor-element-343673e .about-eyebrow {

        margin-bottom: 14px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-eyebrow
    .elementor-heading-title::before {

        width: 26px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-title
    .elementor-heading-title {

        font-size: clamp(38px, 10.2vw, 47px);

        line-height: 1.05;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-lead {

        max-width: 100%;

        margin-top: 18px;

        padding-left: 16px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-company {

        margin-top: 23px;

        padding: 16px 17px 17px 21px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-description {

        margin-top: 18px;
    }


    /* TRUST — 1 KOLOM, ikon pindah ke samping */

    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid {

        grid-template-columns: 1fr;

        gap: 13px !important;

        margin-top: 27px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid
    > .about-trust-item:nth-child(2),

    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-grid
    > .about-trust-item:nth-child(4) {

        margin-top: 0;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item {

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

        grid-template-rows: auto auto;

        column-gap: 14px;

        row-gap: 6px;

        padding: 20px 18px 21px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon {

        grid-column: 1;

        grid-row: 1 / 3;

        margin-bottom: 0;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon::after {

        right: 16px;

        top: 14px;

        font-size: 22px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-title {

        grid-column: 2;

        grid-row: 1;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-text {

        grid-column: 2;

        grid-row: 2;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item::after {

        left: 18px;

        width: 34px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon
    .elementor-icon {

        width: 44px;

        height: 44px;
    }


    /* SIGNATURE */

    .elementor-417 .elementor-element.elementor-element-343673e .about-signature {

        margin-top: 22px;

        gap: 13px !important;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-signature-line {

        width: 32px !important;

        min-width: 32px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-signature-line
    .elementor-divider-separator {

        width: 32px !important;
    }


    /* WATERMARK */

    .elementor-417 .elementor-element.elementor-element-343673e .about-shell::before {

        top: -28px;

        right: 2px;

        font-size: 72px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-shell::after {

        bottom: -12px;

        font-size: clamp(80px, 27vw, 125px);

        opacity: 0.55;
    }
}


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

@media (max-width:480px) {

    .elementor-417 .elementor-element.elementor-element-343673e {

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

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


    .elementor-417 .elementor-element.elementor-element-343673e .about-visual {

        min-height: clamp(400px, 106vw, 460px);
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card {

        width: 48vw;

        min-width: 170px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-experience {

        width: clamp(175px, 53vw, 205px);

        padding: 15px 16px;
    }
}


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

@media (max-width:374px) {

    .elementor-417 .elementor-element.elementor-element-343673e {

        padding-top: 46px;

        padding-bottom: 48px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-visual {

        min-height: 375px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-main-image-wrap {

        width: 80%;

        height: 70%;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-owner-card {

        width: 158px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-experience {

        width: 175px;

        padding: 14px 15px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item {

        padding: 18px 15px 19px;

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

        column-gap: 12px;
    }


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-icon
    .elementor-icon {

        width: 40px;

        height: 40px;
    }
}


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

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

    .elementor-417 .elementor-element.elementor-element-343673e a,
    .elementor-417 .elementor-element.elementor-element-343673e button {

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


    .elementor-417 .elementor-element.elementor-element-343673e .about-trust-item {

        transform: none;
    }
}


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

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

    .elementor-417 .elementor-element.elementor-element-343673e *,
    .elementor-417 .elementor-element.elementor-element-343673e *::before,
    .elementor-417 .elementor-element.elementor-element-343673e *::after {

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;

        scroll-behavior: auto !important;
    }
}


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

.elementor-417 .elementor-element.elementor-element-343673e a:focus-visible,
.elementor-417 .elementor-element.elementor-element-343673e button:focus-visible {

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

    outline-offset: 4px;

    border-radius: 8px;
}


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

.elementor-417 .elementor-element.elementor-element-343673e ::selection {

    background: var(--ab-sky);

    color: var(--ab-navy-dark);
}


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

   1. Semua tipografi di file ini TANPA !important.
      Artinya begitu Anda mengatur widget dari
      Elementor > Style > Typography, pengaturan panel
      otomatis menang. Tidak perlu menyentuh CSS.

   2. Kalau ada satu widget yang tetap tidak mau berubah,
      penyebabnya hampir selalu Global Font/Global Color
      yang masih terpasang di widget itu. Buka widget,
      klik ikon globe kecil di sebelah Typography/Color,
      pilih "Custom", lalu atur manual.

   3. Untuk mengubah warna secara global (semua sekaligus),
      cukup edit hex di blok "01. PUSAT KENDALI" paling atas.

   4. Untuk mengubah bentuk lengkungan foto, edit --ab-arch.
      Untuk membuat semua sudut kartu membulat,
      ubah --ab-card-radius menjadi: 20px 20px 20px 20px.
   ============================================================
   ============================================================ *//* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3dd9d2 *//* ============================================================
   CUSTOM CSS - GAMBAR "Why Travel to Bali" (VERSI v2)
   Warna brand : #f65a1e
   Catatan     : struktur & komentar asli dipertahankan.
                 Baris baru/berubah ditandai dengan "v2".
   ============================================================ */

/* Frame Utama dan Animasi Melayang */
.elementor-417 .elementor-element.elementor-element-a3dd9d2 {
    position: relative;                    /* v2: agar kilau & bingkai menempel */
    --jarak-melayang: -12px;               /* v2: jarak melayang (dipakai keyframes) */
    border-radius: 20px;
    overflow: hidden;
    /* v2: bingkai oranye tipis + bayangan lembut */
    box-shadow: inset 0 0 0 2px rgba(246, 90, 30, 0.35),
                0 12px 30px rgba(0, 0, 0, 0.10);
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    animation: floatAnimation 6s ease-in-out infinite;   /* v2: lebih halus (6s) */
}

/* Efek Transisi Foto */
.elementor-417 .elementor-element.elementor-element-a3dd9d2 img {
    transition: transform 0.6s ease;
    display: block;
    width: 100%;
    height: auto;                          /* v2: jaga proporsi foto */
}

/* v2: Kilau cahaya yang menyapu foto secara berkala */
.elementor-417 .elementor-element.elementor-element-a3dd9d2::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;                  /* tidak menghalangi klik */
    background: linear-gradient(
        115deg,
        transparent 30%,
        rgba(255, 255, 255, 0.25) 47%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0.25) 53%,
        transparent 70%
    );
    background-size: 250% 100%;
    background-position: 150% 0;
    animation: kilauFoto 5s ease-in-out infinite;
}

/* Efek Hover (Glow Oranye & Zoom Halus) */
.elementor-417 .elementor-element.elementor-element-a3dd9d2:hover {
    /* v2: bingkai oranye lebih tegas + glow oranye */
    box-shadow: inset 0 0 0 2px rgba(246, 90, 30, 0.70),
                0 20px 45px rgba(246, 90, 30, 0.28);
}
.elementor-417 .elementor-element.elementor-element-a3dd9d2:hover img {
    transform: scale(1.07);
}

/* Keyframes Gerakan Melayang */
@keyframes floatAnimation {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(var(--jarak-melayang)); }   /* v2: pakai variabel */
    100% { transform: translateY(0px); }
}

/* v2: Keyframes kilau menyapu (ada jeda diam sebelum menyapu) */
@keyframes kilauFoto {
    0%, 55% { background-position: 150% 0; }
    100%    { background-position: -150% 0; }
}

/* v2: RESPONSIVE - penyesuaian tampilan di mobile */
@media (max-width: 767px) {
    .elementor-417 .elementor-element.elementor-element-a3dd9d2 {
        --jarak-melayang: -6px;            /* v2: melayang lebih kecil di mobile */
        border-radius: 16px;
        animation-duration: 5s;
    }
}

/* v2: Hormati pengguna yang mematikan animasi */
@media (prefers-reduced-motion: reduce) {
    .elementor-417 .elementor-element.elementor-element-a3dd9d2 { animation: none; }
    .elementor-417 .elementor-element.elementor-element-a3dd9d2::after { animation: none; opacity: 0; }
    .elementor-417 .elementor-element.elementor-element-a3dd9d2:hover img { transform: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f3cc20 *//* =========================================================
   =========================================================
   PUTU BALI TOUR — WHY CHOOSE US
   "AZURE REASONS" V18  (COSMETIC ONLY)

   DIPASANG DI:
   Container PALING LUAR section Why Choose Us
   Advanced > Custom CSS

   ---------------------------------------------------------
   KENAPA V17 MERUSAK POSISI
   ---------------------------------------------------------
   V17 memaksa layout sendiri:
       display:grid !important
       grid-template-columns
       min-height pada foto
       flex-direction pada kartu

   Padahal Elementor sudah mengatur layout dari panel.
   Dua sistem bertabrakan, hasilnya kolom gepeng dan
   foto memanjang.

   ---------------------------------------------------------
   PRINSIP V18
   ---------------------------------------------------------
   CSS ini TIDAK menyentuh layout sama sekali.
   Tidak ada display, grid-template, flex-direction,
   width, height, atau min-height yang dipaksa.

   Posisi, lebar kolom, jumlah kolom, gap, dan padding
   SEPENUHNYA diatur dari panel Elementor.

   CSS ini hanya mengurus:
       warna, gradasi, border, radius, bayangan,
       tekstur latar, watermark, ikon, dan animasi hover.

   ---------------------------------------------------------
   TIPOGRAFI TIDAK DIKUNCI
   ---------------------------------------------------------
   Semua aturan font dibungkus :where() sehingga
   spesifisitasnya nol. Panel Elementor selalu menang.
   =========================================================
   ========================================================= */


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

.elementor-417 .elementor-element.elementor-element-8f3cc20{

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

    --wc-section-top:#F8FCFF;
    --wc-section-bottom:#EAF4FC;

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

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

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

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

    /* bentuk lengkung foto */
    --wc-arch:170px 170px 24px 24px;

    /* sudut kartu */
    --wc-card-radius:20px 4px 20px 20px;

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


    /* ---------- LATAR SECTION ----------
       Hanya warna. Padding diatur dari panel. */

    position:relative;

    isolation:isolate;

    overflow:hidden;

    color:var(--wc-text);

    background:

        radial-gradient(
            circle at 88% 12%,
            rgba(77,192,255,.14) 0%,
            rgba(77,192,255,.04) 24%,
            transparent 48%
        ),

        radial-gradient(
            circle at 8% 78%,
            rgba(30,143,214,.11) 0%,
            transparent 44%
        ),

        linear-gradient(
            180deg,
            var(--wc-section-top) 0%,
            #F1F8FD 54%,
            var(--wc-section-bottom) 100%
        );
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 *,
.elementor-417 .elementor-element.elementor-element-8f3cc20 *::before,
.elementor-417 .elementor-element.elementor-element-8f3cc20 *::after{
    box-sizing:border-box;
}


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

.elementor-417 .elementor-element.elementor-element-8f3cc20::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-2;

    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 "REASONS"
   Ubah katanya di properti content.
   Hapus seluruh blok ini kalau tidak diinginkan.
   --------------------------------------------------------- */

.elementor-417 .elementor-element.elementor-element-8f3cc20::after{

    content:"REASONS";

    position:absolute;

    right:-10px;
    bottom:-26px;

    z-index:-1;

    pointer-events:none;

    user-select:none;

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

    font-size:clamp(70px,11vw,168px);

    line-height:.8;

    letter-spacing:-.045em;

    color:transparent;

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

    opacity:.72;
}


/* =========================================================
   04. EYEBROW  —  .wcu-eyebrow
   Hanya warna & garis kecil. Posisi dari panel.
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-eyebrow .elementor-heading-title){

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

    font-size:12px;

    font-weight:600;

    letter-spacing:.20em;

    text-transform:uppercase;

    color:var(--wc-azure);
}


/* dua garis kecil mengapit teks */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-eyebrow .elementor-heading-title{

    display:inline-flex;

    align-items:center;

    gap:14px;
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-eyebrow .elementor-heading-title::before,
.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-eyebrow .elementor-heading-title::after{

    content:"";

    width:34px;
    height:2px;

    flex-shrink:0;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            rgba(77,192,255,.10),
            var(--wc-sky)
        );
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-eyebrow .elementor-heading-title::after{

    background:
        linear-gradient(
            90deg,
            var(--wc-sky),
            rgba(77,192,255,.10)
        );
}


/* =========================================================
   05. TITLE  —  .wcu-title
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-title .elementor-heading-title){

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

    font-weight:400;

    line-height:1.06;

    letter-spacing:-.022em;

    color:var(--wc-navy);
}


/* Kata yang dibungkus <span> otomatis jadi gradasi biru.
   Di editor tulis:  Why <span>Choose Us</span>  */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-title .elementor-heading-title span{

    background:
        linear-gradient(
            122deg,
            var(--wc-sky) 0%,
            var(--wc-azure) 55%,
            var(--wc-ocean) 100%
        );

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

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


/* =========================================================
   06. SUBTITLE  —  .wcu-subtitle
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-subtitle .elementor-widget-container),
.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-subtitle p){

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

    font-weight:300;

    line-height:1.72;

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


/* =========================================================
   07. VISUAL  —  .wcu-visual
   Hanya dekorasi di belakang foto.
   Ukuran & posisi kolom tetap dari panel.
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual{

    position:relative;
}


/* orbit ring putus-putus */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual::before{

    content:"";

    position:absolute;

    left:-38px;
    bottom:-34px;

    width:140px;
    height:140px;

    z-index:0;

    border-radius:50%;

    border:1px dashed rgba(77,192,255,.46);

    background:
        radial-gradient(
            circle,
            rgba(77,192,255,.13) 0%,
            transparent 64%
        );

    box-shadow:0 0 40px rgba(77,192,255,.15);

    animation:wcuOrbitSpin 46s linear infinite;

    pointer-events:none;
}


/* bingkai arch yang digeser */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual::after{

    content:"";

    position:absolute;

    inset:-16px 16px 16px -16px;

    z-index:0;

    border:1.5px solid rgba(77,192,255,.48);

    border-radius:var(--wc-arch);

    box-shadow:-8px 10px 30px -16px rgba(30,143,214,.45);

    pointer-events:none;

    transition:transform .7s var(--wc-ease);
}


@keyframes wcuOrbitSpin{

    from{ transform:rotate(0deg); }

    to{ transform:rotate(360deg); }

}


/* =========================================================
   08. FOTO  —  .wcu-image
   Tidak ada height/min-height yang dipaksa.
   Atur tinggi foto dari panel Image > Style > Height,
   atau dari Container kiri > Layout.
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-image{

    position:relative;

    z-index:2;
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-image .elementor-widget-container{

    position:relative;

    overflow:hidden;

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


/* bingkai & lengkungan — bisa ditimpa panel */

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-image .elementor-widget-container){

    border:7px solid var(--wc-white);

    border-radius:var(--wc-arch);

    background:var(--wc-mist);
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-image img{

    display:block;

    /* object-position: ubah nilai kedua kalau subjek
       foto terpotong. center 35% = naik, center 65% = turun */
    object-position:center center;

    transition:
        transform 1.2s var(--wc-ease),
        filter .8s ease;
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-image img){

    width:100%;

    object-fit:cover;
}


/* gradasi bawah foto */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-image .elementor-widget-container::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 58%,
            rgba(4,30,51,.20) 100%
        );
}


/* keystone belah ketupat di puncak lengkungan */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-image .elementor-widget-container::before{

    content:"";

    position:absolute;

    top:15px;
    left:50%;

    z-index:4;

    width:28px;
    height:28px;

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

    border-radius:7px;

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

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

    transition:transform .6s var(--wc-ease);
}


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

    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual:hover .wcu-image img{

        transform:scale(1.05);

        filter:saturate(1.05) contrast(1.02);
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual:hover::after{

        transform:translate(-6px,6px);
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual:hover
    .wcu-image .elementor-widget-container::before{

        transform:translateX(-50%) rotate(135deg);
    }

}


/* =========================================================
   09. GRID  —  .wcu-grid
   Sengaja dibiarkan kosong.
   Jumlah kolom dan gap diatur dari panel Elementor.
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-grid{

    position:relative;

    counter-reset:wcu;
}


/* =========================================================
   10. KARTU  —  .wcu-card

   Hanya kulit kartu: border gradasi, bayangan, aksen.
   Layout isi kartu (ikon di atas / di samping, gap,
   padding) SEPENUHNYA dari panel Elementor.
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card{

    position:relative;

    overflow:hidden;

    isolation:isolate;

    counter-increment:wcu;

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

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


/* tampilan kartu — bisa ditimpa panel */

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card){

    border:1px solid transparent;

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

    background:

        linear-gradient(
            162deg,
            rgba(255,255,255,.94) 0%,
            rgba(234,244,252,.76) 100%
        ) padding-box,

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


/* --------- GARIS AKSEN ATAS KARTU --------- */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card::after{

    content:"";

    position:absolute;

    top:0;
    left:22px;

    width:42px;
    height:3px;

    z-index:5;

    border-radius:0 0 999px 999px;

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

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


/* --------- SPOTLIGHT SAAT HOVER --------- */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;

    background:
        radial-gradient(
            74% 62% at 12% 0%,
            rgba(77,192,255,.26) 0%,
            rgba(30,143,214,.07) 46%,
            transparent 74%
        );

    opacity:0;

    transition:opacity .45s ease;
}


/* =========================================================
   11. IKON KARTU

   Ditarget lewat jenis widget, tanpa class tambahan.
   Hanya tampilan tile-nya. Ukuran ikon tetap bisa
   diatur dari panel Icon > Style > Size.

   PENTING:
   Kalau ikon Anda masih punya Border merah bawaan,
   buka widget Icon > Style, set Border Type = None
   dan Primary Color = transparent agar tidak dobel.
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card .elementor-icon{

    display:inline-flex;

    align-items:center;

    justify-content:center;

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

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


.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon){

    width:48px;

    height:48px;

    padding:0;

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

    border-radius:15px 4px 15px 15px;

    color:#FFFFFF;

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


.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon svg){

    width:20px;

    height:20px;

    fill:currentColor;
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon i){

    font-size:20px;

    color:#FFFFFF;
}


/* =========================================================
   12. JUDUL KARTU
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-heading-title){

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

    font-weight:400;

    line-height:1.18;

    letter-spacing:-.008em;

    color:var(--wc-navy);
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card .elementor-heading-title{

    transition:color .35s ease;
}


/* =========================================================
   13. TEKS KARTU
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-widget-text-editor
.elementor-widget-container),

.elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-widget-text-editor p){

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

    font-weight:300;

    line-height:1.66;

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


/* =========================================================
   14. HOVER KARTU
   ========================================================= */

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

    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card:hover{

        transform:translateY(-6px);

        box-shadow:
            0 22px 46px rgba(4,30,51,.13),
            inset 0 1px 0 rgba(255,255,255,.90);
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card:hover::before{

        opacity:1;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card:hover::after{

        width:calc(100% - 44px);

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


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card:hover .elementor-icon{

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

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


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card:hover .elementor-heading-title{

        color:var(--wc-azure);
    }

}


/* =========================================================
   15. TABLET  (768 - 1024)
   Hanya menyesuaikan ukuran dekorasi, bukan layout.
   ========================================================= */

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

    .elementor-417 .elementor-element.elementor-element-8f3cc20{

        --wc-arch:140px 140px 22px 22px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual::before{

        width:120px;
        height:120px;

        left:-30px;
        bottom:-28px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-image .elementor-widget-container){

        border-width:6px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon){

        width:44px;

        height:44px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20::after{

        font-size:clamp(64px,14vw,118px);

        bottom:-18px;
    }

}


/* =========================================================
   16. MOBILE  (<= 767px)
   Tetap tanpa mengubah layout.
   ========================================================= */

@media(max-width:767px){

    .elementor-417 .elementor-element.elementor-element-8f3cc20{

        --wc-arch:115px 115px 18px 18px;

        --wc-card-radius:17px 4px 17px 17px;
    }


    /* EYEBROW */

    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-eyebrow .elementor-heading-title{

        gap:10px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-eyebrow .elementor-heading-title::before,
    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-eyebrow .elementor-heading-title::after{

        width:22px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.17em;
    }


    /* FOTO */

    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-image .elementor-widget-container){

        border-width:5px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual::after{

        inset:-11px 11px 11px -11px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-visual::before{

        width:92px;
        height:92px;

        left:-22px;
        bottom:-20px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-image .elementor-widget-container::before{

        top:11px;

        width:21px;
        height:21px;

        border-radius:6px;
    }


    /* KARTU */

    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card::after{

        left:17px;

        width:32px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon){

        width:44px;

        height:44px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon svg){

        width:19px;

        height:19px;
    }


    /* WATERMARK */

    .elementor-417 .elementor-element.elementor-element-8f3cc20::after{

        font-size:clamp(56px,20vw,92px);

        bottom:-10px;

        right:-6px;

        opacity:.52;
    }


    /* hover dimatikan di layar sentuh */

    .elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card:hover{

        transform:none;
    }

}


/* =========================================================
   17. VERY SMALL MOBILE  (<= 374px)
   ========================================================= */

@media(max-width:374px){

    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon){

        width:40px;

        height:40px;
    }


    .elementor-417 .elementor-element.elementor-element-8f3cc20 :where(.wcu-card .elementor-icon svg){

        width:17px;

        height:17px;
    }

}


/* =========================================================
   18. TOUCH DEVICES
   ========================================================= */

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

    .elementor-417 .elementor-element.elementor-element-8f3cc20 a,
    .elementor-417 .elementor-element.elementor-element-8f3cc20 button{

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

}


/* =========================================================
   19. REDUCED MOTION
   ========================================================= */

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

    .elementor-417 .elementor-element.elementor-element-8f3cc20 *,
    .elementor-417 .elementor-element.elementor-element-8f3cc20 *::before,
    .elementor-417 .elementor-element.elementor-element-8f3cc20 *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
    }

}


/* =========================================================
   20. FOKUS KEYBOARD
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 a:focus-visible,
.elementor-417 .elementor-element.elementor-element-8f3cc20 button:focus-visible{

    outline:2px solid var(--wc-sky);

    outline-offset:4px;

    border-radius:8px;
}

/* =========================================================
   21. PATCH — MATIIN BORDER MERAH (card & icon)
   Border merah kemungkinan nempel dari panel Elementor,
   patch ini maksa balik ke desain V18 (transparent/putih).
   ========================================================= */

.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card{

    border-color:transparent !important;

    background:

        linear-gradient(
            162deg,
            rgba(255,255,255,.94) 0%,
            rgba(234,244,252,.76) 100%
        ) padding-box,

        linear-gradient(
            150deg,
            rgba(77,192,255,.70) 0%,
            rgba(30,143,214,.18) 45%,
            rgba(255,255,255,.10) 100%
        ) border-box !important;
}


.elementor-417 .elementor-element.elementor-element-8f3cc20 .wcu-card .elementor-icon{

    border:1px solid rgba(255,255,255,.30) !important;
}

/* =========================================================
   =========================================================
   TABEL CLASS (sama seperti V17, tidak berubah)

   Container (paling luar)     -> tempat CSS ini ditempel
     Heading  (ABOUT US ...)   -> wcu-eyebrow
     Heading  (Why Choose Us)  -> wcu-title
     Text Editor (subjudul)    -> wcu-subtitle
     Container (baris utama)   -> wcu-shell   (boleh dikosongkan)
       Container (kolom kiri)  -> wcu-visual
         Image                 -> wcu-image
       Container (kolom kanan) -> wcu-grid
         Container (tiap kartu)-> wcu-card
           Icon / Heading / Text Editor -> tanpa class


   ---------------------------------------------------------
   YANG HARUS DIRAPIKAN DI PANEL ELEMENTOR
   ---------------------------------------------------------
   Karena CSS ini tidak mengatur layout, semua posisi
   dikembalikan ke panel. Periksa:

   1. Container kolom kiri (wcu-visual)
      Layout > Width       : atur sesuai keinginan (mis. 38%)
      Layout > Align Items : Stretch

   2. Widget Image (wcu-image)
      Style > Image > Height : set nilai tetap kalau ingin
      foto punya tinggi konsisten, mis. 520px.
      Object Fit : Cover

   3. Container kolom kanan (wcu-grid)
      Layout > Direction : Row
      Layout > Wrap      : Wrap
      Layout > Gap       : 16px

   4. Tiap kartu (wcu-card)
      Layout > Width   : 48% (untuk 2 kolom)
                         100% (untuk 1 kolom di mobile)
      Layout > Direction : Column
      Layout > Gap     : 10px
      Advanced > Padding : 24px 22px 26px

   5. Widget Icon di dalam kartu
      Style > Border Type : None
      Style > Primary Color : transparent
      (agar kotak merah bawaan tidak dobel dengan
       tile gradasi dari CSS)


   ---------------------------------------------------------
   CARA MENGEDIT
   ---------------------------------------------------------
   Font, ukuran, weight, warna teks : Style > Typography
   Padding, margin, gap, lebar      : panel Layout / Advanced
   Warna global & aksen             : blok 01 di atas
   Lengkungan foto                  : ubah --wc-arch
   Sudut kartu                      : ubah --wc-card-radius
   =========================================================
   ========================================================= *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e760b2d *//* ============================================================
   ============================================================
   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-417 .elementor-element.elementor-element-e760b2d{

    --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-417 .elementor-element.elementor-element-e760b2d *,
.elementor-417 .elementor-element.elementor-element-e760b2d *::before,
.elementor-417 .elementor-element.elementor-element-e760b2d *::after{
    box-sizing:border-box;
}


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

.elementor-417 .elementor-element.elementor-element-e760b2d::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-417 .elementor-element.elementor-element-e760b2d::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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-eyebrow{

    position:relative;

    z-index:3;
}


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

.elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .cta-title{

    position:relative;

    z-index:3;
}


.elementor-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-text{

    position:relative;

    z-index:3;
}


.elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-text){

    max-width:660px;

    margin-inline:auto;
}


.elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-text .elementor-widget-container),
.elementor-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-feature .elementor-icon-box-icon{

    grid-column:1;

    grid-row:1 / 3;

    margin:0!important;
}


.elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon svg){

    width:23px;

    height:23px;

    fill:currentColor;
}


.elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon i){

    font-size:23px;

    color:#FFFFFF;
}


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

.elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature .elementor-icon-box-content{

    display:contents;
}


.elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature .elementor-icon-box-title{

    grid-column:2;

    grid-row:1;

    margin:0!important;

    transition:color .35s ease;
}


.elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon-box-title),
.elementor-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .cta-feature .elementor-icon-box-description{

    grid-column:2;

    grid-row:2;

    margin:0!important;
}


.elementor-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-feature:hover::before{

        opacity:1;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature:hover::after{

        width:calc(100% - 48px);

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


    .elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-feature:hover .elementor-icon-box-title{

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

}


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

.elementor-417 .elementor-element.elementor-element-e760b2d .cta-actions{

    position:relative;

    z-index:3;
}


/* garis tipis di atas area tombol */

.elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .elementor-button-icon{

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


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

.elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-btn-primary .elementor-button:hover::before{

        left:160%;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-btn-secondary .elementor-button{

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


.elementor-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d :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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-btn-secondary .elementor-button:hover::before{

        transform:scaleX(1);
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-secondary .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(5px);
    }

}


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

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

    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-features{

        animation:ctaRise linear both;

        animation-timeline:view();

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


    .elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d{

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

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


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-shell){

        padding:40px 30px 44px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature){

        padding:22px 20px 24px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:14px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon){

        width:50px;

        height:50px;
    }


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

        font-size:21px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-btn-primary .elementor-button),
    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-btn-secondary .elementor-button){

        padding:15px 26px;

        min-height:51px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d::after{

        left:8px;

        bottom:-16px;

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

}


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

@media(max-width:767px){

    .elementor-417 .elementor-element.elementor-element-e760b2d{

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

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

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


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-shell){

        padding:34px 18px 36px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-shell::after{

        top:12px;

        width:22px;
        height:22px;

        border-radius:6px;
    }


    /* EYEBROW */

    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-eyebrow .elementor-heading-title{

        padding:7px 13px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.17em;
    }


    /* JUDUL */

    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-title .elementor-heading-title){

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

        line-height:1.12;
    }


    /* TEKS */

    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-text .elementor-widget-container),
    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-text p){

        font-size:15px;

        line-height:1.72;
    }


    /* KARTU FITUR */

    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature){

        padding:19px 17px 21px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature::after{

        left:17px;

        width:32px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:13px;

        row-gap:5px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon){

        width:48px;

        height:48px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon svg){

        width:21px;

        height:21px;
    }


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

        font-size:19px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon-box-description){

        font-size:14.5px;

        line-height:1.64;
    }


    /* TOMBOL — lebar penuh */

    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-actions::before{

        top:-15px;

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


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

    .elementor-417 .elementor-element.elementor-element-e760b2d .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-417 .elementor-element.elementor-element-e760b2d .cta-actions > .elementor-element,
    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-primary,
    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-secondary{

        flex:1 1 0!important;

        width:auto!important;

        min-width:0!important;

        max-width:none!important;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-primary .elementor-button,
    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-secondary .elementor-button{

        width:100%;

        gap:7px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-btn-primary .elementor-button),
    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-btn-secondary .elementor-button){

        padding:14px 12px;

        min-height:52px;
    }


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

        font-size:13.5px;

        letter-spacing:.01em;

        white-space:nowrap;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-primary .elementor-button-icon svg,
    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-secondary .elementor-button-icon svg{

        width:15px;

        height:15px;
    }


    /* tombol ghost langsung terisi di layar sentuh */

    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-btn-secondary .elementor-button::before{

        transform:scaleX(1);
    }


    /* WATERMARK */

    .elementor-417 .elementor-element.elementor-element-e760b2d::after{

        left:4px;

        bottom:-8px;

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

        opacity:.50;
    }


    /* hover dimatikan */

    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature:hover{

        transform:none;
    }

}


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

@media(max-width:480px){

    .elementor-417 .elementor-element.elementor-element-e760b2d{

        --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-417 .elementor-element.elementor-element-e760b2d :where(.cta-shell){

        padding:30px 15px 32px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-title .elementor-heading-title){

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

}


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

@media(max-width:374px){

    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-title .elementor-heading-title){

        font-size:24px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:11px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon){

        width:42px;

        height:42px;
    }


    .elementor-417 .elementor-element.elementor-element-e760b2d :where(.cta-feature .elementor-icon svg){

        width:18px;

        height:18px;
    }

}


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

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

    .elementor-417 .elementor-element.elementor-element-e760b2d a,
    .elementor-417 .elementor-element.elementor-element-e760b2d button{

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

}


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

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

    .elementor-417 .elementor-element.elementor-element-e760b2d *,
    .elementor-417 .elementor-element.elementor-element-e760b2d *::before,
    .elementor-417 .elementor-element.elementor-element-e760b2d *::after{

        animation-duration:.01ms!important;

        animation-iteration-count:1!important;

        transition-duration:.01ms!important;
    }

}


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

.elementor-417 .elementor-element.elementor-element-e760b2d a:focus-visible,
.elementor-417 .elementor-element.elementor-element-e760b2d button:focus-visible,
.elementor-417 .elementor-element.elementor-element-e760b2d .elementor-button:focus-visible{

    outline:2px solid var(--cta-sky);

    outline-offset:4px;

    border-radius:10px;
}


/* ============================================================
   24. TEXT SELECTION
============================================================ */

.elementor-417 .elementor-element.elementor-element-e760b2d ::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 */