.fi-radio-input:checked,
        .fi-radio-input:checked::before {
            background-color: #f97316 !important;
            border-color: #f97316 !important;
        }
        .text-orange-custom {
        color: #f97316 !important;
        }


     @media (max-width: 767.98px) {
        /* Hide all steps */
        .fi-fo-wizard-header-step {
            display: none !important;
        }

        /* Show only the active step */
        .fi-fo-wizard-header-step.fi-active {
            display: flex !important;
        }

        /* Optional: center the active step */
        .fi-fo-wizard-header {
            justify-content: center;
            overflow-x: hidden;
        }
    }


    @media (min-width: 768px) {
        .customSpan {
            width: 50% !important;
        }
        .customHeadline{
            font-size:16px !important;
        }
    }


    .login-link {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    /* .fi-simple-main {
            max-width: 100% !important;
        } */



    html[dir="rtl"] .login-link {
        flex-direction: row-reverse;
    }



    .login-link-left,
    .login-link-right {
        position: absolute;
        top: 10px;
        z-index: 10;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .login-link-left {
        left: 10px;
    }

    .login-link-right {
        right: 10px;
    }


   /* mobile-first: small + semibold */
 .fi-fo-field-wrp-label span , .titleQuestion{
  font-size: .875rem !important;   /* text-sm */
  line-height: 1.25rem !important;
  font-weight: 600 !important;     /* semibold */
}

/* >= md: bigger + bold */
@media (min-width: 768px) {
   .fi-fo-field-wrp-label span , .titleQuestion{
    font-size: 1rem !important;    /* text-base */
    line-height: 1.5rem !important;
    font-weight: 600 !important;   /* bold */
  }
}

/* >= lg */
@media (min-width: 1024px) {
   .fi-fo-field-wrp-label span , .titleQuestion{
      font-size: 1rem !important;
    line-height: 1.75rem !important;
        font-weight: 600 !important;
  }
}

/* >= xl (optional) */
@media (min-width: 1280px) {
   .fi-fo-field-wrp-label span  , .titleQuestion{
       font-size: 1rem !important;
    line-height: 1.75rem !important;
        font-weight: 600 !important;
  }
}