.elementor-284 .elementor-element.elementor-element-e274946{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-284 .elementor-element.elementor-element-e274946:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-e274946 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://balicharmingtours.com/wp-content/uploads/2026/08/Balii.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-284 .elementor-element.elementor-element-e274946::before, .elementor-284 .elementor-element.elementor-element-e274946 > .elementor-background-video-container::before, .elementor-284 .elementor-element.elementor-element-e274946 > .e-con-inner > .elementor-background-video-container::before, .elementor-284 .elementor-element.elementor-element-e274946 > .elementor-background-slideshow::before, .elementor-284 .elementor-element.elementor-element-e274946 > .e-con-inner > .elementor-background-slideshow::before, .elementor-284 .elementor-element.elementor-element-e274946 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#282222;--background-overlay:'';}.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-284 .elementor-element.elementor-element-9374efa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;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-284 .elementor-element.elementor-element-5ea4c12{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-690b195{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-690b195:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-690b195 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-690b195.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-6532142{text-align:center;}.elementor-284 .elementor-element.elementor-element-6532142 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:17px;font-weight:600;color:#70C1B3;}.elementor-284 .elementor-element.elementor-element-ec3a306{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-284 .elementor-element.elementor-element-ec3a306 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:500;color:#000000;}.elementor-284 .elementor-element.elementor-element-1dd0512{width:var( --container-widget-width, 45% );max-width:45%;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#161616;}.elementor-284 .elementor-element.elementor-element-1dd0512.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-284 .elementor-element.elementor-element-7e3fa3d{--divider-border-style:solid;--divider-color:#70C1B3;--divider-border-width:1.1px;margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--divider-icon-size:12px;}.elementor-284 .elementor-element.elementor-element-7e3fa3d.elementor-element{--align-self:center;}.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-divider-separator{width:27%;margin:0 auto;margin-center:0;}.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-284 .elementor-element.elementor-element-7e3fa3d.elementor-view-stacked .elementor-icon{background-color:#70C1B3;}.elementor-284 .elementor-element.elementor-element-7e3fa3d.elementor-view-framed .elementor-icon, .elementor-284 .elementor-element.elementor-element-7e3fa3d.elementor-view-default .elementor-icon{color:#70C1B3;border-color:#70C1B3;}.elementor-284 .elementor-element.elementor-element-7e3fa3d.elementor-view-framed .elementor-icon, .elementor-284 .elementor-element.elementor-element-7e3fa3d.elementor-view-default .elementor-icon svg{fill:#70C1B3;}.elementor-284 .elementor-element.elementor-element-6ed9a0f{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-284 .elementor-element.elementor-element-6ed9a0f.elementor-element{--align-self:center;}.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-wrapper{--video-aspect-ratio:2.33333;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-284 .elementor-element.elementor-element-51b1a05{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-284 .elementor-element.elementor-element-0e44ea2{--image-border-width:0px;--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-284 .elementor-element.elementor-element-48f3b00{--display:flex;--min-height:350px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.48;--margin-top:070px;--margin-bottom:070px;--margin-left:0px;--margin-right:0px;}.elementor-284 .elementor-element.elementor-element-48f3b00:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-48f3b00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://balicharmingtours.com/wp-content/uploads/2026/08/tegalalang.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-284 .elementor-element.elementor-element-48f3b00::before, .elementor-284 .elementor-element.elementor-element-48f3b00 > .elementor-background-video-container::before, .elementor-284 .elementor-element.elementor-element-48f3b00 > .e-con-inner > .elementor-background-video-container::before, .elementor-284 .elementor-element.elementor-element-48f3b00 > .elementor-background-slideshow::before, .elementor-284 .elementor-element.elementor-element-48f3b00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-284 .elementor-element.elementor-element-48f3b00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1B1A1A;--background-overlay:'';}.elementor-284 .elementor-element.elementor-element-48f3b00.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-2a4d7ee{width:var( --container-widget-width, 74.482% );max-width:74.482%;--container-widget-width:74.482%;--container-widget-flex-grow:0;text-align:center;}.elementor-284 .elementor-element.elementor-element-2a4d7ee.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-2a4d7ee .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-e6c2cfb{width:var( --container-widget-width, 81.78% );max-width:81.78%;--container-widget-width:81.78%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-e6c2cfb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button{background-color:#70C1B3;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-284 .elementor-element.elementor-element-48a08ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;}.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-690b195{--width:100%;}.elementor-284 .elementor-element.elementor-element-48f3b00{--width:100%;}}@media(min-width:1025px){.elementor-284 .elementor-element.elementor-element-e274946:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-e274946 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-284 .elementor-element.elementor-element-48f3b00:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-48f3b00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-9374efa{text-align:center;}.elementor-284 .elementor-element.elementor-element-5ea4c12{text-align:center;}.elementor-284 .elementor-element.elementor-element-1dd0512{width:var( --container-widget-width, 316.15px );max-width:316.15px;--container-widget-width:316.15px;--container-widget-flex-grow:0;}.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-divider-separator{width:50%;}.elementor-284 .elementor-element.elementor-element-6ed9a0f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-284 .elementor-element.elementor-element-48f3b00{--width:500px;--min-height:430px;}.elementor-284 .elementor-element.elementor-element-48f3b00.e-con{--align-self:center;}.elementor-284 .elementor-element.elementor-element-2a4d7ee{width:var( --container-widget-width, 353.913px );max-width:353.913px;--container-widget-width:353.913px;--container-widget-flex-grow:0;}.elementor-284 .elementor-element.elementor-element-2a4d7ee .elementor-heading-title{font-size:33px;}.elementor-284 .elementor-element.elementor-element-e6c2cfb{width:var( --container-widget-width, 373.612px );max-width:373.612px;--container-widget-width:373.612px;--container-widget-flex-grow:0;text-align:center;font-size:15px;}}/* Start custom CSS for divider, class: .elementor-element-7e3fa3d *//* ============================================================
   DIVIDER CUSTOM STYLING (TANPA MENGUBAH SPACING ATAS/BAWAH)
   Tempel di : Widget Divider > Advanced > Custom CSS
   ============================================================ */

.elementor-284 .elementor-element.elementor-element-7e3fa3d {
    --dv-brand:      #70C1B3;
    --dv-brand-dark: #3E8C7E;
    --dv-brand-deep: #1A4D44;

    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 250px !important; /* Mengunci lebar divider agar ringkas */
}

/* Mengikuti tinggi & jarak vertikal asli Elementor tanpa manipulasi padding/margin */
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-widget-container {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

/* Menyembunyikan garis polos bawaan */
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-divider,
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-divider-separator {
    border: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    position: relative !important;
    width: 100% !important;
}

/* ============================================================
   1. GARIS KIRI & KANAN
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-widget-container::before,
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-widget-container::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 2px;
    width: calc(50% - 20px);
    border-radius: 2px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

/* Garis Kiri */
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-widget-container::before {
    left: 0;
    background: linear-gradient(90deg,
        rgba(112, 193, 179, 0) 0%,
        rgba(112, 193, 179, 0.5) 40%,
        var(--dv-brand-dark) 100%);
    background-size: 200% 100%;
    animation: dvGarisKiri 4s ease-in-out infinite;
}

/* Garis Kanan */
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-widget-container::after {
    right: 0;
    background: linear-gradient(270deg,
        rgba(112, 193, 179, 0) 0%,
        rgba(112, 193, 179, 0.5) 40%,
        var(--dv-brand-dark) 100%);
    background-size: 200% 100%;
    animation: dvGarisKanan 4s ease-in-out infinite;
}

/* ============================================================
   2. BERLIAN & CINCIN TENGAH
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    z-index: 3;
    background: linear-gradient(135deg, var(--dv-brand) 0%, var(--dv-brand-deep) 100%);
    border: 2px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(112, 193, 179, 0.45);
    animation: dvBerlianPutar 8s ease-in-out infinite;
}

.elementor-284 .elementor-element.elementor-element-7e3fa3d .elementor-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    z-index: 2;
    border: 1.5px solid rgba(112, 193, 179, 0.6);
    border-radius: 50%;
    pointer-events: none;
    animation: dvCincinDenyut 2.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

/* ============================================================
   3. ANIMASI
   ============================================================ */
@keyframes dvBerlianPutar {
    0%   { transform: rotate(45deg) scale(1); }
    50%  { transform: rotate(225deg) scale(1.15); }
    100% { transform: rotate(405deg) scale(1); }
}

@keyframes dvCincinDenyut {
    0%   { transform: scale(0.7); opacity: 0.8; }
    70%  { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(1.5); opacity: 0; }
}

@keyframes dvGarisKiri {
    0%, 100% { background-position: 0% 50%; opacity: 0.7; }
    50%      { background-position: 100% 50%; opacity: 1; }
}

@keyframes dvGarisKanan {
    0%, 100% { background-position: 0% 50%; opacity: 0.7; }
    50%      { background-position: 100% 50%; opacity: 1; }
}

/* ============================================================
   4. TAMPILAN MOBILE
   ============================================================ */
@media (max-width: 767px) {
    .elementor-284 .elementor-element.elementor-element-7e3fa3d {
        max-width: 180px !important;
    }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-6ed9a0f *//* ============================================================
   CONTAINER VIDEO - BORDER BERGERAK MENGITARI TEPI
   v2.0
   Tempel di : Container/Widget Video > Advanced > Custom CSS

   KENAPA VERSI INI PASTI JALAN
   v1.0 memakai @property + mask-composite. Dua fitur itu tidak
   selalu didukung, dan kalau gagal hasilnya border diam saja.
   v2.0 memakai cara paling dasar dan universal:

     1. Kotak video diberi padding 3px sebagai "jalur border"
     2. Di belakangnya ditaruh persegi RAKSASA berisi gradasi
        conic, lalu diputar dengan transform: rotate()
     3. Video di atasnya menutupi bagian tengah, sehingga
        gradasi yang berputar hanya terlihat di jalur 3px tadi

   Hasilnya: cahaya benar-benar terlihat berlari mengitari tepi.
   transform: rotate() didukung semua browser, tanpa kecuali.

   Palet : #70C1B3 (brand) + #3E8C7E + #1A4D44
   ============================================================ */

.elementor-284 .elementor-element.elementor-element-6ed9a0f {
  --bcv-brand:#70C1B3;
  --bcv-brand-light:#A8E6DA;
  --bcv-brand-dark:#3E8C7E;
  --bcv-brand-deep:#1A4D44;
  --bcv-gold:#E9D8A6;
  --bcv-tebal:3px;             /* ketebalan jalur border */
  --bcv-radius:22px;
  --bcv-dalam:#0B1F1B;         /* warna dasar di balik video */

  position:relative !important;
  z-index:0;

  /* jalur border + memotong persegi raksasa yang berputar */
  padding:var(--bcv-tebal) !important;
  border-radius:var(--bcv-radius) !important;
  overflow:hidden !important;
  background:var(--bcv-dalam) !important;

  box-shadow:0 18px 46px rgba(26,77,68,.26) !important;
  transition:box-shadow .6s cubic-bezier(.22,1,.36,1),
             transform .6s cubic-bezier(.22,1,.36,1) !important;

  /* cahaya di sekeliling kotak, berdenyut pelan */
  animation:bcvMasuk .9s cubic-bezier(.22,1,.36,1) both,
            bcvAura 4.5s ease-in-out 1s infinite !important;
}

/* ============================================================
   LAPISAN 1 - CINCIN GRADASI YANG BERPUTAR PELAN
   Persegi raksasa (170% lebar, bentuk bujur sangkar) supaya
   sudut-sudutnya tetap tertutup saat diputar.
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-6ed9a0f::before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:170%;
  aspect-ratio:1 / 1;
  z-index:0;
  pointer-events:none;

  background:conic-gradient(
    var(--bcv-brand-deep)  0deg,
    var(--bcv-brand)       50deg,
    var(--bcv-brand-light) 90deg,
    var(--bcv-gold)        120deg,
    var(--bcv-brand)       170deg,
    var(--bcv-brand-deep)  230deg,
    var(--bcv-brand-dark)  300deg,
    var(--bcv-brand-deep)  360deg);

  animation:bcvPutar 8s linear infinite;
}

/* ============================================================
   LAPISAN 2 - PETIR
   Persegi raksasa kedua, isinya hampir seluruhnya transparan
   kecuali dua pita sempit yang sangat terang. Diputar lebih
   cepat, jadi terlihat seperti kilatan yang berlari.
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-6ed9a0f::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:170%;
  aspect-ratio:1 / 1;
  z-index:1;
  pointer-events:none;

  background:conic-gradient(
    rgba(255,255,255,0)    0deg,
    rgba(255,255,255,0)    12deg,
    rgba(168,230,218,.85)  17deg,
    #FFFFFF                21deg,
    rgba(168,230,218,.85)  25deg,
    rgba(255,255,255,0)    31deg,

    rgba(255,255,255,0)    175deg,
    rgba(233,216,166,.75)  181deg,
    #FFFFFF                185deg,
    rgba(233,216,166,.75)  189deg,
    rgba(255,255,255,0)    195deg,

    rgba(255,255,255,0)    360deg);

  filter:blur(.5px);

  /* berputar cepat + berkedip mendadak ala arus listrik */
  animation:bcvPutar 2.4s linear infinite,
            bcvKedip 2.4s steps(1,end) infinite;
}

/* ============================================================
   ISI VIDEO
   Wajib berada DI ATAS kedua lapisan berputar, dan punya latar
   sendiri agar bagian tengah tertutup rapi.
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-widget-container,
.elementor-284 .elementor-element.elementor-element-6ed9a0f > .e-con-inner,
.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-wrapper,
.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-video,
.elementor-284 .elementor-element.elementor-element-6ed9a0f iframe,
.elementor-284 .elementor-element.elementor-element-6ed9a0f video {
  position:relative !important;
  z-index:3 !important;
  border-radius:calc(var(--bcv-radius) - var(--bcv-tebal)) !important;
}

.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-widget-container,
.elementor-284 .elementor-element.elementor-element-6ed9a0f > .e-con-inner {
  overflow:hidden !important;
  background:var(--bcv-dalam) !important;
  line-height:0;
}

.elementor-284 .elementor-element.elementor-element-6ed9a0f iframe,
.elementor-284 .elementor-element.elementor-element-6ed9a0f video {
  display:block;
  width:100%;
  border:0 !important;
}

/* Tombol play bawaan Elementor */
.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-custom-embed-play {
  z-index:4 !important;
  transition:transform .5s cubic-bezier(.34,1.56,.64,1), filter .45s ease;
  animation:bcvPlay 2.8s ease-in-out infinite;
}
.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-custom-embed-play i,
.elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-custom-embed-play svg {
  color:#fff !important;
  fill:#fff !important;
  filter:drop-shadow(0 6px 18px rgba(26,77,68,.55));
}

/* ============================================================
   HOVER
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-6ed9a0f:hover {
  transform:translateY(-6px) !important;
  box-shadow:0 34px 70px rgba(112,193,179,.36) !important;
}
.elementor-284 .elementor-element.elementor-element-6ed9a0f:hover::before { animation-duration:4s; }              /* cincin mempercepat */
.elementor-284 .elementor-element.elementor-element-6ed9a0f:hover::after  { animation-duration:1.1s, 1.1s; }      /* petir jauh lebih cepat */
.elementor-284 .elementor-element.elementor-element-6ed9a0f:hover .elementor-custom-embed-play {
  animation:none;
  transform:scale(1.12);
  filter:drop-shadow(0 0 18px rgba(112,193,179,.85));
}

/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes bcvPutar {
  from { transform:translate(-50%,-50%) rotate(0deg); }
  to   { transform:translate(-50%,-50%) rotate(360deg); }
}

/* kedipan mendadak, bukan memudar halus — inilah kesan petirnya */
@keyframes bcvKedip {
  0%   { opacity:1; }
  44%  { opacity:1; }
  46%  { opacity:.2; }
  48%  { opacity:1; }
  70%  { opacity:1; }
  72%  { opacity:.35; }
  74%  { opacity:1; }
  100% { opacity:1; }
}

@keyframes bcvMasuk {
  from { opacity:0; transform:translateY(28px) scale(.97); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}

@keyframes bcvAura {
  0%,100% { box-shadow:0 18px 46px rgba(26,77,68,.26); }
  50%     { box-shadow:0 18px 46px rgba(26,77,68,.26),
                       0 0 34px rgba(112,193,179,.42); }
}

@keyframes bcvPlay {
  0%,100% { transform:scale(1);    filter:drop-shadow(0 0 0 rgba(112,193,179,0)); }
  50%     { transform:scale(1.06); filter:drop-shadow(0 0 16px rgba(112,193,179,.75)); }
}

/* ============================================================
   RESPONSIF : TABLET (max 1024px)
   ============================================================ */
@media (max-width:1024px) {
  .elementor-284 .elementor-element.elementor-element-6ed9a0f {
    --bcv-tebal:2.5px;
    --bcv-radius:18px;
  }
}

/* ============================================================
   RESPONSIF : MOBILE (max 767px)
   Persegi pemutar diperbesar ke 220% karena kotak video di HP
   lebih ramping — kalau terlalu kecil, sudutnya bisa bolong
   saat diputar. Petir juga dilambatkan agar tidak terasa ramai.
   ============================================================ */
@media (max-width:767px) {
  .elementor-284 .elementor-element.elementor-element-6ed9a0f {
    --bcv-tebal:2.5px;
    --bcv-radius:16px;
    box-shadow:0 12px 30px rgba(26,77,68,.22) !important;
  }

  .elementor-284 .elementor-element.elementor-element-6ed9a0f::before,
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::after { width:220%; }

  .elementor-284 .elementor-element.elementor-element-6ed9a0f::before { animation-duration:10s; }
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::after  { animation-duration:3.2s, 3.2s; }

  /* tidak ada hover di layar sentuh -> umpan balik saat ditekan */
  .elementor-284 .elementor-element.elementor-element-6ed9a0f:hover { transform:none !important; }
  .elementor-284 .elementor-element.elementor-element-6ed9a0f:active {
    transform:scale(.99) !important;
    box-shadow:0 18px 38px rgba(112,193,179,.32) !important;
  }
  .elementor-284 .elementor-element.elementor-element-6ed9a0f:active::after { animation-duration:1.1s, 1.1s; }
}

@media (max-width:380px) {
  .elementor-284 .elementor-element.elementor-element-6ed9a0f {
    --bcv-radius:14px;
    --bcv-tebal:2px;
  }
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::before,
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::after { width:260%; }
}

/* ============================================================
   AKSESIBILITAS - hormati preferensi kurangi-gerak
   Putaran dihentikan, border tetap tampil bergradasi.
   ============================================================ */
@media (prefers-reduced-motion:reduce) {
  .elementor-284 .elementor-element.elementor-element-6ed9a0f,
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::before,
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::after,
  .elementor-284 .elementor-element.elementor-element-6ed9a0f .elementor-custom-embed-play {
    animation:none !important;
  }
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::before { transform:translate(-50%,-50%) rotate(35deg); }
  .elementor-284 .elementor-element.elementor-element-6ed9a0f::after  { opacity:0 !important; }
  .elementor-284 .elementor-element.elementor-element-6ed9a0f:hover   { transform:none !important; }
}/* End custom CSS */
/* Start custom CSS for gallery, class: .elementor-element-0e44ea2 *//* ============================================================
   GALLERY TOUR
   v1.0
   Tempel di : Widget Gallery / Image Gallery > Advanced > Custom CSS

   Konsep : grid foto dengan sudut membulat, bingkai cahaya yang
   muncul dari dalam, zoom sinematik saat hover, dan foto lain
   yang meredup agar fokus tertuju pada satu gambar.

   Palet : #70C1B3 (brand) + #3E8C7E + #1A4D44

   Selector dibuat mencakup dua kemungkinan struktur :
   - Widget Gallery baru  : .e-gallery-item / .e-gallery-image
   - Widget Image Gallery : .gallery-item / .gallery-icon
   ============================================================ */

.elementor-284 .elementor-element.elementor-element-0e44ea2 {
  --gl-brand:      #70C1B3;
  --gl-brand-dark: #3E8C7E;
  --gl-brand-deep: #1A4D44;
  --gl-white:      #FFFFFF;

  perspective: 1400px;              /* sumber kedalaman 3D untuk semua foto */
  perspective-origin: 50% 45%;
}

/* ============================================================
   1. WADAH GRID
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery__container,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-image-gallery .gallery {
  gap: 16px !important;
}

/* ============================================================
   2. ITEM FOTO
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery-item,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;

  border-radius: 16px !important;
  background: #EAF6F3 !important;    /* warna latar sebelum gambar termuat */
  box-shadow: 0 8px 22px rgba(26, 77, 68, .12) !important;

  transform-style: preserve-3d;
  transform: translateZ(0);
  transition: transform .6s cubic-bezier(.22, 1, .36, 1),
              box-shadow .55s ease,
              filter .55s ease !important;

  /* Muncul bergantian saat halaman dibuka */
  animation: glMasuk .7s cubic-bezier(.22, 1, .36, 1) both !important;
}

/* Jeda berbeda tiap foto agar munculnya bergelombang */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(1),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(1)  { animation-delay: .04s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(2),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(2)  { animation-delay: .10s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(3),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(3)  { animation-delay: .16s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(4),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(4)  { animation-delay: .22s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(5),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(5)  { animation-delay: .28s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(6),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(6)  { animation-delay: .34s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(7),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(7)  { animation-delay: .40s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(8),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(8)  { animation-delay: .46s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(9),  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(9)  { animation-delay: .52s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(10), .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(10) { animation-delay: .58s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(11), .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(11) { animation-delay: .64s !important; }
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:nth-child(12), .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:nth-child(12) { animation-delay: .70s !important; }

/* ============================================================
   3. GAMBAR DI DALAM ITEM
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-image,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item img,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 16px !important;

  transform: scale(1);
  transition: transform 1.1s cubic-bezier(.22, 1, .36, 1),
              filter .6s ease !important;
}

/* ============================================================
   4. LAPISAN GRADASI + BINGKAI CAHAYA
   ============================================================ */

/* Gradasi gelap dari bawah - tipis saat diam, pekat saat hover */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item::before,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: 16px;

  background: linear-gradient(to top,
    rgba(9, 38, 34, .55) 0%,
    rgba(9, 38, 34, .18) 32%,
    rgba(9, 38, 34, 0) 62%);
  opacity: .55;
  transition: opacity .55s ease, background .55s ease;
}

/* Bingkai cahaya di dalam foto - muncul saat hover */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item::after,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item::after {
  content: "";
  position: absolute;
  inset: 9px;
  z-index: 3;
  pointer-events: none;

  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 10px;
  opacity: 0;
  transform: scale(1.04);
  transition: opacity .5s ease, transform .55s cubic-bezier(.22, 1, .36, 1);
}

/* ============================================================
   5. HOVER - foto maju ke depan & membesar
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:hover {
  transform: rotateY(-4deg) rotateX(2deg) translateZ(40px) translateY(-8px) !important;
  box-shadow: 0 30px 56px rgba(26, 77, 68, .32),
              0 0 0 2px rgba(112, 193, 179, .6) !important;
  z-index: 10 !important;
}

.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover .e-gallery-image,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:hover img {
  transform: scale(1.12) !important;
  filter: saturate(1.12) contrast(1.04) !important;
}

.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover::before,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:hover::before {
  opacity: 1;
  background: linear-gradient(to top,
    rgba(9, 38, 34, .82) 0%,
    rgba(26, 77, 68, .45) 38%,
    rgba(112, 193, 179, .16) 78%,
    rgba(112, 193, 179, .06) 100%);
}

.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover::after,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:hover::after {
  opacity: 1;
  transform: scale(1);
}

/* Foto lain meredup agar fokus tertuju pada satu gambar */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery__container:hover .e-gallery-item:not(:hover),
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery:hover .gallery-item:not(:hover) {
  filter: saturate(.55) brightness(.78) !important;
  transform: scale(.97) translateZ(-16px) !important;
}

/* ============================================================
   6. CAPTION / OVERLAY TEKS
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery-item__overlay,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery-item__content,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-caption {
  z-index: 4 !important;
  color: var(--gl-white) !important;
  background: transparent !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .6);

  transform: translateY(12px);
  opacity: 0;
  transition: transform .55s cubic-bezier(.22, 1, .36, 1), opacity .5s ease;
}

.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover .elementor-gallery-item__overlay,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover .elementor-gallery-item__content,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:hover .gallery-caption {
  transform: translateY(0) translateZ(24px);
  opacity: 1;
}

.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery-item__title {
  color: var(--gl-white) !important;
  font-weight: 700 !important;
}

/* ============================================================
   7. TOMBOL NAVIGASI (panah kiri/kanan bila gallery berupa slider)
   ============================================================ */
.elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-next,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-prev,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-swiper-button {
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .94) !important;
  color: var(--gl-brand-deep) !important;
  box-shadow: 0 6px 18px rgba(26, 77, 68, .22);
  transition: background .4s ease, color .4s ease,
              transform .4s cubic-bezier(.34, 1.56, .64, 1),
              box-shadow .4s ease;
  animation: glPanahNapas 3s ease-in-out infinite;
}

.elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-next { animation-delay: 1.5s; }

.elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-next:hover,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-prev:hover,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-swiper-button:hover {
  animation: none;
  background: linear-gradient(135deg, var(--gl-brand) 0%, var(--gl-brand-dark) 100%) !important;
  color: var(--gl-white) !important;
  transform: scale(1.12);
  box-shadow: 0 12px 26px rgba(112, 193, 179, .45);
}

.elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-next::after,
.elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-prev::after {
  font-size: 14px !important;
  font-weight: 700;
}

/* ============================================================
   8. KEYFRAMES
   ============================================================ */
@keyframes glMasuk {
  from { opacity: 0; transform: translateY(26px) scale(.94); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes glPanahNapas {
  0%, 100% { box-shadow: 0 6px 18px rgba(26, 77, 68, .22); }
  50%      { box-shadow: 0 6px 18px rgba(26, 77, 68, .22),
                         0 0 0 8px rgba(112, 193, 179, .16); }
}

/* ============================================================
   9. RESPONSIVE - TABLET (max 1024px)
   ============================================================ */
@media (max-width: 1024px) {
  .elementor-284 .elementor-element.elementor-element-0e44ea2 { perspective: 1000px; }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery__container,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery { gap: 12px !important; }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item { border-radius: 14px !important; }

  /* Rotasi dikurangi agar foto tidak terlihat menceng */
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:hover,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:hover {
    transform: rotateY(-2deg) translateZ(22px) translateY(-6px) !important;
  }
}

/* ============================================================
   10. RESPONSIVE - MOBILE (max 767px)
   Tidak ada hover di layar sentuh, jadi efek 3D dimatikan dan
   diganti tampilan aktif sejak awal + umpan balik saat ditekan
   ============================================================ */
@media (max-width: 767px) {
  .elementor-284 .elementor-element.elementor-element-0e44ea2 { perspective: none; }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery__container,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery { gap: 9px !important; }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item {
    border-radius: 12px !important;
    transform: none !important;
    box-shadow: 0 6px 16px rgba(26, 77, 68, .14) !important;
  }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-image,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item img { border-radius: 12px !important; }

  /* Bingkai cahaya langsung tampil karena tidak ada hover */
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item::after,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item::after {
    inset: 6px;
    border-radius: 8px;
    opacity: .45;
    transform: scale(1);
  }

  /* Foto tidak saling meredupkan di mobile */
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery__container:hover .e-gallery-item:not(:hover),
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery:hover .gallery-item:not(:hover) {
    filter: none !important;
    transform: none !important;
  }

  /* Umpan balik saat foto ditekan */
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:active,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:active {
    transform: scale(.97) !important;
    box-shadow: 0 12px 26px rgba(112, 193, 179, .3),
                0 0 0 2px rgba(112, 193, 179, .5) !important;
  }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item:active .e-gallery-image,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item:active img { transform: scale(1.06) !important; }

  /* Caption selalu tampil di mobile */
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery-item__overlay,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery-item__content,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-caption {
    opacity: 1;
    transform: none;
    font-size: 12px !important;
  }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-next,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-prev,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-swiper-button {
    width: 34px !important;
    height: 34px !important;
  }
}

@media (max-width: 380px) {
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery__container,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery { gap: 7px !important; }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item { border-radius: 10px !important; }
}

/* ============================================================
   11. AKSESIBILITAS - hormati preferensi reduce motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-item,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .e-gallery-image,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery-item img,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-next,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .swiper-button-prev,
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery-item__overlay {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    transition: box-shadow .2s ease, filter .2s ease !important;
  }

  .elementor-284 .elementor-element.elementor-element-0e44ea2 .elementor-gallery__container:hover .e-gallery-item:not(:hover),
  .elementor-284 .elementor-element.elementor-element-0e44ea2 .gallery:hover .gallery-item:not(:hover) { filter: none !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a4d7ee *//* Efek Heading Berkilau Animasi (Kilau Biru Tosca) */
.elementor-284 .elementor-element.elementor-element-2a4d7ee .elementor-heading-title {
    background: linear-gradient(
        120deg,
        #ffffff 35%,  /* Warna dasar teks putih (sebelum dilewati kilau) */
        #70C1B3 50%,  /* Warna BIRU TOSCA untuk efek kilaunya */
        #ffffff 65%   /* Warna dasar teks putih (setelah dilewati kilau) */
    );
    background-size: 200% auto;
    
    /* Memotong background agar membentuk huruf teks */
    color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* Menjalankan animasi kilau (3s = kecepatan animasi) */
    animation: textShine 3s linear infinite;
}

/* Kunci pergerakan animasi dari kanan ke kiri */
@keyframes textShine {
    0% {
        background-position: 200% center;
    }
    100% {
        background-position: -200% center;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-48a08ed *//* =========================================================
   ARTSYANA.ID — CUSTOM CSS: BUTTON "VIEW ALL" (EFEK 3D)
   Versi  : v2.0 (versi per-widget, tinggal disalin)

   CARA PAKAI:
   Klik widget Button > Advanced > Custom CSS > paste semua ini.
   Salin kode yang sama ke button ke-2 dan ke-3.

   Saran setting di panel Elementor supaya tidak bentrok:
   Style > Background & Border > kosongkan / default
   (semua tampilan tombol sudah diatur CSS di bawah).
   ========================================================= */

/* ---------- 1. Bentuk dasar tombol ---------- */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button {
  --b-light: #8FD6C9;   /* highlight atas */
  --b-main:  #70C1B3;   /* warna utama */
  --b-dark:  #4E9E90;   /* sisi bawah = "ketebalan" tombol */

  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 34px;
  border: 0;
  border-radius: 50px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .3px;
  text-decoration: none;
  overflow: hidden;
  will-change: transform;

  background: linear-gradient(180deg,
    var(--b-light) 0%,
    var(--b-main) 55%,
    var(--b-dark) 100%);

  /* kombinasi shadow inilah yang membentuk kesan 3D */
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .45),   /* kilau tepi atas */
    inset 0 -2px 6px rgba(0, 0, 0, .18),      /* bayangan dalam bawah */
    0 6px 0 var(--b-dark),                    /* tebal badan tombol */
    0 12px 22px rgba(34, 51, 59, .32);        /* bayangan jatuh */

  transform: translateY(0);
  transition: transform .18s ease,
              box-shadow .18s ease,
              filter .3s ease;
}

/* ---------- 2. Hover: tombol terangkat, badan makin tebal ---------- */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .55),
    inset 0 -2px 6px rgba(0, 0, 0, .18),
    0 9px 0 var(--b-dark),
    0 18px 30px rgba(112, 193, 179, .45);
}

/* ---------- 3. Ditekan: tombol turun, badan menipis ---------- */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:active {
  transform: translateY(5px);
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, .28),
    0 1px 0 var(--b-dark),
    0 4px 10px rgba(34, 51, 59, .28);
  transition-duration: .08s;
}

/* ---------- 4. Kilau melintas saat hover ---------- */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 55%;
  height: 100%;
  background: linear-gradient(100deg,
    transparent,
    rgba(255, 255, 255, .38),
    transparent);
  transform: skewX(-20deg);
  transition: left .65s ease;
  pointer-events: none;
}

.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:hover::before { left: 125%; }

/* ---------- 5. Ikon panah ikut bergerak ---------- */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button-icon,
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button-icon svg,
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button-icon i {
  transition: transform .3s ease;
}

.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:hover .elementor-button-icon {
  transform: translateX(5px);
}

/* ---------- 6. Denyut halus supaya tombol menarik perhatian ---------- */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button {
  animation: btnPulse 3.2s ease-in-out 1.5s infinite;
}

/* denyut berhenti saat disentuh user */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:hover,
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:active,
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:focus {
  animation: none;
}

/* ---------- 7. Fokus keyboard (aksesibilitas) ---------- */
.elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:focus-visible {
  outline: 3px solid #FFFFFF;
  outline-offset: 3px;
}

/* ---------- 8. Mobile ---------- */
@media (max-width: 767px) {
  .elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button {
    padding: 13px 28px;
    font-size: 14px;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .45),
      0 5px 0 var(--b-dark),
      0 10px 18px rgba(34, 51, 59, .30);
    animation: none;   /* hemat baterai di perangkat mobile */
  }

  .elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button:active {
    transform: translateY(4px);
    box-shadow:
      inset 0 2px 6px rgba(0, 0, 0, .28),
      0 1px 0 var(--b-dark),
      0 4px 10px rgba(34, 51, 59, .28);
  }
}

/* ---------- 9. Keyframes ---------- */
@keyframes btnPulse {
  0%, 92%, 100% { transform: translateY(0); }
  95%           { transform: translateY(-4px); }
  98%           { transform: translateY(0); }
}

/* ---------- 10. Hormati setting "reduce motion" ---------- */
@media (prefers-reduced-motion: reduce) {
  .elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button,
  .elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button::before,
  .elementor-284 .elementor-element.elementor-element-48a08ed .elementor-button-icon {
    animation: none;
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48f3b00 */.elementor-284 .elementor-element.elementor-element-48f3b00 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.elementor-284 .elementor-element.elementor-element-48f3b00 .elementor-heading-title,
.elementor-284 .elementor-element.elementor-element-48f3b00 .elementor-widget-text-editor,
.elementor-284 .elementor-element.elementor-element-48f3b00 .elementor-widget-button {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}/* End custom CSS */