.css-pc{display:flex !important}.css-mobile{display:none !important}.css-error{color:#fe6969}.css-link{font-weight:300}.form-label{font-size:14px;line-height:1.5;color:#333;text-align:left;display:block;margin-block-end:6px}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;width:100%;height:36px;color:#39325a;background-color:#fff;padding:0 16px;border-radius:499.5rem;box-shadow:none;border:1px solid #d3d1dc;font-size:14px;font-weight:500;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus,.form-input:hover{border:1px solid #6d4dff}.page-input{flex:1 1 0;padding-inline-start:32px;height:inherit;border-radius:0;background:rgba(0,0,0,0) !important;border:none !important}.page-input:focus,.page-input:hover{border:none !important}.code-input{border:1px solid #d3d1dc;border-radius:499.5rem;overflow:hidden;cursor:pointer;height:36px;width:6.2rem;position:relative}.code-input>img{width:100%;display:block;max-width:none;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover}.page-form{position:relative;display:flex;height:56px;background-color:#fff;border-radius:9999px;border:1px solid #6d4dff}.page-form:focus,.page-form:hover{border:1px solid #4f2fe3}.form-tips{display:none !important;width:100%;margin-top:10px;padding:0 16px;background-color:#fff0f0;border-radius:499.5rem;font-size:14px;line-height:1.5;font-weight:300;color:#fe6969}.form-tips.dirty{display:block !important}input.dirty,.page-form.dirty{border:1px solid #fe6969}input.dirty:focus,input.dirty:hover,.page-form.dirty:focus,.page-form.dirty:hover{border:1px solid #fe6969}input.dirty~.form-tips,.page-form.dirty~.form-tips{display:block !important}.login__tips.dirty .form-tips,.page-form.dirty .form-tips{display:block !important}.v-grid{display:grid}.v-flex{display:flex}.v-reverse{flex-flow:row-reverse wrap !important}.v-align-center{align-items:center}.v-align-stretch{align-items:stretch}.v-justify-center{justify-content:center}.v-justify-between{justify-content:space-between}.css-align-center{text-align:center}.css-h1{font-size:40px;line-height:1.5;font-weight:600}.css-h2{font-size:34px;line-height:1.5;font-weight:600}.css-h3{font-size:18px;line-height:1.5;font-weight:500}.css-p{font-size:18px;line-height:1.5;font-weight:300}.css-small{font-size:16px}.css-item-p{font-size:14px;line-height:1.5;font-weight:300}.css-purple{font:inherit;color:#6d4dff}.css-list>li{padding:4px 0;font-size:13px;line-height:1.5;font-weight:600;padding-inline-start:22px;background-image:url(../img/purple_fork_icon.svg);background-size:12px 8px;background-position:0 8px;background-repeat:no-repeat}@media(min-width: 769px)and (max-width: 1200px){.css-list{display:inline-block;text-align:left}}@media(max-width: 768px){.css-pc{display:none !important}.css-mobile{display:flex !important}.css-h1{font-size:26px}.css-h2{font-size:26px}.css-h3{font-size:16px}.css-p{font-size:16px}.css-list{display:inline-block;text-align:left}.css-list>li{font-size:13px}}.transformY-0{opacity:0;animation:transformY 0s;animation-delay:.3s;animation-fill-mode:forwards}.transformY-1{opacity:0;animation:transformY .2s;animation-delay:.3s;animation-fill-mode:forwards}.transformY-2{opacity:0;animation:transformY .4s;animation-delay:.3s;animation-fill-mode:forwards}.transformY-3{opacity:0;animation:transformY .6s;animation-delay:.3s;animation-fill-mode:forwards}.transformY-4{opacity:0;animation:transformY .8s;animation-delay:.3s;animation-fill-mode:forwards}.transformY-5{opacity:0;animation:transformY 1s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes transformY{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0px)}}.delay0{transition-delay:0s}.delay1{transition-delay:0.1s}.delay2{transition-delay:0.2s}.delay3{transition-delay:0.3s}.delay4{transition-delay:0.4s}.delay5{transition-delay:0.5s}.delay6{transition-delay:0.6s}.delay7{transition-delay:0.7s}.delay8{transition-delay:0.8s}.delay9{transition-delay:0.9s}body{color:#000;font-size:.28rem}@media screen and (min-width: 1200px){body{font-size:14px}}body.has-video-popup-visible{overflow:hidden}.wrapper{width:1240px;max-width:100%;padding-left:.6rem;padding-right:.6rem}@media screen and (min-width: 1200px){.wrapper{padding-left:0;padding-right:0}}.wrapper.is-small{width:1080px}@media screen and (max-width: 1199px){.p-hidden-h5{display:none !important}}@media screen and (min-width: 1200px){.p-hidden-pc{display:none !important}}@media screen and (min-width: 1200px){.p-order-1-pc{order:1}}@media screen and (min-width: 1200px){.p-order-2-pc{order:2}}.p-btn{display:flex;align-items:center;justify-content:center;min-height:1rem;width:auto;max-width:100%;padding:.16rem .32rem;margin-left:auto;margin-right:auto;font:normal normal 400 .28rem/.48rem Poppins;color:#fff;background-color:#8b3dff;border-radius:9999px;transition:all .3s ease-out}.p-btn:hover{background:#8b3dff linear-gradient(95deg, #8b3dff 0%, #bc8fff 100%)}@media screen and (min-width: 1200px){.p-btn{display:inline-flex;min-height:49px;width:-moz-max-content;width:max-content;min-width:386px;padding:8px 16px;margin-left:initial;margin-right:initial;font:normal normal 400 18px/27px Poppins}}.p-btn-play{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;content:" ";width:2.2rem;height:2.2rem;background-image:url(../img/training-and-development/icon-play.svg);background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}@media screen and (min-width: 1200px){.p-btn-play{width:110px;height:110px}}.svg-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;color:inherit;background-color:currentcolor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.svg-icon-arrow-right-bold{--svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"%2F%3E%3C%2Fsvg%3E')}.svg-icon-arrow-left-bold{--svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"%2F%3E%3C%2Fsvg%3E')}.banner{padding-top:.8rem;padding-bottom:.8rem;background-image:linear-gradient(to bottom, #ffffff, #f1f1f1)}@media screen and (min-width: 1200px){.banner{padding-top:132px;padding-bottom:200px}}.banner-wrapper{display:flex;flex-direction:column;gap:.4rem}@media screen and (min-width: 1200px){.banner-wrapper{flex-direction:row;gap:66px}}.banner-wrapper__title-col{display:flex;flex:1;flex-direction:column;justify-content:center}.banner-wrapper__img-col{flex-shrink:0;margin-left:-0.5rem;margin-right:-0.5rem}@media screen and (min-width: 1200px){.banner-wrapper__img-col{margin-left:0;margin-right:0}}.banner-title{font:normal normal 500 .54rem/.76rem Poppins;letter-spacing:-0.014rem;color:#000}@media screen and (min-width: 1200px){.banner-title{font:normal normal 500 44px/56px Poppins;letter-spacing:-0.07px}}.banner-desc{margin-top:.4rem;font:normal normal 300 15px/34px Poppins;letter-spacing:.42px;color:#000}@media screen and (min-width: 1200px){.banner-desc{margin-top:26px}}.banner-feature-list{display:flex;flex-direction:column;gap:0;margin-top:.4rem}@media screen and (min-width: 1200px){.banner-feature-list{flex-direction:row;align-items:center;gap:10px;margin-top:26px}}.banner-feature-item{display:flex;gap:.108rem;align-items:center;font:normal normal 300 .3rem/.68rem Poppins;letter-spacing:.0084rem}@media screen and (min-width: 1200px){.banner-feature-item{font:normal normal 300 15px/34px Poppins;letter-spacing:.42px;gap:5.4px;white-space:nowrap}}.banner-feature-item::before{flex-shrink:0;display:block;content:"";width:.34rem;height:.26rem;background-image:url(../img/training-and-development/icon-check.svg);background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (min-width: 1200px){.banner-feature-item::before{width:17px;height:13px}}.banner-wrapper__btn-go{margin-top:.4rem}@media screen and (min-width: 1200px){.banner-wrapper__btn-go{margin-top:26px}}.banner-img-card{position:relative;display:flex;background:hsla(0,0%,100%,.51);border:.2rem solid #fff;box-shadow:.09rem .23rem .46rem rgba(0,0,0,.43);border-radius:.2rem;overflow:hidden;cursor:pointer}@media screen and (min-width: 1200px){.banner-img-card{border:10px solid #fff;box-shadow:9px 23px 46px rgba(0,0,0,.43);border-radius:10px}}.banner-img-card::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;content:"";background-color:#fff;opacity:0;transition:all .3s ease-out}.banner-img-card:hover::after{opacity:.3}.banner-img{width:100%;height:auto;border-radius:.2rem;transition:all .3s ease-out}@media screen and (min-width: 1200px){.banner-img{width:716px;border-radius:10px}}.banner-img-card:hover .banner-img{transform:scale(1.25)}.banner__btn-play{z-index:2}.template .wrapper{padding-top:.6rem;padding-bottom:.63rem}@media screen and (min-width: 1200px){.template .wrapper{padding-top:86px}}.template-title{font:normal normal 500 .44rem/.77rem Poppins;letter-spacing:-0.014rem;text-align:center;color:#000}@media screen and (min-width: 1200px){.template-title{font:normal normal 500 44px/60px Poppins;letter-spacing:-0.7px}}.template-desc{font:normal normal 300 .25rem/.55rem Poppins;text-align:center;color:#000}@media screen and (min-width: 1200px){.template-desc{font:normal normal 300 18px/27px Poppins;margin-top:12px}}.template-tab{display:none;margin-top:34px;margin-left:-34px;margin-right:-34px;border-bottom:1px solid #dbdbdb}@media screen and (min-width: 1200px){.template-tab{display:flex}}.template-tab-item{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:60px;cursor:pointer;transition:all .3s ease-out}@media screen and (min-width: 1200px){.template-tab-item{font:normal normal 300 16px/25px Poppins;white-space:nowrap;padding:0 20px}}.template-tab-item::after{position:absolute;left:0;right:0;bottom:0;transform:translateY(50%);display:block;content:"";height:3px;background-color:rgba(0,0,0,0);will-change:background-color;transition:all .3s ease-out}.template-tab-item:hover::after{background-color:#a9a9aa}.template-tab-item.is-active{color:#8b3dff;font-weight:400;background-color:rgba(139,61,255,.07)}.template-tab-item.is-active::after{background-color:#8b3dff}.template-swiper{margin-top:.4rem;margin-left:-0.43rem;margin-right:-0.43rem}@media screen and (min-width: 1200px){.template-swiper{margin-top:45.5px;margin-left:0;margin-right:0}}.template-swiper .swiper-slide{width:80%}@media screen and (min-width: 1200px){.template-swiper .swiper-slide{width:100%}}.template-card{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}@media screen and (min-width: 1200px){.template-card{width:1000px;margin:0 auto}}.template-card-title{font:normal normal 500 .34rem/.77rem Poppins;letter-spacing:-0.0054rem;color:#000}@media screen and (min-width: 1200px){.template-card-title{display:none}}.template-card-img-wrapper{position:relative;width:100%;margin-top:.185rem;padding-top:56.1452513966%;z-index:0}@media screen and (min-width: 1200px){.template-card-img-wrapper{padding-top:56.3850687623%;margin-top:0}}.template-card-img-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.1rem;overflow:hidden;cursor:pointer}@media screen and (min-width: 1200px){.template-card-img-inner{border-radius:10px}}.template-card-img-inner::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;content:"";background-color:#fff;opacity:0;transition:all .3s ease-out}.template-card-img-inner:hover::after{opacity:.3}.template-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-out}.template-card-img-inner:hover .template-card-img{transform:scale(1.25)}.template-card-btn-play{z-index:2}.template-card-btn-go{margin-top:.445rem}@media screen and (min-width: 1200px){.template-card-btn-go{margin-top:35px}}.template-btn-go{margin-top:.43rem}@media screen and (min-width: 1200px){.template-btn-go{display:flex;margin:0 auto;margin-top:30px}}.features{padding-top:1.1rem;padding-bottom:1.1rem;background-color:#f6f6f6}@media screen and (min-width: 1200px){.features{padding-top:91px;padding-bottom:105px}}.features-tip{font:normal normal 600 .34rem/.56rem Poppins;letter-spacing:.017rem;color:#8b3dff;text-align:center}@media screen and (min-width: 1200px){.features-tip{font:normal normal 600 18px/56px Poppins}}.features-title{font:normal normal 500 .44rem/.77rem Poppins;letter-spacing:-0.014rem;text-align:center;color:#000}@media screen and (min-width: 1200px){.features-title{font:normal normal 500 44px/60px Poppins;letter-spacing:-0.7px}}.features-desc{font:normal normal 300 .25rem/.55rem Poppins;text-align:center;color:#000}@media screen and (min-width: 1200px){.features-desc{font:normal normal 300 18px/27px Poppins;margin-top:12px}}.features-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.61rem}@media screen and (min-width: 1200px){.features-list{gap:98px;margin-top:71px}}.features-card{display:flex;flex-direction:column}@media screen and (min-width: 1200px){.features-card{flex-direction:row;gap:100px;justify-content:space-between}}.features-card-img-col{flex-shrink:0;font-size:0}@media screen and (min-width: 1200px){.features-card-content-col{display:flex;flex-direction:column;justify-content:center;width:409px}}.features-card-content-col{margin-top:.46rem}@media screen and (min-width: 1200px){.features-card-content-col{margin-top:0}}.features-card-img{width:100%;height:auto}.features-card-title{font:normal normal 500 .32rem/.48rem Poppins;color:#000;text-align:center}@media screen and (min-width: 1200px){.features-card-title{text-align:initial;font:normal normal 500 20px/30px Poppins}}.features-card-desc{font:normal normal 300 .32rem/.55rem Poppins;color:#000;text-align:center}@media screen and (min-width: 1200px){.features-card-desc{font:normal normal 300 16px/25px Poppins;text-align:initial;margin-top:12px}}.features-card-link{color:#6d4dff;font-weight:inherit;font-family:inherit;font-size:inherit}.features-card-btn-go{margin-top:.29rem}@media screen and (min-width: 1200px){.features-card-btn-go{margin-top:20px}}.best{padding-top:1.1rem;padding-bottom:1.1rem;background-color:#161619;background-image:url(../img/training-and-development/bg-best-h5.png);background-position:center calc(100% - .2rem);background-repeat:no-repeat;background-size:200% auto}@media screen and (min-width: 1200px){.best{padding-top:130px;padding-bottom:130px;background-image:url(../img/training-and-development/bg-best.png);background-position:center calc(100% - 200px);background-size:1920px 262px}}.best-title{font:normal normal 500 .44rem/.77rem Poppins;letter-spacing:-0.014rem;text-align:center;color:#fff}@media screen and (min-width: 1200px){.best-title{font:normal normal 500 44px/60px Poppins;letter-spacing:-0.7px}}.best-desc{font:normal normal 300 .25rem/.55rem Poppins;text-align:center;color:#fff}@media screen and (min-width: 1200px){.best-desc{font:normal normal 300 18px/27px Poppins;margin-top:12px}}.best-list{display:flex;flex-direction:column;gap:.15rem;margin-top:.36rem}@media screen and (min-width: 1200px){.best-list{flex-direction:row;gap:61px;margin-top:36px}}.best-item{flex:1}.best-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.52rem;background:#28282b;border:1px solid #46464e;border-radius:.06rem;text-align:center}@media screen and (min-width: 1200px){.best-card{padding:26px;border-radius:6px;height:100%}}.best-card-icon{height:.62rem;width:auto}@media screen and (min-width: 1200px){.best-card-icon{height:56px}}.best-card-title{margin-top:.1rem;font:normal normal 600 .36rem/.55rem Poppins;color:#f5c996}@media screen and (min-width: 1200px){.best-card-title{margin-top:5px;font:normal normal 600 18px/27px Poppins}}.best-card-desc{margin-top:.19rem;font:normal normal 300 .32rem/.55rem Poppins;color:#fff}@media screen and (min-width: 1200px){.best-card-desc{margin-top:10px;font:normal normal 300 14px/21px Poppins}}.best-btn-go{margin-top:.36rem}@media screen and (min-width: 1200px){.best-btn-go{display:flex;margin:0 auto;margin-top:36px}}.more{padding-top:1.1rem;padding-bottom:1.1rem;background-image:linear-gradient(272deg, #ffffff 0%, #e0ddf2 100%)}@media screen and (min-width: 1200px){.more{padding-top:75px;padding-bottom:85px}}.more-title{font:normal normal 500 .44rem/.77rem Poppins;letter-spacing:-0.014rem;text-align:center;color:#000}@media screen and (min-width: 1200px){.more-title{font:normal normal 500 44px/60px Poppins;letter-spacing:-0.7px}}.more-list{display:flex;flex-direction:column;margin-top:.33rem;gap:.1rem}@media screen and (min-width: 1200px){.more-list{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:31px}}@media screen and (min-width: 1200px){.more-item{width:calc(33.3333333333% - 20px)}}.more-card{display:flex;flex-direction:column;align-items:center;padding:.4rem .8rem;height:100%;text-align:center;background-color:#f9f9f9;border:1px solid #e4e4f1;border-radius:.1rem}@media screen and (min-width: 1200px){.more-card{border-radius:10px;padding-top:36px;padding-right:24px;padding-bottom:56px;padding-left:24px}}.more-card-icon{width:auto;height:.8rem}@media screen and (min-width: 1200px){.more-card-icon{height:73px}}.more-card-title{font:normal normal 500 .36rem/.55rem Poppins;letter-spacing:-0.0058rem;color:#000}@media screen and (min-width: 1200px){.more-card-title{font:normal normal 500 18px/27px Poppins;letter-spacing:-0.29px}}.more-card-desc{font:normal normal 300 .28rem/.55rem Poppins;letter-spacing:-0.0056rem;color:#858585}@media screen and (min-width: 1200px){.more-card-desc{font:normal normal 300 16px/25px Poppins;letter-spacing:0px}}.more-btn-go{margin-top:.43rem}@media screen and (min-width: 1200px){.more-btn-go{display:flex;margin:0 auto;margin-top:30px}}.ready{padding-top:1.1rem;padding-bottom:1.1rem;background-color:#161619;background-image:url(../img/training-and-development/bg-ready-pc.png);background-position:center bottom;background-repeat:no-repeat;background-size:1920px 189px}@media screen and (min-width: 1200px){.ready{padding-top:156px;padding-bottom:204px;background-image:url(../img/training-and-development/bg-ready-pc.png);background-position:center bottom;background-size:1920px 189px}}.ready-title{font:normal normal 500 .54rem/.77rem Poppins;letter-spacing:-0.014rem;text-align:center;color:#fff}@media screen and (min-width: 1200px){.ready-title{font:normal normal 500 44px/60px Poppins;letter-spacing:-0.7px}}.ready-desc{margin-top:.45rem;font:normal normal 300 .44rem/.55rem Poppins;text-align:center;color:#fff}@media screen and (min-width: 1200px){.ready-desc{margin-top:12px;font:normal normal 300 18px/27px Poppins}}.ready-btn-go{margin-top:.43rem}@media screen and (min-width: 1200px){.ready-btn-go{display:flex;margin:0 auto;margin-top:30px}}.video-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:rgba(0,0,0,.7)}.video-popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;padding:.6rem;background-color:#fff;border-radius:.2rem}@media screen and (min-width: 1200px){.video-popup-content{width:1086px;max-width:100%;padding:48px 94px;border-radius:10px}}.video-popup-close{position:absolute;right:.1rem;top:.1rem;width:.48rem;height:.48rem;background:url(../img/training-and-development/close.svg);background-size:contain;background-repeat:no-repeat;cursor:pointer}@media screen and (min-width: 1200px){.video-popup-close{right:16px;top:16px;width:24px;height:24px}}.video-popup-player{width:100%}.users{padding-top:1.1rem;padding-bottom:1.1rem}@media screen and (min-width: 1200px){.users{padding-top:79px;padding-bottom:95px}}.users-title{font:normal normal 500 .44rem/.77rem Poppins;letter-spacing:-0.014rem;text-align:center;color:#000}@media screen and (min-width: 1200px){.users-title{font:normal normal 500 44px/60px Poppins;letter-spacing:-0.7px}}.users-swiper-outer{position:relative;margin-top:.46rem}@media screen and (min-width: 1200px){.users-swiper-outer{margin-top:58px}}.users-swiper{padding-bottom:.85rem}@media screen and (min-width: 1200px){.users-swiper{padding-bottom:0}}.users-swiper .swiper-slide{height:auto}.users-swiper .user-card{height:100%}.users-swiper .user-card-comment{margin-bottom:.2rem}@media screen and (min-width: 1200px){.users-swiper .user-card-comment{margin-bottom:30px}}.users-swiper .user-card-stars{margin-top:auto}.users-swiper .swiper-pagination{display:flex;align-items:center;justify-content:center}.users-swiper .swiper-pagination-bullet{width:.24rem;height:.24rem;background-color:#beb8cb;opacity:1}.users-swiper .swiper-pagination-bullet-active{width:.4rem;height:.4rem;background-color:#6d4dff}.users-swiper-prev,.users-swiper-next{position:absolute;right:100%;top:50%;transform:translate(-87px, -50%);display:flex;align-items:center;justify-content:center;width:52px;height:98px;color:#fff;font-size:36px;background-color:rgba(0,0,0,.1);border-radius:10px;cursor:pointer;transition:all .3s ease-out}.users-swiper-prev:not(.swiper-button-disabled):hover,.users-swiper-next:not(.swiper-button-disabled):hover{background-color:rgba(0,0,0,.3)}.users-swiper-prev.swiper-button-disabled,.users-swiper-next.swiper-button-disabled{cursor:not-allowed}.users-swiper-next{right:initial;left:100%;top:50%;transform:translate(87px, -50%)}.user-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;background-image:linear-gradient(180deg, #ffffff 0%, #f1f1f1 100%);border-radius:.1rem}@media screen and (min-width: 1200px){.user-card{padding:30px;border-radius:10px}}.user-card-avatar{width:1.48rem;height:1.48rem;border-radius:100%}@media screen and (min-width: 1200px){.user-card-avatar{width:82px;height:82px}}.user-card-name{margin-top:.45rem;font:normal normal 500 .36rem/.55rem Poppins;letter-spacing:-0.0058rem;color:#000}@media screen and (min-width: 1200px){.user-card-name{margin-top:25px;font:normal normal 500 20px/30px Poppins;letter-spacing:0px}}.user-card-job{margin-top:.1rem;font:normal normal 300 .28rem/.55rem Poppins;letter-spacing:.0056rem;color:#000}@media screen and (min-width: 1200px){.user-card-job{margin-top:6px;font:normal normal 500 14px/21px Poppins;letter-spacing:0px}}.user-card-comment{margin-top:.26rem;font:normal normal 300 .28rem/.55rem Poppins;letter-spacing:.0056rem;color:#000}@media screen and (min-width: 1200px){.user-card-comment{padding-top:16px;font:normal normal 300 14px/21px Poppins;letter-spacing:0px}}.user-card-stars{margin-top:.28rem}@media screen and (min-width: 1200px){.user-card-stars{margin-top:48px}}.users-btn-go{margin:0 auto;margin-top:.44rem}@media screen and (min-width: 1200px){.users-btn-go{display:flex;margin:0 auto;margin-top:50px}}@media screen and (min-width: 1200px){.learning-faq{background:#f8f8f8 0% 0% no-repeat padding-box;padding:90px 0}.learning-faq .faq-wapper{width:1086px;margin:0 auto;display:flex}.learning-faq .faq-wapper h2{width:222px;font:normal normal 500 89px/142px Poppins;letter-spacing:-1.42px;color:#000;margin-right:160px}.learning-faq .faq-wapper h2 p{font:normal normal 500 25px/50px Poppins;letter-spacing:-0.4px;color:#000}.learning-faq .faq-wapper .faq-list{flex-grow:1}.learning-faq .faq-wapper .faq-list .faq-test-faq-item{padding:30px 0;border-bottom:1px solid #d2d0de}.learning-faq .faq-wapper .faq-list .faq-test-faq-item h3{cursor:pointer;font:normal normal 300 18px/27px Poppins;letter-spacing:0px;color:#000;position:relative}.learning-faq .faq-wapper .faq-list .faq-test-faq-item h3::after{content:"";display:inline-block;width:18px;height:18px;background:url("../img/_common/faq_arrow.svg") no-repeat;background-size:cover;position:absolute;right:0;transition:transform .3s ease-out}.learning-faq .faq-wapper .faq-list .faq-test-faq-item h3.active::after{transform:rotateX(-180deg)}.learning-faq .faq-wapper .faq-list .faq-test-faq-item .css-p{padding:30px 0 0 0;font:normal normal 300 16px/27px Poppins;display:none}.learning-faq .faq-wapper .faq-list .faq-test-faq-item .css-p a{color:#6d4dff}.learning-faq .faq-wapper .faq-list .faq-test-faq-item ul li{font:normal normal 300 16px/27px Poppins;position:relative;padding-inline-start:20px}.learning-faq .faq-wapper .faq-list .faq-test-faq-item ul li:before{width:6px;height:6px;content:"";display:block;position:absolute;left:0;top:10px;border-radius:6px;background:#000}.learning-blog{padding-top:80px}.learning-blog h2{font:normal normal 600 44px/66px Poppins;color:#000}.learning-blog h2{text-align:center}.learning-blog .wrapper-blog{max-width:1278px}.learning-blog .swiper-container-blog-m{display:none}.learning-blog .swiper-wrapper-blog{margin-left:32px;height:100%}.learning-blog .swiper-container-blog{display:block;padding:45px 0 100px 0;max-width:1278px;margin:0 auto;height:385px;display:flex;align-items:center;justify-content:center;box-sizing:content-box}.learning-blog .swiper-container-blog .swiper-icon{display:inline-block;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #39325a;cursor:pointer;flex-shrink:0;opacity:1;transition:.3s}.learning-blog .swiper-container-blog .swiper-icon:hover{opacity:1}.learning-blog .swiper-container-blog .prev-btn i{display:inline-block;width:12px;height:22px;background:url("../img/text-to-speech/left-icon.svg");background-size:12px 22px}.learning-blog .swiper-container-blog .next-btn i{display:inline-block;width:12px;height:22px;background:url("../img/text-to-speech/right-icon.svg");background-size:12px 22px}.learning-blog .swiper-container-blog .button-disabled{opacity:.3;cursor:no-drop}.learning-blog .swiper-container-blog .button-disabled:hover{opacity:.3}.learning-blog .swiper-container-blog .swiper-wrapper{width:1300px}.learning-blog .swiper-container-blog .swiper-slide{width:100%;display:flex;justify-content:space-between}.learning-blog .swiper-container-blog .swiper-slide .slide-item{width:260px;overflow:hidden;height:340px;cursor:pointer;transition:.3s;background:#fff 0% 0% no-repeat padding-box;border:1px solid #d7d4e5;border-radius:4px;box-shadow:10px 12px 16px rgba(170,167,188,.1607843137);position:relative}.learning-blog .swiper-container-blog .swiper-slide .slide-item .free-tool{position:absolute;right:0;top:0;padding:0 8px;height:25px;background-color:#00c54f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1}.learning-blog .swiper-container-blog .swiper-slide .slide-item:hover{background:#e0d8ff}.learning-blog .swiper-container-blog .swiper-slide .slide-item:hover h3{text-decoration:underline}.learning-blog .swiper-container-blog .swiper-slide .slide-item:hover img{transform:scale(1.1)}.learning-blog .swiper-container-blog .swiper-slide .slide-item img{width:100%;height:195px;-o-object-fit:cover;object-fit:cover;transition:.3s}.learning-blog .swiper-container-blog .swiper-slide .slide-item>h3{padding:0 20px;margin:13px 0 10px;font:normal normal 300 16px/25px Poppins;letter-spacing:0px;color:#000;text-align:left}.learning-blog .swiper-container-blog .swiper-slide .slide-item p{padding:0 20px;margin-bottom:35px;font-size:14px;font-weight:300}.learning-blog .swiper-container-blog .swiper-slide .slide-item p a{color:#6d4dff;font-weight:300}.learning-blog .swiper-container-blog .swiper-slide .slide-item p a:hover{text-decoration:underline}}@media screen and (max-width: 1200px){.learning-faq{background:#f8f8f8 0% 0% no-repeat padding-box;padding:.75rem .6rem}.learning-faq .faq-wapper h2{font:normal normal 600 .5rem/.76rem Poppins;letter-spacing:0px;color:#000;margin-bottom:.2rem;display:flex}.learning-faq .faq-wapper h2 p{margin-left:.18rem;font:normal normal 600 .5rem/.76rem Poppins;letter-spacing:0px;color:#000}.learning-faq .faq-wapper .faq-list .faq-test-faq-item{padding:.2rem 0 .3rem;border-bottom:1px solid #d2d0de}.learning-faq .faq-wapper .faq-list .faq-test-faq-item h3{font:normal normal 500 .32rem/.48rem Poppins;letter-spacing:0px;color:#000;width:100%;padding-right:.8rem;position:relative}.learning-faq .faq-wapper .faq-list .faq-test-faq-item h3::after{content:"";display:inline-block;width:.4rem;height:.4rem;background:url("../img/_common/faq_arrow.svg") no-repeat;background-size:cover;position:absolute;right:0;transition:transform .3s ease-out;margin-left:.5rem}.learning-faq .faq-wapper .faq-list .faq-test-faq-item h3.active::after{transform:rotateX(-180deg)}.learning-faq .faq-wapper .faq-list .faq-test-faq-item .css-p{padding:.3rem 0 0 0;font:normal normal 300 .28rem/.48rem Poppins;display:none}.learning-faq .faq-wapper .faq-list .faq-test-faq-item .css-p a{color:#6d4dff}.learning-faq .faq-wapper .faq-list .faq-test-faq-item ul li{font:normal normal 300 .28rem/.48rem Poppins;position:relative;padding-inline-start:20px}.learning-faq .faq-wapper .faq-list .faq-test-faq-item ul li:before{width:6px;height:6px;content:"";display:block;position:absolute;left:0;top:10px;border-radius:6px;background:#000}.learning-blog{padding-top:0px}.learning-blog h2{font:normal normal 600 .5rem/.76rem Poppins;text-align:center;margin-top:1.1rem}.learning-blog .swiper-container-blog{display:none}.learning-blog .wrapper-blog{overflow:hidden;padding:0 1.2rem}.learning-blog .swiper-container-blog-m{display:block !important;width:260px;margin-top:30px;height:8rem}.learning-blog .swiper-container-blog-m .swiper-container-m{height:8rem}.learning-blog .swiper-container-blog-m .swiper-wrapper .swiper-slide .slide-item{background:#fff;border-radius:.2rem;overflow:hidden;width:95%;min-height:7rem;box-shadow:0px 12px 16px rgba(170,167,188,.1607843137);position:relative}.learning-blog .swiper-container-blog-m .swiper-wrapper .swiper-slide .slide-item .free-tool{position:absolute;right:0;top:0;padding:0 8px;height:25px;background-color:#00c54f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1}.learning-blog .swiper-container-blog-m .swiper-wrapper .swiper-slide .slide-item img{width:100%;height:3.37rem;-o-object-fit:cover;object-fit:cover}.learning-blog .swiper-container-blog-m .swiper-wrapper .swiper-slide .slide-item h3{padding:.38rem .3rem .12rem .4rem;text-align:left;font:normal normal 300 .32rem/.55rem Poppins;letter-spacing:.64px;color:#000}.learning-blog .swiper-container-blog-m .swiper-wrapper .swiper-slide .slide-item p{padding:.12rem .3rem .73rem .4rem;font-size:.32rem;font-weight:300;color:#000}}