.test__navigation{justify-content:center;align-items:center;gap:40px;margin:40px 0 100px;display:flex}.test__navigation-icon{width:24px;height:24px}.test__navigation-icon--prev{width:20px;height:20px}.test__navigation-icon--next{transform:rotate(-90deg)}.test__navigation-icon--prev--active{transform:rotate(90deg)}.test__navigation-button{white-space:nowrap;align-items:center;gap:10px;width:max-content;padding:10px 20px;display:flex}.test__navigation-button--next{border:1px solid #1c1c1c}.test__navigation-button--next.test__navigation-button--disabled{border-color:#1c1c1c66}.test__navigation-text{letter-spacing:3%;text-transform:uppercase;font-size:16px;font-weight:400;line-height:120%}.test__navigation-text--prev--unactive,.test__navigation-text--disabled{color:#1c1c1c66}.test__progress{gap:16px;display:flex}.test__progress span{text-align:justify;text-transform:uppercase;font-size:14px;font-weight:300;line-height:150%}
.test__hero{height:504px;margin-top:92px;position:relative}.test__hero-image{object-fit:cover}.test__hero-content{flex-direction:column;height:100%;display:flex;position:absolute;top:56px;left:56px}.test__hero-title{margin-top:241px}.test__hero-subtitle,.test__hero-title,.test__hero-label{letter-spacing:4%;text-transform:uppercase;font-family:Turismo CF;font-size:32px;font-weight:300;line-height:120%}.test__hero-label{margin-top:19px}.test__quiz{padding:100px 40px 40px}.test__quiz-content{background-color:#f3f3f3;padding:40px}.test__question-title{text-transform:uppercase;margin-bottom:12px;font-family:Turismo CF;font-size:24px;font-weight:300;line-height:120%}.test__question-text{text-align:justify;width:583px;margin-bottom:32px;font-size:16px;font-weight:300;line-height:140%}.test__options-grid{gap:24px;display:grid}.test__option-button{border:1px solid #00000014;flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.test__option-button--active{background-color:#fff}.test__option-title{letter-spacing:5%;text-transform:uppercase;align-self:start;font-family:Turismo CF;font-size:16px;font-weight:300;line-height:134%}.test__option-text{text-align:justify;font-size:16px;font-weight:300;line-height:140%}.test__option-button>img{width:100%;height:auto;margin-top:auto;display:block}.test__options-grid--two-columns{grid-template-columns:repeat(2,1fr)}.test__answers-layout{grid-template-columns:583fr 745fr}.test__image-options{grid-template-columns:repeat(4,1fr)}.test__two-options-layout{grid-template-columns:568fr 760fr}.test__face-scan-upload{color:#fff;width:max-content;letter-spacing:3%;text-transform:uppercase;background-color:#1c1c1c;justify-content:center;align-items:center;gap:10px;margin:32px auto 3px;padding:10px 20px;font-size:16px;font-weight:400;line-height:120%;display:flex}.test__face-scan-upload-icon{width:24px;height:24px}.test__result{background-color:#f3f3f3;margin:100px 40px 80px;padding:40px}.test__result-content{flex-direction:column;gap:24px;width:583px;margin-bottom:32px;display:flex}.test__result-title{text-transform:uppercase;font-family:Turismo CF;font-size:24px;font-weight:300;line-height:120%}.test__result-text{font-size:16px;font-weight:300;line-height:140%}.test__result-grid{grid-template-columns:583fr 737fr;gap:32px;display:grid}.test__result-details{background-color:#fff;flex-direction:column;gap:120px;padding:16px;display:flex}.test__result-detail{justify-content:space-between;align-items:start;gap:24px;display:flex}.test__result-detail-title{letter-spacing:5%;text-transform:uppercase;width:250px;font-family:Turismo CF;font-size:20px;font-weight:300;line-height:134%}.test__result-detail-text{text-align:justify;width:431px;font-size:16px;font-weight:400;line-height:140%}.test__result-detail-last{flex-direction:column;gap:16px;display:flex}.test__result-detail-title,.test__result-detail-text{width:100%}.test__result-image{object-fit:cover;object-position:center}.test__result-products{margin:0 40px 100px;padding:80px 0}.test__result-products-content{flex-direction:column;gap:16px;width:704px;margin-bottom:32px;display:flex}.test__result-products-title{text-transform:uppercase;font-family:Turismo CF;font-size:24px;font-weight:300;line-height:120%}.test__result-products-text{text-align:justify;font-size:16px;font-weight:300;line-height:140%}.test__result-products-list{background-color:#fafafa;grid-template-columns:repeat(2,1fr);gap:24px;padding:24px;display:grid}