body{margin:0}:root{font-family:Exo\ 2,Lato,Helvetica Neue,sans-serif!important}.App{text-align:center}.App_login{background-image:url(https://nv.edu.vn/wp-content/uploads/2020/08/english-course.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.name{border-right:1px solid #e7e5e5}.name,.name1{transition:.5s ease}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:inherit;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login{height:100vh;position:relative;width:100vw}.login_body{background-color:#fff;border-radius:20px;box-shadow:0 1px 6px 5px rgba(0,0,0,.1);height:600px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:800px}.login_left{overflow:hidden}.login_img{background-attachment:fixed;background-image:url(https://nv.edu.vn/wp-content/uploads/2020/08/english-course.jpg);background-position:50%;background-repeat:no-repeat;border-radius:20px;height:450px;margin-left:50px;margin-top:50px;width:300px}.login_heading{color:#2c2c2c;font-size:60px;margin-top:30px}.login_form,.login_heading{text-align:left}.login_item,.login_text{margin:10px 10px 10px 0}.login_text{color:#09cfdd;display:block;font-size:15px;font-weight:500}.login_icon{font-size:20px;padding:10px}.login_input{border:1px solid #e8ebee;border-radius:50px;color:#656a6e;font-size:14px;outline:none;padding:10px 50px 10px 15px;transition:.25s ease}.login_input:focus{box-shadow:4px 4px 5px 1px hsla(180,0%,57%,.35);padding:10px 100px 10px 35px}.login_button{background:linear-gradient(98.63deg,#24e4f0,#358ff9);border:none;border-radius:6px;color:#edeef0;cursor:pointer;font-size:16px;font-weight:600;padding:10px;width:100px}.login_item-link{color:#0eb7fa;font-weight:500}.login_check-text{color:#656a6e;padding-left:10px}.login_register-text{color:#656a6e}.register{height:100vh;position:relative;width:100vw}.register_body{background-color:#fff;border-radius:20px;box-shadow:0 1px 6px 5px rgba(0,0,0,.1);height:650px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:800px}.register_left{overflow:hidden}.register_img{background-attachment:fixed;background-image:url(https://nv.edu.vn/wp-content/uploads/2020/08/english-course.jpg);background-position:50%;background-repeat:no-repeat;border-radius:20px;height:500px;margin-left:50px;margin-top:50px;width:300px}.register_heading{color:#2c2c2c;font-size:60px;margin-bottom:0;margin-top:25px;text-align:left}.register_form{text-align:left}.register_item{margin-top:10px}.register_text{color:#09cfdd;display:block;font-size:15px;font-weight:500;margin-bottom:5px}.register_icon{font-size:20px;padding:10px}.register_input{border:1px solid #e8ebee;border-radius:50px;color:#656a6e;font-size:14px;outline:none;padding:10px 50px 10px 15px;transition:.25s ease}.register_input:focus{box-shadow:4px 4px 5px 1px hsla(180,0%,57%,.35)}.register_button{background:linear-gradient(98.63deg,#24e4f0,#358ff9);border:none;border-radius:6px;color:#edeef0;cursor:pointer;font-size:16px;font-weight:600;padding:10px;width:100px}.register_item-link{color:#09cfdd;font-weight:500}.register_check-text{color:#656a6e;padding-left:10px}.register_register-text{color:#656a6e}.navbar{border-bottom:1px solid #f1f0f0;border-bottom-left-radius:6px;box-shadow:10px 1px 15px 1px rgba(17,18,19,.35);padding:0 20px}.navbar__item{align-items:center;display:flex;height:70px;justify-content:space-between}.navbar__left,.navbar__rigth{align-items:center;display:flex;padding-left:10px}.search_icon{color:#495057;cursor:pointer;font-size:14px;margin-right:20px}.search_item{border:none;border-radius:50px;box-shadow:1px 2px 2px 0 rgba(17,18,19,.35);color:#656a6e;font-size:16px;outline:none;padding:10px 15px 10px 35px;position:relative;transition:.25s ease;width:100%}.search_item:focus{box-shadow:4px 4px 10px 1px rgba(17,18,19,.35);padding:10px 100px 10px 35px}.search_item-icon{color:#656a6e;font-size:14px;left:75px;position:absolute}.user{align-items:center;display:flex;margin-right:10px}.user_img{border-radius:50px;height:40px;width:40px}.user__name{color:#353131;font-size:16px;padding:0 10px}.user__icon{color:#e44adc;font-size:10px;font-weight:800;padding-top:6px;position:relative}.user:before{background-color:initial;content:"";height:30px;position:absolute;right:18.2%;top:40px;width:150px}.user:hover .user__list{display:block}.user__list{background-color:#fff7ff;border-radius:10px;box-shadow:0 1px 15px 1px rgba(17,18,19,.35);display:none;height:100px;position:absolute;right:17%;top:7%;width:150px;z-index:2}.navbar__rigth-icon{color:#495057;cursor:pointer;font-size:14px;margin:10px;padding:0 15px}.power:hover{color:red}.MenuUnfold{position:relative}.MenuUnfold:hover{color:#1af13e}.todo{background:#fff;box-shadow:0 10px 10px 1px rgba(17,18,19,.35);height:100%;max-height:874px;position:fixed;right:-300px;top:70px;-webkit-transform:scaleX(0);transform:scaleX(0);transition:.5s ease;width:300px;z-index:2}.todo1{right:0}.todo__heading{background:linear-gradient(90deg,#b5ff60,#0acf1b);color:#646566;display:flex;font-size:16px;font-weight:500;height:40px;justify-content:space-between;padding-top:15px;width:100%}.todo__list{list-style:none;margin:0;padding-left:0;text-decoration:none}.todo__item{border-bottom:1px solid #d6d4d4;display:flex;justify-content:space-between;padding-bottom:5px;padding-top:10px}.todo__item:hover{background-color:#f6f7f7}.profile{position:relative}.profile span{background-color:#12f125;border:.13rem solid #fff;border-radius:100%;bottom:.5rem;height:.5rem;position:absolute;right:1px;width:.5rem}.profile img{border-radius:50px;height:40px;margin-left:10px;width:40px}.text-muted{color:#918f8f;padding-right:20px;padding-top:10px}.info p{margin:0;text-align:left}.info__ac{color:#918f8f;font-size:12px}.info{padding-right:70px}.product{margin-left:10px;margin-right:10px}.product__heading{display:flex;justify-content:space-between}.product__deading{align-items:center;display:flex;margin-bottom:10px;text-align:center}.product__create{margin-top:15px}.product__create-btn{background-color:#43d61e;box-shadow:1px 3px 5px 1px rgba(17,18,19,.35);font-size:16px;font-weight:500;padding:0 20px}.product__create-btn:hover{background-color:#3af30b!important}.product__deading-icon{align-items:center;background-color:#fff;border-radius:6px;box-shadow:1px 3px 5px 1px rgba(17,18,19,.35);color:#43d61e;font-size:16px;margin-right:10px;padding:15px}.home{margin-top:30px}.header,.home{margin-left:10px;margin-right:10px}.header{background-color:#fff;text-align:left}.header__left{background-color:#fff;background:linear-gradient(90deg,#ffbf96,#fe7096);border-radius:7px;cursor:pointer;overflow:hidden;padding-left:40px;position:relative;z-index:1}.header__chart{border-radius:5px;height:180px!important;width:300px;z-index:5}.header__chart,.header__icon{background-color:#fff;position:absolute;right:-80px;top:-30px}.header__icon{border-radius:50%;height:180px;opacity:.3;width:180px;z-index:1}.header__icon1{background-color:#fff;border-radius:50%;bottom:-80px;height:200px;opacity:.3;position:absolute;right:-30px;width:200px;z-index:0}.header__center{background-color:#fff;background:linear-gradient(90deg,#84d9d2,#07cdae)}.header__center,.header__rigth{border-radius:7px;cursor:pointer;overflow:hidden;padding-left:40px;position:relative;z-index:1}.header__rigth{background-color:#fff;background:linear-gradient(90deg,#b5ff60,#0acf1b)}.header__heading{color:#fff;font-size:18px;font-weight:400;margin-top:0;padding-top:30px}.header__price{color:#fff;font-size:30px;font-weight:600;margin-bottom:50px}.header__desc{color:#fff;font-size:16px;font-weight:500}.card{background:#fff;border:0;border-radius:.55rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:30px;position:relative;transition:.5s;width:100%}.input-group{background:linear-gradient(90deg,#b5ff60,#0acf1b)}.chat__search_item{border:1px solid #e8ebee;border-radius:50px;color:#656a6e;font-size:16px;margin:33px 0;outline:none;padding:10px 15px 10px 35px;position:relative;transition:.25s ease}.chat__search_item-icon{color:#656a6e;font-size:14px;left:30px;position:absolute;top:44px}.chat__left{border-radius:5px;margin-left:10px;margin-right:10px}.people-list{border-right:1px solid #e8eaf0;display:grid;grid-template-rows:11vh 64vh 13vh;overflow:hidden}.chat-list{cursor:pointer;float:left;margin-bottom:0;margin-top:0;overflow-y:auto;padding-left:0;width:100%;z-index:10}#style-1::-webkit-scrollbar{width:6px}#style-1::-webkit-scrollbar-thumb{background-color:#a1a1a0}#style-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.people-list .chat-list li{border-radius:3px;list-style:none;padding:10px 15px}.people-list .chat-list li:hover{background:#efefef;border-bottom-right-radius:6px;border-top-right-radius:6px;cursor:pointer}.people-list .chat-list li.active{background:#efefef}.people-list .chat-list li .people__name{font-size:15px}.people-list .chat-list img{border-radius:50%;width:45px}.people-list img{border-radius:50%;float:left}.people-list .about{float:left;padding-left:8px}.people-list .status{color:#999;font-size:13px}.chat .chat-header{border-bottom:2px solid #f4f7f6;padding:15px 20px}.chat .chat-header img{border-radius:40px;float:left;width:40px}.chat .chat-header .chat-about{float:left;padding-left:10px}.chat .chat-history{border-bottom:2px solid #fff;padding:20px}.chat .chat-history ul{padding:0}.chat .chat-history ul li{list-style:none;margin-bottom:30px}.chat .chat-history ul li:last-child{margin-bottom:0}.chat .chat-history .message-data{margin-bottom:15px}.chat .chat-history .message-data img{border-radius:40px;width:40px}.chat .chat-history .message-data-time{color:#434651;padding-left:6px}.chat .chat-history .message{border-radius:7px;color:#444;display:inline-block;font-size:16px;line-height:26px;padding:18px 20px;position:relative}.chat .chat-history .message:after{border:10px solid transparent;border-bottom-color:#fff;bottom:100%;content:" ";height:0;left:7%;margin-left:-10px;pointer-events:none;position:absolute;width:0}.chat .chat-history .my-message{background:#efefef}.chat .chat-history .my-message:after{border:10px solid transparent;border-bottom-color:#efefef;bottom:100%;content:" ";height:0;left:30px;margin-left:-10px;pointer-events:none;position:absolute;width:0}.chat .chat-history .other-message{background:#e8f1f3;text-align:right}.chat .chat-history .other-message:after{border-bottom-color:#e8f1f3;left:93%}.chat .chat-message{padding:20px}.me,.offline,.online{font-size:8px;margin-right:2px;vertical-align:middle}.online{color:#86c541}.offline{color:#e47297}.me{color:#1d8ecd}.float-right{float:right}.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}@media only screen and (max-width:767px){.chat-app .people-list{background:#fff;display:none;height:465px;left:-400px;overflow-x:auto;width:100%}.chat-app .people-list.open{left:0}.chat-app .chat{margin:0}.chat-app .chat .chat-header{border-radius:.55rem .55rem 0 0}.chat-app .chat-history{height:300px;overflow-x:auto}}@media only screen and (min-width:768px) and (max-width:992px){.chat-app .chat-list{height:650px;overflow-x:auto}.chat-app .chat-history{height:600px;overflow-x:auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.chat-app .chat-list{height:480px;overflow-x:auto}.chat-app .chat-history{height:calc(100vh - 350px);overflow-x:auto}}.Chat-list1,.Right-side-chat{display:flex;flex-direction:column;gap:1rem}.conversation:hover{background-color:#faf9f9;border-radius:6px;box-shadow:0 3px 3px 1px rgba(66,236,89,.35);cursor:pointer}.conversation{border-bottom:1px solid #e8eaf0;padding:10px;position:relative}.conversation__body{display:flex}.online-dot{background-color:#33f821;border:2px solid #fff;border-radius:50%;height:12px;left:40px;position:absolute;top:40px;width:12px}.followerImage{border-radius:50%;height:45px;width:50px}.followeruser{display:block;padding-left:10px}.followeruser h4{color:#858484;font-size:15px;font-weight:400;margin:0;padding-top:3px}.followeruser h5{margin:0;padding-top:5px}.ChatBox-container{background:hsla(0,0%,100%,.64);border-radius:1rem;display:grid;grid-template-rows:11vh 64vh 13vh}.chat-header{border-bottom:1px solid rgba(88,87,87,.1);display:flex;flex-direction:column;padding:1rem 1rem 0;z-index:10}.follower{text-align:left}.chat-body{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1.5rem}#style-1::-webkit-scrollbar{background-color:#f5f5f5;border-radius:10px;width:12px}#style-1::-webkit-scrollbar-thumb{background:linear-gradient(98.63deg,#24e4f0,#358ff9);border-radius:10px}#style-1::-webkit-scrollbar-track{background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px rgba(32,181,226,.438)}.message{background:linear-gradient(98.63deg,#ecaf59,#ff5729);border-radius:1rem 1rem 1rem 0;color:#fff;display:flex;flex-direction:column;gap:.5rem;max-width:28rem;padding:.7rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message>span:nth-child(2){align-self:end;color:var(--textColor);font-size:.7rem}.own{align-self:flex-end;background:linear-gradient(98.63deg,#24e4f0,#358ff9);border-radius:1rem 1rem 0 1rem}.chat-sender{align-items:center;align-self:end;background:#fff;border-left:1px solid #f0efef;border-top:1px solid #f0efef;display:flex;gap:1rem;height:6.1rem;justify-content:space-between;padding:.8rem}.chat-sender>input{background-color:#ececec;border:none;border-radius:.5rem;flex:1 1;font-size:14px;height:70%;outline:none;padding:0 15px}.chat-sender>div:first-of-type{align-items:center;background:#e9e9e9;border-radius:.5rem;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center}.chat-sender>div{height:70%;padding:0 15px}.chatbox-empty-message{color:#a1a1a1;font-size:18px;font-weight:500;margin-top:40vh}.header-page{background:#fff;border-bottom:2px solid #dedede;box-shadow:0 2px 8px 2px hsla(0,0%,82%,.8);color:#fff;font-size:18px;height:56px;max-width:100%;padding:0 16px;position:relative;z-index:10}.header-page__search{max-width:250px;width:100%}.header-page__title{flex-shrink:0}.header-page__title h3.ant-typography{font-size:20px;font-weight:700;margin-bottom:15px}.menu-item{padding:2px 8px}.menu-item,.menu-item .menu-item__btn{height:100%;width:100%}.header-page .wrapper{align-items:center;flex-flow:nowrap;height:100%;justify-content:space-between}.header-page .wrapper .ant-menu-horizontal{background:transparent;border:0;color:#fff;padding:0 10px}.btnBack{background-color:#e1fafe;border:none;border-radius:25px;box-shadow:1px 1px 4px 0 #02c2e8;color:#02c2e8;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 15px}.Navigate__heading{align-items:center;display:flex;padding-left:20px;padding-top:16px;text-align:center}.Navigate__heading h3{-webkit-animation:slide-in .5s ease;animation:slide-in .5s ease;color:#7e7a7a;display:flex;margin:0;padding-left:30px}.Navigate__list{list-style:none;padding-left:0;padding-top:20px}.Navigate__item{color:#858484;cursor:pointer;font-size:14px;padding:26px!important}.Navigate__item:hover{background-color:#faf9f9}.Navigate__item:hover,.ant-menu-item-selected{border-radius:6px;box-shadow:0 3px 3px 1px rgba(66,236,89,.35)}.ant-menu-item-selected{background-color:#faf9f9!important}.navbar__center-link{align-items:center;display:flex;justify-content:space-between;padding:25px 0;position:relative;text-align:center;text-decoration:none}.fade-in{-webkit-animation:slide-in .5s ease;animation:slide-in .5s ease;color:#858484;font-size:14px;position:absolute}.Navigate__item-icon{color:#949292;font-size:18px;position:absolute;right:30px}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.Navigate__item:hover .Navigate__item-icon{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:phong-to-animation;animation-name:phong-to-animation;color:#c40f0f;font-size:20px}@-webkit-keyframes phong-to-animation{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes phong-to-animation{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.wrapperText{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#374dc5;display:-webkit-box;font-weight:700;left:12px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:-12px}.cardGroup{margin:1rem}.ant-card-head{margin-bottom:-30px!important}.ant-form-item-control-input-content{display:flex}.grammar__item-icon{border-radius:6px;box-shadow:1px 4px 4px 0 #09cfddc4;color:#09cfdd;font-size:16px;padding:12px 15px}.grammar{border:1px solid hsla(0,0%,85%,.61);border-radius:6px;box-shadow:1px 1px 4px 0 #25252550;margin:10px;min-height:55vh;padding:0 10px}.grammar__heading{text-align:left}.grammar__deading{align-items:center;display:flex}.grammar__deading-text{padding-left:10px}.grammar__body-item{align-items:center;border:1px solid #eeeeeead;border-radius:10px;color:#000;display:flex;justify-content:space-between;margin-bottom:15px}.grammar__body-item:hover{box-shadow:1px 4px 4px 0 #09cfdda6;color:#09cfdd;cursor:pointer}.grammar__body-item h3{align-items:center;display:block;margin:0;padding:12px 15px}.grammar__body-icon1{border-radius:6px;color:#09cfdd;margin-right:16px}.grammar__body-icon{padding-right:20px}.Navigate__heading1{align-items:center;display:flex;margin-right:50px;text-align:center}.user_img1{border-radius:50px;height:40px;width:40px}.user__search_item{border:none;border-radius:50px;box-shadow:1px 2px 2px 0 rgba(17,18,19,.35);color:#656a6e;font-size:16px;outline:none;padding:10px 100px 10px 35px;position:relative;transition:.25s ease;width:100%}.user__search_item-icon{color:#656a6e;font-size:15px;left:135px;position:absolute}.navbar__center-list{display:flex;padding-left:0}.navbar__center-item{align-items:center;border-radius:6px;cursor:pointer;display:block;list-style:none;margin:0 10px;padding:5px 10px;text-align:left;text-decoration:none;width:120px}.navbar__center-item:hover{box-shadow:0 4px 4px 0 #f8131350}.navbar__center-item-link:hover{color:#000}.navbar__center-item-link{color:#000;display:block;font-size:16px;font-weight:500}.navbar__item-icon{color:#ff0909ad;padding-right:10px}.navbar__rigth-user-icon{border-radius:6px;color:#495057;cursor:pointer;display:block;font-size:14px;margin:10px;padding:7px 10px}.navbar__rigth-user-icon:hover{box-shadow:0 4px 4px 0 #f8131350}.slider_img{border-radius:10px;height:200px;margin-right:20px;margin-top:25px}.slider{background:linear-gradient(90deg,#84d9d2,#07cdae);display:flex;height:250px;justify-content:space-between;width:100%}.slider__left{padding-left:50px;padding-top:50px;text-align:left}.slider__left h1{color:#fff;font-size:70px;margin-bottom:0;opacity:.8}.slider__left h3{color:#fff;padding-left:5px}.practice{border-radius:20px;box-shadow:1px 1px 4px 0 #23caef;overflow:hidden;transition:.15s linear}.practice_img{background-image:url(https://images.unsplash.com/photo-1524678606370-a47ad25cb82a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8bGlzdGVufGVufDB8fDB8fHww&w=1000&q=80);height:100%;min-height:206.049px;width:100%}.practice__link{color:#000;display:block}.practice:hover{box-shadow:1px 4px 4px 0 #23caef;color:#23caef;margin-top:-5px}.practice__heading{color:#239aef}.example{align-items:center;display:block;text-align:center}.pListen{border-radius:20px;box-shadow:1px 1px 4px 0 #23caef;overflow:hidden;transition:.15s linear;z-index:10}.pListen__title{color:#239aef;text-align:left;z-index:1}.pListen_img{background-image:url(https://images.unsplash.com/photo-1524678606370-a47ad25cb82a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8bGlzdGVufGVufDB8fDB8fHww&w=1000&q=80);height:100%;margin-bottom:22px;min-height:160.049px;width:100%}.pListen__link{color:#000;display:block}.pListen:hover{box-shadow:1px 4px 4px 0 #23caef;color:#23caef;margin-top:-5px}.pListen p{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin-bottom:50px;overflow:hidden;width:221px}.pListen h2,.pListen p{padding:0 10px;text-align:left}.pListen h2{font-size:15px;margin:0}.pListen__heading{color:#239aef;z-index:1}.test{display:flex!important;flex-flow:inherit;overflow-x:auto;padding:10px 0}#pListen__list::-webkit-scrollbar{background-color:#f5f5f5;border-radius:10px;height:8px;width:5px}#pListen__list::-webkit-scrollbar-thumb{background:linear-gradient(98.63deg,#24e4f0,#358ff9);border-radius:10px}#pListen__list::-webkit-scrollbar-track{background-color:#24e4f0;-webkit-box-shadow:inset 0 0 6px rgba(32,181,226,.438)}.pListen__title-icon{padding-right:10px}.lesson__list{padding-left:0}.lesson__ls{box-shadow:0 0 3px 0 #d9d9d9;padding:10px;transition:.5s ease}.lesson__item,.lesson__ls{border-radius:6px;margin-bottom:10px}.lesson__item{border:1px solid #ececec;color:#000;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:12px 15px;position:relative;text-align:left;text-decoration:none}.lesson__item:hover{box-shadow:1px 1px 4px 0 #23caef}.lesson__item-icon{color:#2cf30e}.lesson__item div span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-weight:400;left:85px;overflow:hidden;position:absolute;top:12px;width:60%}.topic__item{border-radius:10px;box-shadow:1px 1px 4px 0 #23caef;color:#000;cursor:pointer;display:block;margin-bottom:20px;transition:.15s linear}.topic__item:hover{box-shadow:1px 2px 4px 0 #23caef;margin-top:-5px}.topic__item h1{margin:0;padding:20px 20px 10px}.topic__item h6{font-size:16px;font-weight:400;letter-spacing:3px;margin:0}.topic__item h3{font-weight:400;margin:0;padding:10px 10px 30px}.lesson{border-radius:10px;box-shadow:1px 1px 4px 0 #23caef;margin-bottom:20px}.lesson__heading{text-align:center}.lesson__title{text-align:left}.lesson__content,.lesson__example-content,.lesson__example-title{text-align:justify}.lesson__example-content span{font-weight:600}.vocabulary__item-icon{box-shadow:1px 4px 4px 0 #f8131350}.vocabulary__detail-right{border-radius:10px;box-shadow:1px 1px 4px 0 #23caef;margin-bottom:20px;min-height:45.5vh}.vocabulary__play{align-items:center;display:flex;justify-content:center;text-align:center}.vocabulary__item{box-shadow:1px 4px 4px 0 #23caef}.vocabulary__item-body{border-radius:10px;box-shadow:1px 1px 4px 0 #8f8c8c50;cursor:pointer;margin-bottom:10px;position:relative}.vocabulary__item-body:hover{border-radius:10px;box-shadow:1px 4px 4px 0 #23caef}.vocabulary__item-body h2{color:#23caef;font-size:20px;font-weight:600;margin:0;padding-top:5px}.vocabulary__item-body h4{color:#b4b9b9;font-size:14px;font-weight:400;margin:0}.vocabulary__item-body h3{font-size:14px;font-weight:600;margin:0;padding-bottom:5px;padding-top:5px}.vocabulary__item-body-icon{color:#817f7f;font-size:16px;position:absolute;right:15px;top:10px}.vocabulary__item-body-icon:hover{color:#000}.vocabulary__button{align-items:center;background:linear-gradient(#2ce1c1,#23caef)!important;border:none;border-radius:50px;box-shadow:0 2px 6px 0 #d3d9e5;color:#fff!important;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;margin-bottom:20px;padding:16px 0;text-align:center;width:170px}.vocabulary__detail-left{border-radius:10px;box-shadow:1px 1px 4px 0 #23caef;margin-bottom:20px;position:relative}.vocabulary__detail-icon{cursor:pointer;font-size:20px;font-weight:700;left:5px;padding:10px;position:absolute;top:0}.vocabulary__detail-icon:hover{color:#fc0c0c}.vocabulary__detail-left h1{color:#1bda3bf6;font-size:3rem;margin:2vh 0 0}.vocabulary__detail-left h3{font-size:20px;margin:0;padding:20px}.vocabulary__detail-left h2{color:#1bda3bf6;font-size:25px;margin-bottom:20px;padding-bottom:20px}.faCaretLeft{padding-right:10px}.faCaretRight{padding-left:10px}.vocabulary__play{padding-left:20px}.question{border-radius:10px;box-shadow:1px 1px 4px 0 #23caef;margin-bottom:20px;min-height:30vh;padding:30px;text-align:left}.question h2{align-items:center;display:flex;text-align:center}.question h2 p{font-size:14px;font-weight:500;padding-left:10px}.question__button{background-color:#e1fafe;border:none;border-radius:25px;box-shadow:1px 1px 4px 0 #02c2e8;color:#02c2e8;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;min-width:100px;padding:10px 15px}.btn-submit{background-color:#fdf0f0;box-shadow:1px 1px 4px 0 #ff5252;color:#ff5252}.question__action{display:flex;justify-content:space-between;margin-top:2vh}.question__item{border:2px solid #fff;border-radius:10px;box-shadow:1px 1px 4px 0 #888787cb;cursor:pointer;margin-bottom:10px;padding:10px}.question__item:hover{box-shadow:1px 1px 4px 0 #f8131350}.bbbb{padding:0 7px 10px}.action{border:2px solid #02c2e8;box-shadow:1px 1px 4px 0 #02c2e8}.action_success{background-color:#85de77;border:2px solid #85de77;color:#fff}.action_fail{background-color:#ff756d;border:2px solid #ff756d;color:#fff}.correctAnswer{align-items:center;display:flex}.correctAnswer p{color:#4caf50;font-size:16px;font-weight:600;margin:0;padding-left:10px}.checkQuantityCorrect{align-items:center;display:flex;justify-content:space-between;padding:0 30px 30px;text-align:center}.faCircleCheck{color:#4caf50}.faCircleXmark{color:#ff5252}.checkQuantityCorrect div{font-size:16px;font-weight:600}.lStart{background-color:#fff;border-radius:15px;min-height:250px;padding-bottom:43px;padding-top:97px;position:relative}.lStart__bg{background:radial-gradient(74.21% 52.78% at 30.22% 82.87%,#56bcff 0,#65e2f5 100%);border-radius:15px 15px 100px 100px;height:250px;left:0;position:absolute;top:0;width:100%;z-index:0}.lStart__data{background-color:#fff;border-radius:20px;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin:0 auto;max-width:65%;padding-bottom:48px;z-index:2}.lStart__data,.lStart__progress{position:relative}.lStart-progress-box{background:rgba(139,235,253,.2);height:170px;-webkit-transform:translateX(-50%) translateY(-85px);transform:translateX(-50%) translateY(-85px);width:170px}.box-layer-2,.lStart-progress-box{align-items:center;border-radius:100%;display:flex;justify-content:center;left:50%;position:absolute}.box-layer-2{background:rgba(149,224,250,.2);height:149px;-webkit-transform:translateX(-50%) translateY(-74.5px);transform:translateX(-50%) translateY(-74.5px);width:149px}.box-layer-3{box-shadow:0 2px 20px 0 rgba(11,153,234,.4);height:120px;-webkit-transform:translateX(-50%) translateY(-61px);transform:translateX(-50%) translateY(-61px);width:120px}.box-layer-3,.box-layer-4{align-items:center;background:#fff;border-radius:100%;display:flex;justify-content:center;left:50%;position:absolute}.box-layer-4{height:105px;-webkit-transform:translateX(-50%) translateY(-55px);transform:translateX(-50%) translateY(-55px);width:105px}.box-layer-5{align-items:center;color:#7185ff;display:flex;font-size:30px;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-61px);transform:translateX(-50%) translateY(-61px)}.main-statistics{padding-top:112px}.main-statistics-questions-start{align-items:center;display:flex;justify-content:space-between;padding:0 50px}.main-stats-data-questions-stat-item h2,.main-stats-data-questions-stat-item h3{margin:0}.item-total{color:#849bb6}.item-correct{color:#82bc24}.item-incorrect{color:#ff5454}.main-statistics-questions-button{display:flex;justify-content:space-between;margin-top:40px;padding:0 10%}.main-statistics-questions-button-btn{align-items:center;background:linear-gradient(#2ce1c1,#23caef)!important;border:none;border-radius:50px;box-shadow:0 2px 6px 0 #d3d9e5;color:#fff!important;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:45px;justify-content:center;margin:0 auto;text-align:center;width:170px}.btn__review{background:linear-gradient(0deg,#f869b6,#ff948c)!important}.question-item{display:flex;justify-content:space-between;margin-bottom:14px}.question-item-img{border-radius:10px;height:230px;width:100%}.Lquestion__action{display:flex;justify-content:space-between;margin-top:10px;position:relative}.Lquestion__action:before{background-color:#56bcff;content:"";height:1px;position:absolute;top:-5px;width:100%}.Transcript p{margin:0}.Transcript span{font-weight:600;margin:0}.Lquestion__btn{background-color:#e1fafe;border:none;border-radius:25px;box-shadow:1px 1px 4px 0 #02c2e8;color:#02c2e8;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;min-width:100px;padding:10px 15px}.Lquestion__Transcript-active{align-items:flex-end;display:inline-flex;justify-content:flex-end}.history__heading{text-align:left}.history__list{flex-flow:inherit;height:25vh;overflow:hidden;overflow-y:auto;padding:2px}#history::-webkit-scrollbar{background-color:#f5f5f5;border-radius:10px;display:none;height:8px;width:5px}#history::-webkit-scrollbar-thumb{background:linear-gradient(98.63deg,#24e4f0,#358ff9);border-radius:10px}#history::-webkit-scrollbar-track{background-color:#24e4f0;-webkit-box-shadow:inset 0 0 6px rgba(32,181,226,.438)}.history__item{border:1px solid #ebebeb;border-radius:10px;cursor:pointer;display:block;list-style:none;margin-bottom:10px;padding:5px 10px;text-align:left;text-decoration:none}.history__item:hover{box-shadow:1px 1px 4px 0 #02c2e8}.Chill__question{flex-flow:inherit;height:300px;overflow:hidden;overflow-y:auto;padding:2px;width:100%}#chill::-webkit-scrollbar{background-color:#f5f5f5;border-radius:10px;height:8px;width:5px}#chill::-webkit-scrollbar-thumb{background:linear-gradient(98.63deg,#24e4f0,#358ff9);border-radius:10px}#chill::-webkit-scrollbar-track{background-color:#24e4f0;-webkit-box-shadow:inset 0 0 6px rgba(32,181,226,.438)}.vocabulary__item-icon{border-radius:6px;box-shadow:1px 1px 4px 0 #23caef;color:#ff0909ad;padding:12px 15px}.vocabulary{border-radius:6px;margin:10px;min-height:55vh;padding:0 10px}.vocabulary__heading{text-align:left}.vocabulary__deading{align-items:center;display:flex}.vocabulary__deading-text{padding-left:10px}.vocabulary__body-item{align-items:center;border:1px solid #eeeeeead;border-radius:10px;color:#000;display:flex;justify-content:space-between;margin-bottom:15px}.vocabulary__body-item:hover{box-shadow:1px 4px 4px 0 #f8131350;color:#ff0909ad;cursor:pointer}.vocabulary__body-item h3{align-items:center;display:block;margin:0;padding:12px 15px}.vocabulary__body-icon1{border-radius:6px;color:#ff0909ad;margin-right:20px}.vocabulary__body-icon{padding-right:20px}
/*# sourceMappingURL=main.6de0cb55.css.map*/