@charset "UTF-8";:root{--main-background: linear-gradient(89.51deg, #02e4d8 -.41%, #019aed 97.31%);--box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, .4);--black-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .4);--main-color: #25bcbd;--secondary-color: #e72d92;--black-color: #0f1c53;--main-text: #6d6d6d;--sm-text: 8px;--lg-text: 16px;--md-text: 24px;--xl-text: 32px}*{box-sizing:border-box;font-family:Almarai,sans-serif!important;margin:0}body{direction:rtl;font-family:Almarai,sans-serif!important}a{text-decoration:none;color:inherit}.container,.container-fluid{width:100%;margin:auto;padding-left:50px;padding-right:50px;display:flex;max-width:1920px}@media (max-width: 2560px){.container{max-width:1920px}}@media (max-width: 1920px){.container{max-width:1536px}}@media (max-width: 1536px){.container{max-width:1366px}}@media (max-width: 1366px){.container{max-width:1280px;padding-left:40px;padding-right:40px}}@media (max-width: 1280px){.container{max-width:1024px;padding-left:32px;padding-right:32px}}@media (max-width: 1024px){.container{max-width:768px;padding-left:24px;padding-right:24px}}@media (max-width: 768px){.container{max-width:640px}}@media (max-width: 640px){.container{max-width:475px;padding-left:16px;padding-right:16px}}@media (max-width: 475px){.container{padding-left:12px;padding-right:12px}}.main{width:100%;display:flex;flex-direction:column}.footer{width:100%;display:flex;flex-direction:column;background:linear-gradient(279.91deg,#027588 -6.69%,#011d22 178.34%);overflow:hidden;margin:auto;max-width:2560px}.footer .container{display:flex;flex-direction:column}.footer .container .wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.footer .container .wrapper .right{flex:1;width:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff}.footer .container .wrapper .right img{width:280px;height:194px;object-fit:cover}.footer .container .wrapper .left{flex:2;width:100%;padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.footer .container .wrapper .left p{font-size:24px;font-weight:400;color:#fff;line-height:40px;text-align:center;margin-bottom:24px}.footer .container .wrapper .left .links{width:100%;display:flex;align-items:center;justify-content:center}.footer .container .wrapper .left .links .link-img{margin-left:20px}.footer .container .wrapper .left .links .link-img:hover{transform:scale(1.2);transition:all .3s ease}.footer .container .footer-tape{display:flex;align-items:center;justify-content:space-between}.footer .container .footer-tape a{font-size:12px;font-weight:600;line-height:26.73px;color:#fff}@media (max-width: 767px){.footer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20px;padding-bottom:20px;background:linear-gradient(279.91deg,#027588 -6.69%,#011d22 178.34%)}.footer .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer .container .wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.footer .container .wrapper .right{flex:1;width:100%;display:flex;align-items:center;justify-content:center;border-left:none}.footer .container .wrapper .right img{width:140px;height:97px;object-fit:cover}.footer .container .wrapper .left{flex:1;width:100%;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.footer .container .wrapper .left p{font-size:12px;font-weight:400;color:#fff;line-height:20px;text-align:center;margin-bottom:24px}.footer .container .wrapper .left .links{width:100%;display:flex;align-items:center;justify-content:center}.footer .container .wrapper .left .links .link-img{margin-left:20px}.footer .container .wrapper .left .links .link-img:hover{transform:scale(1.2);transition:all .3s ease}.footer .container .footer-tape{display:none;align-items:center;justify-content:space-between;flex-direction:column}.footer .container .footer-tape a{font-size:12px;font-weight:600;line-height:26.73px;color:#fff}}@media only screen and (min-width: 768px) and (max-width: 1024px){.footer{width:100%;display:flex;background:linear-gradient(279.91deg,#027588 -6.69%,#011d22 178.34%);flex-direction:column}.footer .container{display:flex;flex-direction:column}.footer .container .wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.footer .container .wrapper .right{flex:1;width:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff}.footer .container .wrapper .right img{width:188px;height:130px;object-fit:cover}.footer .container .wrapper .left{flex:2;width:100%;padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.footer .container .wrapper .left p{font-size:18px;font-weight:400;color:#fff;line-height:30px;text-align:center;margin-bottom:0}.footer .container .wrapper .left .links{width:100%;display:flex;align-items:center;justify-content:center}.footer .container .wrapper .left .links .link-img{margin-left:20px}.footer .container .wrapper .left .links .link-img:hover{transform:scale(1.2);transition:all .3s ease}.footer .container .footer-tape{display:flex;align-items:center;justify-content:space-between;font-size:10px}.footer .container .footer-tape a{font-size:10px;font-weight:600;line-height:26.73px;color:#fff}}.fill-green{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:var(--main-color);color:#fff;height:40px;font-size:16px;font-weight:400;border-radius:8px;outline:none;border:none;text-align:center;transition:all .5s ease;cursor:pointer;position:relative}.fill-green:hover:not(.disabled){background:#fff!important;color:var(--main-color);border:var(--main-color) solid 1px}.fill-green img{width:23px;height:23px;border-radius:50%}.fill-green.disabled{cursor:not-allowed}.fill-green.disabled:hover{transform:none;box-shadow:none;background:var(--main-color)!important;border:none;color:#fff}.outlined-green{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:#fff!important;color:var(--main-color);border:var(--main-color) solid 1px;height:40px;font-size:16px;font-weight:400;border-radius:8px;outline:none;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.outlined-green:hover:not(.disabled){background:var(--main-color)!important;color:#fff;box-shadow:1px 1px 2px #0003;transform:scale(1.05)}.outlined-green img{width:23px;height:23px;border-radius:50%}.outlined-green.disabled{cursor:not-allowed}.outlined-green.disabled:hover{background-color:transparent;transform:none}.navbar{background-color:#fff;width:100%;height:80px;max-width:2560px;margin:0 auto}.navbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.navbar .container .right{display:flex;align-items:center;gap:10px;z-index:11}.navbar .container .right .login-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:#fff;color:#25bcbd;height:40px;font-size:16px;font-weight:400;border-radius:10px;outline:none;border:none;text-align:center;cursor:pointer;transition:all .3s ease}.navbar .container .right .login-btn:hover{box-shadow:1px 1px 2px #0003;transform:scale(1.05)}.navbar .container .left{display:flex;align-items:center;gap:10px;z-index:11}.navbar .container .left .logo{width:140px;height:140px;object-fit:cover}.profile-container{width:195px;padding:16px;border-radius:20px;display:flex;flex-direction:column;background-color:#fff;outline:none}.profile-container .link{width:100%;display:flex;align-items:center;gap:8px;padding:5px 0;font-size:15px;color:#636270}.profile-container .link .icon{color:#039ced}.profile-container .link:hover{text-decoration:underline;color:#039ced}@media (max-width: 767px){.navbar .container .left .logo{width:80px;height:80px;object-fit:cover}}.fill{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:#e72d92!important;color:#fff;height:40px;font-size:16px;font-weight:400;border-radius:10px;outline:none;border:none;text-align:center;transition:all .5s ease;cursor:pointer}.fill:hover{background:#fff!important;color:#e72d92!important;border:#e72d92 solid 1px!important}.fill img{width:23px;height:23px;border-radius:50%}.outlined{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:#fff!important;color:#e72d92;border:#e72d92 solid 1px;height:40px;font-size:16px;font-weight:400;border-radius:10px;outline:none;text-align:center;cursor:pointer;transition:all .3s ease}.outlined:hover{background:#e72d92!important;color:#fff;box-shadow:1px 1px 2px #0003;transform:scale(1.05)}.outlined img{width:23px;height:23px;border-radius:50%}.home{width:100%;display:flex;flex-direction:column;gap:100px;align-items:center;max-width:2560px;margin:0 auto}.hero{position:relative;margin:auto;top:-80px;display:flex;z-index:10}.hero .right{flex:1;display:flex;padding-top:160px;gap:32px;flex-direction:column}.hero .right .title{padding-right:120px;font-size:32px;font-weight:800;line-height:60px;text-align:right;color:var(--black-color)}.hero .right .title span{color:var(--main-color)}.hero .right .subtitle-container{background-color:var(--main-color);width:fit-content}.hero .right .subtitle-container .subtitle{padding-right:120px;font-size:32px;font-weight:600;line-height:60px;text-align:right;color:#fff}.hero .right .wrapper{display:flex}.hero .right .wrapper .social{display:flex;width:120px;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hero .right .wrapper .social .links{display:flex;flex-direction:column;gap:16px;background-color:#25bcbd33;padding:10px;border-radius:12px}.hero .right .wrapper .social .links .link-img:hover{transform:scale(1.1);transition:all .3s ease-out}.hero .right .wrapper .desc{flex:1;display:flex;flex-direction:column;gap:24px}.hero .right .wrapper .desc .text{font-size:20px;font-weight:500;line-height:50px;text-align:right;color:#646464}.hero .right .wrapper .desc .btns-container{display:flex;align-items:center}.hero .right .wrapper .desc .btns-container .reg-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:15px 30px;color:#fff;background-color:var(--main-color);font-size:16px;font-weight:700;border-radius:8px;outline:none;border:none;text-align:center;cursor:pointer;transition:all .3s ease}.hero .right .wrapper .desc .btns-container .reg-btn:hover{transform:scale(1.2)}.hero .right .wrapper .desc .btns-container .login-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:auto!important;padding:15px 30px;background:#fff;color:#25bcbd;height:40px;font-size:16px;border-radius:8px;outline:none;border:2px solid #25bcbd;text-align:center;cursor:pointer;transition:all .3s ease}.hero .right .wrapper .desc .btns-container .login-btn:hover{transform:scale(1.05)}.hero .left{flex:1;display:flex;justify-content:flex-end}.hero .left img{width:80%;object-fit:cover}.hero .hero-note{position:absolute;width:158px;height:96px;top:80px;right:50%;left:50%;transform:translateX(-50%,-50%);animation:infiniteFade 5s ease-in-out infinite}@media (max-width: 767px){.hero{position:relative;display:flex;width:100%;flex-direction:column;gap:20px}.hero .right{flex:1;padding-top:160px;width:100%;height:100%;display:flex;flex-direction:column;gap:20px}.hero .right .title{padding-right:0;font-size:24px;font-weight:800;line-height:50px;text-align:center}.hero .right .title span{color:var(--main-color)}.hero .right .subtitle-container{display:flex;background-color:var(--main-color);width:80%;border-radius:6px 0 0 6px}.hero .right .subtitle-container .subtitle{padding-right:10px;font-size:24px;font-weight:800;line-height:50px;text-align:center;color:#fff}.hero .right .wrapper{display:flex;position:relative}.hero .right .wrapper .social{position:absolute;top:20px;width:60px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.hero .right .wrapper .social .links{display:flex;flex-direction:column;gap:8px}.hero .right .wrapper .social .links .link-img:hover{transform:scale(1.1);transition:all .3s ease-out}.hero .right .wrapper .desc{display:flex;flex:1;padding:10px 60px 10px 10px;flex-direction:column;gap:24px}.hero .right .wrapper .desc .text{display:flex;width:100%;font-size:16px;font-weight:500;line-height:49.5px;text-align:right;color:#646464}.hero .right .wrapper .desc .btns-container{display:flex;align-items:center;gap:8px;display:none}.hero .right .wrapper .desc .btns-container .login-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:#fff;color:#25bcbd;height:40px;font-size:16px;font-weight:400;border-radius:10px;outline:none;border:2px solid #25bcbd;text-align:center;cursor:pointer;transition:all .3s ease}.hero .right .wrapper .desc .btns-container .login-btn:hover{transform:scale(1.05)}.hero .left{display:none;position:static;flex:1;width:100%;height:100%}.hero .left img{position:static;width:100%;height:auto;object-fit:cover}.hero .hero-note{position:absolute;width:120.53px;height:60.11px;top:80px;left:410px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.hero{position:relative;display:flex;min-height:100vh;width:100%;flex-direction:column}.hero .right{flex:2;padding-top:100px;width:100%;height:100%;display:flex;flex-direction:column}.hero .right .title{padding-right:60px;font-size:32px;font-weight:800;line-height:60px;text-align:right}.hero .right .title span{color:var(--main-color)}.hero .right .subtitle-container{background-color:var(--main-color);width:fit-content}.hero .right .subtitle-container .subtitle{padding-right:60px;font-size:32px;font-weight:800;line-height:60px;text-align:right;color:#fff}.hero .right .wrapper{display:flex}.hero .right .wrapper .social{width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hero .right .wrapper .social .links{display:flex;flex-direction:column;gap:8px}.hero .right .wrapper .social .links .link-img:hover{transform:scale(1.1);transition:all .3s ease-out}.hero .right .wrapper .desc{padding:0 60px 0 10px;display:flex;flex-direction:column;gap:24px}.hero .right .wrapper .desc .text{width:710px;font-size:24px;font-weight:500;line-height:48px;text-align:right;color:#646464}.hero .right .wrapper .desc .btns-container{display:flex;align-items:center;gap:16px}.hero .right .wrapper .desc .btns-container .login-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:#fff;color:#25bcbd;height:40px;font-size:16px;font-weight:400;border-radius:10px;outline:none;border:2px solid #25bcbd;text-align:center;cursor:pointer;transition:all .3s ease}.hero .right .wrapper .desc .btns-container .login-btn:hover{transform:scale(1.05)}.hero .left{flex:1;width:100%;height:100%}.hero .left img{width:100%;height:auto;object-fit:cover}.hero .hero-note{position:absolute;width:160px;height:120px;left:24px;right:auto;transform:none}}.about{position:relative;margin:auto;width:100%;display:flex;align-items:center}.about .container{display:flex;flex-direction:column;padding-bottom:96px;height:100%}.about .container .wrapper{display:flex}.about .container .wrapper .right{flex:1;display:flex;flex-direction:column;justify-content:center}.about .container .wrapper .right img{width:600px;height:600px;object-fit:cover}.about .container .wrapper .right .reg-btn{margin-top:10px;display:flex;align-self:center;align-items:center;justify-content:center;width:160px;gap:5px;padding:15px 30px;color:#fff;background-color:var(--main-color);font-size:16px;font-weight:700;border-radius:8px;outline:none;border:2px solid var(--main-color);text-align:center;cursor:pointer;transition:all .3s ease}.about .container .wrapper .right .reg-btn:hover{transform:scale(1.2)}.about .container .wrapper .left{flex:1;display:flex;flex-direction:column}.about .container .wrapper .left .title{font-size:32px;font-weight:700;line-height:40px;text-align:right}.about .container .wrapper .left .title span{color:var(--main-color)}.about .container .wrapper .left .main-desc{color:var(--main-text);font-size:24px;font-weight:500;line-height:40px;letter-spacing:.2px;text-align:right;margin-bottom:16px}.about .container .wrapper .left .items-container{display:flex;flex-direction:column;gap:24px}.about .container .wrapper .left .items-container .item{display:flex;align-items:flex-start;gap:10px}.about .container .wrapper .left .items-container .item .item-right{border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--main-color);font-size:24px;font-weight:700}.about .container .wrapper .left .items-container .item .item-right .icon{font-size:60px}.about .container .wrapper .left .items-container .item .item-left{flex:1}.about .container .wrapper .left .items-container .item .item-left .title{color:#252b42;font-size:24px;font-weight:600;line-height:48px;text-align:right}.about .container .wrapper .left .items-container .item .item-left .desc{font-size:16px;font-weight:400;line-height:36px;color:var(--main-text)}.about .container .wrapper .reg-btn{display:none}.about .about-note{position:absolute;right:0;top:-240px;width:300px;height:300px;border-radius:50%;animation:rotate 10s linear infinite}.about .about-subnote{width:240px;height:126px;position:absolute;left:50px;bottom:-100px;animation:infiniteFade 5s ease-in-out infinite}@media (max-width: 767px){.about{position:relative;display:flex;align-items:center;height:auto;width:100%}.about .container{display:flex;flex-direction:column;padding-bottom:96px}.about .container .wrapper{display:flex;flex-direction:column}.about .container .wrapper .right{display:none}.about .container .wrapper .left{width:100%;display:flex;flex-direction:column;gap:10px}.about .container .wrapper .left .title{font-size:24px;font-weight:700;line-height:20px;text-align:right;color:#0f1c53}.about .container .wrapper .left .title span{color:var(--main-color)}.about .container .wrapper .left .main-desc{color:var(--main-text);font-size:16px;font-weight:500;line-height:20px;letter-spacing:.2px;text-align:right;margin-bottom:20px}.about .container .wrapper .left .items-container{display:flex;flex-direction:column;gap:24px}.about .container .wrapper .left .items-container .item{display:flex;align-items:flex-start;gap:10px}.about .container .wrapper .left .items-container .item .item-right{border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--main-color);font-size:24px;font-weight:700}.about .container .wrapper .left .items-container .item .item-right .icon{font-size:40px}.about .container .wrapper .left .items-container .item .item-left{flex:1}.about .container .wrapper .left .items-container .item .item-left .title{color:#252b42;font-size:24px;font-weight:600;line-height:48px;text-align:right}.about .container .wrapper .left .items-container .item .item-left .desc{font-size:16px;font-weight:400;line-height:36px;color:var(--main-text)}.about .container .reg-btn{margin-top:10px;display:flex!important;align-self:center;align-items:center;justify-content:center;width:160px;gap:5px;padding:15px 30px;color:#fff;background-color:var(--secondary-color);font-size:16px;font-weight:700;border-radius:8px;outline:none;border:2px solid var(--secondary-color);text-align:center;cursor:pointer;transition:all .3s ease}.about .container .reg-btn:hover{transform:scale(1.2)}.about .about-note{position:absolute;right:0;top:-100px;width:100px;height:100px;border-radius:50%;animation:rotate 10s linear infinite}@keyframes infiniteFade{0%,to{opacity:0}50%{opacity:1}}.about .about-subnote{width:120px;height:64px;position:absolute;left:0;bottom:30px;animation:infiniteFade 5s ease-in-out infinite}}@media only screen and (min-width: 768px) and (max-width: 1024px){.about{position:relative;display:flex;align-items:center;height:auto;width:100%}.about .container{display:flex;flex-direction:column;padding-bottom:96px}.about .container .wrapper{display:flex;flex-direction:column}.about .container .wrapper .right{display:none}.about .container .wrapper .left{width:100%;display:flex;flex-direction:column;gap:10px}.about .container .wrapper .left .title{font-size:24px;font-weight:700;line-height:20px;text-align:right;color:#0f1c53}.about .container .wrapper .left .title span{color:var(--main-color)}.about .container .wrapper .left .desc{color:var(--main-text);font-size:16px;font-weight:500;line-height:20px;letter-spacing:.2px;text-align:right;margin-bottom:20px}.about .container .wrapper .left .top{width:100%;display:flex;justify-content:flex-end}.about .container .wrapper .left .top .top-item{width:100%;height:176.36px;opacity:0px;border-radius:50px 0;display:flex;align-items:center;gap:10px;padding:10px;color:#0f1c53}.about .container .wrapper .left .top .top-item .text-container{display:flex;flex-direction:column}.about .container .wrapper .left .top .top-item .text-container h2{font-size:20px}.about .container .wrapper .left .top .top-item .text-container p{font-size:14px;line-height:28px}.about .container .wrapper .left .bottom{width:100%;display:flex;gap:10px;justify-content:flex-end;flex-direction:column}.about .container .wrapper .left .bottom .bottom-right{width:100%;height:auto;border-radius:50px 0;display:flex;text-align:right;align-items:center;color:#0f1c53;flex-direction:column;padding:20px}.about .container .wrapper .left .bottom .bottom-right h2{font-size:20px}.about .container .wrapper .left .bottom .bottom-right p{font-size:14px;line-height:28px}.about .container .wrapper .left .bottom .bottom-left{display:flex;align-items:center;flex-direction:column;gap:10px}.about .container .wrapper .left .bottom .bottom-left .bottom-left-top{width:100%;height:156.67px;border-radius:50px 0;display:flex;text-align:center;align-items:center;color:#0f1c53;flex-direction:column;gap:10px;padding:20px}.about .container .wrapper .left .bottom .bottom-left .bottom-left-top .icon{font-size:50px}.about .container .wrapper .left .bottom .bottom-left .bottom-left-top h2{font-size:20px}.about .container .wrapper .left .bottom .bottom-left .bottom-left-bottom{width:100%;height:156.67px;border-radius:50px 0;display:flex;text-align:center;align-items:center;flex-direction:column;gap:10px;padding:20px}.about .container .wrapper .left .bottom .bottom-left .bottom-left-bottom .icon{font-size:50px}.about .container .wrapper .left .bottom .bottom-left .bottom-left-bottom h2{font-size:20px}.about .container .reg-btn{margin-top:10px;display:flex!important;align-self:center;align-items:center;justify-content:center;width:160px;gap:5px;padding:15px 30px;color:#fff;background-color:var(--secondary-color);font-size:16px;font-weight:700;border-radius:8px;outline:none;border:2px solid var(--secondary-color);text-align:center;cursor:pointer;transition:all .3s ease}.about .container .reg-btn:hover{transform:scale(1.2)}.about .about-note{position:absolute;right:0;top:-100px;width:100px;height:100px;border-radius:50%;animation:rotate 10s linear infinite}@keyframes infiniteFade{0%,to{opacity:0}50%{opacity:1}}.about .about-subnote{width:120px;height:64px;position:absolute;left:0;bottom:30px;animation:infiniteFade 5s ease-in-out infinite}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.services{position:relative;margin:auto;width:100%;display:flex}.services .container{display:flex;flex-direction:column;gap:10px;padding-bottom:96px}.services .container .title-container{display:flex;align-items:center;gap:10px}.services .container .title-container .title,.services .container .title-container span{font-size:40px;font-weight:700;line-height:40px;text-align:right;color:#0f1c53}.services .container .title-container span{color:var(--main-color)}.services .container .desc{color:var(--main-text);font-size:26px;font-weight:500;line-height:40px;letter-spacing:.2px;text-align:right;margin-bottom:20px}.services .container .items{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:50px}.services .container .items .item{width:calc(33% - 30px);padding:32px;border-radius:12px;box-shadow:0 67.11px 109.06px #0000000d;display:flex;flex-direction:column;gap:32px;background-image:url(/assets/ServicesNote-CNg_zSAe.svg);background-repeat:no-repeat;background-size:45%;background-position:center;background-position-y:80%;background-position-x:40%}.services .container .items .item:hover{transition:all .5s ease-out;transform:scale(1.1);cursor:pointer}.services .container .items .item .item-title{display:flex;align-items:center;gap:16px}.services .container .items .item .item-title img{width:44px;height:44px}.services .container .items .item .item-title p{font-size:20px;color:#0f1c53;font-weight:600}.services .container .items .item .grades{display:flex;flex-direction:column;gap:16px}.services .container .items .item .grades a{width:fit-content;color:#0f1c53;font-weight:600;text-decoration:none;transition:all .5s ease}.services .container .items .item .grades a:hover{color:var(--main-color);padding-right:50px}.services .services-note{position:absolute;left:50px;top:25px}@media (max-width: 767px){.services{position:relative;display:flex;width:100%}.services .container{display:flex;flex-direction:column;padding-bottom:96px}.services .container .title-container{display:flex;align-items:center;gap:10px}.services .container .title-container .title,.services .container .title-container span{font-size:24px;font-weight:700;line-height:30px;text-align:right;color:#0f1c53}.services .container .title-container span{color:var(--main-color)}.services .container .desc{color:var(--main-text);font-size:16px;font-weight:500;line-height:30px;letter-spacing:.2px;text-align:right;margin-bottom:20px}.services .container .items{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:50px;flex-direction:column}.services .container .items .item{width:100%;padding:32px;border-radius:12px;box-shadow:0 67.11px 109.06px #0000000d;display:flex;flex-direction:column;gap:32px;background-image:url(/assets/ServicesNote-CNg_zSAe.svg);background-repeat:no-repeat;background-size:45%;background-position:center;background-position-y:80%;background-position-x:40%}.services .container .items .item:hover{transition:all .5s ease-out;transform:scale(1.1);cursor:pointer}.services .container .items .item .item-title{display:flex;align-items:center;gap:16px}.services .container .items .item .item-title img{width:44px;height:44px}.services .container .items .item .item-title p{font-size:20px;color:#0f1c53;font-weight:600}.services .container .items .item .grades{display:flex;flex-direction:column;gap:16px}.services .container .items .item .grades a{width:fit-content;color:#0f1c53;font-weight:600;text-decoration:none}.services .container .items .item .grades a:hover{color:var(--main-color);padding-right:50px;transition:all .5s ease}.services .services-note{position:absolute;left:50px;top:25px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.services{position:relative;display:flex;width:100%}.services .container{display:flex;flex-direction:column;padding-bottom:96px}.services .container .title-container{display:flex;align-items:center;gap:10px}.services .container .title-container .title,.services .container .title-container span{font-size:24px;font-weight:700;line-height:30px;text-align:right;color:#0f1c53}.services .container .title-container span{color:var(--main-color)}.services .container .desc{color:var(--main-text);font-size:16px;font-weight:500;line-height:30px;letter-spacing:.2px;text-align:right;margin-bottom:20px}.services .container .items{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px}.services .container .items .item{width:calc(33% - 10px);padding:16px;border-radius:12px;box-shadow:0 67.11px 109.06px #0000000d;display:flex;flex-direction:column;gap:32px;background-image:url(/assets/ServicesNote-CNg_zSAe.svg);background-repeat:no-repeat;background-size:45%;background-position:center;background-position-y:80%;background-position-x:40%}.services .container .items .item:hover{transition:all .5s ease-out;transform:scale(1.1);cursor:pointer}.services .container .items .item .item-title{display:flex;align-items:center;gap:16px}.services .container .items .item .item-title img{width:30px;height:30px}.services .container .items .item .item-title p{font-size:16px;color:#0f1c53;font-weight:600}.services .container .items .item .grades{display:flex;flex-direction:column;gap:16px}.services .container .items .item .grades a{width:fit-content;font-size:14px;color:#0f1c53;font-weight:600;text-decoration:none}.services .container .items .item .grades a:hover{color:var(--main-color);padding-right:50px;transition:all .5s ease}.services .services-note{position:absolute;left:50px;top:25px}}.students{position:relative;display:flex;align-items:center;margin:auto;width:100%}.students .container{display:flex;flex-direction:column;padding-bottom:96px;gap:10px}.students .container .title{font-size:40px;font-weight:700;line-height:40px;text-align:right;color:#0f1c53}.students .container .title span{color:var(--main-color)}.students .container .box{width:100%;height:500px;background-color:var(--main-color);border-radius:20px;display:flex;padding:40px 26px;position:relative}.students .container .box .right{position:relative;flex:1}.students .container .box .right img{position:absolute;width:460px;height:480px;z-index:1;right:0;bottom:-75px}.students .container .box .right .text-container{position:absolute;bottom:10px;right:300px;background-color:#1fa1a2;width:460px;height:120px;border-radius:20px;padding:10px}.students .container .box .right .text-container h2{font-size:20px;font-weight:900;line-height:40px;text-align:center;color:#fff}.students .container .box .right .text-container p{font-size:16px;font-weight:400;line-height:30px;text-align:center;color:#fff}.students .container .box .left .message{width:416px;height:100%;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:25px 40px;background-image:url("data:image/svg+xml,%3csvg%20width='242'%20height='259'%20viewBox='0%200%20242%20259'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.8859%200H159.963C169.832%200%20178.803%204.06762%20185.313%2010.6433C191.822%2017.2189%20195.849%2026.2815%20195.849%2036.2503V117.097C195.849%20127.066%20191.822%20136.128%20185.313%20142.704C178.803%20149.28%20169.832%20153.347%20159.963%20153.347H97.9141L43.4177%20200.662C40.8932%20202.854%2037.0751%20202.559%2034.9052%20199.988C33.8412%20198.723%2033.3613%20197.164%2033.4656%20195.625L36.3657%20153.326H35.8859C26.0172%20153.326%2017.0458%20149.258%2010.5363%20142.683C4.02673%20136.128%200%20127.066%200%20117.097V36.2503C0%2026.2815%204.02673%2017.2189%2010.5363%2010.6433C17.0249%204.06762%2025.9964%200%2035.8859%200ZM213.458%2058.9699C220.489%2060.3399%20226.79%2063.8384%20231.672%2068.7702C238.036%2075.1983%20242%2084.0712%20242%2093.8503V174.697C242%20184.476%20238.057%20193.349%20231.672%20199.777C225.309%20206.205%20216.525%20210.21%20206.844%20210.21H205.572L208.534%20253.288C208.618%20254.637%20208.221%20256.028%20207.283%20257.124C205.384%20259.379%20202.025%20259.632%20199.813%20257.714L145.108%20208.819H73.0444L108.534%20172.357H183.727C200.126%20172.357%20213.563%20158.806%20213.563%20142.219V61.3515C213.542%2060.5506%20213.521%2059.7497%20213.458%2058.9699ZM53.5784%2092.0589C50.2402%2092.0589%2047.5279%2089.319%2047.5279%2085.9469C47.5279%2082.5748%2050.2402%2079.8349%2053.5784%2079.8349H116.9C120.238%2079.8349%20122.951%2082.5748%20122.951%2085.9469C122.951%2089.319%20120.238%2092.0589%20116.9%2092.0589H53.5784ZM53.5784%2061.7941C50.2402%2061.7941%2047.5279%2059.0542%2047.5279%2055.6821C47.5279%2052.31%2050.2402%2049.5702%2053.5784%2049.5702H143.335C146.673%2049.5702%20149.385%2052.31%20149.385%2055.6821C149.385%2059.0542%20146.673%2061.7941%20143.335%2061.7941H53.5784ZM159.942%2012.2239H35.8859C29.3555%2012.2239%2023.4093%2014.9216%2019.0904%2019.2843C14.7716%2023.647%2012.101%2029.6325%2012.101%2036.2503V117.097C12.101%20123.694%2014.7716%20129.7%2019.0904%20134.063C23.4093%20138.426%2029.3555%20141.123%2035.8859%20141.123H42.8544V141.144L43.2508%20141.165C46.5681%20141.397%2049.0927%20144.306%2048.8632%20147.657L46.5056%20181.926L91.4463%20142.894C92.5312%20141.798%2094.0334%20141.123%2095.7026%20141.123H159.942C166.473%20141.123%20172.419%20138.426%20176.738%20134.063C181.057%20129.7%20183.727%20123.694%20183.727%20117.097V36.2503C183.727%2029.6536%20181.057%2023.647%20176.738%2019.2843C172.44%2014.9216%20166.494%2012.2239%20159.942%2012.2239Z'%20fill='%2325BCBD'%20fill-opacity='0.2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:30% 30%;background-position:left bottom}.students .container .box .left .message .message-title{display:flex;align-items:center;gap:10px}.students .container .box .left .message .message-title img{width:40px;height:44px;font-size:22px}.students .container .box .left .message .message-content{font-size:18px;font-weight:400;line-height:40px;letter-spacing:.2px;color:#646464}.students .container .box .dots-container{position:absolute;bottom:10px;display:flex;align-items:center;justify-content:center;gap:4px;left:50%;transform:translate(-50%)}.students .container .box .dots-container .dot{width:10px;height:10px;border-radius:50%;background:#ffffff80}.students .container .box .dots-container .dot:first-child{width:50px;border-radius:6px;background:#fff}.students .container .desc{color:var(--main-text);font-size:26px;font-weight:500;line-height:40px;letter-spacing:.2px;text-align:right;margin-bottom:20px}@media (max-width: 767px){.students{position:static!important;display:flex;align-items:center;flex-direction:column;min-height:100vh;width:100%}.students .container{display:flex;flex-direction:column;padding-bottom:96px}.students .container .title{font-size:40px;font-weight:700;line-height:40px;text-align:right;color:#0f1c53}.students .container .title span{color:var(--main-color)}.students .container .box{width:100%;height:auto!important;background-color:var(--main-color);border-radius:20px;padding:16px;position:static!important;display:flex;flex-direction:column}.students .container .box .right{position:static!important;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.students .container .box .right img{position:static!important;width:80%!important;height:auto!important;z-index:1;right:0;bottom:-75px}.students .container .box .right .text-container{position:static!important;bottom:10px;right:300px;background-color:#1fa1a2;width:100%!important;height:auto;border-radius:20px;padding:10px;margin-bottom:10px}.students .container .box .right .text-container h2{font-size:20px;font-weight:900;line-height:40px;text-align:center;color:#fff}.students .container .box .right .text-container p{font-size:16px;font-weight:400;line-height:30px;text-align:center;color:#fff}.students .container .box .left .message{width:100%!important;height:100%;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:10px;background-image:url("data:image/svg+xml,%3csvg%20width='242'%20height='259'%20viewBox='0%200%20242%20259'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.8859%200H159.963C169.832%200%20178.803%204.06762%20185.313%2010.6433C191.822%2017.2189%20195.849%2026.2815%20195.849%2036.2503V117.097C195.849%20127.066%20191.822%20136.128%20185.313%20142.704C178.803%20149.28%20169.832%20153.347%20159.963%20153.347H97.9141L43.4177%20200.662C40.8932%20202.854%2037.0751%20202.559%2034.9052%20199.988C33.8412%20198.723%2033.3613%20197.164%2033.4656%20195.625L36.3657%20153.326H35.8859C26.0172%20153.326%2017.0458%20149.258%2010.5363%20142.683C4.02673%20136.128%200%20127.066%200%20117.097V36.2503C0%2026.2815%204.02673%2017.2189%2010.5363%2010.6433C17.0249%204.06762%2025.9964%200%2035.8859%200ZM213.458%2058.9699C220.489%2060.3399%20226.79%2063.8384%20231.672%2068.7702C238.036%2075.1983%20242%2084.0712%20242%2093.8503V174.697C242%20184.476%20238.057%20193.349%20231.672%20199.777C225.309%20206.205%20216.525%20210.21%20206.844%20210.21H205.572L208.534%20253.288C208.618%20254.637%20208.221%20256.028%20207.283%20257.124C205.384%20259.379%20202.025%20259.632%20199.813%20257.714L145.108%20208.819H73.0444L108.534%20172.357H183.727C200.126%20172.357%20213.563%20158.806%20213.563%20142.219V61.3515C213.542%2060.5506%20213.521%2059.7497%20213.458%2058.9699ZM53.5784%2092.0589C50.2402%2092.0589%2047.5279%2089.319%2047.5279%2085.9469C47.5279%2082.5748%2050.2402%2079.8349%2053.5784%2079.8349H116.9C120.238%2079.8349%20122.951%2082.5748%20122.951%2085.9469C122.951%2089.319%20120.238%2092.0589%20116.9%2092.0589H53.5784ZM53.5784%2061.7941C50.2402%2061.7941%2047.5279%2059.0542%2047.5279%2055.6821C47.5279%2052.31%2050.2402%2049.5702%2053.5784%2049.5702H143.335C146.673%2049.5702%20149.385%2052.31%20149.385%2055.6821C149.385%2059.0542%20146.673%2061.7941%20143.335%2061.7941H53.5784ZM159.942%2012.2239H35.8859C29.3555%2012.2239%2023.4093%2014.9216%2019.0904%2019.2843C14.7716%2023.647%2012.101%2029.6325%2012.101%2036.2503V117.097C12.101%20123.694%2014.7716%20129.7%2019.0904%20134.063C23.4093%20138.426%2029.3555%20141.123%2035.8859%20141.123H42.8544V141.144L43.2508%20141.165C46.5681%20141.397%2049.0927%20144.306%2048.8632%20147.657L46.5056%20181.926L91.4463%20142.894C92.5312%20141.798%2094.0334%20141.123%2095.7026%20141.123H159.942C166.473%20141.123%20172.419%20138.426%20176.738%20134.063C181.057%20129.7%20183.727%20123.694%20183.727%20117.097V36.2503C183.727%2029.6536%20181.057%2023.647%20176.738%2019.2843C172.44%2014.9216%20166.494%2012.2239%20159.942%2012.2239Z'%20fill='%2325BCBD'%20fill-opacity='0.2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:30% 30%;background-position:left bottom}.students .container .box .left .message .message-title{display:flex;align-items:center;gap:10px}.students .container .box .left .message .message-title img{width:40px;height:44px;font-size:20 px}.students .container .box .left .message .message-content{font-size:16px;font-weight:400;line-height:40px;letter-spacing:.2px;color:#646464}.students .container .box .dots-container{display:none}.students .container .desc{color:var(--main-text);font-size:26px;font-weight:500;line-height:40px;letter-spacing:.2px;text-align:right;margin-bottom:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.students{position:static!important;display:flex;align-items:center;flex-direction:column;min-height:100vh;width:100%}.students .container{display:flex;flex-direction:column;padding-bottom:96px}.students .container .title{font-size:40px;font-weight:700;line-height:40px;text-align:right;color:#0f1c53}.students .container .title span{color:var(--main-color)}.students .container .box{width:100%;height:auto!important;background-color:var(--main-color);border-radius:20px;padding:16px;position:static!important;display:flex;flex-direction:column}.students .container .box .right{position:static!important;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.students .container .box .right img{position:static!important;width:50%!important;height:auto!important;z-index:1;right:0;bottom:-75px}.students .container .box .right .text-container{position:static!important;bottom:10px;right:300px;background-color:#1fa1a2;width:100%!important;height:auto;border-radius:20px;padding:10px;margin-bottom:10px}.students .container .box .right .text-container h2{font-size:20px;font-weight:900;line-height:40px;text-align:center;color:#fff}.students .container .box .right .text-container p{font-size:16px;font-weight:400;line-height:30px;text-align:center;color:#fff}.students .container .box .left .message{width:100%!important;height:100%;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:10px;background-image:url("data:image/svg+xml,%3csvg%20width='242'%20height='259'%20viewBox='0%200%20242%20259'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.8859%200H159.963C169.832%200%20178.803%204.06762%20185.313%2010.6433C191.822%2017.2189%20195.849%2026.2815%20195.849%2036.2503V117.097C195.849%20127.066%20191.822%20136.128%20185.313%20142.704C178.803%20149.28%20169.832%20153.347%20159.963%20153.347H97.9141L43.4177%20200.662C40.8932%20202.854%2037.0751%20202.559%2034.9052%20199.988C33.8412%20198.723%2033.3613%20197.164%2033.4656%20195.625L36.3657%20153.326H35.8859C26.0172%20153.326%2017.0458%20149.258%2010.5363%20142.683C4.02673%20136.128%200%20127.066%200%20117.097V36.2503C0%2026.2815%204.02673%2017.2189%2010.5363%2010.6433C17.0249%204.06762%2025.9964%200%2035.8859%200ZM213.458%2058.9699C220.489%2060.3399%20226.79%2063.8384%20231.672%2068.7702C238.036%2075.1983%20242%2084.0712%20242%2093.8503V174.697C242%20184.476%20238.057%20193.349%20231.672%20199.777C225.309%20206.205%20216.525%20210.21%20206.844%20210.21H205.572L208.534%20253.288C208.618%20254.637%20208.221%20256.028%20207.283%20257.124C205.384%20259.379%20202.025%20259.632%20199.813%20257.714L145.108%20208.819H73.0444L108.534%20172.357H183.727C200.126%20172.357%20213.563%20158.806%20213.563%20142.219V61.3515C213.542%2060.5506%20213.521%2059.7497%20213.458%2058.9699ZM53.5784%2092.0589C50.2402%2092.0589%2047.5279%2089.319%2047.5279%2085.9469C47.5279%2082.5748%2050.2402%2079.8349%2053.5784%2079.8349H116.9C120.238%2079.8349%20122.951%2082.5748%20122.951%2085.9469C122.951%2089.319%20120.238%2092.0589%20116.9%2092.0589H53.5784ZM53.5784%2061.7941C50.2402%2061.7941%2047.5279%2059.0542%2047.5279%2055.6821C47.5279%2052.31%2050.2402%2049.5702%2053.5784%2049.5702H143.335C146.673%2049.5702%20149.385%2052.31%20149.385%2055.6821C149.385%2059.0542%20146.673%2061.7941%20143.335%2061.7941H53.5784ZM159.942%2012.2239H35.8859C29.3555%2012.2239%2023.4093%2014.9216%2019.0904%2019.2843C14.7716%2023.647%2012.101%2029.6325%2012.101%2036.2503V117.097C12.101%20123.694%2014.7716%20129.7%2019.0904%20134.063C23.4093%20138.426%2029.3555%20141.123%2035.8859%20141.123H42.8544V141.144L43.2508%20141.165C46.5681%20141.397%2049.0927%20144.306%2048.8632%20147.657L46.5056%20181.926L91.4463%20142.894C92.5312%20141.798%2094.0334%20141.123%2095.7026%20141.123H159.942C166.473%20141.123%20172.419%20138.426%20176.738%20134.063C181.057%20129.7%20183.727%20123.694%20183.727%20117.097V36.2503C183.727%2029.6536%20181.057%2023.647%20176.738%2019.2843C172.44%2014.9216%20166.494%2012.2239%20159.942%2012.2239Z'%20fill='%2325BCBD'%20fill-opacity='0.2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:30% 30%;background-position:left bottom}.students .container .box .left .message .message-title{display:flex;align-items:center;gap:10px}.students .container .box .left .message .message-title img{width:40px;height:44px;font-size:20 px}.students .container .box .left .message .message-content{font-size:16px;font-weight:400;line-height:40px;letter-spacing:.2px;color:#646464}.students .container .box .dots-container{display:none}.students .container .desc{color:var(--main-text);font-size:26px;font-weight:500;line-height:40px;letter-spacing:.2px;text-align:right;margin-bottom:20px}}.teachers{position:relative;margin:auto;width:100%}.teachers .container{display:flex;flex-direction:column;align-items:center;padding-bottom:50px}.teachers .container .title{position:relative;margin-bottom:100px;font-size:40px;font-weight:700;color:#0f1c53;padding:20px auto}.teachers .container .title:after{position:absolute;content:"";width:60%;height:3px;background-color:#d1d5db;border-radius:50%;top:-3px;right:0}.teachers .container .title:before{position:absolute;content:"";width:100%;height:3px;background-color:#d1d5db;border-radius:50%;bottom:-3px;right:0}.teachers .container .title span{color:var(--main-color)}.teachers .container .card-wrapper{width:100%;height:240px;padding:0 150px;display:flex;justify-content:flex-start}.teachers .container .card-wrapper .card{position:relative;width:240px;height:240px;background:transparent;transition:all .5s ease;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaEAAAFzCAYAAACXXrbmAAAAAXNSR0IArs4c6QAAD1tJREFUeAHt1TGqwlAQBdA3ieBC3IeWFna6Tu0sLHUR7ia+H+vbfVOFk2bgEgbmcOHV9fHcf6Z+Gsa6X46HV1vwszsxmTBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyERP0kRCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQAnV9PPefqZ+Gse6X4+GVv/w/sTvtmDBJgUz0hEkKZLKGnmx6b+ca226e2/nERR8hu7M0TJikQCZ6wiQFMllDT4aqdutTe39nnvhbYnf6MWGSApnoCZMUyGQNPfkDwuHZ1nhqqikAAAAASUVORK5CYII=);background-position:center;background-repeat:no-repeat;cursor:pointer}.teachers .container .card-wrapper .card .circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center;transition:.5s}.teachers .container .card-wrapper .card .circle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background:#25bcbd;filter:drop-shadow(0 0 10px #25bcbd) drop-shadow(0 0 60px #25bcbd);transition:.5s,background .5s;transition-delay:.5s;opacity:0}.teachers .container .card-wrapper .card .circle .logo{position:relative;width:250px;height:250px;object-fit:cover;z-index:1;animation:animated 8s cubic-bezier(.37,0,.63,1) infinite;transition:all 1s ease-in-out}.teachers .container .card-wrapper .card .product-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5) rotate(315deg);height:300px;opacity:0;transition:.5s ease-in-out}.teachers .container .card-wrapper .card ul{position:absolute;opacity:0;bottom:10px;right:50px;width:120px;display:flex;list-style:none;align-items:center;padding-right:0;justify-content:space-between}.teachers .container .card-wrapper .card ul li{display:block}.teachers .container .card-wrapper .card ul li img{width:30px;height:30px;border-radius:50%;transition:all .3s ease}.teachers .container .card-wrapper .card ul li img:hover{transform:scale(1.25)}.teachers .container .card-wrapper .card .content{position:absolute;width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;left:20%;padding:20px;opacity:0;transition:.5s;visibility:hidden}.teachers .container .card-wrapper .card .content h2{color:#fff;font-size:1.5em;text-transform:uppercase;line-height:1em;margin-bottom:16px}.teachers .container .card-wrapper .card .content p{color:#fff;font-size:.8em;margin-bottom:10px;line-height:30px;height:auto;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.teachers .container .card-wrapper .card .content .show-more{position:relative;width:fit-content;color:var(--black-color);background:#fff;padding:8px 15px;border-radius:10px;display:inline-block;text-decoration:none;font-weight:600;margin-top:10px;font-size:.8em;display:flex;align-items:center;transition:all .3s ease}.teachers .container .card-wrapper .card .content .show-more:hover{transform:scale(1.25)}.teachers .container .card-wrapper .card .content .show-more .more-icon{font-size:12px}.teachers .container .card-wrapper .card.hovered{width:600px;height:300px;z-index:1}.teachers .container .card-wrapper .card.hovered .circle:before{opacity:1}.teachers .container .card-wrapper .card.hovered .circle .logo{transform:scale(0)}.teachers .container .card-wrapper .card.hovered .product-img{left:80%;width:240px;height:240px;transform:translate(-50%,-50%) scale(.6) rotate(0);opacity:1;border-radius:30% 60% 30% 70%/60% 30% 70% 40%}.teachers .container .card-wrapper .card.hovered ul{opacity:1}.teachers .container .card-wrapper .card.hovered .content{opacity:1;visibility:visible;left:0;width:60%}@keyframes infiniteFade{0%,to{opacity:0}50%{opacity:1}}.teacher-note{transform:translateX(-50%,-50%);animation:infiniteFade 5s ease-in-out infinite}@media (max-width: 767px){.teachers .container .card-wrapper{padding:0 20px;margin-bottom:100px}.teachers .container .card-wrapper .card{width:100%;height:auto;min-height:240px}.teachers .container .card-wrapper .card .circle .logo{position:relative;width:200px;object-fit:cover;transition:.5s;z-index:1;animation:none!important;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.teachers .container .card-wrapper .card.hovered,.teachers .container .card-wrapper .card.hovered .circle{height:auto}.teachers .container .card-wrapper .card.hovered .circle:before{opacity:1}.teachers .container .card-wrapper .card.hovered .circle .logo,.teachers .container .card-wrapper .card.hovered .circle ul{display:none}.teachers .container .card-wrapper .card.hovered .circle ul li{display:block}.teachers .container .card-wrapper .card.hovered .circle ul li img{width:30px;height:30px;border-radius:50%;transition:all .3s ease}.teachers .container .card-wrapper .card.hovered .circle ul li img:hover{transform:scale(1.25)}.teachers .container .card-wrapper .card.hovered .circle .content{opacity:1;visibility:visible;position:relative;left:0;width:100%;padding:20px}.teachers .container .card-wrapper .card.hovered .circle h2{font-size:16px}.teachers .container .card-wrapper .card.hovered .circle p{font-size:12px}.teachers .container .card-wrapper .card.hovered .circle .product-img{top:0;left:60px;width:140px;height:140px;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.teachers{position:relative}.teachers .container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:50px}.teachers .container .title{margin-bottom:100px;font-size:40px;font-weight:700;line-height:40px;text-align:right;color:#0f1c53}.teachers .container .title span{color:var(--main-color)}.teachers .container .card-wrapper{width:100%;height:240px;padding:0 50px;display:flex;justify-content:flex-start;margin-bottom:100px}.teachers .container .card-wrapper .card{position:relative;width:240px;height:240px;background:transparent;transition:all .5s ease;cursor:pointer}.teachers .container .card-wrapper .card .circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center;transition:.5s}.teachers .container .card-wrapper .card .circle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background:#25bcbd;filter:drop-shadow(0 0 10px #25bcbd) drop-shadow(0 0 60px #25bcbd);transition:.5s,background .5s;transition-delay:.5s;opacity:0}.teachers .container .card-wrapper .card .circle .logo{position:relative;width:200px;object-fit:cover;transition:.5s;z-index:1}.teachers .container .card-wrapper .card .product-img{position:absolute;width:200px;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5) rotate(315deg);height:300px;opacity:0;transition:.5s ease-in-out}.teachers .container .card-wrapper .card .content{position:absolute;width:50%;left:20%;padding:20px;opacity:0;transition:.5s;visibility:hidden}.teachers .container .card-wrapper .card .content h2{color:#fff;font-size:1.5em;text-transform:uppercase;line-height:1em;margin-bottom:16px}.teachers .container .card-wrapper .card .content p{color:#fff;font-size:.8em;margin-bottom:10px;line-height:30px}.teachers .container .card-wrapper .card .content a{position:relative;color:#111;background:#fff;padding:8px 15px;border-radius:10px;display:inline-block;text-decoration:none;font-weight:600;margin-top:10px;font-size:.8em}.teachers .container .card-wrapper .card.hovered{width:600px;height:300px;z-index:1}.teachers .container .card-wrapper .card.hovered .circle:before{opacity:1}.teachers .container .card-wrapper .card.hovered .circle .logo{transform:scale(0)}.teachers .container .card-wrapper .card.hovered .product-img{left:80%;transform:translate(-50%,-50%) scale(.6) rotate(0);opacity:1}.teachers .container .card-wrapper .card.hovered .content{opacity:1;visibility:visible;left:0;width:60%}}@keyframes animated{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:40% 60% 50% 50%/55% 45%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}75%{border-radius:45% 55%/45% 50% 50% 55%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.main-card{position:relative;width:calc(50% - 20px);min-height:300px;display:flex;align-self:flex-start;flex-grow:0}.main-card:after{content:"";position:absolute;top:0;right:0;width:90%;height:100%;border-radius:8px;box-shadow:0 4px 10px #0000004d}.main-card .content{z-index:1;flex:2;display:flex;flex-direction:column;gap:10px;padding:16px}.main-card .content .title{width:fit-content;font-size:1.25rem;font-weight:700;line-height:30px;color:var(--black-color);padding-bottom:10px;border-bottom:2px solid var(--main-color)}.main-card .content .description{flex:1;display:flex;flex-direction:column;padding-bottom:10px;border-bottom:2px solid #ddd}.main-card .content .description .desc-title{font-size:15px;font-weight:400;line-height:26.73px;text-align:right;color:var(--main-text);margin-bottom:8px}.main-card .content .description span{font-size:14px;line-height:18px;margin-bottom:8px;color:var(--main-text)}.main-card .content .price-container{width:100%;display:flex;justify-content:space-between;align-items:center}.main-card .content .price-container .wrapper{display:flex;align-items:center;background-color:var(--main-color);border-radius:6px;padding:8px;gap:10px}.main-card .content .price-container .wrapper .price{font-weight:700;background-color:#fff;border-radius:6px;padding:0 8px;color:var(--black-color)}.main-card .content .price-container .wrapper .currency{font-weight:700;color:#fff}.main-card .content .price-container .date-container{display:flex;flex-direction:column;align-items:flex-end}.main-card .content .price-container .date-container .published-date,.main-card .content .price-container .date-container .update-date{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--main-text);letter-spacing:1.2px}.main-card .content .actions{display:flex;flex:1;align-items:flex-end;gap:10px;justify-content:space-between}.main-card .img{z-index:1;flex:1;width:100%;display:flex;align-items:center;transition:all .5s ease;cursor:pointer}.main-card .img:hover{flex:1.5}.main-card .img:hover img{height:100%}.main-card .img img{width:100%;height:80%;object-fit:cover;border-radius:8px;transition:all .5s ease}@media (max-width: 767px){.main-card{position:relative;width:100%;min-height:300px;display:flex;align-self:flex-start;flex-grow:0;box-shadow:0 4px 10px #0000004d;padding:10px}.main-card:after{display:none;content:"";position:absolute;top:0;right:0;width:90%;height:100%;border-radius:8px;box-shadow:0 4px 10px #0000004d}.main-card .content{width:100%;z-index:1;flex:2;display:flex;flex-direction:column;gap:10px;padding:0}.main-card .content .title{width:fit-content;font-size:16px;font-weight:600;line-height:30px;color:var(--black-color);padding-bottom:10px;border-bottom:2px solid var(--main-color)}.main-card .content .description .desc-title{font-size:14px;font-weight:400;line-height:26.73px;text-align:right;color:var(--main-text);margin-bottom:8px}.main-card .content .description span{font-size:12px;line-height:18px;margin-bottom:8px;color:var(--main-text)}.main-card .content .price-container{width:100%;display:flex;justify-content:space-between;align-items:center}.main-card .content .price-container .wrapper{display:flex;align-items:center;background-color:var(--main-color);border-radius:6px;padding:8px;gap:10px}.main-card .content .price-container .wrapper .price{font-weight:700;background-color:#fff;border-radius:6px;padding:0 8px;color:var(--black-color)}.main-card .content .price-container .wrapper .currency{font-weight:700;color:#fff}.main-card .content .price-container .date-container{display:flex;flex-direction:column;align-items:flex-end}.main-card .content .price-container .date-container .published-date,.main-card .content .price-container .date-container .update-date{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--main-text);letter-spacing:1.2px}.main-card .content .actions{display:flex;flex:1;align-items:flex-end;gap:10px;justify-content:space-between}.main-card .img{z-index:1;flex:1;width:100%;display:none;align-items:center;transition:all .5s ease;cursor:pointer}.main-card .img:hover{flex:1.5}.main-card .img:hover img{height:100%}.main-card .img img{width:100%;height:80%;object-fit:cover;border-radius:8px;transition:all .5s ease}}@media only screen and (min-width: 768px) and (max-width: 1024px){.main-card{position:relative;width:100%;min-height:300px;display:flex;align-self:flex-start;flex-grow:0;padding:10px;gap:10px}.main-card:after{content:"";position:absolute;top:0;right:0;width:90%;height:100%;border-radius:8px;box-shadow:0 4px 10px #0000004d}.main-card .content{z-index:1;flex:2;display:flex;flex-direction:column;gap:10px;padding:0}.main-card .content .title{width:fit-content;font-size:16px;font-weight:600;line-height:30px;color:var(--black-color);padding-bottom:10px;border-bottom:2px solid var(--main-color)}.main-card .content .description .desc-title{font-size:14px;font-weight:400;line-height:26.73px;text-align:right;color:var(--main-text);margin-bottom:8px}.main-card .content .description span{font-size:12px;line-height:18px;margin-bottom:8px;color:var(--main-text)}.main-card .content .price-container{display:flex;justify-content:space-between;align-items:center}.main-card .content .price-container .wrapper{display:flex;align-items:center;background-color:var(--main-color);border-radius:6px;padding:8px;gap:10px}.main-card .content .price-container .wrapper .price{font-weight:700;background-color:#fff;border-radius:6px;padding:0 8px;color:var(--black-color)}.main-card .content .price-container .wrapper .currency{font-weight:700;color:#fff}.main-card .content .price-container .date-container{display:flex;flex-direction:column;align-items:flex-end}.main-card .content .price-container .date-container .published-date,.main-card .content .price-container .date-container .update-date{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--main-text);letter-spacing:1.2px}.main-card .content .actions{display:flex;flex:1;align-items:flex-end;gap:10px;justify-content:space-between}.main-card .img{z-index:1;flex:1;width:100%;display:flex;align-items:center;transition:all .5s ease;cursor:pointer}.main-card .img:hover{flex:1.5}.main-card .img:hover img{height:100%}.main-card .img img{width:100%;height:80%;object-fit:cover;border-radius:8px;transition:all .5s ease}}.student-courses{position:relative;display:flex;width:100%;margin:auto}.student-courses .container{display:flex;flex-direction:column;padding-bottom:96px;min-height:50vh}.student-courses .container .title-1{position:relative;margin-bottom:100px;font-size:40px;font-weight:700;color:#0f1c53;width:fit-content}.student-courses .container .title-1:after{position:absolute;content:"";width:60%;height:3px;background-color:#d1d5db;border-radius:50%;top:-3px;right:0}.student-courses .container .title-1:before{position:absolute;content:"";width:100%;height:3px;background-color:#d1d5db;border-radius:50%;bottom:-3px;right:0}.student-courses .container .title-1 span{color:var(--main-color)}.student-courses .container .desc{color:var(--main-text);margin:auto;font-size:18px;font-weight:600}.student-courses .container .cards-container{min-height:80vh;display:flex;flex-wrap:wrap;gap:100px 20px;align-items:flex-start}@media (max-width: 767px){.students{position:static!important;display:flex;align-items:center;flex-direction:column;min-height:100vh;width:100%}.students .container{display:flex;flex-direction:column;padding-bottom:96px}.students .container .title{font-size:40px;font-weight:700;line-height:40px;text-align:right;color:#0f1c53}.students .container .title span{color:var(--main-color)}.students .container .box{width:100%;height:auto!important;background-color:var(--main-color);border-radius:20px;padding:16px;position:static!important;display:flex;flex-direction:column}.students .container .box .right{position:static!important;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.students .container .box .right img{position:static!important;width:80%!important;height:auto!important;z-index:1;right:0;bottom:-75px}.students .container .box .right .text-container{position:static!important;bottom:10px;right:300px;background-color:#1fa1a2;width:100%!important;height:auto;border-radius:20px;padding:10px;margin-bottom:10px}.students .container .box .right .text-container h2{font-size:20px;font-weight:900;line-height:40px;text-align:center;color:#fff}.students .container .box .right .text-container p{font-size:16px;font-weight:400;line-height:30px;text-align:center;color:#fff}.students .container .box .left .message{width:100%!important;height:100%;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:10px;background-image:url("data:image/svg+xml,%3csvg%20width='242'%20height='259'%20viewBox='0%200%20242%20259'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.8859%200H159.963C169.832%200%20178.803%204.06762%20185.313%2010.6433C191.822%2017.2189%20195.849%2026.2815%20195.849%2036.2503V117.097C195.849%20127.066%20191.822%20136.128%20185.313%20142.704C178.803%20149.28%20169.832%20153.347%20159.963%20153.347H97.9141L43.4177%20200.662C40.8932%20202.854%2037.0751%20202.559%2034.9052%20199.988C33.8412%20198.723%2033.3613%20197.164%2033.4656%20195.625L36.3657%20153.326H35.8859C26.0172%20153.326%2017.0458%20149.258%2010.5363%20142.683C4.02673%20136.128%200%20127.066%200%20117.097V36.2503C0%2026.2815%204.02673%2017.2189%2010.5363%2010.6433C17.0249%204.06762%2025.9964%200%2035.8859%200ZM213.458%2058.9699C220.489%2060.3399%20226.79%2063.8384%20231.672%2068.7702C238.036%2075.1983%20242%2084.0712%20242%2093.8503V174.697C242%20184.476%20238.057%20193.349%20231.672%20199.777C225.309%20206.205%20216.525%20210.21%20206.844%20210.21H205.572L208.534%20253.288C208.618%20254.637%20208.221%20256.028%20207.283%20257.124C205.384%20259.379%20202.025%20259.632%20199.813%20257.714L145.108%20208.819H73.0444L108.534%20172.357H183.727C200.126%20172.357%20213.563%20158.806%20213.563%20142.219V61.3515C213.542%2060.5506%20213.521%2059.7497%20213.458%2058.9699ZM53.5784%2092.0589C50.2402%2092.0589%2047.5279%2089.319%2047.5279%2085.9469C47.5279%2082.5748%2050.2402%2079.8349%2053.5784%2079.8349H116.9C120.238%2079.8349%20122.951%2082.5748%20122.951%2085.9469C122.951%2089.319%20120.238%2092.0589%20116.9%2092.0589H53.5784ZM53.5784%2061.7941C50.2402%2061.7941%2047.5279%2059.0542%2047.5279%2055.6821C47.5279%2052.31%2050.2402%2049.5702%2053.5784%2049.5702H143.335C146.673%2049.5702%20149.385%2052.31%20149.385%2055.6821C149.385%2059.0542%20146.673%2061.7941%20143.335%2061.7941H53.5784ZM159.942%2012.2239H35.8859C29.3555%2012.2239%2023.4093%2014.9216%2019.0904%2019.2843C14.7716%2023.647%2012.101%2029.6325%2012.101%2036.2503V117.097C12.101%20123.694%2014.7716%20129.7%2019.0904%20134.063C23.4093%20138.426%2029.3555%20141.123%2035.8859%20141.123H42.8544V141.144L43.2508%20141.165C46.5681%20141.397%2049.0927%20144.306%2048.8632%20147.657L46.5056%20181.926L91.4463%20142.894C92.5312%20141.798%2094.0334%20141.123%2095.7026%20141.123H159.942C166.473%20141.123%20172.419%20138.426%20176.738%20134.063C181.057%20129.7%20183.727%20123.694%20183.727%20117.097V36.2503C183.727%2029.6536%20181.057%2023.647%20176.738%2019.2843C172.44%2014.9216%20166.494%2012.2239%20159.942%2012.2239Z'%20fill='%2325BCBD'%20fill-opacity='0.2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:30% 30%;background-position:left bottom}.students .container .box .left .message .message-title{display:flex;align-items:center;gap:10px}.students .container .box .left .message .message-title img{width:40px;height:44px;font-size:20 px}.students .container .box .left .message .message-content{font-size:16px;font-weight:400;line-height:40px;letter-spacing:.2px;color:#646464}.students .container .box .dots-container{display:none}.students .container .desc{color:var(--main-text);font-size:26px;font-weight:500;line-height:40px;letter-spacing:.2px;text-align:right;margin-bottom:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.students{position:static!important;display:flex;align-items:center;flex-direction:column;min-height:100vh;width:100%}.students .container{display:flex;flex-direction:column;padding-bottom:96px}.students .container .title{font-size:40px;font-weight:700;line-height:40px;text-align:right;color:#0f1c53}.students .container .title span{color:var(--main-color)}.students .container .box{width:100%;height:auto!important;background-color:var(--main-color);border-radius:20px;padding:16px;position:static!important;display:flex;flex-direction:column}.students .container .box .right{position:static!important;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.students .container .box .right img{position:static!important;width:50%!important;height:auto!important;z-index:1;right:0;bottom:-75px}.students .container .box .right .text-container{position:static!important;bottom:10px;right:300px;background-color:#1fa1a2;width:100%!important;height:auto;border-radius:20px;padding:10px;margin-bottom:10px}.students .container .box .right .text-container h2{font-size:20px;font-weight:900;line-height:40px;text-align:center;color:#fff}.students .container .box .right .text-container p{font-size:16px;font-weight:400;line-height:30px;text-align:center;color:#fff}.students .container .box .left .message{width:100%!important;height:100%;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:10px;background-image:url("data:image/svg+xml,%3csvg%20width='242'%20height='259'%20viewBox='0%200%20242%20259'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.8859%200H159.963C169.832%200%20178.803%204.06762%20185.313%2010.6433C191.822%2017.2189%20195.849%2026.2815%20195.849%2036.2503V117.097C195.849%20127.066%20191.822%20136.128%20185.313%20142.704C178.803%20149.28%20169.832%20153.347%20159.963%20153.347H97.9141L43.4177%20200.662C40.8932%20202.854%2037.0751%20202.559%2034.9052%20199.988C33.8412%20198.723%2033.3613%20197.164%2033.4656%20195.625L36.3657%20153.326H35.8859C26.0172%20153.326%2017.0458%20149.258%2010.5363%20142.683C4.02673%20136.128%200%20127.066%200%20117.097V36.2503C0%2026.2815%204.02673%2017.2189%2010.5363%2010.6433C17.0249%204.06762%2025.9964%200%2035.8859%200ZM213.458%2058.9699C220.489%2060.3399%20226.79%2063.8384%20231.672%2068.7702C238.036%2075.1983%20242%2084.0712%20242%2093.8503V174.697C242%20184.476%20238.057%20193.349%20231.672%20199.777C225.309%20206.205%20216.525%20210.21%20206.844%20210.21H205.572L208.534%20253.288C208.618%20254.637%20208.221%20256.028%20207.283%20257.124C205.384%20259.379%20202.025%20259.632%20199.813%20257.714L145.108%20208.819H73.0444L108.534%20172.357H183.727C200.126%20172.357%20213.563%20158.806%20213.563%20142.219V61.3515C213.542%2060.5506%20213.521%2059.7497%20213.458%2058.9699ZM53.5784%2092.0589C50.2402%2092.0589%2047.5279%2089.319%2047.5279%2085.9469C47.5279%2082.5748%2050.2402%2079.8349%2053.5784%2079.8349H116.9C120.238%2079.8349%20122.951%2082.5748%20122.951%2085.9469C122.951%2089.319%20120.238%2092.0589%20116.9%2092.0589H53.5784ZM53.5784%2061.7941C50.2402%2061.7941%2047.5279%2059.0542%2047.5279%2055.6821C47.5279%2052.31%2050.2402%2049.5702%2053.5784%2049.5702H143.335C146.673%2049.5702%20149.385%2052.31%20149.385%2055.6821C149.385%2059.0542%20146.673%2061.7941%20143.335%2061.7941H53.5784ZM159.942%2012.2239H35.8859C29.3555%2012.2239%2023.4093%2014.9216%2019.0904%2019.2843C14.7716%2023.647%2012.101%2029.6325%2012.101%2036.2503V117.097C12.101%20123.694%2014.7716%20129.7%2019.0904%20134.063C23.4093%20138.426%2029.3555%20141.123%2035.8859%20141.123H42.8544V141.144L43.2508%20141.165C46.5681%20141.397%2049.0927%20144.306%2048.8632%20147.657L46.5056%20181.926L91.4463%20142.894C92.5312%20141.798%2094.0334%20141.123%2095.7026%20141.123H159.942C166.473%20141.123%20172.419%20138.426%20176.738%20134.063C181.057%20129.7%20183.727%20123.694%20183.727%20117.097V36.2503C183.727%2029.6536%20181.057%2023.647%20176.738%2019.2843C172.44%2014.9216%20166.494%2012.2239%20159.942%2012.2239Z'%20fill='%2325BCBD'%20fill-opacity='0.2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:30% 30%;background-position:left bottom}.students .container .box .left .message .message-title{display:flex;align-items:center;gap:10px}.students .container .box .left .message .message-title img{width:40px;height:44px;font-size:20 px}.students .container .box .left .message .message-content{font-size:16px;font-weight:400;line-height:40px;letter-spacing:.2px;color:#646464}.students .container .box .dots-container{display:none}.students .container .desc{color:var(--main-text);font-size:26px;font-weight:500;line-height:40px;letter-spacing:.2px;text-align:right;margin-bottom:20px}}.register{width:100%;height:100%;display:flex;min-height:100vh;max-width:2560px;margin:0 auto}.register .right{flex:1;width:100%}.register .right img{width:100%;height:100%;object-fit:cover}.register .left{flex:1;display:flex;flex-direction:column;padding:0 100px;gap:10px;height:auto}.register .left .title-container{display:flex;align-items:center;gap:10px}.register .left .title-container img{width:40px;height:40px}.register .left .title-container .title{font-size:var(--xl-text);font-weight:400}.register .left .text{padding-right:50px;color:var(--main-text)}.register .left .register-form{width:100%;display:flex;flex-direction:column;gap:16px;flex-wrap:wrap}.register .left .register-form .form-control{display:flex;width:100%;gap:16px}.register .left .register-form .label-container{display:flex;align-items:center;gap:10px}.register .left .register-form .label-container .icon{color:#02e4d8}.register .left .register-form .label-container .label{font-size:20px}.register .left .register-form .login-link{display:flex;gap:10px}.modal .modal-container{border:none;outline:none;overflow:auto;width:80%;height:90%;padding:24px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal .modal-container img{width:80px;height:80px}.modal .modal-container h1,.modal .modal-container h3,.modal .modal-container p{color:var(--black-color)}.modal .modal-container ul{width:100%;display:flex;justify-content:flex-start;flex-direction:column;gap:16px;color:var(--main-text);list-style:decimal}.modal{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal .success-modal-container{border:none;outline:none;overflow:auto;width:400px;height:auto;padding:24px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal .success-modal-container img{width:80px;height:80px}.modal .success-modal-container h1,.modal .success-modal-container h3,.modal .success-modal-container p{color:var(--black-color)}.modal .success-modal-container ul{width:100%;display:flex;justify-content:flex-start;flex-direction:column;gap:16px;color:var(--main-text);list-style:decimal}@media (max-width: 767px){.register{width:100%;display:flex;min-height:100vh}.register .right{display:none}.register .left{flex:1;display:flex;flex-direction:column;padding:16px;gap:10px;min-height:100%}.register .left .title-container{display:flex;align-items:center;gap:10px}.register .left .title-container img{width:30px;height:30px}.register .left .title-container .title{font-size:var(--md-text);font-weight:400}.register .left .text{padding-right:8px;font-size:12px;color:var(--main-text)}.register .left .register-form{width:100%;display:flex;flex-direction:column;gap:16px;flex-wrap:wrap}.register .left .register-form .form-control{display:flex;flex-direction:column;width:100%;gap:16px}.register .left .register-form .label-container{display:flex;align-items:center;gap:10px}.register .left .register-form .label-container .icon{color:#02e4d8}.register .left .register-form .label-container .label{font-size:20px}.modal{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal .modal-container{border:none;outline:none;overflow:auto;width:100%;height:100%;padding:8px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal .modal-container img{width:40px;height:40px}.modal .modal-container h1{color:var(--black-color);font-size:24px}.modal .modal-container h3{color:var(--black-color);font-size:16px}.modal .modal-container p{color:var(--black-color);font-size:14px}.modal .modal-container ul{width:100%;display:flex;justify-content:flex-start;flex-direction:column;gap:16px;color:var(--main-text);list-style:decimal;margin:0;padding:8px;font-size:12px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.register{width:100%;display:flex;min-height:100vh;flex-direction:column}.register .right{flex:none;height:25vh!important}.register .left{flex:1;display:flex;flex-direction:column;padding:40px;gap:10px;min-height:100%}.register .left .title-container{display:flex;align-items:center;gap:10px}.register .left .title-container img{width:30px;height:30px}.register .left .title-container .title{font-size:var(--md-text);font-weight:400}.register .left .text{padding-right:8px;font-size:12px;color:var(--main-text)}.register .left .register-form{width:100%;display:flex;flex-direction:column;gap:16px;flex-wrap:wrap}.register .left .register-form .form-control{display:flex;flex-direction:column;width:100%;gap:16px}.register .left .register-form .label-container{display:flex;align-items:center;gap:10px}.register .left .register-form .label-container .icon{color:#02e4d8}.register .left .register-form .label-container .label{font-size:20px}.modal{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal .modal-container{border:none;outline:none;overflow:auto;width:100%;height:100%;padding:8px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal .modal-container img{width:40px;height:40px}.modal .modal-container h1{color:var(--black-color);font-size:24px}.modal .modal-container h3{color:var(--black-color);font-size:16px}.modal .modal-container p{color:var(--black-color);font-size:14px}.modal .modal-container ul{width:100%;display:flex;justify-content:flex-start;flex-direction:column;gap:16px;color:var(--main-text);list-style:decimal;margin:0;padding:8px;font-size:12px}}.css-1o3an4k-MuiInputBase-input-MuiInput-input{height:auto!important}.login{width:100%;display:flex;min-height:80vh;height:calc(100vh - 80px);box-sizing:border-box;max-width:2560px!important;margin:0 auto}.login .right{flex:1;width:100%}.login .right img{width:100%;height:100%;object-fit:cover}.login .left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 100px;gap:10px}.login .left .title-container{display:flex;align-items:center;gap:10px}.login .left .title-container img{width:40px;height:40px}.login .left .title-container .title{font-size:var(--xl-text);font-weight:400}.login .left .text{padding-right:50px;color:var(--main-text)}.login .left .register-form{width:100%;display:flex;flex-direction:column;gap:16px;flex-wrap:wrap}.login .left .register-form .form-control{display:flex;width:100%;gap:16px}.login .left .register-form .label-container{display:flex;align-items:center;gap:10px}.login .left .register-form .label-container .icon{color:#02e4d8}.login .left .register-form .label-container .label{font-size:20px}.login .left .register-form .register-link{display:flex;gap:10px}@media (max-width: 767px){.login{width:100%;display:flex;min-height:50vh;height:calc(70vh - 80px)}.login .right{display:none}.login .left{flex:1;display:flex;flex-direction:column;padding:16px;gap:10px;min-height:100%}.login .left .title-container{display:flex;align-items:center;gap:10px}.login .left .title-container img{width:30px;height:30px}.login .left .title-container .title{font-size:var(--md-text);font-weight:400}.login .left .text{padding-right:8px;font-size:12px;color:var(--main-text)}.login .left .register-form{width:100%;display:flex;flex-direction:column;gap:16px;flex-wrap:wrap}.login .left .register-form .form-control{display:flex;flex-direction:column;width:100%;gap:16px}.login .left .register-form .label-container{display:flex;align-items:center;gap:10px}.login .left .register-form .label-container .icon{color:#02e4d8}.login .left .register-form .label-container .label{font-size:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login{width:100%;display:flex;min-height:50vh;flex-direction:column}.login .right{flex:none;height:25vh!important}.login .left{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:40px;gap:10px;height:500px}.login .left .title-container{display:flex;align-items:center;gap:10px}.login .left .title-container img{width:30px;height:30px}.login .left .title-container .title{font-size:var(--md-text);font-weight:400}.login .left .text{padding-right:8px;font-size:12px;color:var(--main-text)}.login .left .register-form{width:100%;display:flex;flex-direction:column;gap:16px;flex-wrap:wrap}.login .left .register-form .form-control{display:flex;flex-direction:column;width:100%;gap:16px}.login .left .register-form .label-container{display:flex;align-items:center;gap:10px}.login .left .register-form .label-container .icon{color:#02e4d8}.login .left .register-form .label-container .label{font-size:20px}}.teacher{width:100%;position:relative;min-height:100vh}.teacher .section-title{padding:20px;width:fit-content;font-weight:700;position:relative;transition:all 2s ease-out;margin-bottom:30px}.teacher .section-title:after{position:absolute;content:"";width:60%;height:3px;background-color:#d1d5db;border-radius:50%;top:5px;right:0}.teacher .section-title:before{position:absolute;content:"";width:100%;height:3px;background-color:#d1d5db;border-radius:50%;bottom:5px;right:0}.teacher .section-title span{color:var(--main-color)}.teacher .cards-container{min-height:80vh;padding:20px;display:flex;flex-wrap:wrap;gap:100px 20px;align-items:flex-start}@media (max-width: 767px){.teacher{width:100%;position:relative;min-height:100vh}.teacher .section-title{padding:10px;font-size:24px;width:fit-content;font-weight:700;position:relative;transition:all 2s ease-out;margin-bottom:30px}.teacher .section-title:after{position:absolute;content:"";width:60%;height:3px;background-color:#d1d5db;border-radius:50%;top:5px;right:0}.teacher .section-title:before{position:absolute;content:"";width:100%;height:3px;border-radius:50%;bottom:5px;right:0}.teacher .section-title span{color:var(--main-color)}.teacher .cards-container{min-height:80vh;padding:10px;display:flex;flex-wrap:wrap;flex-direction:column;gap:50px 20px;align-items:flex-start}}@media only screen and (min-width: 768px) and (max-width: 1024px){.teacher{width:100%;position:relative}.teacher .section-title{padding:10px;font-size:24px;width:fit-content;font-weight:700;position:relative;transition:all 2s ease-out;margin-bottom:30px}.teacher .section-title:after{position:absolute;content:"";width:60%;height:3px;background-color:#d1d5db;border-radius:50%;top:5px;right:0}.teacher .section-title:before{position:absolute;content:"";width:100%;height:3px;border-radius:50%;bottom:5px;right:0}.teacher .section-title span{color:var(--main-color)}.teacher .cards-container{min-height:50vh;padding:50px 10px;display:flex;flex-wrap:wrap;flex-direction:column;gap:50px 20px;align-items:flex-start}}.special-header{position:relative;width:100%;min-height:80vh;padding:40px;border-radius:10px;background-color:var(--main-color);overflow:hidden}.special-header:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.5019607843) 50%,transparent 0),linear-gradient(-135deg,rgba(0,0,0,.5019607843) 50%,transparent 0);background-size:1em 1em;background-color:#fff;opacity:1;background-size:cover;background-position:left;background-repeat:no-repeat;opacity:.4;mask-image:linear-gradient(to right,#000,#000 80%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%)}.special-header .wrapper{display:flex;position:relative;height:100%;align-items:flex-start}.special-header .wrapper .right{flex:1;display:flex;flex-direction:column;gap:24px;color:#fff}.special-header .wrapper .right .labels{display:flex;align-items:center;gap:24px}.special-header .wrapper .right .labels .label{display:flex;align-items:center;height:36px;background-color:#ff9f1c;border-radius:50px}.special-header .wrapper .right .labels .label:last-child{background-color:teal}.special-header .wrapper .right .labels .label .value{height:100%;display:flex;align-items:center;gap:8px;background-color:#080357;border-radius:50px;color:#fff;font-size:18px;font-weight:600;padding:0 10px}.special-header .wrapper .right .labels .label .value .icon{font-size:16px;font-weight:600}.special-header .wrapper .right .labels .label .value .icon:last-child{color:#ff9f1c}.special-header .wrapper .right .labels .label .text{color:#fff;font-size:18px;font-weight:400;padding:0 10px}.special-header .wrapper .right h1{font-size:48px}.special-header .wrapper .right h2{font-size:24px}.special-header .wrapper .right .grade-container{display:flex;flex-direction:column;gap:8px}.special-header .wrapper .right .grade-container .grade-label{width:300px;background-color:teal;display:flex;align-items:center;justify-content:center;border-radius:50px;line-height:40px;font-weight:600;border:1.5px solid #ff9f1c}.special-header .wrapper .left{flex:1;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1}.special-header .wrapper .left .teacher-card{width:500px;height:600px;border-radius:10px;display:flex;flex-direction:column;gap:24px;padding:16px;transition:all .3s ease}.special-header .wrapper .left .teacher-card:hover{transform:scale(1.05)}.special-header .wrapper .left .teacher-card img{border-radius:10px;width:100%;height:100%;object-fit:cover}@media (max-width: 767px){.special-header{position:relative;width:100%;min-height:80vh;padding:10px;border-radius:0;background-color:var(--main-color);overflow:hidden}.special-header:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.5019607843) 50%,transparent 0),linear-gradient(-135deg,rgba(0,0,0,.5019607843) 50%,transparent 0);background-size:1em 1em;background-color:#fff;opacity:1;background-size:cover;background-position:left;background-repeat:no-repeat;opacity:.4;mask-image:linear-gradient(to right,#000,#000 80%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%)}.special-header .wrapper{position:relative;display:flex;height:100%;flex-direction:column;align-items:center;padding-bottom:100px}.special-header .wrapper .right{order:2;flex:1;display:flex;flex-direction:column;gap:24px;color:#fff}.special-header .wrapper .right .labels{order:1;display:flex;align-items:center;flex-direction:column;gap:24px}.special-header .wrapper .right .labels .label{width:100%;display:flex;align-items:center;height:36px;background-color:#ff9f1c;border-radius:50px}.special-header .wrapper .right .labels .label:last-child{background-color:teal}.special-header .wrapper .right .labels .label .value{flex:1;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#080357;border-radius:50px;color:#fff;font-size:18px;font-weight:600;padding:0 10px}.special-header .wrapper .right .labels .label .value .icon{font-size:16px;font-weight:600}.special-header .wrapper .right .labels .label .value .icon:last-child{color:#ff9f1c}.special-header .wrapper .right .labels .label .text{flex:1;display:flex;justify-content:center;color:#fff;font-size:18px;font-weight:400;padding:0 10px}.special-header .wrapper .right h1{font-size:40px}.special-header .wrapper .right h2{font-size:24px}.special-header .wrapper .right .grade-container{display:flex;flex-direction:column;gap:8px}.special-header .wrapper .right .grade-container .grade-label{width:300px;background-color:teal;display:flex;align-items:center;justify-content:center;border-radius:50px;line-height:40px;font-weight:600;border:1.5px solid #ff9f1c}.special-header .wrapper .left{order:1;flex:1;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1}.special-header .wrapper .left .teacher-card{width:100%;height:400px;border-radius:10px;display:flex;flex-direction:column;gap:24px;padding:16px;transition:all .3s ease}.special-header .wrapper .left .teacher-card:hover{transform:scale(1.05)}.special-header .wrapper .left .teacher-card img{border-radius:10px;width:100%;object-fit:cover}}@media only screen and (min-width: 768px) and (max-width: 1024px){.special-header{position:relative;width:100%;min-height:50vh;padding:40px;border-radius:10px;background-color:var(--main-color);overflow:hidden}.special-header:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.5019607843) 50%,transparent 0),linear-gradient(-135deg,rgba(0,0,0,.5019607843) 50%,transparent 0);background-size:1em 1em;background-color:#fff;opacity:1;background-size:cover;background-position:left;background-repeat:no-repeat;opacity:.4;mask-image:linear-gradient(to right,#000,#000 80%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%)}.special-header .wrapper{display:flex;position:relative;height:100%;align-items:flex-start}.special-header .wrapper .right{flex:1;display:flex;flex-direction:column;gap:24px;color:#fff}.special-header .wrapper .right .labels{display:flex;align-items:center;gap:24px}.special-header .wrapper .right .labels .label{display:flex;align-items:center;height:36px;background-color:#ff9f1c;border-radius:50px}.special-header .wrapper .right .labels .label:last-child{background-color:teal}.special-header .wrapper .right .labels .label .value{height:100%;display:flex;align-items:center;gap:8px;background-color:#080357;border-radius:50px;color:#fff;font-size:18px;font-weight:600;padding:0 10px}.special-header .wrapper .right .labels .label .value .icon{font-size:16px;font-weight:600}.special-header .wrapper .right .labels .label .value .icon:last-child{color:#ff9f1c}.special-header .wrapper .right .labels .label .text{color:#fff;font-size:18px;font-weight:400;padding:0 10px}.special-header .wrapper .right h1{font-size:40px}.special-header .wrapper .right h2{font-size:24px}.special-header .wrapper .right .grade-container{display:flex;flex-direction:column;gap:8px}.special-header .wrapper .right .grade-container .grade-label{width:300px;background-color:teal;display:flex;align-items:center;justify-content:center;border-radius:50px;line-height:40px;font-weight:600;border:1.5px solid #ff9f1c}.special-header .wrapper .left{flex:1;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1}.special-header .wrapper .left .teacher-card{width:100%;border-radius:10px;display:flex;flex-direction:column;gap:24px;padding:16px;transition:all .3s ease}.special-header .wrapper .left .teacher-card:hover{transform:scale(1.05)}.special-header .wrapper .left .teacher-card img{border-radius:10px;width:100%;object-fit:cover}}.waves{position:absolute;width:100%;height:40vh;overflow:hidden;bottom:0;left:0;z-index:0}.waves .wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url(/assets/wave-DDZlsFkL.png);background-size:1500px 100px}.waves .wave#wave1{animation:animate 60s linear infinite;opacity:1;animation-delay:0s}.waves .wave#wave2{animation:animate2 20s linear infinite;opacity:.5;animation-delay:-5s}@keyframes animate2{0%{background-position-x:0}to{background-position-x:1500px}}.waves .wave#wave3{animation:animate 40s linear infinite;opacity:.2;animation-delay:-2s}@keyframes animate3{0%{background-position-x:0}to{background-position-x:1500px}}.waves .wave#wave4{animation:animate2 10s linear infinite;opacity:.7;animation-delay:-5s}@keyframes animate{0%{background-position-x:0}to{background-position-x:1500px}}@media only screen and (max-width: 767px){.waves{height:40vh}}.loader__container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.book{position:relative;margin:0 auto;border:5px solid #ecf0f1;border-color:#d3d3d3;width:100px;height:60px}.book:before{position:absolute;content:"";bottom:-8px;left:50%;transform:translate(-50%);width:10px;height:8px;border-radius:0 0 2px 2px;background-color:#d3d3d3}.book__page{position:absolute;left:50%;top:-5px;margin:0 auto;border-top:5px solid #ecf0f1;border-bottom:5px solid #ecf0f1;border-right:5px solid #ecf0f1;border-color:#d3d3d3;background:#3498db;width:50px;height:60px;transform-origin:0% 50%;animation:flip 1.2s infinite linear;animation-fill-mode:forwards}.book__page:nth-child(1){z-index:-1;animation-delay:1.4s}.book__page:nth-child(2){z-index:-2;animation-delay:2.8s}.book__page:nth-child(3){z-index:-3;animation-delay:4.2s}@keyframes flip{0%{transform:perspective(600px) rotateY(0)}20%{background:#217dbb}29.9%{background:#217dbb}30%{transform:perspective(200px) rotateY(-90deg);background:#3498db}54.999%{opacity:1}55%{opacity:0}60%{transform:perspective(200px) rotateY(-180deg);background:#3498db}to{transform:perspective(200px) rotateY(-180deg);background:#3498db}}.course{width:100%;position:relative;min-height:100vh;padding:50px 16px;display:flex;flex-direction:column;gap:50px}.course .course-view{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.course .course-container{display:flex;flex-direction:column;gap:30px;border-radius:10px;min-height:40vh;width:100%;padding:30px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.course .course-container .title{position:relative;width:fit-content;font-size:40px;font-weight:700;color:#0f1c53;padding:20px auto}.course .course-container .title:after{position:absolute;content:"";width:60%;height:3px;background-color:#d1d5db;border-radius:50%;top:-3px;right:0}.course .course-container .title:before{position:absolute;content:"";width:100%;height:3px;background-color:#d1d5db;border-radius:50%;bottom:-10px;right:0}.course .course-container .title span{color:var(--main-color)}.course .course-container .accordion{background-color:#f7f7f7;color:var(--black-color);box-shadow:#0000003d 0 3px 8px;padding:16px}.course .course-container .accordion .icon{font-size:60px;font-weight:600;color:var(--black-color)}.course .course-container .accordion .summary{display:flex;align-items:center;gap:10px}.course .course-container .accordion .summary .icon{font-size:60px;font-weight:600;color:var(--black-color)}.course .course-container .accordion .lessons-container{display:flex;flex-direction:column;gap:16px}.course .course-container .accordion .lessons-container .lesson{background-color:#f7f7f7;color:var(--black-color);box-shadow:#0000003d 0 3px 8px;padding:16px 32px}.course .course-container .accordion .lessons-container .lesson .icon{font-size:40px;font-weight:600;color:var(--main-color)}.course .course-container .accordion .lessons-container .lesson .text-container{display:flex;align-items:center;gap:10px}.course .course-container .accordion .lessons-container .lesson .text-container .icon{font-size:40px;font-weight:600;color:var(--main-color)}.course .course-container .accordion .lessons-container .lesson .lesson-details{display:flex;flex-direction:column;gap:16px;padding:24px;background-color:#fff;border-radius:10px}.course .course-container .accordion .lessons-container .lesson .lesson-details .item{display:flex;align-items:center;gap:10px}.course .course-container .accordion .lessons-container .lesson .lesson-details .item .item-title{display:flex;align-items:center;gap:8px}.course .course-container .accordion .lessons-container .lesson .lesson-details .item .item-title .title-icon{font-size:20px;color:var(--main-color)}.course .course-container .accordion .lessons-container .lesson .lesson-details .item .item-title h6{font-weight:900;color:var(--black-color)}.course .course-container .accordion .lessons-container .lesson .lesson-details .item h6{color:gray;font-weight:900;font-size:12px}.course .course-container .accordion .lessons-container .lesson.exam .icon,.course .course-container .accordion .lessons-container .lesson.exam .lesson-summary .icon{color:#ffc700}.course .course-container .accordion .lessons-container .lesson.book{width:100%;height:auto;border:none}.course .course-container .accordion .lessons-container .lesson.book .icon{color:#0dcaf0}.course .course-container .accordion .lessons-container .lesson.book .lesson-summary .icon{color:#e72d92}@media (max-width: 767px){.course{width:100%;position:relative;min-height:100vh;padding:50px 16px;display:flex;flex-direction:column;gap:50px}.course .course-view{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.course .course-container{display:flex;flex-direction:column;gap:30px;border-radius:10px;min-height:40vh;width:100%;padding:16px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.course .course-container .title{position:relative;width:fit-content;font-size:14px;font-weight:500;color:#0f1c53;padding:20px auto}.course .course-container .title:after{position:absolute;content:"";width:60%;height:3px;background-color:#d1d5db;border-radius:50%;top:-3px;right:0}.course .course-container .title:before{position:absolute;content:"";width:100%;height:3px;background-color:#d1d5db;border-radius:50%;bottom:-10px;right:0}.course .course-container .title span{color:var(--main-color)}.course .course-container .accordion{background-color:#f7f7f7;color:var(--black-color);box-shadow:#0000003d 0 3px 8px;padding:0}.course .course-container .accordion .icon{font-size:24px;font-weight:600;color:var(--black-color)}.course .course-container .accordion .summary{display:flex;gap:10px}.course .course-container .accordion .summary .icon{font-size:24px;font-weight:600;color:var(--black-color)}.course .course-container .accordion .summary .text-container h2{font-size:16px!important}.course .course-container .accordion .lessons-container{display:flex;flex-direction:column;gap:16px}.course .course-container .accordion .lessons-container .lesson{background-color:#f7f7f7;color:var(--black-color);box-shadow:#0000003d 0 3px 8px;padding:0}.course .course-container .accordion .lessons-container .lesson .icon{font-size:14px;font-weight:600;color:var(--main-color)}.course .course-container .accordion .lessons-container .lesson .lesson-summary{width:100%;display:flex;align-items:flex-end!important}.course .course-container .accordion .lessons-container .lesson .lesson-summary .text-container{width:100%;display:flex;align-items:center;gap:10px}.course .course-container .accordion .lessons-container .lesson .lesson-summary .text-container h3{font-size:14px!important}.course .course-container .accordion .lessons-container .lesson .lesson-summary .text-container .icon{font-size:20px;font-weight:600;color:var(--main-color)}.course .course-container .accordion .lessons-container .lesson .lesson-summary .lesson-btn-container{width:100%}.course .course-container .accordion .lessons-container .lesson .lesson-details{display:flex;flex-direction:column;gap:16px;padding:8px;background-color:#fff;border-radius:10px}.course .course-container .accordion .lessons-container .lesson .lesson-details .item{display:flex;align-items:center;gap:10px}.course .course-container .accordion .lessons-container .lesson .lesson-details .item .item-title{display:flex;align-items:center;gap:8px}.course .course-container .accordion .lessons-container .lesson .lesson-details .item .item-title .title-icon{font-size:20px;color:var(--main-color)}.course .course-container .accordion .lessons-container .lesson .lesson-details .item .item-title h6{font-weight:600;color:var(--black-color)}.course .course-container .accordion .lessons-container .lesson .lesson-details .item h6{color:gray;font-weight:600;font-size:12px}.course .course-container .accordion .lessons-container .lesson.exam .icon,.course .course-container .accordion .lessons-container .lesson.exam .lesson-summary .icon{color:#ffc700}.course .course-container .accordion .lessons-container .lesson.book{width:100%;height:auto;border:none}.course .course-container .accordion .lessons-container .lesson.book .icon{color:#0dcaf0}.course .course-container .accordion .lessons-container .lesson.book .lesson-summary .icon{color:#e72d92}.css-15v22id-MuiAccordionDetails-root,.css-1f773le-MuiButtonBase-root-MuiAccordionSummary-root{padding:8px!important}}.course-header{position:relative;width:100%;min-height:80vh;padding:40px;border-radius:10px;background-color:var(--main-color)}.course-header:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.5019607843) 50%,transparent 0),linear-gradient(-135deg,rgba(0,0,0,.5019607843) 50%,transparent 0);background-size:1em 1em;background-color:#fff;opacity:1;background-size:cover;background-position:left;background-repeat:no-repeat;opacity:.4;mask-image:linear-gradient(to right,#000,#000 80%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%)}.course-header .wrapper{display:flex;position:relative;height:100%;align-items:center}.course-header .wrapper .right{flex:1;display:flex;flex-direction:column;gap:24px;color:#fff}.course-header .wrapper .right .labels{display:flex;align-items:center;gap:24px}.course-header .wrapper .right .labels .label{display:flex;align-items:center;height:36px;background-color:#ff9f1c;border-radius:50px}.course-header .wrapper .right .labels .label:last-child{background-color:teal}.course-header .wrapper .right .labels .label .value{height:100%;display:flex;align-items:center;gap:8px;background-color:#080357;border-radius:50px;color:#fff;font-size:14px;font-weight:600;padding:0 10px}.course-header .wrapper .right .labels .label .value .icon{font-size:14px;font-weight:600}.course-header .wrapper .right .labels .label .value .icon:last-child{color:#ff9f1c}.course-header .wrapper .right .labels .label .text{color:#fff;font-size:16px;font-weight:400;padding:0 10px}.course-header .wrapper .right h1{font-size:32px}.course-header .wrapper .right h2{font-size:20px}.course-header .wrapper .left{flex:1;display:flex;align-items:center;justify-content:center;z-index:1}.course-header .wrapper .left .course-card{width:460px;min-height:400px;background-color:#f2f8fd;padding:16px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:16px}.course-header .wrapper .left .course-card img{width:100%;height:300px;border-radius:6px;object-fit:cover;object-position:center top}.course-header .wrapper .left .course-card .wrapper{display:flex;align-items:center;background-color:var(--main-color);border-radius:6px;padding:8px;gap:10px}.course-header .wrapper .left .course-card .wrapper .price{font-weight:700;background-color:#fff;border-radius:6px;padding:0 8px;color:var(--black-color)}.course-header .wrapper .left .course-card .wrapper .currency{font-weight:700;color:#fff}@media (max-width: 767px){.course-header{position:relative;width:100%;min-height:80vh;padding:10px;border-radius:0;background-color:var(--main-color);overflow:hidden}.course-header:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.5019607843) 50%,transparent 0),linear-gradient(-135deg,rgba(0,0,0,.5019607843) 50%,transparent 0);background-size:1em 1em;background-color:#fff;opacity:1;background-size:cover;background-position:left;background-repeat:no-repeat;opacity:.4;mask-image:linear-gradient(to right,#000,#000 80%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%)}.course-header .wrapper{position:relative;display:flex;height:100%;flex-direction:column;align-items:center;padding-bottom:100px;gap:50px}.course-header .wrapper .right{order:1;flex:1;display:flex;flex-direction:column;gap:24px;color:#fff}.course-header .wrapper .right .labels{order:1;display:flex;align-items:center;flex-direction:column;gap:24px}.course-header .wrapper .right .labels .label{width:100%;display:flex;align-items:center;height:36px;background-color:#ff9f1c;border-radius:50px}.course-header .wrapper .right .labels .label:last-child{background-color:teal}.course-header .wrapper .right .labels .label .value{flex:1;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#080357;border-radius:50px;color:#fff;font-size:18px;font-weight:600;padding:0 10px}.course-header .wrapper .right .labels .label .value .icon{font-size:16px;font-weight:600}.course-header .wrapper .right .labels .label .value .icon:last-child{color:#ff9f1c}.course-header .wrapper .right .labels .label .text{flex:1;display:flex;justify-content:center;color:#fff;font-size:18px;font-weight:400;padding:0 10px}.course-header .wrapper .right h1{font-size:40px}.course-header .wrapper .right h2{font-size:24px}.course-header .wrapper .right .grade-container{display:flex;flex-direction:column;gap:8px}.course-header .wrapper .right .grade-container .grade-label{width:300px;background-color:teal;display:flex;align-items:center;justify-content:center;border-radius:50px;line-height:40px;font-weight:600;border:1.5px solid #ff9f1c}.course-header .wrapper .left{order:2;flex:1;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1}.course-header .wrapper .left .course-card{width:100%;height:400px;border-radius:10px;display:flex;flex-direction:column;gap:24px;padding:16px;transition:all .3s ease}.course-header .wrapper .left .course-card:hover{transform:scale(1.05)}.course-header .wrapper .left .course-card img{border-radius:10px;width:100%;object-fit:cover}.course-header .wrapper .left .course-card .wrapper{width:100%;height:auto;display:flex;align-items:center;background-color:var(--main-color);border-radius:6px;padding:8px;gap:10px}.course-header .wrapper .left .course-card .wrapper .price{width:100%;font-weight:700;background-color:#fff;border-radius:6px;padding:8px;color:var(--black-color);text-align:center}.course-header .wrapper .left .course-card .wrapper .currency{font-weight:700;color:#fff}}@media only screen and (min-width: 768px) and (max-width: 1024px){.course-header{position:relative;width:100%;min-height:50vh;padding:16px;border-radius:10px;background-color:var(--main-color);overflow:hidden}.course-header:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.5019607843) 50%,transparent 0),linear-gradient(-135deg,rgba(0,0,0,.5019607843) 50%,transparent 0);background-size:1em 1em;background-color:#fff;opacity:1;background-size:cover;background-position:left;background-repeat:no-repeat;opacity:.4;mask-image:linear-gradient(to right,#000,#000 80%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%)}.course-header .wrapper{display:flex;position:relative;height:100%;align-items:flex-start}.course-header .wrapper .right{flex:1;display:flex;flex-direction:column;gap:24px;color:#fff}.course-header .wrapper .right .labels{display:flex;align-items:center;gap:16px}.course-header .wrapper .right .labels .label{width:fit-content;display:flex;align-items:center;height:36px;background-color:#ff9f1c;border-radius:50px}.course-header .wrapper .right .labels .label:last-child{background-color:teal}.course-header .wrapper .right .labels .label .value{width:120px;height:100%;display:flex;align-items:center;gap:8px;background-color:#080357;border-radius:50px;color:#fff;font-size:14px;font-weight:600;padding:0 10px}.course-header .wrapper .right .labels .label .value .icon{font-size:16px;font-weight:600}.course-header .wrapper .right .labels .label .value .icon:last-child{color:#ff9f1c}.course-header .wrapper .right .labels .label .text{color:#fff;font-size:14px;font-weight:400;padding:0 10px}.course-header .wrapper .right h1{font-size:40px}.course-header .wrapper .right h2{font-size:20px}.course-header .wrapper .right .grade-container{display:flex;flex-direction:column;gap:8px}.course-header .wrapper .right .grade-container .grade-label{width:300px;background-color:teal;display:flex;align-items:center;justify-content:center;border-radius:50px;line-height:40px;font-weight:600;border:1.5px solid #ff9f1c}.course-header .wrapper .left{flex:1;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1}.course-header .wrapper .left .course-card{width:100%;border-radius:10px;display:flex;flex-direction:column;gap:24px;padding:16px;transition:all .3s ease}.course-header .wrapper .left .course-card:hover{transform:scale(1.05)}.course-header .wrapper .left .course-card img{border-radius:10px;width:100%;object-fit:cover}}.fill-orange{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background-color:#ffbc51;color:#fff;height:40px;font-size:16px;font-weight:400;border-radius:8px;outline:none;border:none;text-align:center;transition:all .5s ease;cursor:pointer}.fill-orange:hover{background-color:#fff!important;color:#ffbc51;border:#ffbc51 solid 1px}.fill-orange img{width:23px;height:23px;border-radius:50%}.outlined-orange{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;background:#fff;color:#ffbc51;border:var(--main-color) solid 1px;height:40px;font-size:16px;font-weight:400;border-radius:8px;outline:none;text-align:center;cursor:pointer;transition:all .3s ease}.outlined-orange:hover{background:#ffbc51;color:#fff;box-shadow:1px 1px 2px #0003;transform:scale(1.05)}.outlined-orange img{width:23px;height:23px;border-radius:50%}@media only screen and (min-width: 768px) and (max-width: 1024px){.outlined{font-size:12px}}.exam-view{padding:16px;position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:16px;align-items:center;box-shadow:#0003 0 4px 12px}.exam-view .exam-container{display:flex;gap:40px 16px;width:100%}.exam-view .exam-container .questions-container{flex:1;padding:10px;display:flex;flex-direction:column;gap:50px}.exam-view .exam-container .questions-container .question{width:100%;display:flex;gap:10px}.exam-view .exam-container .questions-container .question .choose{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.exam-view .exam-container .questions-container .question .image{flex:1;width:100%;height:400px;display:flex;justify-content:center;align-items:center}.exam-view .exam-container .questions-container .question .image img{width:100%;height:100%;border-radius:12px}.exam-view .exam-container .questions-container .questions{display:flex;flex-wrap:wrap;gap:10px}.exam-view .exam-container .questions-container .questions .q-number{background-color:#e72d92;color:#fff;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:#959da533 0 8px 24px;cursor:pointer}.exam-view .exam-container .questions-container .questions .q-number.active{background-color:#ffbc51;border:2px solid #ffbc51}.exam-view .exam-container .questions-container .navigation-buttons{display:flex;justify-content:space-between;margin-top:20px;padding:0 20px}.exam-view .exam-container .questions-container .navigation-buttons button:disabled{opacity:.5;cursor:not-allowed}.exam-view .exam-container .questions-container .questions .q-number.active,.exam-view .exam-container .questions-container .questions .q-number.answered{background-color:#25bcbd;color:#fff}.exam-view .exam-container .questions-container .questions .q-number.opened{border:2px solid #ffbc51}.exam-view .exam-container .info-container{width:320px;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px;background-color:#f7f7f7;min-height:500px;border-radius:16px}.exam-view .exam-container .info-container .exam-title{width:100%;height:auto;display:flex;align-items:center;gap:10px;padding:4px 10px;background-color:#ffbc51;border-radius:50px;box-shadow:#959da533 0 8px 24px}.exam-view .exam-container .info-container .exam-title .icon-container{min-width:30px;min-height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.exam-view .exam-container .info-container .exam-title .icon-container .icon{font-size:20px;color:#ffbc51}.exam-view .exam-container .info-container .exam-title h3{color:#fff}.exam-view .exam-container .info-container .timer{display:flex;flex-direction:column;align-items:center;background-color:#ffbc51;border-radius:10px;padding:10px}.exam-view .exam-container .info-container .timer h6{background-color:#fff;padding:6px;border-radius:6px;display:flex;align-items:center}.exam-view .exam-container .info-container .timer h2{color:#fff;display:flex;align-items:center}.exam-view .exam-container .info-container .item{color:var(--black-color);width:300px;display:flex;align-items:center;justify-content:space-between}.exam-view .exam-container .info-container .item .value{background-color:#fff;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:#959da533 0 8px 24px}@media (max-width: 767px){.exam-view{padding:16px;position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:16px;align-items:center;box-shadow:#0003 0 4px 12px}.exam-view .exam-container{display:flex;flex-direction:column;gap:40px 16px;width:100%}.exam-view .exam-container .questions-container{order:1;flex:1;padding:10px;display:flex;flex-direction:column;gap:50px}.exam-view .exam-container .questions-container .question{width:100%;display:flex;flex-direction:column;gap:10px}.exam-view .exam-container .questions-container .question .choose{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.exam-view .exam-container .questions-container .question .image{flex:1;width:100%;height:400px;display:flex;justify-content:center;align-items:center}.exam-view .exam-container .questions-container .question .image img{width:100%;height:100%;border-radius:12px}.exam-view .exam-container .questions-container .questions{display:flex;flex-wrap:wrap;gap:10px}.exam-view .exam-container .questions-container .questions .q-number{background-color:#e72d92;color:#fff;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:#959da533 0 8px 24px;cursor:pointer}.exam-view .exam-container .questions-container .questions .q-number.active{background-color:#ffbc51;border:2px solid #ffbc51}.exam-view .exam-container .questions-container .navigation-buttons{display:flex;justify-content:space-between;margin-top:20px;padding:0 20px}.exam-view .exam-container .questions-container .navigation-buttons button:disabled{opacity:.5;cursor:not-allowed}.exam-view .exam-container .questions-container .questions .q-number.active,.exam-view .exam-container .questions-container .questions .q-number.answered{background-color:#25bcbd;color:#fff}.exam-view .exam-container .questions-container .questions .q-number.opened{border:2px solid #ffbc51}.exam-view .exam-container .info-container{order:0;width:320px;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px;background-color:#f7f7f7;min-height:500px;border-radius:16px}.exam-view .exam-container .info-container .exam-title{width:100%;height:auto;display:flex;align-items:center;gap:10px;padding:4px 10px;background-color:#ffbc51;border-radius:50px;box-shadow:#959da533 0 8px 24px}.exam-view .exam-container .info-container .exam-title .icon-container{min-width:30px;min-height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.exam-view .exam-container .info-container .exam-title .icon-container .icon{font-size:20px;color:#ffbc51}.exam-view .exam-container .info-container .exam-title h3{color:#fff}.exam-view .exam-container .info-container .timer{display:flex;flex-direction:column;align-items:center;background-color:#ffbc51;border-radius:10px;padding:10px}.exam-view .exam-container .info-container .timer h6{background-color:#fff;padding:6px;border-radius:6px;display:flex;align-items:center}.exam-view .exam-container .info-container .timer h2{color:#fff;display:flex;align-items:center}.exam-view .exam-container .info-container .item{color:var(--black-color);width:300px;display:flex;align-items:center;justify-content:space-between}.exam-view .exam-container .info-container .item .value{background-color:#fff;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:#959da533 0 8px 24px}}.loader-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:40vh}.loader-container .loader{width:50px;aspect-ratio:1;display:grid}.loader-container .loader:before,.loader-container .loader:after{content:"";grid-area:1/1;--c: no-repeat radial-gradient(farthest-side, #25b09b 92%, #0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;animation:l12 1s infinite}.loader-container .loader:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes l12{to{transform:rotate(.5turn)}}.exam-results{direction:rtl;margin:2rem auto}.exam-results .header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.exam-results .header .success-icon{color:#22c55e;font-size:2rem}.exam-results .header .title{font-weight:700;color:#1f2937}.exam-results .results-container{padding:1rem;background:#fff;border-radius:1rem}.exam-results .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;text-align:center}.exam-results .result-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:.5rem;background:#f8fafc;height:100px;justify-content:center}.exam-results .result-item .label{color:#64748b;font-size:.875rem;font-weight:500}.exam-results .result-item .value{font-size:1.5rem;font-weight:700}.exam-results .result-item .value.success{color:#22c55e}.exam-results .result-item .value.error{color:#ef4444}.exam-results .result-item .value.info{color:#3b82f6}.exam-results .result-item .value.default{color:#64748b}.exam-results .result-item .value.primary{color:#06b6d4}.exam-results .details-link{color:#06b6d4;text-decoration:none;font-size:1rem;font-weight:600}.exam-results .details-link:hover{text-decoration:underline}@media (max-width: 768px){.exam-results .results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.exam-results .results-grid{grid-template-columns:1fr}}.video-player{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px;box-shadow:#0003 0 4px 12px;border-radius:12px;background-color:#fff}.video-player .video-container{width:100%;display:flex;justify-content:center;margin-bottom:20px;position:relative;border-radius:8px}.video-player .video-container iframe{width:100%!important;height:auto;aspect-ratio:16/9;border:none;border-radius:8px}.video-player .video-container .student-phone{position:absolute;z-index:999999;font-size:.75rem;color:#ffffff80;padding:4px 8px;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:500;letter-spacing:.5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-player .video-container .student-phone.position-0{top:100px;right:100px}.video-player .video-container .student-phone.position-1{top:100px;left:100px}.video-player .video-container .student-phone.position-2{bottom:100px;left:100px}.video-player .video-container .student-phone.position-3{bottom:100px;right:100px}.video-player .video-container .student-phone.position-4{top:50%;left:100px;transform:translateY(-50%)}.video-player .video-container .student-phone.position-5{top:50%;right:100px;transform:translateY(-50%)}.video-player .video-container .student-phone.position-6{top:100px;left:50%;transform:translate(-50%)}.video-player .video-container .student-phone.position-7{bottom:100px;left:50%;transform:translate(-50%)}.video-player .video-container .student-phone.position-8{top:50%;left:50%;transform:translate(-50%,-50%)}.video-player .video-container:fullscreen .student-phone,.video-player .video-container:-webkit-full-screen .student-phone,.video-player .video-container:-moz-full-screen .student-phone,.video-player .video-container:-ms-fullscreen .student-phone{position:fixed}.video-player .video-stats{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:12px;background-color:#f8f9fa;border-radius:8px;font-size:.95rem;color:#555}.video-player .video-stats div{display:flex;align-items:center}.video-player .video-stats div:before{content:"•";margin-right:8px;color:#3498db;font-size:1.2rem}.video-player .video-info{width:80%;text-align:right;padding:20px;background:#f5f5f5;border-radius:10px;margin-top:20px}.video-player .video-info .video-title{font-size:1.5rem;color:#333;margin-bottom:10px}.video-player .video-info .video-description{color:#666;line-height:1.6}.video-blocked-overlay{display:flex;justify-content:center;align-items:center;min-height:350px;width:100%;border-radius:12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 10px 20px #0000000d;padding:2rem;text-align:center;overflow:hidden;position:relative}.video-blocked-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--main-color),#feb47b)}.video-blocked-overlay .blocked-message{max-width:80%;padding:1.5rem;border-radius:10px;background-color:#fff;box-shadow:0 5px 15px #00000014;transform:translateY(0);animation:gentle-bounce 1s ease-in-out}.video-blocked-overlay .blocked-message h3{color:#e74c3c;font-size:1.5rem;margin-bottom:1rem;font-weight:700}.video-blocked-overlay .blocked-message p{color:#555;margin-bottom:.75rem;line-height:1.6}.video-blocked-overlay .blocked-message p:last-child{margin-top:1.5rem;font-size:.9rem;color:#7f8c8d}.video-blocked-overlay .blocked-message .view-count{display:inline-block;background-color:#f8f9fa;padding:.5rem 1rem;border-radius:50px;margin:1rem 0;font-weight:700;color:#e74c3c;border:1px dashed #e74c3c}.video-blocked-overlay .blocked-message .contact-support{display:inline-block;margin-top:1rem;padding:.6rem 1.5rem;background-color:#3498db;color:#fff;border-radius:50px;font-weight:500;text-decoration:none;transition:all .3s ease}.video-blocked-overlay .blocked-message .contact-support:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 5px 10px #0000001a}@keyframes gentle-bounce{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.video-player{padding:0!important}.video-player .video-container{padding:0!important;width:100%!important}.video-player .video-container .student-phone{font-size:.65rem;padding:3px 6px}.video-player .video-container .student-phone.position-0{top:10px;right:10px;transform:none}.video-player .video-container .student-phone.position-1{top:10px;left:10px;transform:none}.video-player .video-container .student-phone.position-2{bottom:10px;left:10px;transform:none}.video-player .video-container .student-phone.position-3{bottom:10px;right:10px;transform:none}.video-player .video-container .student-phone.position-4{top:50%;left:10px;transform:translateY(-50%)}.video-player .video-container .student-phone.position-5{top:50%;right:10px;transform:translateY(-50%)}.video-player .video-container .student-phone.position-6{top:10px;left:50%;transform:translate(-50%)}.video-player .video-container .student-phone.position-7{bottom:10px;left:50%;transform:translate(-50%)}.video-player .video-container .student-phone.position-8{top:50%;left:50%;transform:translate(-50%,-50%)}.video-blocked-overlay .blocked-message{max-width:95%;padding:1rem}.video-blocked-overlay .blocked-message h3{font-size:1.3rem}.video-player .video-stats{font-size:.85rem}}.view{min-height:200px;scroll-margin-top:80px;padding:20px 0;transition:height .3s ease-out}.view .none-shadow{box-shadow:none!important}.view.protected-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.view.protected-content img{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.view.protected-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px)}.exam-instructions-modal{display:flex;align-items:center;justify-content:center}.exam-instructions-modal .modal-container{background:#fff;padding:2rem;border-radius:10px;max-width:600px;width:90%;text-align:right;outline:none;direction:rtl}.exam-instructions-modal .modal-container .icon{font-size:3rem;color:#ffbc51;margin-bottom:1rem}.exam-instructions-modal .modal-container h1{color:#333;margin-bottom:1rem;font-size:1.8rem}.exam-instructions-modal .modal-container h3{color:#666;margin-bottom:1.5rem;font-size:1.2rem;font-weight:400}.exam-instructions-modal .modal-container ul{list-style:none;padding:0;margin-bottom:1.5rem}.exam-instructions-modal .modal-container ul li{margin:.8rem 0;padding-right:1.5rem;position:relative;color:#444;font-size:1rem}.exam-instructions-modal .modal-container ul li:before{content:"•";color:#ffbc51;font-weight:700;position:absolute;right:0}.exam-instructions-modal .modal-container p{color:#666;margin-bottom:1.5rem;font-size:.9rem}.exam-instructions-modal .modal-container .buttons-container{display:flex;gap:1rem;justify-content:center}.exam-instructions-modal .modal-container .buttons-container button{min-width:150px}@media (max-width: 767px){.exam-instructions-modal .modal-container{padding:10px}}.wrapper{position:relative}.wrapper .message__modal-order{position:absolute;overflow:hidden;width:100%;height:100%;background-color:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.wrapper .message__modal-order .message__container-order{padding:20px;width:500px;min-height:300px;background-color:#fff;border-radius:8px;display:flex;flex-direction:column}.wrapper .message__modal-order .message__container-order .message__content-order{display:flex;flex-direction:column;align-items:center}.wrapper .message__modal-order .message__container-order .message__content-order .warning-order{color:orange;font-size:80px}.wrapper .message__modal-order .message__container-order .message__content-order .done-order{color:green;font-size:80px}.wrapper .message__modal-order .message__container-order .message__content-order .error-order{color:red;font-size:80px}.wrapper .message__modal-order .message__container-order .message__content-order h1{font-weight:600;color:#555}.wrapper .message__modal-order .message__container-order .message__content-order p{color:#666}.wrapper .message__modal-order .message__container-order .message__action-order{flex:1;display:flex;gap:20px}.wrapper .message__modal-order .message__container-order .message__action-order .ok__btn-order{align-self:center;outline:solid 2px #ccc;border:solid 2px white;border-radius:8px;font-weight:700;background-color:#0dcaf0;color:#fff;padding:5px 30px;cursor:pointer}.wrapper .message__modal-order .message__container-order .message__action-order .cancel__btn-order{align-self:center;outline:solid 2px #ccc;border:solid 2px white;border-radius:8px;font-weight:700;padding:5px 30px;cursor:pointer}.wrapper .order{min-height:100vh;width:100%;background-color:#f0f2f5;padding:100px 30px}.wrapper .order .order__container{background-color:#fff;border-radius:8px;width:100%}.wrapper .order .order__container .container__body{padding:30px;display:flex;flex-direction:column}.wrapper .order .order__container .container__body .link{font-size:18px;width:fit-content}.wrapper .order .order__container .container__body .link:hover{color:#00f}.wrapper .order .order__container .container__body h1{align-self:center}.wrapper .order .order__container .container__body .coupon{display:flex;flex-direction:column;gap:15px}.wrapper .order .order__container .container__body .coupon .coupon__input{display:flex;gap:5px}.wrapper .order .order__container .container__body .coupon .coupon__input button{padding:5px 25px;background-color:var(--main-color);color:#fff;border:none;outline:none;font-size:18px;font-weight:700;border-radius:0 8px 8px 0;cursor:pointer}.wrapper .order .order__container .container__body .coupon .coupon__input input{border:none;padding-right:15px;border-bottom:2px solid gray;transition:all .5s ease-in-out}.wrapper .order .order__container .container__body .coupon .coupon__input input:focus{background-color:#0dcaf04d;font-weight:700;font-size:18px;outline:none;width:50%}.wrapper .order .order__container .container__body .order__btn{align-self:center}@media only screen and (max-width: 767px){.wrapper .message__modal-order .message__container-order{width:90%}.wrapper .message__modal-order .message__container-order .message__content-order h1{font-size:20px;font-weight:900}.wrapper .message__modal-order .message__container-order .message__content-order p{font-size:12px;font-weight:700}}.spinner__loader{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;min-height:50vh}.spinner__loader .loader{font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.1s infinite ease;transform:translateZ(0)}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em #000,1.8em -1.8em #0003,2.5em 0 #0003,1.75em 1.75em #0003,0 2.5em #0003,-1.8em 1.8em #0003,-2.6em 0 #00000080,-1.8em -1.8em #000000b3}12.5%{box-shadow:0 -2.6em #000000b3,1.8em -1.8em #000,2.5em 0 #0003,1.75em 1.75em #0003,0 2.5em #0003,-1.8em 1.8em #0003,-2.6em 0 #0003,-1.8em -1.8em #00000080}25%{box-shadow:0 -2.6em #00000080,1.8em -1.8em #000000b3,2.5em 0 #000,1.75em 1.75em #0003,0 2.5em #0003,-1.8em 1.8em #0003,-2.6em 0 #0003,-1.8em -1.8em #0003}37.5%{box-shadow:0 -2.6em #0003,1.8em -1.8em #00000080,2.5em 0 #000000b3,1.75em 1.75em #000,0 2.5em #0003,-1.8em 1.8em #0003,-2.6em 0 #0003,-1.8em -1.8em #0003}50%{box-shadow:0 -2.6em #0003,1.8em -1.8em #0003,2.5em 0 #00000080,1.75em 1.75em #000000b3,0 2.5em #000,-1.8em 1.8em #0003,-2.6em 0 #0003,-1.8em -1.8em #0003}62.5%{box-shadow:0 -2.6em #0003,1.8em -1.8em #0003,2.5em 0 #0003,1.75em 1.75em #00000080,0 2.5em #000000b3,-1.8em 1.8em #000,-2.6em 0 #0003,-1.8em -1.8em #0003}75%{box-shadow:0 -2.6em #0003,1.8em -1.8em #0003,2.5em 0 #0003,1.75em 1.75em #0003,0 2.5em #00000080,-1.8em 1.8em #000000b3,-2.6em 0 #000,-1.8em -1.8em #0003}87.5%{box-shadow:0 -2.6em #0003,1.8em -1.8em #0003,2.5em 0 #0003,1.75em 1.75em #0003,0 2.5em #0003,-1.8em 1.8em #00000080,-2.6em 0 #000000b3,-1.8em -1.8em #000}}.table__container{position:relative;width:100%;display:flex;flex-direction:column}.table__container table{width:100%;border-collapse:collapse;align-self:center;margin:25px 0;font-size:.9em;font-family:sans-serif;box-shadow:0 0 20px #00000026}.table__container table thead tr{background-color:var(--main-color);color:#fff;text-align:center;font-size:16px}.table__container table tbody{text-align:center;font-weight:700}.table__container table tbody :hover{color:var(--main-color);background-color:#f3f3f3;cursor:pointer}.table__container table th,.table__container table td{padding:22px 25px;font-size:16px}.table__container table td{color:var(--black-color)}.table__container table tbody tr:last-of-type{border-bottom:2px solid var(--main-color)}.table__container table .icon-delete{margin-right:30px;color:red;font-size:30px;cursor:pointer}.table__container table .icon-edit{margin-right:30px;color:var(--main-color);font-size:30px;cursor:pointer}.profile{width:100%;min-height:100vh;background-image:url("data:image/svg+xml,%3csvg%20width='455'%20height='455'%20viewBox='0%200%20455%20455'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='326.388'%20height='326.387'%20rx='10'%20transform='matrix(0.707107%20-0.707107%20-0.707107%20-0.707107%20227.604%20458.396)'%20fill='url(%23paint0_linear_53_1504)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_53_1504'%20x1='17.8677'%20y1='308.348'%20x2='306.254'%20y2='19.9616'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EAF9F9'/%3e%3cstop%20offset='1'%20stop-color='%23FCFDFF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center center;background-repeat:no-repeat;object-fit:cover}.profile .container{width:100%;display:flex;flex-direction:column;gap:24px;padding-top:50px;padding-bottom:50px}.profile .container .user-header{height:70px;border-radius:20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#25bcbd,#bdd632);font-size:29px;font-weight:700;line-height:36.83px;color:#fff}.profile .container .wrapper{width:100%!important;display:flex;gap:16px}.profile .container .wrapper .sidebar{width:240px;min-width:240px}.profile .container .wrapper .sidebar ul{list-style:none;padding:0;margin:0}.profile .container .wrapper .sidebar ul li{margin-bottom:10px;background-color:#fff;border-radius:6px;padding:12px 16px;color:var(--main-color);cursor:pointer;font-weight:700;box-shadow:#0003 0 4px 12px}.profile .container .wrapper .sidebar ul li.active{background-color:var(--main-color);color:#fff;font-weight:700}.profile .container .wrapper .sidebar ul li:hover{background-color:var(--main-color);color:#fff}.profile .container .wrapper .profile-container{flex:1}@media (max-width: 767px){.profile{width:100%;min-height:100vh;background-image:url("data:image/svg+xml,%3csvg%20width='455'%20height='455'%20viewBox='0%200%20455%20455'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='326.388'%20height='326.387'%20rx='10'%20transform='matrix(0.707107%20-0.707107%20-0.707107%20-0.707107%20227.604%20458.396)'%20fill='url(%23paint0_linear_53_1504)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_53_1504'%20x1='17.8677'%20y1='308.348'%20x2='306.254'%20y2='19.9616'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EAF9F9'/%3e%3cstop%20offset='1'%20stop-color='%23FCFDFF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center center;background-repeat:no-repeat;object-fit:cover}.profile .container{width:100%;display:flex;flex-direction:column;gap:24px;padding-top:50px;padding-bottom:50px}.profile .container .user-header{height:70px;border-radius:20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#25bcbd,#bdd632);font-size:29px;font-weight:700;line-height:36.83px;color:#fff}.profile .container .wrapper{width:100%!important;display:flex;gap:16px;flex-direction:column}.profile .container .wrapper .sidebar{width:100%;min-width:240px}.profile .container .wrapper .sidebar ul{list-style:none;padding:0;margin:0}.profile .container .wrapper .sidebar ul li{margin-bottom:10px;background-color:#fff;border-radius:6px;padding:12px 16px;color:var(--main-color);cursor:pointer;font-weight:700;box-shadow:#0003 0 4px 12px}.profile .container .wrapper .sidebar ul li.active{background-color:var(--main-color);color:#fff;font-weight:700}.profile .container .wrapper .sidebar ul li:hover{background-color:var(--main-color);color:#fff}.profile .container .wrapper .profile-container{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.profile{width:100%;min-height:100vh;background-image:url("data:image/svg+xml,%3csvg%20width='455'%20height='455'%20viewBox='0%200%20455%20455'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='326.388'%20height='326.387'%20rx='10'%20transform='matrix(0.707107%20-0.707107%20-0.707107%20-0.707107%20227.604%20458.396)'%20fill='url(%23paint0_linear_53_1504)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_53_1504'%20x1='17.8677'%20y1='308.348'%20x2='306.254'%20y2='19.9616'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EAF9F9'/%3e%3cstop%20offset='1'%20stop-color='%23FCFDFF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center center;background-repeat:no-repeat;object-fit:cover}.profile .container{width:100%;display:flex;flex-direction:column;gap:24px;padding-top:50px;padding-bottom:50px}.profile .container .user-header{height:70px;border-radius:20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#25bcbd,#bdd632);font-size:29px;font-weight:700;line-height:36.83px;color:#fff}.profile .container .wrapper{width:100%!important;display:flex;gap:16px;flex-direction:column}.profile .container .wrapper .sidebar{width:100%;min-width:240px}.profile .container .wrapper .sidebar ul{list-style:none;padding:0;margin:0}.profile .container .wrapper .sidebar ul li{margin-bottom:10px;background-color:#fff;border-radius:6px;padding:12px 16px;color:var(--main-color);cursor:pointer;font-weight:700;box-shadow:#0003 0 4px 12px}.profile .container .wrapper .sidebar ul li.active{background-color:var(--main-color);color:#fff;font-weight:700}.profile .container .wrapper .sidebar ul li:hover{background-color:var(--main-color);color:#fff}.profile .container .wrapper .profile-container{width:100%}}.views{width:100%;height:100%;border-radius:10px;box-shadow:#0003 0 4px 12px;padding:30px}.views .profile-view{display:flex;flex-direction:column;gap:30px;width:100%}.views .profile-view .button-container{width:100%;display:flex;justify-content:center;align-items:center;gap:16px;padding-bottom:16px;border-bottom:2px solid #ececec}.views .profile-view .info-container{display:flex;align-items:center;gap:30px}.views .profile-view .info-container .img-container{width:250px;height:250px;display:flex;align-items:center;justify-content:center}.views .profile-view .info-container .img-container .user-img{font-size:240px;color:var(--main-color)}.views .profile-view .info-container .main-info{display:flex;flex-direction:column;gap:10px}.views .profile-view .info-container form{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.views .profile-view .info-container form .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root,.views .profile-view .info-container form .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{outline-color:#7ea91a!important;border-radius:12px!important}.views .profile-view .info-container form input{position:relative;color:#220e5f;font-size:15px;font-weight:600;line-height:21px;height:40px;border-radius:12px;outline:none;padding:24px 16px 0!important}.views .profile-view .info-container form .form-label{position:absolute;top:16px;right:16px;font-size:15px;font-weight:400;line-height:12px;text-align:right;color:#585858}.views .profile-view .info-container form .active-btn{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;top:50%;left:16px;transform:translateY(-50%);width:66px;height:24px;font-size:14px;font-weight:400;line-height:18.9px;border-radius:13px;background:linear-gradient(266.85deg,#7ea91a 2.11%,#aedc44 98.8%);color:#fff;outline:none;border:none;cursor:pointer}.views .profile-view .info-container form .delete-btn{width:440px;height:41px;border-radius:10px;font-size:15px;font-weight:400;line-height:22.5px;display:flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid #e51937;outline:none;background-color:#e5193721;color:#e51937;cursor:pointer}.views .profile-view .info-container form .action-btn{border:none;outline:none;background-color:inherit;cursor:pointer}.views .course-view{width:100%;display:flex;justify-content:center;align-items:center;padding-top:50px}.views .course-view .courses-container{width:100%;background-color:teal;display:flex;flex-wrap:wrap;gap:20px;padding:20px}.views .course-view .no-courses{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:400;color:var(--black-color)}.views .course-view .no-courses .icon{color:var(--main-text);font-size:30px}.views .exams-view{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;padding-top:30px}.views .exams-view .no-courses{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:400;color:var(--black-color)}.views .exams-view .no-courses .icon{color:var(--main-text);font-size:30px}.views .exams-view h1{position:relative;color:var(--black-color)}.views .exams-view h1:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:200px;height:10px;background:linear-gradient(90deg,#25bcbd,#bdd632);z-index:1;border-radius:12px}.views .exams-view .circles-container{display:flex;gap:32px}.views .exams-view .circles-container .circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px}.views .exams-view .circles-container .circle-wrapper p{font-weight:600}.views .exams-view .circles-container .circle-wrapper .outer-circle{position:relative;width:200px;height:200px;border-radius:50%;background-color:#f0f0f0;box-shadow:#0003 0 4px 12px;display:flex;align-items:center;justify-content:center}.views .exams-view .circles-container .circle-wrapper .outer-circle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--main-color) calc(var(--percentage, 0) * 3.6deg),transparent 0deg);transition:background .3s ease}.views .exams-view .circles-container .circle-wrapper .outer-circle .inner-circle{z-index:10;background-color:#fff;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;box-shadow:#0003 0 4px 12px}.views .exams-view .data-grid{width:100%}.views .exams-view .action-buttons{cursor:pointer}.views .exams-view .action-buttons:hover{color:#25bcbd}.views .no-exams{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:400;color:var(--black-color)}.views .no-exams .icon{color:var(--main-text);font-size:30px}.css-yrdy0g-MuiDataGrid-columnHeaderRow,.css-wop1k0-MuiDataGrid-footerContainer{background-color:#ececec!important}@media (max-width: 767px){.views{width:100%!important;height:100%;border-radius:10px;box-shadow:#0003 0 4px 12px;padding:30px}.views .profile-view{display:flex;flex-direction:column;gap:30px;width:100%}.views .profile-view .button-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-bottom:16px;border-bottom:2px solid #ececec}.views .profile-view .button-container button{width:100%!important}.views .profile-view .info-container{width:100%;display:flex;align-items:center;gap:30px}.views .profile-view .info-container .img-container{width:250px;height:250px;display:flex;align-items:center;justify-content:center}.views .profile-view .info-container .img-container .user-img{font-size:240px;color:var(--main-color)}.views .profile-view .info-container .main-info{display:flex;flex-direction:column;gap:10px}.views .profile-view .info-container form{display:flex;flex-direction:column;align-items:center;gap:14px}.views .profile-view .info-container form .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root,.views .profile-view .info-container form .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{outline-color:#7ea91a!important;border-radius:12px!important}.views .profile-view .info-container form input{position:relative;color:#220e5f;font-size:15px;font-weight:600;line-height:21px;height:40px;border-radius:12px;outline:none;padding:24px 16px 0!important}.views .profile-view .info-container form .form-label{position:absolute;top:16px;right:16px;font-size:15px;font-weight:400;line-height:12px;text-align:right;color:#585858}.views .profile-view .info-container form .active-btn{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;top:50%;left:16px;transform:translateY(-50%);width:66px;height:24px;font-size:14px;font-weight:400;line-height:18.9px;border-radius:13px;background:linear-gradient(266.85deg,#7ea91a 2.11%,#aedc44 98.8%);color:#fff;outline:none;border:none;cursor:pointer}.views .profile-view .info-container form .delete-btn{width:440px;height:41px;border-radius:10px;font-size:15px;font-weight:400;line-height:22.5px;display:flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid #e51937;outline:none;background-color:#e5193721;color:#e51937;cursor:pointer}.views .profile-view .info-container form .action-btn{border:none;outline:none;background-color:inherit;cursor:pointer}.views .course-view{width:100%;display:flex;justify-content:center;align-items:center;padding-top:50px}.views .course-view .courses-container{width:100%;background-color:teal;display:flex;flex-wrap:wrap;gap:20px;padding:20px}.views .course-view .no-courses{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:400;color:var(--black-color)}.views .course-view .no-courses .icon{color:var(--main-text);font-size:30px}.views .exams-view{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;padding-top:30px}.views .exams-view h1{position:relative;font-size:24px;color:var(--black-color)}.views .exams-view h1:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:200px;height:10px;background:linear-gradient(90deg,#25bcbd,#bdd632);z-index:1;border-radius:12px}.views .exams-view .circles-container{display:flex;flex-direction:column;gap:32px}.views .exams-view .circles-container .circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px}.views .exams-view .circles-container .circle-wrapper p{font-weight:600}.views .exams-view .circles-container .circle-wrapper .outer-circle{position:relative;width:200px;height:200px;border-radius:50%;background-color:#f0f0f0;box-shadow:#0003 0 4px 12px;display:flex;align-items:center;justify-content:center}.views .exams-view .circles-container .circle-wrapper .outer-circle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--main-color) calc(var(--percentage, 0) * 3.6deg),transparent 0deg);transition:background .3s ease}.views .exams-view .circles-container .circle-wrapper .outer-circle .inner-circle{z-index:10;background-color:#fff;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;box-shadow:#0003 0 4px 12px}.views .exams-view .data-grid{width:100%}.views .exams-view .action-buttons{cursor:pointer}.views .exams-view .action-buttons:hover{color:#25bcbd}}.icon{font-size:24px!important;margin-right:auto}.icon.correct{color:#7ea91a}.icon.incorrect{color:#e51937}.answers-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a;display:grid;place-items:center;z-index:1000;direction:rtl}.answers-overlay .answers-modal{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 4px 24px #00000026;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.answers-overlay .answers-modal .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #ececec}.answers-overlay .answers-modal .header h2{color:#220e5f;font-size:24px}.answers-overlay .answers-modal .header button{background:none;border:none;font-size:32px;cursor:pointer;color:#585858}.answers-overlay .answers-modal .header button:hover{color:#e51937}.answers-overlay .answers-modal .answers-list{display:flex;flex-direction:column;gap:32px}.answers-overlay .answers-modal .answers-list .answer-item{padding:24px;border-radius:12px;background:#f8f8f8;box-shadow:0 2px 8px #00000014}.answers-overlay .answers-modal .answers-list .answer-item .question{display:flex;gap:16px;margin-bottom:20px}.answers-overlay .answers-modal .answers-list .answer-item .question .number{background:#220e5f;color:#fff;min-width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:600}.answers-overlay .answers-modal .answers-list .answer-item .question p{font-size:18px;color:#220e5f}.answers-overlay .answers-modal .answers-list .answer-item .image{margin:20px 0;display:flex;justify-content:center}.answers-overlay .answers-modal .answers-list .answer-item .image img{width:400px;height:300px;object-fit:contain;border-radius:8px;box-shadow:0 2px 12px #0000001a}.answers-overlay .answers-modal .answers-list .answer-item .answers-info{display:flex;flex-direction:column;gap:16px}.answers-overlay .answers-modal .answers-list .answer-item .answers-info .answer,.answers-overlay .answers-modal .answers-list .answer-item .answers-info .correct-answer{display:flex;gap:12px;padding:16px;border-radius:8px}.answers-overlay .answers-modal .answers-list .answer-item .answers-info .answer .label,.answers-overlay .answers-modal .answers-list .answer-item .answers-info .correct-answer .label{font-weight:600;min-width:120px}.answers-overlay .answers-modal .answers-list .answer-item .answers-info .answer.correct{background:#7ea91a1a;border:1px solid #7ea91a}.answers-overlay .answers-modal .answers-list .answer-item .answers-info .answer.incorrect{background:#e519371a;border:1px solid #e51937}.answers-overlay .answers-modal .answers-list .answer-item .answers-info .answer.no-answer{background:#5858581a;border:1px solid #585858}.answers-overlay .answers-modal .answers-list .answer-item .answers-info .correct-answer{background:#7ea91a1a;border:1px solid #7ea91a}.success{display:flex;justify-content:center;align-items:center;height:50vh;flex-direction:column}.success .message__container{position:relative;width:400px;height:300px;display:flex;flex-direction:column;align-items:center;gap:16px}.success .message__container img{margin-top:32px;width:200px;height:200px;margin-bottom:16px}.success .message__container h3{position:absolute;bottom:15%}.success .message__container h4{position:absolute;bottom:5%}.failed{display:flex;justify-content:center;align-items:center;height:50vh;flex-direction:column}.failed .message__container{width:400px;height:300px;display:flex;flex-direction:column;align-items:center;gap:16px}.failed .message__container img{margin-top:32px;width:100px;height:100px;margin-bottom:16px}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}