.elementor-36 .elementor-element.elementor-element-b8ab398{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-36 .elementor-element.elementor-element-09693dd.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-36 .elementor-element.elementor-element-b8ab398{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-b8ab398{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-09693dd{width:var( --container-widget-width, 380px );max-width:380px;--container-widget-width:380px;--container-widget-flex-grow:0;}}/* Start custom CSS for shortcode, class: .elementor-element-09693dd */.dashboard-form input, .dashboard-form select, .dashboard-form textarea { width: 100%; padding: 10px 14px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; margin-bottom: 12px; } .dashboard-form label { font-weight: 600; margin-bottom: 4px; display: block; } .dashboard-form input[type="submit"], .dashboard-form button { background: #2d7ff9; color: #fff; border: none; border-radius: 8px; padding: 12px 20px; font-weight: 600; cursor: pointer; transition: 0.3s; } .dashboard-form input[type="submit"]:hover, .dashboard-form button:hover { background: #1b5fcc; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8ab398 *//* Wrapper form */
.frontend-form {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  max-width: 800px;
  margin: auto;
}

/* Input, Select, Textarea */
.frontend-form input[type="text"],
.frontend-form input[type="number"],
.frontend-form input[type="date"],
.frontend-form input[type="email"],
.frontend-form select,
.frontend-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 16px;
  transition: border 0.3s ease;
}

.frontend-form input:focus,
.frontend-form select:focus,
.frontend-form textarea:focus {
  border-color: #2d7ff9;
  outline: none;
}

/* Label */
.frontend-form label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  font-size: 14px;
}

/* Tombol Submit */
.frontend-form input[type="submit"],
.frontend-form button {
  background: #2d7ff9;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 20px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.frontend-form input[type="submit"]:hover,
.frontend-form button:hover {
  background: #1b5fcc;
}
/* ===== FONT GLOBAL FORM ===== */
.frontend-form {
  font-family: 'Poppins', sans-serif !important;
}

/* ===== INPUT DAN LABEL ===== */
.frontend-form input,
.frontend-form select,
.frontend-form textarea,
.frontend-form label {
  font-family: 'Poppins', sans-serif !important;
}

/* ===== SUBMIT BUTTON ===== */
.frontend-form input[type="submit"],
.frontend-form button[type="submit"] {
  background: #005a2b; /* Hijau Rolex */
  color: #fff;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover Effect */
.frontend-form input[type="submit"]:hover,
.frontend-form button[type="submit"]:hover {
  background: #007a3d; /* Rolex green lebih terang */
}/* End custom CSS */