.elementor-225 .elementor-element.elementor-element-4cae351{--display:flex;}/* Start custom CSS for html, class: .elementor-element-de5cdae *//* ===============================
   HZ CRESCENT – QUOTATION FORM
   Clean • Corporate • Professional
================================ */

:root{
  --primary:#1F2937;
  --primary-dark:#111827;
  --text:#111827;
  --muted:#6B7280;
  --line:rgba(17,24,39,.15);
  --soft:rgba(17,24,39,.05);
  --radius:18px;
  --shadow:0 20px 50px rgba(17,24,39,.12);
}

.hzq{
  width:100%;
  padding:80px 6%;
  background:#fff;
  font-family:system-ui,-apple-system,"Poppins",Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
}

.hzq-wrap{
  max-width:1100px;
  margin:0 auto;
}

/* Header */
.hzq-head{
  max-width:820px;
  margin-bottom:26px;
}

.hzq-kicker{
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(17,24,39,.6);
  margin-bottom:12px;
}

.hzq-title{
  font-size:clamp(30px,4vw,44px);
  font-weight:950;
  line-height:1.05;
  margin:0;
}

.hzq-desc{
  margin-top:12px;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}

/* Form */
.hzq-form{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.hzq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:22px;
}

.hzq-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hzq-field label{
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(17,24,39,.65);
}

.hzq-field input,
.hzq-field select,
.hzq-field textarea{
  padding:13px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  font-size:14px;
  font-weight:600;
  outline:none;
}

.hzq-field textarea{
  min-height:130px;
  resize:vertical;
}

.hzq-field input:focus,
.hzq-field select:focus,
.hzq-field textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(31,41,55,.15);
}

.hzq-full{
  grid-column:1 / -1;
}

/* Footer */
.hzq-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:18px 22px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,transparent,rgba(17,24,39,.03));
}

.hzq-note{
  font-size:13px;
  color:var(--muted);
}

/* Button */
.hzq-btn{
  padding:14px 26px;
  border-radius:999px;
  background:var(--primary);
  color:#fff;
  font-size:14px;
  font-weight:900;
  border:none;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(17,24,39,.25);
  transition:.18s ease;
}

.hzq-btn:hover{
  background:var(--primary-dark);
  transform:translateY(-1px);
}

/* Mobile */
@media (max-width:768px){
  .hzq-grid{grid-template-columns:1fr;}
  .hzq-foot{
    flex-direction:column;
    align-items:flex-start;
  }
}
/* ===============================
   HZ QUOTATION FORM – BUTTON
   Orange theme (match screenshot)
================================ */

.hzq-btn{
  padding:14px 28px;
  border-radius:999px;
  background:linear-gradient(
    180deg,
    #f6a23a 0%,
    #e28717 100%
  );
  color:#111111; /* text hitam */
  font-size:14px;
  font-weight:900;
  border:1px solid rgba(0,0,0,.06);
  cursor:pointer;
  box-shadow:0 10px 22px rgba(226,135,23,.28);
  transition:
    background .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}

.hzq-btn:hover{
  background:linear-gradient(
    180deg,
    #f7ad4f 0%,
    #ea8f1c 100%
  );
  box-shadow:0 14px 28px rgba(226,135,23,.35);
  transform:translateY(-1px);
}

.hzq-btn:active{
  transform:translateY(0);
  box-shadow:0 8px 18px rgba(226,135,23,.22);
}/* End custom CSS */