.elementor-158351 .elementor-element.elementor-element-b9ecae2 > .elementor-container{max-width:1100px;}.elementor-158351 .elementor-element.elementor-element-b9ecae2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-158351 .elementor-element.elementor-element-b9ecae2:not(.elementor-motion-effects-element-type-background), .elementor-158351 .elementor-element.elementor-element-b9ecae2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://my.iranfluent.com/wp-content/uploads/2025/03/background-abstract-1.jpg");background-position:top left;background-size:cover;}.elementor-158351 .elementor-element.elementor-element-b9ecae2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 180px 0px;}.elementor-158351 .elementor-element.elementor-element-b9ecae2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-158351 .elementor-element.elementor-element-b9ecae2 > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF30;}.elementor-158351 .elementor-element.elementor-element-b9ecae2 > .elementor-shape-bottom .elementor-shape-fill{fill:#F7F7F76B;}.elementor-158351 .elementor-element.elementor-element-2449103{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-158351 .elementor-element.elementor-element-2449103 img{width:180px;}.elementor-158351 .elementor-element.elementor-element-1766c2f{text-align:center;}.elementor-158351 .elementor-element.elementor-element-1766c2f .elementor-heading-title{font-family:"IRANSansWeb", Sans-serif;font-weight:600;text-transform:capitalize;line-height:1.3em;color:#4E006E;}.elementor-158351 .elementor-element.elementor-element-2274d18{text-align:center;}.elementor-158351 .elementor-element.elementor-element-c00e74e{--divider-border-style:solid;--divider-color:#C6C5C547;--divider-border-width:2px;}.elementor-158351 .elementor-element.elementor-element-c00e74e .elementor-divider-separator{width:815px;margin:0 auto;margin-center:0;}.elementor-158351 .elementor-element.elementor-element-c00e74e .elementor-divider{text-align:center;padding-block-start:7px;padding-block-end:7px;}.elementor-158351 .elementor-element.elementor-element-6808d48{text-align:center;margin:0px 100px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-158351 .elementor-element.elementor-element-6808d48 .elementor-heading-title{font-family:"IRANSansWeb", Sans-serif;font-weight:500;text-transform:capitalize;line-height:1.3em;letter-spacing:0.3px;text-shadow:10px 10px 10px rgba(0,0,0,0.15);color:#333333;}.elementor-158351 .elementor-element.elementor-element-6e5c251{text-align:center;margin:0px 100px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-158351 .elementor-element.elementor-element-6e5c251 .elementor-heading-title{font-family:"IRANSansWeb", Sans-serif;font-weight:500;text-transform:capitalize;line-height:1.3em;letter-spacing:0.3px;text-shadow:10px 10px 10px rgba(0,0,0,0.15);color:#333333;}.elementor-158351 .elementor-element.elementor-element-f5d5001{text-align:center;margin:0px 100px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-158351 .elementor-element.elementor-element-f5d5001 .elementor-heading-title{font-family:"IRANSansWeb", Sans-serif;font-weight:500;text-transform:capitalize;line-height:1.3em;letter-spacing:0.3px;text-shadow:10px 10px 10px rgba(0,0,0,0.15);color:#333333;}.elementor-158351 .elementor-element.elementor-element-48b079c{margin-top:0px;margin-bottom:10px;}.elementor-158351 .elementor-element.elementor-element-fa5549f .elementor-button-content-wrapper{flex-direction:row;}.elementor-158351 .elementor-element.elementor-element-fa5549f .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-158351 .elementor-element.elementor-element-fa5549f .elementor-button{font-family:"IRANSansWeb", Sans-serif;font-weight:900;letter-spacing:0.5px;fill:#ffffff;color:#ffffff;background-color:#3e92cc;box-shadow:15px 15px 30px -15px rgba(0,0,0,0.15);border-style:solid;border-width:0px 0px 5px 0px;border-color:rgba(0,0,0,0.2);border-radius:10px 10px 10px 10px;}.elementor-158351 .elementor-element.elementor-element-b278be5{--display:flex;--min-height:100px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-158351 .elementor-element.elementor-element-b278be5:not(.elementor-motion-effects-element-type-background), .elementor-158351 .elementor-element.elementor-element-b278be5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://my.iranfluent.com/wp-content/uploads/2025/03/background-abstract-1.jpg");background-position:top left;background-size:cover;}.elementor-158351 .elementor-element.elementor-element-b278be5 > .elementor-shape-top .elementor-shape-fill, .elementor-158351 .elementor-element.elementor-element-b278be5 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF30;}.elementor-158351 .elementor-element.elementor-element-b278be5 > .elementor-shape-bottom .elementor-shape-fill, .elementor-158351 .elementor-element.elementor-element-b278be5 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F7F7F76B;}.elementor-158351 .elementor-element.elementor-element-0731a9d .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}body.elementor-page-158351:not(.elementor-motion-effects-element-type-background), body.elementor-page-158351 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);}@media(max-width:1024px){.elementor-158351 .elementor-element.elementor-element-b9ecae2{padding:20px 20px 60px 20px;}.elementor-158351 .elementor-element.elementor-element-2449103 img{width:150px;}.elementor-158351 .elementor-element.elementor-element-1766c2f .elementor-heading-title{font-size:56px;}.elementor-158351 .elementor-element.elementor-element-6808d48 .elementor-heading-title{font-size:22px;}.elementor-158351 .elementor-element.elementor-element-6e5c251 .elementor-heading-title{font-size:22px;}.elementor-158351 .elementor-element.elementor-element-f5d5001 .elementor-heading-title{font-size:22px;}.elementor-158351 .elementor-element.elementor-element-ba0cfd3 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-158351 .elementor-element.elementor-element-be9fce9 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-158351 .elementor-element.elementor-element-10ae08a > .elementor-element-populated{margin:0% 17.5% 0% 17.5%;--e-column-margin-right:17.5%;--e-column-margin-left:17.5%;padding:10px 10px 10px 10px;}.elementor-158351 .elementor-element.elementor-element-b278be5{--padding-top:20px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-158351 .elementor-element.elementor-element-b9ecae2{padding:20px 15px 60px 15px;}.elementor-158351 .elementor-element.elementor-element-2449103{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-158351 .elementor-element.elementor-element-1766c2f .elementor-heading-title{font-size:42px;line-height:1.2em;}.elementor-158351 .elementor-element.elementor-element-c00e74e .elementor-divider-separator{width:100%;}.elementor-158351 .elementor-element.elementor-element-6808d48 .elementor-heading-title{font-size:18px;line-height:1.6em;}.elementor-158351 .elementor-element.elementor-element-6e5c251 .elementor-heading-title{font-size:18px;line-height:1.6em;}.elementor-158351 .elementor-element.elementor-element-f5d5001 .elementor-heading-title{font-size:18px;line-height:1.6em;}.elementor-158351 .elementor-element.elementor-element-ba0cfd3 > .elementor-element-populated{padding:5px 5px 5px 5px;}.elementor-158351 .elementor-element.elementor-element-be9fce9 > .elementor-element-populated{padding:5px 5px 5px 5px;}.elementor-158351 .elementor-element.elementor-element-fa5549f .elementor-button{font-size:18px;padding:15px 15px 15px 15px;}.elementor-158351 .elementor-element.elementor-element-10ae08a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:5px 5px 5px 5px;}.elementor-158351 .elementor-element.elementor-element-b278be5{--padding-top:20px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-158351 .elementor-element.elementor-element-ba0cfd3{width:19.999%;}.elementor-158351 .elementor-element.elementor-element-be9fce9{width:56.888%;}.elementor-158351 .elementor-element.elementor-element-10ae08a{width:22.416%;}}@media(max-width:1024px) and (min-width:768px){.elementor-158351 .elementor-element.elementor-element-ba0cfd3{width:50%;}.elementor-158351 .elementor-element.elementor-element-be9fce9{width:50%;}.elementor-158351 .elementor-element.elementor-element-10ae08a{width:100%;}}/* Start custom CSS *//* ============================================
   FLUENT FORM QUIZ - TALKPAL STYLE
   ============================================ */

/* Page background gradient */
body {
    background: linear-gradient(135deg, #4F46E5 0%, #2563EB 50%, #3B82F6 100%) !important;
    min-height: 100vh;
}

/* Hide default radio buttons */
.fluentform input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Style radio labels as visual cards */
.fluentform input[type="radio"] + label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 20px;
    border: 2px solid #E5E7EB;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
    min-height: 160px;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #374151;
    box-sizing: border-box;
}

/* Hover state */
.fluentform input[type="radio"] + label:hover {
    border-color: #60A5FA;
    background: #F0F9FF;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.15);
}

/* Selected state */
.fluentform input[type="radio"]:checked + label {
    background: #3B82F6 !important;
    border-color: #3B82F6 !important;
    color: white !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(59, 130, 246, 0.35);
}

/* Add decorative icon/graphic area to labels */
.fluentform input[type="radio"] + label::before {
    content: '';
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #93C5FD 0%, #60A5FA 100%);
    border-radius: 16px;
    display: block;
    transition: all 0.3s;
    opacity: 0.15;
}

.fluentform input[type="radio"]:checked + label::before {
    opacity: 1;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
}

/* Question/Label styling */
.fluentform label.ff-el-input--label {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #1F2937 !important;
    margin-bottom: 32px !important;
    text-align: center !important;
    display: block !important;
    line-height: 1.4 !important;
}

/* Hide required asterisk in conversational mode */
.fluentform .ff-el-is-required {
    display: none;
}

/* Create 2x2 grid for radio options */
.fluentform .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}

/* Each radio option container */
.fluentform .ff-el-form-check {
    margin: 0 !important;
}

/* Progress bar container */
.fluentform .ff-step-titles {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
    gap: 12px;
}

/* Progress bar individual steps */
.fluentform .ff-step-titles .ff_step_title {
    width: 50px;
    height: 6px;
    background: #E5E7EB;
    border-radius: 3px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

/* Active step */
.fluentform .ff-step-titles .ff_step_title.ff_active {
    background: #3B82F6;
    width: 70px;
    height: 6px;
}

/* Completed steps */
.fluentform .ff-step-titles .ff_step_title.ff_completed {
    background: #10B981;
}

/* Progress percentage text (if showing) */
.fluentform .ff-step-titles .ff_step_title span {
    display: none;
}

/* Button container */
.fluentform .ff-btn-group {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
}

/* Next/Submit button - Purple like TalkPal */
.fluentform .ff-btn-submit,
.fluentform .ff-btn.ff-btn-next {
    background: #7C3AED !important;
    color: white !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 18px 56px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35) !important;
}

.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn.ff-btn-next:hover {
    background: #6D28D9 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.45) !important;
}

/* Back button */
.fluentform .ff-btn.ff-btn-prev {
    background: transparent !important;
    color: #6B7280 !important;
    border: 2px solid #D1D5DB !important;
    border-radius: 12px !important;
    padding: 18px 40px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.fluentform .ff-btn.ff-btn-prev:hover {
    border-color: #9CA3AF !important;
    background: #F9FAFB !important;
}

/* Remove default form margins */
.fluentform .ff-el-group {
    margin-bottom: 0 !important;
}

.fluentform .ff-el-form-control {
    margin-bottom: 0 !important;
}

/* Step container */
.fluentform .ff-step-container {
    padding: 0;
}

/* Mobile responsive - stack to 1 column */
@media (max-width: 768px) {
    .fluentform .ff-el-input--content {
        grid-template-columns: 1fr !important;
    }
    
    .fluentform input[type="radio"] + label {
        min-height: 120px;
        padding: 24px 16px;
    }
    
    .fluentform input[type="radio"] + label::before {
        width: 50px;
        height: 50px;
        margin-bottom: 12px;
    }
    
    .fluentform label.ff-el-input--label {
        font-size: 20px !important;
    }
    
    .fluentform .ff-btn-submit,
    .fluentform .ff-btn.ff-btn-next {
        width: 100%;
        padding: 16px 32px !important;
    }
}

/* Very small mobile */
@media (max-width: 480px) {
    .fluentform label.ff-el-input--label {
        font-size: 18px !important;
        margin-bottom: 24px !important;
    }
    
    .fluentform .ff-step-titles {
        margin-bottom: 32px;
    }
}

/* Loading state */
.fluentform .ff-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Success message styling */
.fluentform .ff-message-success {
    background: #D1FAE5 !important;
    border: 2px solid #10B981 !important;
    border-radius: 12px;
    padding: 20px;
    color: #065F46 !important;
    font-weight: 500;
    text-align: center;
}

/* Error message styling */
.fluentform .ff-message-error {
    background: #FEE2E2 !important;
    border: 2px solid #EF4444 !important;
    border-radius: 12px;
    padding: 20px;
    color: #991B1B !important;
    font-weight: 500;
    text-align: center;
}/* End custom CSS */