.elementor-718 .elementor-element.elementor-element-76e16b1{--display:flex;}#elementor-popup-modal-718{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-718 .dialog-message{width:330px;height:auto;}#elementor-popup-modal-718 .dialog-close-button{display:flex;}#elementor-popup-modal-718 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-da08599 *//* 1. Mengimpor font Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.termic-popup-form {
  font-family: 'Poppins', sans-serif;
  color: #222; /* Warna teks lebih gelap */
  /* [BARU] Styling utama untuk efek Liquid Glass */
  background-color: rgba(255, 255, 255, 0.5); /* Latar belakang transparan */
  backdrop-filter: blur(10px); /* Efek blur di belakangnya */
  border-radius: 15px; /* Sudut lebih membulat */
  padding: 30px; /* Padding lebih banyak */
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1); /* Shadow yang lebih halus */
  border: 1px solid rgba(255, 255, 255, 0.18); /* Border transparan */
  box-sizing: border-box;
}

.termic-popup-form h3 {
  font-weight: 700; /* Lebih bold */
  text-align: center;
  color: #111; /* Judul lebih gelap */
  margin-top: 0;
  margin-bottom: 25px; /* Jarak bawah lebih lega */
  font-size: 24px; /* Ukuran font judul */
}

/* 2. Styling untuk setiap baris (group) */
.form-group {
  margin-bottom: 20px; /* Jarak antar grup lebih banyak */
}

.form-group label {
  display: block;
  font-weight: 600; /* Label lebih bold */
  margin-bottom: 8px; /* Jarak label ke input */
  font-size: 15px; /* Ukuran font label */
  color: #333; /* Warna label */
}

/* 3. Styling untuk input field (DIPERBAIKI) */
.form-group input {
  width: 100%;
  padding: 14px 18px; /* Padding lebih banyak */
  
  /* [PERBAIKAN] Ganti border transparan menjadi abu-abu muda agar terlihat */
  border: 1px solid #ddd; 
  
  /* [PERBAIKAN] Ganti background transparan menjadi putih solid */
  background-color: #ffffff; 
  
  border-radius: 10px; /* Sudut lebih membulat */
  box-sizing: border-box; 
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #222; /* Warna teks input */
  transition: all 0.3s ease;
}

.form-group input::placeholder {
    color: #aaa; /* Warna placeholder dibuat lebih jelas */
}

.form-group input:focus {
  border-color: #03AC0E; /* Hijau Termic saat fokus */
  outline: none;
  box-shadow: 0 0 8px rgba(3, 172, 14, 0.4); /* Shadow saat fokus */
  background-color: #ffffff; /* Tetap putih saat fokus */
}

/* 4. Styling Tombol "Tanya via WA" */
.form-button {
  width: 100%;
  background-color: #25D366; /* Hijau WhatsApp */
  color: white;
  font-family: 'Poppins', sans-serif;
  font-weight: 700; /* Sangat bold */
  font-size: 17px; /* Ukuran font lebih besar */
  padding: 16px; /* Padding lebih banyak */
  border: none;
  border-radius: 10px; /* Sudut lebih membulat */
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px; /* Sedikit spasi antar huruf */
  margin-top: 10px; /* Jarak dari input terakhir */
}

.form-button:hover {
  background-color: #1EBE57; /* Warna hover WA */
  transform: translateY(-2px); /* Sedikit efek naik */
  box-shadow: 0 6px 12px rgba(37, 211, 102, 0.3); /* Shadow saat hover */
}/* End custom CSS */