.step-by-step svg,.step-by-step img,.step-by-step video{vertical-align:middle}.step-by-step img,.step-by-step video{width:100%;height:auto}.step-by-step .new_card_product_grid .single_product_inner .product_form_inner button{margin-top:0}.step-by-step .new_card_product_grid .oke-stars svg{vertical-align:unset}.step-by-step .page-width{overflow-x:clip}.step-by-step .step_by_step_main{display:flex;gap:16px 48px;padding-top:48px;border-top:1px solid #D9D9D9}.step-by-step .step_by_step_main .main_part{width:100%;max-width:33.133%;padding:24px 0 38px;height:100%}.step-by-step .step_by_step_main .main_part .video_title{font-size:34px;font-weight:600;line-height:120%;padding-bottom:16px}.step-by-step .step_by_step_main .main_part .video_inner{position:relative}.step-by-step .step_by_step_main .main_part .video_inner video{cursor:pointer}.step-by-step .step_by_step_main .main_part .video_inner .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;font-size:0}.step-by-step .step_by_step_main .block_part{padding:24px 20px 0;flex:1}.step-by-step .step_by_step_main .block_part>:last-child{margin-bottom:0!important}.step-by-step .step_by_step_main .block_part .block_main_heading{font-size:34px;font-weight:600;line-height:120%;padding-bottom:48px}.step-by-step .step_by_step_main .block_part .steps_list .single_step{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 68px;padding-left:40px;padding-right:20px;padding-bottom:48px}.step-by-step .step_by_step_main .block_part .steps_list .single_step>*{width:calc(50% - 34px)}.step-by-step .step_by_step_main .block_part .steps_list .single_step:after{content:"";position:absolute;top:0;left:8px;width:1px;height:100%;background:#000}.step-by-step .step_by_step_main .block_part .steps_list .single_step:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:#000;border-radius:100%}.step-by-step .step_by_step_main .block_part .steps_list .single_step:last-child:after{content:unset}.step-by-step .step_by_step_main .block_part .block_heading{font-size:24px;font-weight:600;line-height:100%;font-family:var(--font-heading-family);letter-spacing:0px}.step-by-step .step_by_step_main .block_part .block_heading a{font-size:18px;font-weight:600;line-height:120%;font-family:var(--font-heading-family);color:inherit;pointer-events:none;text-decoration:unset}.step-by-step .step_by_step_main .block_part .block_heading strong{font-size:24px;font-weight:700;line-height:100%;font-family:var(--font-body-family)}.step-by-step .step_by_step_main .block_part .block_heading em{font-size:34px;font-weight:600;line-height:120%;font-family:var(--font-heading-family)}.step-by-step .step_by_step_main .block_part .block_heading span{font-weight:600;font-size:18px;line-height:120%;letter-spacing:0px;vertical-align:bottom}.step-by-step .step_by_step_main .block_part .block_heading label{font-weight:600;font-size:28px;line-height:110.00000000000001%;letter-spacing:0px}.step-by-step .step_by_step_main .block_part .block_content{margin-bottom:24px}.step-by-step .step_by_step_main .block_part .block_content *{font-size:16px;font-weight:420;line-height:124%}.step-by-step .step_by_step_main .block_part .block_content p{margin:16px 0}.step-by-step .step_by_step_main .block_part .block_content a{color:inherit;font-size:16px;font-style:normal;font-weight:600;line-height:128%}.step-by-step .step_by_step_main .block_part .block_content em{font-weight:390}.step-by-step .step_by_step_main .block_part .steps_list .single_step .product_part{padding-top:57px}.step-by-step .step_by_step_main .block_part .steps_list .single_step .product_part .button_inner{width:100%}.step-by-step .step_by_step_main .block_part .steps_list .single_step .product_part .button_inner a{text-decoration-thickness:2px;font-size:16px;font-weight:450;line-height:100%;text-decoration-line:underline}.step-by-step .scrolling_part .swiper-slide{width:fit-content;max-width:fit-content}.step-by-step .scrolling_part .swiper-slide.active{border-bottom:2px solid #000}.step-by-step .scrolling_part .content,.step-by-step .scrolling_part .content *{font-size:16px;font-style:normal;font-weight:450;line-height:100%;text-decoration:unset;color:inherit}.article_video video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover}.article_video{padding-bottom:61.82%;position:relative}.step_by_step_main .article-quiz-banner{position:relative;width:100%;margin:40px 0!important;display:none}.step_by_step_main .article-quiz-banner__image{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.step_by_step_main .article-quiz-banner__image img{height:100%!important;width:100%!important;display:block;object-fit:cover}.step_by_step_main .article-quiz-banner__texts-wrap{padding:27.5px 20px;position:relative;z-index:2}.step_by_step_main .article-quiz-banner .article-quiz-banner__texts-wrap:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000006b;z-index:-1}.step_by_step_main .article-quiz-banner__title{color:var(--Text-text-secondary, #FFF)!important;font-size:34px!important;text-align:center!important;font-weight:600!important;line-height:1.206!important;margin:0 0 16px!important}.step_by_step_main .article-quiz-banner__button{font-size:16px;font-style:normal;font-weight:450;line-height:1;text-transform:uppercase;margin:0;padding:16px 39px!important;letter-spacing:0px;display:block;max-width:fit-content;min-width:unset;width:100%;margin:0 auto!important;height:48px;text-decoration:unset}.step_by_step_main .article-video-wrap br{display:none}.step_by_step__carousel .Index_tab_collection_section_right_single_collection_card{width:300px}.step_by_step__carousel-title{margin-bottom:36px}@media screen and (min-width: 990px){.step-by-step .step_by_step_main .main_part{position:sticky;top:10px}}@media screen and (max-width: 989px){.step-by-step .step_by_step_main{flex-wrap:wrap;padding-top:38px;padding-bottom:38px;border-top:0}.step-by-step .step_by_step_main .main_part{max-width:100%;padding:0}.step-by-step .step_by_step_main .main_part .video_title{text-align:center}.step-by-step .step_by_step_main .block_part{padding:26px 0 0}.step-by-step .scrolling_part .content br{display:none}.step-by-step .scrolling_part{width:100%;margin-top:5px}.step-by-step .scrolling_part .swiper-slide{line-height:1.2}}@media screen and (max-width: 749px){.step_by_step_main .single_product_inner .single_inner{height:100%}.step_by_step_main .media_content{flex:1}.step-by-step .step_by_step_main{gap:16px}.step-by-step .step_by_step_main .block_part{position:relative;margin-top:23px}.step-by-step .step_by_step_main .block_part:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:1px;background:#d9d9d9}.step-by-step .step_by_step_main .block_part .steps_list{display:flex;flex-direction:column;gap:24px}.step-by-step .step_by_step_main .block_part .steps_list .single_step{padding-left:0;padding-right:0;padding-bottom:0}.step-by-step .step_by_step_main .block_part .steps_list .single_step:after,.step-by-step .step_by_step_main .block_part .steps_list .single_step:before{content:unset}.step-by-step .step_by_step_main .block_part .steps_list .single_step>*{width:100%}.step-by-step .step_by_step_main .block_part .steps_list .single_step .product_with_media:has(.product_part){display:flex;flex-wrap:wrap;gap:16px}.step-by-step .step_by_step_main .block_part .steps_list .single_step .product_with_media:has(.product_part)>*{width:calc(50% - 8px)}.step-by-step .step_by_step_main .block_part .steps_list .single_step .product_with_media .single_product_inner{width:100%}.step-by-step .step_by_step_main .block_part .steps_list .single_step .product_part{padding-top:0;gap:16px}.step-by-step .step_by_step_main .block_part .block_content{margin-bottom:16px}.step-by-step .step_by_step_main .block_part .block_heading br{display:none}.article_video .play svg ellipse{fill:#000}.article_video .play svg path{fill:#fff}.step_by_step_main .article-quiz-banner{margin:38px 0!important;display:block}.step_by_step_main .article-template__social-video--wrap{margin:24px 0!important}.step_by_step_main .article-quiz-banner__texts-wrap{padding:22px 71px}.step_by_step_main .article-quiz-banner__title{font-size:24px!important;text-wrap:balance!important;line-height:1.0834!important}.step_by_step__carousel-title{margin-bottom:24px;text-align:center}}@media screen and (max-width:374px){.step_by_step_main .article-quiz-banner__button{padding:16px 30px!important}.step_by_step_main .article-quiz-banner__texts-wrap{padding:22px 48px}}
/*# sourceMappingURL=/cdn/shop/t/594/assets/learn-and-shop.css.map */