/** Shopify CDN: Minification failed

Line 22:84 Expected identifier but found whitespace
Line 22:86 Unexpected "{"
Line 22:95 Expected ":"
Line 35:80 Expected identifier but found whitespace
Line 35:82 Unexpected "{"
Line 35:91 Expected ":"
Line 215:121 Expected identifier but found whitespace
Line 215:123 Unexpected "{"
Line 215:132 Expected ":"
Line 228:262 Expected identifier but found whitespace
... and 5 more hidden warnings

**/
html, body {background: var(--content-secondary-color);}
    [role="radio"], [role="checkbox"] {cursor: pointer;}

    .quizpage {position: relative; background: var(--content-secondary-color); width: 100%; height: 100vh;}

    .quizpage .nav {position: fixed; z-index: 10; top: 0; left: 5vw; height: 100vh;}
    .quizpage .nav button {font-size: 1.2em; font-weight: 500; margin: 1em 0; color: {{settings.content_text_color}}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
    .quizpage .nav button.collapsed {cursor: default; -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5)}
    .quizpage .nav button.active {cursor: default; -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; }
    .quizpage .nav button.disabled {cursor: default;}
    .isNotMobile .quizpage .nav button:not(.disabled):not(.active):hover {color: var(--content-tertiary-color);}
    .quizpage.fixed .nav {position: fixed;}
    .quizpage.end .nav {position: absolute; top: auto; bottom: 0;}

    .close-quiz-popup {text-align: center; max-width: 30em;}
    .close-quiz-popup .title {font-size: 1.8em; line-height: 120%; margin-bottom: 1em; font-weight: 500;}
    .close-quiz-popup .btn {margin: 0.5em; width: 100%; max-width: 14em; padding-left: 0; padding-right: 0;}

    .quizpage .layout .close-icon {position: fixed; top: 4vw; right: 5vw; z-index: 10;}
    .quizpage .layout .close-icon svg {display: block; font-size: 1.7em; stroke: {{settings.content_text_color}}; stroke-width: 0.03em;}
    .isNotMobile .quizpage .layout .close-icon:hover svg path {fill: var(--content-tertiary-color); stroke: var(--content-tertiary-color);}
    .quizpage .layout .backnext {position: fixed; z-index: 10; line-height: 100%; font-weight: 500; font-size: 1.2em; }
    .quizpage .layout .backnext:not(:hover) {color: var(--content-tertiary-color);}
    .quizpage .layout .backnext svg {font-size: 1.7em; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
    .quizpage .layout .backnext svg path {fill: var(--content-tertiary-color);}
    .quizpage .layout .next-btn {right: 5vw; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .quizpage .layout .back-btn {bottom: 4vw; left: 5vw; margin-left: -0.2em;}
    /* Home flow: position back button at middle of screen like next button */
    .quizpage.quiz-flow-home .layout .back-btn {top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .quizpage .layout .next-btn svg {margin-left: 0.2em;}
    .quizpage .layout .back-btn svg {margin-right: 0.2em;}
    .isNotMobile .quizpage .layout .next-btn:hover svg {-webkit-transform: translateX(0.2em); transform: translateX(0.2em);}
    .isNotMobile .quizpage .layout .back-btn:hover svg {-webkit-transform: translateX(-0.2em); transform: translateX(-0.2em);}
    /* Home flow: maintain vertical centering on hover */
    .isNotMobile .quizpage.quiz-flow-home .layout .back-btn:hover {-webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .quizpage .layout .logo {position: fixed; z-index: 10; top: 4vw; left: 5vw;}
    .quizpage .layout .logo img {width: 5.5em; display: block;}

    .quizpage .content {position: relative; text-align: center; width: 100%; height: 100%;}

    .quizpage .quiz-interstitial {visibility: hidden; width: 100%; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15vh 6vw 10vh; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; line-height: 1.5;}
    .quizpage .quiz-interstitial h1, h2, h3, h4, h5, h6{font-weight:600; color: #314438; font-family: var(--font-family-body);}
    .quizpage .quiz-interstitial h6 {
      font-size: 16px;
      font-weight: 700;
      line-height: 140%;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .quizpage .quiz-interstitial .step-content-wrap .quiz-intro-logos-img-desk img,
    .quizpage .quiz-interstitial .step-content-wrap .quiz-intro-logos-img-mob img {
      width: 60% !important;
    }

    .quizpage .quiz-interstitial.show {visibility: visible; z-index: 5; left: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
    .quizpage .quiz-interstitial .quiz-intro-logos-img-desk,
    .quizpage .quiz-interstitial .quiz-intro-logos-img-mob {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    .quizpage .quiz-interstitial .quiz-intro-logos-img-desk .text,
    .quizpage .quiz-interstitial .quiz-intro-logos-img-mob .text {
      font-size: 16px;
      font-weight: 700;
      line-height: 140%;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .quizpage .quiz-interstitial .quiz-intro-logos-img-desk {bottom: 20%;}
    .quizpage .quiz-interstitial .quiz-intro-logos-img-mob {bottom: -200%;}
    .quizpage .steps {position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%;}
    .quizpage .step {
      visibility: hidden; 
      width: 100%;
      z-index: 1; 
      position: absolute; 
      top: 0; left: 1em; width: 100%; height: 100%; 
      padding: 14vh 6vw 10vh; overflow-y: auto; 
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
      filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; 
      -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; 
      -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
    }
    .quizpage .step.active {visibility: visible; z-index: 5; left: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
    .quizpage .step.off {left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
    .quizpage .step .heading {margin-bottom: 4em;}
    .quizpage .step .heading h2 {font-size: 3.2em; margin: 0;}
    .quizpage .step .heading .text {margin: 0; margin-top: 1em; font-size: 1.3em;}
    .quizpage .step .heading .text > :not(:last-child) {margin-bottom: 0.8em;}
    .quizpage .step .heading .text .rooms-quantity {font-weight: 700; text-decoration: underline;}
    .quizpage .step .heading .text .rooms-quantity i {font-style: normal;}

    .quizpage .step .options {width: 100%;}
    .quizpage .step .options .item {width: 100%; max-width: 20.1em; margin: 0em 2em; text-align: center; box-shadow: 0 0 0 rgba(0,0,0,0);}
    .quizpage .step .options .item .checked-icon {display: none; cursor: pointer; position: absolute; width: 23px; top: 0.5em; right: 0.5em;}
    .quizpage .step .options .item.checked .checked-icon {display: block;}
    .quizpage .step .options .item.checked .wrap {border-color: var(--content-tertiary-color);}
    .quizpage .step .options a.item, .quizpage .step .options button.item {display: block; color: inherit;}
    .quizpage .step .options .item .wrap {position: relative; border: 3px solid; padding: 4em 2em 3.5em; height: 100%;}
    .quizpage .step .options .item img {width: 100%; height: auto; max-width: 12em; display: block; margin: 0 auto 2em;}
    .quizpage .step .options .item .title {font-size: 1.45em; max-width: 8em; margin: auto; line-height: 130%; font-weight: 700;}
    .quizpage .step .options .item .title input {font-size: 1em; max-width: 100%; margin: auto; line-height: 130%; font-weight: 700; padding: 0; border: 0; cursor: pointer;}
    .quizpage .step .options .item .title input::placeholder {font-size: 1em;line-height: 130%;font-weight: 700; text-transform: unset;}
    .isNotMobile .quizpage .step .options .item:hover { box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.1); transform: translate(0, -0.1em);}
    .quizpage .step .options .item .text {margin: auto; font-size: 1.1em; margin-top: 0.5em; line-height: 120%; max-width: 10em;}

    .quizpage .step.s3 .options .item {max-width: 18em; margin: 0 1em;}
    .quizpage .step.s3 .options .item .wrap {padding: 2.3em 1em 1em;}
    .quizpage .step.s3 .options .item .title {max-width: 100%;}
    .quizpage .step.s3 .options .item img {max-width: 10.5em;}
    .quizpage .step.s3 .options .item .text {margin-top: 3em;}

    .quizpage .step.s4 .heading {margin-bottom: 2em;}
    .quizpage .step.s4 .options {max-width: 70em; margin: 0 auto;}
    .quizpage .step.s4 .options .item .wrap {padding: 2em;}
    .quizpage .step.s4 .options .item {max-width: 100%; margin: 0 0 1em; text-align: left;}
    .quizpage .step.s4 .options .item img {max-width: 8em; margin: 0;}
    .quizpage .step.s4 .options .item .info {padding-left: 2em;width: 100%;}
    .quizpage .step.s4 .options .item .title {max-width: 100%; font-size: 2em;}
    .quizpage .step.s4 .options .variants {margin-top: 0.7em; font-size: 1.25em; font-weight: 500;}
    .quizpage .step.s4 .options .variants .variant {
      margin-right: 1%;
      padding: 0.2em 0;
      margin-top: 1%;
      filter: alpha(opacity=100);
      opacity: 1;
      background: #31443833;
      color: #fff;
      padding: 4px 5px;
      min-width: 24%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .quizpage .step.s4 .options .variants .variant:last-child {margin-right: 0;}
    .quizpage .step.s4 .options .variants .variant.checked {filter: alpha(opacity=100); opacity: 1;background-color: #8DC0D2;}
    .quizpage .step.s4 .options .item .text{margin: 0 !important}

    .quizpage .step.s5 .options .item {margin: 0 1.5em;}
    .quizpage .step .options .item .quantity-box {max-width: 10em; margin: 1em auto 0;}
    .quizpage .step.s5 .options .item .wrap {padding: 2em 0.5em;}
    .quizpage .step.s5 .options .item img {max-width: 16.5em}
    .quizpage .step.s5 div[data-hubspot="Phone Booth"] img {max-height: 153px;object-fit: contain;}
    @media screen and (min-width: 900px) and (max-width: 1540px) {
      .quizpage .step{
        top:50%;
        transform: translateY(-50%);

      }
      .quizpage section#quiz-corporate-furnish-conference .options {width: 70% !important; margin: auto !important;}
      .quizpage .step.s5 div[data-hubspot="Large Table"],
      .quizpage .step.s5 div[data-hubspot="Medium Table"] {margin-top: 30px !important;}
    }
    .quizpage .step.s1 .options .item {max-width: 30em; text-align: left; margin: 0 auto 1em auto;}
    .quizpage .step.s1 .options .item .wrap {padding: 1.5em 2em;}
    .quizpage .step.s1 .options .item .title {max-width: 100%; font-size: 14px;}
    .quizpage .step.s1 .options .item .btn {width: 100%;}
    .quizpage .step.s1 .options .item .skip {width: 100%; background: #f3eeea; color: #314438;}
    .quizpage .step.s1 input[type="text"],
    .quizpage .step.s1 input[type="email"] {
      background-color: #fff;
      margin-bottom: 1em;
      max-width: 30em;
      border: 0.853px solid var(--Neutral-LightGray-20, #CCC);
      border-radius: 3px;
      padding: 16px 12px;
    }
    .quizpage .step.s7 .options .item {max-width: 30em; text-align: left; margin-top: 1em;}
    .quizpage .step.s7 .options .item .wrap {padding: 1.5em 2em;}
    .quizpage .step.s7 .options .item.datepicker .wrap {padding: 1.5em 2em;}
    .quizpage .step.s7 .options .item .title {max-width: 100%;}

    .quizpage .step .heading .quantity-box {font-size:0.9em; max-width: 10em; margin: 1em auto 2em;}

    .quizpage .step .form-wrap {max-width: 35em; margin: 0 auto; }
    .quizpage .step .form-wrap input {background-color: #fff; border-radius: 0.3em; margin-bottom: 1em;}
    .quizpage .step .form-wrap .btn {width: 100%;}
    .quizpage .step .form-wrap .grid {margin-left: -1em;}
    .quizpage .step .form-wrap .grid > .grid__item {padding-left: 1em;}

    .quizpage .step .space-engine {max-width: 70em; margin: auto;}
    .quizpage .step .space-card {position: relative; width: 20.5em; margin: 0 0.8em 1.75em; text-align: left; background: #fff; border-radius: 0.5em;}
    .quizpage .step .space-card .space-title {cursor: pointer; font-size: 2em; padding: 0.6em 1em; line-height: 100%; font-weight: 500; position: relative;}
    /*.quizpage .step .space-card.open .space-title {padding: 0.9em 1em;}*/
    .quizpage .step .space-card .remove {position: absolute; font-size: 0.8em; right: 0; top: 0; padding: 1.8em; display: block;}
    .quizpage .step .space-card .remove svg {display: block; font-size: 2em;}
    /*.quizpage .step .space-card.open .remove {top: 0.5em;}*/
    .isNotMobile .quizpage .step .space-card .space-title svg:hover path {}
    .quizpage .step .space-card .question:not(:last-child) {margin-bottom: 1.8em;}
    .quizpage .step .space-card .question .label {font-size: 1.1em; line-height: 110%; margin-bottom: 1em;}
    .quizpage .step .space-card .questions-wrap {display: none; padding: 0.5em 2em 2.2em; padding-top: 0;}
    .quizpage .step .space-card.open .questions-wrap {display: block; }
    .quizpage .step .add-space {cursor: pointer; max-width: 5em; margin: 0 1em; margin-top: 8em; text-align: left;}
    .quizpage .step .add-space span {text-transform: uppercase; display: block; line-height: 130%; font-size: 0.9em; margin-top: 0.5em; font-weight: 700; }
    .quizpage .step .add-space i {display: block; font-size: 2em; border-radius: 50%; padding-bottom: 0.15em; background: {{settings.content_text_color}}; color: var(--content-secondary-color); font-style: normal; width: 2em; height: 2em; line-height: 100%; font-weight: 500;}
    .isNotMobile .quizpage .step .add-space i:hover {-ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
    .isNotMobile .quizpage .step .add-space i:active {-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
    .quizpage .step .listbox-wrap {position: relative; text-align: left;}
    .quizpage .step .listbox-trigger {width: 100%; text-align: left; line-height: 130%; background: #fff; border: 1px solid; padding: 0.5em 2em 0.5em 1em; min-height: 3.8em; position: relative;}
    .quizpage .step .listbox-trigger svg {position: absolute; right: 0.5em; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .quizpage .step .listbox-trigger[aria-expanded=true] svg {-ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);}
    .quizpage .step [role="listbox"] {display: none; position: absolute; z-index: 10; width: 100%; background: #fff; top: 100%; left: 0; padding: 0.7em 1em; border: 1px solid; border-top: 0;}
    .quizpage .step [role="option"] {cursor: pointer; line-height: 130%; padding: 0.3em 0;}
    .quizpage .step [role="option"]:not(:last-child) {margin-bottom: 0.5em;}

    .has-tooltip {margin-top:40px; position: relative; font-weight: 700;}
    .has-tooltip .info {cursor: pointer; position: relative;}
    .has-tooltip .info:not(.checkmark) {margin-right: 9px; text-align: center; color: #314438; background: transparent; border: 2px solid #314438; font-weight: 700; width: 1.6em; height: 1.6em; border-radius: 50%; font-size: 0.8em; line-height:150%; font-family: {{settings.heading_font.family}}, {{settings.heading_font.fallback_families}}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
    .has-tooltip .summary .buttons .info:not(.checkmark):hover {background: var(--content-tertiary-color); color: #fff;}
    .has-tooltip .info .tooltip {width: 23em; white-space: normal; font-weight: 500; font-family: var(--font-family-body); display: none; text-align:center; line-height: 150%; background: #7d7d7d; color: #fff; right: -2.3em; top:80%; padding: 1em; font-size: 13px; display: block; position:absolute; -webkit-transform: translateY(10px); transform: translateY(10px); margin-top:10px; filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; z-index: 10000;}
    .has-tooltip .info .tooltip:after {content:" "; border: 10px solid transparent; border-bottom: 10px solid var(--content-tertiary-color); top: -20px; height:0; right: 2.3em; -webkit-transform: translateX(0.3em); transform: translateX(0.3em); position:absolute; width:0;}
    .has-tooltip .info:hover .tooltip, .has-tooltip .info.active .tooltip, .has-tooltip.active .tooltip {filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; top: 100%; -webkit-transform: translateY(0); transform: translateY(0);}
    .has-tooltip {cursor: pointer; position: relative; padding-right: 2em; font-weight: 700;}
    .has-tooltip .info {position: relative;}
    .has-tooltip .tooltip {width: 20em; white-space: normal; font-weight: 500; font-family: var(--font-family-body); display: none; text-align:center; line-height: 150%; background:var(--primary-orange); color: #fff; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top:80%; padding: 1em; font-size: 13px; display: block; position:absolute; margin-top:10px; filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; z-index: 10000;}
    .has-tooltip .tooltip:after {content:" "; border: 10px solid transparent; border-bottom: 10px solid var(--primary-orange); top: -20px; height:0; left: 50%; margin-left: -15px; position:absolute; width:0;}
    .has-tooltip:hover .tooltip, .has-tooltip.active .tooltip {filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; top: 100%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0);}


    #quiz-home-desk-goals.step .options .item { margin: 1em 2em; }

    div#ui-datepicker-div {scale: 1.1; z-index: 10 !important;}

    .hidden {display: none !important;}

    .quizpage #quiz-interstitial-intro .step-content-wrap img,
    .quizpage #quiz-interstitial-chair-end .step-content-wrap img,
    .quizpage #quiz-interstitial-desk-end .step-content-wrap img,
    .quizpage #quiz-interstitial-storage-end .step-content-wrap img {
      margin-bottom: 12px;
      width: 75px;
      height: auto;
    }

    @media all and (min-width: 1500px){
      .quizpage .step {
        padding: 4vw 8vw 6vw;
        top:60%;
        transform: translateY(-50%);
      }
      .quizpage .step .step-content-wrap {/* height: 100%; */ display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    }

    @media all and (min-width: 900px) and (max-width: 1300px){
      .quizpage {font-size: 1.07vw;}
    }

    @media all and (min-width: 900px){
      .quizpage .quiz-interstitial .quiz-intro-logos-img-desk {display: inline}
      .quizpage .quiz-interstitial .quiz-intro-logos-img-mob {display: none}
      .quiz-intro-logos-img-desk img {width: 60%;}
      .quizpage .four-options{
        flex-wrap:nowrap;
        width: 80% !important;
        margin: auto !important;

      }
    }

    @media all and (max-width: 900px){
      .step-content-wrap{
        overflow: hidden;
      }

      .quizpage .four-options{
        flex-wrap:wrap;
        width: 80% !important;
        margin: auto !important;
      }


      .quizpage .step.s4 .options .item .text {text-align: center; display: inline;}
      .quizpage .quiz-interstitial .quiz-intro-logos-img-desk {display: none}
      .quizpage .quiz-interstitial .quiz-intro-logos-img-mob {display: none}
      .quizpage {height: auto;}
      .quizpage .nav {display: none !important; position: static; height: auto; width: auto;}
      .quizpage .nav button {margin: 0; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important;}
      .quizpage .nav button:not(.active) {display: none;}

      .quizpage .layout .logo {position: static; padding: 1em 1.5em;}
      .quizpage .layout .logo img {width: 5em;}
      .quizpage .layout .close-icon {position: static; padding: 1.2em;}
      .quizpage .layout .backnext {position: static; padding: 0.5em; margin: 0 !important; visibility: visible; -webkit-transform: none !important;transform: none !important;}
      .quizpage .layout .backnext.hide {display: block !important; visibility: hidden;}
      .quizpage .layout .backnext span {display: none;}
      .quizpage .layout .backnext svg {margin: 0;}
      .quizpage .layout.bottom {padding: 2em 1em;}
      .quizpage .layout .progress {font-size: 1.5em; padding: 0 0.5em; font-weight: 500; color: var(--content-tertiary-color);}

      .quizpage .content {height: auto;}
      .quizpage .steps {position: static; height: auto;}
      .quizpage .step {position: static; height: auto; 
        padding: 2em 1em 0em;}
      .quizpage .step {display: none;}
      .quizpage .step.active {display: block;}
      .quizpage .step.off {display: none;}

      .quizpage .step .heading {margin-bottom: 2.5em;}
      .quizpage .step .heading h2 {font-size: 2.2em;}
      .quizpage .step .heading .text {max-width: 25em; margin: auto; font-size: 1.2em; margin-top: 0.8em;}
      .quizpage .step .heading .quantity-box {max-width: 10.5em; margin: auto; margin-top: 1.5em; font-size: 0.6em;}

      .quizpage .step .options .item {max-width: 23.5em; margin: 0.8em 0.4em; text-align: left;}
      .quizpage .step.s7 .options .item {max-width: 23.5em !important;}
      .quizpage .step .options .item .wrap {padding: 0.8em;}
      .quizpage .step .options .item .title {font-size: 1.3em; text-align: center;}
      .quizpage .step .options .item .title input#datepicker {text-align: center;}

      .quizpage .step.s2 .options .item img:not(.checked-icon) {width: 40%; max-width: 9em; height: auto; margin: 0;}
      .quizpage .step.s2 .options .item .title {font-size: 1.3em; line-height: 150%; text-transform: uppercase; max-width: 11em; margin: auto 0; padding: 0 0 0 1em; letter-spacing: 0.05em;}
      .quizpage .step.s2 .heading {margin-bottom: 3em;}

      .quizpage .step.s3 .options .item {text-align: center; margin: 0 0.4em 0.8em; max-width: calc(50% - 0.8em);}
      .quizpage .step.s3 .options .item .wrap {padding: 0.5em;}
      .quizpage .step.s3 .options .item img:not(.checked-icon) {max-width: 7.5em; width: 69%; margin: 0 auto 1em;}
      .quizpage .step.s3 .options .item .text {font-size: 1.1em; margin-top: 1em; line-height: 130%;}
      .quizpage .step.s3 .options .item .title {min-height: 2.5em;}

      .quizpage .step.s4 .options .item .title {font-size: 1.3em;}
      .quizpage .step.s4 .options .variants {font-size: 1.1em;}

      .quizpage .step.s5 .options .item {text-align: center; margin: 0 0.4em 0.8em; max-width: calc(50% - 0.8em);}
      .quizpage .step.s5 .options .item .wrap {padding: 0.8em;}
      .quizpage .step.s5 .options .item img {max-width: 13em; margin-bottom: 0.5em;}
      .quizpage .step.s5 .options .item .quantity-box {font-size: 0.8em;}

      .close-quiz-popup .title {font-size: 1.5em;}


    }

    @media all and (max-width: 600px){
      .quizpage .step.s4 .options .variants .variant {padding: 0.4em 0; margin: 10px 0;}
    }

    @media all and (max-width: 390px){
      .quizpage {font-size: 3.6vw;}
      .close-quiz-popup {font-size: 3.6vw;}
    }

    @media all and (min-width: 600px){
      .quizpage .step.s4 .options .item .wrap {
        display: block !important;
      }
      .quizpage .step.s4 .options {
        display: inline-flex;
        column-gap: 3%;
      }
      .quizpage .step.s4 .options .item img {
        max-width: 50%;
        margin: auto auto 2em auto;
      }
      .quizpage .step.s4 .options .item .title,
      .quizpage .step.s4 .options .item .text {
        text-align: center;
        max-width: 100%;
      }
      .quizpage .step.s4 .options .item .info {
        padding-left: 0;
      }
      .quizpage .step.s4 .variants {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
        gap: 6% 2%;
      }
      .quizpage .step.s4.variant {
        flex: 1 1 auto;
      }
  }
#hubspot-messages-iframe-container {display: none !important}