.elementor-kit-7{--e-global-color-primary:#19297C;--e-global-color-secondary:#0097B2;--e-global-color-text:#FFFFFF;--e-global-color-accent:#4C814D;--e-global-typography-primary-font-family:"Gantari";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-size:1rem;}.elementor-kit-7 a{font-size:1rem;}.elementor-kit-7 h1{font-size:2.5rem;}.elementor-kit-7 h2{font-size:2rem;}.elementor-kit-7 h3{font-size:1.5rem;}.elementor-kit-7 h4{font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:0px;max-width:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1) Biar lebar dekorasi mengikuti lebar konten, bukan full layar */
.hero-problem .decor-top,
.hero-problem .decor-bottom,
.hero-problem .hero-content{
  max-width: 860px;            /* SAMAKAN angka ini untuk semua */
  margin-inline: auto;         /* center */
}

/* 2) Layout row untuk dekorasi */
.hero-problem .decor-top,
.hero-problem .decor-bottom{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

/* 3) Deketin dekorasi ke konten tanpa nabrak */
.hero-problem .decor-top{    margin-bottom: -18px; }
.hero-problem .decor-bottom{ margin-top:    -18px; }

/* 4) Pastikan konten selalu di atas dekorasi (nggak ketimpa) */
.hero-problem{ position: relative; }
.hero-problem .hero-content{ position: relative; z-index: 2; }
.hero-problem .decor-top,
.hero-problem .decor-bottom{ position: relative; z-index: 1; }

/* 5) Gambar bulat stabil (nggak peang), ada shadow halus */
.circle-img img{
  width: 88px; height: 88px; aspect-ratio: 1/1;
  object-fit: cover; border-radius: 50%; display: block;
  opacity: .9; filter: drop-shadow(0 6px 14px rgba(0,0,0,.08));
  pointer-events: none; /* dekorasi tidak bisa diklik */
}

/* 6) Jarak tombol biar aman dari dekorasi bawah */
.hero-problem .hero-content .elementor-button{
  position: relative; z-index: 3;
}
.hero-problem .hero-content{ gap: 16px; }  /* kalau container flex */

/* 7) Responsif */
@media (max-width: 1024px){
  .hero-problem .decor-top,
  .hero-problem .decor-bottom,
  .hero-problem .hero-content{ max-width: 720px; }
  .circle-img img{ width: 72px; height: 72px; }
  .hero-problem .decor-top{ margin-bottom: -14px; }
  .hero-problem .decor-bottom{ margin-top: -14px; }
}
@media (max-width: 767px){
  .hero-problem .decor-top,
  .hero-problem .decor-bottom,
  .hero-problem .hero-content{ max-width: 92vw; }
  .circle-img img{ width: 52px; height: 52px; }
  /* Kalau masih ramai, boleh sembunyikan satu gambar di atas & bawah */
  /* .hero-problem .decor-top .elementor-widget-image:last-child,
     .hero-problem .decor-bottom .elementor-widget-image:first-child{ display:none; } */
}/* End custom CSS */