.elementor-291 .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-291 .elementor-element.elementor-element-875922d:not(.elementor-motion-effects-element-type-background), .elementor-291 .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-291 .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-291 .elementor-element.elementor-element-f464127 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:600;color:var( --e-global-color-878ac5b );}.elementor-291 .elementor-element.elementor-element-171408e{--display:flex;}.elementor-291 .elementor-element.elementor-element-793aa63{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-291 .elementor-element.elementor-element-d492576{--display:flex;}.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-291 .elementor-element.elementor-element-c3ac300{font-family:"Poppins", Sans-serif;font-weight:600;color:#F8AD32;}.elementor-291 .elementor-element.elementor-element-0270479{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-291 .elementor-element.elementor-element-e09af79{--display:flex;}.elementor-291 .elementor-element.elementor-element-d505b33{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-291 .elementor-element.elementor-element-4bb2904{--display:flex;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-291 .elementor-element.elementor-element-812502e{--grid-columns:3;}.elementor-291 .elementor-element.elementor-element-99c5be5{--display:flex;}.elementor-291 .elementor-element.elementor-element-6ac1736{--grid-columns:3;}.elementor-291 .elementor-element.elementor-element-e0c2fda{--display:flex;}.elementor-291 .elementor-element.elementor-element-67d0d68{--grid-columns:3;}.elementor-291 .elementor-element.elementor-element-087fcd2{--display:flex;}.elementor-291 .elementor-element.elementor-element-394a77e{--grid-columns:3;}.elementor-291 .elementor-element.elementor-element-87b6e00{--display:flex;}.elementor-291 .elementor-element.elementor-element-c43e58e{--grid-columns:3;}.elementor-291 .elementor-element.elementor-element-b4ac027{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-291 .elementor-element.elementor-element-f39b617{--display:flex;}.elementor-291 .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-291 .elementor-element.elementor-element-d00bd97:not(.elementor-motion-effects-element-type-background), .elementor-291 .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-291 .elementor-element.elementor-element-d00bd97::before, .elementor-291 .elementor-element.elementor-element-d00bd97 > .elementor-background-video-container::before, .elementor-291 .elementor-element.elementor-element-d00bd97 > .e-con-inner > .elementor-background-video-container::before, .elementor-291 .elementor-element.elementor-element-d00bd97 > .elementor-background-slideshow::before, .elementor-291 .elementor-element.elementor-element-d00bd97 > .e-con-inner > .elementor-background-slideshow::before, .elementor-291 .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-291 .elementor-element.elementor-element-e263b24{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-067155d );}.elementor-291 .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:1024px){.elementor-291 .elementor-element.elementor-element-812502e{--grid-columns:2;}.elementor-291 .elementor-element.elementor-element-6ac1736{--grid-columns:2;}.elementor-291 .elementor-element.elementor-element-67d0d68{--grid-columns:2;}.elementor-291 .elementor-element.elementor-element-394a77e{--grid-columns:2;}.elementor-291 .elementor-element.elementor-element-c43e58e{--grid-columns:2;}}@media(max-width:767px){.elementor-291 .elementor-element.elementor-element-f464127{text-align:center;}.elementor-291 .elementor-element.elementor-element-812502e{--grid-columns:1;}.elementor-291 .elementor-element.elementor-element-6ac1736{--grid-columns:1;}.elementor-291 .elementor-element.elementor-element-67d0d68{--grid-columns:1;}.elementor-291 .elementor-element.elementor-element-394a77e{--grid-columns:1;}.elementor-291 .elementor-element.elementor-element-c43e58e{--grid-columns:1;}.elementor-291 .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-0270479 */.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 container, class: .elementor-element-d492576 */.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 nested-tabs, class: .elementor-element-b4ac027 */.elementor-widget-n-tabs .e-n-tab-title{

    background:#fff !important;
    color:#0B3654 !important;

    border-radius:50px !important;

    padding:14px 24px !important;

    border:1px solid rgba(212,162,76,.25) !important;

    box-shadow:
    0 10px 25px rgba(0,0,0,.06);

    transition:.3s ease;
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]{

    background:linear-gradient(
        135deg,
        #041F33,
        #0B3654,
        #115B85
    ) !important;

    color:#fff !important;

    box-shadow:
    0 15px 35px rgba(11,54,84,.25);
}
/* ==========================
   HOVER EFFECT
========================== */

.elementor-widget-n-tabs .e-n-tab-title:hover{

    transform:translateY(-4px);

    background:linear-gradient(
        135deg,
        #0A2D46,
        #115B85
    ) !important;

    color:#fff !important;

    border-color:rgba(212,162,76,.5) !important;

    box-shadow:
    0 15px 30px rgba(11,54,84,.20),
    0 0 15px rgba(212,162,76,.12);

}


/* ==========================
   ACTIVE TAB
========================== */

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]{

    background:linear-gradient(
        135deg,
        #041F33,
        #0B3654,
        #115B85
    ) !important;

    color:#fff !important;

    border-color:rgba(212,162,76,.6) !important;

    box-shadow:
    0 18px 35px rgba(11,54,84,.25),
    0 0 20px rgba(212,162,76,.15);

    transform:translateY(-2px);

    position:relative;
}


/* GOLD GLOW BAR */

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]::after{

    content:"";

    position:absolute;

    left:20%;
    right:20%;
    bottom:8px;

    height:2px;

    border-radius:10px;

    background:linear-gradient(
        90deg,
        transparent,
        #D4A24C,
        transparent
    );

}


/* SMOOTH ANIMATION */

.elementor-widget-n-tabs .e-n-tab-title{

    transition:
    all .35s ease,
    background .4s ease,
    box-shadow .4s ease;
}/* 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 */