.elementor-1950 .elementor-element.elementor-element-5f78e33{--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-1950 .elementor-element.elementor-element-5f78e33:not(.elementor-motion-effects-element-type-background), .elementor-1950 .elementor-element.elementor-element-5f78e33 > .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-1950 .elementor-element.elementor-element-5f78e33::before, .elementor-1950 .elementor-element.elementor-element-5f78e33 > .elementor-background-video-container::before, .elementor-1950 .elementor-element.elementor-element-5f78e33 > .e-con-inner > .elementor-background-video-container::before, .elementor-1950 .elementor-element.elementor-element-5f78e33 > .elementor-background-slideshow::before, .elementor-1950 .elementor-element.elementor-element-5f78e33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1950 .elementor-element.elementor-element-5f78e33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1950 .elementor-element.elementor-element-9705bf7{--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-1950 .elementor-element.elementor-element-dbb3600{--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-1950 .elementor-element.elementor-element-01f50be{--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-1950 .elementor-element.elementor-element-01f50be.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-1950 .elementor-element.elementor-element-24578b3 .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-1950 .elementor-element.elementor-element-1516773{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1950 .elementor-element.elementor-element-1516773 .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-1950 .elementor-element.elementor-element-8a929aa{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-1950 .elementor-element.elementor-element-5f8edb1{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1950 .elementor-element.elementor-element-92b44d7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1950 .elementor-element.elementor-element-f57767b{--display:flex;}.elementor-1950 .elementor-element.elementor-element-9952f26 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:50px;font-weight:500;color:#000000;}.elementor-1950 .elementor-element.elementor-element-5a79353{--display:flex;--justify-content:center;}.elementor-1950 .elementor-element.elementor-element-d399b68{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1950 .elementor-element.elementor-element-642a9a8{--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:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1950 .elementor-element.elementor-element-7a245ff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table{max-width:100%;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table thead tr th{color:#fff;background-color:#0C4A77AD;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-1950 .elementor-element.elementor-element-8a16716 table.dataTable thead .sorting:after{color:#fff;}.elementor-1950 .elementor-element.elementor-element-8a16716 table.dataTable thead .sorting_asc:after{color:#fff;}.elementor-1950 .elementor-element.elementor-element-8a16716 table.dataTable thead .sorting_desc:after{color:#fff;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table thead tr th:hover{color:#fff;}.elementor-1950 .elementor-element.elementor-element-8a16716 table.dataTable thead .sorting:after:hover{color:#fff;}.elementor-1950 .elementor-element.elementor-element-8a16716 table.dataTable thead .sorting_asc:after:hover{color:#fff;}.elementor-1950 .elementor-element.elementor-element-8a16716 table.dataTable thead .sorting_desc:after:hover{color:#fff;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table thead > tr th .data-table-header-text{font-family:"DM Serif Display", Sans-serif;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table thead tr th i{font-size:20px;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table thead tr th .data-table-header-svg-icon{height:20px;width:20px;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody > tr:nth-child(2n) td{color:#000000;background:#f2f2f2;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody > tr:nth-child(2n+1) td{color:#000000;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody tr td{border-style:solid;border-width:1px 1px 1px 1px;font-family:"Poppins", Sans-serif;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody > tr:nth-child(2n+1) td:hover{color:#6d7882;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table-wrap table td a{color:#c15959;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table-wrap table td a:hover{color:#6d7882;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody .td-content-wrapper{text-align:left;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon i{font-size:20px;color:#c15959;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon svg{height:20px;width:20px;fill:#c15959;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon i{color:#6d7882;}.elementor-1950 .elementor-element.elementor-element-8a16716 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon svg{fill:#6d7882;}.elementor-1950 .elementor-element.elementor-element-5c9c258{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1950 .elementor-element.elementor-element-5c9c258 p{margin-block-end:0px;}.elementor-1950 .elementor-element.elementor-element-e9c6e29{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1950 .elementor-element.elementor-element-d165cb7 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:30px;font-weight:500;color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1950 .elementor-element.elementor-element-f83a220{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:17px;--icon-vertical-align:flex-start;--icon-vertical-offset:4px;}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-1950 .elementor-element.elementor-element-f83a220 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1950 .elementor-element.elementor-element-689ff31{padding:20px 0px 0px 0px;--e-icon-list-icon-size:18px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;}.elementor-1950 .elementor-element.elementor-element-689ff31 .elementor-icon-list-text{transition:color 0.3s;}.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-1950 .elementor-element.elementor-element-77dd548 .elementor-button{background-color:#009CE7;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-1950 .elementor-element.elementor-element-77dd548 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1950 .elementor-element.elementor-element-3105dd2{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-1950 .elementor-element.elementor-element-13d9e12{--display:flex;--min-height:480px;--justify-content:center;--overlay-opacity:0.26;--border-radius:15px 15px 15px 15px;}.elementor-1950 .elementor-element.elementor-element-13d9e12:not(.elementor-motion-effects-element-type-background), .elementor-1950 .elementor-element.elementor-element-13d9e12 > .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-1950 .elementor-element.elementor-element-13d9e12::before, .elementor-1950 .elementor-element.elementor-element-13d9e12 > .elementor-background-video-container::before, .elementor-1950 .elementor-element.elementor-element-13d9e12 > .e-con-inner > .elementor-background-video-container::before, .elementor-1950 .elementor-element.elementor-element-13d9e12 > .elementor-background-slideshow::before, .elementor-1950 .elementor-element.elementor-element-13d9e12 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1950 .elementor-element.elementor-element-13d9e12 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#353535;--background-overlay:'';}.elementor-1950 .elementor-element.elementor-element-e8224a0{text-align:center;}.elementor-1950 .elementor-element.elementor-element-e8224a0 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-1950 .elementor-element.elementor-element-2d81f19{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-1950 .elementor-element.elementor-element-2d81f19.elementor-element{--align-self:flex-start;}.elementor-1950 .elementor-element.elementor-element-2d81f19 .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-1950 .elementor-element.elementor-element-3d0d35d{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-1950 .elementor-element.elementor-element-3d0d35d.elementor-element{--align-self:center;}.elementor-1950 .elementor-element.elementor-element-ba5f6a3{--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-1950 .elementor-element.elementor-element-9551a75 .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-1950 .elementor-element.elementor-element-9551a75 .elementor-button:hover, .elementor-1950 .elementor-element.elementor-element-9551a75 .elementor-button:focus{background-color:#FFFFFF;}.elementor-1950 .elementor-element.elementor-element-9551a75{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-1950 .elementor-element.elementor-element-9551a75.elementor-element{--align-self:center;}.elementor-1950 .elementor-element.elementor-element-9551a75 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1950 .elementor-element.elementor-element-5f78e33{--width:100%;}.elementor-1950 .elementor-element.elementor-element-dbb3600{--content-width:100%;}.elementor-1950 .elementor-element.elementor-element-01f50be{--width:87.366%;}.elementor-1950 .elementor-element.elementor-element-5f8edb1{--content-width:1300px;}.elementor-1950 .elementor-element.elementor-element-7a245ff{--width:60%;}.elementor-1950 .elementor-element.elementor-element-e9c6e29{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1950 .elementor-element.elementor-element-01f50be{--width:72%;}}@media(min-width:1025px){.elementor-1950 .elementor-element.elementor-element-5f78e33:not(.elementor-motion-effects-element-type-background), .elementor-1950 .elementor-element.elementor-element-5f78e33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1950 .elementor-element.elementor-element-5f78e33{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-1950 .elementor-element.elementor-element-dbb3600{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-1950 .elementor-element.elementor-element-24578b3 .elementor-heading-title{font-size:18px;}.elementor-1950 .elementor-element.elementor-element-1516773 .elementor-heading-title{font-size:50px;}.elementor-1950 .elementor-element.elementor-element-8a929aa{font-size:14px;}.elementor-1950 .elementor-element.elementor-element-5f8edb1{--padding-top:30px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1950 .elementor-element.elementor-element-e8224a0 .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-1950 .elementor-element.elementor-element-5f78e33{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-1950 .elementor-element.elementor-element-9705bf7{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-1950 .elementor-element.elementor-element-dbb3600{--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-1950 .elementor-element.elementor-element-01f50be{--width:100%;}.elementor-1950 .elementor-element.elementor-element-24578b3 .elementor-heading-title{font-size:14px;}.elementor-1950 .elementor-element.elementor-element-1516773 .elementor-heading-title{font-size:42px;}.elementor-1950 .elementor-element.elementor-element-8a929aa{font-size:14px;}.elementor-1950 .elementor-element.elementor-element-9952f26 .elementor-heading-title{font-size:40px;}.elementor-1950 .elementor-element.elementor-element-5c9c258{font-size:15px;}.elementor-1950 .elementor-element.elementor-element-d165cb7 .elementor-heading-title{font-size:25px;}.elementor-1950 .elementor-element.elementor-element-13d9e12{--min-height:310px;}.elementor-1950 .elementor-element.elementor-element-e8224a0 .elementor-heading-title{font-size:14px;}.elementor-1950 .elementor-element.elementor-element-2d81f19 .elementor-heading-title{font-size:40px;}.elementor-1950 .elementor-element.elementor-element-3d0d35d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1950 .elementor-element.elementor-element-ba5f6a3{--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-1950 .elementor-element.elementor-element-9551a75{--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-9705bf7 *//* ============================================================
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-1950 .elementor-element.elementor-element-9705bf7{
  --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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .coastal-hero-collage__photo-main,
.elementor-1950 .elementor-element.elementor-element-9705bf7 .coastal-hero-collage__photo-top,
.elementor-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .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-1950 .elementor-element.elementor-element-9705bf7 .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


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


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

@media(max-width:1024px){

  .elementor-1950 .elementor-element.elementor-element-9705bf7 .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


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


  .elementor-1950 .elementor-element.elementor-element-9705bf7 .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-1950 .elementor-element.elementor-element-9705bf7 .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


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

    line-height:
      1.12!important;
  }


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

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

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


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

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

.elementor-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-shell{

    position:relative;

    z-index:4;
}


.elementor-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy{

    position:relative;

    z-index:5;
}


.elementor-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy::after{

    content:none!important;

    display:none!important;
}


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

.elementor-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-eyebrow::before{

    content:none!important;

    display:none!important;
}


/* TIPOGRAFI eyebrow — spesifisitas nol */

.elementor-1950 .elementor-element.elementor-element-5f78e33 :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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-eyebrow .elementor-heading-title{

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


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

.elementor-1950 .elementor-element.elementor-element-5f78e33 :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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-title-accent{

    position:relative;

    width:max-content;

    max-width:100%;
}


.elementor-1950 .elementor-element.elementor-element-5f78e33 :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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero:hover .pt-hero-title-accent::after{

    width:138px;
}


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

.elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-text{

    max-width:620px;
}


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

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


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

.elementor-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 :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-1950 .elementor-element.elementor-element-5f78e33 :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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-primary-btn .elementor-button:hover::before{

        left:138%;
    }

}


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

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

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


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

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-text-link .elementor-button:hover{

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

        transform:translateX(4px);
    }

}


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

.elementor-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 :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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-mini-trust > .elementor-element{

    min-width:0!important;

    max-width:none!important;

    margin:0!important;
}


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

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


.elementor-1950 .elementor-element.elementor-element-5f78e33 :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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-mini-trust:hover::after{

        width:calc(100% - 32px);

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


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-mini-trust:hover .elementor-icon{

        transform:scale(1.08);
    }

}


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

@media(min-width:1025px){

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy{

        max-width:760px;
    }

}


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

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

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero{

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


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy::before{

        left:-20px;

        height:114px;
    }

}


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

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

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero{

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


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy{

        width:88%!important;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy::before{

        left:-16px;

        height:104px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-shell::before{

        right:-60px;

        top:-84px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-trust{

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

        gap:12px!important;
    }

}


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

@media(max-width:767px){

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero{

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


    /* overlay dipertegas agar teks terbaca */

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .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-1950 .elementor-element.elementor-element-5f78e33 .pt-hero::after{

        height:110px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy{

        width:100%!important;
    }


    /* rail dipendekkan, tetap di sisi kiri */

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy::before{

        left:-9px;

        top:4px;

        width:2px;

        height:78px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-eyebrow{

        padding:6px 11px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 :where(.pt-hero-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.16em;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 :where(.pt-hero-title .elementor-heading-title){

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

        line-height:1.08;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-title-accent::after{

        width:64px;

        margin-top:9px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero:hover .pt-hero-title-accent::after{

        width:92px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 :where(.pt-hero-text .elementor-widget-container),
    .elementor-1950 .elementor-element.elementor-element-5f78e33 :where(.pt-hero-text p){

        font-size:15px;

        line-height:1.70;
    }


    /* glow dikecilkan */

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-shell::before{

        right:auto;

        left:35%;

        top:-60px;

        width:250px;
        height:250px;

        opacity:.75;
    }


    /* tombol full-width */

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-primary-btn .elementor-button,
    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-secondary .elementor-button{

        width:100%;

        min-height:50px;

        display:flex;

        align-items:center;

        justify-content:center;
    }


    /* trust 2 kolom */

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-trust{

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

        gap:10px!important;

        margin-top:6px;

        padding-top:15px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-mini-trust{

        min-height:62px!important;

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

        column-gap:9px!important;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 :where(.pt-mini-trust){

        padding:11px 12px;

        border-radius:12px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-mini-trust > .elementor-widget-icon{

        --width:22px!important;

        width:22px!important;

        min-width:22px!important;

        max-width:22px!important;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-mini-trust .elementor-icon{

        width:22px;
        height:22px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-mini-trust::after{

        left:12px;

        width:28px;
    }

}


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

@media(max-width:480px){

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero{

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

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


    .elementor-1950 .elementor-element.elementor-element-5f78e33 :where(.pt-hero-title .elementor-heading-title){

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


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-copy::before{

        height:66px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero-trust{

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

}


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

@media(max-width:374px){

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero{

        min-height:240px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f78e33 :where(.pt-hero-title .elementor-heading-title){

        font-size:26px;
    }

}


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

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

    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero,
    .elementor-1950 .elementor-element.elementor-element-5f78e33 .pt-hero *{

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

}


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

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

    .elementor-1950 .elementor-element.elementor-element-5f78e33 a,
    .elementor-1950 .elementor-element.elementor-element-5f78e33 button{

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

}


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

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

        animation:none!important;

        transition:none!important;
    }

}


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

.elementor-1950 .elementor-element.elementor-element-5f78e33 ::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-5f8edb1 *//* =========================================================
   =========================================================
   KAK LUNA BALI TRANS
   PRICE TABLE SECTION — "AZURE RATES" V1.3

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

   ---------------------------------------------------------
   PERUBAHAN V1.3
   ---------------------------------------------------------
   1. Variabel --pr-black sekarang didefinisikan di
      blok 01. Sebelumnya dipakai tapi belum ada.
   2. Judul panel .pr-side-title di MOBILE bisa diatur
      warna & ukurannya lewat blok 01:
        --pr-side-title-mobile-size
        --pr-side-title-mobile-color
   Baris yang diubah ditandai dengan tulisan V1.3

   ---------------------------------------------------------
   CLASS SESUAI STRUKTUR ANDA
   ---------------------------------------------------------
   Container (PALING LUAR)        -> tempat CSS ini ditempel
     Container (header)           -> pr-header
       Container (kiri)           -> pr-header-left
         Heading (eyebrow)        -> pr-eyebrow
         Heading (judul besar)    -> pr-title
       Container (kanan)          -> pr-header-right
         Text Editor              -> pr-intro
     Container (isi)              -> pr-body
       Container (tabel)          -> pr-table-wrap
         Data Table               -> pr-table
         Text Editor (catatan)    -> pr-note
       Container (panel kanan)    -> pr-side
         Heading (Inclusion)      -> pr-side-title
         Icon List (inclusion)    -> pr-inclusion
         Icon List (pembayaran)   -> pr-payment
         Button                   -> pr-btn
   ========================================================= */


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

.elementor-1950 .elementor-element.elementor-element-5f8edb1{

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

    /* V1.3 : warna hitam yang dipakai judul */
    --pr-black:#000000;

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

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

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

    --pr-line:rgba(30,143,214,.18);

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

    --pr-card-radius:20px 4px 20px 20px;

    /* kata watermark — ubah di sini */
    --pr-watermark:"RATES";

    /* V1.3 : judul panel kanan (pr-side-title) di MOBILE */
    --pr-side-title-mobile-size:25px;
    --pr-side-title-mobile-color:#000000;

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


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

    position:relative;

    isolation:isolate;

    overflow:hidden;

    color:var(--pr-text);

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

    background:

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

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

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

        linear-gradient(
            180deg,
            var(--pr-bg-top) 0%,
            var(--pr-bg-mid) 54%,
            var(--pr-bg-bottom) 100%
        ) !important;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 *,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 *::before,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 *::after{
    box-sizing:border-box;
}


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

.elementor-1950 .elementor-element.elementor-element-5f8edb1::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:0;

    pointer-events:none;

    opacity:.42;

    background-image:

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

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

    background-size:52px 52px;

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

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


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

.elementor-1950 .elementor-element.elementor-element-5f8edb1::after{

    content:var(--pr-watermark);

    position:absolute;

    left:10px;
    bottom:-24px;

    z-index:0;

    pointer-events:none;

    user-select:none;

    white-space:nowrap;

    color:transparent;

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

    font-size:clamp(64px,10.5vw,166px);

    line-height:.8;

    letter-spacing:-.05em;

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

    opacity:.70;
}


/* =========================================================
   04. HEADER  —  .pr-header
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-header{

    position:relative;

    z-index:3;

    padding-bottom:clamp(24px,2.8vw,38px);

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


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-header::before{

    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:72px;
    height:2px;

    border-radius:999px;

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

    box-shadow:0 2px 10px rgba(77,192,255,.30);

    transition:width .6s var(--pr-ease);
}


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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-header:hover::before{

        width:158px;
    }

}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-header-left,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-header-right{

    position:relative;

    z-index:3;
}


/* --------- EYEBROW  —  .pr-eyebrow --------- */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-eyebrow .elementor-heading-title{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin:0;

    text-transform:uppercase;

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

    font-size:12px;

    font-weight:600;

    letter-spacing:.20em;

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


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-eyebrow .elementor-heading-title::before{

    content:"";

    width:32px;
    height:2px;

    flex-shrink:0;

    border-radius:999px;

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


/* --------- JUDUL  —  .pr-title --------- */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-title .elementor-heading-title{

    margin:0;

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

    font-weight:400;

    font-size:clamp(32px,3.9vw,56px);

    line-height:1.06;

    letter-spacing:-.022em;

    color:var(--pr-black);

    text-wrap:balance;
}


/* kata dalam <span> jadi gradasi biru.
   Di editor tulis:
   Stories from <span>Our travelers.</span> */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-title .elementor-heading-title span{

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

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

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


/* --------- INTRO  —  .pr-intro --------- */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-intro{

    position:relative;

    padding-left:20px;

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


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-intro .elementor-widget-container,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-intro p{

    margin:0;

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

    font-size:16px;

    font-weight:300;

    line-height:1.76;

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


/* =========================================================
   05. BODY  —  .pr-body
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-body{

    position:relative;

    z-index:3;

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


/* =========================================================
   =========================================================
   06. TABEL  —  .pr-table-wrap / .pr-table
   =========================================================
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table-wrap{

    position:relative;

    z-index:3;

    min-width:0;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table{

    position:relative;

    overflow:hidden;

    isolation:isolate;

    border:1px solid transparent;

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

    background:

        linear-gradient(
            160deg,
            rgba(255,255,255,.97) 0%,
            rgba(241,248,253,.92) 100%
        ) padding-box,

        linear-gradient(
            150deg,
            rgba(77,192,255,.62) 0%,
            rgba(30,143,214,.18) 46%,
            rgba(255,255,255,.08) 100%
        ) border-box;

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


/* geser horizontal di layar sempit */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table .elementor-widget-container{

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;

    border-radius:inherit;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table table{

    width:100%;

    border-collapse:separate !important;

    border-spacing:0 !important;

    background:transparent !important;
}


/* --------- KEPALA TABEL --------- */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table thead th,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table th{

    position:relative;

    padding:17px 20px !important;

    border:0 !important;

    text-align:left;

    white-space:nowrap;

    background:
        linear-gradient(
            140deg,
            var(--pr-navy) 0%,
            var(--pr-ocean) 60%,
            var(--pr-azure) 100%
        ) !important;

    color:#FFFFFF !important;

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

    font-size:12px;

    font-weight:600;

    letter-spacing:.14em;

    text-transform:uppercase;
}


/* garis pemisah tipis antar kolom kepala */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table thead th:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;
    top:26%;

    width:1px;
    height:48%;

    background:rgba(255,255,255,.22);
}


/* --------- BARIS ISI --------- */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody td,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table td{

    padding:15px 20px !important;

    border:0 !important;

    border-bottom:1px solid rgba(30,143,214,.12) !important;

    background:transparent !important;

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

    font-size:15px;

    font-weight:400;

    line-height:1.5;

    color:var(--pr-text);

    transition:
        background .3s ease,
        color .3s ease;
}


/* kolom pertama sedikit lebih tegas */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody td:first-child{

    font-weight:500;

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


/* kolom harga diberi warna biru */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody td:not(:first-child){

    color:var(--pr-ocean);

    font-weight:500;

    white-space:nowrap;
}


/* baris genap diberi latar samar */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody tr:nth-child(even) td{

    background:rgba(234,244,252,.55) !important;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody tr:last-child td{

    border-bottom:0 !important;
}


/* --------- HOVER BARIS --------- */

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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody tr:hover td{

        background:
            linear-gradient(
                90deg,
                rgba(77,192,255,.16),
                rgba(139,216,255,.06)
            ) !important;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody tr:hover td:first-child{

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

}


/* --------- CATATAN DI BAWAH TABEL  —  .pr-note --------- */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-note{

    position:relative;

    margin-top:14px;

    padding-left:16px;

    border-left:2px solid rgba(77,192,255,.45);
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-note .elementor-widget-container,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-note p{

    margin:0;

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

    font-size:13.5px;

    font-weight:300;

    line-height:1.7;

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


/* =========================================================
   =========================================================
   07. PANEL KANAN  —  .pr-side
   =========================================================
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side{

    position:relative;

    z-index:3;

    overflow:hidden;

    isolation:isolate;

    padding:26px 24px 28px !important;

    border:1px solid transparent;

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

    background:

        linear-gradient(
            158deg,
            rgba(255,255,255,.96) 0%,
            rgba(234,244,252,.90) 100%
        ) padding-box,

        linear-gradient(
            150deg,
            rgba(77,192,255,.66) 0%,
            rgba(30,143,214,.20) 46%,
            rgba(255,255,255,.08) 100%
        ) border-box;

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


/* garis aksen atas panel */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side::after{

    content:"";

    position:absolute;

    top:0;
    left:24px;

    z-index:4;

    width:44px;
    height:3px;

    border-radius:0 0 999px 999px;

    pointer-events:none;

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

    transition:width .5s var(--pr-ease);
}


/* cahaya sudut */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side::before{

    content:"";

    position:absolute;

    width:150px;
    height:150px;

    right:-52px;
    top:-60px;

    z-index:-1;

    border-radius:50%;

    pointer-events:none;

    background:
        radial-gradient(
            circle,
            rgba(77,192,255,.26) 0%,
            transparent 66%
        );
}


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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side:hover::after{

        width:calc(100% - 48px);

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

}


/* --------- JUDUL PANEL  —  .pr-side-title --------- */
/* DESKTOP & TABLET */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side-title .elementor-heading-title{

    position:relative;

    margin:0;

    padding-bottom:12px;

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

    font-weight:400;

    font-size:clamp(30px,1.8vw,28px);

    line-height:1.2;

    color:var(--pr-black);
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side-title .elementor-heading-title::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:38px;
    height:2px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--pr-sky),
            transparent
        );
}


/* =========================================================
   08. DAFTAR INCLUSION  —  .pr-inclusion
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-items{

    display:flex;

    flex-direction:column;

    gap:2px;

    margin:0;

    padding:0;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-item{

    position:relative;

    display:flex;

    align-items:center;

    margin:0;

    padding:9px 8px !important;

    border-radius:10px 3px 10px 10px;

    border-bottom:1px solid rgba(30,143,214,.10);

    transition:
        transform .4s var(--pr-ease),
        background .35s ease,
        padding-left .4s var(--pr-ease);
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-item:last-child{

    border-bottom:0;
}


/* kotak ikon centang */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-icon{

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    flex:0 0 26px;

    width:26px;

    height:26px;

    margin-right:12px;

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

    border-radius:8px 2px 8px 8px;

    background:rgba(77,192,255,.12);

    color:var(--pr-azure        );

    transition:
        transform .4s var(--pr-ease),
        background .35s ease,
        border-color .35s ease,
        color .35s ease,
        box-shadow .4s var(--pr-ease);
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-icon svg,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-icon i{

    width:13px;

    height:13px;

    font-size:13px;

    fill:currentColor;

    color:currentColor;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-text{

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

    font-size:14.5px;

    font-weight:400;

    line-height:1.5;

    color:var(--pr-text);

    transition:color .32s ease;
}


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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-item:hover{

        transform:translateX(4px);

        padding-left:12px !important;

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


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-item:hover
    .elementor-icon-list-icon{

        transform:scale(1.06);

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

        background:
            linear-gradient(
                138deg,
                var(--pr-sky),
                var(--pr-azure)
            );

        color:#FFFFFF;

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


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-item:hover
    .elementor-icon-list-text{

        color:var(--pr-ocean);
    }

}


/* =========================================================
   09. BLOK PEMBAYARAN  —  .pr-payment
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment{

    position:relative;

    margin-top:20px;

    padding:16px 16px 16px 16px;

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

    border-radius:14px 3px 14px 14px;

    background:
        linear-gradient(
            150deg,
            rgba(77,192,255,.10),
            rgba(139,216,255,.04)
        );
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment .elementor-icon-list-items{

    margin:0;

    padding:0;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment .elementor-icon-list-item{

    display:flex;

    align-items:flex-start;

    margin:0;

    padding:0 !important;

    border:0 !important;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment .elementor-icon-list-icon{

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    flex:0 0 28px;

    width:28px;

    height:28px;

    margin-right:12px;

    border-radius:50%;

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

    background:rgba(255,255,255,.70);

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


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment .elementor-icon-list-icon svg,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment .elementor-icon-list-icon i{

    width:13px;

    height:13px;

    font-size:13px;

    fill:currentColor;

    color:currentColor;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment .elementor-icon-list-text{

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

    font-size:14px;

    font-weight:300;

    line-height:1.68;

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


/* =========================================================
   10. TOMBOL  —  .pr-btn
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn{

    position:relative;

    margin-top:20px;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    overflow:hidden;

    padding:13px 12px 13px 26px !important;

    min-height:50px;

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

    border-radius:999px !important;

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

    color:#FFFFFF !important;

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

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


/* tipografi tombol — panel tetap bisa menimpanya */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button-text{

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

    font-size:14.5px;

    font-weight:600;

    font-style:normal;

    line-height:1.2;

    letter-spacing:.012em;

    text-transform:none;
}


/* ikon dalam lingkaran */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button-icon{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:30px;

    height:30px;

    border-radius:50%;

    background:rgba(255,255,255,.26);

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

    transition:
        transform .40s var(--pr-ease),
        background .34s ease;
}


.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button-icon svg{

    width:14px;

    height:14px;

    fill:currentColor;
}


/* kilau melintas */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button::before{

    content:"";

    position:absolute;

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

    width:46%;
    height:160%;

    z-index:1;

    pointer-events:none;

    transform:skewX(-22deg);

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

    transition:left .82s ease;
}


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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button:hover{

        transform:translateY(-3px);

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

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


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button:hover::before{

        left:160%;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(4px);

        background:rgba(255,255,255,.42);
    }

}


/* =========================================================
   11. ANIMASI MASUK
   ========================================================= */

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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-body{

        animation:prRise linear both;

        animation-timeline:view();

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

}


@keyframes prRise{

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

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

}


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

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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1{

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


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-title .elementor-heading-title{

        font-size:clamp(28px,4.8vw,42px);
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table thead th,
    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table th{

        padding:15px 16px !important;

        font-size:11px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody td{

        padding:13px 16px !important;

        font-size:14.5px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side{

        padding:22px 20px 24px !important;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1::after{

        font-size:clamp(54px,13vw,114px);

        bottom:-18px;
    }

}


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

@media(max-width:767px){

    .elementor-1950 .elementor-element.elementor-element-5f8edb1{

        --pr-card-radius:16px 4px 16px 16px;
    }


    /* HEADER */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-header{

        padding-bottom:22px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-header::before{

        width:52px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-eyebrow .elementor-heading-title{

        gap:9px;

        font-size:10.5px;

        letter-spacing:.17em;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-eyebrow .elementor-heading-title::before{

        width:20px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-title .elementor-heading-title{

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

        line-height:1.12;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-intro{

        padding-left:15px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-intro .elementor-widget-container,
    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-intro p{

        font-size:15px;

        line-height:1.70;
    }


    /* TABEL — bisa digeser ke samping */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table .elementor-widget-container{

        overflow-x:auto;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table table{

        min-width:520px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table thead th,
    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table th{

        padding:13px 14px !important;

        font-size:10px;

        letter-spacing:.12em;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table tbody td{

        padding:12px 14px !important;

        font-size:14px;
    }


    /* petunjuk geser */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table-wrap::after{

        content:"Geser ke samping untuk melihat semua kolom";

        display:block;

        margin-top:9px;

        text-align:center;

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

        font-size:11px;

        font-weight:500;

        letter-spacing:.06em;

        color:rgba(16,34,47,.45);
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-note{

        margin-top:12px;

        padding-left:13px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-note .elementor-widget-container,
    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-note p{

        font-size:13px;
    }


    /* PANEL KANAN */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side{

        margin-top:18px;

        padding:20px 17px 22px !important;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side::after{

        left:17px;

        width:34px;
    }


    /* V1.3 : JUDUL PANEL (pr-side-title) DI MOBILE
       ubah warna & ukuran lewat blok 01 */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side-title .elementor-heading-title{

        font-size:var(--pr-side-title-mobile-size);

        color:var(--pr-side-title-mobile-color);
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-item{

        padding:8px 6px !important;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-icon{

        flex:0 0 24px;

        width:24px;

        height:24px;

        margin-right:10px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-text{

        font-size:14px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment{

        margin-top:16px;

        padding:14px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-payment .elementor-icon-list-text{

        font-size:13.5px;
    }


    /* TOMBOL full width */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button{

        width:100%;

        padding:11px 11px 11px 20px !important;

        min-height:48px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button,
    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button-text{

        font-size:14px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-btn .elementor-button-icon{

        width:27px;

        height:27px;
    }


    /* WATERMARK */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1::after{

        left:4px;

        bottom:-8px;

        font-size:clamp(42px,16vw,78px);

        opacity:.46;
    }


    /* hover dimatikan */

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-inclusion .elementor-icon-list-item:hover{

        transform:none;
    }

}


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

@media(max-width:400px){

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-title .elementor-heading-title{

        font-size:40px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-table table{

        min-width:460px;
    }


    .elementor-1950 .elementor-element.elementor-element-5f8edb1 .pr-side{

        padding:18px 15px 20px !important;
    }

}


/* =========================================================
   15. FOKUS KEYBOARD
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 a:focus-visible,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 button:focus-visible,
.elementor-1950 .elementor-element.elementor-element-5f8edb1 .elementor-button:focus-visible{

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

    outline-offset:4px;

    border-radius:10px;
}


/* =========================================================
   16. REDUCED MOTION
   ========================================================= */

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

    .elementor-1950 .elementor-element.elementor-element-5f8edb1 *,
    .elementor-1950 .elementor-element.elementor-element-5f8edb1 *::before,
    .elementor-1950 .elementor-element.elementor-element-5f8edb1 *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
    }

}


/* =========================================================
   17. TEXT SELECTION
   ========================================================= */

.elementor-1950 .elementor-element.elementor-element-5f8edb1 ::selection{

    background:var(--pr-sky);

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


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

   1. Container terluar
      Style > Background : KOSONGKAN
      Advanced > Padding : 70-100px atas & bawah

   2. pr-header
      Layout > Direction : Row
      Layout > Justify   : Space Between
      Layout > Align     : Flex End
      Layout > Gap       : 60px
      pr-header-left  : Width 56%  (Mobile 100%)
      pr-header-right : Width 40%  (Mobile 100%)
      Di Mobile : Direction = Column, Gap = 16px

   3. pr-body
      Layout > Direction : Row
      Layout > Align     : Flex Start
      Layout > Gap       : 26px
      pr-table-wrap : Width 62%  (Mobile 100%)
      pr-side       : Width 36%  (Mobile 100%)
      Di Mobile : Direction = Column

   4. Widget Data Table (pr-table)
      Style > Table > Border      : None
      Style > Header > Background : KOSONGKAN
      Style > Row > Background    : KOSONGKAN
      Advanced > Padding          : KOSONGKAN

   5. pr-side
      Advanced > Padding : KOSONGKAN
      Layout > Gap       : KOSONGKAN
      Style > Background & Border : KOSONGKAN

   6. Widget Icon List (pr-inclusion / pr-payment)
      Style > List > Space Between : KOSONGKAN
      Style > Icon > Color         : KOSONGKAN
      Style > Icon > Size          : 13px

   7. Widget Button (pr-btn)
      Content > Icon Position : After
      Content > Icon Spacing  : KOSONGKAN
      Style > Background / Border / Radius : KOSONGKAN


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

       Stories from <span>Our travelers.</span>


   ---------------------------------------------------------
   MENGUBAH TEKS PETUNJUK GESER DI MOBILE
   ---------------------------------------------------------
   Cari di blok 13:

       content:"Geser ke samping untuk melihat semua kolom";

   Ganti teksnya, atau hapus blok itu kalau tidak perlu.


   ---------------------------------------------------------
   CARA MENGEDIT
   ---------------------------------------------------------
   Font & warna teks        : Style > Typography pada tiap widget
   Warna global             : blok 01 di atas
   Kata watermark           : --pr-watermark
   Sudut kartu              : --pr-card-radius
   Judul panel mobile       : --pr-side-title-mobile-size
   Warna judul panel mobile : --pr-side-title-mobile-color
   ========================================================= *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3105dd2 *//* ============================================================
   ============================================================
   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-1950 .elementor-element.elementor-element-3105dd2{

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


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

.elementor-1950 .elementor-element.elementor-element-3105dd2::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-1950 .elementor-element.elementor-element-3105dd2::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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-eyebrow{

    position:relative;

    z-index:3;
}


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

.elementor-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 .cta-title{

    position:relative;

    z-index:3;
}


.elementor-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-text{

    position:relative;

    z-index:3;
}


.elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-text){

    max-width:660px;

    margin-inline:auto;
}


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

    grid-column:1;

    grid-row:1 / 3;

    margin:0!important;
}


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

    width:23px;

    height:23px;

    fill:currentColor;
}


.elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon i){

    font-size:23px;

    color:#FFFFFF;
}


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

.elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature .elementor-icon-box-content{

    display:contents;
}


.elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature .elementor-icon-box-title{

    grid-column:2;

    grid-row:1;

    margin:0!important;

    transition:color .35s ease;
}


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

    grid-column:2;

    grid-row:2;

    margin:0!important;
}


.elementor-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-feature:hover::before{

        opacity:1;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature:hover::after{

        width:calc(100% - 48px);

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


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-feature:hover .elementor-icon-box-title{

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

}


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

.elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-actions{

    position:relative;

    z-index:3;
}


/* garis tipis di atas area tombol */

.elementor-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .elementor-button-icon{

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


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

.elementor-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-primary .elementor-button:hover::before{

        left:160%;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-secondary .elementor-button{

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


.elementor-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 :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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-secondary .elementor-button:hover::before{

        transform:scaleX(1);
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-secondary .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(5px);
    }

}


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

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

    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-features{

        animation:ctaRise linear both;

        animation-timeline:view();

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


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2{

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

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


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-shell){

        padding:40px 30px 44px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature){

        padding:22px 20px 24px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:14px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon){

        width:50px;

        height:50px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon-box-title),
    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon-box-title a){

        font-size:21px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-btn-primary .elementor-button),
    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-btn-secondary .elementor-button){

        padding:15px 26px;

        min-height:51px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2::after{

        left:8px;

        bottom:-16px;

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

}


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

@media(max-width:767px){

    .elementor-1950 .elementor-element.elementor-element-3105dd2{

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

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

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


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-shell){

        padding:34px 18px 36px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-shell::after{

        top:12px;

        width:22px;
        height:22px;

        border-radius:6px;
    }


    /* EYEBROW */

    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-eyebrow .elementor-heading-title{

        padding:7px 13px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.17em;
    }


    /* JUDUL */

    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-title .elementor-heading-title){

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

        line-height:1.12;
    }


    /* TEKS */

    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-text .elementor-widget-container),
    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-text p){

        font-size:15px;

        line-height:1.72;
    }


    /* KARTU FITUR */

    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature){

        padding:19px 17px 21px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature::after{

        left:17px;

        width:32px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:13px;

        row-gap:5px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon){

        width:48px;

        height:48px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon svg){

        width:21px;

        height:21px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon-box-title),
    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon-box-title a){

        font-size:19px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon-box-description){

        font-size:14.5px;

        line-height:1.64;
    }


    /* TOMBOL — lebar penuh */

    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-actions::before{

        top:-15px;

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


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

    .elementor-1950 .elementor-element.elementor-element-3105dd2 .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-1950 .elementor-element.elementor-element-3105dd2 .cta-actions > .elementor-element,
    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-primary,
    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-secondary{

        flex:1 1 0!important;

        width:auto!important;

        min-width:0!important;

        max-width:none!important;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-primary .elementor-button,
    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-secondary .elementor-button{

        width:100%;

        gap:7px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-btn-primary .elementor-button),
    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-btn-secondary .elementor-button){

        padding:14px 12px;

        min-height:52px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-btn-primary .elementor-button-text),
    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-btn-secondary .elementor-button-text){

        font-size:13.5px;

        letter-spacing:.01em;

        white-space:nowrap;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-primary .elementor-button-icon svg,
    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-secondary .elementor-button-icon svg{

        width:15px;

        height:15px;
    }


    /* tombol ghost langsung terisi di layar sentuh */

    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-btn-secondary .elementor-button::before{

        transform:scaleX(1);
    }


    /* WATERMARK */

    .elementor-1950 .elementor-element.elementor-element-3105dd2::after{

        left:4px;

        bottom:-8px;

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

        opacity:.50;
    }


    /* hover dimatikan */

    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature:hover{

        transform:none;
    }

}


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

@media(max-width:480px){

    .elementor-1950 .elementor-element.elementor-element-3105dd2{

        --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-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-shell){

        padding:30px 15px 32px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-title .elementor-heading-title){

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

}


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

@media(max-width:374px){

    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-title .elementor-heading-title){

        font-size:24px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:11px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon){

        width:42px;

        height:42px;
    }


    .elementor-1950 .elementor-element.elementor-element-3105dd2 :where(.cta-feature .elementor-icon svg){

        width:18px;

        height:18px;
    }

}


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

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

    .elementor-1950 .elementor-element.elementor-element-3105dd2 a,
    .elementor-1950 .elementor-element.elementor-element-3105dd2 button{

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

}


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

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

    .elementor-1950 .elementor-element.elementor-element-3105dd2 *,
    .elementor-1950 .elementor-element.elementor-element-3105dd2 *::before,
    .elementor-1950 .elementor-element.elementor-element-3105dd2 *::after{

        animation-duration:.01ms!important;

        animation-iteration-count:1!important;

        transition-duration:.01ms!important;
    }

}


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

.elementor-1950 .elementor-element.elementor-element-3105dd2 a:focus-visible,
.elementor-1950 .elementor-element.elementor-element-3105dd2 button:focus-visible,
.elementor-1950 .elementor-element.elementor-element-3105dd2 .elementor-button:focus-visible{

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

    outline-offset:4px;

    border-radius:10px;
}


/* ============================================================
   24. TEXT SELECTION
============================================================ */

.elementor-1950 .elementor-element.elementor-element-3105dd2 ::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 */