.elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0:not(.elementor-motion-effects-element-type-background), .elementor-248 .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/content-30.jpg");background-position:center center;background-size:cover;}.elementor-248 .elementor-element.elementor-element-56a8fc0::before, .elementor-248 .elementor-element.elementor-element-56a8fc0 > .elementor-background-video-container::before, .elementor-248 .elementor-element.elementor-element-56a8fc0 > .e-con-inner > .elementor-background-video-container::before, .elementor-248 .elementor-element.elementor-element-56a8fc0 > .elementor-background-slideshow::before, .elementor-248 .elementor-element.elementor-element-56a8fc0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-248 .elementor-element.elementor-element-56a8fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-248 .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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-3dd4ce8{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-248 .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-248 .elementor-element.elementor-element-3f23c0b{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-248 .elementor-element.elementor-element-70630b0{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-4c4c0bd{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-71f486e{--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-248 .elementor-element.elementor-element-d43207f{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-248 .elementor-element.elementor-element-45b4862{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-248 .elementor-element.elementor-element-12f3e89{--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-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-248 .elementor-element.elementor-element-da1947c{text-align:center;}.elementor-248 .elementor-element.elementor-element-da1947c img{width:100%;height:500px;object-fit:cover;object-position:center center;}.elementor-248 .elementor-element.elementor-element-c8eb4f8{--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;--align-items:stretch;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-248 .elementor-element.elementor-element-54d6ce8 img{width:100%;max-width:100%;height:280px;object-fit:cover;object-position:center center;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-248 .elementor-element.elementor-element-023a9df.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-248 .elementor-element.elementor-element-023a9df .elementor-swiper-button{font-size:22px;color:#FFFFFF;}.elementor-248 .elementor-element.elementor-element-023a9df .elementor-swiper-button svg{fill:#FFFFFF;}.elementor-248 .elementor-element.elementor-element-f5b27cc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-248 .elementor-element.elementor-element-539db3f .gallery-item .gallery-caption{text-align:center;}.elementor-248 .elementor-element.elementor-element-0be291d{--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-248 .elementor-element.elementor-element-2b4cf30{--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-248 .elementor-element.elementor-element-1107206{--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-248 .elementor-element.elementor-element-9e49656 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-248 .elementor-element.elementor-element-9465e05{--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-248 .elementor-element.elementor-element-73a495c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-248 .elementor-element.elementor-element-ac819da .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-248 .elementor-element.elementor-element-0ceec38{--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-248 .elementor-element.elementor-element-a71d15c{--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-248 .elementor-element.elementor-element-27c41a4{--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-248 .elementor-element.elementor-element-eaa69e7{--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-248 .elementor-element.elementor-element-026a9f0{--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-248 .elementor-element.elementor-element-6402741{--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-248 .elementor-element.elementor-element-977372a{--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-248 .elementor-element.elementor-element-ebf685c{--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-248 .elementor-element.elementor-element-a2a3f92{--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-248 .elementor-element.elementor-element-56a8fc0{--width:100%;}.elementor-248 .elementor-element.elementor-element-68f66ad{--content-width:100%;}.elementor-248 .elementor-element.elementor-element-f5b4c19{--width:87.366%;}.elementor-248 .elementor-element.elementor-element-12f3e89{--width:40%;}.elementor-248 .elementor-element.elementor-element-c8eb4f8{--width:60%;}.elementor-248 .elementor-element.elementor-element-1107206{--width:46%;}.elementor-248 .elementor-element.elementor-element-026a9f0{--width:54%;}}@media(max-width:1024px) and (min-width:768px){.elementor-248 .elementor-element.elementor-element-f5b4c19{--width:72%;}}@media(min-width:1025px){.elementor-248 .elementor-element.elementor-element-56a8fc0:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-56a8fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-248 .elementor-element.elementor-element-56a8fc0{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-248 .elementor-element.elementor-element-68f66ad{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-248 .elementor-element.elementor-element-fc18480 .elementor-heading-title{font-size:18px;}.elementor-248 .elementor-element.elementor-element-3dd4ce8 .elementor-heading-title{font-size:50px;}.elementor-248 .elementor-element.elementor-element-3f23c0b{font-size:14px;}.elementor-248 .elementor-element.elementor-element-023a9df.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-248 .elementor-element.elementor-element-56a8fc0{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-248 .elementor-element.elementor-element-46e7d75{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-68f66ad{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-248 .elementor-element.elementor-element-f5b4c19{--width:100%;}.elementor-248 .elementor-element.elementor-element-fc18480 .elementor-heading-title{font-size:16px;}.elementor-248 .elementor-element.elementor-element-3dd4ce8 .elementor-heading-title{font-size:42px;}.elementor-248 .elementor-element.elementor-element-3f23c0b{font-size:14px;}.elementor-248 .elementor-element.elementor-element-da1947c img{max-width:100%;height:230px;}.elementor-248 .elementor-element.elementor-element-da1947c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-248 .elementor-element.elementor-element-54d6ce8 img{height:225px;}.elementor-248 .elementor-element.elementor-element-023a9df .elementor-main-swiper{height:360px;}.elementor-248 .elementor-element.elementor-element-023a9df.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* 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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__photo-main,
.elementor-248 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__photo-top,
.elementor-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


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


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

@media(max-width:1024px){

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


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


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

    width:78%;
    height:92%;
  }


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

    width:57%;
    height:64%;
  }


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

    line-height:
      1.12!important;
  }


  .elementor-248 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__glass-text,
  .elementor-248 .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-248 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__right *,
  .elementor-248 .elementor-element.elementor-element-46e7d75 .coastal-hero-collage__right *::before,
  .elementor-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 *,
.elementor-248 .elementor-element.elementor-element-56a8fc0 *::before,
.elementor-248 .elementor-element.elementor-element-56a8fc0 *::after{

    box-sizing:
        border-box;

}


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

    width:
        100%;

    max-width:
        1240px;

    margin-inline:
        auto;

}


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

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

    position:
        relative;

    isolation:
        isolate;

}


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

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}


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

    position:
        relative;

}


.elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-section:hover
.pt-section-title::after{

    width:
        86px;

}


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

.elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-text-link
.elementor-button:hover{

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

    transform:
        translateX(4px);

}


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

.elementor-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero:hover::before{

    opacity:
        1;

    transform:
        none;

    filter:
        none;

}


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

.elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell{

    position:
        relative;

}


/* soft luxury glow */

.elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy{

    position:
        relative;

    z-index:
        4;

}


/* decorative luxury rail */

.elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}


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

.elementor-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-title-accent{

    position:
        relative;

    width:
        max-content;

    max-width:
        100%;

}


.elementor-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero:hover
.pt-hero-title-accent::after{

    width:
        138px;

}


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

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

    max-width:
        650px;

}


.elementor-248 .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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-primary-btn
.elementor-button:hover::before{

    left:
        138%;

}


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

.elementor-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust > .elementor-element{
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
}


/* icon widget */

.elementor-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:13px !important;

        padding-top:17px;
    }


    .elementor-248 .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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-mini-trust .elementor-icon{
        width:22px;
        height:22px;
    }


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

        width:28px;
    }

}


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

@media(max-width:480px){

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


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

}


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

@media(min-width:1025px){

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

        max-width:
            720px;

    }

}


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

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

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

        min-height:
            590px;

    }


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

        opacity:
            .96;

    }


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

        width:
            74% !important;

    }


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


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



}


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

@media(max-width:767px){

    .elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero::before{

        opacity:
            .92;

    }


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

        height:
            130px;

    }


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

        width:
            280px;

        height:
            280px;


        left:
            35%;

        top:
            -60px;

    }


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

        width:
            100% !important;

    }


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


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

        display:
            none;

    }


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

        padding:

            6px 10px;

    }


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

        width:
            64px;


        margin-top:
            7px;

    }


    .elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero,
.elementor-248 .elementor-element.elementor-element-56a8fc0 .pt-hero::before,
.elementor-248 .elementor-element.elementor-element-56a8fc0 .pt-hero::after,
.elementor-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell,
.elementor-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-shell::before{
    background-image:
        none
        !important;
}

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

.elementor-248 .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-248 .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-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-trust{
    --width:100% !important;
    width:100% !important;
    max-width:none !important;
}

.elementor-248 .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-248 .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-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}

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

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

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

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

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

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

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

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

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

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

/* mobile */
@media(max-width:767px){
    .elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 .pt-hero-title .elementor-heading-title{
    /* color intentionally controlled by Elementor */
}

.elementor-248 .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-248 .elementor-element.elementor-element-56a8fc0 *,
    .elementor-248 .elementor-element.elementor-element-56a8fc0 *::before,
    .elementor-248 .elementor-element.elementor-element-56a8fc0 *::after{

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70630b0 *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   GALLERY — FINAL EDITORIAL VISUAL JOURNAL

   PASTE:
   GALLERY HIGH END
   → Advanced
   → Custom CSS

   REQUIRED CLASSES:

   gallery-highend
   gallery-shell

   gallery-header
   gallery-header-left
   gallery-eyebrow
   gallery-title
   gallery-intro

   gallery-visual

   gallery-left
   gallery-left-image

   gallery-right
   gallery-main-image
   gallery-carousel


   BRAND COLORS:

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

   FONT:

   Heading : El Messiri / El Messeri
   Body    : DM Sans
   ============================================================
   ============================================================ */


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

.elementor-248 .elementor-element.elementor-element-70630b0{

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

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

    --gal-brick:#C85B4A;
    --gal-gold:#D7A44A;

    --gal-ivory:#F7F1E7;
    --gal-ivory-light:#FCF9F4;

    --gal-blush:#EAD8D2;

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

    --gal-body:#594D48;
    --gal-muted:#7C6C67;

    --gal-line:rgba(109,31,36,.12);
    --gal-line-soft:rgba(109,31,36,.065);

    --gal-max:1420px;

    --gal-gap:12px;

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


    position:relative;

    isolation:isolate;

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

    min-width:0;

    margin:0!important;

    padding:

        clamp(80px,7vw,118px)
        clamp(20px,5vw,76px)
        clamp(78px,7vw,116px)

        !important;

    overflow:hidden;

    color:
        var(--gal-charcoal);

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

    background:

        radial-gradient(
            circle at 7% 9%,
            rgba(215,164,74,.09),
            transparent 23%
        ),

        radial-gradient(
            circle at 94% 17%,
            rgba(200,91,74,.045),
            transparent 28%
        ),

        radial-gradient(
            circle at 84% 90%,
            rgba(234,216,210,.34),
            transparent 31%
        ),

        linear-gradient(
            180deg,
            #FCF9F4 0%,
            #F7F1E7 100%
        )

        !important;
}


/* ============================================================
   02. GLOBAL RESET INSIDE SECTION
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 *,
.elementor-248 .elementor-element.elementor-element-70630b0 *::before,
.elementor-248 .elementor-element.elementor-element-70630b0 *::after{

    box-sizing:border-box;
}


.elementor-248 .elementor-element.elementor-element-70630b0 .e-con,
.elementor-248 .elementor-element.elementor-element-70630b0 .elementor-element,
.elementor-248 .elementor-element.elementor-element-70630b0 .elementor-widget,
.elementor-248 .elementor-element.elementor-element-70630b0 .elementor-widget-container{

    min-width:0;
}


.elementor-248 .elementor-element.elementor-element-70630b0 img{

    max-width:100%;
}


.elementor-248 .elementor-element.elementor-element-70630b0 p:last-child{

    margin-bottom:0!important;
}


/* ============================================================
   03. VERY SUBTLE BACKGROUND TEXTURE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    pointer-events:none;

    opacity:.19;

    background-image:

        radial-gradient(
            rgba(109,31,36,.075) .65px,
            transparent .65px
        );

    background-size:
        34px 34px;

    -webkit-mask-image:

        linear-gradient(
            115deg,
            rgba(0,0,0,.85),
            rgba(0,0,0,.25) 40%,
            transparent 76%
        );

    mask-image:

        linear-gradient(
            115deg,
            rgba(0,0,0,.85),
            rgba(0,0,0,.25) 40%,
            transparent 76%
        );
}


/* ============================================================
   04. AMBIENT GOLD / BLUSH LIGHT
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0::after{

    content:"";

    position:absolute;

    z-index:-9;

    pointer-events:none;

    width:
        clamp(440px,48vw,760px);

    height:
        clamp(440px,48vw,760px);

    right:
        clamp(-360px,-18vw,-180px);

    top:
        clamp(-330px,-15vw,-160px);

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(215,164,74,.085),
            rgba(200,91,74,.028) 43%,
            transparent 70%
        );

    animation:

        galleryAmbient
        12s
        ease-in-out
        infinite;
}


/* ============================================================
   05. GALLERY SHELL
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-shell{

    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    gap:0!important;

    width:100%!important;

    max-width:
        var(--gal-max)!important;

    min-width:0;

    margin:

        0 auto!important;

    padding:0!important;
}


/* ============================================================
   06. LARGE SECTION NUMBER
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-shell::before{

    content:"04";

    position:absolute;

    right:-4px;

    top:-65px;

    z-index:-2;

    pointer-events:none;

    user-select:none;

    color:transparent;

    font-family:

        "El Messiri",
        "El Messeri",
        serif;

    font-size:

        clamp(
            90px,
            9vw,
            145px
        );

    font-weight:500;

    line-height:1;

    letter-spacing:-.06em;

    -webkit-text-stroke:

        1px
        rgba(109,31,36,.045);
}


/* ============================================================
   07. LARGE GALLERY WATERMARK
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-shell::after{

    content:"GALLERY";

    position:absolute;

    left:-3px;

    bottom:-66px;

    z-index:-3;

    pointer-events:none;

    user-select:none;

    color:transparent;

    font-family:

        "El Messiri",
        "El Messeri",
        serif;

    font-size:

        clamp(
            105px,
            14vw,
            205px
        );

    font-weight:500;

    line-height:.78;

    letter-spacing:-.055em;

    -webkit-text-stroke:

        1px
        rgba(109,31,36,.028);
}


/* ============================================================
   ============================================================
   HEADER
   ============================================================
============================================================ */


/* ============================================================
   08. GALLERY HEADER
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header{

    position:relative;

    z-index:5;

    display:grid!important;

    grid-template-columns:

        minmax(0,1.15fr)
        minmax(320px,.68fr)

        !important;

    align-items:end!important;

    gap:

        clamp(
            60px,
            8vw,
            135px
        )

        !important;

    width:100%!important;

    min-width:0;

    margin:0!important;

    padding:

        0 0
        clamp(48px,5vw,70px)

        !important;

    border-bottom:

        1px solid
        var(--gal-line);
}


/* ============================================================
   09. HEADER LEFT
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header-left{

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    justify-content:flex-end!important;

    gap:0!important;

    width:100%!important;

    min-width:0;

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   10. GALLERY EYEBROW
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-eyebrow{

    margin:

        0 0
        16px

        !important;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-eyebrow
.elementor-heading-title{

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin:0!important;

    padding-left:37px;

    color:

        var(--gal-red)

        !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        10.5px!important;

    font-weight:

        700!important;

    line-height:

        1.2!important;

    letter-spacing:

        .17em!important;

    text-transform:
        uppercase;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-eyebrow
.elementor-heading-title::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:27px;

    height:1px;

    transform:

        translateY(-50%);

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            var(--gal-brick)
        );
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-eyebrow
.elementor-heading-title::after{

    content:"VISUAL JOURNAL";

    margin-left:5px;

    padding-left:12px;

    border-left:

        1px solid
        rgba(109,31,36,.17);

    color:

        rgba(43,37,35,.47);

    font-size:

        9px;

    font-weight:

        600;

    letter-spacing:

        .15em;
}


/* ============================================================
   11. GALLERY TITLE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-title{

    width:100%!important;

    max-width:

        710px!important;

    margin:0!important;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-title
.elementor-heading-title{

    margin:0!important;

    color:

        var(--gal-maroon)

        !important;

    font-family:

        "El Messiri",
        "El Messeri",
        serif

        !important;

    font-size:

        clamp(
            57px,
            5.7vw,
            88px
        )

        !important;

    font-weight:

        500!important;

    line-height:

        .94!important;

    letter-spacing:

        -.043em!important;

    text-wrap:
        balance;
}


/* underline */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-title::after{

    content:"";

    display:block;

    width:64px;

    height:2px;

    margin-top:23px;

    border-radius:999px;

    background:

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

    transition:

        width
        .55s
        var(--gal-ease);
}


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

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-header:hover
    .gallery-title::after{

        width:125px;
    }
}


/* ============================================================
   12. GALLERY INTRO
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro{

    position:relative;

    align-self:end;

    width:100%!important;

    max-width:

        470px!important;

    margin:

        0 0 5px!important;

    padding:

        0 0 0 22px!important;

    border-left:

        1px solid
        var(--gal-gold);
}


.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro,
.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro p,
.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro span,
.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-intro
.elementor-widget-container{

    margin-top:0;

    color:

        var(--gal-body)

        !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        16px!important;

    font-weight:

        400!important;

    line-height:

        1.72!important;
}


/* ============================================================
   ============================================================
   VISUAL COMPOSITION
   ============================================================
============================================================ */


/* ============================================================
   13. GALLERY VISUAL GRID
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual{

    position:relative;

    z-index:4;

    display:grid!important;

    grid-template-columns:

        minmax(280px,.70fr)
        minmax(0,1.30fr)

        !important;

    align-items:stretch!important;

    gap:

        var(--gal-gap)!important;

    width:100%!important;

    min-width:0;

    margin:

        clamp(38px,4vw,56px)
        0 0

        !important;

    padding:0!important;
}


/* tiny editorial detail */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual::before{

    content:"BALI · INDONESIA";

    position:absolute;

    top:-24px;

    right:0;

    color:

        rgba(43,37,35,.42);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8.5px;

    font-weight:700;

    line-height:1;

    letter-spacing:

        .17em;

    pointer-events:none;
}


/* subtle connector */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual::after{

    content:"";

    position:absolute;

    top:-17px;

    left:0;

    width:54px;

    height:1px;

    background:

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


/* ============================================================
   14. LEFT FEATURE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left{

    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    width:100%!important;

    min-width:0!important;

    height:

        clamp(
            540px,
            46vw,
            650px
        );

    margin:0!important;

    padding:0!important;

    overflow:hidden;

    border-radius:

        8px 8px
        54px 8px;

    background:

        var(--gal-blush);

    box-shadow:

        0 20px 44px
        rgba(65,27,27,.08);
}


/* ============================================================
   15. LEFT IMAGE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left-image{

    position:relative;

    z-index:1;

    width:100%!important;

    height:100%!important;

    margin:0!important;

    padding:0!important;

    overflow:hidden;

    border-radius:
        inherit;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-left-image
.elementor-widget-container{

    position:relative;

    width:100%!important;

    height:100%!important;

    overflow:hidden;

    border-radius:
        inherit;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-left-image img{

    position:relative;

    z-index:0;

    display:block;

    width:100%!important;

    height:100%!important;

    max-width:none!important;

    object-fit:
        cover!important;

    object-position:
        center center;

    border-radius:
        inherit;

    transform:
        scale(1.001);

    transition:

        transform
        .9s
        var(--gal-ease),

        filter
        .7s
        ease;
}


/* cinematic gradient */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-left-image
.elementor-widget-container::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(43,37,35,.02) 0%,
            transparent 46%,
            rgba(43,37,35,.34) 100%
        );
}


/* label top */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left-image::before{

    content:"01 / ISLAND MOMENTS";

    position:absolute;

    z-index:4;

    left:18px;

    top:18px;

    padding:

        8px 11px;

    border:

        1px solid
        rgba(255,255,255,.16);

    border-radius:999px;

    color:

        rgba(255,255,255,.92);

    background:

        rgba(43,37,35,.38);

    -webkit-backdrop-filter:

        blur(10px);

    backdrop-filter:

        blur(10px);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8px;

    font-weight:700;

    letter-spacing:

        .14em;

    pointer-events:none;
}


/* bottom label */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left-image::after{

    content:"BALI";

    position:absolute;

    z-index:4;

    left:20px;

    bottom:18px;

    color:

        rgba(255,255,255,.92);

    font-family:

        "El Messiri",
        "El Messeri",
        serif;

    font-size:

        21px;

    font-weight:500;

    line-height:1;

    letter-spacing:

        .02em;

    pointer-events:none;
}


/* ============================================================
   16. LEFT IMAGE HOVER
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-left:hover
    .gallery-left-image img{

        transform:

            scale(1.035);

        filter:

            saturate(1.04)
            contrast(1.025);
    }
}


/* ============================================================
   17. RIGHT FEATURE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-right{

    position:relative;

    z-index:2;

    display:grid!important;

    grid-template-columns:

        minmax(0,1fr)!important;

    grid-template-rows:

        minmax(0,1fr)
        auto!important;

    align-items:stretch!important;

    gap:

        var(--gal-gap)!important;

    width:100%!important;

    min-width:0!important;

    height:

        clamp(
            540px,
            46vw,
            650px
        );

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   18. MAIN IMAGE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image{

    position:relative;

    z-index:1;

    width:100%!important;

    min-width:0!important;

    min-height:0;

    height:100%!important;

    margin:0!important;

    padding:0!important;

    overflow:hidden;

    border-radius:

        8px 44px
        8px 8px;

    background:
        var(--gal-blush);

    box-shadow:

        0 18px 39px
        rgba(65,27,27,.065);
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-main-image
.elementor-widget-container{

    position:relative;

    width:100%!important;

    height:100%!important;

    overflow:hidden;

    border-radius:
        inherit;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-main-image img{

    position:relative;

    z-index:0;

    display:block;

    width:100%!important;

    height:100%!important;

    max-width:none!important;

    object-fit:
        cover!important;

    object-position:
        center center;

    border-radius:
        inherit;

    transform:
        scale(1.001);

    transition:

        transform
        .95s
        var(--gal-ease),

        filter
        .7s
        ease;
}


/* main cinematic overlay */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-main-image
.elementor-widget-container::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(43,37,35,.02),
            transparent 51%,
            rgba(43,37,35,.24)
        );
}


/* Main image number */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image::before{

    content:"02 / LANDSCAPES";

    position:absolute;

    z-index:5;

    left:18px;

    top:18px;

    padding:

        8px 11px;

    border:

        1px solid
        rgba(255,255,255,.17);

    border-radius:999px;

    color:

        rgba(255,255,255,.94);

    background:

        rgba(43,37,35,.36);

    -webkit-backdrop-filter:

        blur(10px);

    backdrop-filter:

        blur(10px);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8px;

    font-weight:700;

    letter-spacing:

        .14em;

    pointer-events:none;
}


/* main lower label */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image::after{

    content:"SEE BALI DIFFERENTLY";

    position:absolute;

    z-index:5;

    right:20px;

    bottom:18px;

    color:

        rgba(255,255,255,.90);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8.5px;

    font-weight:700;

    letter-spacing:

        .14em;

    pointer-events:none;
}


/* ============================================================
   19. MAIN IMAGE HOVER
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-main-image:hover img{

        transform:

            scale(1.028);

        filter:

            saturate(1.035)
            contrast(1.02);
    }
}


/* ============================================================
   ============================================================
   MEDIA CAROUSEL
   ============================================================
============================================================ */


/* ============================================================
   20. CAROUSEL WRAPPER
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-carousel{

    position:relative;

    z-index:3;

    width:100%!important;

    min-width:0!important;

    margin:0!important;

    padding:

        0 0 28px!important;

    overflow:hidden;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.elementor-widget-container{

    width:100%!important;

    min-width:0!important;

    overflow:hidden!important;
}


/* ============================================================
   21. SWIPER ROOT
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
:is(
    .swiper,
    .swiper-container,
    .swiper-initialized,
    .elementor-main-swiper,
    .elementor-swiper
){

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    overflow:hidden!important;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-wrapper{

    align-items:stretch!important;
}


/* ============================================================
   22. CAROUSEL SLIDE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-slide{

    position:relative;

    height:

        clamp(
            145px,
            13.2vw,
            188px
        )

        !important;

    min-height:0!important;

    overflow:hidden;

    border:

        1px solid
        rgba(109,31,36,.085);

    border-radius:

        6px 6px
        28px 6px;

    background:

        var(--gal-white);

    box-shadow:

        0 10px 26px
        rgba(65,27,27,.05);

    transition:

        transform
        .5s
        var(--gal-ease),

        border-color
        .4s
        ease,

        box-shadow
        .45s
        ease,

        opacity
        .4s
        ease;

    opacity:.91;
}


/* small top accent */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-slide::before{

    content:"";

    position:absolute;

    z-index:7;

    left:13px;

    top:0;

    width:34px;

    height:2px;

    border-radius:

        0 0
        999px 999px;

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            var(--gal-brick)
        );

    transition:

        width
        .45s
        var(--gal-ease);
}


/* ============================================================
   23. MEDIA CAROUSEL IMAGE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.elementor-carousel-image,

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-slide
.elementor-carousel-image{

    display:block!important;

    width:100%!important;

    height:100%!important;

    min-height:100%!important;

    background-size:

        cover!important;

    background-position:

        center center!important;

    background-repeat:

        no-repeat!important;

    transform:

        scale(1.001);

    transition:

        transform
        .75s
        var(--gal-ease),

        filter
        .6s
        ease;
}


/* fallback if carousel plugin outputs IMG */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-slide img{

    display:block;

    width:100%!important;

    height:100%!important;

    max-width:none!important;

    object-fit:

        cover!important;

    object-position:

        center center;

    transform:

        scale(1.001);

    transition:

        transform
        .75s
        var(--gal-ease),

        filter
        .6s
        ease;
}


/* ============================================================
   24. CAROUSEL IMAGE OVERLAY
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-slide::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:4;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            transparent 58%,
            rgba(43,37,35,.16)
        );

    opacity:.70;

    transition:

        opacity
        .45s
        ease;
}


/* ============================================================
   25. CAROUSEL HOVER
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide:hover{

        opacity:1;

        transform:

            translateY(-5px);

        border-color:

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

        box-shadow:

            0 18px 35px
            rgba(65,27,27,.09);
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide:hover
    .elementor-carousel-image,

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide:hover
    img{

        transform:

            scale(1.035);

        filter:

            saturate(1.04)
            contrast(1.02);
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide:hover::before{

        width:70px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide:hover::after{

        opacity:.32;
    }
}


/* ============================================================
   26. ACTIVE CAROUSEL SLIDE
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-slide-active{

    opacity:1;

    border-color:

        rgba(215,164,74,.28);
}


/* ============================================================
   27. CAROUSEL CAPTION
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
:is(
    figcaption,
    .elementor-image-carousel-caption,
    .elementor-carousel-image-overlay
){

    font-family:

        "DM Sans",
        sans-serif!important;

    font-size:

        11px!important;

    line-height:

        1.4!important;

    color:

        #FFFFFF!important;
}


/* ============================================================
   28. CAROUSEL PAGINATION
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-pagination{

    position:absolute!important;

    left:50%!important;

    bottom:2px!important;

    width:auto!important;

    transform:

        translateX(-50%);

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:2px;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-pagination-bullet{

    width:

        6px!important;

    height:

        6px!important;

    margin:

        0 4px!important;

    opacity:.30;

    border-radius:

        999px!important;

    background:

        var(--gal-maroon)

        !important;

    transition:

        width
        .35s
        var(--gal-ease),

        opacity
        .35s
        ease,

        background
        .35s
        ease;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-pagination-bullet-active{

    width:

        25px!important;

    opacity:1;

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            var(--gal-red)
        )

        !important;
}


/* ============================================================
   29. ELEMENTOR MEDIA CAROUSEL ARROWS
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
:is(
    .elementor-swiper-button,
    .swiper-button-prev,
    .swiper-button-next
){

    width:

        40px!important;

    height:

        40px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    margin:0!important;

    color:

        #FFFFFF!important;

    border:

        1px solid
        rgba(255,255,255,.15);

    border-radius:50%;

    background:

        rgba(109,31,36,.88);

    box-shadow:

        0 8px 22px
        rgba(43,37,35,.16);

    -webkit-backdrop-filter:

        blur(8px);

    backdrop-filter:

        blur(8px);

    opacity:.74;

    transition:

        opacity
        .35s
        ease,

        transform
        .35s
        var(--gal-ease),

        background
        .35s
        ease;
}


.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.elementor-swiper-button svg,

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
:is(
    .swiper-button-prev,
    .swiper-button-next
)::after{

    font-size:

        13px!important;
}


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

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel:hover
    :is(
        .elementor-swiper-button,
        .swiper-button-prev,
        .swiper-button-next
    ){

        opacity:1;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    :is(
        .elementor-swiper-button,
        .swiper-button-prev,
        .swiper-button-next
    ):hover{

        transform:

            scale(1.06);

        background:

            var(--gal-red);
    }
}


/* ============================================================
   30. LEFT ARROW
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
:is(
    .elementor-swiper-button-prev,
    .swiper-button-prev
){

    left:

        10px!important;
}


/* ============================================================
   31. RIGHT ARROW
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
:is(
    .elementor-swiper-button-next,
    .swiper-button-next
){

    right:

        10px!important;
}


/* ============================================================
   ============================================================
   LARGE DESKTOP
   ============================================================
============================================================ */

@media(min-width:1600px){

    .elementor-248 .elementor-element.elementor-element-70630b0{

        --gal-max:
            1480px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-right{

        height:

            675px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide{

        height:

            195px!important;
    }
}


/* ============================================================
   ============================================================
   LAPTOP
   1025 - 1280
   ============================================================
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0{

        padding-left:

            42px!important;

        padding-right:

            42px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header{

        grid-template-columns:

            minmax(0,1.1fr)
            minmax(300px,.7fr)

            !important;

        gap:

            65px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                53px,
                5.4vw,
                72px
            )

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual{

        grid-template-columns:

            minmax(275px,.72fr)
            minmax(0,1.28fr)

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-right{

        height:

            clamp(
                535px,
                48vw,
                590px
            );
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                142px,
                13.5vw,
                175px
            )

            !important;
    }
}


/* ============================================================
   ============================================================
   TABLET LANDSCAPE
   821 - 1024
   ============================================================
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0{

        padding:

            68px
            30px
            82px

            !important;
    }


    /* header stack */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            27px!important;

        padding-bottom:

            43px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                51px,
                7vw,
                64px
            )

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro{

        max-width:

            670px!important;
    }


    /* visual stays 2 columns */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual{

        grid-template-columns:

            minmax(240px,.68fr)
            minmax(0,1.32fr)

            !important;

        gap:

            10px!important;

        margin-top:

            42px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-right{

        height:

            clamp(
                475px,
                58vw,
                535px
            );
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                130px,
                17vw,
                165px
            )

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left{

        border-radius:

            7px 7px
            42px 7px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image{

        border-radius:

            7px 35px
            7px 7px;
    }
}


/* ============================================================
   ============================================================
   TABLET PORTRAIT
   768 - 820
   ============================================================
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0{

        padding:

            66px
            28px
            80px

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            27px!important;

        padding-bottom:

            40px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                49px,
                7vw,
                59px
            )

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro{

        max-width:

            620px!important;
    }


    /*
       IMPORTANT:
       Right container becomes transparent layout wrapper.
       This lets carousel become full width below both images.
    */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual{

        display:grid!important;

        grid-template-columns:

            minmax(0,.78fr)
            minmax(0,1.22fr)

            !important;

        grid-template-rows:

            365px
            auto!important;

        gap:

            10px!important;

        margin-top:

            39px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-right{

        display:contents!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left{

        grid-column:1;

        grid-row:1;

        width:100%!important;

        height:100%!important;

        min-height:0;

        border-radius:

            7px 7px
            36px 7px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image{

        grid-column:2;

        grid-row:1;

        width:100%!important;

        height:100%!important;

        min-height:0;

        border-radius:

            7px 34px
            7px 7px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-carousel{

        grid-column:

            1 / -1;

        grid-row:2;

        width:100%!important;

        min-width:0!important;

        margin-top:

            2px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide{

        height:

            175px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-visual::before{

        display:none;
    }
}


/* ============================================================
   ============================================================
   MOBILE
   <=767
   ============================================================
============================================================ */

@media(max-width:767px){

    .elementor-248 .elementor-element.elementor-element-70630b0{

        padding:

            56px
            clamp(
                17px,
                5vw,
                23px
            )
            67px

            !important;
    }


    /* section number */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-shell::before{

        top:-26px;

        right:0;

        font-size:

            65px;
    }


    /* watermark */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-shell::after{

        left:0;

        bottom:-3px;

        font-size:

            clamp(
                75px,
                25vw,
                113px
            );
    }


    /* header */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            21px!important;

        padding-bottom:

            33px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-eyebrow{

        margin-bottom:

            12px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-eyebrow
    .elementor-heading-title{

        padding-left:

            29px;

        font-size:

            9px!important;

        letter-spacing:

            .15em!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-eyebrow
    .elementor-heading-title::before{

        width:

            20px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-eyebrow
    .elementor-heading-title::after{

        font-size:

            7.5px;

        margin-left:

            2px;

        padding-left:

            8px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                41px,
                11.5vw,
                51px
            )

            !important;

        line-height:

            .97!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-title::after{

        width:

            51px;

        margin-top:

            16px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro{

        max-width:

            100%!important;

        margin:0!important;

        padding-left:

            16px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro p,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro span{

        font-size:

            16px!important;

        line-height:

            1.68!important;
    }


    /*
       MOBILE ORDER:

       1. MAIN IMAGE
       2. PORTRAIT IMAGE
       3. MEDIA CAROUSEL
    */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual{

        display:flex!important;

        flex-direction:column!important;

        align-items:stretch!important;

        gap:

            12px!important;

        width:100%!important;

        margin-top:

            31px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-right{

        display:contents!important;
    }


    /* MAIN FIRST */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image{

        order:1;

        width:100%!important;

        height:auto!important;

        min-height:0;

        aspect-ratio:

            16 / 10;

        border-radius:

            7px 30px
            7px 7px;
    }


    /* LEFT SECOND */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left{

        order:2;

        width:100%!important;

        height:auto!important;

        min-height:0;

        aspect-ratio:

            4 / 5;

        border-radius:

            7px 7px
            37px 7px;
    }


    /* CAROUSEL THIRD */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-carousel{

        order:3;

        width:100%!important;

        margin-top:

            2px!important;

        padding-bottom:

            27px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                175px,
                51vw,
                225px
            )

            !important;

        border-radius:

            6px 6px
            26px 6px;
    }


    /* hide arrows mobile */

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    :is(
        .elementor-swiper-button,
        .swiper-button-prev,
        .swiper-button-next
    ){

        display:none!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual::before,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual::after{

        display:none;
    }


    /* overlay labels slightly smaller */

    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left-image::before,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image::before{

        left:13px;

        top:13px;

        padding:

            7px 9px;

        font-size:

            7px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left-image::after{

        left:15px;

        bottom:14px;

        font-size:

            18px;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image::after{

        right:15px;

        bottom:14px;

        font-size:

            7px;
    }
}


/* ============================================================
   ============================================================
   SMALL MOBILE
   <=480
   ============================================================
============================================================ */

@media(max-width:480px){

    .elementor-248 .elementor-element.elementor-element-70630b0{

        padding-left:

            max(
                17px,
                env(safe-area-inset-left)
            )

            !important;

        padding-right:

            max(
                17px,
                env(safe-area-inset-right)
            )

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                38px,
                11vw,
                46px
            )

            !important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-eyebrow
    .elementor-heading-title::after{

        content:"JOURNAL";
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image{

        aspect-ratio:

            16 / 10.5;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left{

        aspect-ratio:

            4 / 5;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                165px,
                52vw,
                205px
            )

            !important;
    }
}


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

@media(max-width:374px){

    .elementor-248 .elementor-element.elementor-element-70630b0{

        padding-top:

            50px!important;

        padding-bottom:

            61px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-title
    .elementor-heading-title{

        font-size:

            36px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-eyebrow
    .elementor-heading-title::after{

        display:none;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro,
    .elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro p{

        font-size:

            16px!important;
    }


    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide{

        height:

            165px!important;
    }
}


/* ============================================================
   ============================================================
   TOUCH DEVICE
   ============================================================
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-left-image img,

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-main-image img,

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .swiper-slide,

    .elementor-248 .elementor-element.elementor-element-70630b0
    .gallery-carousel
    .elementor-carousel-image{

        transform:

            none!important;
    }
}


/* ============================================================
   ============================================================
   PREVENT RESPONSIVE OVERFLOW
   ============================================================
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header,
.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-header-left,
.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-intro,

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-visual,

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left,
.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-left-image,

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-right,
.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-main-image,

.elementor-248 .elementor-element.elementor-element-70630b0 .gallery-carousel,
.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.elementor-widget-container,
.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper,
.elementor-248 .elementor-element.elementor-element-70630b0
.gallery-carousel
.swiper-container{

    min-width:

        0!important;

    max-width:

        100%;
}


/* ============================================================
   37. ACCESSIBILITY
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 a:focus-visible,
.elementor-248 .elementor-element.elementor-element-70630b0 button:focus-visible{

    outline:

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

    outline-offset:

        4px;
}


/* ============================================================
   38. REDUCED MOTION
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-70630b0 *,
    .elementor-248 .elementor-element.elementor-element-70630b0 *::before,
    .elementor-248 .elementor-element.elementor-element-70630b0 *::after{

        animation-duration:

            .01ms!important;

        animation-iteration-count:

            1!important;

        transition-duration:

            .01ms!important;
    }
}


/* ============================================================
   39. AMBIENT ANIMATION
============================================================ */

@keyframes galleryAmbient{

    0%,
    100%{

        opacity:.75;

        transform:

            scale(1);
    }


    50%{

        opacity:1;

        transform:

            scale(1.06);
    }
}


/* ============================================================
   40. TEXT SELECTION
============================================================ */

.elementor-248 .elementor-element.elementor-element-70630b0 ::selection{

    color:

        #FFFFFF;

    background:

        var(--gal-red);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b27cc *//* =========================================================
   =========================================================
   MOUNT BATUR JEEP BALI
   GALLERY GRID — BACKGROUND MATCH OUR GALLERY
   =========================================================

   CLASS:
   coastal-gallery-grid

   Tempel class pada:
   Gallery / Image Gallery Widget

   Lalu paste CSS ini di:
   Advanced → Custom CSS

   BACKGROUND:
   Disamakan dengan section Our Gallery

   GLOBAL COLOR:
   Volcanic Black : #161A18
   Lava Charcoal  : #292E2B
   Sunrise Gold   : #E6A84A
   Sunrise Cream  : #F4D6A0
   Warm Ivory     : #F7F4EC
   Mountain Green : #526B58
   Dark Forest    : #263B31
   Body Text      : #555B57
========================================================= */


/* =========================================================
   01. ROOT
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc{

  --cgg-black:#161A18;
  --cgg-charcoal:#292E2B;

  --cgg-gold:#E6A84A;
  --cgg-gold-light:#F4D6A0;

  --cgg-cream:#F7F4EC;
  --cgg-ivory:#FFFDF8;
  --cgg-white:#FFFFFF;

  --cgg-green:#526B58;
  --cgg-forest:#263B31;
  --cgg-text:#555B57;

  --cgg-border:
    rgba(230,168,74,.12);

  --cgg-shadow:
    0 18px 42px
    rgba(22,26,24,.09);

  --cgg-shadow-hover:
    0 28px 58px
    rgba(22,26,24,.15);

  --cgg-radius:
    22px;

  --cgg-radius-feature:
    22px 22px 46px 22px;

  --cgg-gap:
    12px;

  --cgg-tr:
    .55s
    cubic-bezier(.22,1,.36,1);


  position:relative;

  isolation:isolate;

  overflow:visible;


  /* =======================================================
     BACKGROUND DISAMAKAN DENGAN KODE PERTAMA
  ======================================================= */

  background:

    radial-gradient(
      circle at 6% 15%,
      rgba(230,168,74,.065),
      transparent 24%
    ),

    radial-gradient(
      circle at 94% 73%,
      rgba(82,107,88,.045),
      transparent 25%
    ),

    linear-gradient(
      135deg,
      #F7F4EC 0%,
      #FCFAF5 50%,
      #F7F4EC 100%
    )

    !important;


  border-top:

    1px solid
    rgba(230,168,74,.07);


  border-bottom:

    1px solid
    rgba(230,168,74,.07);

}


/* =========================================================
   02. DECORATIVE TOP LINE
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc::before{

  content:"";

  position:absolute;

  top:-18px;

  left:50%;

  width:
    min(72%,920px);

  height:1px;

  transform:
    translateX(-50%);

  pointer-events:none;

  background:

    linear-gradient(
      90deg,

      transparent,

      rgba(230,168,74,.45),

      rgba(82,107,88,.15),

      rgba(230,168,74,.45),

      transparent
    );

}


/* =========================================================
   03. SUBTLE BACKGROUND DETAIL
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc::after{

  content:"";

  position:absolute;

  z-index:-1;

  inset:0;

  pointer-events:none;

  opacity:.10;


  background-image:

    radial-gradient(
      circle,
      rgba(230,168,74,.13) 1px,
      transparent 1.2px
    );


  background-size:
    31px 31px;


  -webkit-mask-image:

    linear-gradient(
      118deg,
      transparent 0%,
      transparent 60%,
      #000 100%
    );


  mask-image:

    linear-gradient(
      118deg,
      transparent 0%,
      transparent 60%,
      #000 100%
    );

}


/* =========================================================
   =========================================================
   04. BASIC IMAGE GALLERY — GRID
   =========================================================
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery{

  display:grid!important;


  grid-template-columns:

    repeat(
      4,
      minmax(0,1fr)
    )

    !important;


  gap:
    var(--cgg-gap)!important;


  margin:
    0!important;


  padding:
    0!important;

}


/* =========================================================
   05. RESET DEFAULT WORDPRESS / ELEMENTOR COLUMN
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery-item,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-item{

  float:none!important;


  width:
    100%!important;


  max-width:
    none!important;


  margin:
    0!important;


  padding:
    0!important;


  position:relative;

  isolation:isolate;

  overflow:hidden;


  border:

    1px solid
    rgba(230,168,74,.22);


  border-radius:
    var(--cgg-radius);


  background:

    linear-gradient(
      145deg,
      var(--cgg-ivory),
      var(--cgg-cream)
    );


  box-shadow:
    var(--cgg-shadow);


  transform:
    translateZ(0);


  transition:

    transform
    var(--cgg-tr),

    box-shadow
    var(--cgg-tr),

    border-color
    var(--cgg-tr);

}


/* =========================================================
   06. EDITORIAL SHAPE VARIATION
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery-item:nth-child(4n+1),

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-item:nth-child(4n+1){

  border-radius:
    var(--cgg-radius-feature);

}


.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery-item:nth-child(4n+4),

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-item:nth-child(4n+4){

  border-radius:
    22px 46px 22px 22px;

}


/* =========================================================
   07. GOLD DETAIL
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery-item::before,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-item::before{

  content:"";


  position:absolute;

  z-index:5;


  top:0;

  left:20px;


  width:
    44px;


  height:
    3px;


  border-radius:
    0 0 999px 999px;


  background:

    linear-gradient(
      90deg,
      var(--cgg-gold),
      var(--cgg-gold-light)
    );


  transition:

    width
    var(--cgg-tr);

}


/* =========================================================
   08. INNER FINE FRAME
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery-item::after,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-item::after{

  content:"";


  position:absolute;

  z-index:4;


  inset:
    8px;


  pointer-events:none;


  border:

    1px solid
    rgba(255,255,255,.35);


  border-radius:

    calc(
      var(--cgg-radius) - 7px
    );

}


/* =========================================================
   09. LINK WRAPPER
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery-icon,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-icon,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery-icon a,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-icon a{

  display:block!important;


  width:
    100%!important;


  height:
    100%!important;


  overflow:hidden;

}


/* =========================================================
   10. IMAGE
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-image-gallery
.gallery img,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery
.gallery-item img{

  display:block!important;


  width:
    100%!important;


  height:
    100%!important;


  min-height:
    230px;


  aspect-ratio:
    1.48 / 1;


  object-fit:
    cover!important;


  object-position:
    center!important;


  border:
    0!important;


  border-radius:
    inherit!important;


  transform:
    scale(1.001);


  filter:

    saturate(.96)
    contrast(1.02)
    brightness(.98);


  transition:

    transform
    .75s
    cubic-bezier(.22,1,.36,1),

    filter
    var(--cgg-tr);

}


/* =========================================================
   =========================================================
   11. HOVER
   =========================================================
========================================================= */

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

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery-item:hover,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item:hover{

    transform:

      translateY(-7px);


    border-color:

      rgba(230,168,74,.55);


    box-shadow:

      var(--cgg-shadow-hover);

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery-item:hover::before,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item:hover::before{

    width:
      92px;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery-item:hover img,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item:hover img{

    transform:

      scale(1.045);


    filter:

      saturate(1.07)
      contrast(1.03)
      brightness(1.02);

  }

}


/* =========================================================
   =========================================================
   12. ELEMENTOR PRO GALLERY
   =========================================================
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-container,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery__container{

  gap:
    var(--cgg-gap)!important;

}


/* =========================================================
   13. PRO GALLERY ITEM
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-item,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery-item{

  position:
    relative!important;


  isolation:isolate;


  overflow:
    hidden!important;


  border:

    1px solid
    rgba(230,168,74,.22)

    !important;


  border-radius:

    var(--cgg-radius)

    !important;


  box-shadow:

    var(--cgg-shadow);


  background:

    linear-gradient(
      145deg,
      var(--cgg-ivory),
      var(--cgg-cream)
    );


  transition:

    transform
    var(--cgg-tr),

    box-shadow
    var(--cgg-tr),

    border-color
    var(--cgg-tr)

    !important;

}


/* =========================================================
   14. PRO GALLERY SHAPE VARIATION
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-item:nth-child(4n+1),

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery-item:nth-child(4n+1){

  border-radius:

    var(--cgg-radius-feature)

    !important;

}


.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-item:nth-child(4n+4),

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery-item:nth-child(4n+4){

  border-radius:

    22px 46px 22px 22px

    !important;

}


/* =========================================================
   15. PRO GOLD DETAIL
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-item::before,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery-item::before{

  content:"";


  position:absolute;


  z-index:6;


  top:0;

  left:20px;


  width:
    44px;


  height:
    3px;


  border-radius:
    0 0 999px 999px;


  background:

    linear-gradient(
      90deg,
      var(--cgg-gold),
      var(--cgg-gold-light)
    );


  pointer-events:none;


  transition:

    width
    var(--cgg-tr);

}


/* =========================================================
   16. PRO INNER FRAME
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-item::after,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery-item::after{

  content:"";


  position:absolute;


  z-index:5;


  inset:
    8px;


  pointer-events:none;


  border:

    1px solid
    rgba(255,255,255,.34);


  border-radius:
    15px;

}


/* =========================================================
   17. PRO IMAGE
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-image,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery-item__image{

  transition:

    transform
    .75s
    cubic-bezier(.22,1,.36,1),

    filter
    var(--cgg-tr)

    !important;


  filter:

    saturate(.96)
    contrast(1.02)
    brightness(.98);

}


/* =========================================================
   18. PRO HOVER
========================================================= */

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

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .e-gallery-item:hover,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-gallery-item:hover{

    transform:

      translateY(-7px)

      !important;


    border-color:

      rgba(230,168,74,.55)

      !important;


    box-shadow:

      var(--cgg-shadow-hover);

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .e-gallery-item:hover::before,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-gallery-item:hover::before{

    width:
      92px;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .e-gallery-item:hover
  .e-gallery-image,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-gallery-item:hover
  .elementor-gallery-item__image{

    transform:

      scale(1.045)

      !important;


    filter:

      saturate(1.07)
      contrast(1.03)
      brightness(1.02);

  }

}


/* =========================================================
   =========================================================
   19. OPTIONAL CAPTION
   =========================================================
========================================================= */

.elementor-248 .elementor-element.elementor-element-f5b27cc
.gallery-caption,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.elementor-gallery-item__title,

.elementor-248 .elementor-element.elementor-element-f5b27cc
.e-gallery-item
.elementor-gallery-item__title{

  position:
    absolute!important;


  z-index:
    8;


  left:
    16px;


  right:
    16px;


  bottom:
    14px;


  width:
    auto!important;


  margin:
    0!important;


  padding:

    9px 12px!important;


  color:

    var(--cgg-ivory)!important;


  background:

    rgba(22,26,24,.66)

    !important;


  border:

    1px solid
    rgba(244,214,160,.12);


  border-radius:
    12px;


  box-shadow:

    0 10px 24px
    rgba(22,26,24,.20);


  -webkit-backdrop-filter:

    blur(10px);


  backdrop-filter:

    blur(10px);


  font-family:

    "DM Sans",
    sans-serif

    !important;


  font-size:

    10px!important;


  font-weight:

    600!important;


  line-height:

    1.4!important;


  letter-spacing:

    .04em!important;


  opacity:
    .94;


  transition:

    transform
    var(--cgg-tr),

    opacity
    var(--cgg-tr),

    background-color
    var(--cgg-tr);

}


/* =========================================================
   20. CAPTION HOVER
========================================================= */

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

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery-item:hover
  .gallery-caption,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .e-gallery-item:hover
  .elementor-gallery-item__title,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-gallery-item:hover
  .elementor-gallery-item__title{

    transform:

      translateY(-3px);


    opacity:
      1;


    background:

      rgba(38,59,49,.78)

      !important;

  }

}


/* =========================================================
   =========================================================
   21. TABLET
   =========================================================
========================================================= */

@media(max-width:1024px){

  .elementor-248 .elementor-element.elementor-element-f5b27cc{

    --cgg-gap:
      10px;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery{

    grid-template-columns:

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

      !important;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery img,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item img{

    min-height:
      210px;

  }

}


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

@media(max-width:767px){

  .elementor-248 .elementor-element.elementor-element-f5b27cc{

    --cgg-gap:
      9px;


    --cgg-radius:
      18px;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc::before{

    top:
      -14px;


    width:
      82%;

  }


  /* =======================================================
     2 COLUMNS
  ======================================================= */

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery{

    grid-template-columns:

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

      !important;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery-item,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item{

    border-radius:

      18px 18px 30px 18px;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery-item:nth-child(4n+4),

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item:nth-child(4n+4){

    border-radius:

      18px 30px 18px 18px;

  }


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

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery img,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item img{

    min-height:
      160px;


    aspect-ratio:

      1.1 / 1;

  }


  /* =======================================================
     GOLD ACCENT
  ======================================================= */

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery-item::before,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item::before,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .e-gallery-item::before,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-gallery-item::before{

    left:
      14px;


    width:
      34px;

  }


  /* =======================================================
     CAPTION
  ======================================================= */

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery-caption,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-gallery-item__title{

    left:
      10px;


    right:
      10px;


    bottom:
      10px;


    padding:

      7px 9px!important;


    font-size:

      9px!important;

  }

}


/* =========================================================
   =========================================================
   23. VERY SMALL MOBILE
   =========================================================
========================================================= */

@media(max-width:430px){

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery{

    grid-template-columns:

      1fr!important;

  }


  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-image-gallery
  .gallery img,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery
  .gallery-item img{

    min-height:
      220px;


    aspect-ratio:

      1.4 / 1;

  }

}


/* =========================================================
   24. TOUCH DEVICES
========================================================= */

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

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .gallery-item:hover,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .e-gallery-item:hover,

  .elementor-248 .elementor-element.elementor-element-f5b27cc
  .elementor-gallery-item:hover{

    transform:

      none!important;

  }

}


/* =========================================================
   25. REDUCED MOTION
========================================================= */

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

  .elementor-248 .elementor-element.elementor-element-f5b27cc *,
  .elementor-248 .elementor-element.elementor-element-f5b27cc *::before,
  .elementor-248 .elementor-element.elementor-element-f5b27cc *::after{

    transition-duration:

      .01ms!important;


    animation-duration:

      .01ms!important;


    animation-iteration-count:

      1!important;

  }

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

    /* 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-248 .elementor-element.elementor-element-0be291d *,
.elementor-248 .elementor-element.elementor-element-0be291d *::before,
.elementor-248 .elementor-element.elementor-element-0be291d *::after{

    box-sizing:border-box;

}


.elementor-248 .elementor-element.elementor-element-0be291d .elementor-element{

    --widgets-spacing:0px;

}


.elementor-248 .elementor-element.elementor-element-0be291d .elementor-widget-heading,
.elementor-248 .elementor-element.elementor-element-0be291d .elementor-widget-text-editor,
.elementor-248 .elementor-element.elementor-element-0be291d .elementor-widget-button,
.elementor-248 .elementor-element.elementor-element-0be291d .elementor-widget-image{

    margin:0 !important;

}


.elementor-248 .elementor-element.elementor-element-0be291d p{

    margin-top:0;

}


.elementor-248 .elementor-element.elementor-element-0be291d p:last-child{

    margin-bottom:0 !important;

}


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

.elementor-248 .elementor-element.elementor-element-0be291d::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-248 .elementor-element.elementor-element-0be291d::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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-index{

    position:relative;

    width:auto !important;

    padding-left:

        48px !important;

}


.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-location{

    width:auto !important;

    max-width:max-content !important;

}


.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-eyebrow{

    position:relative;

    width:max-content !important;

    max-width:100%;

    margin:

        0 0
        25px

        !important;

    padding-left:

        23px !important;

}


.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-title{

    width:100% !important;

    max-width:650px !important;

    margin:

        0 0
        28px

        !important;

}


.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-button{

    width:auto !important;

    max-width:100% !important;

    margin:0 !important;

}


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

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.mbc-cta-button
.elementor-button-text{

    line-height:1 !important;

    white-space:nowrap;

}


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

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.mbc-cta-button-primary
.elementor-button{

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

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

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

}


.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button
    .elementor-button:hover{

        transform:

            translateY(-4px);

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button-primary
    .elementor-button:hover{

        color:

            var(--mbc-white)

            !important;

        box-shadow:

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

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button-primary
    .elementor-button:hover::before{

        transform:

            translateX(0);

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .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-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button-secondary
    .elementor-button:hover::before{

        transform:

            scaleX(1);

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-text,

    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-icon{

        color:

            var(--mbc-black)

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button
    .elementor-button:hover
    .elementor-button-icon{

        transform:

            translateX(4px);

    }

}


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

.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-item:last-child{

    border-right:none;

}


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

.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-item:hover{

        padding-left:

            21px !important;

        background:

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

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-item:hover::after{

        transform:

            scaleX(1);

    }

}


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

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
.mbc-cta-image
.elementor-widget-container{

    width:100% !important;

    height:

        clamp(
            390px,
            34vw,
            505px
        )

        !important;

    overflow:hidden;

}


.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
    .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{

    max-width:

        260px !important;

}


.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-info-intro{

    min-width:0 !important;

    display:flex !important;

    flex-direction:column !important;

    gap:

        6px !important;

}


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

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-stat:last-child{

    border-right:none;

}


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

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
.mbc-cta-footer-left
.elementor-heading-title,

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-left{

    position:relative;

    padding-left:

        14px !important;

}


.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-text,
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-star{

    width:auto !important;

    max-width:max-content !important;

    flex:

        0 0 auto !important;

    margin:0 !important;

}


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

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d{

        padding-left:

            42px !important;

        padding-right:

            42px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-main{

        grid-template-columns:

            minmax(380px,.93fr)

            minmax(440px,1.07fr);

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-content{

        padding:

            52px
            46px

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                49px,
                4.6vw,
                66px
            )

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-visual{

        padding:

            35px
            31px

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                370px,
                33vw,
                455px
            )

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info{

        gap:

            15px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-stats{

        min-width:

            205px !important;

    }

}


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

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

    .elementor-248 .elementor-element.elementor-element-0be291d{

        padding:

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

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-top{

        max-width:

            880px !important;

        margin-bottom:

            39px !important;

    }


    /* STACK */

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-content{

        width:100% !important;

        max-width:100% !important;

        padding:

            58px
            55px
            55px

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-title{

        max-width:

            680px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                50px,
                7vw,
                68px
            )

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description{

        max-width:

            625px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof{

        max-width:

            650px !important;

    }


    /* VISUAL */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-visual{

        width:100% !important;

        padding:

            50px
            55px
            48px

            !important;

        border-left:none;

        border-top:

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

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-visual::before{

        left:20%;

        top:-1px;

        width:60%;

        height:1px;

        background:

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

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-image
    .elementor-widget-container{

        height:

            470px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info{

        width:

            calc(100% - 55px)

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail{

        max-width:

            880px !important;

    }

}


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

@media(max-width:767px){

    .elementor-248 .elementor-element.elementor-element-0be291d{

        padding:

            58px
            14px
            62px

            !important;

        overflow-x:

            hidden !important;

    }


    /* TOP */

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-index{

        padding-left:

            30px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-index::before{

        width:

            19px;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-index
    .elementor-heading-title{

        font-size:

            6px !important;

        letter-spacing:

            .09em !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-location{

        max-width:

            145px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-location
    .elementor-heading-title{

        font-size:

            5.5px !important;

        line-height:

            1.4 !important;

        letter-spacing:

            .07em !important;

    }


    /* MAIN */

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-main::before{

        inset:

            8px;

        border-radius:

            2px 23px
            2px 23px;

    }


    /* CONTENT */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-content{

        width:100% !important;

        padding:

            42px
            22px
            40px

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-content::before{

        top:

            6px;

        left:

            13px;

        font-size:

            104px;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-eyebrow{

        margin-bottom:

            19px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-eyebrow
    .elementor-heading-title{

        font-size:

            6.5px !important;

        letter-spacing:

            .11em !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-title{

        width:100% !important;

        max-width:100% !important;

        margin-bottom:

            23px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                39px,
                11vw,
                49px
            )

            !important;

        line-height:

            .98 !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-title::after{

        width:

            57px;

        margin-top:

            18px;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description{

        max-width:

            100% !important;

        margin-bottom:

            29px !important;

        padding-left:

            13px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description p{

        font-size:

            13px !important;

        line-height:

            1.7 !important;

    }


    /* BUTTONS */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-actions{

        width:100% !important;

        margin-bottom:

            31px !important;

        flex-direction:

            column !important;

        align-items:

            stretch !important;

        gap:

            10px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button{

        width:

            100% !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button
    .elementor-button{

        width:

            100% !important;

        min-width:

            0 !important;

        min-height:

            53px !important;

    }


    /* PROOF */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof{

        width:100% !important;

        max-width:100% !important;

        grid-template-columns:

            1fr;

        border-bottom:none;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-proof-title
    .elementor-heading-title{

        font-size:

            15px !important;

    }


    /* VISUAL */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-visual{

        width:100% !important;

        padding:

            34px
            14px
            35px

            !important;

        border-left:none;

        border-top:

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

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-photo-stage::before{

        left:

            20px;

        right:

            -7px;

        top:

            -10px;

        bottom:

            15px;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                340px,
                105vw,
                440px
            )

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-image{

        border-radius:

            3px 23px
            3px 23px;

    }


    /* BADGE */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge{

        left:

            12px !important;

        top:

            13px !important;

        width:

            120px !important;

        min-height:

            88px !important;

        padding:

            12px
            13px

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-badge-title
    .elementor-heading-title{

        font-size:

            17px !important;

    }


    /* CAPTION */

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{

        max-width:

            250px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:

            21px !important;

        text-align:

            left !important;

    }


    /* INFO */

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-info-intro{

        width:100% !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-stat{

        min-width:0 !important;

        padding:

            2px
            12px

            !important;

    }


    /* FOOTER */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-visual-footer{

        margin-top:

            15px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-footer-left
    .elementor-heading-title,

    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-footer-right
    .elementor-heading-title{

        font-size:

            4.7px !important;

        letter-spacing:

            .07em !important;

    }


    /* RAIL */

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail{

        width:100% !important;

        max-width:100% !important;

        margin-top:

            20px !important;

        padding:

            16px
            3px

            !important;

        gap:

            8px
            11px

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-rail-text
    .elementor-heading-title{

        font-size:

            5.8px !important;

        letter-spacing:

            .07em !important;

        text-align:center;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-rail-star
    .elementor-heading-title{

        font-size:

            6.5px !important;

    }

}


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

@media(max-width:430px){

    .elementor-248 .elementor-element.elementor-element-0be291d{

        padding-left:

            12px !important;

        padding-right:

            12px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-content{

        padding-left:

            19px !important;

        padding-right:

            19px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                37px,
                10.8vw,
                45px
            )

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-visual{

        padding-left:

            11px !important;

        padding-right:

            11px !important;

    }

}


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

@media(max-width:390px){

    .elementor-248 .elementor-element.elementor-element-0be291d{

        padding-left:

            10px !important;

        padding-right:

            10px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-content{

        padding:

            38px
            16px
            36px

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            35px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description p{

        font-size:

            12.5px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-visual{

        padding-left:

            9px !important;

        padding-right:

            9px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-image
    .elementor-widget-container{

        height:

            335px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge{

        width:

            108px !important;

        min-height:

            80px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info{

        width:

            calc(100% - 10px)

            !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button
    .elementor-button:hover{

        transform:none !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-item:hover{

        padding-left:

            4px !important;

    }

}


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

.elementor-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d *,
    .elementor-248 .elementor-element.elementor-element-0be291d *::before,
    .elementor-248 .elementor-element.elementor-element-0be291d *::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-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-text{
    order:1 !important;
    flex:1 1 auto !important;
    text-align:center !important;
    white-space:nowrap !important;
}

.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-icon i,
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-icon svg{
    margin:0 !important;
}


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

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

.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button-primary .elementor-button-text,
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button-secondary .elementor-button-text{
    padding-right:2px !important;
}


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

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

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

.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-photo-caption{
        right:16px !important;
        bottom:16px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{
        max-width:240px !important;
        margin-right:-4px !important;
        margin-bottom:-4px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title .elementor-heading-title{
        right:-2px !important;
        bottom:-2px !important;
    }
}


/* ============================================================
   05. MOBILE
============================================================ */

@media (max-width:767px){

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-content-wrapper{
        gap:12px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-text{
        text-align:center !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-icon{
        margin-left:auto !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{
        max-width:230px !important;
        margin-right:0 !important;
        margin-bottom:-3px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button{
        min-height:53px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-text{
        font-size:12px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{
        max-width:200px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-text{
    order:1 !important;

    flex:1 1 auto !important;

    text-align:center !important;

    white-space:nowrap !important;
}


.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d
.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-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-label{

    flex:0 0 auto !important;

    margin:0 !important;

}


/* ============================================================
   05. INFORMATION CARD
   PERTAHANKAN OVERLAP FOTO TAPI JANGAN TERLALU TINGGI
============================================================ */

.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info{

    margin:
        -24px 0 0 auto
        !important;

}


/* ============================================================
   06. TABLET
============================================================ */

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

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-photo-caption{

        left:22px !important;

        right:22px !important;

        bottom:52px !important;

        gap:20px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{

        max-width:250px !important;

        margin:0 !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-info{

        margin:
            -22px 0 0 auto
            !important;

    }

}


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

@media(max-width:767px){

    /* BUTTON */

    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button
    .elementor-button-content-wrapper{

        width:100% !important;

        gap:12px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button
    .elementor-button-text{

        flex:1 1 auto !important;

        text-align:center !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-button
    .elementor-button-icon{

        margin-left:auto !important;

        margin-right:0 !important;

    }


    /* PHOTO CAPTION */

    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{

        width:auto !important;

        max-width:235px !important;

        margin:0 !important;

        transform:none !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-info{

        margin:
            -17px 0 0 auto
            !important;

    }

}


/* ============================================================
   08. SMALL MOBILE
============================================================ */

@media(max-width:430px){

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-photo-caption{

        bottom:43px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title{

        max-width:210px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:19px !important;

    }

}


/* ============================================================
   09. VERY SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-photo-caption{

        bottom:40px !important;

    }


    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-index .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* MOUNT BATUR · KINTAMANI · BALI */
.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-eyebrow .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* Main description */
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description p{
    font-size:17px !important;
    line-height:1.72 !important;
    color:rgba(247,241,231,.78) !important;
}

/* Button text */
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button,
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-text{
    font-size:14px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PROOF / 01 02 03
============================================================ */

.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-number .elementor-heading-title{
    font-size:10px !important;
    line-height:1 !important;
}

.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-title .elementor-heading-title{
    font-size:19px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PHOTO BADGE
============================================================ */

/* FIELD NOTES / 01 */
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-small .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.2 !important;
    letter-spacing:.11em !important;
}

/* Mount Batur */
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-title .elementor-heading-title{
    font-size:22px !important;
    line-height:1.08 !important;
}

/* Kintamani, Bali */
.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-info-title .elementor-heading-title{
    font-size:clamp(21px,1.7vw,25px) !important;
    line-height:1.08 !important;
}

/* START / ELEVATION */
.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-stat-value .elementor-heading-title{
    font-size:clamp(22px,2vw,28px) !important;
}


/* ============================================================
   DESKTOP — VISUAL FOOTER
============================================================ */

.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-left .elementor-heading-title,
.elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-star .elementor-heading-title{
    font-size:12px !important;
    line-height:1 !important;
}


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

@media(max-width:1100px){

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-index .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-location .elementor-heading-title{
        font-size:10px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-eyebrow .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-title .elementor-heading-title{
        font-size:18px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-small .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-location .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-label .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info-small .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-left .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-right .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-text .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-star .elementor-heading-title{
        font-size:11px !important;
    }

}


/* ============================================================
   MOBILE — ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-index .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.09em !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-location .elementor-heading-title{
        font-size:9px !important;
        line-height:1.4 !important;
        letter-spacing:.07em !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-eyebrow .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.10em !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description p{
        font-size:16px !important;
        line-height:1.68 !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-proof-title .elementor-heading-title{
        font-size:17px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-location .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-label .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-title .elementor-heading-title{
        font-size:21px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-stat-value .elementor-heading-title{
        font-size:22px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-left .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-right .elementor-heading-title{
        font-size:8.5px !important;
        line-height:1.3 !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-text .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-star .elementor-heading-title{
        font-size:10px !important;
    }

}


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

@media(max-width:390px){

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-small .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-badge-location .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-caption-label .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-info-small .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-stat-label .elementor-heading-title{
        font-size:7.5px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-left .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-footer-right .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-rail-text .elementor-heading-title,
    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d{
    --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-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-button-primary .elementor-button{
    color:#FFFFFF !important;
    border-color:#A83832 !important;
    background:#A83832 !important;
}
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-button-primary .elementor-button::before{
    background:#8E2B2C !important;
}
@media(hover:hover) and (pointer:fine){
    .elementor-248 .elementor-element.elementor-element-0be291d .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-248 .elementor-element.elementor-element-0be291d .mbc-cta-description,
.elementor-248 .elementor-element.elementor-element-0be291d .mbc-cta-description p{
    font-size:16px !important;
    line-height:1.72 !important;
}

/* Outer section remains Warm Ivory */
.elementor-248 .elementor-element.elementor-element-0be291d{
    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 */