.hair-analysis-container{min-height:490px}.ha-container{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#fff;color:#424242;padding:0px}.ha-btn-container{margin-top:24px}.ha-container button{width:140px;height:50px;background-color:#5776b0;color:#fff;border:none}#ha-prev-btn > span{position:absolute;left:0}.multisteps-form{overflow:hidden}.step{display:none;animation:fade 200ms ease-in-out forwards}.step h4{padding:16px}.step.active{display:block;animation:slide 200ms 100ms ease-in-out both;min-height:220px}.input-group{display:inline-flex;justify-content:center;align-items:center;margin:auto;padding:16px}.input-item{display:inline-flex;min-width:120px;flex-direction:column;justify-content:center;align-items:center;margin-inline:8px}.input-item .row{display:flex;justify-content:center;align-items:center;width:100%}.hair-analysis-container .input-item input,label{margin-bottom:0px !important;margin-top:0px !important;padding-inline:8px;color:#424242;font-weight:800;border-radius:12px}.input-item img{width:80px;height:80px;margin-bottom:8px;margin-left:12px}.input-item input[type="radio"]{background-color:#c5c5c5;appearance:none;font:inherit;width:1.15em;height:1.15em;border-radius:50%}.input-item input[type="radio"]:checked{background-color:#212b52}.hair-analysis-container .input-item input[type="text"]{margin-top:8px !important;background-color:#dddddd;color:#fff}.hair-analysis-container .input-item input[type="text"]::placeholder{color:#00000065}.input-item > label{padding-left:8px;margin:0}.range-selector{-webkit-appearance:none;width:100%;height:10px;background:#d3d3d3;outline:none;-webkit-transition:.2s;transition:opacity .2s;padding-inline:0px !important}#age-range-slider:before{content:"20 Year(s) Old";position:absolute;margin-top:20px;font-size:10px;left:52px;color:#fff}#age-range-slider:after{content:"65+ Year(s) Old";position:absolute;margin-top:20px;font-size:10px;right:52px;color:#fff}#age-value-text{position:absolute;margin-top:55px;margin-right:4px;font-size:12px;font-weight:800}#hair-range-slider:before{content:"1 Years";position:absolute;margin-top:20px;font-size:10px;left:52px;color:#fff}#hair-range-slider:after{content:"10+ Year(s)";position:absolute;margin-top:20px;font-size:10px;right:52px;color:#fff}#hair-value-text{position:absolute;margin-top:55px;margin-right:4px;font-size:12px;font-weight:800}.hair-analysis-container #ha-title{color:#212b52;font-weight:700;font-size:36px;padding-bottom:16px}.hair-analysis-container #ha-text{font-size:24px;line-height:28px}.hair-analysis-container h4{color:#212b52}.hide{display:none}@keyframes slide{0%{transform:translateX(200%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fade{0%{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:0}100%{opacity:0;transform:scale(0)}}@media (max-width: 640px){.hair-analysis-container{background-image:url(/uimages/bg2.png);background-size:cover}.hair-analysis-container .container{margin-top:8px}.ha-container{padding:0px}}@media (max-width: 574px){.resize-mb{display:flex;flex-wrap:wrap}.resize-mb .input-item{margin-inline:0px;margin-bottom:16px;flex:50%}}@media (min-width: 768px){.hide-desktop{display:none !important}}@media (max-width: 768px){.hide-mobile{display:none !important}}