.elementor-5705 .elementor-element.elementor-element-f6b4f74{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:41px;--padding-left:56px;--padding-right:56px;}.elementor-5705 .elementor-element.elementor-element-f6b4f74:not(.elementor-motion-effects-element-type-background), .elementor-5705 .elementor-element.elementor-element-f6b4f74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://belajar-wordpress.artsyanaid.com/wp-content/uploads/2026/09/lempuyang-1.png");background-position:center center;background-size:cover;}.elementor-5705 .elementor-element.elementor-element-f6b4f74::before, .elementor-5705 .elementor-element.elementor-element-f6b4f74 > .elementor-background-video-container::before, .elementor-5705 .elementor-element.elementor-element-f6b4f74 > .e-con-inner > .elementor-background-video-container::before, .elementor-5705 .elementor-element.elementor-element-f6b4f74 > .elementor-background-slideshow::before, .elementor-5705 .elementor-element.elementor-element-f6b4f74 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5705 .elementor-element.elementor-element-f6b4f74 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-5705 .elementor-element.elementor-element-f8889be{--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-5705 .elementor-element.elementor-element-6197ec0{--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-5705 .elementor-element.elementor-element-76400da{--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-5705 .elementor-element.elementor-element-76400da.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-5705 .elementor-element.elementor-element-ac0ab89 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;line-height:1.08em;}.elementor-5705 .elementor-element.elementor-element-1048185{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-5705 .elementor-element.elementor-element-1048185 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:55px;font-weight:500;line-height:1.08em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5705 .elementor-element.elementor-element-bb3c8b8{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;line-height:1.65em;color:#F7F1E7;}.elementor-5705 .elementor-element.elementor-element-7e7901c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5705 .elementor-element.elementor-element-d93f5d7{--display:flex;}.elementor-5705 .elementor-element.elementor-element-41cb0eb{border-radius:15px 15px 15px 15px;box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-5705 .elementor-element.elementor-element-41cb0eb iframe{height:450px;}.elementor-5705 .elementor-element.elementor-element-33fb6d0{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5705 .elementor-element.elementor-element-9b623c9{text-align:start;}.elementor-5705 .elementor-element.elementor-element-9b623c9 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:55px;font-weight:700;text-transform:capitalize;color:#000000;}.elementor-5705 .elementor-element.elementor-element-ecc867a{text-align:start;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5705 .elementor-element.elementor-element-ecc867a p{margin-block-end:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5705 .elementor-element.elementor-element-9be88e0{--e-icon-list-icon-size:19px;--icon-vertical-align:flex-start;--icon-vertical-offset:4px;}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-5705 .elementor-element.elementor-element-9be88e0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5705 .elementor-element.elementor-element-7445f4f{font-family:"El Messiri", Sans-serif;font-weight:400;}.elementor-5705 .elementor-element.elementor-element-bd23e5c{--grid-template-columns:repeat(0, auto);text-align:left;padding:10px 0px 0px 0px;--icon-size:20px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-5705 .elementor-element.elementor-element-bd23e5c .elementor-social-icon{background-color:#02010100;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-5705 .elementor-element.elementor-element-bd23e5c .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-5705 .elementor-element.elementor-element-bd23e5c .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-5705 .elementor-element.elementor-element-bd23e5c .elementor-social-icon:hover{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5705 .elementor-element.elementor-element-bd23e5c .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-5705 .elementor-element.elementor-element-bd23e5c .elementor-social-icon:hover svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5705 .elementor-element.elementor-element-f6b4f74{--width:100%;}.elementor-5705 .elementor-element.elementor-element-6197ec0{--content-width:100%;}.elementor-5705 .elementor-element.elementor-element-76400da{--width:87.366%;}.elementor-5705 .elementor-element.elementor-element-7e7901c{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5705 .elementor-element.elementor-element-76400da{--width:72%;}}@media(min-width:1025px){.elementor-5705 .elementor-element.elementor-element-f6b4f74:not(.elementor-motion-effects-element-type-background), .elementor-5705 .elementor-element.elementor-element-f6b4f74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-5705 .elementor-element.elementor-element-f6b4f74{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-5705 .elementor-element.elementor-element-6197ec0{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-5705 .elementor-element.elementor-element-ac0ab89 .elementor-heading-title{font-size:18px;}.elementor-5705 .elementor-element.elementor-element-1048185 .elementor-heading-title{font-size:50px;}.elementor-5705 .elementor-element.elementor-element-bb3c8b8{font-size:14px;}.elementor-5705 .elementor-element.elementor-element-7e7901c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-5705 .elementor-element.elementor-element-d93f5d7{--justify-content:center;}}@media(max-width:767px){.elementor-5705 .elementor-element.elementor-element-f6b4f74{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-5705 .elementor-element.elementor-element-f8889be{--padding-top:70px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-5705 .elementor-element.elementor-element-6197ec0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-5705 .elementor-element.elementor-element-76400da{--width:100%;}.elementor-5705 .elementor-element.elementor-element-ac0ab89 .elementor-heading-title{font-size:14px;}.elementor-5705 .elementor-element.elementor-element-1048185 .elementor-heading-title{font-size:45px;}.elementor-5705 .elementor-element.elementor-element-bb3c8b8{font-size:14px;}.elementor-5705 .elementor-element.elementor-element-7e7901c{--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-5705 .elementor-element.elementor-element-9b623c9 .elementor-heading-title{font-size:40px;}}/* Start custom CSS for container, class: .elementor-element-f8889be *//* ============================================================
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-5705 .elementor-element.elementor-element-f8889be{
  --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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .coastal-hero-collage__photo-main,
.elementor-5705 .elementor-element.elementor-element-f8889be .coastal-hero-collage__photo-top,
.elementor-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .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-5705 .elementor-element.elementor-element-f8889be .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


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


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

@media(max-width:1024px){

  .elementor-5705 .elementor-element.elementor-element-f8889be .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


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


  .elementor-5705 .elementor-element.elementor-element-f8889be .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-5705 .elementor-element.elementor-element-f8889be .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


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

    line-height:
      1.12!important;
  }


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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6b4f74 *//* =====================================================================
   HERO HALAMAN (CONTACT US dan page lain) – MAROON & PUTIH  (v1.0)
   Serasi dengan semua section lain. Satu CSS yang sama dipakai di
   SEMUA page (Contact, About, Tour, dst.) — tinggal ganti gambar,
   eyebrow, judul, dan teks di Elementor.

   Tampilan: foto latar (dari panel) + gradasi maroon gelap dari kiri,
   garis maroon di tepi bawah, judul El Messiri putih dengan garis
   vertikal & eyebrow berhias, titik hiasan, muncul bertahap saat dibuka.

   Tempel di: Container PALING LUAR (root) > Advanced > Custom CSS
   (disarankan Content Width = Full Width)
   PENTING: gambar latar (Background > Image) dipasang di container
   root ini, bukan di container dalam, supaya gradasi maroon ada di atasnya.

   Class yang dipasang (Advanced > CSS Classes), sesuai struktur Anda:

   Container (root, ada gambar latar) ...... ars-hr
   └─ Container (level 2) .................. ars-hr__wrap
       └─ Container (level 3) .............. ars-hr__inner
           └─ Container (isi, level 4) ..... ars-hr__content
               ├─ Heading (kecil) .......... ars-hr__eyebrow
               ├─ Heading (besar) .......... ars-hr__title
               └─ Text Editor .............. ars-hr__text

   UKURAN TEKS: Judul desktop 70 · tablet 58 · mobile 44
                Deskripsi desktop 17 · mobile 15
   Ubah di bagian 1 (--hr-title-size / --hr-text-size) bila perlu.
   Tinggi hero: --hr-min-h (panel Min Height tetap menang).

   PANEL ELEMENTOR TETAP MENANG: font, ukuran, warna, padding, tinggi,
   gambar latar yang diatur dari panel menimpa CSS ini.
   (Lihat bagian 8 untuk warna bawaan template yang berwarna biru.)
   RINGAN : tanpa blur / filter / blend-mode. Animasi hanya
            transform/translate/opacity, sekali saat halaman dibuka.
   TIPS   : di Heading besar, bungkus kata dengan <span>…</span> agar
            berwarna blush, contoh: Contact <span>Us</span>
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. PENGATURAN – ubah nilai di sini
   --------------------------------------------------------------------- */
:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74).e-con {
  /* Warna */
  --hr-maroon: #74142A;
  --hr-maroon-dark: #4A0C1B;
  --hr-maroon-light: #A32244;
  --hr-maroon-rgb: 116, 20, 42;
  --hr-dark-rgb: 74, 12, 27;
  --hr-blush: #F4D3DB;
  --hr-white: #ffffff;

  /* Font */
  --hr-font-display: "El Messiri", Georgia, serif;
  --hr-font: "DM Sans", "Helvetica Neue", Arial, sans-serif;

  /* Ukuran & jarak */
  --hr-max: 1240px;
  --hr-pad-x: 48px;
  --hr-min-h: 460px;                             /* tinggi hero (panel Min Height menang) */
  --hr-pad-top: 130px;                           /* ruang untuk header di atas hero */
  --hr-pad-bottom: 80px;
  --hr-content-max: 720px;                       /* lebar maksimal blok teks */

  /* Teks */
  --hr-title-size: 70px;                         /* judul desktop */
  --hr-text-size: 17px;                          /* deskripsi desktop */

  /* Overlay maroon di atas foto */
  --hr-overlay: .8;                              /* kekuatan di kiri (0 – 1) */
  --hr-overlay-end: .15;                         /* kekuatan di kanan (0 – 1) */
  --hr-edge: 1;                                  /* garis maroon di tepi bawah: 1 / 0 */
  --hr-dots: 1;                                  /* titik hiasan kanan bawah: 1 / 0 */
  --hr-bar: 1;                                   /* garis vertikal di kiri judul: 1 / 0 */

  /* Watermark ("" = hilang). Contoh: "Contact" */
  --hr-watermark: "";
  --hr-watermark-size: clamp(90px, 16vw, 250px);
  --hr-wm-stroke: rgba(255, 255, 255, .22);

  /* Animasi saat halaman dibuka */
  --hr-reveal: 1;                                /* 0 = tanpa animasi */
  --hr-ease: cubic-bezier(.22, .8, .25, 1);

  /* ---- Variabel bawaan Elementor (panel container tetap menang) ---- */
  --flex-direction: column;
  --align-items: stretch;
  --justify-content: center;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --min-height: var(--hr-min-h);
  --padding-top: var(--hr-pad-top);
  --padding-bottom: var(--hr-pad-bottom);
  --padding-left: max(var(--hr-pad-x), calc((100% - var(--hr-max)) / 2));
  --padding-right: max(var(--hr-pad-x), calc((100% - var(--hr-max)) / 2));
  --content-width: min(100%, var(--hr-max));

  position: relative;
  overflow: hidden;
  isolation: isolate;
  font-family: var(--hr-font);
  background-color: var(--hr-maroon-dark);
  background-size: cover;
  background-position: center;
}

/* OVERLAY: gradasi maroon gelap dari kiri + garis maroon di tepi bawah */
:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74).e-con::after {
  content: var(--hr-watermark);
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 .04em 0 0;
  overflow: hidden;
  font-family: var(--hr-font-display);
  font-size: var(--hr-watermark-size);
  line-height: .8;
  letter-spacing: -.02em;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1px var(--hr-wm-stroke);
  background:
    linear-gradient(90deg, var(--hr-maroon), var(--hr-maroon-light) 38%, rgba(var(--hr-maroon-rgb), 0)) left bottom / 100% 4px no-repeat,
    linear-gradient(100deg, rgba(var(--hr-dark-rgb), var(--hr-overlay)) 0%, rgba(var(--hr-dark-rgb), calc(var(--hr-overlay) * .6)) 45%, rgba(var(--hr-dark-rgb), var(--hr-overlay-end)) 100%);
  pointer-events: none;
  user-select: none;
}


/* ---------------------------------------------------------------------
   2. CONTAINER (tumpukan wrap > inner > content)
   --------------------------------------------------------------------- */
:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__wrap.e-con,
:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__inner.e-con,
:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__content.e-con {
  --width: 100%;
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --flex-direction: column;
  --align-items: flex-start;
  --justify-content: center;

  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
}

/* titik hiasan kanan bawah (di container level 2) */
:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__wrap.e-con::before {
  content: "";
  position: absolute;
  inset: auto 0 -30px auto;
  z-index: 0;
  width: 110px;
  height: 110px;
  opacity: calc(var(--hr-dots) * .55);
  background-image: radial-gradient(rgba(255, 255, 255, .8) 1.6px, transparent 1.9px);
  background-size: 14px 14px;
  pointer-events: none;
}

/* blok teks: garis vertikal di kiri */
:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__content.e-con {
  --gap: 16px;
  --row-gap: 16px;
  --padding-left: 32px;
  max-width: var(--hr-content-max);
}

:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__content.e-con::after {
  content: "";
  position: absolute;
  inset: 6px auto 6px 0;
  z-index: 0;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--hr-blush), var(--hr-maroon-light) 60%, rgba(var(--hr-maroon-rgb), 0));
  opacity: var(--hr-bar);
  pointer-events: none;
}

:where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__content .elementor-widget { margin-block-end: 0; }


/* ---------------------------------------------------------------------
   3. EYEBROW, JUDUL, TEKS
   Specificity (0,3,0): mengalahkan bawaan Elementor, kalah dari panel.
   --------------------------------------------------------------------- */
.ars-hr .ars-hr__eyebrow .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  font-family: var(--hr-font);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--hr-blush);
}

/* garis + berlian kecil sebelum eyebrow */
.ars-hr .ars-hr__eyebrow .elementor-heading-title::before {
  content: "";
  flex: none;
  width: 38px;
  height: 2px;
  background: var(--hr-blush);
}

.ars-hr .ars-hr__eyebrow .elementor-heading-title::after {
  content: "";
  flex: none;
  order: -1;
  display: none;
}

.ars-hr .ars-hr__title .elementor-heading-title {
  margin: 0;
  font-family: var(--hr-font-display);
  font-size: var(--hr-title-size);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: .01em;
  color: var(--hr-white);
  text-wrap: balance;
}

.ars-hr .ars-hr__title .elementor-heading-title :is(span, em, b, strong) {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: var(--hr-blush);
}

.ars-hr .ars-hr__text {
  max-width: 580px;
  font-family: var(--hr-font);
  font-size: var(--hr-text-size);
  line-height: 1.8;
  color: rgba(255, 255, 255, .9);
}

.ars-hr .ars-hr__text p {
  margin: 0 0 1em;
  color: inherit;
  font: inherit;
}

.ars-hr .ars-hr__text p:last-child { margin-bottom: 0; }


/* ---------------------------------------------------------------------
   4. ANIMASI SAAT HALAMAN DIBUKA (translate + opacity, sekali jalan)
   --------------------------------------------------------------------- */
@keyframes arsHrIn {
  from { opacity: calc(1 - var(--hr-reveal)); translate: 0 calc(26px * var(--hr-reveal)); }
  to   { opacity: 1; translate: 0 0; }
}

@keyframes arsHrBar {
  from { transform: scaleY(calc(1 - var(--hr-reveal))); }
  to   { transform: scaleY(1); }
}

@media (prefers-reduced-motion: no-preference) {
  .ars-hr .ars-hr__eyebrow,
  .ars-hr .ars-hr__title,
  .ars-hr .ars-hr__text {
    animation: arsHrIn .9s var(--hr-ease) both;
  }

  .ars-hr .ars-hr__eyebrow { animation-delay: .05s; }
  .ars-hr .ars-hr__title   { animation-delay: .18s; }
  .ars-hr .ars-hr__text    { animation-delay: .32s; }

  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__content.e-con::after {
    transform-origin: top center;
    animation: arsHrBar 1s var(--hr-ease) .1s both;
  }
}


/* ---------------------------------------------------------------------
   5. TABLET (≤ 1024px)
   --------------------------------------------------------------------- */
@media (max-width: 1024px) {
  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74).e-con {
    --hr-pad-x: 32px;
    --hr-min-h: 400px;
    --hr-pad-top: 110px;
    --hr-pad-bottom: 64px;
    --hr-title-size: 58px;
    --hr-watermark-size: clamp(90px, 20vw, 190px);
    --hr-overlay-end: .35;                       /* lebih gelap agar teks terbaca */
  }

  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__wrap.e-con::before { opacity: calc(var(--hr-dots) * .4); }
}


/* ---------------------------------------------------------------------
   6. MOBILE (≤ 767px)
   Judul 44px, deskripsi 15px, overlay lebih pekat agar teks jelas
   --------------------------------------------------------------------- */
@media (max-width: 767px) {
  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74).e-con {
    --hr-pad-x: 20px;
    --hr-min-h: 360px;
    --hr-pad-top: 96px;
    --hr-pad-bottom: 56px;
    --hr-title-size: 44px;
    --hr-text-size: 15px;
    --hr-overlay: .85;
    --hr-overlay-end: .55;
    --hr-watermark-size: 26vw;
  }

  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__content.e-con {
    --padding-left: 22px;
    --gap: 14px;
    --row-gap: 14px;
  }

  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__content.e-con::after { width: 4px; }
  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74) .ars-hr__wrap.e-con::before { display: none; }

  .ars-hr .ars-hr__eyebrow .elementor-heading-title {
    gap: 10px;
    font-size: 12px;
    letter-spacing: .18em;
  }

  .ars-hr .ars-hr__eyebrow .elementor-heading-title::before { width: 26px; }
  .ars-hr .ars-hr__title .elementor-heading-title { line-height: 1.08; }
}


/* ---------------------------------------------------------------------
   7. KURANGI ANIMASI
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74).e-con *,
  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74).e-con *::before,
  :where(.elementor-5705 .elementor-element.elementor-element-f6b4f74).e-con *::after {
    animation: none !important;
    transition: none !important;
  }
}


/* ---------------------------------------------------------------------
   8. PEMAKSA WARNA (HAPUS BAGIAN INI jika ingin warna diatur penuh dari panel)
   Elemen mentah dari template Elementor membawa warna bawaan (eyebrow
   biru #6EC1E4) yang tersimpan di panel dan menimpa CSS di atas. Bagian ini
   memaksa warna blush/putih. Setelah warna bawaan itu Anda kosongkan di
   panel (Style > Text Color), bagian 8 boleh dihapus.
   Font, ukuran, spasi tetap bisa diatur dari panel.
   --------------------------------------------------------------------- */
.ars-hr.ars-hr.ars-hr .ars-hr__eyebrow .elementor-heading-title { color: var(--hr-blush); }
.ars-hr.ars-hr.ars-hr .ars-hr__title .elementor-heading-title { color: var(--hr-white); }
.ars-hr.ars-hr.ars-hr .ars-hr__text { color: rgba(255, 255, 255, .9); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e7901c *//* =====================================================================
   CONTACT US (PETA + INFO KONTAK) – MAROON & PUTIH  (v1.1)
   Serasi dengan Hero, About Us, Why Choose Us, Tour Package, Top Places,
   FAQ, Alur. Latar putih + cahaya maroon tipis, watermark "Contact Us"
   bergaris tipis, judul El Messiri, teks DM Sans, kotak tajam (tanpa bulat).

   YANG DIPERBAIKI di v1.1 (hanya bagian 5, daftar kontak)
   - Kotak border di sekeliling ikon kini PAS DI TENGAH baris (atas &
     bawah sama jarak), ukurannya SERAGAM di semua baris (sebelumnya
     ada yang menempel ke tepi bawah baris, tingginya berbeda-beda).
   - Penyebab: tinggi kotak ikon mengikuti isi (ikon berbeda = tinggi
     berbeda) dan jarak "Space Between" bawaan Elementor menambah
     padding/margin hanya di sisi atas/bawah baris. Sekarang kotak
     dikunci ke ukuran persegi (--ct-icon-box) dan jarak vertikal baris
     dibuat simetris lewat --ct-row-pad.
   - Baris punya tinggi minimum yang sama, teks sejajar tengah dengan
     kotak ikon.

   Desktop: [ Peta berbingkai maroon | Judul, teks, daftar kontak, sosial ]
   Tablet : sama, lebih rapat.
   Mobile : satu kolom — INFO dulu, lalu peta (urutan bisa diubah, bagian 1).

   Tempel di: Container PALING LUAR (root) > Advanced > Custom CSS
   (disarankan Content Width = Full Width)

   Class yang dipasang (Advanced > CSS Classes), sesuai struktur Anda:

   Container (root) ........................ ars-ct
   ├─ Container (peta) ..................... ars-ct__map
   │   └─ Google Maps ...................... ars-ct__gmap
   └─ Container (info) ..................... ars-ct__info
       ├─ Heading .......................... ars-ct__title
       ├─ Text Editor (deskripsi) .......... ars-ct__text
       ├─ Icon List (WA, telp, email, alamat) ars-ct__list
       ├─ Text Editor ("Follow Us") ........ ars-ct__follow
       └─ Social Icons ..................... ars-ct__social

   UKURAN TEKS: Heading desktop 55 · tablet 50 · mobile 45
                Deskripsi desktop 16 · mobile 15
   Ubah di bagian 1 (--ct-title-size / --ct-text-size) bila perlu.

   PANEL ELEMENTOR TETAP MENANG: font, ukuran, warna, padding, border,
   tinggi peta, ukuran ikon yang diatur dari panel menimpa CSS ini.
   Pengecualian (agar kotak ikon selalu pas): jarak vertikal baris
   daftar kontak diatur --ct-row-pad, bukan "Space Between" panel.
   (Lihat bagian 10 untuk warna bawaan template yang berwarna biru.)
   RINGAN : tanpa blur / filter / blend-mode. Animasi hanya
            transform/translate/opacity, hover hanya di perangkat mouse.
   TIPS   : di Heading, bungkus kata dengan <span>…</span> agar
            berwarna maroon, contoh: Need Help? Don't Hesitate To <span>Contact Us</span>
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. PENGATURAN – ubah nilai di sini
   --------------------------------------------------------------------- */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con {
  /* Warna */
  --ct-maroon: #74142A;
  --ct-maroon-dark: #4A0C1B;
  --ct-maroon-light: #A32244;
  --ct-maroon-rgb: 116, 20, 42;
  --ct-white: #ffffff;
  --ct-tint: #FBF3F5;
  --ct-ink: #2B1519;
  --ct-muted: rgba(43, 21, 25, .74);
  --ct-line: rgba(var(--ct-maroon-rgb), .22);

  /* Font */
  --ct-font-display: "El Messiri", Georgia, serif;
  --ct-font: "DM Sans", "Helvetica Neue", Arial, sans-serif;

  /* Ukuran & jarak */
  --ct-max: 1240px;
  --ct-pad-x: 48px;
  --ct-pad-top: clamp(64px, 7vw, 108px);
  --ct-pad-bottom: clamp(88px, 11vw, 170px);     /* ruang untuk watermark */
  --ct-col-gap: clamp(40px, 6vw, 96px);          /* peta ↔ info */
  --ct-map-h: 500px;                             /* tinggi peta (panel Google Maps tetap menang) */

  /* Teks */
  --ct-title-size: 55px;                         /* heading desktop */
  --ct-text-size: 16px;                          /* deskripsi desktop */
  --ct-list-size: 16px;                          /* teks daftar kontak */

  /* Daftar kontak & sosial */
  --ct-icon-box: 44px;                           /* kotak ikon kontak (persegi) */
  --ct-row-pad: 10px;                            /* jarak atas = bawah kotak ikon ke tepi baris */
  --ct-list-gap: 12px;                           /* jarak antar baris kontak */
  --ct-social-box: 48px;                         /* kotak ikon sosial */

  /* Peta */
  --ct-frame-offset: 14px;                       /* jarak bingkai dari peta */
  --ct-frame: 1;                                 /* bingkai: 1 tampil / 0 sembunyi */
  --ct-dots: 1;                                  /* titik hiasan: 1 / 0 */

  /* Mobile: 1 = info di atas peta, 0 = peta di atas info (sesuai urutan di editor) */
  --ct-info-first: -1;                           /* -1 info dulu · 0 peta dulu */

  /* Watermark ("" = hilang) */
  --ct-watermark: "Contact Us";
  --ct-watermark-size: clamp(72px, 13vw, 210px);
  --ct-wm-stroke: rgba(var(--ct-maroon-rgb), .13);

  /* Animasi masuk (desktop saja) */
  --ct-reveal: 1;                                /* 0 = tanpa animasi */
  --ct-ease: cubic-bezier(.22, .8, .25, 1);

  /* ---- Variabel bawaan Elementor (panel container tetap menang) ---- */
  --flex-direction: row;
  --align-items: center;
  --justify-content: flex-start;
  --gap: var(--ct-col-gap);
  --row-gap: 44px;
  --column-gap: var(--ct-col-gap);
  --padding-top: var(--ct-pad-top);
  --padding-bottom: var(--ct-pad-bottom);
  --padding-left: max(var(--ct-pad-x), calc((100% - var(--ct-max)) / 2));
  --padding-right: max(var(--ct-pad-x), calc((100% - var(--ct-max)) / 2));
  --content-width: min(100%, var(--ct-max));

  position: relative;
  overflow: hidden;
  isolation: isolate;
  font-family: var(--ct-font);
  background-color: var(--ct-white);
  background-image:
    radial-gradient(ellipse 50% 40% at 100% 0%, rgba(var(--ct-maroon-rgb), .07), transparent 70%),
    radial-gradient(ellipse 55% 45% at 0% 100%, rgba(var(--ct-maroon-rgb), .08), transparent 70%);
}

/* dua kolom: peta | info */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con-full,
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con-boxed > .e-con-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  align-items: center;
}

/* WATERMARK besar bergaris tipis, kiri bawah */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con::after {
  content: var(--ct-watermark);
  position: absolute;
  inset: auto auto -.2em -.02em;
  z-index: 0;
  width: auto;
  height: auto;
  font-family: var(--ct-font-display);
  font-size: var(--ct-watermark-size);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.02em;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1px var(--ct-wm-stroke);
  pointer-events: none;
  user-select: none;
}


/* ---------------------------------------------------------------------
   2. CONTAINER PETA & INFO
   --------------------------------------------------------------------- */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con,
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con {
  --width: 100%;
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;

  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
}

:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con {
  --flex-direction: column;
  --align-items: stretch;
  --gap: 0px;
  --row-gap: 0px;
}

:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con {
  --flex-direction: column;
  --align-items: flex-start;
  --justify-content: center;
  --gap: 22px;
  --row-gap: 22px;
  --padding-left: 32px;
}

/* garis maroon vertikal di kiri kolom info */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con::after {
  content: "";
  position: absolute;
  inset: 6px auto 6px 0;
  z-index: 0;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ct-maroon), rgba(var(--ct-maroon-rgb), 0));
  pointer-events: none;
}

:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info .elementor-widget,
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map .elementor-widget { margin-block-end: 0; }


/* ---------------------------------------------------------------------
   3. PETA – bingkai garis bergeser + titik hiasan
   Specificity (0,3,x): mengalahkan bawaan Elementor, kalah dari panel.
   --------------------------------------------------------------------- */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con > .elementor-widget {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.ars-ct .ars-ct__gmap.elementor-widget .elementor-widget-container {
  overflow: hidden;
  background: var(--ct-tint);
  border: 1.5px solid rgba(var(--ct-maroon-rgb), .5);
  box-shadow: 0 30px 50px -30px rgba(var(--ct-maroon-rgb), .5);
}

.ars-ct .ars-ct__gmap.elementor-widget iframe {
  display: block;
  width: 100%;
  height: var(--ct-map-h);
  border: 0;
}

/* bingkai garis di belakang peta */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con::before {
  content: "";
  position: absolute;
  inset: calc(var(--ct-frame-offset) * -1) var(--ct-frame-offset) var(--ct-frame-offset) calc(var(--ct-frame-offset) * -1);
  z-index: 0;
  width: auto;
  height: auto;
  border: 1.5px solid rgba(var(--ct-maroon-rgb), .34);
  opacity: var(--ct-frame);
  transition: transform .6s var(--ct-ease);
  pointer-events: none;
}

/* titik dekoratif kanan bawah */
:where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con::after {
  content: "";
  position: absolute;
  inset: auto -22px -26px auto;
  z-index: 0;
  width: 92px;
  height: 92px;
  opacity: var(--ct-dots);
  background-image: radial-gradient(rgba(var(--ct-maroon-rgb), .38) 1.6px, transparent 1.9px);
  background-size: 14px 14px;
  pointer-events: none;
}


/* ---------------------------------------------------------------------
   4. JUDUL & DESKRIPSI
   --------------------------------------------------------------------- */
.ars-ct .ars-ct__title .elementor-heading-title {
  margin: 0;
  font-family: var(--ct-font-display);
  font-size: var(--ct-title-size);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.01em;
  color: var(--ct-ink);
  text-wrap: balance;
}

.ars-ct .ars-ct__title .elementor-heading-title :is(span, em, b, strong) {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: var(--ct-maroon);
  background: linear-gradient(transparent 64%, rgba(var(--ct-maroon-rgb), .14) 64%);
  padding-inline: .06em;
}

.ars-ct .ars-ct__text {
  max-width: 560px;
  font-family: var(--ct-font);
  font-size: var(--ct-text-size);
  line-height: 1.85;
  color: var(--ct-muted);
}

.ars-ct .ars-ct__text p {
  margin: 0 0 1em;
  color: inherit;
  font: inherit;
}

.ars-ct .ars-ct__text p:last-child { margin-bottom: 0; }


/* ---------------------------------------------------------------------
   5. DAFTAR KONTAK (Icon List) – tiap baris = kotak berborder + ikon berkotak
   v1.1: kotak ikon persegi ukuran tetap & pas di tengah baris.
   --------------------------------------------------------------------- */
.ars-ct .ars-ct__list.elementor-widget {
  width: 100%;
  max-width: 560px;
  --e-icon-list-icon-size: 18px;
}

.ars-ct .ars-ct__list .elementor-icon-list-items {
  display: grid;
  gap: var(--ct-list-gap);
  margin: 0;
  padding: 0;
}

/* baris: jarak vertikal SIMETRIS (!important hanya pada margin/padding atas-bawah,
   agar "Space Between" bawaan Elementor tidak membuat kotak ikon miring ke bawah) */
.ars-ct .ars-ct__list .elementor-icon-list-items .elementor-icon-list-item {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: calc(var(--ct-icon-box) + var(--ct-row-pad) * 2 + 3px);
  gap: 14px;
  margin-block: 0 !important;
  padding-block: var(--ct-row-pad) !important;
  margin-inline: 0;
  padding-inline: var(--ct-row-pad) 16px;
  font-family: var(--ct-font);
  background: var(--ct-white);
  border: 1.5px solid var(--ct-line);
  transition: transform .4s var(--ct-ease), border-color .3s ease, box-shadow .4s var(--ct-ease), background-color .3s ease;
}

/* batang maroon di kiri (muncul saat hover) */
.ars-ct .ars-ct__list .elementor-icon-list-items .elementor-icon-list-item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--ct-maroon-light), var(--ct-maroon-dark));
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform .4s var(--ct-ease);
}

/* tautan (jika ada) membungkus ikon + teks */
.ars-ct .ars-ct__list .elementor-icon-list-item > a {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
}

/* kotak ikon: PERSEGI ukuran tetap, ikon di tengah (align-self mengalahkan
   "Vertical Alignment" bawaan panel) */
.ars-ct .ars-ct__list .elementor-icon-list-icon {
  flex: none;
  align-self: center;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: var(--ct-icon-box);
  height: var(--ct-icon-box);
  min-width: var(--ct-icon-box);
  margin: 0;
  padding: 0;
  position: static;
  transform: none;
  color: var(--ct-maroon);
  background: var(--ct-tint);
  border: 1.5px solid rgba(var(--ct-maroon-rgb), .3);
  transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

/* glyph (font icon / SVG) ukuran sama, tepat di tengah kotak */
.ars-ct .ars-ct__list .elementor-icon-list-icon :is(i, svg) {
  display: block;
  flex: none;
  width: var(--e-icon-list-icon-size, 18px);
  height: var(--e-icon-list-icon-size, 18px);
  margin: 0;
  font-size: var(--e-icon-list-icon-size, 18px);
  line-height: 1;
  color: inherit;
  fill: currentColor;
}

.ars-ct .ars-ct__list .elementor-icon-list-text {
  align-self: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: var(--ct-list-size);
  font-weight: 500;
  line-height: 1.5;
  color: var(--ct-ink);
  overflow-wrap: anywhere;
}


/* ---------------------------------------------------------------------
   6. "FOLLOW US" – label kecil + garis memanjang
   --------------------------------------------------------------------- */
.ars-ct .ars-ct__follow.elementor-widget {
  width: 100%;
  max-width: 560px;
  margin-top: 6px;
}

.ars-ct .ars-ct__follow .elementor-widget-container {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ars-ct .ars-ct__follow .elementor-widget-container::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--ct-maroon-rgb), .4), rgba(var(--ct-maroon-rgb), 0));
}

.ars-ct .ars-ct__follow,
.ars-ct .ars-ct__follow p {
  margin: 0;
  font-family: var(--ct-font);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--ct-maroon);
}


/* ---------------------------------------------------------------------
   7. SOSIAL – ikon kotak
   --------------------------------------------------------------------- */
.ars-ct .ars-ct__social.elementor-widget {
  --icon-size: 19px;
  --icon-padding: calc((var(--ct-social-box) - 19px) / 2);
}

.ars-ct .ars-ct__social .elementor-social-icons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ars-ct .ars-ct__social .elementor-grid-item { margin: 0; }

.ars-ct .ars-ct__social .elementor-social-icon {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: var(--ct-maroon);
  background-color: var(--ct-white);
  border: 1.5px solid rgba(var(--ct-maroon-rgb), .4);
  border-radius: 0;
  transition: color .3s ease, transform .4s var(--ct-ease), box-shadow .4s var(--ct-ease);
}

/* isian maroon menyapu dari bawah */
.ars-ct .ars-ct__social .elementor-social-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--ct-maroon);
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform .4s var(--ct-ease);
}

.ars-ct .ars-ct__social .elementor-social-icon :is(i, svg) {
  color: inherit;
  fill: currentColor;
}

.ars-ct .ars-ct__social .elementor-social-icon:focus-visible {
  outline: 2px solid var(--ct-maroon);
  outline-offset: 3px;
}


/* ---------------------------------------------------------------------
   8. HOVER – hanya perangkat dengan mouse
   --------------------------------------------------------------------- */
@media (hover: hover) {
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con:hover::before { transform: translate(-6px, 6px); }

  .ars-ct .ars-ct__list .elementor-icon-list-items .elementor-icon-list-item:hover {
    transform: translateX(6px);
    border-color: rgba(var(--ct-maroon-rgb), .6);
    background: var(--ct-tint);
    box-shadow: 6px 6px 0 rgba(var(--ct-maroon-rgb), .12);
  }

  .ars-ct .ars-ct__list .elementor-icon-list-items .elementor-icon-list-item:hover::before { transform: scaleY(1); }

  .ars-ct .ars-ct__list .elementor-icon-list-item:hover .elementor-icon-list-icon {
    color: #fff;
    background: var(--ct-maroon);
    border-color: var(--ct-maroon);
  }

  .ars-ct .ars-ct__social .elementor-social-icon:hover {
    color: #fff;
    transform: translate(-3px, -3px);
    box-shadow: 5px 5px 0 rgba(var(--ct-maroon-rgb), .25);
  }

  .ars-ct .ars-ct__social .elementor-social-icon:hover::before { transform: scaleY(1); }
}


/* ---------------------------------------------------------------------
   9. ANIMASI MASUK – DESKTOP saja (translate + opacity)
   --------------------------------------------------------------------- */
@keyframes arsCtUp {
  from { opacity: calc(1 - var(--ct-reveal)); translate: 0 calc(34px * var(--ct-reveal)); }
  to   { opacity: 1; translate: 0 0; }
}

@media (min-width: 1025px) and (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con,
    :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con {
      animation: arsCtUp linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 24%;
    }

    :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con { animation-range: entry 6% cover 30%; }
  }
}


/* ---------------------------------------------------------------------
   9b. TABLET (≤ 1024px) – satu kolom: info lalu peta
   --------------------------------------------------------------------- */
@media (max-width: 1024px) {
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con {
    --ct-pad-x: 32px;
    --ct-title-size: 50px;
    --ct-watermark-size: clamp(72px, 16vw, 150px);
    --ct-map-h: 420px;
    --ct-frame-offset: 12px;
  }

  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con-full,
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con-boxed > .e-con-inner {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 56px;
    align-items: start;
  }

  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con { order: var(--ct-info-first); }

  .ars-ct .ars-ct__text,
  .ars-ct .ars-ct__list.elementor-widget,
  .ars-ct .ars-ct__follow.elementor-widget { max-width: none; }

  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con::after { right: -10px; }
}


/* ---------------------------------------------------------------------
   9c. MOBILE (≤ 767px)
   Heading 45px, deskripsi 15px, peta 320px, kotak kontak lebih rapat
   --------------------------------------------------------------------- */
@media (max-width: 767px) {
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con {
    --ct-pad-x: 20px;
    --ct-pad-top: 56px;
    --ct-pad-bottom: 84px;
    --ct-title-size: 45px;
    --ct-text-size: 15px;
    --ct-list-size: 15px;
    --ct-icon-box: 40px;
    --ct-row-pad: 8px;
    --ct-list-gap: 10px;
    --ct-social-box: 46px;
    --ct-map-h: 320px;
    --ct-frame-offset: 9px;
    --ct-watermark-size: 21vw;
  }

  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con-full,
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con-boxed > .e-con-inner { row-gap: 48px; }

  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con {
    --padding-left: 22px;
    --gap: 18px;
    --row-gap: 18px;
  }

  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__info.e-con::after { width: 4px; }
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c) .ars-ct__map.e-con::after { display: none; }

  .ars-ct .ars-ct__list .elementor-icon-list-items .elementor-icon-list-item {
    gap: 12px;
    padding-inline: var(--ct-row-pad) 12px;
  }

  .ars-ct .ars-ct__social .elementor-social-icons-wrapper { gap: 10px; }
}


/* ---------------------------------------------------------------------
   10. PEMAKSA WARNA (HAPUS BAGIAN INI jika ingin warna diatur penuh dari panel)
   Elemen mentah dari template Elementor membawa warna bawaan (ikon &
   garis sosial biru #6EC1E4, teks abu-abu) yang tersimpan di panel dan
   menimpa CSS di atas. Bagian ini memaksa warna maroon/ink. Setelah
   warna bawaan itu Anda kosongkan di panel (Style > Color / Border),
   bagian 10 boleh dihapus. Font, ukuran, spasi tetap bisa diatur dari panel.
   --------------------------------------------------------------------- */
.ars-ct.ars-ct.ars-ct .ars-ct__title .elementor-heading-title { color: var(--ct-ink); }
.ars-ct.ars-ct.ars-ct .ars-ct__text { color: var(--ct-muted); }
.ars-ct.ars-ct.ars-ct .ars-ct__list .elementor-icon-list-text { color: var(--ct-ink); }
.ars-ct.ars-ct.ars-ct .ars-ct__list .elementor-icon-list-icon { color: var(--ct-maroon); }
.ars-ct.ars-ct.ars-ct .ars-ct__list .elementor-icon-list-icon :is(i, svg) { color: inherit; fill: currentColor; }
.ars-ct.ars-ct.ars-ct .ars-ct__follow,
.ars-ct.ars-ct.ars-ct .ars-ct__follow p { color: var(--ct-maroon); }

.ars-ct.ars-ct.ars-ct .ars-ct__social .elementor-social-icon {
  color: var(--ct-maroon);
  background-color: var(--ct-white);
  border: 1.5px solid rgba(var(--ct-maroon-rgb), .4);
  border-radius: 0;
}
.ars-ct.ars-ct.ars-ct .ars-ct__social .elementor-social-icon :is(i, svg) { color: inherit; fill: currentColor; }

@media (hover: hover) {
  .ars-ct.ars-ct.ars-ct .ars-ct__social .elementor-social-icon:hover { color: #fff; border-color: var(--ct-maroon); }
  .ars-ct.ars-ct.ars-ct .ars-ct__list .elementor-icon-list-item:hover .elementor-icon-list-icon { color: #fff; }
}


/* ---------------------------------------------------------------------
   11. KURANGI ANIMASI
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con *,
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con *::before,
  :where(.elementor-5705 .elementor-element.elementor-element-7e7901c).e-con *::after {
    animation: none !important;
    transition: none !important;
  }
}/* End custom CSS */