.elementor-181 .elementor-element.elementor-element-7e141c2{--display:flex;}.elementor-181 .elementor-element.elementor-element-306d63b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-181 .elementor-element.elementor-element-e1f65b1{padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-field-type-html{padding-bottom:0px;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-button[type="submit"]{color:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-181 .elementor-element.elementor-element-e1f65b1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-306d63b *//* ============================================================
   CUSTOM ORDER FORM — IMPROVED CSS
   Container > Advanced > Custom CSS mein paste karein
   Form ID: cstm-form | Form Class: cstm-form-class
   ============================================================ */


/* ----------------------------------------------------------
   CONTAINER
   ---------------------------------------------------------- */

.elementor-181 .elementor-element.elementor-element-306d63b {
  background: #0a0a0a;
  padding: 100px 40px 100px;
}


/* ----------------------------------------------------------
   FORM CARD — Center + Dark Box
   ---------------------------------------------------------- */

#cstm-form,
.cstm-form-class {
  max-width: 820px;
  margin: 0 auto;
  background: #131313;
  border: 1px solid #2a2a2a;
  border-radius: 20px;
  padding: 52px 56px;
  position: relative;
  overflow: hidden;
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* Gold top accent line */
#cstm-form::before,
.cstm-form-class::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, transparent, #c9a84c 30%, #c9a84c 70%, transparent);
}


/* ----------------------------------------------------------
   FIELD GROUPS SPACING
   ---------------------------------------------------------- */

#cstm-form .elementor-field-group,
.cstm-form-class .elementor-field-group {
  margin-bottom: 24px !important;
}


/* ----------------------------------------------------------
   ALL LABELS — Fully Visible
   ---------------------------------------------------------- */

#cstm-form .elementor-field-label,
.cstm-form-class .elementor-field-label,
#cstm-form label,
.cstm-form-class label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #c9a84c !important;
  margin-bottom: 10px !important;
  display: block !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}


/* ----------------------------------------------------------
   TEXT INPUTS — name, email, phone
   ---------------------------------------------------------- */

#cstm-form #fields-name,
#cstm-form #fields-email,
#cstm-form #fields-phone,
#cstm-form input[id*="name"],
#cstm-form input[id*="email"],
#cstm-form input[id*="phone"],
#cstm-form input[type="text"],
#cstm-form input[type="email"],
#cstm-form input[type="tel"],
.cstm-form-class input[type="text"],
.cstm-form-class input[type="email"],
.cstm-form-class input[type="tel"] {
  background: #0d0d0d !important;
  border: 1px solid #333333 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  padding: 15px 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.25s, box-shadow 0.25s !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  -webkit-appearance: none !important;
}

/* Placeholder */
#cstm-form input[type="text"]::placeholder,
#cstm-form input[type="email"]::placeholder,
#cstm-form input[type="tel"]::placeholder,
.cstm-form-class input[type="text"]::placeholder,
.cstm-form-class input[type="email"]::placeholder,
.cstm-form-class input[type="tel"]::placeholder {
  color: #555555 !important;
  font-size: 14px !important;
}

/* Focus */
#cstm-form input[type="text"]:focus,
#cstm-form input[type="email"]:focus,
#cstm-form input[type="tel"]:focus,
.cstm-form-class input[type="text"]:focus,
.cstm-form-class input[type="email"]:focus,
.cstm-form-class input[type="tel"]:focus {
  border-color: #c9a84c !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.10) !important;
}


/* ----------------------------------------------------------
   SELECT DROPDOWN — choose_belt
   ---------------------------------------------------------- */

#cstm-form select,
#cstm-form #fields-choose_belt,
.cstm-form-class select {
  background: #0d0d0d !important;
  border: 1px solid #333333 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 15px 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a84c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
}

#cstm-form select:focus,
.cstm-form-class select:focus {
  border-color: #c9a84c !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.10) !important;
}

/* Dropdown options */
#cstm-form select option,
.cstm-form-class select option {
  background: #1a1a1a !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 10px !important;
}


/* ----------------------------------------------------------
   FILE UPLOAD — upload_file
   ---------------------------------------------------------- */

#cstm-form .elementor-field-type-upload,
.cstm-form-class .elementor-field-type-upload {
  background: #0d0d0d !important;
  border: 1.5px dashed #333333 !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  text-align: center !important;
  transition: border-color 0.25s !important;
}

#cstm-form .elementor-field-type-upload:hover,
.cstm-form-class .elementor-field-type-upload:hover {
  border-color: #c9a84c !important;
}

#cstm-form input[type="file"],
.cstm-form-class input[type="file"] {
  background: #0d0d0d !important;
  border: 1.5px dashed #333333 !important;
  border-radius: 12px !important;
  color: #aaaaaa !important;
  font-size: 13px !important;
  padding: 14px 18px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

#cstm-form input[type="file"]::file-.elementor-181 .elementor-element.elementor-element-306d63b-button,
.cstm-form-class input[type="file"]::file-.elementor-181 .elementor-element.elementor-element-306d63b-button {
  background: #1e1e1e !important;
  border: 1px solid #444 !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 8px 18px !important;
  margin-right: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

#cstm-form input[type="file"]::file-.elementor-181 .elementor-element.elementor-element-306d63b-button:hover,
.cstm-form-class input[type="file"]::file-.elementor-181 .elementor-element.elementor-element-306d63b-button:hover {
  background: #c9a84c !important;
  border-color: #c9a84c !important;
  color: #000000 !important;
}


/* ----------------------------------------------------------
   CHECKBOXES & RADIO — material, thickness, platting, Stacking
   Pill-style custom look
   ---------------------------------------------------------- */

/* Hide native checkbox/radio */
#cstm-form input[type="checkbox"],
#cstm-form input[type="radio"],
.cstm-form-class input[type="checkbox"],
.cstm-form-class input[type="radio"] {
  display: none !important;
}

/* Options row — flex wrap */
#cstm-form .elementor-field-type-checkbox .elementor-field-subgroup,
#cstm-form .elementor-field-type-radio .elementor-field-subgroup,
.cstm-form-class .elementor-field-type-checkbox .elementor-field-subgroup,
.cstm-form-class .elementor-field-type-radio .elementor-field-subgroup {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 6px !important;
}

/* Each option item */
#cstm-form .elementor-field-type-checkbox .elementor-field-option,
#cstm-form .elementor-field-type-radio .elementor-field-option,
.cstm-form-class .elementor-field-type-checkbox .elementor-field-option,
.cstm-form-class .elementor-field-type-radio .elementor-field-option {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

/* Pill label */
#cstm-form .elementor-field-type-checkbox .elementor-field-option label,
#cstm-form .elementor-field-type-radio .elementor-field-option label,
.cstm-form-class .elementor-field-type-checkbox .elementor-field-option label,
.cstm-form-class .elementor-field-type-radio .elementor-field-option label {
  background: #0d0d0d !important;
  border: 1px solid #333333 !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #cccccc !important;
  cursor: pointer !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  transition: all 0.2s !important;
  white-space: nowrap !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  margin: 0 !important;
  display: block !important;
}

/* Hover */
#cstm-form .elementor-field-type-checkbox .elementor-field-option label:hover,
#cstm-form .elementor-field-type-radio .elementor-field-option label:hover,
.cstm-form-class .elementor-field-type-checkbox .elementor-field-option label:hover,
.cstm-form-class .elementor-field-type-radio .elementor-field-option label:hover {
  border-color: #c9a84c !important;
  color: #c9a84c !important;
}

/* Checked / Selected — gold */
#cstm-form .elementor-field-type-checkbox input:checked + label,
#cstm-form .elementor-field-type-radio input:checked + label,
.cstm-form-class .elementor-field-type-checkbox input:checked + label,
.cstm-form-class .elementor-field-type-radio input:checked + label {
  background: rgba(201,168,76,0.14) !important;
  border-color: #c9a84c !important;
  color: #c9a84c !important;
}


/* ----------------------------------------------------------
   TEXTAREA — message / Instructions
   ---------------------------------------------------------- */

#cstm-form textarea,
#cstm-form #fields-message,
.cstm-form-class textarea {
  background: #0d0d0d !important;
  border: 1px solid #333333 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 15px 20px !important;
  width: 100% !important;
  min-height: 130px !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  transition: border-color 0.25s !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

#cstm-form textarea::placeholder,
.cstm-form-class textarea::placeholder {
  color: #555555 !important;
  font-size: 13px !important;
}

#cstm-form textarea:focus,
.cstm-form-class textarea:focus {
  border-color: #c9a84c !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.10) !important;
}


/* ----------------------------------------------------------
   SECTION DIVIDER LINE between field groups
   ---------------------------------------------------------- */

#cstm-form .elementor-field-group + .elementor-field-group,
.cstm-form-class .elementor-field-group + .elementor-field-group {
  padding-top: 4px;
}

/* Divider before upload section */
#cstm-form .elementor-field-group:has(#fields-upload_file),
.cstm-form-class .elementor-field-group:has(#fields-upload_file) {
  border-top: 1px solid #222;
  padding-top: 24px;
  margin-top: 8px;
}


/* ----------------------------------------------------------
   SUBMIT BUTTON
   ---------------------------------------------------------- */

#cstm-form .elementor-button,
#cstm-form button[type="submit"],
.cstm-form-class .elementor-button,
.cstm-form-class button[type="submit"] {
  background: #c9a84c !important;
  color: #000000 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  padding: 18px 50px !important;
  border-radius: 50px !important;
  border: none !important;
  width: 100% !important;
  cursor: pointer !important;
  margin-top: 14px !important;
  display: block !important;
  text-align: center !important;
  transition: background 0.2s, transform 0.15s !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

#cstm-form .elementor-button:hover,
#cstm-form button[type="submit"]:hover,
.cstm-form-class .elementor-button:hover,
.cstm-form-class button[type="submit"]:hover {
  background: #e0c060 !important;
  transform: translateY(-2px) !important;
}


/* ----------------------------------------------------------
   SUCCESS / ERROR MESSAGES
   ---------------------------------------------------------- */

#cstm-form .elementor-message,
.cstm-form-class .elementor-message {
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
  margin-top: 16px !important;
  text-align: center !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

#cstm-form .elementor-message-success,
.cstm-form-class .elementor-message-success {
  background: rgba(201,168,76,0.10) !important;
  border: 1px solid rgba(201,168,76,0.40) !important;
  color: #c9a84c !important;
}

#cstm-form .elementor-message-error,
.cstm-form-class .elementor-message-error {
  background: rgba(220,50,50,0.10) !important;
  border: 1px solid rgba(220,50,50,0.40) !important;
  color: #ff6b6b !important;
}


/* ----------------------------------------------------------
   REQUIRED ASTERISK — visible gold
   ---------------------------------------------------------- */

#cstm-form .elementor-field-label .elementor-mark-required,
.cstm-form-class .elementor-field-label .elementor-mark-required {
  color: #c9a84c !important;
  margin-left: 3px !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 768px) {
  .elementor-181 .elementor-element.elementor-element-306d63b {
    padding: 0 16px 70px;
  }

  #cstm-form,
  .cstm-form-class {
    padding: 36px 22px;
    border-radius: 14px;
  }

  #cstm-form .elementor-field-type-checkbox .elementor-field-subgroup,
  #cstm-form .elementor-field-type-radio .elementor-field-subgroup,
  .cstm-form-class .elementor-field-type-checkbox .elementor-field-subgroup,
  .cstm-form-class .elementor-field-type-radio .elementor-field-subgroup {
    gap: 8px !important;
  }
}/* End custom CSS */