.elementor-3693 .elementor-element.elementor-element-d991ff1{--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-3693 .elementor-element.elementor-element-d991ff1:not(.elementor-motion-effects-element-type-background), .elementor-3693 .elementor-element.elementor-element-d991ff1 > .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-3693 .elementor-element.elementor-element-d991ff1::before, .elementor-3693 .elementor-element.elementor-element-d991ff1 > .elementor-background-video-container::before, .elementor-3693 .elementor-element.elementor-element-d991ff1 > .e-con-inner > .elementor-background-video-container::before, .elementor-3693 .elementor-element.elementor-element-d991ff1 > .elementor-background-slideshow::before, .elementor-3693 .elementor-element.elementor-element-d991ff1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3693 .elementor-element.elementor-element-d991ff1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3693 .elementor-element.elementor-element-565a626{--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-3693 .elementor-element.elementor-element-f6e5572{--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-3693 .elementor-element.elementor-element-4905f09{--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-3693 .elementor-element.elementor-element-4905f09.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-3693 .elementor-element.elementor-element-efcae4f .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-3693 .elementor-element.elementor-element-3d4e875{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-3693 .elementor-element.elementor-element-3d4e875 .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-3693 .elementor-element.elementor-element-c6e8a5f{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-3693 .elementor-element.elementor-element-1e76dff{--display:flex;}.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-3693 .elementor-element.elementor-element-0323c68{--display:flex;}.elementor-widget-loop-grid .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-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 .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-3693 .elementor-element.elementor-element-3bed188{--grid-columns:3;}.elementor-3693 .elementor-element.elementor-element-3bed188 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3693 .elementor-element.elementor-element-3bed188 .e-loop-item > .elementor-section, .elementor-3693 .elementor-element.elementor-element-3bed188 .e-loop-item > .elementor-section > .elementor-container, .elementor-3693 .elementor-element.elementor-element-3bed188 .e-loop-item > .e-con, .elementor-3693 .elementor-element.elementor-element-3bed188 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3693 .elementor-element.elementor-element-78ca755{--grid-columns:3;--grid-row-gap:1px;--grid-column-gap:1px;}.elementor-3693 .elementor-element.elementor-element-78ca755 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3693 .elementor-element.elementor-element-78ca755 .e-loop-item > .elementor-section, .elementor-3693 .elementor-element.elementor-element-78ca755 .e-loop-item > .elementor-section > .elementor-container, .elementor-3693 .elementor-element.elementor-element-78ca755 .e-loop-item > .e-con, .elementor-3693 .elementor-element.elementor-element-78ca755 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3693 .elementor-element.elementor-element-dfe3f7e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3693 .elementor-element.elementor-element-06b88f3{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-3693 .elementor-element.elementor-element-06b88f3:not(.elementor-motion-effects-element-type-background), .elementor-3693 .elementor-element.elementor-element-06b88f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3693 .elementor-element.elementor-element-25b596b{--display:flex;--min-height:480px;--justify-content:center;--overlay-opacity:0.51;--border-radius:230px 230px 35px 35px;}.elementor-3693 .elementor-element.elementor-element-25b596b:not(.elementor-motion-effects-element-type-background), .elementor-3693 .elementor-element.elementor-element-25b596b > .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-3693 .elementor-element.elementor-element-25b596b::before, .elementor-3693 .elementor-element.elementor-element-25b596b > .elementor-background-video-container::before, .elementor-3693 .elementor-element.elementor-element-25b596b > .e-con-inner > .elementor-background-video-container::before, .elementor-3693 .elementor-element.elementor-element-25b596b > .elementor-background-slideshow::before, .elementor-3693 .elementor-element.elementor-element-25b596b > .e-con-inner > .elementor-background-slideshow::before, .elementor-3693 .elementor-element.elementor-element-25b596b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3693 .elementor-element.elementor-element-bcbacee{text-align:center;}.elementor-3693 .elementor-element.elementor-element-bcbacee .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-3693 .elementor-element.elementor-element-d561477{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-3693 .elementor-element.elementor-element-d561477.elementor-element{--align-self:flex-start;}.elementor-3693 .elementor-element.elementor-element-d561477 .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-3693 .elementor-element.elementor-element-8cfe7e1{text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-3693 .elementor-element.elementor-element-f7e68bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3693 .elementor-element.elementor-element-8229f56 .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-3693 .elementor-element.elementor-element-8229f56 .elementor-button:hover, .elementor-3693 .elementor-element.elementor-element-8229f56 .elementor-button:focus{background-color:#FFFFFF;}.elementor-3693 .elementor-element.elementor-element-8229f56{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-3693 .elementor-element.elementor-element-8229f56.elementor-element{--align-self:center;}.elementor-3693 .elementor-element.elementor-element-8229f56 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3693 .elementor-element.elementor-element-d991ff1{--width:100%;}.elementor-3693 .elementor-element.elementor-element-f6e5572{--content-width:100%;}.elementor-3693 .elementor-element.elementor-element-4905f09{--width:87.366%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3693 .elementor-element.elementor-element-4905f09{--width:72%;}}@media(min-width:1025px){.elementor-3693 .elementor-element.elementor-element-d991ff1:not(.elementor-motion-effects-element-type-background), .elementor-3693 .elementor-element.elementor-element-d991ff1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-3693 .elementor-element.elementor-element-d991ff1{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-3693 .elementor-element.elementor-element-f6e5572{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-3693 .elementor-element.elementor-element-efcae4f .elementor-heading-title{font-size:18px;}.elementor-3693 .elementor-element.elementor-element-3d4e875 .elementor-heading-title{font-size:50px;}.elementor-3693 .elementor-element.elementor-element-c6e8a5f{font-size:14px;}.elementor-3693 .elementor-element.elementor-element-3bed188{--grid-columns:2;}.elementor-3693 .elementor-element.elementor-element-78ca755{--grid-columns:2;}.elementor-3693 .elementor-element.elementor-element-bcbacee .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-3693 .elementor-element.elementor-element-d991ff1{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-3693 .elementor-element.elementor-element-565a626{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-3693 .elementor-element.elementor-element-f6e5572{--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-3693 .elementor-element.elementor-element-4905f09{--width:100%;}.elementor-3693 .elementor-element.elementor-element-efcae4f .elementor-heading-title{font-size:14px;}.elementor-3693 .elementor-element.elementor-element-3d4e875 .elementor-heading-title{font-size:42px;}.elementor-3693 .elementor-element.elementor-element-c6e8a5f{font-size:14px;}.elementor-3693 .elementor-element.elementor-element-3bed188{--grid-columns:1;}.elementor-3693 .elementor-element.elementor-element-78ca755{--grid-columns:1;}.elementor-3693 .elementor-element.elementor-element-25b596b{--min-height:310px;--overlay-opacity:0.13;}.elementor-3693 .elementor-element.elementor-element-bcbacee .elementor-heading-title{font-size:14px;}.elementor-3693 .elementor-element.elementor-element-d561477 .elementor-heading-title{font-size:40px;}.elementor-3693 .elementor-element.elementor-element-f7e68bc{--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-3693 .elementor-element.elementor-element-8229f56{--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-565a626 *//* ============================================================
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-3693 .elementor-element.elementor-element-565a626{
  --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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .coastal-hero-collage__photo-main,
.elementor-3693 .elementor-element.elementor-element-565a626 .coastal-hero-collage__photo-top,
.elementor-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .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-3693 .elementor-element.elementor-element-565a626 .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


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


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

@media(max-width:1024px){

  .elementor-3693 .elementor-element.elementor-element-565a626 .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


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


  .elementor-3693 .elementor-element.elementor-element-565a626 .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-3693 .elementor-element.elementor-element-565a626 .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


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

    line-height:
      1.12!important;
  }


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

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

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


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

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

.elementor-3693 .elementor-element.elementor-element-d991ff1 .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-3693 .elementor-element.elementor-element-d991ff1 .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-3693 .elementor-element.elementor-element-d991ff1 .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-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-shell{

    position:relative;

    z-index:4;
}


.elementor-3693 .elementor-element.elementor-element-d991ff1 .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-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy{

    position:relative;

    z-index:5;
}


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

    content:none!important;

    display:none!important;
}


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

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

    content:none!important;

    display:none!important;
}


/* TIPOGRAFI eyebrow — spesifisitas nol */

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

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


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

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

    position:relative;

    width:max-content;

    max-width:100%;
}


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

    width:138px;
}


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

.elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-text{

    max-width:620px;
}


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

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


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

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

        left:138%;
    }

}


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

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

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


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

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-text-link .elementor-button:hover{

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

        transform:translateX(4px);
    }

}


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

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

    min-width:0!important;

    max-width:none!important;

    margin:0!important;
}


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

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


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

        width:calc(100% - 32px);

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


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-mini-trust:hover .elementor-icon{

        transform:scale(1.08);
    }

}


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

@media(min-width:1025px){

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy{

        max-width:760px;
    }

}


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

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

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero{

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


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy::before{

        left:-20px;

        height:114px;
    }

}


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

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

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero{

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


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy{

        width:88%!important;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy::before{

        left:-16px;

        height:104px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-shell::before{

        right:-60px;

        top:-84px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-trust{

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

        gap:12px!important;
    }

}


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

@media(max-width:767px){

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero{

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


    /* overlay dipertegas agar teks terbaca */

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

        height:110px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy{

        width:100%!important;
    }


    /* rail dipendekkan, tetap di sisi kiri */

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy::before{

        left:-9px;

        top:4px;

        width:2px;

        height:78px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-eyebrow{

        padding:6px 11px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 :where(.pt-hero-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.16em;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 :where(.pt-hero-title .elementor-heading-title){

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

        line-height:1.08;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-title-accent::after{

        width:64px;

        margin-top:9px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero:hover .pt-hero-title-accent::after{

        width:92px;
    }


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

        font-size:15px;

        line-height:1.70;
    }


    /* glow dikecilkan */

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-shell::before{

        right:auto;

        left:35%;

        top:-60px;

        width:250px;
        height:250px;

        opacity:.75;
    }


    /* tombol full-width */

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-primary-btn .elementor-button,
    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-secondary .elementor-button{

        width:100%;

        min-height:50px;

        display:flex;

        align-items:center;

        justify-content:center;
    }


    /* trust 2 kolom */

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-trust{

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

        gap:10px!important;

        margin-top:6px;

        padding-top:15px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-mini-trust{

        min-height:62px!important;

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

        column-gap:9px!important;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 :where(.pt-mini-trust){

        padding:11px 12px;

        border-radius:12px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-mini-trust > .elementor-widget-icon{

        --width:22px!important;

        width:22px!important;

        min-width:22px!important;

        max-width:22px!important;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-mini-trust .elementor-icon{

        width:22px;
        height:22px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-mini-trust::after{

        left:12px;

        width:28px;
    }

}


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

@media(max-width:480px){

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero{

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

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


    .elementor-3693 .elementor-element.elementor-element-d991ff1 :where(.pt-hero-title .elementor-heading-title){

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


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-copy::before{

        height:66px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero-trust{

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

}


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

@media(max-width:374px){

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero{

        min-height:240px;
    }


    .elementor-3693 .elementor-element.elementor-element-d991ff1 :where(.pt-hero-title .elementor-heading-title){

        font-size:26px;
    }

}


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

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

    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero,
    .elementor-3693 .elementor-element.elementor-element-d991ff1 .pt-hero *{

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

}


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

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

    .elementor-3693 .elementor-element.elementor-element-d991ff1 a,
    .elementor-3693 .elementor-element.elementor-element-d991ff1 button{

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

}


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

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

        animation:none!important;

        transition:none!important;
    }

}


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

.elementor-3693 .elementor-element.elementor-element-d991ff1 ::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 nested-tabs, class: .elementor-element-dfe3f7e *//* =========================================================
   =========================================================
   PUTU BALI TOUR — TABS
   "AZURE RAIL" V14

   DIPASANG DI:
   Container yang membungkus widget Tabs
   Advanced > Custom CSS

   FILE INI MENGGANTIKAN SELURUH CSS TABS LAMA.

   ---------------------------------------------------------
   KONSEP BARU v14 — beda total dari versi sebelumnya
   ---------------------------------------------------------
   LAMA : bar terang + kartu putih + sayap garis emas kiri-kanan
   BARU : kapsul navy gelap (dark rail), tab berupa teks ghost,
          tab aktif jadi pil biru menyala dengan beam cahaya
          di atasnya dan titik status di bawah.

   - Sayap garis kiri-kanan DIHAPUS, diganti bracket sudut
     tipis di ujung rail.
   - Tab aktif punya: beam cahaya vertikal, halo berdenyut,
     dan garis dasar yang menyala.
   - Hover: teks naik, glow biru menyebar dari bawah.
   - Tablet : grid 2 kolom, rapi dan tidak berdesakan.
   - Mobile : tumpuk 1 baris per tab dengan pita aksen kiri.

   TIPOGRAFI
   font-family & font-size TIDAK dikunci !important,
   jadi tetap bisa diatur dari Elementor > Style > Typography.
   =========================================================
   ========================================================= */


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

.elementor-3693 .elementor-element.elementor-element-dfe3f7e{

    /* nama variabel lama dipertahankan agar tidak ada
       aturan yang putus */

    --pt-maroon:#063A5E;      /* Navy        */
    --pt-red:#1E8FD6;         /* Azure       */
    --pt-red-dark:#0A5C8F;    /* Ocean       */
    --pt-brick:#0A5C8F;
    --pt-gold:#4DC0FF;        /* Sky — aksen */

    --pt-sky-light:#8BD8FF;
    --pt-navy-deep:#041E33;

    --pt-ivory:#EAF4FC;
    --pt-blush:#D7ECF9;
    --pt-text:#10222F;
    --pt-white:#FFFFFF;

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

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

    position:relative;
}


/* =========================================================
   =========================================================
   02. RAIL — wadah tab

   Berlaku untuk Tabs klasik (.elementor-tabs-wrapper)
   dan Nested Tabs (.e-n-tabs-heading) sekaligus.
   =========================================================
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading{

    position:relative;

    display:flex !important;

    align-items:center;
    justify-content:center;

    gap:8px;

    width:max-content;
    max-width:100%;

    margin-inline:auto;

    padding:8px !important;

    overflow:visible;

    isolation:isolate;

    /* v14 : kapsul navy gelap */
    border:1px solid rgba(77,192,255,.22) !important;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            rgba(6,58,94,.94) 0%,
            rgba(4,30,51,.96) 55%,
            rgba(10,92,143,.92) 100%
        ) !important;

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

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


/* ---------------------------------------------------------
   v14 : bracket sudut tipis — pengganti sayap garis lama
   --------------------------------------------------------- */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper::before,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading::before{

    content:"";

    position:absolute;

    left:-9px;
    top:50%;

    width:18px;
    height:44%;

    transform:translateY(-50%);

    border-left:2px solid rgba(77,192,255,.65);
    border-top:2px solid rgba(77,192,255,.28);
    border-bottom:2px solid rgba(77,192,255,.28);

    border-radius:12px 0 0 12px;

    box-shadow:-6px 0 20px -8px rgba(77,192,255,.55);

    pointer-events:none;

    animation:ptBracketPulse 4.2s ease-in-out infinite;
}


.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper::after,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading::after{

    content:"";

    position:absolute;

    right:-9px;
    top:50%;

    width:18px;
    height:44%;

    transform:translateY(-50%);

    border-right:2px solid rgba(77,192,255,.65);
    border-top:2px solid rgba(77,192,255,.28);
    border-bottom:2px solid rgba(77,192,255,.28);

    border-radius:0 12px 12px 0;

    box-shadow:6px 0 20px -8px rgba(77,192,255,.55);

    pointer-events:none;

    animation:ptBracketPulse 4.2s ease-in-out infinite;
}


@keyframes ptBracketPulse{

    0%,100%{
        opacity:.55;
        transform:translateY(-50%) scaleY(.92);
    }

    50%{
        opacity:1;
        transform:translateY(-50%) scaleY(1);
    }

}


/* =========================================================
   03. TAB ITEM — teks ghost di atas rail gelap
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title{

    position:relative !important;

    flex:0 0 auto;

    min-width:0;

    display:flex !important;

    align-items:center;
    justify-content:center;

    padding:14px 30px !important;

    overflow:hidden;

    isolation:isolate;

    cursor:pointer;

    border:1px solid transparent !important;

    border-radius:999px !important;

    background:transparent !important;

    color:rgba(207,235,251,.78) !important;

    box-shadow:none;

    transform:translateY(0);

    transition:
        color .30s ease,
        background .38s var(--pt-ease),
        border-color .32s ease,
        transform .40s var(--pt-ease),
        box-shadow .40s var(--pt-ease) !important;
}


/* teks tab — default saja, silakan timpa dari Elementor */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title a,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title-text{

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

    font-size:15px;

    font-weight:500;

    letter-spacing:.012em;

    line-height:1.2;

    color:inherit;
}


/* ---------------------------------------------------------
   04. GLOW BAWAH — muncul dari dasar tab saat hover
   --------------------------------------------------------- */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title::before,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title::before{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:78%;
    height:100%;

    z-index:-1;

    transform:translateX(-50%) translateY(38%);

    border-radius:999px;

    background:
        radial-gradient(
            ellipse at 50% 100%,
            rgba(77,192,255,.50) 0%,
            rgba(77,192,255,.14) 42%,
            transparent 70%
        );

    opacity:0;

    pointer-events:none;

    transition:
        opacity .38s ease,
        transform .45s var(--pt-ease);
}


/* ---------------------------------------------------------
   05. GARIS DASAR — indikator halus
   --------------------------------------------------------- */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title::after,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:8px;

    width:0;
    height:2px;

    transform:translateX(-50%);

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--pt-gold),
            #FFFFFF,
            var(--pt-gold),
            transparent
        );

    opacity:0;

    pointer-events:none;

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


/* =========================================================
   06. HOVER
   ========================================================= */

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

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title:hover,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title:hover{

        color:#FFFFFF !important;

        background:rgba(77,192,255,.10) !important;

        border-color:rgba(77,192,255,.30) !important;

        transform:translateY(-3px);
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title:hover::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title:hover::before{

        opacity:1;

        transform:translateX(-50%) translateY(26%);
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title:hover::after,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title:hover::after{

        width:40%;

        opacity:.85;
    }

}


/* =========================================================
   =========================================================
   07. TAB AKTIF — pil biru menyala
   =========================================================
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title.elementor-active,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title[aria-selected="true"],
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title.elementor-active:hover,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title[aria-selected="true"],
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title.e-active,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title[aria-selected="true"]:hover{

    color:#04222F !important;

    background:
        linear-gradient(
            140deg,
            #8BD8FF 0%,
            #4DC0FF 46%,
            #1E8FD6 100%
        ) !important;

    border-color:rgba(255,255,255,.45) !important;

    transform:translateY(-2px);

    box-shadow:
        0 14px 30px rgba(77,192,255,.42),
        inset 0 1px 0 rgba(255,255,255,.55) !important;

    animation:ptActiveHalo 3.6s ease-in-out infinite;
}


/* teks tab aktif sedikit lebih tebal */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title.elementor-active a,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title[aria-selected="true"] a,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title.e-active .e-n-tab-title-text{

    font-weight:600;
}


/* ---------------------------------------------------------
   08. BEAM CAHAYA di atas tab aktif
   --------------------------------------------------------- */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title.elementor-active::before,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title[aria-selected="true"]::before,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title[aria-selected="true"]::before,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title.e-active::before{

    opacity:1;

    top:-1px;
    bottom:auto;

    width:56%;
    height:150%;

    transform:translateX(-50%) translateY(-56%);

    background:
        linear-gradient(
            180deg,
            rgba(139,216,255,.85) 0%,
            rgba(77,192,255,.28) 38%,
            transparent 72%
        );

    filter:blur(5px);

    animation:ptBeamFlicker 3.2s ease-in-out infinite;
}


/* ---------------------------------------------------------
   09. TITIK STATUS di bawah tab aktif
   --------------------------------------------------------- */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title.elementor-active::after,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title[aria-selected="true"]::after,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title[aria-selected="true"]::after,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title.e-active::after{

    width:6px;
    height:6px;

    bottom:6px;

    border-radius:50%;

    background:#04222F;

    box-shadow:0 0 0 3px rgba(4,34,47,.14);

    opacity:.85;
}


/* =========================================================
   10. ANIMASI
   ========================================================= */

@keyframes ptActiveHalo{

    0%,100%{
        box-shadow:
            0 14px 30px rgba(77,192,255,.38),
            inset 0 1px 0 rgba(255,255,255,.52);
    }

    50%{
        box-shadow:
            0 18px 38px rgba(77,192,255,.56),
            inset 0 1px 0 rgba(255,255,255,.62);
    }

}


@keyframes ptBeamFlicker{

    0%,100%{
        opacity:.72;
    }

    50%{
        opacity:1;
    }

}


/* =========================================================
   11. ISI TAB
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-content,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-content > *{

    border:none !important;

    animation:
        ptContentReveal .55s var(--pt-ease) both;
}


@keyframes ptContentReveal{

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

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

}


/* =========================================================
   =========================================================
   12. TABLET  (768 - 1024)
   Rail melebar penuh, tab dibagi grid 2 kolom
   =========================================================
   ========================================================= */

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

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading{

        display:grid !important;

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

        gap:8px;

        width:100%;

        max-width:560px;

        padding:9px !important;

        border-radius:26px;
    }


    /* bracket dipindah ke sudut atas-bawah agar tetap pas */

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading::before{

        left:-8px;
        top:50%;

        height:38%;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper::after,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading::after{

        right:-8px;
        top:50%;

        height:38%;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title{

        width:100%;

        padding:13px 18px !important;

        border-radius:18px !important;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title a,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title-text{

        font-size:14px;
    }


    /* kalau jumlah tab ganjil, tab terakhir melebar penuh */

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title:last-child:nth-child(odd),
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title:last-child:nth-child(odd){

        grid-column:1 / -1;
    }

}


/* =========================================================
   =========================================================
   13. MOBILE  (<= 767px)
   1 tab = 1 baris, dengan pita aksen di sisi kiri
   =========================================================
   ========================================================= */

@media(max-width:767px){

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading{

        display:flex !important;

        flex-direction:column !important;
        flex-wrap:nowrap !important;

        align-items:stretch !important;
        justify-content:flex-start !important;

        width:100% !important;
        max-width:none;

        gap:8px !important;

        padding:9px !important;

        border-radius:22px;

        overflow:visible !important;
    }


    /* bracket disembunyikan, ruang dipakai tab */

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper::after,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading::after{

        display:none !important;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title{

        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        flex:0 0 auto !important;

        justify-content:flex-start !important;

        padding:14px 18px 14px 22px !important;

        margin:0 !important;

        text-align:left !important;

        border-radius:15px !important;

        background:rgba(255,255,255,.07) !important;

        border-color:rgba(77,192,255,.16) !important;

        transform:none !important;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title a,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title-text{

        font-size:14.5px;
    }


    /* pita aksen kiri — menggantikan glow bawah */

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title::before{

        left:9px;
        bottom:auto;
        top:50%;

        width:3px;
        height:44%;

        transform:translateY(-50%);

        border-radius:999px;

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

        filter:none;

        opacity:1;

        animation:none !important;
    }


    /* garis dasar tidak dipakai di mobile */

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title::after,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title::after{

        display:none;
    }


    /* TAB AKTIF — mobile */

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title.elementor-active,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title[aria-selected="true"],
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title[aria-selected="true"],
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title.e-active{

        color:#04222F !important;

        background:
            linear-gradient(
                120deg,
                #8BD8FF 0%,
                #4DC0FF 52%,
                #1E8FD6 100%
            ) !important;

        border-color:rgba(255,255,255,.40) !important;

        box-shadow:
            0 10px 22px rgba(77,192,255,.34),
            inset 0 1px 0 rgba(255,255,255,.50) !important;

        transform:none !important;

        animation:none !important;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title.elementor-active::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title[aria-selected="true"]::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title[aria-selected="true"]::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title.e-active::before{

        left:9px;
        top:50%;

        width:3px;
        height:56%;

        transform:translateY(-50%);

        background:#04222F;

        box-shadow:0 0 10px rgba(4,34,47,.25);

        filter:none;

        opacity:.85;

        animation:none !important;
    }


    /* hover dimatikan di layar sentuh */

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title:hover,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title:hover{

        transform:none !important;
    }

}


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

@media(max-width:400px){

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tabs-wrapper,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tabs-heading{

        gap:7px !important;

        padding:8px !important;

        border-radius:19px;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title{

        padding:12px 15px 12px 20px !important;

        border-radius:13px !important;
    }


    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title a,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title-text{

        font-size:13.5px;
    }

}


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

.elementor-3693 .elementor-element.elementor-element-dfe3f7e .elementor-tab-title:focus-visible,
.elementor-3693 .elementor-element.elementor-element-dfe3f7e .e-n-tab-title:focus-visible{

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

    outline-offset:3px;
}


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

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

    .elementor-3693 .elementor-element.elementor-element-dfe3f7e *,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e *::before,
    .elementor-3693 .elementor-element.elementor-element-dfe3f7e *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
    }

}


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

   1. font-family dan font-size TIDAK dikunci.
      Atur dari: widget Tabs > Style > Typography.
      Yang masih memakai !important hanya background,
      border, dan color — itu wajib karena Elementor
      menulis warna tab dengan spesifisitas tinggi.

   2. Untuk mengubah semua warna sekaligus, edit hex
      di blok "01. PUSAT KENDALI" paling atas.

   3. Rail berwarna gelap. Kalau section di belakangnya
      juga gelap dan kurang kontras, ganti nilai background
      pada blok 02 menjadi versi terang:
         rgba(255,255,255,.86) ... rgba(234,244,252,.78)
      lalu ubah warna teks tab non-aktif di blok 03
      menjadi rgba(16,34,47,.72).

   4. Kalau tab aktif tidak ikut berubah, berarti widget
      Tabs punya pengaturan Background/Color sendiri di
      Style > Tabs. Set ke transparent/none agar CSS ini
      yang berlaku.
   =========================================================
   ========================================================= *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e76dff *//* =========================================================
   =========================================================
   PUTU BALI TOUR — PACKAGE SECTION
   "AZURE CURRENT" V13

   DIPASANG DI:
   Container utama section Package
   Advanced > Custom CSS

   FILE INI MENGGANTIKAN SELURUH CSS PACKAGE LAMA.

   ---------------------------------------------------------
   PERUBAHAN v13
   ---------------------------------------------------------
   - Palet merah/emas diganti biru, sama persis dengan
     About Us V12 (background #F8FCFF -> #EAF4FC).
   - Watermark "PACKAGES" kini bergaya outline stroke
     seperti watermark "BALI" di About section.
   - Dekorasi kompas lama diganti:
       * orbit ring putus-putus yang berputar pelan
       * garis kontur (topografi) halus di sisi kiri
   - Journey line diberi ekor komet, bukan titik polos.
   - Tabs ikut distyle: pill kaca biru, indikator meluncur,
     glow saat aktif.
   - Tipografi TANPA !important -> tetap bisa diedit dari
     panel Elementor (Style > Typography / Text Color).
   ---------------------------------------------------------
   =========================================================
   ========================================================= */


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

.elementor-3693 .elementor-element.elementor-element-1e76dff{

    /* nama variabel lama sengaja dipertahankan
       agar tidak ada aturan yang putus */

    --pkg-maroon:#063A5E;   /* Navy   */
    --pkg-red:#1E8FD6;      /* Azure  */
    --pkg-brick:#0A5C8F;    /* Ocean  */
    --pkg-gold:#4DC0FF;     /* Sky — aksen utama */

    --pkg-sky-light:#8BD8FF;
    --pkg-navy-dark:#041E33;

    --pkg-ivory:#EAF4FC;    /* bawah section — sama dgn About */
    --pkg-section-top:#F8FCFF;  /* atas section — sama dgn About */
    --pkg-blush:#D7ECF9;

    --pkg-text:#10222F;
    --pkg-white:#FFFFFF;

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

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


    position:relative;
    isolation:isolate;

    overflow:hidden;

    /* v13 : background disamakan dengan About section */
    background:

        /* kabut biru kiri atas */
        radial-gradient(
            circle at 8% 8%,
            rgba(77,192,255,.10) 0%,
            rgba(77,192,255,.03) 22%,
            transparent 42%
        ),

        /* atmosfer azure kanan tengah */
        radial-gradient(
            circle at 93% 48%,
            rgba(30,143,214,.09) 0%,
            rgba(30,143,214,.025) 26%,
            transparent 46%
        ),

        /* cahaya bawah */
        radial-gradient(
            circle at 50% 100%,
            rgba(77,192,255,.09) 0%,
            transparent 36%
        ),

        linear-gradient(
            180deg,
            #F8FCFF 0%,
            #F1F8FD 52%,
            #EAF4FC 100%
        ) !important;

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

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


/* =========================================================
   02. GRID TEXTURE — v13
   Tekstur halus yang sama seperti About section
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner{
    position:relative;

    /* ruang untuk dekorasi bawah */
    padding-bottom:78px;
}


/* =========================================================
   03. TOP WATERMARK "PACKAGES"
   v13 : gaya outline stroke, seperti "BALI" di About
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-1e76dff::before{
    content:"PACKAGES";

    position:absolute;

    left:2%;
    top:56px;

    z-index:0;

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

    font-size:
        clamp(100px,13vw,215px);

    font-weight:400;

    line-height:.82;

    letter-spacing:-.045em;

    /* v13 : transparan + garis tepi, bukan blok warna */
    color:transparent;

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

    opacity:.85;

    white-space:nowrap;

    pointer-events:none;
    user-select:none;

    animation:
        pkgWatermarkFloat
        12s ease-in-out infinite;
}


/* =========================================================
   04. BOTTOM RIGHT ORBIT — v13
   Kompas lama diganti cincin putus-putus berputar
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-1e76dff::after{
    content:"";

    position:absolute;

    right:-130px;
    bottom:-165px;

    width:470px;
    height:470px;

    z-index:0;

    border-radius:50%;

    pointer-events:none;

    opacity:.75;

    /* cincin dashed dibuat dengan conic-gradient
       lalu dipotong jadi ring pakai mask */
    background:

        /* titik pusat */
        radial-gradient(
            circle at center,
            rgba(77,192,255,.65) 0 3px,
            transparent 4px
        ),

        /* ring dalam — solid tipis */
        radial-gradient(
            circle at center,
            transparent 0 92px,
            rgba(77,192,255,.20) 93px,
            rgba(77,192,255,.20) 94px,
            transparent 95px
        ),

        /* ring tengah */
        radial-gradient(
            circle at center,
            transparent 0 148px,
            rgba(30,143,214,.16) 149px,
            rgba(30,143,214,.16) 150px,
            transparent 151px
        ),

        /* ring luar */
        radial-gradient(
            circle at center,
            transparent 0 205px,
            rgba(6,58,94,.12) 206px,
            rgba(6,58,94,.12) 207px,
            transparent 208px
        ),

        /* sapuan cahaya berputar */
        conic-gradient(
            from 0deg,
            rgba(77,192,255,.22) 0deg,
            transparent 55deg,
            transparent 300deg,
            rgba(77,192,255,.14) 360deg
        );

    animation:
        pkgOrbitSpin
        38s linear infinite;
}


/* =========================================================
   05. GARIS KONTUR KIRI — v13
   Dekorasi baru: lengkung topografi halus
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner > *:first-child{
    position:relative;
    z-index:3;
}


/* =========================================================
   06. REAL CONTENT ABOVE DECORATION
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner,
.elementor-3693 .elementor-element.elementor-element-1e76dff > .elementor-element,
.elementor-3693 .elementor-element.elementor-element-1e76dff > .elementor-container{
    position:relative;
    z-index:3;
}


/* =========================================================
   07. BOTTOM MICRO TEXT
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::before{
    content:"EXPLORE  •  DISCOVER  •  EXPERIENCE";

    position:absolute;

    left:50%;
    bottom:27px;

    transform:
        translateX(-50%);

    z-index:1;

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

    font-size:9px;

    font-weight:600;

    letter-spacing:.28em;

    color:
        rgba(30,143,214,.52);

    white-space:nowrap;

    pointer-events:none;

    animation:
        pkgBottomText
        5s ease-in-out infinite;
}


/* =========================================================
   08. BOTTOM JOURNEY LINE — v13
   Titik polos diganti komet berekor
   ========================================================= */

.elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:53px;

    width:min(540px,58%);
    height:14px;

    transform:
        translateX(-50%);

    z-index:1;

    pointer-events:none;

    background:

        /* ekor komet */
        radial-gradient(
            ellipse 46px 3px
            at var(--pkg-point, 10%) 50%,
            rgba(77,192,255,.55) 0%,
            rgba(77,192,255,.18) 42%,
            transparent 72%
        ),

        /* kepala komet */
        radial-gradient(
            circle at var(--pkg-point, 10%) 50%,
            #FFFFFF 0 1.5px,
            #4DC0FF 2px 3px,
            rgba(77,192,255,.42) 4px,
            transparent 8px
        ),

        /* garis dasar perjalanan */
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(6,58,94,.10) 8%,
            rgba(30,143,214,.28) 30%,
            rgba(77,192,255,.46) 50%,
            rgba(30,143,214,.28) 70%,
            rgba(6,58,94,.10) 92%,
            transparent 100%
        );

    background-repeat:no-repeat;

    background-size:
        100% 14px,
        100% 14px,
        100% 1px;

    background-position:
        center,
        center,
        center;

    filter:
        drop-shadow(0 0 6px rgba(77,192,255,.35));

    animation:
        pkgJourneyLine
        6.2s ease-in-out infinite;
}


/* =========================================================
   =========================================================
   09. TABS — v13

   Berlaku untuk Elementor Nested Tabs (.e-n-tabs)
   maupun Tabs klasik (.elementor-tabs).
   Tidak ada nama class baru yang dibuat.
   =========================================================
   ========================================================= */

/* --- wadah daftar tab --- */

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tabs-heading,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tabs-wrapper{

    position:relative;

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:9px;

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

    border-radius:999px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.88) 0%,
            rgba(234,244,252,.66) 100%
        );

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

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90),
        0 14px 34px rgba(4,30,51,.08);
}


/* --- tiap tombol tab --- */

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title{

    position:relative;

    overflow:hidden;

    isolation:isolate;

    padding:13px 26px;

    border:1px solid transparent;

    border-radius:999px;

    background:transparent;

    color:var(--pkg-maroon);

    cursor:pointer;

    transition:
        color .32s ease,
        background .38s var(--pkg-ease),
        border-color .38s ease,
        box-shadow .38s var(--pkg-ease),
        transform .38s var(--pkg-ease);
}


/* teks di dalam tab — default saja, bisa ditimpa Elementor */

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title-text,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title a{

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

    font-size:15px;

    font-weight:500;

    letter-spacing:.01em;

    color:inherit;
}


/* --- kilau yang menyapu saat hover --- */

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title::before,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title::before{

    content:"";

    position:absolute;

    top:-30%;
    left:-120%;

    width:55%;
    height:160%;

    z-index:-1;

    transform:skewX(-22deg);

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.55) 50%,
            transparent 100%
        );

    transition:left .8s ease;
}


/* --- hover --- */

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

    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title:hover,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title:hover{

        transform:translateY(-2px);

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

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

        color:var(--pkg-brick);
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title:hover::before,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title:hover::before{

        left:160%;
    }

}


/* --- tab aktif --- */

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title[aria-selected="true"],
.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title.e-active,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title.elementor-active{

    transform:translateY(-1px);

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

    color:#FFFFFF;

    background:
        linear-gradient(
            140deg,
            #4DC0FF 0%,
            #1E8FD6 56%,
            #0A5C8F 100%
        );

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


/* garis indikator kecil di bawah tab aktif */

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title[aria-selected="true"]::after,
.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title.e-active::after,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title.elementor-active::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:7px;

    width:22px;
    height:2px;

    transform:translateX(-50%);

    border-radius:999px;

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

    animation:
        pkgTabIndicator .45s var(--pkg-ease) both;
}


/* --- isi tab --- */

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tabs-content > *,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-content{

    animation:
        pkgTabPanel .5s var(--pkg-ease) both;
}


/* sembunyikan garis bawah bawaan Elementor Tabs klasik */

.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tabs .elementor-tabs-wrapper,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tabs .elementor-tab-title,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tabs .elementor-tab-content{

    border-color:transparent;
}


/* =========================================================
   10. ANIMATIONS
   ========================================================= */

@property --pkg-point{
    syntax:"<percentage>";
    inherits:false;
    initial-value:10%;
}


@keyframes pkgJourneyLine{

    0%{
        --pkg-point:8%;
        opacity:.55;
    }

    45%{
        --pkg-point:92%;
        opacity:1;
    }

    55%{
        --pkg-point:92%;
        opacity:1;
    }

    100%{
        --pkg-point:8%;
        opacity:.55;
    }

}


@keyframes pkgWatermarkFloat{

    0%,
    100%{
        transform:translate3d(0,0,0);
        opacity:.70;
    }

    50%{
        transform:translate3d(12px,-5px,0);
        opacity:1;
    }

}


/* v13 : orbit kini berputar penuh, bukan bergoyang */

@keyframes pkgOrbitSpin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


@keyframes pkgBottomText{

    0%,
    100%{
        opacity:.48;
        letter-spacing:.28em;
    }

    50%{
        opacity:.80;
        letter-spacing:.32em;
    }

}


@keyframes pkgTabIndicator{

    from{
        width:0;
        opacity:0;
    }

    to{
        width:22px;
        opacity:1;
    }

}


@keyframes pkgTabPanel{

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

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

}


/* =========================================================
   11. TABLET
   ========================================================= */

@media(max-width:1024px){

    .elementor-3693 .elementor-element.elementor-element-1e76dff::before{
        left:2%;
        top:66px;

        font-size:
            clamp(82px,15vw,155px);
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff::after{
        width:360px;
        height:360px;

        right:-140px;
        bottom:-118px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner{
        padding-bottom:68px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::after{
        width:64%;
        bottom:48px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::before{
        bottom:23px;

        font-size:8px;

        letter-spacing:.22em;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title{
        padding:12px 22px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title-text,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title a{
        font-size:14.5px;
    }

}


/* =========================================================
   12. MOBILE
   ========================================================= */

@media(max-width:767px){

    .elementor-3693 .elementor-element.elementor-element-1e76dff{
        background:

            radial-gradient(
                circle at 12% 7%,
                rgba(77,192,255,.10),
                transparent 30%
            ),

            radial-gradient(
                circle at 95% 82%,
                rgba(30,143,214,.08),
                transparent 33%
            ),

            linear-gradient(
                180deg,
                #F8FCFF 0%,
                #EAF4FC 100%
            ) !important;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff::before{
        left:-6px;
        top:72px;

        font-size:
            clamp(65px,23vw,105px);

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

        opacity:.70;

        animation:none;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff::after{
        width:250px;
        height:250px;

        right:-130px;
        bottom:-72px;

        opacity:.50;

        animation:none;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner{
        padding-bottom:60px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::after{
        width:80%;

        bottom:41px;

        height:12px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::before{
        bottom:18px;

        font-size:7px;

        letter-spacing:.17em;
    }


    /* TABS — mobile */

    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tabs-heading,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tabs-wrapper{

        gap:7px;

        padding:7px;

        border-radius:22px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title{

        flex:1 1 auto;

        min-width:0;

        justify-content:center;

        padding:11px 15px;

        border-radius:16px;

        text-align:center;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title-text,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title a{
        font-size:13.5px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title[aria-selected="true"]::after,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title.e-active::after,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title.elementor-active::after{
        bottom:5px;
        width:16px;
    }

}


/* =========================================================
   13. VERY SMALL MOBILE
   ========================================================= */

@media(max-width:430px){

    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::before{
        font-size:6.5px;

        letter-spacing:.12em;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::after{
        width:84%;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title{
        padding:10px 12px;
    }


    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title-text,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title a{
        font-size:12.5px;
    }

}


/* =========================================================
   14. REDUCED MOTION
   ========================================================= */

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

    .elementor-3693 .elementor-element.elementor-element-1e76dff::before,
    .elementor-3693 .elementor-element.elementor-element-1e76dff::after,
    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::before,
    .elementor-3693 .elementor-element.elementor-element-1e76dff > .e-con-inner::after,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tabs-content > *,
    .elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-content{
        animation:none !important;
    }

}


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

.elementor-3693 .elementor-element.elementor-element-1e76dff .e-n-tab-title:focus-visible,
.elementor-3693 .elementor-element.elementor-element-1e76dff .elementor-tab-title:focus-visible{

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

    outline-offset:3px;
}


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

   1. Tipografi di file ini TANPA !important.
      Atur font & warna teks tab langsung dari:
      Elementor > widget Tabs > Style > Typography / Color.

   2. Untuk mengubah semua warna sekaligus,
      edit hex di blok "01. PUSAT KENDALI" paling atas.

   3. Watermark "PACKAGES" adalah teks CSS, bukan widget.
      Ubah ketebalan garisnya di -webkit-text-stroke,
      atau ubah kata di properti content.

   4. Kalau tab aktif tidak ikut berwarna biru, berarti
      Elementor memakai struktur tab berbeda. Kirim
      screenshot inspect element-nya untuk saya sesuaikan.
   =========================================================
   ========================================================= *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06b88f3 *//* ============================================================
   CV BALINGKANG PARADISE
   FINAL CTA SECTION — "AZURE INVITATION" V30

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

   ------------------------------------------------------------
   PERBAIKAN v30 — OVERLAY LENGKUNGAN ATAS
   ------------------------------------------------------------
   MASALAH:
   Overlay bawaan Elementor (Style > Background Overlay) punya
   border-radius sendiri, TIDAK mengikuti lengkungan arch dari
   CSS ini. Akibatnya di dua sudut atas, foto terlihat terang
   (tidak tertutup overlay) karena lengkungan overlay dan
   lengkungan panel tidak sama.

   SOLUSI:
   1. Overlay dibuat oleh CSS ini sendiri (pseudo-element
      .cta-shell::before) dengan border-radius:inherit,
      jadi SELALU sama persis dengan bentuk arch panel.
   2. Overlay bawaan Elementor dimatikan agar tidak dobel.
   3. Radius panel dikunci lewat CSS (!important) supaya
      panel, foto, dan overlay satu bentuk di semua layar.

   WARNA OVERLAY : --cta-overlay-rgb  (default #1F1F1F)
   KEPEKATAN     : --cta-overlay-opacity
                   0   = tanpa overlay (panel navy asli)
                   .72 = default
                   1   = hitam pekat penuh

   Kalau memakai foto latar di panel, pasang foto di
   cta-shell > Style > Background > Image.
   Overlay di panel Elementor cukup DIKOSONGKAN.
   ============================================================ */


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

.elementor-3693 .elementor-element.elementor-element-06b88f3{

    --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;

    --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);

    /* v30 : OVERLAY PANEL — #1F1F1F = 31,31,31 */
    --cta-overlay-rgb:31,31,31;
    --cta-overlay-opacity:.72;

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

    --cta-panel-radius:150px 150px 26px 26px;
    --cta-card-radius:20px 4px 20px 20px;
    --cta-btn-radius:14px 4px 14px 14px;

    --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);

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


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

.elementor-3693 .elementor-element.elementor-element-06b88f3::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
------------------------------------------------------------ */

.elementor-3693 .elementor-element.elementor-element-06b88f3::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 berbentuk arch
============================================================ */

.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-shell{

    /* v30 : radius dikunci agar panel, foto, dan overlay
       selalu satu bentuk. Elementor memakai variabel
       --border-radius untuk lapisan overlay/slideshow-nya. */
    --border-radius:var(--cta-panel-radius);

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

    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
   (kecuali border-radius, yang dikunci di atas) */

.elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-shell){

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

    background-color:var(--cta-navy);

    background-image:

        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%
        );

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;
}


/* ------------------------------------------------------------
   v30 : OVERLAY + GARIS ARSITEKTUR

   Satu pseudo-element yang memuat:
   - garis arsitektur halus (lapisan atas)
   - overlay warna #1F1F1F (lapisan bawah)

   border-radius:inherit -> otomatis ikut bentuk arch,
   termasuk dua sudut lengkungan atas.
------------------------------------------------------------ */

.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-shell::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;

    border-radius:inherit;

    background:

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

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

        linear-gradient(
            rgba(var(--cta-overlay-rgb),var(--cta-overlay-opacity)),
            rgba(var(--cta-overlay-rgb),var(--cta-overlay-opacity))
        );
}


/* v30 : matikan overlay bawaan Elementor supaya tidak
   dobel gelap, dan paksa lapisan background lain ikut
   bentuk arch. */

.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-shell > .elementor-background-overlay{

    display:none!important;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-shell > .elementor-background-slideshow,
.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-shell > .elementor-background-video-container{

    border-radius:inherit!important;

    overflow:hidden;
}


/* keystone belah ketupat di puncak lengkungan */

.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .cta-eyebrow{

    position:relative;

    z-index:3;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 :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-3693 .elementor-element.elementor-element-06b88f3 .cta-title{

    position:relative;

    z-index:3;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 :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-3693 .elementor-element.elementor-element-06b88f3 .cta-title .elementor-heading-title{

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

    text-wrap:balance;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .cta-text{

    position:relative;

    z-index:3;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-text){

    max-width:660px;

    margin-inline:auto;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-text .elementor-widget-container),
.elementor-3693 .elementor-element.elementor-element-06b88f3 :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-3693 .elementor-element.elementor-element-06b88f3 .cta-features{

    position:relative;

    z-index:3;
}


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

.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature){

    padding:26px 24px 28px;

    border:1px solid transparent;

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

    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;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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
============================================================ */

.elementor-3693 .elementor-element.elementor-element-06b88f3 .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;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature .elementor-icon-box-icon{

    grid-column:1;

    grid-row:1 / 3;

    margin:0!important;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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;
}


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

    width:23px;

    height:23px;

    fill:currentColor;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon i){

    font-size:23px;

    color:#FFFFFF;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature .elementor-icon-box-content{

    display:contents;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature .elementor-icon-box-title{

    grid-column:2;

    grid-row:1;

    margin:0!important;

    transition:color .35s ease;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon-box-title),
.elementor-3693 .elementor-element.elementor-element-06b88f3 :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);
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature .elementor-icon-box-description{

    grid-column:2;

    grid-row:2;

    margin:0!important;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 :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-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .cta-feature:hover::before{

        opacity:1;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature:hover::after{

        width:calc(100% - 48px);

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


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .cta-feature:hover .elementor-icon-box-title{

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

}


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

.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-actions{

    position:relative;

    z-index:3;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .elementor-button-icon{

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


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

.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 :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-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-primary .elementor-button-text){

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

    font-size:15px;

    font-weight:600;

    letter-spacing:.015em;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-primary .elementor-button:hover::before{

        left:160%;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-primary .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(5px);
    }

}


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

.elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-secondary .elementor-button{

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


.elementor-3693 .elementor-element.elementor-element-06b88f3 :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-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-secondary .elementor-button-text){

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

    font-size:15px;

    font-weight:600;

    letter-spacing:.015em;
}


.elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-secondary .elementor-button:hover::before{

        transform:scaleX(1);
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-secondary .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(5px);
    }

}


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

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

    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-features{

        animation:ctaRise linear both;

        animation-timeline:view();

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


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3{

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

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


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-shell){

        padding:40px 30px 44px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature){

        padding:22px 20px 24px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:14px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon){

        width:50px;

        height:50px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon-box-title),
    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon-box-title a){

        font-size:21px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-primary .elementor-button),
    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-secondary .elementor-button){

        padding:15px 26px;

        min-height:51px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3::after{

        left:8px;

        bottom:-16px;

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

}


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

@media(max-width:767px){

    .elementor-3693 .elementor-element.elementor-element-06b88f3{

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

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

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


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-shell){

        padding:34px 18px 36px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-shell::after{

        top:12px;

        width:22px;
        height:22px;

        border-radius:6px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-eyebrow .elementor-heading-title{

        padding:7px 13px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-eyebrow .elementor-heading-title){

        font-size:10.5px;

        letter-spacing:.17em;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-title .elementor-heading-title){

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

        line-height:1.12;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-text .elementor-widget-container),
    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-text p){

        font-size:15px;

        line-height:1.72;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature){

        padding:19px 17px 21px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature::after{

        left:17px;

        width:32px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:13px;

        row-gap:5px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon){

        width:48px;

        height:48px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon svg){

        width:21px;

        height:21px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon-box-title),
    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon-box-title a){

        font-size:19px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon-box-description){

        font-size:14.5px;

        line-height:1.64;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-actions::before{

        top:-15px;

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


    /* tombol berdampingan kiri-kanan */

    .elementor-3693 .elementor-element.elementor-element-06b88f3 .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-3693 .elementor-element.elementor-element-06b88f3 .cta-actions > .elementor-element,
    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-primary,
    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-secondary{

        flex:1 1 0!important;

        width:auto!important;

        min-width:0!important;

        max-width:none!important;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-primary .elementor-button,
    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-secondary .elementor-button{

        width:100%;

        gap:7px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-primary .elementor-button),
    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-secondary .elementor-button){

        padding:14px 12px;

        min-height:52px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-primary .elementor-button-text),
    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-btn-secondary .elementor-button-text){

        font-size:13.5px;

        letter-spacing:.01em;

        white-space:nowrap;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-primary .elementor-button-icon svg,
    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-secondary .elementor-button-icon svg{

        width:15px;

        height:15px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-btn-secondary .elementor-button::before{

        transform:scaleX(1);
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3::after{

        left:4px;

        bottom:-8px;

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

        opacity:.50;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature:hover{

        transform:none;
    }

}


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

@media(max-width:480px){

    .elementor-3693 .elementor-element.elementor-element-06b88f3{

        --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-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-shell){

        padding:30px 15px 32px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-title .elementor-heading-title){

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

}


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

@media(max-width:374px){

    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-title .elementor-heading-title){

        font-size:24px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 .cta-feature .elementor-icon-box-wrapper{

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

        column-gap:11px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon){

        width:42px;

        height:42px;
    }


    .elementor-3693 .elementor-element.elementor-element-06b88f3 :where(.cta-feature .elementor-icon svg){

        width:18px;

        height:18px;
    }

}


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

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

    .elementor-3693 .elementor-element.elementor-element-06b88f3 a,
    .elementor-3693 .elementor-element.elementor-element-06b88f3 button{

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

}


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

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

    .elementor-3693 .elementor-element.elementor-element-06b88f3 *,
    .elementor-3693 .elementor-element.elementor-element-06b88f3 *::before,
    .elementor-3693 .elementor-element.elementor-element-06b88f3 *::after{

        animation-duration:.01ms!important;

        animation-iteration-count:1!important;

        transition-duration:.01ms!important;
    }

}


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

.elementor-3693 .elementor-element.elementor-element-06b88f3 a:focus-visible,
.elementor-3693 .elementor-element.elementor-element-06b88f3 button:focus-visible,
.elementor-3693 .elementor-element.elementor-element-06b88f3 .elementor-button:focus-visible{

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

    outline-offset:4px;

    border-radius:10px;
}


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

.elementor-3693 .elementor-element.elementor-element-06b88f3 ::selection{

    background:var(--cta-sky);

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


/* ============================================================
   TABEL CLASS  (tidak berubah)

   Container (paling luar)   -> tempat CSS ini ditempel
     Container               -> cta-shell   (foto latar di sini)
       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 DIRAPIKAN DI PANEL ELEMENTOR (v30)
   ---------------------------------------------------------
   cta-shell
     Style > Background        : isi foto (Image) di sini
     Style > Background Overlay: KOSONGKAN (CSS yang mengatur)
     Style > Border Radius     : KOSONGKAN (CSS yang mengatur)
     Advanced > Padding        : KOSONGKAN

   ---------------------------------------------------------
   CARA MENGATUR OVERLAY
   ---------------------------------------------------------
   Warna    : --cta-overlay-rgb       (31,31,31 = #1F1F1F)
   Pekat    : --cta-overlay-opacity   (0 s/d 1)
   Tanpa foto + ingin navy asli : set opacity ke 0
   ============================================================ *//* End custom CSS */