.elementor-9 .elementor-element.elementor-element-894cd13{--display:flex;}.elementor-widget-image .widget-image-caption{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-9 .elementor-element.elementor-element-2d14007{--display:flex;}.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-9 .elementor-element.elementor-element-af5e696 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-button span{gap:20px;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-type-html{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-button[type="submit"]{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-af5e696{--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-9 .elementor-element.elementor-element-af5e696{margin:-28px 16px calc(var(--kit-widget-spacing, 0px) + 16px) 16px;}.elementor-9 .elementor-element.elementor-element-d9bab97{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-11px -11px -11px -11px;}.elementor-9 .elementor-element.elementor-element-11b2ca4{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-11px -11px -11px -11px;}body.elementor-page-9{margin:-11px -30px -30px -30px;}}/* Start custom CSS for form, class: .elementor-element-af5e696 *//* ================== GLOBAL RTL ================== */
.elementor-9 .elementor-element.elementor-element-af5e696 {
  direction: rtl;
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
}

/* ================== FORM BOX ================== */
.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-form {
  max-width: 480px;
  margin: 0 auto;
  padding: 150px 20px 170px !important; /* space للفوق وللصورة تحت */
  background: #ffffff;
  border-radius: 24px;
  border: 2px dotted #d4d4d8;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  position: relative;
}

/* ================== TITLE TOP ================== */
.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-form::before {
  content: "املأ المعلومات لإتمام الطلب";
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 19px;
  font-weight: 800;
  color: #111827;
  line-height: 1.5;
}

/* ================== OFFER CARD (4 علب بـ 199 درهم) ================== */
.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group:first-of-type {
  position: relative;
}

.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group:first-of-type::before {
  content: "4 علب بـ 199 درهم";
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
  
  background: #ecfdf3;
  color: #064e3b;
  border: 2px solid #16a34a;
  padding: 16px 38px;
  font-size: 20px;
  font-weight: 900;
  border-radius: 26px;
  white-space: nowrap;               /* باش تبقى فخيط واحد */
  letter-spacing: .8px;
  box-shadow: 0 8px 25px rgba(22,163,74,0.25);

  animation: offerPulse 1.6s ease-in-out infinite;
}

/* OFFER ANIMATION */
@keyframes offerPulse {
  0%,100% { transform: translateX(-50%) scale(1); }
  50%     { transform: translateX(-50%) scale(1.06); }
}

/* ================== INPUT FIELDS ================== */

/* نخفي label ونديرو فقط placeholder */
.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-label {
  display: none !important;
}

.elementor-9 .elementor-element.elementor-element-af5e696 input,
.elementor-9 .elementor-element.elementor-element-af5e696 textarea,
.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field {
  border-radius: 28px !important;
  border: 2px solid #e5e5e5 !important;
  padding: 16px 22px !important;
  font-size: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.05) !important;
  transition: .25s ease-in-out;
  text-align: right !important;
}

.elementor-9 .elementor-element.elementor-element-af5e696 input::placeholder,
.elementor-9 .elementor-element.elementor-element-af5e696 textarea::placeholder {
  color: #9a9a9a !important;
}

/* فوكس */
.elementor-9 .elementor-element.elementor-element-af5e696 input:focus,
.elementor-9 .elementor-element.elementor-element-af5e696 textarea:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.2) !important;
}

/* ملي الخانة تتعمر */
.elementor-9 .elementor-element.elementor-element-af5e696 input:not(:placeholder-shown) {
  background: #ecfdf3 !important;
  border-color: #16a34a !important;
}

/* ================== SUBMIT BUTTON ================== */
.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-button {
  width: 100% !important;
  padding: 18px !important;
  background: #22c55e !important;
  color: #fff !important;
  border-radius: 26px !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  animation: btnAnim 1.5s ease-in-out infinite;
}

@keyframes btnAnim {
  0%,100% { transform: scale(1); box-shadow: 0 4px 12px rgba(34,197,94,0.35); }
  50%     { transform: scale(1.04); box-shadow: 0 8px 22px rgba(34,197,94,0.55); }
}

.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-button:hover {
  transform: scale(1.05);
}

/* ================== IMAGE AT BOTTOM ================== */
.elementor-9 .elementor-element.elementor-element-af5e696 .elementor-form::after {
  content: "";
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  width: 92%;
  height: 130px;
  background-image: url("https://i.postimg.cc/Lsgv144W/form-img.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 16px;

  animation: imgFloat 1.8s ease-in-out infinite;
}

@keyframes imgFloat {
  0%,100% { transform: translateX(-50%) scale(1); }
  50%     { transform: translateX(-50%) scale(1.03); }
}

/* ================== RESPONSIVE ================== */
@media (max-width: 480px) {

  .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-form {
    padding: 140px 14px 155px !important;
  }

  .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-form::before {
    font-size: 17px;
  }

  .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-field-group:first-of-type::before {
    font-size: 17px;
    padding: 14px 28px;
    top: -82px;
  }

  .elementor-9 .elementor-element.elementor-element-af5e696 .elementor-form::after {
    height: 110px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f70fea *//*****************************************
   WhatsApp Floating Button – SultanBio
*****************************************/
.sb-whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #25D366;
  color: #fff;
  border-radius: 50px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  z-index: 99999;
  transition: 0.3s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,0.20);
  animation: bounce 1.8s infinite ease-in-out;
}

/* WhatsApp Icon Image */
.sb-w-icon {
  width: 28px;
  height: 28px;
  display: block;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
}

/* Hover */
.sb-whatsapp-btn:hover {
  background: #1ebe5d;
  transform: scale(1.05);
}

/* Animation */
@keyframes bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

/* Mobile Optimization */
@media (max-width: 480px) {
  .sb-whatsapp-btn {
    padding: 8px 14px;
    font-size: 13px;
    right: 14px;
    bottom: 14px;
  }

  .sb-w-icon {
    width: 26px;
    height: 26px;
  }
}/* End custom CSS */