.elementor-661 .elementor-element.elementor-element-91079e0{--display:flex;--justify-content:center;}.elementor-661 .elementor-element.elementor-element-65023cb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-661 .elementor-element.elementor-element-65023cb.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-661 .elementor-element.elementor-element-65023cb{width:100%;max-width:100%;}}/* Start custom CSS *//* === Perbaikan responsif HP (≤ 480–640px) === */

/* 1) Matikan kemungkinan scroll horizontal */
html, body { overflow-x: hidden !important; }

/* 2) Kontainer utama lebih rapat di mobile */
@media (max-width: 768px){
  .wrap{ width: min(100%, 94%) !important; }
  section{ padding: 18px 0 !important; }
}

/* 3) Buttons & TOC rapi di mobile */
@media (max-width: 640px){
  .cta{ gap:10px !important; }
  .btn{ width: 100%; justify-content: center; border-radius:12px; }
  .toc{ position: relative !important; gap:8px; padding:8px; }
  .toc a{ flex:1 1 auto; text-align:center; }
}

/* 4) Kartu putih & item daftar tidak terlalu lebar */
@media (max-width: 640px){
  .card, .vm-card{ padding:16px !important; border-radius:16px !important; }
  .vm-item{ padding:10px 12px !important; }
}

/* 5) Timeline stabil di HP (satu kolom) */
@media (max-width: 640px){
  .timeline{ max-width: 100% !important; margin-inline: 0 !important; }
  .step{ grid-template-columns: 12px 1fr !important; gap:12px !important; }
  .step.alt{ grid-template-columns: 12px 1fr !important; } /* hilangkan alternating di HP */
  .step.alt .line, .step.alt .dotBig{ order: 1 !important; } /* garis tetap di kiri */
  .stepCard{ min-width: 0 !important; padding:12px !important; }
  .line{ width: 2px !important; }
  .dotBig{ width:10px; height:10px; margin-top:18px; }
  .year{ font-size: .95rem; }
}

/* 6) Pastikan iframe Google Maps tidak bikin overflow */
iframe{ max-width:100% !important; display:block !important; }
.footerCta iframe{ border-radius:14px; }

/* 7) Gambar/elemen yang suka melebar */
img, video{ max-width:100% !important; height:auto !important; }
[class*="elementor"]{ box-sizing:border-box; }

/* 8) Jika ada kolom/section Elementor yang “keluar” karena padding */
.elementor-section, .elementor-container, .elementor-column{
  max-width:100% !important; overflow-x:hidden !important;
}/* End custom CSS */