{"id":5029,"date":"2025-11-18T10:12:51","date_gmt":"2025-11-18T15:12:51","guid":{"rendered":"https:\/\/www.eurekaconcept.com\/?page_id=5029"},"modified":"2026-06-11T15:58:01","modified_gmt":"2026-06-11T19:58:01","slug":"quiz","status":"publish","type":"page","link":"https:\/\/www.eurekaconcept.com\/en\/quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\n<section class=\"wp-block-stereo-section-bloc has-theme-1-background-color has-background section-block-normal -section-block-theme-1\"><div class=\"c-section_scroll-detector -theme-1\" data-scroll-offset=\"100% 0%\" data-scroll=\"true\" data-scroll-repeat=\"true\" data-scroll-ignore-fold=\"true\"><\/div><div class=\"bg-gradient_container\"><div class=\"bg-gradient\"><\/div><\/div><div class=\"wp-block-stereo-section__container\"><div class=\"wp-block-stereo-section__col is-layout-flow wp-block-section-bloc-is-layout-flow\">\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-bc411aab wp-block-group-is-layout-grid has-10-columns is-grid-layout\" style=\"margin-bottom:var(--wp--preset--spacing--xl)\">\n<div class=\"wp-block-group wp-container-content-032d2ddb is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-1efc3c1b is-layout-constrained wp-container-core-group-is-layout-61dccc85 wp-block-group-is-layout-constrained\" style=\"padding-right:var(--wp--preset--spacing--md);padding-left:var(--wp--preset--spacing--md)\">\n<c-split-line class=\"c-split-line\" data-line-stagger=\"0.05\" data-scroll><h2 class=\"wp-block-heading has-text-align-center\" data-splitline-container>So\u2026 which chess piece are you? Bishop, Knight, Rook, King, or Queen?<\/h2><\/c-split-line>\n\n\n\n<p class=\"has-text-align-center animate-in\" data-scroll>By understanding your strength, you\u2019ll shine even brighter\u2026 especially when surrounded by the right allies. Ready?<\/p>\n<\/div>\n<\/div>\n\n\n\n<div id=\"start-quiz\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained animate-in\" data-scroll>\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained animate-in\" data-title-quiz data-scroll>\n  <h2 class=\"wp-block-heading is-style-stroke-title\">Complete the quiz to discover your profile<\/h2>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained animate-in hidden\" data-title-result data-scroll>\n  <h2 class=\"wp-block-heading is-style-stroke-title\">Votre profil<\/h2>\n<\/div>\n\n<c-quiz  class=\"c-quiz || block \" data-nonce=\"a12c2dfc04\" data-quiz-profile-data=\"{&quot;1&quot;:{&quot;name&quot;:&quot;The Invisible One \u2192 &lt;em&gt;The Bishop&lt;\\\/em&gt;&quot;,&quot;alias&quot;:&quot;&lt;ol class=\\u0027is-style-fancy-ol\\u0027&gt;&lt;li&gt;It moves diagonally, always a little off to the side, never head-on.&lt;\\\/li&gt;&lt;li&gt;It seems discreet\u2026 until it suddenly appears from an unexpected angle.&lt;\\\/li&gt;&lt;li&gt;Often underestimated, yet capable of turning the tide of a strategy at just the right moment.&lt;\\\/li&gt;&lt;\\\/ol&gt;&quot;,&quot;tag&quot;:&quot;That\u2019s exactly the vibe of The Invisible One: everyone thinks they\\u0027re not contributing much\u2026 then bam, they uncover the one crucial clue nobody else saw.&quot;,&quot;description&quot;:&quot;Always slightly in the background, quietly observing and waiting for the right moment. People assume they\\u0027re not much help\u2026 until they spot what everyone else missed. They come in through the blind spots\u2014subtle, but remarkably effective when they spring into action.&quot;,&quot;phrase&quot;:&quot;I may be watching from the sidelines\u2026 but I\u2019m there when it matters.&quot;,&quot;bg_class&quot;:&quot;bg-1-500&quot;,&quot;text_class&quot;:&quot;text-white&quot;},&quot;2&quot;:{&quot;name&quot;:&quot;The Hyperactive One \u2192 &lt;em&gt;The Knight&lt;\\\/em&gt;&quot;,&quot;alias&quot;:&quot;&lt;ol class=\\u0027is-style-fancy-ol\\u0027&gt;&lt;li&gt;It\\u0027s the only piece that jumps over everything.&lt;\\\/li&gt;&lt;li&gt;It disrupts the rhythm, breaks the pattern, and charges ahead before thinking.&lt;\\\/li&gt;&lt;li&gt;Unpredictable, fast, and sometimes chaotic... yet essential for getting things moving when everyone else is stuck.&lt;\\\/li&gt;&lt;\\\/ol&gt;&quot;,&quot;tag&quot;:&quot;A perfect match for The Hyperactive One: energy, motion, and impulsiveness that somehow gets results.&quot;,&quot;description&quot;:&quot;They bounce from one thing to another, skip steps (and obstacles), and pitch ten ideas before the first one is even finished. Their energy can sometimes send everyone in different directions, but without them, the game would be far too quiet.&quot;,&quot;phrase&quot;:&quot;Okay, I have no idea what\\u0027s going on, but we\\u0027re moving forward!&quot;,&quot;bg_class&quot;:&quot;bg-2-500&quot;,&quot;text_class&quot;:&quot;text-2-950&quot;},&quot;3&quot;:{&quot;name&quot;:&quot;The \u201cYes, But\u2026\u201d One \u2192 &lt;em&gt;The Rook&lt;\\\/em&gt;&quot;,&quot;alias&quot;:&quot;&lt;ol class=\\u0027is-style-fancy-ol\\u0027&gt;&lt;li&gt;A symbol of structure, stability, and discipline.&lt;\\\/li&gt;&lt;li&gt;It moves in straight lines\u2014no detours, no unnecessary flair.&lt;\\\/li&gt;&lt;li&gt;It protects, refocuses, organizes, and strengthens the team\\u0027s strategy.&lt;\\\/li&gt;&lt;\\\/ol&gt;&quot;,&quot;tag&quot;:&quot;The \u201cYes, But\u2026\u201d One is the rook that brings order to chaos.&quot;,&quot;description&quot;:&quot;Solid, methodical, and well-organized. They\\u0027re the one who brings ideas back down to earth and keeps the team from heading off in every direction. They spot the blind spots, slow things down when needed, and keep the mission clear and on track.&quot;,&quot;phrase&quot;:&quot;Yes, but... should we make sure that\\u0027s approved first?&quot;,&quot;bg_class&quot;:&quot;bg-3-500&quot;,&quot;text_class&quot;:&quot;text-white&quot;},&quot;4&quot;:{&quot;name&quot;:&quot;The Scatterbrained One \u2192 &lt;em&gt;The King&lt;\\\/em&gt;&quot;,&quot;alias&quot;:&quot;&lt;ol class=\\u0027is-style-fancy-ol\\u0027&gt;&lt;li&gt;The King barely moves, like someone distracted by something else.&lt;\\\/li&gt;&lt;li&gt;He\u2019s often protected by others, sometimes lost right in the middle of chaos.&lt;\\\/li&gt;&lt;li&gt;And yet\u2026 He is central, everyone has to adjust around him and he somehow lives his best life without fully grasping the urgency&lt;\\\/li&gt;&lt;\\\/ol&gt;&quot;,&quot;tag&quot;:&quot;The King = the piece that doesn\u2019t really know what\u2019s going on, but is still essential.&quot;,&quot;description&quot;:&quot;They look elsewhere, take a step forward, two steps back, and often forget what they were looking for in the first place. But paradoxically, the whole team ends up organizing around them: they bring spontaneity, humanity, and the kind of laughter needed to survive the chaos.&quot;,&quot;phrase&quot;:&quot;Where was I again?&quot;,&quot;bg_class&quot;:&quot;bg-4-500&quot;,&quot;text_class&quot;:&quot;text-white&quot;},&quot;5&quot;:{&quot;name&quot;:&quot;The All-In-One \u2192 &lt;em&gt;The Queen&lt;\\\/em&gt;&quot;,&quot;alias&quot;:&quot;&lt;ol class=\\u0027is-style-fancy-ol\\u0027&gt;&lt;li&gt;Because she can do everything: diagonal, straight lines, attack, support.&lt;\\\/li&gt;&lt;li&gt;She combines all strengths: speed, strategy, creativity, chaos\u2026&lt;\\\/li&gt;&lt;li&gt;She\u2019s the piece of \u201cwhy choose?\u201d.&lt;\\\/li&gt;&lt;\\\/ol&gt;&quot;,&quot;tag&quot;:&quot;A perfect match for the chameleon: someone who does it all, in their own way, without a fixed direction.&quot;,&quot;description&quot;:&quot;Impossible to categorize. They can be methodical, scattered, intense, mellow, brilliant, or completely elsewhere\u2026 sometimes all within the same minute. They shift styles depending on the vibe. Often unpredictable, but always adaptable.&quot;,&quot;phrase&quot;:&quot;I\u2019m a mix of everything\u2026 I just can\u2019t remember what.\u201d&quot;,&quot;bg_class&quot;:&quot;bg-1-500&quot;,&quot;text_class&quot;:&quot;text-white&quot;}}\">\n  <form class=\"bg-white rounded-3xl p-unit-sm shadow-xl grid grid-cols-2 gap-gutter\">\n    <div class=\"col-span-2 sm:col-span-1 grid\">\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1\" data-step=\"1\">\n          <h2 class=\"heading-3xl\">You\u2019re invited to participate in an escape room game. You reply\u2026<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-1\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    OK, if I have no choice and someone tells me what to do.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-1\" name=\"answer-1\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-1\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Yeah, but when is it? And who\u2019s going to be on our team? What game are we going to play?                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-1\" name=\"answer-1\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-1\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Yeah, but when is it? And who\u2019s going to be on our team? What game are we going to play?                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-1\" name=\"answer-1\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-1\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Great idea! What day are we going again? And for the camping trip, what are we going to eat?                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-1\" name=\"answer-1\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1 hidden\" data-step=\"2\">\n          <h2 class=\"heading-3xl\">How do you react when the game master gives the starting instructions?<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-2\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I\u2019m listening\u2026 not sure I\u2019ll be much help\u2026 you\u2019ll tell me what to do.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-2\" name=\"answer-2\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-2\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    OK, OK, OK, that\u2019s enough now\u2014can we get started??                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-2\" name=\"answer-2\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-2\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    So, if I\u2019m summarizing\u2026 it sounds like\u2026?                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-2\" name=\"answer-2\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-2\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Huh? What are we supposed to do now? I was focused on the set.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-2\" name=\"answer-2\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1 hidden\" data-step=\"3\">\n          <h2 class=\"heading-3xl\">If you were a superhero, you\u2019d be\u2026<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-3\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Spider-Man \u2013 Helpful, a bit shy at first\u2026 but when asked, he\u2019s always willing to lend a hand.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-3\" name=\"answer-3\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-3\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    The Flash \u2013 Fast, quick-thinking, and always ready for action; he\u2019s off before he\u2019s even heard the end of the instructions.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-3\" name=\"answer-3\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-3\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Captain America \u2013 Serious, organized, he likes clear plans for achieving goals                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-3\" name=\"answer-3\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-3\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Olaf \u2013 He gets carried away, goes off in another direction\u2026 then comes back with a smile and a new idea.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-3\" name=\"answer-3\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1 hidden\" data-step=\"4\">\n          <h2 class=\"heading-3xl\">You walk into the game room\u2026 What do you do first?<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-4\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I stay in the doorway and wait for someone to tell me what to do.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-4\" name=\"answer-4\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-4\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I run around and touch everything to find something to unlock                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-4\" name=\"answer-4\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-4\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I suggest we come up with a game plan before we start.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-4\" name=\"answer-4\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-4\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I end up telling everyone about the time when&#8230; Oops! I need to look for clues.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-4\" name=\"answer-4\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1 hidden\" data-step=\"5\">\n          <h2 class=\"heading-3xl\">You find a combination lock. What do you do?<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-5\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I fiddle with the lock and ask if anyone has any idea what the code is.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-5\" name=\"answer-5\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-5\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I try a bunch of random combinations\u2014one of them\u2019s bound to work.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-5\" name=\"answer-5\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-5\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Not so fast\u2026 I go over everything we\u2019ve done so far in my head to make the right connection.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-5\" name=\"answer-5\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-5\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    I turn it every which way, enter the numbers I\u2019m told\u2026 \u201cHuh? Can you repeat that?\u201d                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-5\" name=\"answer-5\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1 hidden\" data-step=\"6\">\n          <h2 class=\"heading-3xl\">If your team had to give you a totem animal, it would be\u2026<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-6\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    The lion \u2013 He\u2019s unassuming, but he exudes great confidence\u2026 Because he\u2019s convinced someone else will do it.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-6\" name=\"answer-6\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-6\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    The monkey \u2013 He dabbles in everything, jumps from one puzzle to the next, and is always eager to see what\u2019s in store.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-6\" name=\"answer-6\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-6\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    The bee \u2013 Organized, efficient\u2026 He never loses sight of the goal.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-6\" name=\"answer-6\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-6\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    The panda \u2013 He looks busy, but he\u2019s mostly doing something else\u2026 Like spinning an object.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-6\" name=\"answer-6\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1 hidden\" data-step=\"7\">\n          <h2 class=\"heading-3xl\"> When the escape room doesn\u2019t go as planned (or you fail to solve the puzzle)&#8230; how do you react?<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-7\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    \u201cIt\u2019s no big deal, it was relaxing. I had fun watching.\u201d                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-7\" name=\"answer-7\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-7\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    \u201cWHAT??? No, no, no, let\u2019s start over right now! I refuse to accept failure.\u201d                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-7\" name=\"answer-7\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-7\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    \u201cOkay. Let\u2019s take some time to analyze what we could have done differently.\u201d                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-7\" name=\"answer-7\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-7\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    \u201cHuh? We failed? Wait, where was my head during the last puzzle?\u201d                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-7\" name=\"answer-7\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n              <section class=\"space-y-unit-lg py-unit-sm col-start-1 row-start-1 hidden\" data-step=\"8\">\n          <h2 class=\"heading-3xl\">Which word best describes you (even if you don\u2019t want to admit it)?<\/h2>\n          <div class=\"grid grid-cols-2 gap-unit-2xs\">\n                        <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-1-500 relative\">\n                  <label for=\"answer1-8\" class=\"bg-1-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Relaxed \u2013 You\u2019re not here to suffer, OK?                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#propeller\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer1-8\" name=\"answer-8\" value=\"1\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-1-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-3-500 relative\">\n                  <label for=\"answer3-8\" class=\"bg-3-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Intense \u2013 You approach the puzzle as if the fate of the planet depended on it.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#star-circle-hole\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer3-8\" name=\"answer-8\" value=\"3\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-3-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n            <div class=\"col-span-2 sm:col-span-1 flex flex-col gap-unit-2xs\">\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-2-500 relative\">\n                  <label for=\"answer2-8\" class=\"bg-2-500 text-2-950 rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Methodical \u2013 You like it when things are clear\u2026 and structured.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#asterisk-alt\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer2-8\" name=\"answer-8\" value=\"2\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-2-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"has-[input:checked_+_div]:[&#038;_span]:bg-4-500 relative\">\n                  <label for=\"answer4-8\" class=\"bg-4-500 text-white rounded-2xl px-unit-sm py-unit-lg block relative overflow-hidden\">\n                    Scattered \u2013 You started this sentence\u2026 And suddenly there was a butterfly.                    <span class=\"c-icon absolute top-1\/2 -translate-y-1\/2 left-0 -translate-x-1\/3 opacity-10 size-[160px] -icon-sm -icon-full pointer-events-none\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#plus-celtic\"><\/use>\n  <\/svg>\n  <\/span>                  <\/label>\n                  <input type=\"radio\" id=\"answer4-8\" name=\"answer-8\" value=\"4\" required class=\"absolute inset-0 cursor-pointer appearance-none focus:ring-3 focus:ring-4-300 rounded-2xl\">\n                  <div class=\"absolute top-unit-2xs right-unit-2xs w-unit-sm h-unit-sm bg-white rounded-full pointer-events-none flex items-center justify-center\">\n                    <span class=\"w-unit-xs h-unit-xs bg-white rounded-full block\"><\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n          <\/div>\n    <div class=\"col-span-2 sm:col-span-1 flex flex-col\">\n      <div class=\"overflow-hidden rounded-2xl\">\n        <div class=\"c-quiz-images-wrapper h-full flex\" data-images-wrapper>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"1\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img fetchpriority=\"high\" decoding=\"async\" class=\"c-image_img\" alt=\"10-idees-pour-favoriser-le-bien-etre-en-entreprise\" loading=\"eager\" width=\"1640\" height=\"924\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-768x433.jpg 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-768x433.jpg 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-1536x865.jpg 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-1536x865.jpg 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg 2000w\" \/><\/div><\/div>            <\/div>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"2\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img decoding=\"async\" class=\"c-image_img\" alt=\"4a595ad4c1b32950054d3334102947666b189d30\" loading=\"eager\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30-768x768.png 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30-768x768.png 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 2000w\" \/><\/div><\/div>            <\/div>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"3\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img decoding=\"async\" class=\"c-image_img\" alt=\"renforcer-la-cohesion-dequipe\" loading=\"eager\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe.jpg\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-768x432.jpg 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-768x432.jpg 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-1536x864.jpg 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-1536x864.jpg 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe.jpg 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe.jpg 2000w\" \/><\/div><\/div>            <\/div>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"4\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img fetchpriority=\"high\" decoding=\"async\" class=\"c-image_img\" alt=\"10-idees-pour-favoriser-le-bien-etre-en-entreprise\" loading=\"eager\" width=\"1640\" height=\"924\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-768x433.jpg 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-768x433.jpg 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-1536x865.jpg 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-1536x865.jpg 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg 2000w\" \/><\/div><\/div>            <\/div>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"5\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img decoding=\"async\" class=\"c-image_img\" alt=\"4a595ad4c1b32950054d3334102947666b189d30\" loading=\"eager\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30-768x768.png 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30-768x768.png 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 2000w\" \/><\/div><\/div>            <\/div>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"6\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img decoding=\"async\" class=\"c-image_img\" alt=\"renforcer-la-cohesion-dequipe\" loading=\"eager\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe.jpg\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-768x432.jpg 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-768x432.jpg 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-1536x864.jpg 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe-1536x864.jpg 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe.jpg 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/renforcer-la-cohesion-dequipe.jpg 2000w\" \/><\/div><\/div>            <\/div>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"7\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img fetchpriority=\"high\" decoding=\"async\" class=\"c-image_img\" alt=\"10-idees-pour-favoriser-le-bien-etre-en-entreprise\" loading=\"eager\" width=\"1640\" height=\"924\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-768x433.jpg 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-768x433.jpg 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-1536x865.jpg 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise-1536x865.jpg 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/10\/10-idees-pour-favoriser-le-bien-etre-en-entreprise.jpg 2000w\" \/><\/div><\/div>            <\/div>\n                      <div class=\"c-quiz-image-slide flex-shrink-0 w-full h-full\" data-step=\"8\">\n              <div class=\"c-image min-h-full -no-anims -image-ratio\" style=\"padding-top: 75%;\"><div class=\"c-image_inner\" data-scroll ><img decoding=\"async\" class=\"c-image_img\" alt=\"4a595ad4c1b32950054d3334102947666b189d30\" loading=\"eager\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png\" sizes=\"(min-width: 1200px) 46vw, (min-width: 500px) 100vw, 100vw\" srcset=\"https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30-768x768.png 500w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30-768x768.png 700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1100w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1400w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 1700w, https:\/\/www.eurekaconcept.com\/app\/uploads\/2025\/11\/4a595ad4c1b32950054d3334102947666b189d30.png 2000w\" \/><\/div><\/div>            <\/div>\n                  <\/div>\n      <\/div>\n      <div class=\"flex justify-between items-center gap-unit-sm py-unit-sm\">\n        <button type=\"button\" class=\"rounded-full bg-3-800 text-white cursor-pointer flex-shrink-0 w-unit-lg h-unit-lg flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed\" data-step-prev disabled>\n          <span class=\"sr-only\">Pr\u00e9c\u00e9dent<\/span>\n          <span class=\"c-icon -icon-sm\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#arrow-full-left\"><\/use>\n  <\/svg>\n  <\/span>        <\/button>\n        <div class=\"flex items-center gap-unit-sm flex-1\">\n          <div class=\"w-full h-2 bg-1-500\/30 rounded-full\">\n            <div class=\"h-2 bg-1-950 rounded-full transition-width duration-600\" style=\"width: 0%;\" data-step-progress>\n              <span class=\"sr-only\">Barre de progression<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"whitespace-nowrap heading-md tabular-nums\"><span data-step-current>1<\/span> <span class=\"body-sm font-normal\">de<\/span> <span data-step-total>8<\/span><\/div>\n        <\/div>\n        <button type=\"button\" class=\"rounded-full bg-3-800 text-white cursor-pointer flex-shrink-0 w-unit-lg h-unit-lg flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed\" data-step-next>\n          <span class=\"sr-only\">Suivant<\/span>\n          <span class=\"c-icon -icon-sm\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#arrow-full-right\"><\/use>\n  <\/svg>\n  <\/span>        <\/button>\n        <button type=\"submit\" class=\"rounded-full bg-3-800 text-white cursor-pointer flex-shrink-0 w-unit-lg h-unit-lg items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed hidden\" data-step-submit>\n          <span class=\"sr-only\">Soumettre<\/span>\n          <span class=\"c-icon -icon-sm\">  <svg aria-hidden=\"true\" focusable=\"false\" class=\"c-icon_svg\">\n    <use xlink:href=\"https:\/\/www.eurekaconcept.com\/app\/themes\/baserock\/assets\/build\/sprite-D5sFRiMe.svg#check-alt\"><\/use>\n  <\/svg>\n  <\/span>        <\/button>\n      <\/div>\n    <\/div>\n  <\/form>\n  <div class=\"hidden\" data-quiz-result><\/div>\n<\/c-quiz>\n\n<\/div>\n<\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":17,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"t-quiz.php","meta":{"_acf_changed":false,"slim_seo":{"title":"Quiz - Eureka Concept","description":""},"footnotes":""},"class_list":["post-5029","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/pages\/5029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/comments?post=5029"}],"version-history":[{"count":2,"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/pages\/5029\/revisions"}],"predecessor-version":[{"id":5124,"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/pages\/5029\/revisions\/5124"}],"wp:attachment":[{"href":"https:\/\/www.eurekaconcept.com\/en\/wp-json\/wp\/v2\/media?parent=5029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}