.hair-questionnaire{display:none}.hair-questionnaire--active .hair-questionnaire__step-label{color:#fff}.hair-questionnaire__progress-container{position:absolute;width:100%;padding:18px 24px}.hair-questionnaire__progress{position:relative;display:flex;justify-content:space-between;align-items:flex-start;max-width:1100px;padding:0;margin:0 auto;list-style:none;z-index:2}.hair-questionnaire__horizontal-line{position:absolute;height:22px;right:64px;left:64px;border-bottom:1px solid #000000}@media screen and (max-width: 767px){.hair-questionnaire__horizontal-line{height:19px;right:45px;left:45px}}@media (max-width: 480px){.hair-questionnaire__horizontal-line{right:30px;left:30px}}.hair-questionnaire__step{position:relative;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center}.hair-questionnaire__step:nth-last-of-type(1):after{display:none}.hair-questionnaire__step-label{display:block;color:#2e2e2e;margin-top:8px;font-size:14px;line-height:18px;letter-spacing:.5px}@media screen and (max-width: 999px){.hair-questionnaire__step-label{display:none}}.hair-questionnaire__step:before{content:"";display:block;margin:0 auto;width:32px;height:32px;border-radius:50%;border:1px solid #000000;background:#fff;box-sizing:border-box;z-index:2;position:relative;top:6px}@media screen and (max-width: 767px){.hair-questionnaire__step:before{width:24px;height:24px}}.hair-questionnaire__step--completed svg{display:block!important}.hair-questionnaire__step svg{position:absolute;top:23px;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;display:none;pointer-events:none;z-index:2}@media screen and (max-width: 767px){.hair-questionnaire__step svg{top:19px;height:12px;width:12px}}.hair-questionnaire__step--completed:before,.hair-questionnaire__step--active:before{background:#ba5149;border-color:#ba5149}.hair-questionnaire__step:not(:last-child):after{content:"";position:absolute;top:20px;left:40%;width:100%;height:3px;background:transparent;z-index:1;transform:translate(18px);border-radius:2px}@media screen and (max-width: 767px){.hair-questionnaire__step:not(:last-child):after{top:17px}}@media screen and (max-width: 480px){.hair-questionnaire__step:not(:last-child):after{left:25%}}.hair-questionnaire__step--completed:not(:last-of-type):after{background:#ba5149}.hair-questionnaire__next-btn{display:inline-block;margin-top:32px;padding:12px 32px;background:#ba5149;color:#fff;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;min-width:208px;text-align:center;cursor:pointer;opacity:1}.hair-questionnaire__next-btn:disabled{background:#ba5149;opacity:.7;pointer-events:none}@media screen and (max-width: 767px){.hair-questionnaire__next-btn{width:100%}}.hair-questionnaire__about-you-container{position:relative;background:url(about-you.jpg);background-position:0;background-size:cover}.hair-questionnaire__about-you-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1}.hair-questionnaire__about-you-content{position:relative;z-index:2;text-align:center;padding:176px 0;max-width:385px;margin:0 auto}@media screen and (max-width: 767px){.hair-questionnaire__about-you-content{max-width:100%;padding:90px 0}}.hair-questionnaire__about-you-heading{margin-bottom:30px}.hair-questionnaire__about-you-title{font-size:40px;font-weight:500;line-height:1.2;letter-spacing:.5px;color:#fff;margin:0 0 24px}@media screen and (max-width: 767px){.hair-questionnaire__about-you-title{font-size:24px;letter-spacing:-.4px;line-height:30px}}.hair-questionnaire__form-fields{display:flex;flex-direction:column;gap:18px}.hair-questionnaire__name{background:#fff;border:none;padding:16px;font-size:14px;letter-spacing:.5px;line-height:18px;color:#2e2e2e;margin-bottom:0;font-weight:500;outline:none;width:100%}.hair-questionnaire__name:first-child{margin-bottom:24px}.hair-questionnaire__name:focus{border:1px solid #ba5149}.hair-questionnaire__about-you-note{color:#fff;font-size:16px;line-height:22px;letter-spacing:.5px;margin-top:32px;text-align:center}@media screen and (max-width: 767px){.hair-questionnaire__about-you-note{font-size:14px;line-height:18px}}.hair-questionnaire__tension-warning{display:flex;align-items:center;gap:10px;width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px;padding-left:var(--container-gutter);padding-right:var(--container-gutter)}.hair-questionnaire__tension-warning img{width:26px}@media screen and (max-width: 767px){.hair-questionnaire__tension-warning img{width:30px}}.hair-questionnaire__tension-content{display:flex;flex-direction:column;gap:4px}.hair-questionnaire__tension-content h3{font-size:24px;line-height:32px;letter-spacing:.5px;font-weight:500;margin-top:4px}.hair-questionnaire__tension-description{font-size:16px;line-height:22px;letter-spacing:.5px;color:#2e2e2e;margin:0}.hair-questionnaire__tension-description:nth-of-type(2){margin-top:10px}@media screen and (max-width: 767px){.hair-questionnaire__tension-description{font-size:14px;line-height:18px}}.hair-questionnaire__card{position:relative;border:1px solid #2e2e2e;border-radius:6px;cursor:pointer;overflow:hidden;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}.hair-questionnaire__card .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card .hair-questionnaire__hair-extension__checkmark-overlay{display:none}.hair-questionnaire__card--selected{border:1px solid #ba5149}.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay{display:block;position:absolute;top:8px;right:8px;background-color:#ba5149;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 767px){.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay{width:18px;height:18px}}.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg{fill:#fff;height:18px;width:18px}@media screen and (max-width: 767px){.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-type__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-thickness__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-treatment__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-condition__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-style__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-type__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-thickness__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-treatment__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-condition__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-style__checkmark-overlay svg,.hair-questionnaire__card--selected .hair-questionnaire__hair-extension__image-wrapper .hair-questionnaire__hair-extension__checkmark-overlay svg{width:12px;height:12px}}.hair-questionnaire__hair-thickness__image-wrapper{display:flex;justify-content:center}.hair-questionnaire__hair-style__navigation{border-top:1px solid #dfdfdf;padding-top:45px}@media screen and (max-width: 767px){.hair-questionnaire__hair-style__navigation{padding-top:30px}}.hair-questionnaire__hair-treatment__image-wrapper img,.hair-questionnaire__hair-style__image-wrapper img{height:280px;width:100%;object-fit:cover;object-position:top}@media screen and (max-width: 450px){.hair-questionnaire__hair-treatment__image-wrapper img,.hair-questionnaire__hair-style__image-wrapper img{height:100px}}@media screen and (min-width: 451px) and (max-width: 850px){.hair-questionnaire__hair-treatment__image-wrapper img,.hair-questionnaire__hair-style__image-wrapper img{height:150px}}@media screen and (min-width: 851px) and (max-width: 1024px){.hair-questionnaire__hair-treatment__image-wrapper img,.hair-questionnaire__hair-style__image-wrapper img{height:200px}}.hair-questionnaire__hair-type .hair-questionnaire__card img{height:280px;width:100%;object-fit:cover}@media screen and (max-width: 450px){.hair-questionnaire__hair-type .hair-questionnaire__card img{height:100px}}@media screen and (min-width: 451px) and (max-width: 850px){.hair-questionnaire__hair-type .hair-questionnaire__card img{height:150px}}@media screen and (min-width: 851px) and (max-width: 1024px){.hair-questionnaire__hair-type .hair-questionnaire__card img{height:200px}}.hair-questionnaire__hair-type .hair-questionnaire__card:last-child img{object-position:right}.hair-questionnaire__hair-treatment__image-wrapper{overflow:hidden}@media screen and (max-width: 767px){.hair-questionnaire__hair-treatment__image-wrapper img{transform-origin:top center;transform:scale(1.3)}}.hair-questionnaire__hair-type,.hair-questionnaire__hair-thickness,.hair-questionnaire__hair-treatment,.hair-questionnaire__hair-condition,.hair-questionnaire__hair-style-extension,.hair-questionnaire__hair-style,.hair-questionnaire__personal-details{padding-top:96px}@media screen and (max-width: 767px){.hair-questionnaire__hair-type,.hair-questionnaire__hair-thickness,.hair-questionnaire__hair-treatment,.hair-questionnaire__hair-condition,.hair-questionnaire__hair-style-extension,.hair-questionnaire__hair-style,.hair-questionnaire__personal-details{padding-top:48px}}.hair-questionnaire__hair-type__image-wrapper,.hair-questionnaire__hair-thickness__image-wrapper,.hair-questionnaire__hair-treatment__image-wrapper,.hair-questionnaire__hair-condition__image-wrapper,.hair-questionnaire__hair-style-extension__image-wrapper,.hair-questionnaire__hair-style__image-wrapper,.hair-questionnaire__personal-details__image-wrapper{grid-column:span 12;height:100%}@media screen and (max-width: 850px){.hair-questionnaire__hair-type__image-wrapper,.hair-questionnaire__hair-thickness__image-wrapper,.hair-questionnaire__hair-treatment__image-wrapper,.hair-questionnaire__hair-condition__image-wrapper,.hair-questionnaire__hair-style-extension__image-wrapper,.hair-questionnaire__hair-style__image-wrapper,.hair-questionnaire__personal-details__image-wrapper{grid-column:span 3}}.hair-questionnaire__hair-type__info,.hair-questionnaire__hair-thickness__info,.hair-questionnaire__hair-treatment__info,.hair-questionnaire__hair-condition__info,.hair-questionnaire__hair-style-extension__info,.hair-questionnaire__hair-style__info,.hair-questionnaire__personal-details__info{padding:16px;grid-column:span 12}@media screen and (max-width: 850px){.hair-questionnaire__hair-type__info,.hair-questionnaire__hair-thickness__info,.hair-questionnaire__hair-treatment__info,.hair-questionnaire__hair-condition__info,.hair-questionnaire__hair-style-extension__info,.hair-questionnaire__hair-style__info,.hair-questionnaire__personal-details__info{padding:0 16px;grid-column:span 9}}.hair-questionnaire__hair-type__heading,.hair-questionnaire__hair-thickness__heading,.hair-questionnaire__hair-treatment__heading,.hair-questionnaire__hair-condition__heading,.hair-questionnaire__hair-style-extension__heading,.hair-questionnaire__hair-style__heading,.hair-questionnaire__personal-details__heading{text-align:center}.hair-questionnaire__hair-type__title,.hair-questionnaire__hair-thickness__title,.hair-questionnaire__hair-treatment__title,.hair-questionnaire__hair-condition__title,.hair-questionnaire__hair-style-extension__title,.hair-questionnaire__hair-style__title,.hair-questionnaire__personal-details__title{line-height:40px;letter-spacing:.5px}@media screen and (max-width: 767px){.hair-questionnaire__hair-type__title,.hair-questionnaire__hair-thickness__title,.hair-questionnaire__hair-treatment__title,.hair-questionnaire__hair-condition__title,.hair-questionnaire__hair-style-extension__title,.hair-questionnaire__hair-style__title,.hair-questionnaire__personal-details__title{font-size:24px;line-height:32px}}.hair-questionnaire__hair-type__subtitle,.hair-questionnaire__hair-thickness__subtitle,.hair-questionnaire__hair-treatment__subtitle,.hair-questionnaire__hair-condition__subtitle,.hair-questionnaire__hair-style-extension__subtitle,.hair-questionnaire__hair-style__subtitle,.hair-questionnaire__personal-details__subtitle{font-size:16px;line-height:22px;letter-spacing:.5px;margin-top:8px}@media screen and (max-width: 767px){.hair-questionnaire__hair-type__subtitle,.hair-questionnaire__hair-thickness__subtitle,.hair-questionnaire__hair-treatment__subtitle,.hair-questionnaire__hair-condition__subtitle,.hair-questionnaire__hair-style-extension__subtitle,.hair-questionnaire__hair-style__subtitle,.hair-questionnaire__personal-details__subtitle{font-size:14px;line-height:18px}}.hair-questionnaire__hair-type__hair-growth-info,.hair-questionnaire__hair-thickness__hair-growth-info,.hair-questionnaire__hair-treatment__hair-growth-info,.hair-questionnaire__hair-condition__hair-growth-info,.hair-questionnaire__hair-style-extension__hair-growth-info,.hair-questionnaire__hair-style__hair-growth-info,.hair-questionnaire__personal-details__hair-growth-info{margin-bottom:38px;padding-top:58px}@media screen and (max-width: 767px){.hair-questionnaire__hair-type__hair-growth-info,.hair-questionnaire__hair-thickness__hair-growth-info,.hair-questionnaire__hair-treatment__hair-growth-info,.hair-questionnaire__hair-condition__hair-growth-info,.hair-questionnaire__hair-style-extension__hair-growth-info,.hair-questionnaire__hair-style__hair-growth-info,.hair-questionnaire__personal-details__hair-growth-info{margin-bottom:20px}}.hair-questionnaire__hair-type__tension-warning,.hair-questionnaire__hair-thickness__tension-warning,.hair-questionnaire__hair-treatment__tension-warning,.hair-questionnaire__hair-condition__tension-warning,.hair-questionnaire__hair-style-extension__tension-warning,.hair-questionnaire__hair-style__tension-warning,.hair-questionnaire__personal-details__tension-warning{border:1px solid #e5e7eb;border-radius:4px;padding:24px}.hair-questionnaire__hair-type__tension-warning strong,.hair-questionnaire__hair-thickness__tension-warning strong,.hair-questionnaire__hair-treatment__tension-warning strong,.hair-questionnaire__hair-condition__tension-warning strong,.hair-questionnaire__hair-style-extension__tension-warning strong,.hair-questionnaire__hair-style__tension-warning strong,.hair-questionnaire__personal-details__tension-warning strong{text-transform:uppercase;font-size:25px;font-weight:600;margin-bottom:8px}.hair-questionnaire__hair-type__tension-warning strong,.hair-questionnaire__hair-type__tension-warning p,.hair-questionnaire__hair-thickness__tension-warning strong,.hair-questionnaire__hair-thickness__tension-warning p,.hair-questionnaire__hair-treatment__tension-warning strong,.hair-questionnaire__hair-treatment__tension-warning p,.hair-questionnaire__hair-condition__tension-warning strong,.hair-questionnaire__hair-condition__tension-warning p,.hair-questionnaire__hair-style-extension__tension-warning strong,.hair-questionnaire__hair-style-extension__tension-warning p,.hair-questionnaire__hair-style__tension-warning strong,.hair-questionnaire__hair-style__tension-warning p,.hair-questionnaire__personal-details__tension-warning strong,.hair-questionnaire__personal-details__tension-warning p{text-align:left;line-height:24px;color:#000;font-size:16px;letter-spacing:.5px}.hair-questionnaire__hair-type__options,.hair-questionnaire__hair-thickness__options,.hair-questionnaire__hair-treatment__options,.hair-questionnaire__hair-condition__options,.hair-questionnaire__hair-style-extension__options,.hair-questionnaire__hair-style__options,.hair-questionnaire__personal-details__options{display:flex;justify-content:center;gap:32px;margin-bottom:40px}.hair-questionnaire__hair-type__options .hair-questionnaire__card,.hair-questionnaire__hair-thickness__options .hair-questionnaire__card,.hair-questionnaire__hair-treatment__options .hair-questionnaire__card,.hair-questionnaire__hair-condition__options .hair-questionnaire__card,.hair-questionnaire__hair-style-extension__options .hair-questionnaire__card,.hair-questionnaire__hair-style__options .hair-questionnaire__card,.hair-questionnaire__personal-details__options .hair-questionnaire__card{width:24%}@media screen and (max-width: 850px){.hair-questionnaire__hair-type__options .hair-questionnaire__card,.hair-questionnaire__hair-thickness__options .hair-questionnaire__card,.hair-questionnaire__hair-treatment__options .hair-questionnaire__card,.hair-questionnaire__hair-condition__options .hair-questionnaire__card,.hair-questionnaire__hair-style-extension__options .hair-questionnaire__card,.hair-questionnaire__hair-style__options .hair-questionnaire__card,.hair-questionnaire__personal-details__options .hair-questionnaire__card{width:100%}}@media screen and (max-width: 850px){.hair-questionnaire__hair-type__options,.hair-questionnaire__hair-thickness__options,.hair-questionnaire__hair-treatment__options,.hair-questionnaire__hair-condition__options,.hair-questionnaire__hair-style-extension__options,.hair-questionnaire__hair-style__options,.hair-questionnaire__personal-details__options{flex-direction:column;row-gap:16px}}.hair-questionnaire__hair-type__label,.hair-questionnaire__hair-thickness__label,.hair-questionnaire__hair-treatment__label,.hair-questionnaire__hair-condition__label,.hair-questionnaire__hair-style-extension__label,.hair-questionnaire__hair-style__label,.hair-questionnaire__personal-details__label{text-transform:uppercase;font-size:14px;line-height:18px;letter-spacing:.5px;text-align:center;color:#000;margin:0 0 4px}@media screen and (max-width: 767px){.hair-questionnaire__hair-type__label,.hair-questionnaire__hair-thickness__label,.hair-questionnaire__hair-treatment__label,.hair-questionnaire__hair-condition__label,.hair-questionnaire__hair-style-extension__label,.hair-questionnaire__hair-style__label,.hair-questionnaire__personal-details__label{text-align:left}}.hair-questionnaire__hair-type__desc,.hair-questionnaire__hair-thickness__desc,.hair-questionnaire__hair-treatment__desc,.hair-questionnaire__hair-condition__desc,.hair-questionnaire__hair-style-extension__desc,.hair-questionnaire__hair-style__desc,.hair-questionnaire__personal-details__desc{font-size:14px;line-height:18px;letter-spacing:.5px;text-align:center;color:#2e2e2e;margin:0}@media screen and (max-width: 767px){.hair-questionnaire__hair-type__desc,.hair-questionnaire__hair-thickness__desc,.hair-questionnaire__hair-treatment__desc,.hair-questionnaire__hair-condition__desc,.hair-questionnaire__hair-style-extension__desc,.hair-questionnaire__hair-style__desc,.hair-questionnaire__personal-details__desc{text-align:left}}.hair-questionnaire__hair-type__navigation,.hair-questionnaire__hair-thickness__navigation,.hair-questionnaire__hair-treatment__navigation,.hair-questionnaire__hair-condition__navigation,.hair-questionnaire__hair-style-extension__navigation,.hair-questionnaire__hair-style__navigation,.hair-questionnaire__personal-details__navigation{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 767px){.hair-questionnaire__hair-type__navigation,.hair-questionnaire__hair-thickness__navigation,.hair-questionnaire__hair-treatment__navigation,.hair-questionnaire__hair-condition__navigation,.hair-questionnaire__hair-style-extension__navigation,.hair-questionnaire__hair-style__navigation,.hair-questionnaire__personal-details__navigation{width:100%;justify-content:center}}@media screen and (max-width: 767px){.hair-questionnaire__hair-type__back,.hair-questionnaire__hair-type__next-btn,.hair-questionnaire__hair-thickness__back,.hair-questionnaire__hair-thickness__next-btn,.hair-questionnaire__hair-treatment__back,.hair-questionnaire__hair-treatment__next-btn,.hair-questionnaire__hair-condition__back,.hair-questionnaire__hair-condition__next-btn,.hair-questionnaire__hair-style-extension__back,.hair-questionnaire__hair-style-extension__next-btn,.hair-questionnaire__hair-style__back,.hair-questionnaire__hair-style__next-btn,.hair-questionnaire__personal-details__back,.hair-questionnaire__personal-details__next-btn{display:flex;justify-content:center;align-items:center;padding:12px 16px;width:50%}}.hair-questionnaire__hair-type__back,.hair-questionnaire__hair-thickness__back,.hair-questionnaire__hair-treatment__back,.hair-questionnaire__hair-condition__back,.hair-questionnaire__hair-style-extension__back,.hair-questionnaire__hair-style__back,.hair-questionnaire__personal-details__back{font-size:14px;font-weight:500;line-height:18px;letter-spacing:1px;text-transform:uppercase;color:#ba5149;padding:14px 56px;border:1px solid #ba5149;text-decoration:none}.hair-questionnaire__hair-type__next-btn,.hair-questionnaire__hair-thickness__next-btn,.hair-questionnaire__hair-treatment__next-btn,.hair-questionnaire__hair-condition__next-btn,.hair-questionnaire__hair-style-extension__next-btn,.hair-questionnaire__hair-style__next-btn,.hair-questionnaire__personal-details__next-btn{font-size:14px;line-height:18px;letter-spacing:1px;font-weight:500;text-align:center;border:1px solid #ba5149;background-color:#ba5149;color:#fff;padding:14px 56px;cursor:pointer}.hair-questionnaire__hair-type__next-btn:disabled,.hair-questionnaire__hair-thickness__next-btn:disabled,.hair-questionnaire__hair-treatment__next-btn:disabled,.hair-questionnaire__hair-condition__next-btn:disabled,.hair-questionnaire__hair-style-extension__next-btn:disabled,.hair-questionnaire__hair-style__next-btn:disabled,.hair-questionnaire__personal-details__next-btn:disabled{opacity:.5;pointer-events:none}.hair-questionnaire__hair-extension__title{line-height:40px;letter-spacing:.5px}@media screen and (max-width: 767px){.hair-questionnaire__hair-extension__title{font-size:26px;letter-spacing:-.4px;line-height:30px}}.hair-questionnaire__hair-extension__options{display:flex;gap:0;margin-top:16px;margin-bottom:45px}@media screen and (max-width: 767px){.hair-questionnaire__hair-extension__options{margin-bottom:30px}}.hair-questionnaire__hair-extension__options .hair-questionnaire__card{display:flex;justify-content:center;border:none;border-radius:0;padding:14px 56px;flex:0 0 14%;background-color:#2e2e2e8a}@media screen and (max-width: 767px){.hair-questionnaire__hair-extension__options .hair-questionnaire__card{flex:0 0 50%}}.hair-questionnaire__hair-extension__options .hair-questionnaire__card:first-child{border:1px solid #2e2e2e;background-color:transparent}.hair-questionnaire__hair-extension__options .hair-questionnaire__card:first-child .hair-questionnaire__hair-extension__label{color:#2e2e2e}.hair-questionnaire__hair-extension__options .hair-questionnaire__card .hair-questionnaire__hair-extension__label{font-size:14px;font-weight:500;line-height:18px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;margin:0;color:#fff}.hair-questionnaire__hair-extension__checkmark-overlay{height:18px!important;width:18px!important}.hair-questionnaire__hair-extension__checkmark-overlay svg{height:12px!important;width:12px!important}.hair-questionnaire__hair-condition__options{display:block;padding:0 90px}@media screen and (max-width: 1024px){.hair-questionnaire__hair-condition__options{padding:0}}.hair-questionnaire__personal-details{position:relative;background:url(personal-details.jpg);background-position:0;background-size:cover}.hair-questionnaire__personal-details:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1}.hair-questionnaire__personal-details__content{max-width:420px;margin:0 auto;padding:80px 0}.hair-questionnaire__personal-details__heading{margin-bottom:20px}.hair-questionnaire__personal-details__title{font-size:40px;line-height:1.2;letter-spacing:.5px;font-weight:500;color:#fff;margin-bottom:17px}@media screen and (max-width: 767px){.hair-questionnaire__personal-details__title{font-size:24px;letter-spacing:-.4px;line-height:30px}}.hair-questionnaire__personal-details__desc{font-size:16px;line-height:22px;letter-spacing:.5px;font-weight:400;color:#fff!important}@media screen and (max-width: 767px){.hair-questionnaire__personal-details__desc{font-size:14px;line-height:18px;text-align:center}}.hair-questionnaire__personal-details__form{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 767px){.hair-questionnaire__personal-details__form{gap:14px}}.hair-questionnaire__personal-details__form input[type=email],.hair-questionnaire__personal-details__form input[type=date],.hair-questionnaire__personal-details__form input[type=tel]{padding:14px;font-size:14px;font-weight:500;line-height:18px;letter-spacing:.5px;text-align:center;text-transform:uppercase;width:100%}.hair-questionnaire__personal-details input[type=email]:invalid:not(:placeholder-shown)+.hair-questionnaire__email-error-message{display:block}@media screen and (max-width: 767px){.hair-questionnaire__personal-details__next-btn{width:100%;margin-top:18px}}.hair-questionnaire__personal-details-wrapper{position:relative;z-index:2}.hair-questionnaire__date-of-birth-wrapper,.hair-questionnaire__contact-number-wrapper{display:flex;align-items:center}@media screen and (max-width: 767px){.hair-questionnaire__date-of-birth-wrapper,.hair-questionnaire__contact-number-wrapper{flex-direction:column;align-items:flex-start}}.hair-questionnaire__date-of-birth-wrapper label,.hair-questionnaire__contact-number-wrapper label{font-size:16px;letter-spacing:.5px;line-height:22px;color:#fff;margin-right:48px;white-space:nowrap;flex:0 0 120px}@media screen and (min-width: 768px) and (max-width: 1199px){.hair-questionnaire__date-of-birth-wrapper label,.hair-questionnaire__contact-number-wrapper label{margin-right:14px}}@media screen and (max-width: 767px){.hair-questionnaire__date-of-birth-wrapper label,.hair-questionnaire__contact-number-wrapper label{font-size:14px;line-height:18px;flex:auto;padding-bottom:12px}}.hair-questionnaire__marketing-opt-in-wrapper{margin-top:12px;margin-bottom:20px;background-color:#0009;padding:24px;border-radius:4px}.hair-questionnaire__marketing-opt-in{display:flex;align-items:flex-start;gap:16px}.hair-questionnaire__marketing-opt-in input[type=checkbox]{margin-top:5px;width:20px;height:20px;flex-shrink:0;border-radius:4px;border:1px solid #fff;background-color:transparent;-webkit-appearance:none;appearance:none}.hair-questionnaire__marketing-opt-in input[type=checkbox]:checked{background-color:#ba5149;border:1px solid #ba5149;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}.hair-questionnaire__marketing-opt-in label{font-size:16px;line-height:22px;letter-spacing:.5px;color:#fff}@media screen and (max-width: 767px){.hair-questionnaire__marketing-opt-in label{font-size:14px;line-height:18px}}.hair-questionnaire__email-error-message{display:none;width:100%;background-color:#ba5149;opacity:.6;color:#fff;padding:12px;margin-top:8px;font-size:14px;line-height:18px;letter-spacing:.5px;border-radius:4px}.hair-questionnaire__range-container{position:relative;margin-top:105px}@media screen and (max-width: 1024px){.hair-questionnaire__range-container{margin-top:38px}}.hair-questionnaire__range{width:100%;-webkit-appearance:none;appearance:none}.hair-questionnaire__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background:#ba5149;border-radius:50%;cursor:pointer;margin-top:-10px;position:relative;z-index:2}@media screen and (max-width: 767px){.hair-questionnaire__range::-webkit-slider-thumb{width:25px;height:25px;margin-top:-7px}}.hair-questionnaire__range::-webkit-slider-runnable-track{width:100%;height:8px;background:linear-gradient(to right,#ba5149 var(--range-progress, 50%),#ccc var(--range-progress, 50%));border-radius:4px}.hair-questionnaire__range-value{font-size:16px;line-height:22px;letter-spacing:.5px;text-align:center;position:absolute;bottom:90px;left:50%;transform:translate(-50%);background-color:#ba5149;color:#fff;padding:10px 16px;border-radius:6px;width:220px}@media screen and (max-width: 1024px){.hair-questionnaire__range-value{display:none}}.hair-questionnaire__condition-labels{width:100%;position:relative;font-size:14px;line-height:18px;letter-spacing:.5px;margin-top:20px;height:30px}@media screen and (max-width: 767px){.hair-questionnaire__condition-labels{font-size:12px}}.hair-questionnaire__condition-label{position:absolute;top:0}@media screen and (max-width: 767px){.hair-questionnaire__condition-label{width:100px}}.hair-questionnaire__condition-label:nth-of-type(1){left:0;text-align:left}.hair-questionnaire__condition-label:nth-of-type(2){left:50%;transform:translate(-50%);text-align:center}.hair-questionnaire__condition-label:nth-of-type(3){right:0;text-align:right}.hair-questionnaire__results__heading{display:flex;justify-content:center;background-color:#ba5149;padding:30px 0}@media screen and (max-width: 767px){.hair-questionnaire__results__heading{padding:15px 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.hair-questionnaire__results__heading{padding:20px 0}}.hair-questionnaire__results__title{color:#fff;padding:0 30px;font-family:Reckless;font-size:40px;font-weight:500;line-height:40px;letter-spacing:1px;text-align:center}.hair-questionnaire__results__title span strong{font-style:italic}@media screen and (max-width: 767px){.hair-questionnaire__results__title{font-size:26px;padding:0 24px}}@media screen and (min-width: 768px) and (max-width: 1024px){.hair-questionnaire__results__title{font-size:32px}}.hair-questionnaire__results__content{margin-top:50px}@media screen and (max-width: 767px){.hair-questionnaire__results__content{margin-top:40px}}.hair-questionnaire__results__intro-text{text-align:center;font-size:24px;font-weight:500;line-height:32px;letter-spacing:.5px;color:#2e2e2e;margin-bottom:40px}@media screen and (max-width: 767px){.hair-questionnaire__results__intro-text{font-size:22px;line-height:26px}}.hair-questionnaire__results__intro-text span{text-transform:capitalize}.hair-questionnaire__results__cards{display:flex;flex-direction:row;gap:32px}@media screen and (max-width: 767px){.hair-questionnaire__results__cards{flex-direction:column;gap:20px}}.hair-questionnaire__results__cards .hair-questionnaire__card{grid-template-columns:repeat(1,minmax(0,1fr));place-items:center;border:1px solid #ba5149;width:50%;padding:20px}@media screen and (max-width: 767px){.hair-questionnaire__results__cards .hair-questionnaire__card{width:100%}}.hair-questionnaire__results__label{font-size:24px;line-height:32px;font-weight:500;letter-spacing:.5px}@media screen and (max-width: 767px){.hair-questionnaire__results__label{font-size:22px;line-height:26px}}.hair-questionnaire__results__label,.hair-questionnaire__results__note{margin:0}.hair-questionnaire__results__note-footer{text-align:center;font-size:14px;font-style:italic;line-height:18px;letter-spacing:.5px;margin-top:20px}.hair-questionnaire__results__desc,.hair-questionnaire__results__note{text-align:center;line-height:22px;letter-spacing:.5px;font-size:16px}@media screen and (max-width: 767px){.hair-questionnaire__results__desc,.hair-questionnaire__results__note{font-size:14px;line-height:18px}}.hair-questionnaire__results__desc{list-style-type:none;margin:20px 0;padding-inline-start:0;text-align:left}@media screen and (max-width: 767px){.hair-questionnaire__results__desc{text-align:center}}.hair-questionnaire__results__desc#resultsTensionDesc img{width:40px}@media screen and (max-width: 767px){.hair-questionnaire__results__desc#resultsTensionDesc img{width:38px;margin-right:0}}.hair-questionnaire__results__desc li img{width:10px;margin-right:6px}.hair-questionnaire__results__insight{font-size:16px;line-height:22px;letter-spacing:.5px;margin:50px auto;padding:0 80px}@media screen and (max-width: 767px){.hair-questionnaire__results__insight{font-size:14px;line-height:18px;margin:40px auto}}@media screen and (max-width: 1024px){.hair-questionnaire__results__insight{padding:0}}.hair-questionnaire__results__button-wrapper{display:flex;justify-content:center;align-items:center}.hair-questionnaire__results__button{display:inline-block;background-color:#ba5149;color:#fff;padding:15px 92px;font-size:14px;line-height:18px;letter-spacing:1px;font-weight:500;text-transform:uppercase;max-width:420px;text-align:center}@media screen and (max-width: 767px){.hair-questionnaire__results__button{padding:13px 30px;width:100%}}.hair-questionnaire__results__guide{display:flex;align-items:flex-start;justify-content:center;gap:6px;width:100%;background-color:#dfdfdf54;border-radius:6px;max-width:282px;margin:0 auto;padding:20px}.hair-questionnaire__results__guide img{height:24px;width:24px}@media screen and (max-width: 767px){.hair-questionnaire__results__guide img{margin-top:0}}.hair-questionnaire__results__guide-content{display:flex;flex-direction:column}.hair-questionnaire__results__guide-content p{font-size:16px;font-weight:700;line-height:22px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1px}.hair-questionnaire__results__download{line-height:24px;color:#ba5149;font-size:13px;line-height:18px;text-decoration:underline;text-underline-offset:3px}.hair-questionnaire__results__checkmark-overlay{position:absolute;top:8px;right:8px;background-color:#ba5149;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 767px){.hair-questionnaire__results__checkmark-overlay{width:18px;height:18px}}.hair-questionnaire__results__checkmark-overlay svg{fill:#fff;height:16px;width:16px}@media screen and (max-width: 767px){.hair-questionnaire__results__checkmark-overlay svg{height:12px;width:12px}}.hair-questionnaire__results__video-section{margin:80px 0 50px}@media screen and (max-width: 767px){.hair-questionnaire__results__video-section{margin:50px 0 30px}}@media screen and (max-width: 767px){.hair-questionnaire__results__video-section video{height:auto}}.hair-questionnaire__exclusive-offer-wrapper{margin:40px 0;padding:0 80px}@media screen and (max-width: 1024px){.hair-questionnaire__exclusive-offer-wrapper{padding:0}}.hair-questionnaire__exclusive-offer-wrapper p{font-size:16px;line-height:22px;letter-spacing:.5px;font-weight:700}.hair-questionnaire__exclusive-offer-content{padding-inline-start:16px}.hair-questionnaire__exclusive-offer{font-size:16px;line-height:22px;letter-spacing:.5px;margin:5px auto}.hair-questionnaire__exclusive-offer img{width:16px}@media screen and (max-width: 767px){.hair-questionnaire__exclusive-offer{font-size:14px;line-height:18px;margin:5px 0}}.hair-questionnaire__marquee-container{display:flex;width:100%;white-space:nowrap;background-color:#ba5149;padding:30px 0;overflow:hidden}@media screen and (max-width: 767px){.hair-questionnaire__marquee-container{padding:15px 0}}.hair-questionnaire__marquee-content{animation:marquee 15s linear infinite;color:#2e2e2e;padding:0 60px;font-family:Reckless;font-size:40px;line-height:40px;letter-spacing:.5px;font-weight:500}@media screen and (max-width: 767px){.hair-questionnaire__marquee-content{padding:0 30px;font-size:24px;line-height:32px}}.hair-questionnaire__benefits{display:flex;flex-direction:column;row-gap:6px}.hair-questionnaire__benefit{display:flex;align-items:center;column-gap:14px}.hair-questionnaire__benefit span{font-size:16px;line-height:22px;letter-spacing:.5px;color:#fff}@media screen and (max-width: 767px){.hair-questionnaire__benefit span{font-size:14px;line-height:18px}}.hair-questionnaire__benefit .hair-questionnaire__icon{width:16px}.hair-questionnaire__purchase{font-size:12px;line-height:1.2;letter-spacing:1px;margin-top:10px;margin-left:8px;color:#fff}@media screen and (max-width: 767px){.hair-questionnaire__purchase{margin-top:14px}}@media screen and (max-width: 767px){.hair-questionnaire__personal-details__content{max-width:100%;padding:90px 0}}.hair-questionnaire__progress-section{position:relative}.hair-questionnaire__progress-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1}.hair-questionnaire__progress-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:550px;margin:0 auto;text-align:center;min-height:700px;z-index:1}@media screen and (max-width: 767px){.hair-questionnaire__progress-content{max-width:100%;padding:176px 24px;min-height:0}}.hair-questionnaire__progress-username{font-size:16px;line-height:22px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:0;color:#fff!important}@media screen and (max-width: 767px){.hair-questionnaire__progress-username{font-size:14px;line-height:18px}}.hair-questionnaire__progress-title{font-family:Reckless;font-size:40px;line-height:40px;letter-spacing:.5px;color:#fff!important;margin:20px 0 50px}@media screen and (max-width: 767px){.hair-questionnaire__progress-title{font-size:24px;line-height:32px;margin:18px 0 40px}}.hair-questionnaire__progress-bar-container{position:relative;width:100%;max-width:330px;background-color:#d4d4d8;border-radius:5px;height:8px;overflow:hidden}.hair-questionnaire__progress-bar{height:100%;width:0%;background-color:#ba5149;border-radius:5px;transition:width .1s linear}.hair-questionnaire__progress-percentage{font-size:16px;line-height:22px;letter-spacing:.5px;margin-top:45px;color:#fff!important}@media screen and (max-width: 767px){.hair-questionnaire__progress-percentage{font-size:14px;line-height:18px;margin-top:40px}}.hair-questionnaire__progress-video,.hair-questionnaire__progress-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover}.product_questionnaire{display:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.takethetest-wrapper-snippits.custom-bg{max-width:600px;margin:40px auto;display:flex;align-items:center;justify-content:center;background:#831108;background:linear-gradient(90deg,#831108,#cc4437)}@media (min-width: 992px) and (max-width: 1199px){.takethetest-wrapper-snippits.custom-bg{flex-direction:column}}@media (max-width: 767px){.takethetest-wrapper-snippits.custom-bg{flex-direction:column}}.takethetest-wrapper-snippits.custom-bg .quiz-text-block{background-color:transparent;text-align:center;color:#fff;width:50%}@media (max-width: 1399px){.takethetest-wrapper-snippits.custom-bg .quiz-text-block{width:70%}}@media (min-width: 992px) and (max-width: 1199px){.takethetest-wrapper-snippits.custom-bg .quiz-text-block{width:100%}}@media (max-width: 1399px){.takethetest-wrapper-snippits.custom-bg .quiz-text-block{width:100%}}.takethetest-wrapper-snippits.custom-bg .quiz-text-block h3{font-size:2em;line-height:1}.takethetest-wrapper-snippits.custom-bg .quiz-text-block p{font-size:1em;color:#fff;line-height:1.2}.takethetest-wrapper-snippits.custom-bg .quiz-text-block .btn{background-color:#fff;color:#831108;border-radius:5px;padding:10px 20px;font-weight:400}.takethetest-wrapper-snippits.custom-bg .image-wrap{width:50%;text-align:center}.takethetest-wrapper-snippits.custom-bg .image-wrap img{max-width:330px;width:100%;margin:10px auto;display:block}@media (max-width: 1399px){.takethetest-wrapper-snippits.custom-bg .image-wrap{width:30%}}@media (min-width: 992px) and (max-width: 1199px){.takethetest-wrapper-snippits.custom-bg .image-wrap{width:100%}}@media (max-width: 767px){.takethetest-wrapper-snippits.custom-bg .image-wrap{width:100%}}.takethetest-wrapper-snippits .quiz-text-block{background-color:#f1f1f1;padding:20px;max-width:100%}@media (max-width: 767px){.takethetest-wrapper-snippits .quiz-text-block h3{font-size:24px;line-height:1.4}}.takethetest-wrapper-snippits .quiz-text-block .btn{display:inline-block;background-color:#ba5149;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:15px}
/*# sourceMappingURL=/cdn/shop/t/115/assets/hair-questionnaire.css.map */