/* All styles belong to this component, including when embedded in Elementor. */
    .inbar-social-quiz {
      --quiz-primary: #274055;
      --quiz-accent: #EC698A;
      --quiz-muted: #586571;
      --quiz-border: #dce2e7;
      box-sizing: border-box;
      direction: rtl;
      text-align: start;
      font-family: Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      font-style: normal;
      line-height: 1.7;
      color: var(--quiz-primary);
      background: #f4f6f8;
      width: 100%;
      max-width: 920px;
      margin: 32px auto;
      padding: clamp(20px, 5vw, 52px);
      border: 1px solid var(--quiz-border);
      border-radius: 28px;
      box-shadow: 0 16px 48px rgb(39 64 85 / 7%);
      overflow-wrap: anywhere;
      isolation: isolate;
    }

    .inbar-social-quiz *,
    .inbar-social-quiz *::before,
    .inbar-social-quiz *::after {
      box-sizing: border-box;
    }

    .inbar-social-quiz [hidden] { display: none !important; }

    .inbar-social-quiz :is(h1, h2, p, legend, label, button) {
      font-family: Arial, sans-serif;
      font-style: normal;
      letter-spacing: normal;
      text-transform: none;
    }

    .inbar-social-quiz h1 {
      max-width: 650px;
      margin: 0 0 18px;
      color: var(--quiz-primary);
      font-size: clamp(28px, 4.5vw, 44px);
      font-weight: 700;
      line-height: 1.25;
    }

    .inbar-social-quiz header::before {
      content: "";
      display: block;
      width: 48px;
      height: 5px;
      margin-block-end: 24px;
      background: var(--quiz-accent);
      border-radius: 8px;
    }

    .inbar-social-quiz p { margin: 0 0 16px; }
    .inbar-social-quiz header > p:first-of-type { font-size: 18px; }

    .inbar-social-quiz [data-quiz-id="prototype-note"] {
      padding-inline-start: 14px;
      border-inline-start: 3px solid var(--quiz-accent);
      color: var(--quiz-muted);
      font-size: 14px;
    }

    .inbar-social-quiz section[data-quiz-section="progress"] {
      margin-block: 28px 36px;
      padding: 22px;
      background: #fff;
      border: 1px solid var(--quiz-border);
      border-radius: 18px;
    }

    .inbar-social-quiz h2 {
      margin: 0 0 10px;
      color: var(--quiz-primary);
      font-size: 22px;
      font-weight: 700;
      line-height: 1.4;
    }

    .inbar-social-quiz label[data-quiz-label="quiz-progress"] {
      display: block;
      margin-block-end: 10px;
      font-size: 14px;
      color: var(--quiz-muted);
    }

    .inbar-social-quiz progress {
      display: block;
      appearance: none;
      width: 100%;
      height: 10px;
      overflow: hidden;
      border: 0;
      border-radius: 999px;
      background: #edf0f3;
      color: var(--quiz-accent);
      accent-color: var(--quiz-accent);
    }

    .inbar-social-quiz progress::-webkit-progress-bar {
      background: #edf0f3;
      border-radius: 999px;
    }

    .inbar-social-quiz progress::-webkit-progress-value {
      background: var(--quiz-accent);
      border-radius: 999px;
    }

    .inbar-social-quiz progress::-moz-progress-bar {
      background: var(--quiz-accent);
      border-radius: 999px;
    }

    .inbar-social-quiz [data-quiz-id="progress-description"] {
      margin: 12px 0 0;
      color: var(--quiz-muted);
      font-size: 14px;
    }

    .inbar-social-quiz form { margin: 0; padding: 0; }

    .inbar-social-quiz fieldset {
      min-inline-size: 0;
      margin: 0 0 28px;
      padding: 22px;
      background: #fff;
      border: 1px solid var(--quiz-border);
      border-radius: 18px;
    }

    .inbar-social-quiz legend {
      float: none;
      width: auto;
      max-width: 100%;
      margin: 0;
      padding: 0 8px;
      color: var(--quiz-primary);
      font-size: 20px;
      line-height: 1.5;
      font-weight: 700;
    }

    .inbar-social-quiz fieldset > p {
      margin-block-end: 16px;
      color: var(--quiz-muted);
      font-size: 15px;
    }

    .inbar-social-quiz fieldset > div {
      position: relative;
      margin-block-start: 10px;
    }

    .inbar-social-quiz fieldset input {
      position: absolute;
      inset-inline-start: 18px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      appearance: auto;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      accent-color: var(--quiz-primary);
      cursor: pointer;
    }

    .inbar-social-quiz fieldset > div > input + label {
      display: block;
      min-height: 60px;
      margin: 0;
      padding: 16px 18px;
      padding-inline-start: 52px;
      border: 2px solid #e4e8ec;
      border-radius: 14px;
      background: #fff;
      color: var(--quiz-primary);
      font-size: 16px;
      line-height: 1.6;
      font-weight: 400;
      cursor: pointer;
      transition: border-color 160ms ease, background-color 160ms ease;
    }

    .inbar-social-quiz fieldset input:checked + label {
      border-color: var(--quiz-accent);
      background: var(--quiz-accent);
      font-weight: 700;
    }

    .inbar-social-quiz fieldset input:focus-visible + label {
      outline: 3px solid var(--quiz-primary);
      outline-offset: 3px;
    }

    .inbar-social-quiz label[data-quiz-label="goal-other-text"] {
      display: block;
      margin: 16px 0 8px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--quiz-primary);
      font-size: 16px;
      line-height: 1.6;
      font-weight: 400;
      cursor: default;
    }

    .inbar-social-quiz [data-quiz-id="goal-other-text"] {
      display: block;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      min-height: 128px;
      margin: 0;
      padding: 14px 16px;
      border: 2px solid var(--quiz-border);
      border-radius: 14px;
      background: #fff;
      color: var(--quiz-primary);
      font-family: Arial, sans-serif;
      font-size: 16px;
      font-style: normal;
      line-height: 1.7;
      direction: rtl;
      text-align: start;
      resize: vertical;
    }

    .inbar-social-quiz [data-quiz-id="goal-other-text"]:focus {
      border-color: var(--quiz-accent);
      outline: 2px solid var(--quiz-accent);
      outline-offset: 2px;
    }

    .inbar-social-quiz nav {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-block: 8px 32px;
    }

    .inbar-social-quiz [data-quiz-id="navigation-note"] {
      flex-basis: 100%;
      margin: 0;
      color: var(--quiz-muted);
      font-size: 14px;
    }

    .inbar-social-quiz button {
      appearance: none;
      min-width: 120px;
      min-height: 48px;
      margin: 0;
      padding: 12px 28px;
      border: 2px solid var(--quiz-primary);
      border-radius: 12px;
      background: #fff;
      color: var(--quiz-primary);
      font-size: 16px;
      font-weight: 700;
      line-height: 1.4;
      box-shadow: none;
      cursor: pointer;
    }

    .inbar-social-quiz [data-quiz-id="next-question"] {
      margin-inline-start: auto;
      background: var(--quiz-primary);
      color: #fff;
    }

    .inbar-social-quiz button:disabled {
      opacity: 0.55;
      cursor: not-allowed;
    }

    .inbar-social-quiz button:focus-visible {
      outline: 3px solid var(--quiz-accent);
      outline-offset: 4px;
    }

    .inbar-social-quiz [data-quiz-id="quiz-result"] {
      position: relative;
      padding: clamp(22px, 4vw, 36px);
      border: 1px solid var(--quiz-primary);
      border-block-start: 5px solid var(--quiz-accent);
      border-radius: 18px;
      background: var(--quiz-primary);
      color: #fff;
    }

    .inbar-social-quiz [data-quiz-id="result-heading"] {
      margin-block-end: 18px;
      color: #fff;
      font-size: clamp(24px, 3.5vw, 30px);
    }

    .inbar-social-quiz [data-quiz-id="result-content"] { font-size: 18px; }
    .inbar-social-quiz [data-quiz-id="quiz-result"] > p { margin: 20px 0 0; font-size: 14px; }

    .inbar-social-quiz [data-quiz-id="contact-form"] {
      margin-block-start: 24px;
      padding: clamp(16px, 3vw, 28px);
      border: 1px solid var(--quiz-border);
      border-radius: 16px;
      background: #fff;
      color: var(--quiz-primary);
    }

    .inbar-social-quiz [data-quiz-id="contact-heading"] {
      margin: 0 0 12px;
      color: var(--quiz-primary);
      font: 700 22px/1.4 Arial, sans-serif;
    }

    .inbar-social-quiz .contact-field { margin-block-end: 18px; }
    .inbar-social-quiz .contact-field label { display: block; margin-block-end: 6px; }

    .inbar-social-quiz .contact-field input {
      display: block;
      width: 100%;
      min-width: 0;
      min-height: 48px;
      padding: 10px 12px;
      border: 2px solid var(--quiz-border);
      border-radius: 12px;
      background: #fff;
      color: var(--quiz-primary);
      font: 16px/1.5 Arial, sans-serif;
    }

    .inbar-social-quiz .privacy-consent {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      margin-block: 22px;
    }

    .inbar-social-quiz [data-quiz-id="privacy-consent"] {
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      margin: 4px 0 0;
      accent-color: var(--quiz-accent);
      cursor: pointer;
    }

    .inbar-social-quiz .privacy-consent label { flex: 1; min-width: 0; cursor: pointer; }
    .inbar-social-quiz .privacy-consent a { color: var(--quiz-primary); text-decoration: underline; text-underline-offset: 3px; }

    .inbar-social-quiz [data-quiz-id="contact-form"] :is(input, a):focus-visible {
      outline: 3px solid var(--quiz-accent);
      outline-offset: 3px;
    }

    .inbar-social-quiz [data-quiz-id="contact-form"] .contact-field input[aria-invalid="true"] {
      border-color: #b52d50;
      box-shadow: 0 0 0 1px #b52d50;
    }

    .inbar-social-quiz .privacy-consent-group {
      margin-block: 22px;
      padding: 14px;
      border: 2px solid transparent;
      border-radius: 14px;
    }

    .inbar-social-quiz .privacy-consent-group .privacy-consent { margin: 0; }

    .inbar-social-quiz .privacy-consent-group.is-invalid {
      border-color: #b52d50;
      background: #fff2f5;
    }

    .inbar-social-quiz [data-quiz-id="contact-form"] .contact-field-error {
      margin: 8px 0 0;
      color: #a12445;
      font-size: 14px;
      font-weight: 700;
    }

    .inbar-social-quiz [data-quiz-id="contact-error"] {
      padding: 12px 14px;
      border-inline-start: 4px solid #b52d50;
      border-radius: 8px;
      background: #fff2f5;
      color: #a12445;
      font-weight: 700;
    }
    .inbar-social-quiz [data-quiz-id="contact-form"] button { width: 100%; white-space: normal; }

    @media (hover: hover) {
      .inbar-social-quiz fieldset > div > input + label:hover { border-color: var(--quiz-accent); }
      .inbar-social-quiz button:enabled:hover { border-color: var(--quiz-accent); }
    }

    @media (max-width: 540px) {
      .inbar-social-quiz { margin-block: 12px; padding: 18px 14px; border-radius: 20px; }
      .inbar-social-quiz fieldset { padding: 16px 12px; margin-block-end: 24px; }
      .inbar-social-quiz legend { padding-inline: 4px; font-size: 18px; }
      .inbar-social-quiz fieldset > div > input + label { padding-block: 14px; }
      .inbar-social-quiz section[data-quiz-section="progress"] { padding: 18px; }
      .inbar-social-quiz button { flex: 1; min-width: 0; padding-inline: 16px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .inbar-social-quiz fieldset > div > input + label { transition: none; }
    }