html{scroll-behavior:smooth}@font-face{font-family:"Metropolis-Black";src:url(/src/assets/fonts/Metropolis-Black.otf) format("opentype")}@font-face{font-family:"Metropolis-BlackItalic";src:url(/src/assets/fonts/Metropolis-BlackItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-Bold";src:url(/src/assets/fonts/Metropolis-Bold.otf) format("opentype")}@font-face{font-family:"Metropolis-BoldItalic";src:url(/src/assets/fonts/Metropolis-BoldItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-ExtraBold";src:url(/src/assets/fonts/Metropolis-ExtraBold.otf) format("opentype")}@font-face{font-family:"Metropolis-ExtraBoldItalic";src:url(/src/assets/fonts/Metropolis-ExtraBoldItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-ExtraLight";src:url(/src/assets/fonts/Metropolis-ExtraLight.otf) format("opentype")}@font-face{font-family:"Metropolis-ExtraLightItalic";src:url(/src/assets/fonts/Metropolis-ExtraLightItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-Light";src:url(/src/assets/fonts/Metropolis-Light.otf) format("opentype")}@font-face{font-family:"Metropolis-LightItalic";src:url(/src/assets/fonts/Metropolis-LightItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-Medium";src:url(/src/assets/fonts/Metropolis-Medium.otf) format("opentype")}@font-face{font-family:"Metropolis-MediumItalic";src:url(/src/assets/fonts/Metropolis-MediumItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-Regular";src:url(/src/assets/fonts/Metropolis-Regular.otf) format("opentype")}@font-face{font-family:"Metropolis-RegularItalic";src:url(/src/assets/fonts/Metropolis-RegularItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-SemiBold";src:url(/src/assets/fonts/Metropolis-SemiBold.otf) format("opentype")}@font-face{font-family:"Metropolis-SemiBoldItalic";src:url(/src/assets/fonts/Metropolis-SemiBoldItalic.otf) format("opentype")}@font-face{font-family:"Metropolis-Thin";src:url(/src/assets/fonts/Metropolis-Thin.otf) format("opentype")}@font-face{font-family:"Metropolis-ThinItalic";src:url(/src/assets/fonts/Metropolis-ThinItalic.otf) format("opentype")}:root{--blue:#1a8cf7;--dark-blue:#010337;--darker-blue:#181b28;--s-blue:#055cf5;--s-red:#f4035a;--s-cayn:#21cbdd;--s-green:#5be498;--s-orange:#ffc63c;--main-background:#f2f2f2;--gray-1:#3c3c3b;--gray-2:#575756;--gray-3:#c6c6c6;--gray-4:#e5e5e5}*{font-family:"Metropolis-Medium";text-decoration:none!important}body{background-color:#f2f2f2!important;background-color:var(--main-background)!important;padding:0}::selection{background-color:#1a8cf7;background-color:var(--blue);color:#fff}.wrapper{margin-top:85px}.disabled{pointer-events:none;opacity:.6}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}[data-marker="*"]>.fa-li>.fa-circle{cursor:pointer;font-size:40%;vertical-align:40%}.login{display:grid;grid-template-columns:1fr 1fr;padding:100px;background-color:var(--main-background);height:100vh;z-index:-1}.login .login-card{background-color:#fff;margin-top:50px;display:flex;flex-direction:column;justify-content:center;order:0;border:1px solid var(--blue);padding:20px 50px;border-radius:20px;box-shadow:5px 5px 0 var(--blue);z-index:2}.login .login-card h3{align-self:center;color:var(--blue);margin-bottom:30px}.login .login-card a{align-self:center}.login .login-card .login-btn{background-color:#fff;border:1px solid var(--blue);box-shadow:5px 5px 0 var(--blue);border-radius:10px;padding:10px 30px;margin-top:20px;align-self:center}.login .login-card div{margin-bottom:20px}.login .welcome{display:flex;flex-direction:column;justify-content:start;align-content:flex-start}.login .welcome span{color:var(--gray-2);font-size:32px;font-family:"Metropolis-Bold"}.login .welcome .title{color:var(--blue)}.login .control{margin-top:100px}.login .pattrens{position:fixed;bottom:20px;right:-100px;width:40%}@media (min-width:200px) and (max-width:1300px){.login{grid-template-columns:1fr;padding:20px}.login .pattrens{display:none}}.center-week{display:flex;justify-content:center;margin-top:100px;flex-direction:column;align-items:center;width:600px!important;margin-left:20px}.center-week h1,h2,ul{align-self:flex-start}.list-unstyled.components li{color:#000}#sidebar{z-index:100}.contact{color:var(--blue)}pre{background-color:#f5f5f5;border:1px solid #c2c2c2}.course-card{border:1px solid var(--gray-3);display:flex;flex-direction:column;justify-items:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;padding:0 0 10px;width:90%;max-width:350px;transition:.2s ease;margin-top:30px;margin-right:20px;box-shadow:5px 5px 0 var(--s-blue);border-radius:10px}.course-card:hover{box-shadow:0 0 0 var(--s-orange)!important;cursor:pointer;transition:.2s ease;-webkit-transform:translateX(5px) translateY(5px)!important;transform:translateX(5px) translateY(5px)!important}.card-img{background-size:cover!important;background-position:50%;padding:15px;color:var(--s-orange);height:130px;border-radius:8px 8px 0 0;display:flex;flex-direction:column;position:relative;border-radius:10px 10px 0 0!important}.level{display:inline-block;margin-right:10px}.duration-level{display:flex;justify-content:space-between;align-items:center}.duration-level span{font-family:"Metropolis-Light"}.course-card.closed span.title{color:var(--gray-3)!important}.course-card.closed .status{color:#000;background-color:var(--gray-3)!important}.card-img span.title{font-family:"Metropolis-bold";position:absolute;bottom:5px;padding-right:16px;font-size:larger}.details{padding:10px 15px;font-size:12px}.details div{display:flex;align-items:center}.details img{margin-right:10px}.details span{text-transform:capitalize;margin-left:5px}a{text-decoration:none!important;color:#000}.course-card.last{display:flex;justify-content:center;align-items:center;padding:0;height:198px}@media (min-width:320px) and (max-width:767px){.course-list{display:flex;flex-direction:column;justify-content:stretch;border:2px solid var(--blue);align-items:center;padding:20px}}.container .title{color:var(--blue);font-size:32px;margin-top:100px!important}.course-list{display:flex;flex-wrap:wrap;justify-items:center}hr{margin-bottom:40px}.platform{background-color:#fff;display:inline-block;padding:10px;border:1px solid var(--blue);border-radius:10px}header{display:flex;justify-content:space-between;align-items:center;padding:5px;position:fixed;top:0;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px);z-index:3;background-color:#e6e6e6 87;border-bottom:1px solid #fff;transition:.2s ease}header div{margin:10px 5%}header .middle span{margin-left:10px;cursor:pointer}header .control{display:flex;justify-content:center;align-items:center}header .control span.image{font-size:38px;margin-right:20px}header .control i{font-size:large;color:var(--blue);display:inline-block;margin-left:10px;position:relative}header .control i .menu{display:none}header .control i:hover{cursor:pointer}header .control i.open .menu,header .control i:hover .menu{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;position:absolute;padding:20px;background-color:#fff;border:1px solid var(--blue);box-shadow:5px 5px 0 7b #055df5;border-radius:20px;top:10px}header .control i.open .menu span,header .control i:hover .menu span{font-size:16px;color:#000;font-family:"Metropolis-Regular";display:flex;justify-content:center;align-items:center}header .control i.open .menu span svg,header .control i:hover .menu span svg{margin-right:3px}header .control i.open .menu span:hover,header .control i:hover .menu span:hover{color:var(--blue)}header .control i.open .menu .profile,header .control i:hover .menu .profile{margin-bottom:10px;border-bottom:1px solid var(--blue);padding-bottom:10px}header .control a{display:inline-block;margin-left:20px;color:var(--blue);text-decoration:none}@media (min-width:250px) and (max-width:480px){.logo{display:none}}.logout:hover{color:#000;cursor:pointer}#sidebar{position:fixed}#sidebar ul li a{color:#000}#sidebar{background-color:#fff;border:1px solid #b3b3b3;box-shadow:5px 5px 0 var(--blue);border-radius:20px;margin-top:20px}#sidebar .week-title{color:#727272}#sidebar .week-list{color:#000;display:inline-block;margin-top:20px;cursor:pointer}#sidebar .week-list:hover{color:var(--blue)}#sidebar .custom-menu .btn.btn-primary:after{left:40px!important;right:-1px!important;-webkit-transform:rotate(0deg)!important;transform:rotate(0deg)!important}#content.ml-5,#content.p-4,#content.p-md-5,#content.pt-5{margin:0!important;padding:0!important}.course-player{margin-left:100px;margin-top:150px;display:flex;justify-content:center;align-items:center;flex-direction:column}#sidebar ul li a{color:var(--gray-2)}#sidebar ul li a:hover{color:#000}.navigation-list{display:flex;margin-top:40px}.navigation-list div{display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--blue);width:50px;height:50px;background-color:#fff;margin-left:20px;cursor:pointer}.navigation-list div.current{box-shadow:5px 5px 0 var(--blue)}
/*# sourceMappingURL=main.14a303e5.chunk.css.map */