.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-33140 .elementor-element.elementor-element-32882c7f{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:14px;--padding-right:14px;}.elementor-33140 .elementor-element.elementor-element-27c568cb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:134px 134px;--row-gap:134px;--column-gap:134px;--overlay-opacity:1;--border-radius:16px 16px 16px 16px;--padding-top:0220px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-33140 .elementor-element.elementor-element-27c568cb:not(.elementor-motion-effects-element-type-background), .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://emadrashad.net/wp-content/uploads/2026/07/Ellipse-47.webp");background-position:center center;background-repeat:no-repeat;}.elementor-33140 .elementor-element.elementor-element-27c568cb::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-background-video-container::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .e-con-inner > .elementor-background-video-container::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-background-slideshow::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://emadrashad.net/wp-content/uploads/2026/07/Ellipse-46.webp");--background-overlay:'';background-position:top right;background-repeat:no-repeat;}.elementor-33140 .elementor-element.elementor-element-3add5280{--display:flex;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-33140 .elementor-element.elementor-element-50d38586{padding:0px 0px 0px 0px;text-align:start;}.elementor-33140 .elementor-element.elementor-element-50d38586 .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:40px;font-weight:700;line-height:64px;mix-blend-mode:overlay;color:var( --e-global-color-text );}.elementor-33140 .elementor-element.elementor-element-575669fa{width:var( --container-widget-width, 100% );max-width:100%;padding:18px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-33140 .elementor-element.elementor-element-575669fa .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );}.elementor-33140 .elementor-element.elementor-element-67ecbe45{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:46px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33140 .elementor-element.elementor-element-2bc7c1d8{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:7px;--padding-bottom:28px;--padding-left:0px;--padding-right:17px;}.elementor-33140 .elementor-element.elementor-element-2bc7c1d8:not(.elementor-motion-effects-element-type-background), .elementor-33140 .elementor-element.elementor-element-2bc7c1d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E87A251A;}.elementor-33140 .elementor-element.elementor-element-5560a90d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:4px 4px 4px 4px;--margin-top:0px;--margin-bottom:9px;--margin-left:0px;--margin-right:0px;}.elementor-33140 .elementor-element.elementor-element-5560a90d:not(.elementor-motion-effects-element-type-background), .elementor-33140 .elementor-element.elementor-element-5560a90d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E87A2533;}.elementor-widget-icon .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-33140 .elementor-element.elementor-element-f70ab23{--e-transform-translateY:3px;}.elementor-33140 .elementor-element.elementor-element-f70ab23 .elementor-icon-wrapper{text-align:center;}.elementor-33140 .elementor-element.elementor-element-f70ab23 .elementor-icon{font-size:22px;}.elementor-33140 .elementor-element.elementor-element-f70ab23 .elementor-icon svg{height:22px;}.elementor-33140 .elementor-element.elementor-element-14ba0909{--display:flex;}.elementor-33140 .elementor-element.elementor-element-63e5c33b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;}.elementor-33140 .elementor-element.elementor-element-63e5c33b .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:22px;font-weight:600;line-height:normal;color:var( --e-global-color-secondary );}.elementor-33140 .elementor-element.elementor-element-6f634173{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;}.elementor-33140 .elementor-element.elementor-element-6f634173 .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-b74dbc7 );}.elementor-33140 .elementor-element.elementor-element-1ffd53c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;}.elementor-33140 .elementor-element.elementor-element-1ffd53c0 .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-b74dbc7 );}.elementor-33140 .elementor-element.elementor-element-69f1b8e5{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:7px;--padding-bottom:28px;--padding-left:0px;--padding-right:17px;}.elementor-33140 .elementor-element.elementor-element-69f1b8e5:not(.elementor-motion-effects-element-type-background), .elementor-33140 .elementor-element.elementor-element-69f1b8e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E87A251A;}.elementor-33140 .elementor-element.elementor-element-4180bc9d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:4px 4px 4px 4px;--margin-top:0px;--margin-bottom:9px;--margin-left:0px;--margin-right:0px;}.elementor-33140 .elementor-element.elementor-element-4180bc9d:not(.elementor-motion-effects-element-type-background), .elementor-33140 .elementor-element.elementor-element-4180bc9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E87A2533;}.elementor-33140 .elementor-element.elementor-element-1c0715da{--e-transform-translateY:3px;}.elementor-33140 .elementor-element.elementor-element-1c0715da .elementor-icon-wrapper{text-align:center;}.elementor-33140 .elementor-element.elementor-element-1c0715da .elementor-icon{font-size:22px;}.elementor-33140 .elementor-element.elementor-element-1c0715da .elementor-icon svg{height:22px;}.elementor-33140 .elementor-element.elementor-element-39839c69{--display:flex;}.elementor-33140 .elementor-element.elementor-element-e0b7d44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;}.elementor-33140 .elementor-element.elementor-element-e0b7d44 .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:22px;font-weight:600;line-height:normal;color:var( --e-global-color-secondary );}.elementor-33140 .elementor-element.elementor-element-63d1f2c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;}.elementor-33140 .elementor-element.elementor-element-63d1f2c1 .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:var( --e-global-color-b74dbc7 );}.elementor-33140 .elementor-element.elementor-element-70fab93a{--display:flex;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-33140 .elementor-element.elementor-element-5a8fb89 img{height:600px;object-fit:cover;object-position:center center;border-radius:16px 16px 16px 16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-33140 .elementor-element.elementor-element-63e726cd .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10px 10px 0px 0px;}.elementor-33140 .elementor-element.elementor-element-63e726cd{--e-transform-rotateZ:270deg;bottom:320px;}body:not(.rtl) .elementor-33140 .elementor-element.elementor-element-63e726cd{left:-39px;}body.rtl .elementor-33140 .elementor-element.elementor-element-63e726cd{right:-39px;}.elementor-33140 .elementor-element.elementor-element-21df518d{--display:flex;--padding-top:84px;--padding-bottom:58px;--padding-left:0px;--padding-right:0px;}.elementor-33140 .elementor-element.elementor-element-8a16eed{text-align:center;}.elementor-33140 .elementor-element.elementor-element-8a16eed .elementor-heading-title{font-family:"KO Sans", Sans-serif;font-size:40px;font-weight:700;}.elementor-33140 .elementor-element.elementor-element-1ed8ec0b{--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;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-33140 .elementor-element.elementor-element-32882c7f{--padding-top:16px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-33140 .elementor-element.elementor-element-27c568cb{--border-radius:12px 12px 12px 12px;--padding-top:200px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-33140 .elementor-element.elementor-element-67ecbe45{--padding-top:48px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-33140 .elementor-element.elementor-element-27c568cb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:138px;--padding-bottom:30px;--padding-left:13px;--padding-right:13px;}.elementor-33140 .elementor-element.elementor-element-27c568cb:not(.elementor-motion-effects-element-type-background), .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}.elementor-33140 .elementor-element.elementor-element-27c568cb::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-background-video-container::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .e-con-inner > .elementor-background-video-container::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-background-slideshow::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-33140 .elementor-element.elementor-element-27c568cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:cover;}.elementor-33140 .elementor-element.elementor-element-50d38586{width:var( --container-widget-width, 100% );max-width:100%;padding:24px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-33140 .elementor-element.elementor-element-50d38586 .elementor-heading-title{font-size:25px;line-height:1.5;}.elementor-33140 .elementor-element.elementor-element-575669fa{width:100%;max-width:100%;padding:26px 0px 0px 0px;}.elementor-33140 .elementor-element.elementor-element-575669fa .elementor-heading-title{font-size:12px;}.elementor-33140 .elementor-element.elementor-element-67ecbe45{--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33140 .elementor-element.elementor-element-1ed8ec0b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-5560a90d */.elementor-33140 .elementor-element.elementor-element-5560a90d{
    width: 35px;
    height: 35px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4180bc9d */.elementor-33140 .elementor-element.elementor-element-4180bc9d{
    width: 35px;
    height: 35px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70fab93a */.elementor-33140 .elementor-element.elementor-element-70fab93a {
  position: relative;
  border-radius: 14px;

  box-shadow: 
    inset 2px 2px 6px rgba(0, 0, 0, 0.35),
    inset -2px -2px 10px rgba(255, 248, 238, 0.1);
    
  overflow: hidden;
  backdrop-filter: blur(6px);
}





.elementor-33140 .elementor-element.elementor-element-70fab93a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 1.5px;

  background: linear-gradient(
    145deg,
    rgba(255, 248, 238, .1),
    rgba(255, 248, 238, .1)
  );


  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}




.elementor-33140 .elementor-element.elementor-element-70fab93a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  pointer-events: none;

  background: linear-gradient(to right, transparent, rgba(255,255,255,0.6), transparent)
    top left / 70% 1px no-repeat,
    
    
    linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent)
    bottom right / 70% 1px no-repeat,


    linear-gradient(to bottom, transparent, rgba(255,255,255,0.4), transparent)
    top left / 1px 80% no-repeat,


    linear-gradient(to bottom, transparent, rgba(255,255,255,0.4), transparent)
    bottom right / 1px 80% no-repeat;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe60201 *//* ============================================================
   مقياس الكمالية التفاعلي — تنسيق مطابق لتصميم Figma
   مبني على الـ markup الفعلي لنسخة Formidable على الموقع الجديد:
   - الـ rootline والـ submit جوه .frm_fields_container (عناصر grid)
   - الاختيارات بترندر كـ Image Options (frm_image_option)
   التركيب: class "pscale" على كونتينر الـ Shortcode في Elementor
   ============================================================ */

.pscale {
  --ps-bg: #FBF1E5;
  --ps-card: #ffffff;
  --ps-orange: #E0782F;
  --ps-orange-dark: #C9651F;
  --ps-orange-soft: #F2CBA8;
  --ps-brown: #5A3214;
  --ps-brown-soft: #C99F78;
  --ps-blue: #4A9FE0;
  --ps-track: #F0E2D0;
  --ps-radius: 16px;
}

.pscale .frm_forms {
  /*background: var(--ps-bg);*/
  border-radius: 24px;
  padding: 32px 28px;
  direction: rtl;
  font-family: "KO Sans";
}

.pscale .frm_form_title {
  text-align: center;
  color: var(--ps-brown);
  font-size: 34px;
  font-weight: 800;
  margin: 0 0 28px;
}

/* عرض كامل + RTL على كل طبقات الفورم */
.pscale .frm_forms form,
.pscale .frm_form_fields,
.pscale .frm_forms fieldset,
.pscale .frm_fields_container {
  width: 100%;
  max-width: 100% !important;
  direction: rtl;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
}

/* ============================================================
   1) صفحات الأسئلة — Grid
      ترتيب العناصر جوه .frm_fields_container (كلهم grid items):
      الستيبر (صف كامل) ← القايمة يمين + الكارت شمال ← الأزرار (صف كامل)
   ============================================================ */
.pscale .pscale-grid {
  display: grid;
  grid-template-columns: 1fr 380px; /* RTL: العمود الأول يمين */
  gap: 24px;
  align-items: start;
}

/* الستيبر: أول صف بعرض كامل */
.pscale .pscale-grid > .frm_rootline_group {
  grid-column: 1 / -1;
  order: -1;
  width: 100%;
}

/* القايمة والكارت في نفس الصف */
.pscale .pscale-qlist { order: 1; }
.pscale .pscale-grid > .frm_form_field.vertical_radio { order: 2; }

/* أزرار التنقل: آخر صف بعرض كامل */
.pscale .pscale-grid > .frm_submit {
  grid-column: 1 / -1;
  order: 3;
}

/* كروت الـ HTML (مقدمات/عناوين) مخفية في صفحات الأسئلة — زي Figma.
   صفحات النتيجة مش بتتأثر لأنها مش pscale-grid */
.pscale .pscale-grid > .frm_html_container {
  display: none;
}

/* ============================================================
   2) الستيبر (Rootline)
   ============================================================ */
.pscale .frm_rootline {
  background: var(--ps-card);
  border-radius: var(--ps-radius);
  padding: 18px 22px 14px;
  margin-bottom: 4px;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .05);
}

.pscale .frm_rootline li input[type="button"] {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid var(--ps-track) !important;
  background: var(--ps-card) !important;
  color: var(--ps-brown) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.pscale .frm_rootline li.frm_current_page input[type="button"] {
  background: var(--ps-orange) !important;
  border-color: var(--ps-orange) !important;
  color: #fff !important;
}

/* الخطوط الواصلة: باهتة، والمكتملة (pscale-done من الـ JS) برتقالي */
.pscale .frm_rootline li::before,
.pscale .frm_rootline li::after {
  background: var(--ps-track) !important;
  border-color: var(--ps-track) !important;
  height: 3px;
}

.pscale .frm_rootline li.pscale-done::before,
.pscale .frm_rootline li.pscale-done::after,
.pscale .frm_rootline li.frm_current_page::before {
  background: var(--ps-orange) !important;
  border-color: var(--ps-orange) !important;
}

.pscale .frm_rootline .frm_rootline_title {
  font-size: 11px;
  font-weight: 800;
  color: var(--ps-brown);
  margin-top: 7px;
  line-height: 1.5;
}

.pscale .frm_rootline .frm_rootline_title .pscale-t1 {
  color: var(--ps-orange);
}

/* ============================================================
   3) قايمة الأسئلة (يمين)
   ============================================================ */
.pscale .pscale-qlist {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pscale .pscale-qitem {
  display: flex;
  align-items: stretch;
  width: 100%;
  text-align: right;
  background: var(--ps-card);
  border: 0px solid rgba(105, 42, 5, 0.5);
  border-radius: 14px;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  min-height: 76px;
  transition: opacity .2s, border-color .2s, box-shadow .2s;
  font-family: inherit;
}

.pscale .pscale-qnum {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ps-orange);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 10px;
}

.pscale .pscale-qtext {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 40px 20px;
  color: var(--ps-brown);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.8;
}

.pscale .pscale-qitem.is-active {
  border-width: 1px;
  border-color: rgba(105, 42, 5, 1);
  box-shadow: 0 0 0 1px rgba(105, 42, 5, 1);
}

.pscale .pscale-qitem.is-pending:not(.is-active) {
  opacity: .5;
  pointer-events: none;
  cursor: not-allowed;
}

.pscale .pscale-qitem.is-pending:not(.is-active) .pscale-qnum {
  background: var(--ps-orange-soft);
}

.pscale .pscale-qitem.has-error {
  border-color: #ed1c24;
  opacity: 1;
}

/* ============================================================
   4) كارت الإجابة (شمال)
   ============================================================ */
.pscale .pscale-grid > .frm_form_field.vertical_radio {
  grid-column: 2;
  background: var(--ps-card);
  border-radius: var(--ps-radius);
  padding: 26px 24px;
  display: none;
  position: sticky;
  top: 120px;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .05);
}


.pscale .pscale-grid > .frm_form_field.vertical_radio.is-active {
  display: block;
}

.pscale .pscale-card-head {
  text-align: center;
  margin-bottom: 20px;
}

.pscale .pscale-card-head .pscale-dim {
  font-weight: 600;
  font-size: 22px;
  color: var(--ps-brown);
  text-align: start;
  line-height: normal;
}

.pscale .pscale-card-head .pscale-dim .pscale-t1 {
  color: var(--ps-orange);
}

.pscale .pscale-card-head small {
  display: block;
  color: rgba(105, 42, 5, 1);
  font-size: 16px;
  font-weight: 500;
  margin-top: 5px;
  text-align: start;
}

/* عنوان السؤال مخفي جوة الكارت (موجود في القايمة) */
.pscale .frm_form_field.vertical_radio .frm_primary_label {
  display: none !important;
}

/* ============================================================
   5) خيارات الإجابة — markup الـ Image Options الفعلي:
      .frm_radio.frm_image_option > label >
        input + .frm_image_option_container >
          .frm_empty_url (بلاسهولدر صورة) +
          .frm_text_label_for_image > inner
   ============================================================ */
.pscale .vertical_radio .frm_opt_container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pscale .vertical_radio .frm_radio.frm_image_option {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* الـ label: سطر واحد flex — دايرة يمين، نص في النص، إيموجي شمال */
.pscale .vertical_radio .frm_radio label {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  padding: 9px 4px !important;
  margin: 0 !important;
  cursor: pointer;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 100%;
}

/* صندوق الصورة الفاضي (الـ placeholder) — السبب في الصناديق الطويلة */
.pscale .vertical_radio .frm_empty_url {
  display: none !important;
}

/* كونتينر الصورة+النص: نشيل كل تنسيق "الكارت" بتاع البلجن */
.pscale .vertical_radio .frm_image_option_container {
  display: flex !important;
  flex: 1;
  align-items: center;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}

/* نص الاختيار */
.pscale .vertical_radio .frm_text_label_for_image,
.pscale .vertical_radio .frm_text_label_for_image_inner {
  display: block;
  text-align: right;
  color: var(--ps-brown) !important;
  font-weight: 800;
  font-size: 17px;
  white-space: normal;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pscale .vertical_radio .frm_text_label_for_image {
  flex: 1;
}

/* زرار الراديو: دايرة كبيرة بحد بني (البلجن بيخفيه في وضع الصور) */
.pscale .vertical_radio .frm_radio input[type="radio"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-block !important;
  opacity: 1 !important;
  position: static !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  border: 3px solid var(--ps-brown) !important;
  border-radius: 50% !important;
  background: var(--ps-card) !important;
  flex: 0 0 40px;
  cursor: pointer;
  transition: background .15s;
}

.pscale .vertical_radio .frm_radio input[type="radio"]:checked {
  background: var(--ps-brown) !important;
  box-shadow: inset 0 0 0 5px var(--ps-card) !important;
}

/* حالة الاختيار: نلغي أي بوردر/خلفية بيحطها البلجن على الكونتينر */
.pscale .vertical_radio .frm_radio input:checked ~ .frm_image_option_container,
.pscale .vertical_radio .frm_radio.frm_checked_option label,
.pscale .vertical_radio .frm_radio label:hover .frm_image_option_container {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* الإيموجي أقصى الشمال */
.pscale .vertical_radio .frm_radio label::after {
  font-size: 26px;
  flex: 0 0 auto;
}
.pscale .vertical_radio .frm_radio:nth-child(1) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-13.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(2) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-14.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(3) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-15.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(4) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-16.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(5) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-17.svg");
}


/* شريط التقدم الصغير جوة الكارت */
.pscale .pscale-progress {
  height: 7px;
  background: var(--ps-track);
  border-radius: 99px;
  margin-top: 20px;
  overflow: hidden;
}

.pscale .pscale-progress span {
  display: block;
  height: 100%;
  width: 0;
  background: var(--ps-orange);
  border-radius: 99px;
  transition: width .25s;
}

.pscale .frm_error {
  color: #ed1c24;
  font-size: 13px;
  margin-top: 8px;
}

/* ============================================================
   6) صفحات النتيجة — كارت أبيض واحد زي Figma
      يمين: صورة/placeholder + "نتيجة البعد..." + اسم البُعد
      شمال: نص النتيجة | تحت: الأزرار
   ============================================================ */
.pscale .pscale-result {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pscale .pscale-result-card {
  background: var(--ps-card);
  border-radius: 24px;
  padding: 48px 44px 32px;
  display: grid;
  grid-template-columns: 1fr 1fr; /* RTL: العنوان يمين، النص شمال */
  gap: 28px;
  align-items: center;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .05);
}

/* بلوك العنوان (يمين) */
.pscale .pscale-result-head {
  grid-column: 1;
  text-align: center;
}

.pscale .pscale-result-img {
  width: 190px;
  height: 190px;
  margin: 0 auto 20px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* الـ placeholder لحد ما تحط الصورة (متغير RESULT_IMG في الـ JS) */
.pscale .pscale-result-img .pscale-img-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--ps-brown-soft);
  border-radius: 20px;
  color: var(--ps-brown-soft);
  font-weight: 700;
  font-size: 14px;
}

.pscale .pscale-result-img img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.pscale .pscale-result-title {
  color: var(--ps-orange);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.4;
}

.pscale .pscale-result-sub {
  color: var(--ps-brown);
  font-size: 17px;
  font-weight: 700;
  margin-top: 6px;
}

/* نص النتيجة (شمال) — كروت الـ HTML المخفية بالشروط بتفضل مخفية بالـ inline style */
.pscale .pscale-result-card > .frm_html_container {
  grid-column: 2;
  color: var(--ps-brown);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.9;
  text-align: center;
}

.pscale .pscale-result-card > .frm_html_container p {
  margin: 0 0 .5em;
}

/* حقل المجموع المحسوب (frm_total) — بيظهر للأدمن بس، نخفيه من التصميم */
.pscale .pscale-result-card > .frm_form_field.frm_total {
  display: none !important;
}

/* الـ honeypot يفضل مخفي */
.pscale .frm_verify {
  display: none !important;
}

/* حقل الإيميل (الصفحة الأخيرة) ياخد عرض كامل */
.pscale .pscale-result-card > .frm_form_field:has(input[type="email"]) {
  grid-column: 1 / -1;
}

.pscale .pscale-result-card input[type="email"] {
  width: 100%;
  max-width: 480px;
  border: 2px solid var(--ps-track) !important;
  border-radius: 12px !important;
  padding: 13px 16px !important;
  font-size: 16px;
  color: var(--ps-brown);
  background: var(--ps-card) !important;
  display: block;
  margin: 0 auto;
}

.pscale .pscale-result-card input:focus {
  border-color: var(--ps-orange) !important;
  outline: none;
}

/* الأزرار جوه الكارت: صف كامل تحت */
.pscale .pscale-result-card > .frm_submit {
  grid-column: 1 / -1;
}

/* ============================================================
   7) أزرار التنقل
   ============================================================ */
.pscale .frm_submit {
  display: flex !important;
  flex-direction: row-reverse; /* الرجوع (الدايرة) أقصى الشمال زي Figma */
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}

.pscale .frm_submit button {
  background: rgb(255, 255, 255) !important;
  color: rgba(106, 42, 6, 1) !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 14px 32px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .1) !important;
  transition: transform .12s, box-shadow .12s;

}

.pscale .frm_submit button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(90, 50, 20, .15) !important;
}

/* زرار الرجوع: دايرة بسهم (الـ JS بيضيف pscale-prev) */
.pscale .frm_submit button.pscale-prev {
  width: 48px;
  height: 48px;
  border-radius: 50% !important;
  padding: 0 !important;
  font-size: 23px !important;
  border: 2px solid var(--ps-brown) !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 0 0 48px;
  position: relative;
}

.pscale .frm_submit button.pscale-prev::before {
  content: "←";
  font-size: 23px;
  color: var(--ps-brown);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scaleX(-1);
}
button.frm_prev_page.pscale-prev {
    display: none;
}
/* ============================================================
   8) موبايل
   ============================================================ */
/* ============================================================
   8) موبايل — flex عمودي بدل grid:
   Formidable بيفرض grid-column span بـ !important على الموبايل،
   وده بيكسّر أي grid مخصص (بيخلق أعمدة ضمنية فاضية).
   في flex القواعد دي ملهاش تأثير، والـ order شغال زي ما هو.
   ============================================================ */
@media (max-width: 880px) {
  .pscale .frm_forms {
    padding: 20px 14px;
  }

  .pscale .pscale-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .pscale .pscale-qlist {
    width: 100%;
  }

  .pscale .pscale-grid > .frm_form_field.vertical_radio {
    position: static;
    width: 100%;
  }

  .pscale .frm_form_title {
    font-size: 26px;
  }

  .pscale .frm_rootline {
    overflow-x: auto;
  }
  
  /* ============================================================
   موبايل: كارت الإجابة جوه القايمة تحت السؤال النشط
   ============================================================ */
@keyframes pscaleDrop {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* الكارت لما يكون جوه القايمة (موبايل بس — الـ JS هو اللي بينقله) */
.pscale .pscale-qlist > .frm_form_field.vertical_radio {
  width: 100%;
  margin: -6px 0 4px;
}

.pscale .pscale-qlist > .frm_form_field.vertical_radio.is-active {
  animation: pscaleDrop .3s ease;
}
}


.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked {
    border-color: #5a3214 !important;
}

.with_frm_style .frm_radio input[type=radio]:before{
    width: 0;
}


.frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after, .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after, .frm_rootline.frm_show_lines > .frm_rootline_single:after {
   
    right: 50% !important;
    height: 5px;  
}


/* الدواير غير النشطة */
.pscale .with_frm_style .frm_rootline li input[type="button"] {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(247, 237, 222, 1) !important;
  background: rgba(247, 237, 222, 1) !important;
  color: rgba(105, 42, 5, 1) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
box-shadow: -7px 4px 12.9px -5px rgba(0, 0, 0, 0.25) !important;
  padding: 0 !important;
}

/* الدايرة النشطة + زرار "..." لما يكون مفتوح */
.pscale .with_frm_style .frm_rootline li.frm_current_page input[type="button"],
.pscale .with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active {
  background: rgba(239, 122, 40, 1) !important;
  border-color: rgba(239, 122, 40, 1) !important;
  color: rgba(105, 42, 5, 1) !important;
}

.pscale .with_frm_style .frm_rootline li.frm_current_page input[type="button"],
.pscale .with_frm_style .frm_rootline li.pscale-done input[type="button"],
.pscale .with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active {
  background: rgba(239, 122, 40, 1) !important;
  border-color: rgba(239, 122, 40, 1) !important;
  color: rgba(105, 42, 5, 1) !important;
}

/* موبايل: كارت النتيجة عمود واحد */
@media (max-width: 880px) {
  .pscale .pscale-result-card {
    grid-template-columns: 1fr;
    padding: 28px 20px;
  }

  .pscale .pscale-result-card > .frm_html_container {
    grid-column: 1;
    font-size: 21px;
  }
}


.pscale .vertical_radio .frm_radio label::after {
    position: absolute !important;
    left: 23px !important;
}


/* Result*/
.pscale .pscale-result > .frm_form_field {
    
    max-width: 100% !important;
    width: 100% !important;
   
}

 .dim1-card {
     direction: rtl;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 56px;
    gap: 32px;
    direction: rtl;
    font-family: "KO Sans";
    background: #fff;
  }

  .dim1-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }

  .dim1-result-label {
    font-size: 1.55rem;
    font-weight: 800;
    color: #5C3010;
    line-height: 1.6;
    text-align: right;
  }

  .dim1-btn-next {
    background: #F5EAD8;
    color: #5C3010;
    border: none;
    border-radius: 10px;
    padding: 12px 28px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
  }

  .dim1-btn-next:hover { background: #ecd8b8; }

  .dim1-right {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 5px;
  }

  .dim1-title {
    font-size: 33.59px;
    font-weight: 900;
    color: rgba(239, 122, 40, 1);
    text-align: center;
  }

  .dim1-subtitle {
    font-size: 20.76px;
    font-weight: 500;
    color: #5C3010;
    text-align: center;
  }
  
  
  
  
  
  /*Results*/
  
  .ff-result-card{
    direction: ltr;
    display: flex;
    width: 100%;
    min-height: 450px;
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
}


.ff-result-sidebar {
    width: 50%;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    padding: 5px;
    text-align: right;
}

.ff-result-image{
    width:140px;
    height:auto;
    margin-bottom:20px;
}

.ff-result-title{
    margin:0 0 10px;
    font-size:23px;
    font-weight:700;
    line-height:1.2;
    color: rgba(239, 122, 40, 1) !important;
}

.ff-result-subtitle{
    font-size:21px;
    font-weight:700;
    color:#692A05;
}

.ff-result-content{
    flex:1;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:60px;
    text-align:right;
}

.ff-result-text{
    margin:0;
    font-size:23px;
    font-weight:700;
    line-height:1.4;
    color:#692A05;
    max-width:700px;
}

.ff-result-level{
    display:block;
    color:#692A05;
}

@media (max-width: 767px) {
      .ff-result-card {
        direction: ltr;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 450px;
        background: #fff;
        border-radius: 40px;
        overflow: hidden;
    }

.ff-result-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    text-align: center;
}
.ff-result-sidebar {
    width: 50%;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items:center ;
    padding: 5px;
    text-align: center;
}

.ff-result-title {
    margin: 0 0 10px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    color: rgba(239, 122, 40, 1) !important;
}
.ff-result-subtitle {
    font-size: 20px;
    font-weight: 700;
    color: #692A05;
}
.ff-result-text {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    color: #692A05;
    max-width: 700px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-412aec64 *//* ============================================================
   مقياس الكمالية التفاعلي — تنسيق مطابق لتصميم Figma
   مبني على الـ markup الفعلي لنسخة Formidable على الموقع الجديد:
   - الـ rootline والـ submit جوه .frm_fields_container (عناصر grid)
   - الاختيارات بترندر كـ Image Options (frm_image_option)
   التركيب: class "pscale" على كونتينر الـ Shortcode في Elementor
   ============================================================ */

.pscale {
  --ps-bg: #FBF1E5;
  --ps-card: #ffffff;
  --ps-orange: #E0782F;
  --ps-orange-dark: #C9651F;
  --ps-orange-soft: #F2CBA8;
  --ps-brown: #5A3214;
  --ps-brown-soft: #C99F78;
  --ps-blue: #4A9FE0;
  --ps-track: #F0E2D0;
  --ps-radius: 16px;
}

.pscale .frm_forms {
  /*background: var(--ps-bg);*/
  border-radius: 24px;
  padding: 32px 28px;
  direction: rtl;
}

.pscale .frm_form_title {
  text-align: center;
  color: var(--ps-brown);
  font-size: 34px;
  font-weight: 800;
  margin: 0 0 28px;
}

/* عرض كامل + RTL على كل طبقات الفورم */
.pscale .frm_forms form,
.pscale .frm_form_fields,
.pscale .frm_forms fieldset,
.pscale .frm_fields_container {
  width: 100%;
  max-width: 100% !important;
  direction: rtl;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
}

/* ============================================================
   1) صفحات الأسئلة — Grid
      ترتيب العناصر جوه .frm_fields_container (كلهم grid items):
      الستيبر (صف كامل) ← القايمة يمين + الكارت شمال ← الأزرار (صف كامل)
   ============================================================ */
.pscale .pscale-grid {
  display: grid;
  grid-template-columns: 1fr 380px; /* RTL: العمود الأول يمين */
  gap: 24px;
  align-items: start;
}

/* الستيبر: أول صف بعرض كامل */
.pscale .pscale-grid > .frm_rootline_group {
  grid-column: 1 / -1;
  order: -1;
  width: 100%;
}

/* القايمة والكارت في نفس الصف */
.pscale .pscale-qlist { order: 1; }
.pscale .pscale-grid > .frm_form_field.vertical_radio { order: 2; }

/* أزرار التنقل: آخر صف بعرض كامل */
.pscale .pscale-grid > .frm_submit {
  grid-column: 1 / -1;
  order: 3;
}

/* كروت الـ HTML (مقدمات/عناوين) مخفية في صفحات الأسئلة — زي Figma.
   صفحات النتيجة مش بتتأثر لأنها مش pscale-grid */
.pscale .pscale-grid > .frm_html_container {
  display: none;
}

/* ============================================================
   2) الستيبر (Rootline)
   ============================================================ */
.pscale .frm_rootline {
  background: var(--ps-card);
  border-radius: var(--ps-radius);
  padding: 18px 22px 14px;
  margin-bottom: 4px;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .05);
}

.pscale .frm_rootline li input[type="button"] {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid var(--ps-track) !important;
  background: var(--ps-card) !important;
  color: var(--ps-brown) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.pscale .frm_rootline li.frm_current_page input[type="button"] {
  background: var(--ps-orange) !important;
  border-color: var(--ps-orange) !important;
  color: #fff !important;
}

/* الخطوط الواصلة: باهتة، والمكتملة (pscale-done من الـ JS) برتقالي */
.pscale .frm_rootline li::before,
.pscale .frm_rootline li::after {
  background: var(--ps-track) !important;
  border-color: var(--ps-track) !important;
  height: 3px;
}

.pscale .frm_rootline li.pscale-done::before,
.pscale .frm_rootline li.pscale-done::after,
.pscale .frm_rootline li.frm_current_page::before {
  background: var(--ps-orange) !important;
  border-color: var(--ps-orange) !important;
}

.pscale .frm_rootline .frm_rootline_title {
  font-size: 11px;
  font-weight: 800;
  color: var(--ps-brown);
  margin-top: 7px;
  line-height: 1.5;
}

.pscale .frm_rootline .frm_rootline_title .pscale-t1 {
  color: var(--ps-orange);
}

/* ============================================================
   3) قايمة الأسئلة (يمين)
   ============================================================ */
.pscale .pscale-qlist {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pscale .pscale-qitem {
  display: flex;
  align-items: stretch;
  width: 100%;
  text-align: right;
  background: var(--ps-card);
  border: 0px solid rgba(105, 42, 5, 0.5);
  border-radius: 14px;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  min-height: 76px;
  transition: opacity .2s, border-color .2s, box-shadow .2s;
  font-family: inherit;
}

.pscale .pscale-qnum {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ps-orange);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 10px;
}

.pscale .pscale-qtext {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 40px 20px;
  color: var(--ps-brown);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.8;
}

.pscale .pscale-qitem.is-active {
  border-width: 1px;
  border-color: rgba(105, 42, 5, 1);
  box-shadow: 0 0 0 1px rgba(105, 42, 5, 1);
}

.pscale .pscale-qitem.is-pending:not(.is-active) {
  opacity: .5;
}

.pscale .pscale-qitem.is-pending:not(.is-active) .pscale-qnum {
  background: var(--ps-orange-soft);
}

.pscale .pscale-qitem.has-error {
  border-color: #ed1c24;
  opacity: 1;
}

/* ============================================================
   4) كارت الإجابة (شمال)
   ============================================================ */
.pscale .pscale-grid > .frm_form_field.vertical_radio {
  grid-column: 2;
  background: var(--ps-card);
  border-radius: var(--ps-radius);
  padding: 26px 24px;
  display: none;
  position: sticky;
  top: 90px;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .05);
}

.pscale .pscale-grid > .frm_form_field.vertical_radio.is-active {
  display: block;
}

.pscale .pscale-card-head {
  text-align: center;
  margin-bottom: 20px;
}

.pscale .pscale-card-head .pscale-dim {
  font-weight: 800;
  font-size: 19px;
  color: var(--ps-brown);
}

.pscale .pscale-card-head .pscale-dim .pscale-t1 {
  color: var(--ps-orange);
}

.pscale .pscale-card-head small {
  display: block;
  color: var(--ps-brown-soft);
  font-size: 13px;
  margin-top: 5px;
}

/* عنوان السؤال مخفي جوة الكارت (موجود في القايمة) */
.pscale .frm_form_field.vertical_radio .frm_primary_label {
  display: none !important;
}

/* ============================================================
   5) خيارات الإجابة — markup الـ Image Options الفعلي:
      .frm_radio.frm_image_option > label >
        input + .frm_image_option_container >
          .frm_empty_url (بلاسهولدر صورة) +
          .frm_text_label_for_image > inner
   ============================================================ */
.pscale .vertical_radio .frm_opt_container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pscale .vertical_radio .frm_radio.frm_image_option {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* الـ label: سطر واحد flex — دايرة يمين، نص في النص، إيموجي شمال */
.pscale .vertical_radio .frm_radio label {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  padding: 9px 4px !important;
  margin: 0 !important;
  cursor: pointer;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 100%;
}

/* صندوق الصورة الفاضي (الـ placeholder) — السبب في الصناديق الطويلة */
.pscale .vertical_radio .frm_empty_url {
  display: none !important;
}

/* كونتينر الصورة+النص: نشيل كل تنسيق "الكارت" بتاع البلجن */
.pscale .vertical_radio .frm_image_option_container {
  display: flex !important;
  flex: 1;
  align-items: center;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}

/* نص الاختيار */
.pscale .vertical_radio .frm_text_label_for_image,
.pscale .vertical_radio .frm_text_label_for_image_inner {
  display: block;
  text-align: right;
  color: var(--ps-brown) !important;
  font-weight: 800;
  font-size: 17px;
  white-space: normal;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pscale .vertical_radio .frm_text_label_for_image {
  flex: 1;
}

/* زرار الراديو: دايرة كبيرة بحد بني (البلجن بيخفيه في وضع الصور) */
.pscale .vertical_radio .frm_radio input[type="radio"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-block !important;
  opacity: 1 !important;
  position: static !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  border: 3px solid var(--ps-brown) !important;
  border-radius: 50% !important;
  background: var(--ps-card) !important;
  flex: 0 0 40px;
  cursor: pointer;
  transition: background .15s;
}

.pscale .vertical_radio .frm_radio input[type="radio"]:checked {
  background: var(--ps-brown) !important;
  box-shadow: inset 0 0 0 5px var(--ps-card) !important;
}

/* حالة الاختيار: نلغي أي بوردر/خلفية بيحطها البلجن على الكونتينر */
.pscale .vertical_radio .frm_radio input:checked ~ .frm_image_option_container,
.pscale .vertical_radio .frm_radio.frm_checked_option label,
.pscale .vertical_radio .frm_radio label:hover .frm_image_option_container {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* الإيموجي أقصى الشمال */
.pscale .vertical_radio .frm_radio label::after {
  font-size: 26px;
  flex: 0 0 auto;
}
.pscale .vertical_radio .frm_radio:nth-child(1) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-13.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(2) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-14.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(3) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-15.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(4) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-16.svg");
}
.pscale .vertical_radio .frm_radio:nth-child(5) label::after {
    content: url("https://wordpress-1484245-6297748.cloudwaysapps.com/wp-content/uploads/2026/06/Group-17.svg");
}


/* شريط التقدم الصغير جوة الكارت */
.pscale .pscale-progress {
  height: 7px;
  background: var(--ps-track);
  border-radius: 99px;
  margin-top: 20px;
  overflow: hidden;
}

.pscale .pscale-progress span {
  display: block;
  height: 100%;
  width: 0;
  background: var(--ps-orange);
  border-radius: 99px;
  transition: width .25s;
}

.pscale .frm_error {
  color: #ed1c24;
  font-size: 13px;
  margin-top: 8px;
}

/* ============================================================
   6) صفحات النتيجة (مفيهاش أسئلة → flex عمودي)
      الستيبر فوق والأزرار تحت تلقائيًا حسب ترتيبهم في الـ DOM
   ============================================================ */
.pscale .pscale-result {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pscale .pscale-result > .frm_form_field {
  background: var(--ps-card);
  border-radius: var(--ps-radius);
  padding: 26px;
  color: var(--ps-brown);
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .05);
}

/* الـ honeypot (مكافحة السبام) يفضل مخفي */
.pscale .frm_verify,
.pscale .pscale-result > .frm_form_field.frm_verify {
  display: none !important;
}

.pscale .pscale-result .frm_html_container :is(h2, h3) {
  color: var(--ps-brown);
}

.pscale .pscale-result input[type="email"],
.pscale .pscale-result input[type="text"]:not(.frm_verify) {
  width: 100%;
  border: 2px solid var(--ps-track) !important;
  border-radius: 12px !important;
  padding: 13px 16px !important;
  font-size: 16px;
  color: var(--ps-brown);
  background: var(--ps-card) !important;
}

.pscale .pscale-result input:focus {
  border-color: var(--ps-orange) !important;
  outline: none;
}

/* ============================================================
   7) أزرار التنقل
   ============================================================ */
.pscale .frm_submit {
  display: flex !important;
  flex-direction: row-reverse; /* الرجوع (الدايرة) أقصى الشمال زي Figma */
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}

.pscale .frm_submit button {
  background: var(--ps-card) !important;
  color: var(--ps-brown) !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 14px 32px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(90, 50, 20, .1) !important;
  transition: transform .12s, box-shadow .12s;
}

.pscale .frm_submit button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(90, 50, 20, .15) !important;
}

/* زرار الرجوع: دايرة بسهم (الـ JS بيضيف pscale-prev) */
.pscale .frm_submit button.pscale-prev {
  width: 48px;
  height: 48px;
  border-radius: 50% !important;
  padding: 0 !important;
  font-size: 0 !important;
  border: 2px solid var(--ps-brown) !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 0 0 48px;
  position: relative;
}

.pscale .frm_submit button.pscale-prev::before {
  content: "←";
  font-size: 20px;
  color: var(--ps-brown);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scaleX(-1);
}

/* ============================================================
   8) موبايل
   ============================================================ */
@media (max-width: 880px) {
  .pscale .frm_forms {
    padding: 20px 14px;
  }

  .pscale .pscale-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .pscale .pscale-qlist {
    width: 100%;
  }

  .pscale .pscale-grid > .frm_form_field.vertical_radio {
    position: static;
    width: 100%;
  }

  .pscale .frm_form_title {
    font-size: 26px;
  }

  .pscale .frm_rootline {
    overflow-x: auto;
  }

  @keyframes pscaleDrop {
    from { opacity: 0; transform: translateY(-12px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .pscale .pscale-qlist > .frm_form_field.vertical_radio {
    width: 100%;
    margin: -6px 0 4px;
  }

  .pscale .pscale-qlist > .frm_form_field.vertical_radio.is-active {
    animation: pscaleDrop .3s ease;
  }

  /* تصغير padding النص في القايمة على الموبايل */
  .pscale .pscale-qtext {
    padding: 12px 14px;
  }
}


.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked {
    border-color: #5a3214 !important;
}

.with_frm_style .frm_radio input[type=radio]:before{
    width: 0;
}


.frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after, .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after, .frm_rootline.frm_show_lines > .frm_rootline_single:after {
   
    right: 50% !important;
    height: 5px;  
}


/* الدواير غير النشطة */
.pscale .with_frm_style .frm_rootline li input[type="button"] {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(247, 237, 222, 1) !important;
  background: rgba(247, 237, 222, 1) !important;
  color: rgba(105, 42, 5, 1) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
box-shadow: -7px 4px 12.9px -5px rgba(0, 0, 0, 0.25) !important;
  padding: 0 !important;
}

/* الدايرة النشطة + زرار "..." لما يكون مفتوح */
.pscale .with_frm_style .frm_rootline li.frm_current_page input[type="button"],
.pscale .with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active {
  background: rgba(239, 122, 40, 1) !important;
  border-color: rgba(239, 122, 40, 1) !important;
  color: rgba(105, 42, 5, 1) !important;
}

.pscale .with_frm_style .frm_rootline li.frm_current_page input[type="button"],
.pscale .with_frm_style .frm_rootline li.pscale-done input[type="button"],
.pscale .with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active {
  background: rgba(239, 122, 40, 1) !important;
  border-color: rgba(239, 122, 40, 1) !important;
  color: rgba(105, 42, 5, 1) !important;
}



/* Form Result*/


.frm_total {
    display: none;
}


.result-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    direction: rtl;
    padding: 0px 90px;
}

.result-box-image {
    /*flex: 0 0 auto;*/
}

.result-box-image img {
    max-width: 150px;
    height: auto;
    display: block;
}

.result-box-content {
    /*flex: 1;*/
    text-align: right;
}

.result-box-content h2 {
    margin: 0 0 10px 0;
}

.result-box-content p {
    margin: 0;
}

.result-title {
    font-size: 80%;
}

.result-text {
    font-size: 130%;
}

.result-level {
    color: #ed1c24;
}

/* Mobile Version */
@media (max-width: 767px) {

    .result-box {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        padding:0 10px;
    }

    .result-box-image {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .result-box-image img {
        max-width: 110px;
    }

    .result-box-content {
        text-align: center;
    }

    .result-title {
        font-size: 75%;
    }

    .result-text {
        font-size: 110%;
        line-height: 1.6;
    }
}

.frm_style_formidable-style.with_frm_style .frm_error_style {
   
    text-align: start !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'KO Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://emadrashad.net/wp-content/uploads/2026/07/KOSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'KO Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://emadrashad.net/wp-content/uploads/2026/07/KOSans-Medium.woff') format('woff');
}
@font-face {
	font-family: 'KO Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://emadrashad.net/wp-content/uploads/2026/07/KOSans-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'KO Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://emadrashad.net/wp-content/uploads/2026/07/KOSans-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */