.elementor-201 .elementor-element.elementor-element-b2e4463{--display:flex;--min-height:834px;--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;--justify-content:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-b2e4463:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-b2e4463 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://cmdesignworks.com/wp-content/uploads/2026/10/bg-contact-3-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-201 .elementor-element.elementor-element-ea77cb0{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-12b1874 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-10258ed );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-ac41d16{width:var( --container-widget-width, 38% );max-width:38%;--container-widget-width:38%;--container-widget-flex-grow:0;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-10258ed );}.elementor-201 .elementor-element.elementor-element-ac41d16.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-201 .elementor-element.elementor-element-383d72d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-201 .elementor-element.elementor-element-383d72d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-201 .elementor-element.elementor-element-383d72d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-201 .elementor-element.elementor-element-383d72d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group > label, .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-subgroup label{color:var( --e-global-color-10258ed );}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-10258ed );}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-button[type="submit"]{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-383d72d{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-12b1874 .elementor-heading-title{font-size:30px;}.elementor-201 .elementor-element.elementor-element-ac41d16{width:var( --container-widget-width, 289.5px );max-width:289.5px;--container-widget-width:289.5px;--container-widget-flex-grow:0;}.elementor-201 .elementor-element.elementor-element-383d72d{padding:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-201 .elementor-element.elementor-element-b2e4463{--content-width:1419px;}}/* Start custom CSS for form, class: .elementor-element-383d72d *//* ======================================
   CMD CONTACT FORM - SESUAI REFERENSI KLIEN
   (TANPA BACKGROUND)
   ====================================== */

/* Desktop layout */
@media (min-width: 768px) {

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-form-fields-wrapper {
    display: grid !important;
    grid-template-columns: 285px minmax(340px, 470px);
    grid-template-areas:
      "name description"
      "phone description"
      "email description"
      "location submit";
    grid-template-rows: auto auto auto auto;
    column-gap: clamp(80px, 11vw, 145px);
    row-gap: 34px;
    align-items: start;
    justify-content: start;
    margin-bottom: 24px !important;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group:nth-child(1) {
    grid-area: name;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group:nth-child(2) {
    grid-area: phone;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group:nth-child(3) {
    grid-area: email;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group:nth-child(4) {
    grid-area: location;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group:nth-child(5) {
    grid-area: description;
    align-self: stretch;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .e-form__buttons {
    grid-area: submit;
    justify-self: start;
    align-self: center;
    width: 140px !important;
    margin-top: 6px !important;
  }
}

/* Labels (Name *, Phone *, Email *, Location *, Project Description *) */
.elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
  color: #292D32 !important;
}

/* Tanda Bintang Merah (*) */
.elementor-201 .elementor-element.elementor-element-383d72d .elementor-mark-required .elementor-field-label::after {
  color: #B9573F !important;
  margin-left: 3px;
}

/* Input Kiri (Garis Bawah Saja, Tanpa Background) */
.elementor-201 .elementor-element.elementor-element-383d72d input.elementor-field {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #9E9E9E !important;
  border-radius: 0 !important;
  padding: 4px 0 8px 0 !important;
  min-height: 42px !important;
  box-shadow: none !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #292D32 !important;
}

/* Textarea Kanan (Project Description) */
.elementor-201 .elementor-element.elementor-element-383d72d textarea.elementor-field {
  width: 100% !important;
  min-height: 258px !important;
  height: 258px !important;
  margin-top: 4px !important;
  padding: 16px !important;
  border: 1px solid #9E9E9E !important;
  background: transparent !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #292D32 !important;
  resize: none;
}

/* Placeholder (Your Name, +62 XXX XXX, Your Gmail, Jakarta) */
.elementor-201 .elementor-element.elementor-element-383d72d input.elementor-field::placeholder,
.elementor-201 .elementor-element.elementor-element-383d72d textarea.elementor-field::placeholder {
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #8C8C8C !important;
  opacity: 1 !important;
}

/* Tombol Submit */
.elementor-201 .elementor-element.elementor-element-383d72d .elementor-button {
  width: 140px !important;
  min-height: 42px !important;
  background: #2C2F34 !important;
  color: #F5F1EA !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 28px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
}

.elementor-201 .elementor-element.elementor-element-383d72d .elementor-button:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px);
}

/* Jarak Pesan Sukses / Error */
.elementor-201 .elementor-element.elementor-element-383d72d .elementor-message {
  margin-top: 24px !important;
  display: block !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-form-fields-wrapper {
    display: flex !important;
    flex-direction: column;
    gap: 26px;
    margin-bottom: 20px !important;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d .elementor-field-group,
  .elementor-201 .elementor-element.elementor-element-383d72d .e-form__buttons {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d input.elementor-field,
  .elementor-201 .elementor-element.elementor-element-383d72d input.elementor-field::placeholder {
    font-size: 19px !important;
  }

  .elementor-201 .elementor-element.elementor-element-383d72d textarea.elementor-field {
    min-height: 190px !important;
    height: 190px !important;
  }
}/* End custom CSS */