.elementor-2726 .elementor-element.elementor-element-10c63ad{--display:flex;--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-2726 .elementor-element.elementor-element-48897f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2726 .elementor-element.elementor-element-3e0554f{--display:flex;--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-2726 .elementor-element.elementor-element-86ac2ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2726 .elementor-element.elementor-element-0398b6b{--display:flex;--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-2726 .elementor-element.elementor-element-ea54e26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2726 .elementor-element.elementor-element-b62d39b{--display:flex;--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-2726 .elementor-element.elementor-element-7abc098{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2726 .elementor-element.elementor-element-8f511c5{--display:flex;--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-2726 .elementor-element.elementor-element-a9d7853{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2726 .elementor-element.elementor-element-a4c4792{--display:flex;--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-2726 .elementor-element.elementor-element-8b7a81f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2726 .elementor-element.elementor-element-c6c0255{--display:flex;--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-2726 .elementor-element.elementor-element-833f15b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2726 .elementor-element.elementor-element-56e3caa{--display:flex;--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-2726 .elementor-element.elementor-element-bb52721{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.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-2726 .elementor-element.elementor-element-ac56c40{padding:79px 0px 4px 0px;text-align:center;}.elementor-2726 .elementor-element.elementor-element-ac56c40 .elementor-heading-title{font-family:"Peyda", Sans-serif;font-size:32px;font-weight:800;line-height:46px;color:#FF0000;}.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-2726 .elementor-element.elementor-element-558edff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Peyda", Sans-serif;font-size:22px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-2726 .elementor-element.elementor-element-d687b7e{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-2726 .elementor-element.elementor-element-fa96899{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;}.elementor-2726 .elementor-element.elementor-element-9d313b9{--spacer-size:50px;}.elementor-2726 .elementor-element.elementor-element-4790f5f{--display:flex;}@media(max-width:767px){.elementor-2726 .elementor-element.elementor-element-ac56c40 .elementor-heading-title{font-size:23px;line-height:1.2em;}.elementor-2726 .elementor-element.elementor-element-558edff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;}.elementor-2726 .elementor-element.elementor-element-fa96899{padding:0% 3% 0% 3%;}}/* Start custom CSS for shortcode, class: .elementor-element-fa96899 *//* ==========================================================================
   Archprice — Gravity Form Custom Style
   Form: خرید پکیج طراحی ساخت ساختمان
   ========================================================================== */

/* --- Base / Font & RTL --- */
.gform_wrapper {
  direction: rtl;
  text-align: right;
  font-family: "Peyda", sans-serif;
  max-width: 900px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 16px;
  padding: 32px 36px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  border: 1px solid #eef0f3;
}

.gform_wrapper * {
  font-family: "Peyda", sans-serif !important;
  box-sizing: border-box;
}

/* --- Form Title & Description --- */
.gform_wrapper .gform_heading {
  text-align: right;
  margin-bottom: 24px;
  border-bottom: 1px solid #eef0f3;
  padding-bottom: 16px;
}

.gform_wrapper .gform_title {
  font-size: 26px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 6px;
}

.gform_wrapper .gform_description {
  font-size: 15px;
  color: #6b7280;
}

/* --- Field Groups --- */
.gform_wrapper .gform_fields {
  display: grid;
  gap: 20px 24px;
}

.gform_wrapper .gfield {
  margin-bottom: 0 !important;
}

.gform_wrapper .gfield_label {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.gform_wrapper .gfield_required {
  color: #ef4444;
  font-size: 12px;
  font-weight: 500;
}

/* --- Inputs --- */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #e0e3e8;
  border-radius: 10px;
  background: #f9fafb;
  font-size: 15px;
  color: #111827;
  text-align: right;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.gform_wrapper textarea {
  height: auto;
  padding-top: 12px;
  min-height: 100px;
}

.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  outline: none;
  border-color: #2563eb;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
  color: #9ca3af;
}

/* Name field sub-labels (first/last name) */
.gform_wrapper .name_first,
.gform_wrapper .name_last {
  display: flex;
  flex-direction: column;
}

.gform_wrapper .ginput_full label,
.gform_wrapper .ginput_left label,
.gform_wrapper .ginput_right label {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 6px;
  font-weight: 400;
}

/* --- Number Spinner Fields (متراژ / مساحت) --- */
.gform_wrapper .ginput_container_number input {
  text-align: right;
}

/* --- File Upload / Dropzone --- */
.gform_wrapper .ginput_container_fileupload,
.gform_wrapper .gform_fileupload_multifile {
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  padding: 32px 20px;
  text-align: center;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.gform_wrapper .gform_fileupload_multifile:hover {
  border-color: #2563eb;
  background: #f0f5ff;
}

.gform_wrapper .gform_drop_area {
  color: #6b7280;
  font-size: 14px;
}

.gform_wrapper .gform_button_select_files {
  background: #2563eb;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 12px;
  transition: background 0.2s ease;
}

.gform_wrapper .gform_button_select_files:hover {
  background: #1d4ed8;
}

.gform_wrapper .validation_message,
.gform_wrapper .gfield_description {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 6px;
}

/* --- Price / Summary Section (make it big & prominent) --- */
.gform_wrapper .gfield--type-html,
.gform_wrapper .gform_price_box {
  margin-top: 12px;
}

/* Generic wrapper for the price display block.
   If your price field is an HTML field, wrap its content in
   <div class="archprice-price-box"> ... </div> inside the field content. */
.archprice-price-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  background: linear-gradient(135deg, #eef4ff 0%, #f5f9ff 100%);
  border: 1px solid #d6e4ff;
  border-radius: 14px;
  padding: 28px;
  margin-top: 8px;
}

.archprice-price-box .archprice-price-label {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}

.archprice-price-box .archprice-price-value {
  font-size: 36px;
  font-weight: 800;
  color: #2563eb;
  line-height: 1;
}

.archprice-price-box .archprice-price-value small {
  font-size: 15px;
  font-weight: 500;
  color: #4b5563;
  margin-right: 6px;
}

/* --- Actual GF product/total field (the box shown in your screenshot) ---
   Gravity Forms renders the price summary with these classes. */
.gform_wrapper .gfield--type-total,
.gform_wrapper .gfield_total,
.gform_wrapper .ginput_total,
.gform_wrapper .gfield_price {
  text-align: right;
  background: linear-gradient(135deg, #eef4ff 0%, #f5f9ff 100%);
  border: 1px solid #d6e4ff;
  border-radius: 14px;
  padding: 24px 28px;
  margin-top: 12px;
}

.gform_wrapper .gfield--type-total .gfield_label,
.gform_wrapper .gfield_total .gfield_label {
  text-align: right;
  width: 100%;
  display: block;
  margin-bottom: 14px;
  font-size: 17px;
  font-weight: 700;
  color: #1f2937;
}

.gform_wrapper .gfield--type-total .ginput_container,
.gform_wrapper .gfield_total .ginput_container,
.gform_wrapper .ginput_container_total {
  display: flex;
  justify-content: flex-end;
}

.gform_wrapper .gfield--type-total .ginput_total,
.gform_wrapper .gfield_total .ginput_total,
.gform_wrapper span.ginput_total,
.gform_wrapper .gform_total {
  display: inline-block;
  width: auto;
  min-width: 280px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #c7d9ff;
  border-radius: 10px;
  padding: 18px 28px;
  font-size: 30px;
  font-weight: 800;
  color: #2563eb;
}

/* --- Submit / Payment Button --- */
.gform_wrapper .gform_footer {
  margin-top: 28px;
  padding-top: 0;
  border-top: none;
  text-align: center;
}

.gform_wrapper .gform_footer {
  display: flex !important;
  justify-content: center !important;
}

.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  height: 62px !important;
  line-height: 62px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
  background: #1d4ed8;
  transform: translateY(-1px);
}

/* --- Two/Three column layout on desktop --- */
@media (min-width: 782px) {
  .gform_wrapper .gform_fields {
    grid-template-columns: repeat(3, 1fr);
  }

  .gform_wrapper .gfield--width-full,
  .gform_wrapper .gfield[data-field-class*="full"] {
    grid-column: 1 / -1;
  }
}

/* --- Mobile --- */
@media (max-width: 781px) {
  .gform_wrapper {
    padding: 20px;
    border-radius: 12px;
  }

  .archprice-price-box {
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
  }

  .archprice-price-box .archprice-price-value {
    font-size: 26px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/PeydaWeb-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/peydaWeb-extralight.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/peydaWeb-light.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/PeydaWeb-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/PeydaWeb-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/PeydaWeb-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/PeydaWeb-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/PeydaWeb-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.archprice.com/wp-content/uploads/2025/12/PeydaWeb-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */