.elementor-618 .elementor-element.elementor-element-56a8fc0{--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-618 .elementor-element.elementor-element-56a8fc0:not(.elementor-motion-effects-element-type-background), .elementor-618 .elementor-element.elementor-element-56a8fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://cvbalingkangparadise.com/wp-content/uploads/2026/09/Private-Mount-Batur-Sunrise-Jeep-Tour-with-Aesthetic-Cafe-Experience-in-Kintamani.jpg");background-position:center center;background-size:cover;}.elementor-618 .elementor-element.elementor-element-56a8fc0::before, .elementor-618 .elementor-element.elementor-element-56a8fc0 > .elementor-background-video-container::before, .elementor-618 .elementor-element.elementor-element-56a8fc0 > .e-con-inner > .elementor-background-video-container::before, .elementor-618 .elementor-element.elementor-element-56a8fc0 > .elementor-background-slideshow::before, .elementor-618 .elementor-element.elementor-element-56a8fc0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-618 .elementor-element.elementor-element-56a8fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-618 .elementor-element.elementor-element-46e7d75{--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-618 .elementor-element.elementor-element-68f66ad{--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-618 .elementor-element.elementor-element-f5b4c19{--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-618 .elementor-element.elementor-element-f5b4c19.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-618 .elementor-element.elementor-element-fc18480 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-618 .elementor-element.elementor-element-3dd4ce8{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-618 .elementor-element.elementor-element-3dd4ce8 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:54px;font-weight:600;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-618 .elementor-element.elementor-element-3f23c0b{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-618 .elementor-element.elementor-element-9868b25{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-618 .elementor-element.elementor-element-6c906ab{--display:flex;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-618 .elementor-element.elementor-element-4c50739{--grid-columns:3;--grid-column-gap:1px;--grid-row-gap:1px;}.elementor-618 .elementor-element.elementor-element-4c50739 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-618 .elementor-element.elementor-element-4c50739 .e-loop-item > .elementor-section, .elementor-618 .elementor-element.elementor-element-4c50739 .e-loop-item > .elementor-section > .elementor-container, .elementor-618 .elementor-element.elementor-element-4c50739 .e-loop-item > .e-con, .elementor-618 .elementor-element.elementor-element-4c50739 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-618 .elementor-element.elementor-element-ff65cfa{--display:flex;}.elementor-618 .elementor-element.elementor-element-ed1cc1c{--grid-columns:3;--grid-column-gap:1px;}.elementor-618 .elementor-element.elementor-element-ed1cc1c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-618 .elementor-element.elementor-element-ed1cc1c .e-loop-item > .elementor-section, .elementor-618 .elementor-element.elementor-element-ed1cc1c .e-loop-item > .elementor-section > .elementor-container, .elementor-618 .elementor-element.elementor-element-ed1cc1c .e-loop-item > .e-con, .elementor-618 .elementor-element.elementor-element-ed1cc1c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-618 .elementor-element.elementor-element-4379764{--display:flex;}.elementor-618 .elementor-element.elementor-element-f5ed4e8{--grid-columns:3;--grid-column-gap:1px;}.elementor-618 .elementor-element.elementor-element-f5ed4e8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-618 .elementor-element.elementor-element-f5ed4e8 .e-loop-item > .elementor-section, .elementor-618 .elementor-element.elementor-element-f5ed4e8 .e-loop-item > .elementor-section > .elementor-container, .elementor-618 .elementor-element.elementor-element-f5ed4e8 .e-loop-item > .e-con, .elementor-618 .elementor-element.elementor-element-f5ed4e8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-618 .elementor-element.elementor-element-117782e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-618 .elementor-element.elementor-element-2504db2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-618 .elementor-element.elementor-element-bf17305{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-618 .elementor-element.elementor-element-0b1c268{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-618 .elementor-element.elementor-element-c9baebc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-618 .elementor-element.elementor-element-397d9a7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-618 .elementor-element.elementor-element-fab925d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-618 .elementor-element.elementor-element-7b150be .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-618 .elementor-element.elementor-element-880508f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-618 .elementor-element.elementor-element-092b6f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-618 .elementor-element.elementor-element-d732a0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-618 .elementor-element.elementor-element-578b1b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-618 .elementor-element.elementor-element-af313fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-618 .elementor-element.elementor-element-8e47c73{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-618 .elementor-element.elementor-element-8941acc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-618 .elementor-element.elementor-element-73b482e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-618 .elementor-element.elementor-element-5ccb2d5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-618 .elementor-element.elementor-element-56a8fc0{--width:100%;}.elementor-618 .elementor-element.elementor-element-68f66ad{--content-width:100%;}.elementor-618 .elementor-element.elementor-element-f5b4c19{--width:87.366%;}.elementor-618 .elementor-element.elementor-element-0b1c268{--width:46%;}.elementor-618 .elementor-element.elementor-element-af313fc{--width:54%;}}@media(max-width:1024px) and (min-width:768px){.elementor-618 .elementor-element.elementor-element-f5b4c19{--width:72%;}}@media(min-width:1025px){.elementor-618 .elementor-element.elementor-element-56a8fc0:not(.elementor-motion-effects-element-type-background), .elementor-618 .elementor-element.elementor-element-56a8fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-618 .elementor-element.elementor-element-56a8fc0{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-618 .elementor-element.elementor-element-68f66ad{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-618 .elementor-element.elementor-element-fc18480 .elementor-heading-title{font-size:18px;}.elementor-618 .elementor-element.elementor-element-3dd4ce8 .elementor-heading-title{font-size:50px;}.elementor-618 .elementor-element.elementor-element-3f23c0b{font-size:14px;}.elementor-618 .elementor-element.elementor-element-4c50739{--grid-columns:2;}.elementor-618 .elementor-element.elementor-element-ed1cc1c{--grid-columns:2;}.elementor-618 .elementor-element.elementor-element-f5ed4e8{--grid-columns:2;}}@media(max-width:767px){.elementor-618 .elementor-element.elementor-element-56a8fc0{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-618 .elementor-element.elementor-element-46e7d75{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-618 .elementor-element.elementor-element-68f66ad{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-618 .elementor-element.elementor-element-f5b4c19{--width:100%;}.elementor-618 .elementor-element.elementor-element-fc18480 .elementor-heading-title{font-size:16px;}.elementor-618 .elementor-element.elementor-element-3dd4ce8 .elementor-heading-title{font-size:42px;}.elementor-618 .elementor-element.elementor-element-3f23c0b{font-size:14px;}.elementor-618 .elementor-element.elementor-element-4c50739{--grid-columns:1;}.elementor-618 .elementor-element.elementor-element-ed1cc1c{--grid-columns:1;}.elementor-618 .elementor-element.elementor-element-f5ed4e8{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-46e7d75 *//* ============================================================
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-618 .elementor-element.elementor-element-46e7d75{
  --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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__photo-main,
.elementor-618 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__photo-top,
.elementor-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .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-618 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


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


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

@media(max-width:1024px){

  .elementor-618 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


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


  .elementor-618 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-618 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


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

    line-height:
      1.12!important;
  }


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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a8fc0 *//* ============================================================
PUTU BALI TOUR — HERITAGE RED
PREMIUM CINEMATIC HERO V8 — ELEMENTOR HEADING COLOR CONTROL

Native Elementor
No HTML Widget

PALETTE
Deep Maroon   #6D1F24
Heritage Red  #A83832
Sunset Gold   #D7A44A
Brick Red     #C85B4A
Warm Ivory    #F7F1E7
Soft Blush    #EAD8D2
Charcoal      #2B2523
Pure White    #FFFFFF
============================================================ */


/* ============================================================
01. DESIGN SYSTEM
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0{

    --pt-maroon:#6D1F24;
    --pt-maroon-dark:#57181D;

    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;

    --pt-brick:#C85B4A;

    --pt-gold:#D7A44A;
    --pt-gold-light:#D7A44A;

    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;

    --pt-charcoal:#2B2523;
    --pt-white:#FFFFFF;

    --pt-line:
        rgba(215,164,74,.24);

    --pt-glass:
        rgba(255,255,255,.075);

    --pt-shadow:
        0 22px 54px
        rgba(65,27,27,.16);

    --pt-shadow-strong:
        0 30px 72px
        rgba(65,27,27,.24);

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

    position:relative;

    color:
        var(--pt-charcoal);

}


/* ============================================================
02. GLOBAL SAFETY
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 *,
.elementor-618 .elementor-element.elementor-element-56a8fc0 *::before,
.elementor-618 .elementor-element.elementor-element-56a8fc0 *::after{

    box-sizing:
        border-box;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-shell{

    width:
        100%;

    max-width:
        1240px;

    margin-inline:
        auto;

}


/* ============================================================
03. SECTION SYSTEM
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-section{

    position:
        relative;

    isolation:
        isolate;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-section-label{

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-section-title{

    position:
        relative;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-section-title::after{

    content:"";

    display:block;

    width:
        52px;

    height:
        2px;

    margin-top:
        11px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,

            var(--pt-gold) 0%,
            rgba(215,164,74,.42) 56%,
            transparent 100%
        );

    box-shadow:
        0 2px 8px
        rgba(215,164,74,.12);

    transition:
        width .48s
        var(--pt-ease);

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-section:hover
.pt-section-title::after{

    width:
        86px;

}


/* ============================================================
04. TEXT LINK
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-text-link
.elementor-button{

    padding:
        0 !important;

    background:
        transparent !important;

    color:
        var(--pt-red) !important;

    box-shadow:
        none !important;

    border:
        0 !important;

    transition:
        color .30s ease,
        transform .34s var(--pt-ease);

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-text-link
.elementor-button:hover{

    color:
        var(--pt-maroon) !important;

    transform:
        translateX(4px);

}


/* ============================================================
05. GLOBAL BUTTON MOTION
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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;

}


/* ============================================================
06. HERO WRAPPER — NO PHOTO BACKGROUND
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero{

    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;

    min-height:
        650px;


    background:

        radial-gradient(
            circle at 80% 18%,
            rgba(215,164,74,.115) 0%,
            rgba(215,164,74,.035) 25%,
            transparent 50%
        ),

        radial-gradient(
            circle at 12% 82%,
            rgba(234,216,210,.085) 0%,
            rgba(200,91,74,.045) 28%,
            transparent 56%
        ),

        linear-gradient(
            118deg,

            #57181D 0%,

            #6D1F24 38%,

            #8E2B2C 70%,

            #A83832 100%
        );


    border-top:
        1px solid
        rgba(215,164,74,.10);

    border-bottom:
        1px solid
        rgba(255,255,255,.05);

}


/* ============================================================
07. HERO DECORATIVE LAYER — CSS ONLY
Background image has been fully removed.
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::before{

    content:"";

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;


    background:

        linear-gradient(
            115deg,
            rgba(255,255,255,.028) 0%,
            transparent 31%,
            rgba(215,164,74,.045) 68%,
            transparent 100%
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 86px,
            rgba(255,255,255,.012) 87px,
            transparent 88px
        );


    opacity:
        .92;


    pointer-events:
        none;


    transform:
        none;


    filter:
        none;


    transition:
        opacity .7s ease;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero:hover::before{

    opacity:
        1;

    transform:
        none;

    filter:
        none;

}


/* ============================================================
08. HERO LOWER CINEMATIC FADE
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::after{

    content:"";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;


    height:
        185px;


    z-index:
        -1;


    background:

        linear-gradient(
            180deg,

            transparent 0%,

            rgba(87,24,29,.14) 34%,

            rgba(43,37,35,.34) 100%
        );

}


/* ============================================================
09. SUBTLE LIGHT ATMOSPHERE — CSS ONLY
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell{

    position:
        relative;

}


/* soft luxury glow */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell::before{

    content:"";

    position:
        absolute;


    right:
        -90px;

    top:
        -120px;


    width:
        420px;

    height:
        420px;


    border-radius:
        50%;


    background:

        radial-gradient(
            circle,

            rgba(215,164,74,.11) 0%,

            rgba(215,164,74,.035) 40%,

            transparent 70%
        );


    filter:
        blur(8px);


    pointer-events:
        none;


    animation:
        ptHeroGoldGlow
        9s ease-in-out
        infinite alternate;

}


@keyframes ptHeroGoldGlow{

    0%{

        opacity:
            .55;

        transform:
            translate3d(0,0,0)
            scale(.96);

    }


    100%{

        opacity:
            .88;

        transform:
            translate3d(-18px,16px,0)
            scale(1.05);

    }

}


/* ============================================================
10. HERO COPY
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy{

    position:
        relative;

    z-index:
        4;

}


/* decorative luxury rail */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::before{

    content:"";

    position:
        absolute;


    left:
        -22px;

    top:
        4px;


    width:
        3px;

    height:
        126px;


    border-radius:
        999px;


    background:

        linear-gradient(
            180deg,

            #D7A44A 0%,

            #D7A44A 42%,

            #C85B4A 72%,

            rgba(200,91,74,.12) 100%
        );


    box-shadow:

        0 0 17px
        rgba(215,164,74,.20),

        0 0 32px
        rgba(215,164,74,.07);


    pointer-events:
        none;

}


/* secondary tiny accent */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}


/* ============================================================
11. EYEBROW
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-eyebrow{

    width:
        max-content;

    max-width:
        100%;


    padding:
        7px 13px;


    border:
        1px solid
        rgba(215,164,74,.24);


    border-radius:
        999px;


    background:
        linear-gradient(
            135deg,
            rgba(87,24,29,.34),
            rgba(109,31,36,.18)
        );


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

        0 8px 18px
        rgba(65,27,27,.08);


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

    backdrop-filter:
        blur(9px);

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-eyebrow
.elementor-heading-title{

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


    letter-spacing:
        .20em;


    text-transform:
        uppercase;

}


/* ============================================================
12. HERO TITLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title
.elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */


    text-shadow:

        0 4px 20px
        rgba(0,0,0,.24),

        0 14px 38px
        rgba(49,8,11,.15);

}


/* ============================================================
13. HERO ACCENT TITLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title-accent{

    position:
        relative;

    width:
        max-content;

    max-width:
        100%;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title-accent
.elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */


    text-shadow:

        0 4px 18px
        rgba(49,8,11,.24),

        0 10px 30px
        rgba(215,164,74,.10);

}


/* accent underline */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title-accent::after{

    content:"";

    display:block;


    width:
        88px;

    height:
        2px;


    margin-top:
        10px;


    border-radius:
        999px;


    background:

        linear-gradient(
            90deg,

            var(--pt-gold),

            rgba(215,164,74,.38),

            transparent
        );


    box-shadow:

        0 3px 12px
        rgba(215,164,74,.14);


    transition:
        width .52s var(--pt-ease);

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero:hover
.pt-hero-title-accent::after{

    width:
        138px;

}


/* ============================================================
14. HERO DESCRIPTION
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-text{

    max-width:
        650px;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-text p{

    color:
        rgba(255,255,255,.84) !important;


    text-shadow:

        0 2px 10px
        rgba(0,0,0,.14);

}


/* ============================================================
15. PRIMARY CTA
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-primary-btn
.elementor-button{

    position:
        relative;

    overflow:
        hidden;


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


    border-radius:
        12px;


    background:
        #A83832;


    color:
        #FFFFFF;


    box-shadow:

        0 13px 30px
        rgba(109,31,36,.26),

        inset 0 1px 0
        rgba(255,255,255,.12);


    transition:
        transform .36s var(--pt-ease),
        background .32s ease,
        border-color .32s ease,
        box-shadow .36s var(--pt-ease);

}


/* shine */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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,.12) 22%,

            rgba(255,255,255,.64) 50%,

            rgba(255,255,255,.12) 78%,

            transparent 100%
        );


    transition:

        left .78s ease;

}


/* bottom light */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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,.60),

            transparent
        );


    opacity:
        .55;

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-primary-btn
.elementor-button:hover{

    transform:
        translateY(-3px);


    background:
        #8E2B2C;


    border-color:
        rgba(215,164,74,.26);


    box-shadow:

        0 19px 40px
        rgba(109,31,36,.34),

        inset 0 1px 0
        rgba(255,255,255,.16);

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-primary-btn
.elementor-button:hover::before{

    left:
        138%;

}


/* ============================================================
16. SECONDARY CTA
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-secondary
.elementor-button{

    overflow:
        hidden;


    border:
        1px solid
        rgba(215,164,74,.30);


    border-radius:
        12px;


    background:
        rgba(109,31,36,.70);


    color:
        #FFFFFF;


    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.055),

        0 10px 24px
        rgba(65,27,27,.14);


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

    backdrop-filter:
        blur(10px);

}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-secondary
.elementor-button:hover{

    transform:
        translateY(-3px);


    border-color:
        rgba(215,164,74,.48);


    background:
        #57181D;


    box-shadow:

        0 16px 32px
        rgba(65,27,27,.22);

}


/* ============================================================
17. TRUST AREA — STABLE PREMIUM GRID V6
Fix utama:
- override width bawaan Elementor
- semua card benar-benar sama lebar
- tidak ada card yang menyempit
- tinggi card compact dan konsisten
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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:16px !important;

    align-items:stretch !important;

    border-top:1px solid rgba(215,164,74,.20);

    isolation:isolate;
}


/* refined divider */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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(215,164,74,.34) 58%,
            transparent 100%
        );

    box-shadow:
        0 2px 10px
        rgba(215,164,74,.10);
}


/* ============================================================
18. TRUST ITEMS — COMPACT LUXURY CARD V6
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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:72px !important;
    height:auto !important;

    margin:0 !important;
    padding:14px 16px !important;

    display:grid !important;

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

    column-gap:11px !important;

    align-items:center !important;
    align-content:center !important;

    justify-items:start !important;

    border:
        1px solid
        rgba(247,241,231,.095);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(247,241,231,.055) 0%,
            rgba(234,216,210,.026) 48%,
            rgba(87,24,29,.16) 100%
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.045),
        0 10px 24px
        rgba(65,27,27,.10);

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

    transform:translateY(0);

    transition:
        transform .36s var(--pt-ease),
        border-color .30s ease,
        background .30s ease,
        box-shadow .36s var(--pt-ease);
}


/* subtle light */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-1;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045) 0%,
            transparent 46%,
            rgba(255,255,255,.01) 100%
        );
}


/* tiny top accent */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust::after{
    content:"";

    position:absolute;

    top:0;
    left:16px;

    width:38px;
    height:2px;

    border-radius:
        0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            rgba(215,164,74,.18)
        );

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


/* ============================================================
RESET ELEMENTOR CHILD WIDTHS
Ini bagian penting agar text tidak vertikal / menyempit.
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust > .elementor-element{
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
}


/* icon widget */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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;
}


/* heading widget */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .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;
}


/* ============================================================
ICON
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust .elementor-icon-wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
}


.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust .elementor-icon{
    width:26px;
    height:26px;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    filter:
        drop-shadow(
            0 4px 9px
            rgba(215,164,74,.16)
        );

    transition:
        transform .34s var(--pt-ease),
        filter .34s ease;
}


/* ============================================================
TEXT
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust .elementor-heading-title{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    margin:0 !important;

    color:
        rgba(255,255,255,.94)
        !important;

    line-height:1.35 !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;

    writing-mode:
        horizontal-tb
        !important;

    text-orientation:
        mixed
        !important;
}


/* ============================================================
HOVER
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust:hover{
        transform:
            translateY(-4px);

        border-color:
            rgba(215,164,74,.24);

        background:
            linear-gradient(
                135deg,
                rgba(215,164,74,.095) 0%,
                rgba(234,216,210,.045) 42%,
                rgba(87,24,29,.22) 100%
            );

        box-shadow:
            0 17px 34px
            rgba(65,27,27,.16),
            inset 0 1px 0
            rgba(255,255,255,.065);
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust:hover::after{
        width:
            calc(100% - 32px);

        box-shadow:
            0 2px 11px
            rgba(215,164,74,.15);
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust:hover
    .elementor-icon{
        transform:
            scale(1.08);

        filter:
            drop-shadow(
                0 6px 13px
                rgba(215,164,74,.23)
            );
    }

}


/* ============================================================
TRUST — TABLET
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:13px !important;

        padding-top:17px;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust{
        min-height:68px !important;

        padding:
            13px 15px
            !important;

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


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust > .elementor-widget-icon{
        --width:25px !important;

        width:25px !important;
        min-width:25px !important;
        max-width:25px !important;
    }

}


/* ============================================================
TRUST — MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:10px !important;

        margin-top:6px;

        padding-top:15px;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust{
        min-height:62px !important;

        padding:
            11px 12px
            !important;

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

        column-gap:
            9px !important;

        border-radius:
            12px;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust > .elementor-widget-icon{
        --width:22px !important;

        width:22px !important;
        min-width:22px !important;
        max-width:22px !important;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust .elementor-icon{
        width:22px;
        height:22px;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust::after{
        left:12px;

        width:28px;
    }

}


/* ============================================================
TRUST — SMALL MOBILE
============================================================ */

@media(max-width:480px){

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-trust{
        grid-template-columns:
            1fr
            !important;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust{
        min-height:58px !important;
    }

}


/* ============================================================
19. DESKTOP > 1024
============================================================ */

@media(min-width:1025px){

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy{

        max-width:
            720px;

    }

}


/* ============================================================
20. TABLET
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero{

        min-height:
            590px;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::before{

        opacity:
            .96;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy{

        width:
            74% !important;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::before{
        left:-16px;
        height:110px;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::after{
        content:none !important;
        display:none !important;
    }



}


/* ============================================================
21. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero{

        min-height:
            auto;


        background:

            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.10),
                transparent 36%
            ),

            linear-gradient(
                180deg,

                #57181D 0%,

                #6D1F24 54%,

                #8E2B2C 100%
            );

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::before{

        opacity:
            .92;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::after{

        height:
            130px;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell::before{

        width:
            280px;

        height:
            280px;


        left:
            35%;

        top:
            -60px;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy{

        width:
            100% !important;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::before{
        left:-9px;
        top:4px;
        height:78px;
        width:2px;
    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::after{

        display:
            none;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-eyebrow{

        padding:

            6px 10px;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title-accent::after{

        width:
            64px;


        margin-top:
            7px;

    }


    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero:hover
    .pt-hero-title-accent::after{

        width:
            92px;

    }



}


/* ============================================================
22. SMALL MOBILE
============================================================ */






/* ============================================================
HERO BACKGROUND IMAGE SAFETY
Ensures this CSS never loads an image behind the hero.
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero,
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::before,
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::after,
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell,
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell::before{
    background-image:
        none
        !important;
}

/* Reapply CSS-only gradients after background-image reset */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero{
    background:

        radial-gradient(
            circle at 76% 20%,
            rgba(215,164,74,.12) 0%,
            rgba(215,164,74,.04) 22%,
            transparent 48%
        ),

        radial-gradient(
            circle at 18% 76%,
            rgba(200,91,74,.14) 0%,
            rgba(200,91,74,.04) 28%,
            transparent 54%
        ),

        linear-gradient(
            120deg,
            #57181D 0%,
            #6D1F24 36%,
            #8E2B2C 68%,
            #A83832 100%
        )
        !important;
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::before{
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.025) 0%,
            transparent 34%,
            rgba(215,164,74,.045) 72%,
            transparent 100%
        )
        !important;
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero::after{
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(87,24,29,.12) 34%,
            rgba(43,37,35,.30) 100%
        )
        !important;
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell::before{
    background:
        radial-gradient(
            circle,
            rgba(215,164,74,.11) 0%,
            rgba(215,164,74,.035) 40%,
            transparent 70%
        )
        !important;
}

@media(max-width:767px){

    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero{

        background:

            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.10),
                transparent 36%
            ),

            linear-gradient(
                180deg,
                #57181D 0%,
                #6D1F24 54%,
                #8E2B2C 100%
            )
            !important;

    }

}




/* ============================================================
TRUST GRID FINAL WIDTH SAFETY — V6
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-trust{
    --width:100% !important;
    width:100% !important;
    max-width:none !important;
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-trust > .pt-mini-trust{
    --width:100% !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust > .elementor-widget-heading{
    --width:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
}





/* ============================================================
24. HERITAGE WORD PALETTE — FINAL VISUAL LOCK
============================================================ */

.elementor-618 .elementor-element.elementor-element-56a8fc0{
    --pt-maroon:#6D1F24;
    --pt-maroon-dark:#57181D;
    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;
    --pt-brick:#C85B4A;
    --pt-gold:#D7A44A;
    --pt-gold-light:#D7A44A;
    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;
    --pt-charcoal:#2B2523;
    --pt-white:#FFFFFF;
}

/* continuous rail safety */
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}

/* eyebrow */
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-eyebrow .elementor-heading-title{
    color:#D7A44A!important;
}

/* headline */
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title .elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */
}

/* accent headline */
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title-accent .elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */
}

/* primary CTA */
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-primary-btn .elementor-button{
    background:#A83832!important;
    color:#FFFFFF!important;
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-primary-btn .elementor-button:hover{
    background:#8E2B2C!important;
}

/* secondary CTA */
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-secondary .elementor-button{
    background:rgba(109,31,36,.70)!important;
    color:#FFFFFF!important;
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-secondary .elementor-button:hover{
    background:#57181D!important;
}

/* trust icons */
.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust .elementor-icon{
    color:#D7A44A!important;
}

/* mobile */
@media(max-width:767px){
    .elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero{
        background:
            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.09),
                transparent 36%
            ),
            linear-gradient(
                180deg,
                #57181D 0%,
                #6D1F24 56%,
                #8E2B2C 100%
            )!important;
    }
}




/* ============================================================
25. HEADING COLOR — ELEMENTOR CONTROL SAFETY
============================================================ */

/*
DESAIN TIDAK DIHILANGKAN.

Untuk mengganti warna Heading:
Elementor > pilih widget Heading > Style > Text Color

CSS tetap mengatur:
- text-shadow
- underline / accent line
- hover underline
- layout
- responsive
- animation
- spacing
- button styling
- hero atmosphere

Tetapi CSS TIDAK mengunci warna untuk:
.pt-hero-title
.pt-hero-title-accent
*/

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title .elementor-heading-title{
    /* color intentionally controlled by Elementor */
}

.elementor-618 .elementor-element.elementor-element-56a8fc0 .pt-hero-title-accent .elementor-heading-title{
    /* color intentionally controlled by Elementor */
}



/* ============================================================
23. REDUCED MOTION
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-56a8fc0 *,
    .elementor-618 .elementor-element.elementor-element-56a8fc0 *::before,
    .elementor-618 .elementor-element.elementor-element-56a8fc0 *::after{

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-117782e *//* =========================================================
   PUTU BALI TOUR — PREMIUM HERITAGE TABS
   WITH LEFT & RIGHT DECORATIVE ELEMENTS

   Deep Maroon   : #6D1F24
   Heritage Red  : #A83832
   Sunset Gold   : #D7A44A
   Brick Red     : #C85B4A
   Warm Ivory    : #F7F1E7
   Soft Blush    : #EAD8D2
   Charcoal      : #2B2523
   White         : #FFFFFF
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e{
    --pt-maroon:#6D1F24;
    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;
    --pt-brick:#C85B4A;
    --pt-gold:#D7A44A;

    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;
    --pt-text:#2B2523;
    --pt-white:#FFFFFF;

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

    position:relative;
}


/* =========================================================
   CLASSIC TABS WRAPPER
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper{
    position:relative;

    display:flex !important;

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

    gap:12px;

    width:100%;

    padding:9px 22px !important;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            rgba(247,241,231,.94) 0%,
            rgba(255,255,255,.96) 100%
        );

    border:
        1px solid rgba(109,31,36,.09);

    border-radius:18px;

    box-shadow:
        0 10px 28px rgba(109,31,36,.055),
        inset 0 1px 0 rgba(255,255,255,.85);

    isolation:isolate;
}


/* =========================================================
   LEFT DECORATIVE ORNAMENT
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper::before{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    opacity:.78;

    background:
        radial-gradient(
            circle at calc(100% - 2px) 50%,
            #D7A44A 0 3px,
            rgba(215,164,74,.28) 3.5px,
            transparent 7px
        ),

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(109,31,36,.08) 15%,
            rgba(168,56,50,.30) 58%,
            #D7A44A 100%
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        right center,
        left center;

    transform-origin:right center;

    animation:
        ptLeftOrnament 3.8s
        ease-in-out infinite;

    pointer-events:none;
}


/* =========================================================
   RIGHT DECORATIVE ORNAMENT
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper::after{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    opacity:.78;

    background:
        radial-gradient(
            circle at 2px 50%,
            #D7A44A 0 3px,
            rgba(215,164,74,.28) 3.5px,
            transparent 7px
        ),

        linear-gradient(
            90deg,
            #D7A44A 0%,
            rgba(168,56,50,.30) 42%,
            rgba(109,31,36,.08) 85%,
            transparent 100%
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        left center,
        right center;

    transform-origin:left center;

    animation:
        ptRightOrnament 3.8s
        ease-in-out infinite;

    pointer-events:none;
}


/* =========================================================
   SIDE ORNAMENT ANIMATION
   ========================================================= */

@keyframes ptLeftOrnament{

    0%,
    100%{
        opacity:.55;

        transform:
            scaleX(.88);
    }

    50%{
        opacity:1;

        transform:
            scaleX(1);

        filter:
            drop-shadow(
                0 0 4px rgba(215,164,74,.28)
            );
    }
}


@keyframes ptRightOrnament{

    0%,
    100%{
        opacity:.55;

        transform:
            scaleX(.88);
    }

    50%{
        opacity:1;

        transform:
            scaleX(1);

        filter:
            drop-shadow(
                0 0 4px rgba(215,164,74,.28)
            );
    }
}


/* =========================================================
   TAB ITEM
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title{
    position:relative !important;

    flex:0 0 auto;

    min-width:180px;

    display:flex !important;

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

    padding:
        16px 28px !important;

    overflow:hidden;

    color:
        rgba(43,37,35,.72) !important;

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

    border:
        1px solid rgba(109,31,36,.10) !important;

    border-radius:
        13px !important;

    box-shadow:
        0 3px 10px rgba(109,31,36,.025);

    transform:
        translateY(0);

    isolation:isolate;

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


/* =========================================================
   TAB SHINE
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title::before{
    content:"";

    position:absolute;

    top:-40%;
    left:-85%;

    width:40%;
    height:180%;

    transform:
        skewX(-23deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            rgba(255,255,255,.48),
            rgba(255,255,255,.08),
            transparent
        );

    opacity:0;

    pointer-events:none;

    transition:
        left .75s ease,
        opacity .2s ease;
}


/* =========================================================
   GOLD UNDERLINE
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:5px;

    width:0;
    height:2px;

    transform:
        translateX(-50%);

    border-radius:999px;

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

    opacity:0;

    pointer-events:none;

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


/* =========================================================
   TAB HOVER
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title:hover{
    color:
        #6D1F24 !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F1E7
        ) !important;

    border-color:
        rgba(168,56,50,.22) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 22px rgba(109,31,36,.08);
}


.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title:hover::before{
    left:140%;

    opacity:1;
}


.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title:hover::after{
    width:38%;

    opacity:.8;
}


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

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title.elementor-active,
.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title[aria-selected="true"],
.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title.elementor-active:hover{
    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #6D1F24 0%,
            #A83832 66%,
            #C85B4A 145%
        ) !important;

    background-color:
        #A83832 !important;

    border-color:
        rgba(168,56,50,.35) !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 11px 24px rgba(109,31,36,.17),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    font-weight:600 !important;

    animation:
        ptActiveTab
        3.4s ease-in-out infinite;
}


/* active underline */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title.elementor-active::after,
.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title[aria-selected="true"]::after{
    width:48%;

    opacity:1;
}


/* active moving shine */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title.elementor-active::before,
.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title[aria-selected="true"]::before{
    opacity:0;

    animation:
        ptActiveShine
        4.5s ease-in-out infinite;
}


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

@keyframes ptActiveTab{

    0%,
    100%{
        box-shadow:
            0 11px 24px rgba(109,31,36,.16),
            inset 0 1px 0 rgba(255,255,255,.12);
    }

    50%{
        box-shadow:
            0 14px 28px rgba(109,31,36,.22),
            inset 0 1px 0 rgba(255,255,255,.16);
    }

}


@keyframes ptActiveShine{

    0%{
        left:-85%;
        opacity:0;
    }

    12%{
        opacity:.65;
    }

    30%{
        left:135%;
        opacity:.15;
    }

    31%,
    100%{
        left:135%;
        opacity:0;
    }

}


/* =========================================================
   TAB CONTENT
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-content{
    border:none !important;

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


@keyframes ptContentReveal{

    from{
        opacity:0;

        transform:
            translateY(10px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   NEW ELEMENTOR / NESTED TABS
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading{
    position:relative;

    display:flex !important;

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

    gap:12px;

    width:100%;

    padding:9px 22px !important;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            rgba(247,241,231,.94),
            rgba(255,255,255,.96)
        ) !important;

    border:
        1px solid rgba(109,31,36,.09);

    border-radius:18px;

    box-shadow:
        0 10px 28px rgba(109,31,36,.055);

    isolation:isolate;
}


/* LEFT NESTED ORNAMENT */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading::before{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    background:
        radial-gradient(
            circle at calc(100% - 2px) 50%,
            #D7A44A 0 3px,
            transparent 7px
        ),
        linear-gradient(
            90deg,
            transparent,
            rgba(109,31,36,.08),
            rgba(168,56,50,.30),
            #D7A44A
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        right center,
        left center;

    transform-origin:right center;

    animation:
        ptLeftOrnament 3.8s ease-in-out infinite;

    pointer-events:none;
}


/* RIGHT NESTED ORNAMENT */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading::after{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    background:
        radial-gradient(
            circle at 2px 50%,
            #D7A44A 0 3px,
            transparent 7px
        ),
        linear-gradient(
            90deg,
            #D7A44A,
            rgba(168,56,50,.30),
            rgba(109,31,36,.08),
            transparent
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        left center,
        right center;

    transform-origin:left center;

    animation:
        ptRightOrnament 3.8s ease-in-out infinite;

    pointer-events:none;
}


/* =========================================================
   NESTED TAB ITEM
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title{
    position:relative !important;

    flex:0 0 auto;

    min-width:180px;

    display:flex !important;

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

    padding:
        16px 28px !important;

    overflow:hidden;

    color:
        rgba(43,37,35,.72) !important;

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

    border:
        1px solid rgba(109,31,36,.10) !important;

    border-radius:
        13px !important;

    transform:
        translateY(0);

    isolation:isolate;

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


/* shine */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title::before{
    content:"";

    position:absolute;

    top:-40%;
    left:-85%;

    width:40%;
    height:180%;

    transform:
        skewX(-23deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            rgba(255,255,255,.48),
            rgba(255,255,255,.08),
            transparent
        );

    opacity:0;

    pointer-events:none;

    transition:
        left .75s ease,
        opacity .2s ease;
}


/* underline */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:5px;

    width:0;
    height:2px;

    transform:
        translateX(-50%);

    border-radius:999px;

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

    opacity:0;

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


/* =========================================================
   NESTED HOVER
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title:hover{
    color:
        #6D1F24 !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F1E7
        ) !important;

    border-color:
        rgba(168,56,50,.22) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 22px rgba(109,31,36,.08);
}


.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title:hover::before{
    left:140%;

    opacity:1;
}


.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title:hover::after{
    width:38%;

    opacity:.8;
}


/* =========================================================
   NESTED ACTIVE
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title[aria-selected="true"],
.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title[aria-selected="true"]:hover{
    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #6D1F24 0%,
            #A83832 66%,
            #C85B4A 145%
        ) !important;

    background-color:
        #A83832 !important;

    border-color:
        rgba(168,56,50,.35) !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 11px 24px rgba(109,31,36,.17),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    font-weight:600 !important;

    animation:
        ptActiveTab
        3.4s ease-in-out infinite;
}


.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title[aria-selected="true"]::after{
    width:48%;

    opacity:1;
}


.elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title[aria-selected="true"]::before{
    animation:
        ptActiveShine
        4.5s ease-in-out infinite;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading{
        padding:
            8px 14px !important;

        gap:9px;
    }


    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title{
        min-width:145px;

        padding:
            14px 18px !important;
    }


    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper::before,
    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper::after,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading::before,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading::after{
        max-width:70px;
        min-width:18px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading{
        justify-content:flex-start;

        padding:
            6px !important;

        gap:7px;

        overflow-x:auto;

        flex-wrap:nowrap;

        scrollbar-width:none;
    }


    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper::-webkit-scrollbar,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading::-webkit-scrollbar{
        display:none;
    }


    /*
       Decorative wings hidden on mobile
       so tabs keep enough space.
    */

    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper::before,
    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tabs-wrapper::after,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading::before,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tabs-heading::after{
        display:none;
    }


    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title{
        min-width:max-content;

        flex:
            0 0 auto;

        padding:
            12px 17px !important;

        border-radius:
            11px !important;
    }


    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title:hover,
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title:hover{
        transform:none;
    }


    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title.elementor-active,
    .elementor-618 .elementor-element.elementor-element-117782e .elementor-tab-title[aria-selected="true"],
    .elementor-618 .elementor-element.elementor-element-117782e .e-n-tab-title[aria-selected="true"]{
        transform:none;

        animation:none;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-618 .elementor-element.elementor-element-117782e *,
    .elementor-618 .elementor-element.elementor-element-117782e *::before,
    .elementor-618 .elementor-element.elementor-element-117782e *::after{
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9868b25 *//* =========================================================
   PUTU BALI TOUR
   PACKAGE MAIN CONTAINER
   HERITAGE RED — TOP WATERMARK + BOTTOM DECORATION
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25{
    --pkg-maroon:#6D1F24;
    --pkg-red:#A83832;
    --pkg-brick:#C85B4A;
    --pkg-gold:#D7A44A;

    --pkg-ivory:#F7F1E7;
    --pkg-blush:#EAD8D2;
    --pkg-text:#2B2523;
    --pkg-white:#FFFFFF;

    position:relative;
    isolation:isolate;

    overflow:hidden;

    background:

        /* top left warm glow */
        radial-gradient(
            circle at 8% 8%,
            rgba(215,164,74,.055) 0%,
            rgba(215,164,74,.018) 20%,
            transparent 38%
        ),

        /* right center red atmosphere */
        radial-gradient(
            circle at 93% 48%,
            rgba(168,56,50,.04) 0%,
            rgba(168,56,50,.012) 24%,
            transparent 42%
        ),

        /* bottom gold atmosphere */
        radial-gradient(
            circle at 50% 100%,
            rgba(215,164,74,.045) 0%,
            transparent 34%
        ),

        linear-gradient(
            180deg,
            #F7F1E7 0%,
            #F8F3EB 52%,
            #F7F1E7 100%
        ) !important;

    border-top:
        1px solid rgba(109,31,36,.045);

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


/* =========================================================
   TOP WATERMARK
   KEEP "PACKAGES"
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25::before{
    content:"PACKAGES";

    position:absolute;

    left:3%;
    top:60px;

    z-index:0;

    font-family:
        "El Messiri",
        serif;

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

    font-weight:500;

    line-height:.82;

    letter-spacing:-.045em;

    color:
        rgba(109,31,36,.032);

    white-space:nowrap;

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

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


/* =========================================================
   BOTTOM RIGHT COMPASS / ORBIT DECORATION
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25::after{
    content:"";

    position:absolute;

    right:-120px;
    bottom:-155px;

    width:440px;
    height:440px;

    z-index:0;

    border-radius:50%;

    pointer-events:none;

    opacity:.60;

    background:

        /* center */
        radial-gradient(
            circle at center,
            rgba(215,164,74,.50) 0 2px,
            transparent 3px
        ),

        /* ring 1 */
        radial-gradient(
            circle at center,
            transparent 0 75px,
            rgba(215,164,74,.11) 76px,
            rgba(215,164,74,.11) 77px,
            transparent 78px
        ),

        /* ring 2 */
        radial-gradient(
            circle at center,
            transparent 0 125px,
            rgba(168,56,50,.075) 126px,
            rgba(168,56,50,.075) 127px,
            transparent 128px
        ),

        /* ring 3 */
        radial-gradient(
            circle at center,
            transparent 0 177px,
            rgba(109,31,36,.055) 178px,
            rgba(109,31,36,.055) 179px,
            transparent 180px
        ),

        /* horizontal cross */
        linear-gradient(
            90deg,
            transparent 0 8%,
            rgba(215,164,74,.08) 8.2% 91.8%,
            transparent 92%
        ),

        /* vertical cross */
        linear-gradient(
            180deg,
            transparent 0 8%,
            rgba(168,56,50,.055) 8.2% 91.8%,
            transparent 92%
        );

    animation:
        pkgOrbitMotion
        13s ease-in-out infinite;
}


/* =========================================================
   REAL CONTENT ABOVE DECORATION
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner,
.elementor-618 .elementor-element.elementor-element-9868b25 > .elementor-element,
.elementor-618 .elementor-element.elementor-element-9868b25 > .elementor-container{
    position:relative;
    z-index:3;
}


/* =========================================================
   INNER CONTAINER
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner{
    position:relative;

    /*
       leaves visual breathing room
       for bottom decoration
    */
    padding-bottom:72px;
}


/* =========================================================
   BOTTOM MICRO TEXT
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::before{
    content:"EXPLORE  •  DISCOVER  •  EXPERIENCE";

    position:absolute;

    left:50%;
    bottom:27px;

    transform:
        translateX(-50%);

    z-index:1;

    font-family:
        "DM Sans",
        sans-serif;

    font-size:9px;

    font-weight:600;

    letter-spacing:.28em;

    color:
        rgba(109,31,36,.34);

    white-space:nowrap;

    pointer-events:none;

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


/* =========================================================
   BOTTOM JOURNEY LINE
   LINE + MOVING GOLD POINT
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:51px;

    width:min(520px,55%);
    height:12px;

    transform:
        translateX(-50%);

    z-index:1;

    pointer-events:none;

    background:

        /* travelling point */
        radial-gradient(
            circle at var(--pkg-point, 10%) 50%,
            #D7A44A 0 2px,
            rgba(215,164,74,.32) 3px,
            transparent 6px
        ),

        /* base journey line */
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(109,31,36,.08) 8%,
            rgba(168,56,50,.22) 30%,
            rgba(215,164,74,.32) 50%,
            rgba(168,56,50,.22) 70%,
            rgba(109,31,36,.08) 92%,
            transparent 100%
        );

    background-repeat:no-repeat;

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

    background-position:
        center,
        center;

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


/* =========================================================
   ANIMATIONS
   ========================================================= */

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


@keyframes pkgJourneyLine{

    0%{
        --pkg-point:8%;

        opacity:.52;
    }

    45%{
        --pkg-point:92%;

        opacity:1;
    }

    55%{
        --pkg-point:92%;

        opacity:1;
    }

    100%{
        --pkg-point:8%;

        opacity:.52;
    }

}


@keyframes pkgWatermarkFloat{

    0%,
    100%{
        transform:
            translate3d(0,0,0);

        opacity:.72;
    }

    50%{
        transform:
            translate3d(10px,-4px,0);

        opacity:1;
    }

}


@keyframes pkgOrbitMotion{

    0%,
    100%{
        transform:
            translate3d(0,0,0)
            rotate(0deg);

        opacity:.48;
    }

    50%{
        transform:
            translate3d(-14px,-8px,0)
            rotate(5deg);

        opacity:.72;
    }

}


@keyframes pkgBottomText{

    0%,
    100%{
        opacity:.42;

        letter-spacing:.28em;
    }

    50%{
        opacity:.72;

        letter-spacing:.32em;
    }

}


/* =========================================================
   SUBTLE BOTTOM FADE
   ========================================================= */

.elementor-618 .elementor-element.elementor-element-9868b25{
    background-blend-mode:normal;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .elementor-618 .elementor-element.elementor-element-9868b25::before{
        left:2%;
        top:70px;

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


    .elementor-618 .elementor-element.elementor-element-9868b25::after{
        width:340px;
        height:340px;

        right:-135px;
        bottom:-110px;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner{
        padding-bottom:65px;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::after{
        width:62%;
        bottom:47px;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::before{
        bottom:23px;

        font-size:8px;

        letter-spacing:.22em;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .elementor-618 .elementor-element.elementor-element-9868b25{
        background:

            radial-gradient(
                circle at 12% 7%,
                rgba(215,164,74,.05),
                transparent 28%
            ),

            radial-gradient(
                circle at 95% 82%,
                rgba(168,56,50,.035),
                transparent 31%
            ),

            #F7F1E7 !important;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25::before{
        left:-6px;
        top:72px;

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

        color:
            rgba(109,31,36,.026);

        animation:none;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25::after{
        width:230px;
        height:230px;

        right:-125px;
        bottom:-65px;

        opacity:.42;

        animation:none;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner{
        padding-bottom:58px;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::after{
        width:78%;

        bottom:40px;

        height:10px;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::before{
        bottom:18px;

        font-size:7px;

        letter-spacing:.17em;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media(max-width:430px){

    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::before{
        content:"EXPLORE  •  DISCOVER  •  EXPERIENCE";

        font-size:6.5px;

        letter-spacing:.12em;
    }


    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::after{
        width:82%;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-618 .elementor-element.elementor-element-9868b25::before,
    .elementor-618 .elementor-element.elementor-element-9868b25::after,
    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::before,
    .elementor-618 .elementor-element.elementor-element-9868b25 > .e-con-inner::after{
        animation:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2504db2 *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   JOURNEY CTA — HIGH-END EDITORIAL PHOTO
   ============================================================

   FONT
   Heading : El Messiri
   Body    : DM Sans

   RESPONSIVE
   ✓ Desktop
   ✓ Laptop
   ✓ Tablet
   ✓ Android
   ✓ iPhone
============================================================ */


/* ============================================================
   01. DESIGN SYSTEM
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2{

    /* Heritage Red palette */
    --mbc-black:#2B2523;
    --mbc-charcoal:#2B2523;

    --mbc-red:#A83832;
    --mbc-red-hover:#8E2B2C;
    --mbc-brick:#C85B4A;

    --mbc-gold:#D7A44A;
    --mbc-cream:#EAD8D2;

    --mbc-ivory:#F7F1E7;

    /* Legacy variable name retained so existing rules keep working */
    --mbc-green:#A83832;
    --mbc-forest:#6D1F24;

    --mbc-text:#2B2523;
    --mbc-white:#FFFFFF;

    --mbc-ease:cubic-bezier(.22,1,.36,1);


    position:relative;

    isolation:isolate;


    width:100% !important;

    max-width:100% !important;


    margin:0 !important;


    padding:

        clamp(90px,7vw,125px)

        clamp(24px,5vw,82px)

        clamp(78px,6vw,105px)

        !important;


    overflow:hidden;


    background:

        radial-gradient(
            circle at 7% 20%,
            rgba(215,164,74,.085),
            transparent 24%
        ),

        radial-gradient(
            circle at 96% 76%,
            rgba(168,56,50,.07),
            transparent 26%
        ),

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   02. RESET
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 *,
.elementor-618 .elementor-element.elementor-element-2504db2 *::before,
.elementor-618 .elementor-element.elementor-element-2504db2 *::after{

    box-sizing:border-box;

}


.elementor-618 .elementor-element.elementor-element-2504db2 .elementor-element{

    --widgets-spacing:0px;

}


.elementor-618 .elementor-element.elementor-element-2504db2 .elementor-widget-heading,
.elementor-618 .elementor-element.elementor-element-2504db2 .elementor-widget-text-editor,
.elementor-618 .elementor-element.elementor-element-2504db2 .elementor-widget-button,
.elementor-618 .elementor-element.elementor-element-2504db2 .elementor-widget-image{

    margin:0 !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2 p{

    margin-top:0;

}


.elementor-618 .elementor-element.elementor-element-2504db2 p:last-child{

    margin-bottom:0 !important;

}


/* ============================================================
   03. SECTION GRAIN
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    opacity:.021;

    pointer-events:none;

    background-image:

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");

}


/* ============================================================
   04. DECORATIVE CIRCLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2::after{

    content:"";

    position:absolute;

    z-index:-9;

    left:-380px;

    top:24%;

    width:630px;

    height:630px;

    border:

        1px solid
        rgba(215,164,74,.11);

    border-radius:50%;

    box-shadow:

        0 0 0 78px
        rgba(215,164,74,.014),

        0 0 0 150px
        rgba(168,56,50,.012);

    pointer-events:none;

}


/* ============================================================
   05. TOP BAR
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-top{

    position:relative;

    z-index:10;

    width:100% !important;

    max-width:1380px !important;

    margin:

        0 auto
        clamp(38px,3.5vw,52px)

        !important;

    padding:

        0 0
        16px

        !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:20px !important;

    border-bottom:

        1px solid
        rgba(43,37,35,.13);

}


/* ============================================================
   06. TOP LEFT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-top-left{

    width:auto !important;

    max-width:max-content !important;

    flex:0 0 auto !important;

    margin:0 !important;

    padding:0 !important;

}


/* ============================================================
   07. INDEX
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-index{

    position:relative;

    width:auto !important;

    padding-left:

        48px !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-index
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.17em !important;

    text-transform:uppercase;

    color:

        var(--mbc-green)

        !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-index::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:32px;

    height:1px;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

}


/* ============================================================
   08. LOCATION
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-location{

    width:auto !important;

    max-width:max-content !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-location
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7.5px !important;

    line-height:1.2 !important;

    font-weight:700 !important;

    letter-spacing:.15em !important;

    text-align:right;

    text-transform:uppercase;

    color:

        rgba(43,37,35,.43)

        !important;

}


/* ============================================================
   ============================================================
   09. MAIN PANEL
   ============================================================
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main{

    position:relative;

    isolation:isolate;

    z-index:5;

    width:100% !important;

    max-width:1380px !important;

    min-height:

        clamp(
            620px,
            47vw,
            720px
        )

        !important;

    margin:

        0 auto !important;

    padding:

        0 !important;

    display:grid !important;

    grid-template-columns:

        minmax(410px,.92fr)

        minmax(500px,1.08fr);

    align-items:stretch !important;

    gap:0 !important;

    overflow:hidden;

    border:

        1px solid
        rgba(215,164,74,.26);

    border-radius:

        5px 54px
        5px 54px

        !important;
    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(215,164,74,.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 15% 92%,
            rgba(200,91,74,.14),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #6D1F24 0%,
            #57181D 58%,
            #2B2523 100%
        )
        !important;

    box-shadow:

        0 44px 98px
        rgba(43,37,35,.21);

}


/* ============================================================
   10. INNER FRAME
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main::before{

    content:"";

    position:absolute;

    z-index:0;

    inset:11px;

    pointer-events:none;

    border:

        1px solid
        rgba(247,241,231,.05);

    border-radius:

        3px 43px
        3px 43px;

}


/* ============================================================
   11. MOVING GOLD EDGE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main::after{

    content:"";

    position:absolute;

    z-index:9;

    left:-30%;

    bottom:0;

    width:26%;

    height:2px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--mbc-gold),
            var(--mbc-cream),
            transparent
        );

    animation:

        mbcMainSweep
        7s
        var(--mbc-ease)
        infinite;

}


@keyframes mbcMainSweep{

    0%{

        left:-30%;

        opacity:0;

    }

    15%{

        opacity:1;

    }

    75%{

        opacity:1;

    }

    100%{

        left:105%;

        opacity:0;

    }

}


/* ============================================================
   ============================================================
   12. CONTENT
   ============================================================
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:

        clamp(50px,5vw,78px)

        clamp(42px,5vw,78px)

        !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    gap:0 !important;

}


/* ============================================================
   13. LARGE DECORATIVE TEXT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content::before{

    content:"BALI";

    position:absolute;

    z-index:-1;

    left:

        clamp(
            15px,
            3vw,
            42px
        );

    top:

        clamp(
            18px,
            3vw,
            42px
        );

    font-family:

        "El Messiri",
        serif;

    font-size:

        clamp(
            120px,
            11vw,
            185px
        );

    line-height:1;

    font-weight:500;

    letter-spacing:-.06em;

    color:

        var(--mbc-gold);

    opacity:.035;

    pointer-events:none;

}


/* ============================================================
   14. EYEBROW
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-eyebrow{

    position:relative;

    width:max-content !important;

    max-width:100%;

    margin:

        0 0
        25px

        !important;

    padding-left:

        23px !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-eyebrow
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.18em !important;

    text-transform:uppercase;

    color:

        var(--mbc-gold)

        !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-eyebrow::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:7px;

    height:7px;

    border-radius:50%;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

    box-shadow:

        0 0 0 5px
        rgba(215,164,74,.09);

    animation:

        mbcPulse
        2.3s
        ease-in-out
        infinite;

}


@keyframes mbcPulse{

    0%,
    100%{

        transform:

            translateY(-50%)
            scale(.82);

        opacity:.55;

    }

    50%{

        transform:

            translateY(-50%)
            scale(1.15);

        opacity:1;

    }

}


/* ============================================================
   15. TITLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-title{

    width:100% !important;

    max-width:650px !important;

    margin:

        0 0
        28px

        !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            54px,
            5vw,
            82px
        )

        !important;

    line-height:.94 !important;

    font-weight:500 !important;

    letter-spacing:-.035em !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   16. TITLE ACCENT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-title::after{

    content:"";

    display:block;

    width:78px;

    height:2px;

    margin-top:

        23px;

    background:

        linear-gradient(
            90deg,
            var(--mbc-gold),
            var(--mbc-cream),
            transparent
        );

}


/* ============================================================
   17. DESCRIPTION
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description{

    width:100% !important;

    max-width:575px !important;

    margin:

        0 0
        35px

        !important;

    padding-left:

        18px !important;

    border-left:

        1px solid
        rgba(215,164,74,.76);

}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{

    font-family:

        "DM Sans",
        sans-serif

        !important;
    font-size:
        16px
        !important;

    line-height:1.75 !important;

    font-weight:400 !important;

    color:

        rgba(247,241,231,.68)

        !important;

}


/* ============================================================
   ============================================================
   18. ACTIONS
   ============================================================
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-actions{

    width:100% !important;

    margin:

        0 0
        40px

        !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:

        12px !important;

}


/* ============================================================
   19. BUTTON WIDGET
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button{

    width:auto !important;

    max-width:100% !important;

    margin:0 !important;

}


/* ============================================================
   20. BUTTON BASE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button
.elementor-button{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    min-width:

        205px !important;

    min-height:

        56px !important;

    padding:

        0 15px
        0 24px

        !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    border-radius:

        999px !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        12px !important;

    line-height:1 !important;

    font-weight:700 !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:

        transform .45s var(--mbc-ease),
        color .45s var(--mbc-ease),
        border-color .45s var(--mbc-ease),
        box-shadow .45s var(--mbc-ease)

        !important;

}


/* ============================================================
   21. BUTTON CONTENT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button
.elementor-button-content-wrapper{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:17px !important;

}


/* ============================================================
   22. BUTTON TEXT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button
.elementor-button-text{

    line-height:1 !important;

    white-space:nowrap;

}


/* ============================================================
   23. BUTTON ICON
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button
.elementor-button-icon{

    width:30px !important;

    height:30px !important;

    flex:

        0 0 30px !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    border:

        1px solid
        currentColor;

    border-radius:50%;

    transition:

        transform .45s var(--mbc-ease),
        color .45s var(--mbc-ease),
        border-color .45s var(--mbc-ease);

}


/* ============================================================
   24. PRIMARY BUTTON
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button-primary
.elementor-button{

    color:
        var(--mbc-white)
        !important;

    border:
        1px solid
        var(--mbc-red)
        !important;

    background:
        var(--mbc-red)
        !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button-primary
.elementor-button::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    border-radius:inherit;

    background:

        var(--mbc-red-hover);

    transform:

        translateX(-102%);

    transition:

        transform
        .55s
        var(--mbc-ease);

}


/* ============================================================
   25. SECONDARY
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button-secondary
.elementor-button{

    color:

        var(--mbc-ivory)

        !important;

    border:

        1px solid
        rgba(247,241,231,.28)

        !important;

    background:

        rgba(247,241,231,.025)

        !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button-secondary
.elementor-button::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    border-radius:inherit;

    background:

        var(--mbc-cream);

    transform:

        scaleX(0);

    transform-origin:

        left center;

    transition:

        transform
        .55s
        var(--mbc-ease);

}


/* ============================================================
   26. HOVER
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button
    .elementor-button:hover{

        transform:

            translateY(-4px);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button-primary
    .elementor-button:hover{

        color:

            var(--mbc-white)

            !important;

        box-shadow:

            0 18px 42px
            rgba(168,56,50,.28)

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button-primary
    .elementor-button:hover::before{

        transform:

            translateX(0);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button-secondary
    .elementor-button:hover{

        color:

            var(--mbc-black)

            !important;

        border-color:

            var(--mbc-cream)

            !important;

        box-shadow:

            0 18px 42px
            rgba(0,0,0,.15)

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button-secondary
    .elementor-button:hover::before{

        transform:

            scaleX(1);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-text,

    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-icon{

        color:

            var(--mbc-black)

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button
    .elementor-button:hover
    .elementor-button-icon{

        transform:

            translateX(4px);

    }

}


/* ============================================================
   ============================================================
   27. PROOF
   ============================================================
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof{

    width:100% !important;

    max-width:585px !important;

    margin:0 !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:

        repeat(
            3,
            minmax(0,1fr)
        );

    gap:0 !important;

    border-top:

        1px solid
        rgba(247,241,231,.10);

    border-bottom:

        1px solid
        rgba(247,241,231,.10);

}


/* ============================================================
   28. PROOF ITEM
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-item{

    position:relative;

    min-width:0;

    min-height:

        82px !important;

    margin:0 !important;

    padding:

        17px 16px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:7px !important;

    overflow:hidden;

    border-right:

        1px solid
        rgba(247,241,231,.10);

    transition:

        background .45s var(--mbc-ease),
        padding .45s var(--mbc-ease);

}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-item:last-child{

    border-right:none;

}


/* ============================================================
   29. PROOF HOVER
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-item::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:2px;

    background:

        var(--mbc-gold);

    transform:

        scaleX(0);

    transform-origin:left;

    transition:

        transform
        .5s
        var(--mbc-ease);

}


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

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-item:hover{

        padding-left:

            21px !important;

        background:

            rgba(215,164,74,.035);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-item:hover::after{

        transform:

            scaleX(1);

    }

}


/* ============================================================
   30. PROOF NUMBER
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-proof-number
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7px !important;

    line-height:1 !important;

    font-weight:800 !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   31. PROOF TITLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-proof-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        16px !important;

    line-height:1.15 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   ============================================================
   32. VISUAL
   ============================================================
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:

        clamp(38px,4vw,58px)

        clamp(31px,3.5vw,52px)

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:0 !important;

    overflow:hidden;

    border-left:

        1px solid
        rgba(247,241,231,.07);

}


/* ============================================================
   33. GOLD VERTICAL GLOW
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual::before{

    content:"";

    position:absolute;

    z-index:0;

    left:-1px;

    top:22%;

    width:1px;

    height:55%;

    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(215,164,74,.75),
            transparent
        );

}


/* ============================================================
   34. PHOTO STAGE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-stage{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    overflow:visible !important;

}


/* ============================================================
   35. OFFSET FRAME
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-stage::before{

    content:"";

    position:absolute;

    z-index:0;

    left:

        22px;

    right:

        -14px;

    top:

        -15px;

    bottom:

        20px;

    border:

        1px solid
        rgba(215,164,74,.28);

    border-radius:

        3px 28px
        3px 28px;

    pointer-events:none;

}


/* ============================================================
   36. IMAGE WRAPPER
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-image{

    position:relative;

    z-index:2;

    width:100% !important;

    overflow:hidden;

    border-radius:

        3px 30px
        3px 30px;

    background:

        var(--mbc-charcoal);

}


/* ============================================================
   37. IMAGE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-image
.elementor-widget-container{

    width:100% !important;

    height:

        clamp(
            390px,
            34vw,
            505px
        )

        !important;

    overflow:hidden;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-image
img{

    width:100% !important;

    height:100% !important;

    display:block;

    object-fit:cover !important;

    object-position:center center;

    transform:

        scale(1.015);

    filter:

        saturate(.92)
        contrast(1.035)
        brightness(.91);

    transition:

        transform
        1.45s
        var(--mbc-ease),

        filter
        1.1s
        var(--mbc-ease);

}


/* ============================================================
   38. IMAGE OVERLAY
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-image::after{

    content:"";

    position:absolute;

    z-index:2;

    inset:0;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(43,37,35,.03),
            transparent 40%,
            rgba(43,37,35,.16) 65%,
            rgba(43,37,35,.77) 100%
        );

}


/* ============================================================
   39. IMAGE HOVER
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-photo-stage:hover
    .mbc-cta-image
    img{

        transform:

            scale(1.055);

        filter:

            saturate(1)
            contrast(1.025)
            brightness(.97);

    }

}


/* ============================================================
   40. PHOTO BADGE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge{

    position:absolute !important;

    z-index:8 !important;

    left:

        -18px !important;

    top:

        27px !important;

    width:

        clamp(
            125px,
            10vw,
            154px
        )

        !important;

    min-height:

        105px !important;

    margin:0 !important;

    padding:

        15px
        16px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:4px !important;

    border:

        1px solid
        rgba(215,164,74,.37);

    border-radius:

        2px 17px
        2px 17px;

    background:

        rgba(43,37,35,.86)

        !important;

    backdrop-filter:

        blur(10px);

    -webkit-backdrop-filter:

        blur(10px);

    box-shadow:

        0 17px 35px
        rgba(0,0,0,.16);

}


/* ============================================================
   41. BADGE SMALL
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-badge-small
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.14em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   42. BADGE TITLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-badge-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        19px !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   43. BADGE LOCATION
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-badge-location
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1.2 !important;

    font-weight:600 !important;

    color:

        rgba(247,241,231,.43)

        !important;

}


/* ============================================================
   44. PHOTO CAPTION
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{

    position:absolute !important;

    z-index:8 !important;

    left:

        22px !important;

    right:

        22px !important;

    bottom:

        22px !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:

        20px !important;

}


/* ============================================================
   45. CAPTION LABEL
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-caption-label
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        6px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.17em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   46. CAPTION TITLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{

    max-width:

        260px !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-caption-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            20px,
            2vw,
            29px
        )

        !important;

    line-height:1.07 !important;

    font-weight:500 !important;

    text-align:right;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   ============================================================
   47. PHOTO INFO
   ============================================================
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

    position:relative;

    z-index:7;

    width:

        calc(100% - 42px)

        !important;

    min-height:

        112px !important;

    margin:

        -31px 0 0
        auto

        !important;

    padding:

        19px
        20px

        !important;

    display:grid !important;

    grid-template-columns:

        minmax(0,1fr)
        auto;

    align-items:center !important;

    gap:

        24px !important;

    border:

        1px solid
        rgba(247,241,231,.13);

    border-radius:

        2px 17px
        2px 17px;

    background:

        rgba(43,37,35,.94)

        !important;

    box-shadow:

        0 19px 43px
        rgba(0,0,0,.17);

}


/* ============================================================
   48. INFO INTRO
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-intro{

    min-width:0 !important;

    display:flex !important;

    flex-direction:column !important;

    gap:

        6px !important;

}


/* ============================================================
   49. INFO SMALL
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-info-small
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    font-weight:800 !important;

    letter-spacing:.15em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   50. INFO TITLE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-info-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            18px,
            1.6vw,
            23px
        )

        !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   51. STATS
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stats{

    width:auto !important;

    min-width:225px !important;

    margin:0 !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:

        repeat(
            2,
            minmax(0,1fr)
        );

    align-items:stretch !important;

    border-left:

        1px solid
        rgba(247,241,231,.10);

}


/* ============================================================
   52. STAT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat{

    min-width:105px !important;

    margin:0 !important;

    padding:

        4px 14px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:

        6px !important;

    border-right:

        1px solid
        rgba(247,241,231,.10);

}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat:last-child{

    border-right:none;

}


/* ============================================================
   53. STAT LABEL
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-stat-label
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:.13em !important;

    color:

        rgba(247,241,231,.34)

        !important;

}


/* ============================================================
   54. STAT VALUE
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-stat-value
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            19px,
            1.9vw,
            25px
        )

        !important;

    line-height:1 !important;

    font-weight:500 !important;

    color:

        var(--mbc-cream)

        !important;

}


/* ============================================================
   55. VISUAL FOOTER
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual-footer{

    width:100% !important;

    margin:

        17px 0 0

        !important;

    padding:

        0 3px

        !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:15px !important;

}


/* ============================================================
   56. FOOTER TEXT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-footer-left
.elementor-heading-title,

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-footer-right
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:.12em !important;

    color:

        rgba(247,241,231,.29)

        !important;

}


/* ============================================================
   57. FOOTER LEFT DOT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-left{

    position:relative;

    padding-left:

        14px !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-left::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:5px;

    height:5px;

    border-radius:50%;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

}


/* ============================================================
   ============================================================
   58. BOTTOM RAIL
   ============================================================
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail{

    position:relative;

    width:100% !important;

    max-width:1380px !important;

    margin:

        24px auto 0

        !important;

    padding:

        18px
        8px

        !important;

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:center !important;

    gap:

        10px 25px !important;

    overflow:hidden;

    border-top:

        1px solid
        rgba(43,37,35,.13);

    border-bottom:

        1px solid
        rgba(43,37,35,.13);

}


/* ============================================================
   59. RAIL MOVING LIGHT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail::before{

    content:"";

    position:absolute;

    left:-22%;

    top:-1px;

    width:22%;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--mbc-gold),
            transparent
        );

    animation:

        mbcRailSweep
        6s
        var(--mbc-ease)
        infinite;

}


@keyframes mbcRailSweep{

    0%{

        left:-22%;

        opacity:0;

    }

    15%{

        opacity:1;

    }

    75%{

        opacity:1;

    }

    100%{

        left:105%;

        opacity:0;

    }

}


/* ============================================================
   60. RAIL WIDGETS
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-text,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-star{

    width:auto !important;

    max-width:max-content !important;

    flex:

        0 0 auto !important;

    margin:0 !important;

}


/* ============================================================
   61. RAIL TEXT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-rail-text
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7px !important;

    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:.15em !important;

    text-transform:uppercase;

    color:

        rgba(43,37,35,.48)

        !important;

}


/* ============================================================
   62. RAIL STAR
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-rail-star
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    color:

        var(--mbc-gold)

        !important;

    animation:

        mbcStar
        2.7s
        ease-in-out
        infinite;

}


@keyframes mbcStar{

    0%,
    100%{

        opacity:.45;

        transform:

            scale(.85);

    }

    50%{

        opacity:1;

        transform:

            scale(1.15);

    }

}


/* ============================================================
   ============================================================
   63. LAPTOP
   ============================================================
============================================================ */

@media(
    min-width:1101px
)
and
(
    max-width:1366px
){

    .elementor-618 .elementor-element.elementor-element-2504db2{

        padding-left:

            42px !important;

        padding-right:

            42px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main{

        grid-template-columns:

            minmax(380px,.93fr)

            minmax(440px,1.07fr);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content{

        padding:

            52px
            46px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                49px,
                4.6vw,
                66px
            )

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual{

        padding:

            35px
            31px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                370px,
                33vw,
                455px
            )

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

        gap:

            15px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stats{

        min-width:

            205px !important;

    }

}


/* ============================================================
   ============================================================
   64. TABLET
   ============================================================
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-2504db2{

        padding:

            74px
            clamp(28px,5vw,48px)
            76px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-top{

        max-width:

            880px !important;

        margin-bottom:

            39px !important;

    }


    /* STACK */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main{

        width:100% !important;

        max-width:

            880px !important;

        min-height:

            0 !important;

        display:flex !important;

        flex-direction:

            column !important;

        border-radius:

            5px 43px
            5px 43px

            !important;

    }


    /* CONTENT */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content{

        width:100% !important;

        max-width:100% !important;

        padding:

            58px
            55px
            55px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-title{

        max-width:

            680px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                50px,
                7vw,
                68px
            )

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description{

        max-width:

            625px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof{

        max-width:

            650px !important;

    }


    /* VISUAL */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual{

        width:100% !important;

        padding:

            50px
            55px
            48px

            !important;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.07);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual::before{

        left:20%;

        top:-1px;

        width:60%;

        height:1px;

        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(215,164,74,.55),
                transparent
            );

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-image
    .elementor-widget-container{

        height:

            470px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

        width:

            calc(100% - 55px)

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail{

        max-width:

            880px !important;

    }

}


/* ============================================================
   ============================================================
   65. MOBILE
   ANDROID + IPHONE
   ============================================================
============================================================ */

@media(max-width:767px){

    .elementor-618 .elementor-element.elementor-element-2504db2{

        padding:

            58px
            14px
            62px

            !important;

        overflow-x:

            hidden !important;

    }


    /* TOP */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-top{

        width:100% !important;

        max-width:100% !important;

        margin:

            0 0
            30px

            !important;

        padding-bottom:

            12px !important;

        display:grid !important;

        grid-template-columns:

            minmax(0,1fr)
            auto;

        align-items:start !important;

        gap:

            10px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-index{

        padding-left:

            30px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-index::before{

        width:

            19px;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-index
    .elementor-heading-title{

        font-size:

            6px !important;

        letter-spacing:

            .09em !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-location{

        max-width:

            145px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-location
    .elementor-heading-title{

        font-size:

            5.5px !important;

        line-height:

            1.4 !important;

        letter-spacing:

            .07em !important;

    }


    /* MAIN */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main{

        width:100% !important;

        max-width:100% !important;

        min-height:0 !important;

        display:flex !important;

        flex-direction:

            column !important;

        border-radius:

            4px 30px
            4px 30px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main::before{

        inset:

            8px;

        border-radius:

            2px 23px
            2px 23px;

    }


    /* CONTENT */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content{

        width:100% !important;

        padding:

            42px
            22px
            40px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content::before{

        top:

            6px;

        left:

            13px;

        font-size:

            104px;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-eyebrow{

        margin-bottom:

            19px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-eyebrow
    .elementor-heading-title{

        font-size:

            6.5px !important;

        letter-spacing:

            .11em !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-title{

        width:100% !important;

        max-width:100% !important;

        margin-bottom:

            23px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                39px,
                11vw,
                49px
            )

            !important;

        line-height:

            .98 !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-title::after{

        width:

            57px;

        margin-top:

            18px;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description{

        max-width:

            100% !important;

        margin-bottom:

            29px !important;

        padding-left:

            13px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{

        font-size:

            13px !important;

        line-height:

            1.7 !important;

    }


    /* BUTTONS */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-actions{

        width:100% !important;

        margin-bottom:

            31px !important;

        flex-direction:

            column !important;

        align-items:

            stretch !important;

        gap:

            10px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button{

        width:

            100% !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button
    .elementor-button{

        width:

            100% !important;

        min-width:

            0 !important;

        min-height:

            53px !important;

    }


    /* PROOF */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof{

        width:100% !important;

        max-width:100% !important;

        grid-template-columns:

            1fr;

        border-bottom:none;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-item{

        min-height:

            56px !important;

        padding:

            12px
            4px

            !important;

        display:grid !important;

        grid-template-columns:

            32px
            minmax(0,1fr);

        align-items:center !important;

        gap:

            8px !important;

        border-right:none;

        border-bottom:

            1px solid
            rgba(247,241,231,.10);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-proof-title
    .elementor-heading-title{

        font-size:

            15px !important;

    }


    /* VISUAL */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual{

        width:100% !important;

        padding:

            34px
            14px
            35px

            !important;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.07);

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual::before{

        left:15%;

        top:-1px;

        width:70%;

        height:1px;

        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(215,164,74,.55),
                transparent
            );

    }


    /* PHOTO */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-stage::before{

        left:

            20px;

        right:

            -7px;

        top:

            -10px;

        bottom:

            15px;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                340px,
                105vw,
                440px
            )

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-image{

        border-radius:

            3px 23px
            3px 23px;

    }


    /* BADGE */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge{

        left:

            12px !important;

        top:

            13px !important;

        width:

            120px !important;

        min-height:

            88px !important;

        padding:

            12px
            13px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-badge-title
    .elementor-heading-title{

        font-size:

            17px !important;

    }


    /* CAPTION */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{

        left:

            17px !important;

        right:

            17px !important;

        bottom:

            17px !important;

        flex-direction:

            column !important;

        align-items:

            flex-start !important;

        gap:

            7px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{

        max-width:

            250px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:

            21px !important;

        text-align:

            left !important;

    }


    /* INFO */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

        width:

            calc(100% - 17px)

            !important;

        min-height:0 !important;

        margin-top:

            -21px !important;

        padding:

            16px !important;

        display:flex !important;

        flex-direction:

            column !important;

        align-items:

            stretch !important;

        gap:

            16px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-intro{

        width:100% !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stats{

        width:100% !important;

        min-width:0 !important;

        display:grid !important;

        grid-template-columns:

            1fr
            1fr;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.10);

        padding-top:

            13px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat{

        min-width:0 !important;

        padding:

            2px
            12px

            !important;

    }


    /* FOOTER */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual-footer{

        margin-top:

            15px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-footer-left
    .elementor-heading-title,

    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-footer-right
    .elementor-heading-title{

        font-size:

            4.7px !important;

        letter-spacing:

            .07em !important;

    }


    /* RAIL */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail{

        width:100% !important;

        max-width:100% !important;

        margin-top:

            20px !important;

        padding:

            16px
            3px

            !important;

        gap:

            8px
            11px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-rail-text
    .elementor-heading-title{

        font-size:

            5.8px !important;

        letter-spacing:

            .07em !important;

        text-align:center;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-rail-star
    .elementor-heading-title{

        font-size:

            6.5px !important;

    }

}


/* ============================================================
   66. STANDARD IPHONE / ANDROID
   <= 430PX
============================================================ */

@media(max-width:430px){

    .elementor-618 .elementor-element.elementor-element-2504db2{

        padding-left:

            12px !important;

        padding-right:

            12px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content{

        padding-left:

            19px !important;

        padding-right:

            19px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                37px,
                10.8vw,
                45px
            )

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual{

        padding-left:

            11px !important;

        padding-right:

            11px !important;

    }

}


/* ============================================================
   67. SMALL IPHONE / ANDROID
   <= 390PX
============================================================ */

@media(max-width:390px){

    .elementor-618 .elementor-element.elementor-element-2504db2{

        padding-left:

            10px !important;

        padding-right:

            10px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-content{

        padding:

            38px
            16px
            36px

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            35px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{

        font-size:

            12.5px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual{

        padding-left:

            9px !important;

        padding-right:

            9px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-image
    .elementor-widget-container{

        height:

            335px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge{

        width:

            108px !important;

        min-height:

            80px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

        width:

            calc(100% - 10px)

            !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-visual-footer{

        flex-direction:

            column !important;

        align-items:

            flex-start !important;

        gap:

            8px !important;

    }

}


/* ============================================================
   68. TOUCH DEVICES
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button
    .elementor-button:hover{

        transform:none !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-item:hover{

        padding-left:

            4px !important;

    }

}


/* ============================================================
   69. ACCESSIBILITY
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-button
.elementor-button:focus-visible{

    outline:

        2px solid
        var(--mbc-gold);

    outline-offset:

        4px;

}


/* ============================================================
   70. REDUCED MOTION
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-2504db2 *,
    .elementor-618 .elementor-element.elementor-element-2504db2 *::before,
    .elementor-618 .elementor-element.elementor-element-2504db2 *::after{

        animation:

            none !important;

        transition:

            none !important;

    }

}
/* ============================================================
   FIX BUTTON ICON + FIX CAPTION OVERLAP
   TEMPel DI PALING BAWAH CSS LAMA
============================================================ */


/* ============================================================
   01. BUTTON
   PAKSA TEXT DI KIRI / TENGAH DAN ICON ARROW DI KANAN
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-content-wrapper{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-text{
    order:1 !important;
    flex:1 1 auto !important;
    text-align:center !important;
    white-space:nowrap !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-icon{
    order:2 !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-icon i,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-icon svg{
    margin:0 !important;
}


/* ============================================================
   02. KHUSUS BUTTON PRIMARY DAN SECONDARY
   BIAR TETAP RAPI SAAT ICON DI KANAN
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button-primary .elementor-button,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button-secondary .elementor-button{
    padding:0 16px 0 24px !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button-primary .elementor-button-text,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button-secondary .elementor-button-text{
    padding-right:2px !important;
}


/* ============================================================
   03. PHOTO CAPTION
   TEKS "WHERE THE JOURNEY BEGINS" DIBUAT SEDIKIT TERTIMPA
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{
    left:22px !important;
    right:10px !important;
    bottom:14px !important;
    align-items:flex-end !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{
    position:relative !important;
    max-width:285px !important;
    margin-right:-10px !important;
    margin-bottom:-8px !important;
    z-index:10 !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title .elementor-heading-title{
    position:relative !important;
    right:-6px !important;
    bottom:-4px !important;
    text-align:right !important;
    line-height:0.95 !important;
}


/* ============================================================
   04. TABLET
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{
        right:16px !important;
        bottom:16px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{
        max-width:240px !important;
        margin-right:-4px !important;
        margin-bottom:-4px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title .elementor-heading-title{
        right:-2px !important;
        bottom:-2px !important;
    }
}


/* ============================================================
   05. MOBILE
============================================================ */

@media (max-width:767px){

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-content-wrapper{
        gap:12px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-text{
        text-align:center !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-icon{
        margin-left:auto !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{
        left:17px !important;
        right:17px !important;
        bottom:15px !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:7px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{
        max-width:230px !important;
        margin-right:0 !important;
        margin-bottom:-3px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title .elementor-heading-title{
        right:0 !important;
        bottom:0 !important;
        text-align:left !important;
        line-height:1 !important;
    }
}


/* ============================================================
   06. SMALL MOBILE
============================================================ */

@media (max-width:430px){

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button{
        min-height:53px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-text{
        font-size:12px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{
        max-width:200px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title .elementor-heading-title{
        font-size:19px !important;
    }
}
/* ============================================================
   FINAL FIX
   BUTTON ICON TETAP DI KANAN
   + PHOTO CAPTION TIDAK TERTIMPA INFO CARD
============================================================ */


/* ============================================================
   01. BUTTON
   PERTAHANKAN ICON ARROW DI KANAN
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-content-wrapper{
    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:14px !important;
}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-text{
    order:1 !important;

    flex:1 1 auto !important;

    text-align:center !important;

    white-space:nowrap !important;
}


.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-icon{
    order:2 !important;

    flex:0 0 30px !important;

    width:30px !important;

    height:30px !important;

    margin-left:auto !important;

    margin-right:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
}


/* ============================================================
   02. PHOTO CAPTION
   NAIKKAN DARI AREA INFORMATION CARD
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{

    left:22px !important;

    right:22px !important;

    bottom:58px !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:24px !important;

}


/* ============================================================
   03. WHERE THE JOURNEY BEGINS
   RESET NEGATIVE OFFSET LAMA
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{

    position:relative !important;

    width:auto !important;

    max-width:270px !important;

    margin:0 !important;

    padding:0 !important;

    z-index:10 !important;

    transform:none !important;

}


.elementor-618 .elementor-element.elementor-element-2504db2
.mbc-cta-caption-title
.elementor-heading-title{

    position:relative !important;

    right:auto !important;

    bottom:auto !important;

    top:auto !important;

    left:auto !important;

    margin:0 !important;

    font-family:
        "El Messiri",
        serif
        !important;

    font-size:
        clamp(
            21px,
            2vw,
            29px
        )
        !important;

    line-height:1.02 !important;

    font-weight:500 !important;

    text-align:right !important;

    color:
        var(--mbc-ivory)
        !important;

}


/* ============================================================
   04. FIRST LIGHT
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-label{

    flex:0 0 auto !important;

    margin:0 !important;

}


/* ============================================================
   05. INFORMATION CARD
   PERTAHANKAN OVERLAP FOTO TAPI JANGAN TERLALU TINGGI
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

    margin:
        -24px 0 0 auto
        !important;

}


/* ============================================================
   06. TABLET
============================================================ */

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

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{

        left:22px !important;

        right:22px !important;

        bottom:52px !important;

        gap:20px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{

        max-width:250px !important;

        margin:0 !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-caption-title
    .elementor-heading-title{

        right:auto !important;

        bottom:auto !important;

        font-size:24px !important;

        line-height:1.02 !important;

        text-align:right !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

        margin:
            -22px 0 0 auto
            !important;

    }

}


/* ============================================================
   07. MOBILE
   ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    /* BUTTON */

    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button
    .elementor-button-content-wrapper{

        width:100% !important;

        gap:12px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button
    .elementor-button-text{

        flex:1 1 auto !important;

        text-align:center !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-button
    .elementor-button-icon{

        margin-left:auto !important;

        margin-right:0 !important;

    }


    /* PHOTO CAPTION */

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{

        left:17px !important;

        right:17px !important;

        bottom:47px !important;

        flex-direction:column !important;

        align-items:flex-start !important;

        justify-content:flex-end !important;

        gap:7px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{

        width:auto !important;

        max-width:235px !important;

        margin:0 !important;

        transform:none !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-caption-title
    .elementor-heading-title{

        right:auto !important;

        bottom:auto !important;

        top:auto !important;

        left:auto !important;

        font-size:21px !important;

        line-height:1.03 !important;

        text-align:left !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info{

        margin:
            -17px 0 0 auto
            !important;

    }

}


/* ============================================================
   08. SMALL MOBILE
============================================================ */

@media(max-width:430px){

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{

        bottom:43px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{

        max-width:210px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:19px !important;

    }

}


/* ============================================================
   09. VERY SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-photo-caption{

        bottom:40px !important;

    }


    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title{

        max-width:190px !important;

    }

}

/* ============================================================
   71. FINAL READABILITY FORCE OVERRIDE
   DILETAKKAN PALING BAWAH AGAR MENANG DARI SEMUA RULE LAMA.
   Fokus: seluruh micro-copy / metadata dibuat jauh lebih mudah dibaca.
============================================================ */


/* ============================================================
   DESKTOP — TOP BAR
============================================================ */

/* 07 / YOUR NEXT JOURNEY */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-index .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* MOUNT BATUR · KINTAMANI · BALI */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-location .elementor-heading-title{
    font-size:11px !important;
    line-height:1.3 !important;
    letter-spacing:.11em !important;
    color:rgba(43,37,35,.62) !important;
}


/* ============================================================
   DESKTOP — MAIN CONTENT
============================================================ */

/* YOUR MOUNTAIN, YOUR MOMENT */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-eyebrow .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* Main description */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{
    font-size:17px !important;
    line-height:1.72 !important;
    color:rgba(247,241,231,.78) !important;
}

/* Button text */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-text{
    font-size:14px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PROOF / 01 02 03
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-number .elementor-heading-title{
    font-size:10px !important;
    line-height:1 !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-title .elementor-heading-title{
    font-size:19px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PHOTO BADGE
============================================================ */

/* FIELD NOTES / 01 */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-small .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.2 !important;
    letter-spacing:.11em !important;
}

/* Mount Batur */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-title .elementor-heading-title{
    font-size:22px !important;
    line-height:1.08 !important;
}

/* Kintamani, Bali */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-location .elementor-heading-title{
    font-size:9px !important;
    line-height:1.3 !important;
    color:rgba(247,241,231,.62) !important;
}


/* ============================================================
   DESKTOP — PHOTO CAPTION
============================================================ */

/* FIRST LIGHT */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-label .elementor-heading-title{
    font-size:9px !important;
    line-height:1.2 !important;
    letter-spacing:.13em !important;
}

/* Where the journey begins. */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title .elementor-heading-title{
    font-size:clamp(24px,2vw,30px) !important;
    line-height:1.03 !important;
}


/* ============================================================
   DESKTOP — INFORMATION CARD
============================================================ */

/* MORNING / 01 */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-small .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.2 !important;
    letter-spacing:.12em !important;
}

/* Before Bali Wakes */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-title .elementor-heading-title{
    font-size:clamp(21px,1.7vw,25px) !important;
    line-height:1.08 !important;
}

/* START / ELEVATION */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat-label .elementor-heading-title{
    font-size:8.5px !important;
    line-height:1.2 !important;
    letter-spacing:.10em !important;
    color:rgba(247,241,231,.54) !important;
}

/* 05:45 / 1,450 MASL */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat-value .elementor-heading-title{
    font-size:clamp(22px,2vw,28px) !important;
}


/* ============================================================
   DESKTOP — VISUAL FOOTER
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-left .elementor-heading-title,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-right .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.25 !important;
    letter-spacing:.09em !important;
    color:rgba(247,241,231,.50) !important;
}


/* ============================================================
   DESKTOP — BOTTOM RAIL
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-text .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.11em !important;
    color:rgba(43,37,35,.58) !important;
}

.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-star .elementor-heading-title{
    font-size:12px !important;
    line-height:1 !important;
}


/* ============================================================
   TABLET
============================================================ */

@media(max-width:1100px){

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-index .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-location .elementor-heading-title{
        font-size:10px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-eyebrow .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-title .elementor-heading-title{
        font-size:18px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-small .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-location .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-label .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-small .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-right .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-star .elementor-heading-title{
        font-size:11px !important;
    }

}


/* ============================================================
   MOBILE — ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-index .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.09em !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-location .elementor-heading-title{
        font-size:9px !important;
        line-height:1.4 !important;
        letter-spacing:.07em !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-eyebrow .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.10em !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{
        font-size:16px !important;
        line-height:1.68 !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-proof-title .elementor-heading-title{
        font-size:17px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-location .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-label .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-title .elementor-heading-title{
        font-size:21px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat-value .elementor-heading-title{
        font-size:22px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-right .elementor-heading-title{
        font-size:8.5px !important;
        line-height:1.3 !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-star .elementor-heading-title{
        font-size:10px !important;
    }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-small .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-badge-location .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-caption-label .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-info-small .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-stat-label .elementor-heading-title{
        font-size:7.5px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-footer-right .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-rail-star .elementor-heading-title{
        font-size:10px !important;
    }

}

/* ============================================================
   FINAL BALINGKANG HERITAGE RED GUARD
   Keeps the section aligned with the supplied brand palette.
============================================================ */

.elementor-618 .elementor-element.elementor-element-2504db2{
    --mbc-black:#2B2523;
    --mbc-charcoal:#2B2523;
    --mbc-red:#A83832;
    --mbc-red-hover:#8E2B2C;
    --mbc-brick:#C85B4A;
    --mbc-gold:#D7A44A;
    --mbc-cream:#EAD8D2;
    --mbc-ivory:#F7F1E7;
    --mbc-green:#A83832;
    --mbc-forest:#6D1F24;
    --mbc-text:#2B2523;
    --mbc-white:#FFFFFF;
}

/* Main panel: premium Deep Maroon, not Mount Batur green */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-main{
    border-color:rgba(215,164,74,.26) !important;
    background:
        radial-gradient(circle at 78% 18%,rgba(215,164,74,.08),transparent 24%),
        radial-gradient(circle at 15% 92%,rgba(200,91,74,.14),transparent 32%),
        linear-gradient(135deg,#6D1F24 0%,#57181D 58%,#2B2523 100%)
        !important;
}

/* Primary CTA follows supplied palette */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button-primary .elementor-button{
    color:#FFFFFF !important;
    border-color:#A83832 !important;
    background:#A83832 !important;
}
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button-primary .elementor-button::before{
    background:#8E2B2C !important;
}
@media(hover:hover) and (pointer:fine){
    .elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-button-primary .elementor-button:hover{
        color:#FFFFFF !important;
        border-color:#8E2B2C !important;
        box-shadow:0 18px 42px rgba(168,56,50,.28) !important;
    }
}

/* Main description stays readable everywhere */
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description,
.elementor-618 .elementor-element.elementor-element-2504db2 .mbc-cta-description p{
    font-size:16px !important;
    line-height:1.72 !important;
}

/* Outer section remains Warm Ivory */
.elementor-618 .elementor-element.elementor-element-2504db2{
    background:
        radial-gradient(circle at 7% 20%,rgba(215,164,74,.07),transparent 24%),
        radial-gradient(circle at 96% 76%,rgba(200,91,74,.06),transparent 26%),
        #F7F1E7
        !important;
}/* End custom CSS */