.elementor-9 .elementor-element.elementor-element-6aea7fc8{--display:flex;--position:fixed;--min-height:1080px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:auto;--overlay-opacity:0.5;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;top:0px;}.elementor-9 .elementor-element.elementor-element-6aea7fc8::before, .elementor-9 .elementor-element.elementor-element-6aea7fc8 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6aea7fc8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6aea7fc8 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6aea7fc8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6aea7fc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor6 );--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-6aea7fc8.e-con{--align-self:center;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-6aea7fc8{left:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-6aea7fc8{right:0px;}.elementor-9 .elementor-element.elementor-element-4ab915dc{--display:flex;--min-height:15px;--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;}.elementor-9 .elementor-element.elementor-element-4ab915dc.e-con{--flex-grow:0;--flex-shrink:0;}.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-9 .elementor-element.elementor-element-e4aa89e{text-align:center;}.elementor-9 .elementor-element.elementor-element-e4aa89e img{width:46%;max-width:11%;height:132px;}.elementor-9 .elementor-element.elementor-element-e4aa89e:hover img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9 .elementor-element.elementor-element-7223e01e{--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:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-21px;--padding-bottom:-21px;--padding-left:-21px;--padding-right:-21px;}.elementor-9 .elementor-element.elementor-element-7223e01e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-194c470c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-9b67d08{text-align:left;}.elementor-9 .elementor-element.elementor-element-9b67d08 img{width:55%;max-width:1%;}.elementor-9 .elementor-element.elementor-element-9b67d08:hover img{opacity:0.82;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9 .elementor-element.elementor-element-3d325ecd img{width:55%;}.elementor-9 .elementor-element.elementor-element-3d325ecd:hover img{opacity:0.82;}.elementor-9 .elementor-element.elementor-element-60e41492{text-align:right;}.elementor-9 .elementor-element.elementor-element-60e41492 img{width:55%;border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-60e41492:hover img{opacity:0.82;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-7223e01e{--content-width:1600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-6aea7fc8{--width:1069px;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-6aea7fc8{--min-height:1355px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-4ab915dc{--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;}.elementor-9 .elementor-element.elementor-element-e4aa89e img{width:79%;}.elementor-9 .elementor-element.elementor-element-194c470c{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-9b67d08 img{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-3d325ecd img{width:100%;}.elementor-9 .elementor-element.elementor-element-60e41492 img{width:100%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-6aea7fc8{--width:500px;--min-height:656px;--overlay-opacity:0.67;--padding-top:76px;--padding-bottom:76px;--padding-left:76px;--padding-right:76px;--z-index:7;}.elementor-9 .elementor-element.elementor-element-4ab915dc.e-con{--e-con-transform-translateY:73px;--e-con-transform-scale:1.8;}.elementor-9 .elementor-element.elementor-element-4ab915dc{--min-height:140px;--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-9 .elementor-element.elementor-element-e4aa89e{text-align:center;}.elementor-9 .elementor-element.elementor-element-e4aa89e img{width:100%;max-width:88%;height:76px;}.elementor-9 .elementor-element.elementor-element-7223e01e{--content-width:500px;--min-height:253px;--justify-content:flex-end;}.elementor-9 .elementor-element.elementor-element-194c470c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-9b67d08{text-align:center;}.elementor-9 .elementor-element.elementor-element-9b67d08 img{width:80%;max-width:88%;}.elementor-9 .elementor-element.elementor-element-3d325ecd{text-align:center;}.elementor-9 .elementor-element.elementor-element-3d325ecd img{width:80%;}.elementor-9 .elementor-element.elementor-element-60e41492{text-align:center;}.elementor-9 .elementor-element.elementor-element-60e41492 img{width:78%;}}/* Start custom CSS for image, class: .elementor-element-e4aa89e *//* base reset so nothing accidentally adds extra height */ html, body { height: 100% !important; margin: 0 !important; padding: 0 !important; -webkit-text-size-adjust: 100%; box-sizing: border-box !important; } /* hero pinned to viewport on small screens to prevent any scroll */ @media (max-width: 1024px) { .elementor-9 .elementor-element.elementor-element-e4aa89e { position: fixed !important; /* pin to viewport */ inset: 0 !important; /* top:0; right:0; bottom:0; left:0 */ width: 100vw !important; height: 100dvh !important; /* modern dynamic vh */ height: -webkit-fill-available !important; /* ios safari fallback */ min-height: 100% !important; overflow: hidden !important; z-index: 9999 !important; /* pastikan atas semua page content */ } /* video container centered and covering, avoid min-height causing scroll */ .elementor-9 .elementor-element.elementor-element-e4aa89e .elementor-background-video-container { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; z-index: 0 !important; pointer-events: none !important; } /* make sure inner content stays above video and does not add margin */ .elementor-9 .elementor-element.elementor-element-e4aa89e .elementor-widget-wrap, .elementor-9 .elementor-element.elementor-element-e4aa89e .elementor-column, .elementor-9 .elementor-element.elementor-element-e4aa89e .elementor-widget { position: relative !important; z-index: 2 !important; margin: 0 !important; padding: 0 !important; } /* remove any margins from direct children that can push page taller */ .elementor-9 .elementor-element.elementor-element-e4aa89e > * { margin: 0 !important; padding: 0 !important; } /* if you have a site header that is fixed, hide or compensate it while hero is active */ body.hero-active header, body.hero-active .site-header { display: none !important; /* or transform: translateY(-100%) */ } /* prevent overscroll bounce on iOS */ body, .elementor-9 .elementor-element.elementor-element-e4aa89e { overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; touch-action: pan-x pan-y !important; } }
/* Fix mobile glitch untuk Elementor video background */
.elementor-background-video-container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.elementor-background-video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Buang animation native agar tak flicker bila load */
.elementor-background-video-container video::-webkit-media-controls {
  display: none !important;
}

.elementor-background-video-container video {
  animation: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-60e41492 *//* Target desktop and laptop only, leave tablet and mobile untouched */
@media (min-width: 1025px) {
  /* Center site content and cap width so 4k tidak stretch */
  .site-content,
  .elementor-container,
  .container,
  .page-content {
    max-width: 1366px !important; /* desktop target width, change if perlu */
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Cap hero height for laptops, avoid huge vertical gaps */
  .hero, .video-hero, .elementor-section.hero-section {
    min-height: 640px !important;
    max-height: 920px !important;
    height: auto !important;
    overflow: hidden !important;
  }

  /* Fluid headline but with a max size so 4k does not explode */
  .hero h1, h1, .big-headline {
    font-size: clamp(34px, 4.2vw, 72px) !important;
    line-height: 1.04 !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
  }

  /* Button and small elements standard size on desktop */
  .hero .elementor-button, .hero .button {
    font-size: 16px !important;
    padding: 12px 22px !important;
  }

  /* Ensure images and background video respect the capped container */
  .elementor-background-video-container,
  .elementor-background-video-container video,
  img, picture, video {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* Slight scale down on ultra wide displays to avoid huge type */
  @media (min-width: 1600px) {
    .site-content,
    .elementor-container {
      max-width: 1440px !important; /* allow slightly wider but still capped */
    }
    .hero h1, h1, .big-headline {
      font-size: clamp(34px, 3.2vw, 68px) !important;
    }
  }
}/* End custom CSS */