.elementor-210 .elementor-element.elementor-element-4cdf6d0{--display:flex;}.elementor-210 .elementor-element.elementor-element-4cdf6d0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-210 .elementor-element.elementor-element-d059da8{--spacer-size:50px;}@media(max-width:767px){.elementor-210 .elementor-element.elementor-element-d059da8{--spacer-size:6px;}}@media(min-width:768px){.elementor-210 .elementor-element.elementor-element-4cdf6d0{--width:82.979%;}}/* Start custom CSS for html, class: .elementor-element-e244e46 *//* Hilangkan spasi default atas halaman */
html, body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* HERO Section */
.kua-hero {
  background: linear-gradient(135deg, #0f766e, #0c6a63); /* hijau gradasi */
  color: #ffffff; /* tulisan putih */
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
  text-align: center;
}

/* Container tengah */
.kua-container {
  max-width: 1100px;
  margin: 0 auto;
}

/* Judul */
.kua-title {
  margin: 0; /* hapus margin atas default */
  font-weight: 800;
  font-size: clamp(1.8rem, 5vw, 3rem);
  line-height: 1.2;
  color: #ffffff; /* putih */
}

/* Underline kuning pada teks */
.kua-title .underline {
  position: relative;
  display: inline-block;
}
.kua-title .underline::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -.25em;
  height: .25em;
  border-radius: .25em;
  background: #fde047; /* kuning */
}

/* Subjudul */
.kua-sub {
  margin: .9rem auto 0 auto;
  max-width: 820px;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  color: rgba(255,255,255,.85); /* putih transparan */
}/* End custom CSS */