.quiz-features{background-repeat:no-repeat;background-size:cover;padding:120px}@media screen and (max-width: 1024px){.quiz-features{padding:60px 20px}}.quiz-features.light{background-color:#f5f5f7}.quiz-features.light .quiz-features__container{box-shadow:0 4px 16px #0000000d;border-radius:10px;padding:0;background-color:#fff}.quiz-features.light .quiz-features__container:before{display:none}.quiz-features.light .quiz-features__title{color:#4d4f57;border-color:#4c4f5833;border-image-source:unset}.quiz-features.light .quiz-features__description{color:#4d4f57}.quiz-features.light .quiz-features__feature{background-color:#fff}.quiz-features.light .quiz-features__feature:not(:last-child):after{background:#4c4f5833}.quiz-features.light .quiz-features__feature .quiz-features__feature--title,.quiz-features.light .quiz-features__feature .quiz-features__feature--description,.quiz-features.light .quiz-features__feature .quiz-features__feature--icon-container span,.quiz-features.light .quiz-features__feature .quiz-features__feature--heading span{color:#4d4f57}.quiz-features.light .quiz-features__feature .quiz-features__feature--icon{padding:20px;background-color:#f5f5f7;border:1px solid rgba(76,79,88,.2);border-radius:10px}.quiz-features .quiz-features__text{margin-bottom:48px}.quiz-features .quiz-features__title{color:#fff;font-size:41px;line-height:1.2;font-weight:700;width:fit-content;margin:0 auto 16px;text-align:center;padding-bottom:16px;border-bottom:1px solid;border-image-slice:1;border-image-source:linear-gradient(98.24deg,#6ddcff 0%,#7f60f9 100%)}@media screen and (max-width: 1024px){.quiz-features .quiz-features__title{font-size:23px}}.quiz-features .quiz-features__description{font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#e4e4e7}.quiz-features .quiz-features__description p{margin:0}.quiz-features .quiz-features__container{display:flex;flex-direction:row;position:relative;z-index:1;overflow:hidden;padding:2px}@media screen and (max-width: 1024px){.quiz-features .quiz-features__container{flex-direction:column}}.quiz-features .quiz-features__container:before{content:"";position:absolute;border-radius:10px;display:block;top:0;left:0;right:0;bottom:0;background:linear-gradient(98.24deg,#6ddcff,#7f60f9);z-index:-1}.quiz-features .quiz-features__feature{display:flex;flex-direction:row;position:relative;background-color:#181a1e;max-height:880px}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature{flex-direction:column;max-height:100%}}.quiz-features .quiz-features__feature:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature:first-child{border-top-right-radius:10px;border-bottom-left-radius:0}}.quiz-features .quiz-features__feature:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature:last-child{border-top-right-radius:0;border-bottom-left-radius:10px}}.quiz-features .quiz-features__feature:not(:last-child):after{content:"";position:absolute;display:block;top:0;right:0;width:1.5px;height:100%;background:linear-gradient(98.24deg,#6ddcff,#7f60f9)}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature:not(:last-child):after{top:auto;bottom:0;width:100%;height:1.5px}}.quiz-features .quiz-features__feature.active .quiz-features__feature--body{opacity:1;transition:width .3s ease-in-out,opacity .9s ease-in-out}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature.active .quiz-features__feature--body{transition:height .3s ease-in-out,opacity .4s ease-in-out}}.quiz-features .quiz-features__feature--heading{display:flex;flex-direction:column;justify-content:space-between;padding:32px 24px;min-width:90px}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature--heading{flex-direction:row-reverse;padding:20px}}.quiz-features .quiz-features__feature--heading span{font-weight:700;font-size:24px;line-height:1.3;color:#fff;text-align:center}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature--heading span{font-size:12px}}@media screen and (min-width: 1025px){.quiz-features .quiz-features__feature--heading .label{writing-mode:tb-rl;transform:rotate(-180deg) translate(0)}}.quiz-features .quiz-features__feature--body{width:0;opacity:0;overflow:hidden;transition:width .3s ease-in-out,opacity .9s ease-in-out}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature--body{width:100%;height:0;transition:height .3s ease-in-out,opacity .4s ease-in-out}}.quiz-features .quiz-features__feature--body-inner{padding:50px 20px 0;display:flex;flex-direction:column;justify-content:space-between;gap:40px;height:100%}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature--body-inner{gap:30px;padding:20px;height:auto}}.quiz-features .quiz-features__feature--body-top{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:60px}@media screen and (max-width: 1280px){.quiz-features .quiz-features__feature--body-top{flex-direction:column}}.quiz-features .quiz-features__feature--text{max-width:45%}@media screen and (max-width: 1280px){.quiz-features .quiz-features__feature--text{max-width:100%}}.quiz-features .quiz-features__feature--title{margin:0 0 24px;font-size:41px;color:#fff;font-weight:800}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature--title{font-size:18px;margin-bottom:16px}}.quiz-features .quiz-features__feature--description{font-size:18px;line-height:1.3;color:#fff}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature--description{font-size:14px}}.quiz-features .quiz-features__feature--icons{display:flex;flex-direction:row;gap:40px;align-items:center}@media screen and (max-width: 1024px){.quiz-features .quiz-features__feature--icons{display:none}}.quiz-features .quiz-features__feature--icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-features .quiz-features__feature--icon-container span{font-size:14px;line-height:2;font-weight:400;color:#fff;text-align:center}.quiz-features .quiz-features__feature--icon{padding:10px}.quiz-features .quiz-features__feature--icon img{width:32px;height:32px;max-width:none}.quiz-features .quiz-features__feature--body-bottom{position:relative;width:100%}.quiz-features .quiz-features__feature--body-bottom:before{content:"";display:block;padding-top:44%}.quiz-features .quiz-features__feature--body-bottom img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
/*# sourceMappingURL=/cdn/shop/t/161/assets/quiz-features.scss.css.map */