.elementor-131 .elementor-element.elementor-element-e9a8da7{--display:flex;}.elementor-131 .elementor-element.elementor-element-549b09b{--display:flex;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.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-131 .elementor-element.elementor-element-7c88dea{text-align:center;}.elementor-131 .elementor-element.elementor-element-7c88dea .elementor-heading-title{font-family:"Noto Sans Arabic", Sans-serif;font-weight:600;color:#000000;}.elementor-131 .elementor-element.elementor-element-282eaee{--display:flex;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.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-131 .elementor-element.elementor-element-7f3614f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:19px;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-19px;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-131 .elementor-element.elementor-element-7f3614f .elementor-labels-inline .elementor-field-group > label{padding-left:7px;}body:not(.rtl) .elementor-131 .elementor-element.elementor-element-7f3614f .elementor-labels-inline .elementor-field-group > label{padding-right:7px;}body .elementor-131 .elementor-element.elementor-element-7f3614f .elementor-labels-above .elementor-field-group > label{padding-bottom:7px;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group > label, .elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-subgroup label{color:#000000;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-type-html{padding-bottom:0px;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group .elementor-field{color:#000000;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group .elementor-field, .elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-subgroup label{font-family:"IBM Plex Sans Arabic", Sans-serif;font-weight:400;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#5C5C5C7A;border-radius:10px 10px 10px 10px;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#5C5C5C7A;border-radius:10px 10px 10px 10px;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-field-group .elementor-select-wrapper::before{color:#5C5C5C7A;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-button{font-family:"IBM Plex Sans Arabic", Sans-serif;font-weight:700;border-radius:25px 25px 25px 25px;padding:20px 0px 20px 0px;}.elementor-131 .elementor-element.elementor-element-7f3614f .e-form__buttons__wrapper__button-next{background-color:#75CF14;color:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-button[type="submit"]{background-color:#75CF14;color:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-131 .elementor-element.elementor-element-7f3614f{--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-popup-modal-131 .dialog-widget-content{background-color:#F8F8F8;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-131{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-131 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-131 .dialog-close-button{display:flex;}@media(max-width:767px){.elementor-131 .elementor-element.elementor-element-549b09b{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for form, class: .elementor-element-7f3614f */<style>
.quantity-form .selected-quantity-price {
  display: block;
  width: 100%;
  text-align: center;
  color: #d60000;
  font-size: 34px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 18px;
  letter-spacing: 0;
}

.quantity-form .elementor-field-type-radio .elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
}

.quantity-form .elementor-field-type-radio .elementor-field-option {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 !important;
}

.quantity-form .elementor-field-type-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.quantity-form .elementor-field-type-radio label {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  width: 100%;
  padding: 14px 38px 14px 10px;
  border: 1px solid #d9eadf;
  border-radius: 8px;
  background: #ffffff;
  color: #1f2937;
  font-size: 17px;
  font-weight: 800;
  text-align: center;
  line-height: 1.25;
  cursor: pointer;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.quantity-form .elementor-field-type-radio label:hover {
  border-color: #16a34a;
  background: #f3fbf6;
}

.quantity-form .elementor-field-type-radio input[type="radio"]:checked + label {
  border-color: #16a34a;
  background: #eaf8ef;
  color: #0f7a35;
  box-shadow: 0 8px 18px rgba(22, 163, 74, 0.18);
}

.quantity-form .elementor-field-type-radio input[type="radio"]:checked + label::after {
  content: "✓";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #16a34a;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 600px) {
  .quantity-form .elementor-field-type-radio .elementor-field-subgroup {
    grid-template-columns: 1fr;
  }

  .quantity-form .elementor-field-type-radio label {
    min-height: 64px;
    font-size: 16px;
  }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const forms = document.querySelectorAll(".quantity-form");

  forms.forEach(function (form) {
    const radios = form.querySelectorAll('input[type="radio"][name="form_fields[quantity]"]');
    if (!radios.length) return;

    let priceBox = form.querySelector(".selected-quantity-price");

    if (!priceBox) {
      priceBox = document.createElement("div");
      priceBox.className = "selected-quantity-price";
      priceBox.textContent = "SELECT QUANTITY";
      form.prepend(priceBox);
    }

    function updatePrice(radio) {
      const label = form.querySelector('label[for="' + radio.id + '"]');
      if (!label) return;

      const match = label.textContent.match(/\d+\s?⃁/);
      priceBox.textContent = match ? match[0].replace(/\s+/g, " ") : "";
    }

    radios.forEach(function (radio) {
      radio.addEventListener("change", function () {
        updatePrice(radio);
      });

      if (radio.checked) {
        updatePrice(radio);
      }
    });
  });
});
</script>/* End custom CSS */