.elementor-304 .elementor-element.elementor-element-875922d{--display:flex;--min-height:524px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-304 .elementor-element.elementor-element-875922d:not(.elementor-motion-effects-element-type-background), .elementor-304 .elementor-element.elementor-element-875922d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://djbalitourandkomodo.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-10-2026-01_48_48-PM-1024x392.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-304 .elementor-element.elementor-element-b8aded9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-304 .elementor-element.elementor-element-f464127 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:600;color:var( --e-global-color-878ac5b );}.elementor-304 .elementor-element.elementor-element-ea05f4a{--display:flex;}.elementor-304 .elementor-element.elementor-element-892008a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-304 .elementor-element.elementor-element-ff7cfab{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;color:#F8AD32;}.elementor-304 .elementor-element.elementor-element-ca7c157{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:400;color:#000000;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-304 .elementor-element.elementor-element-51edeb3{--image-border-radius:7px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-304 .elementor-element.elementor-element-51edeb3 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-304 .elementor-element.elementor-element-51edeb3 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-304 .elementor-element.elementor-element-f39b617{--display:flex;}.elementor-304 .elementor-element.elementor-element-d00bd97{--display:flex;--min-height:268px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;}.elementor-304 .elementor-element.elementor-element-d00bd97:not(.elementor-motion-effects-element-type-background), .elementor-304 .elementor-element.elementor-element-d00bd97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://djbalitourandkomodo.com/wp-content/uploads/2026/06/download-2026-06-10T182420.870-1024x684.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-304 .elementor-element.elementor-element-d00bd97::before, .elementor-304 .elementor-element.elementor-element-d00bd97 > .elementor-background-video-container::before, .elementor-304 .elementor-element.elementor-element-d00bd97 > .e-con-inner > .elementor-background-video-container::before, .elementor-304 .elementor-element.elementor-element-d00bd97 > .elementor-background-slideshow::before, .elementor-304 .elementor-element.elementor-element-d00bd97 > .e-con-inner > .elementor-background-slideshow::before, .elementor-304 .elementor-element.elementor-element-d00bd97 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #000000 64%, var( --e-global-color-878ac5b ) 100%);}.elementor-304 .elementor-element.elementor-element-e263b24{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-067155d );}.elementor-304 .elementor-element.elementor-element-8b9fa8e{font-family:"Playfair Display", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-304 .elementor-element.elementor-element-f464127{text-align:center;}.elementor-304 .elementor-element.elementor-element-8b9fa8e{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-875922d */.hero-bali-komodo {
    position: relative !important;
    overflow: hidden !important;
}

/* efek putih lembut di tengah */
.hero-bali-komodo::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(
        circle at center,
        rgba(255, 255, 255, 0.88) 0%,
        rgba(255, 255, 255, 0.62) 18%,
        rgba(255, 255, 255, 0.28) 35%,
        rgba(255, 255, 255, 0.05) 55%,
        transparent 75%
    ) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* supaya teks dan tombol tetap di atas efek putih */
.hero-bali-komodo > .elementor-container,
.hero-bali-komodo > .e-con-inner,
.hero-bali-komodo > .elementor-widget-wrap {
    position: relative !important;
    z-index: 2 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ca7c157 */.navy-accent-text p i {
    background: linear-gradient(
        135deg,
        #5EBBD8 0%,
        #3FA4C8 25%,
        #1F8DB5 50%,
        #0A6F96 75%,
        #0A4A68 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-style: italic !important;
    font-weight: 500 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b9fa8e */.bright-accent-text p i {
    background: linear-gradient(
        135deg,
        #6FD6FF 0%,
        #4FC3F7 25%,
        #29B6F6 50%,
        #00AEEF 75%,
        #36D1DC 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-style: italic !important;
    font-weight: 500 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96124d9 */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Poppins:wght@400;500;600&display=swap');

/* ===== NAVY WHITE PREMIUM BUTTON ===== */
.navy-white-btn .elementor-button {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    padding: 14px 34px !important;
    border-radius: 6px !important;
    position: relative !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #FFFFFF !important;
    background: linear-gradient(135deg, #052B42 0%, #06324A 45%, #0A4A68 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;

    box-shadow:
        0 10px 28px rgba(5, 43, 66, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;

    transition: all 0.4s ease !important;
}

/* Text */
.navy-white-btn .elementor-button .elementor-button-text {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* Arrow Circle */
.navy-white-btn .elementor-button .elementor-button-text::after {
    content: '→' !important;
    margin-left: 14px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;

    color: #06324A !important;
    -webkit-text-fill-color: #06324A !important;
    background: #FFFFFF !important;

    box-shadow:
        0 0 12px rgba(255, 255, 255, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;

    transition: all 0.35s ease !important;
}

/* Shine Effect */
.navy-white-btn .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -90% !important;
    width: 55% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.35) 50%,
        transparent 100%
    ) !important;
    transform: skewX(-22deg) !important;
    transition: left 0.7s ease !important;
    z-index: 1 !important;
}

/* Hover */
.navy-white-btn .elementor-button:hover {
    color: #06324A !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #F4FBFD 55%, #DFF4FA 100%) !important;
    border-color: #06324A !important;

    box-shadow:
        0 12px 30px rgba(5, 43, 66, 0.30),
        0 0 0 1px rgba(6, 50, 74, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.80) !important;

    transform: translateY(-2px) !important;
}

.navy-white-btn .elementor-button:hover::before {
    left: 130% !important;
}

.navy-white-btn .elementor-button:hover .elementor-button-text {
    color: #06324A !important;
    -webkit-text-fill-color: #06324A !important;
}

.navy-white-btn .elementor-button:hover .elementor-button-text::after {
    background: #06324A !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    transform: translateX(6px) !important;
}

/* ===== TABLET ===== */
@media (max-width: 1024px) {
    .navy-white-btn .elementor-button {
        font-size: 11.5px !important;
        letter-spacing: 1px !important;
        padding: 12px 28px !important;
    }

    .navy-white-btn .elementor-button .elementor-button-text::after {
        margin-left: 12px !important;
        width: 22px !important;
        height: 22px !important;
        font-size: 11px !important;
    }
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {
    .navy-white-btn .elementor-button {
        font-size: 10px !important;
        letter-spacing: 0.9px !important;
        padding: 10px 22px !important;
        border-radius: 5px !important;
    }

    .navy-white-btn .elementor-button .elementor-button-text::after {
        margin-left: 10px !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }
}

/* ===== SMALL MOBILE ===== */
@media (max-width: 480px) {
    .navy-white-btn .elementor-button {
        font-size: 9.5px !important;
        letter-spacing: 0.8px !important;
        padding: 9px 18px !important;
    }

    .navy-white-btn .elementor-button .elementor-button-text::after {
        margin-left: 8px !important;
        width: 18px !important;
        height: 18px !important;
        font-size: 9px !important;
    }
}/* End custom CSS */