@import url("https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901,1,2&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{padding:0;margin:0;font-family:"Satoshi", sans-serif;height:100%;overflow-x:hidden}body .container{max-width:1200px;margin-left:auto;margin-right:auto;position:relative;min-height:calc(100vh - 567px)}@media only screen and (max-width: 1240px){body .container{margin-left:20px;margin-right:20px}}body .container-small{max-width:588px;margin-left:auto;margin-right:auto}body .header-container{max-width:715px;margin-left:auto;margin-right:auto;margin-top:15px}body .row{width:100%;max-width:unset;display:flex;flex-wrap:wrap}body .row .col-50{flex:0 0 auto;width:calc(50% - 30px);margin-left:15px;margin-right:15px}@media only screen and (max-width: 924px){body .row .col-50{margin-left:0;margin-right:0;width:100%}}@media only screen and (max-width: 800px){body .row .col-50{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}}body .row .col-65{flex:0 0 auto;width:calc(65% - 30px);margin-left:15px;margin-right:15px}@media (max-width: 924px){body .row .col-65{width:calc(100% - 30px)}}body .row .scroll{max-height:860px;overflow-y:auto;padding:1px}body .row .scroll::-webkit-scrollbar{display:none;width:0}body .row .col-35{flex:0 0 auto;width:calc(35% - 30px);margin-left:15px;margin-right:15px}@media (max-width: 924px){body .row .col-35{width:calc(100% - 30px)}}@media only screen and (max-width: 924px){body .row{display:inline-block}}body .mt-72{margin-top:72px}:root{--primary: #0067B8;--button-secondary: #FFFFFF;--black: #101820;--deep-black: "";--white: #ffffff;--red: #B81E00;--danger: #B83300;--misty-rose: #FFE3D9}:root{--primary: #0067B8;--button-secondary: #FFFFFF;--black: #101820;--deep-black: "";--white: #ffffff;--red: #B81E00;--danger: #B83300;--misty-rose: #FFE3D9}.login{display:flex;height:100%}.login .information{flex:1;background-color:var(--white)}.login .information .vertical-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-left:120px;margin-right:72px}.login .information .vertical-container .flex{display:flex;align-items:center;gap:10px;margin-top:15px}.login .information .vertical-container .flex img{width:40px}.login .information .vertical-container .flex h6{opacity:1;color:rgba(16,22,32,0.8);font-size:15px;font-weight:900;letter-spacing:0px;text-align:left;line-height:16px}.login .information .vertical-container .flex span{opacity:1;color:rgba(16,24,32,0.6);font-size:13px;font-weight:400;letter-spacing:0, 1px;text-align:left;line-height:14px}.login .information .vertical-container .top{margin-top:15px}.login .information .vertical-container .bottom{margin-bottom:15px}.login .information .vertical-container .middle h1{opacity:1;color:#101820;font-size:44px;font-weight:900;letter-spacing:-0, 75px;text-align:left;line-height:50px;margin-bottom:32px;letter-spacing:-0.75px}@media only screen and (max-width: 636px){.login .information .vertical-container .middle h1{margin-top:38px;letter-spacing:-.75px;margin-bottom:16px;line-height:42px;font-size:36px}}.login .information .vertical-container .middle .mobile-log-in{display:block;background:url("../images/login-bg.jpg") no-repeat center center;margin-left:-36px;margin-right:-36px;padding:36px 20px}.login .information .vertical-container .middle .mobile-log-in .bubble .panel{background-color:var(--white);padding:24px;border-radius:28px;max-width:100%}.login .information .vertical-container .middle .mobile-log-in .bubble .panel p{opacity:1;color:#101820;font-size:15px;font-weight:400;letter-spacing:0px;text-align:justify;line-height:21px;margin-bottom:16px}.login .information .vertical-container .middle .mobile-log-in .bubble .panel p span{color:var(--primary)}.login .information .vertical-container .middle .mobile-log-in .bubble .panel a{width:100%;border:1px solid var(--primary);opacity:1;background-color:var(--white);padding-top:13px;padding-bottom:13px;cursor:pointer;font-weight:700;color:var(--primary);font-size:16px;margin-bottom:16px;display:block;border-radius:12px;text-align:center;text-decoration:none}.login .information .vertical-container .middle .mobile-log-in .bubble .panel a .mobile-direction{display:flex;justify-content:center;align-items:center;gap:10px}.login .information .vertical-container .middle .mobile-log-in .bubble .panel a .mobile-direction img{width:18px;height:18px}.login .information .vertical-container .middle .mobile-log-in .bubble .panel .checkmark{text-align:center}@media only screen and (min-width: 796px){.login .information .vertical-container .middle .mobile-log-in{display:none}}.login .information .vertical-container .middle h2{opacity:1;color:#101820;font-size:20px;font-weight:700;letter-spacing:0px;text-align:left;line-height:24px;margin-bottom:20px}@media only screen and (max-width: 796px){.login .information .vertical-container .middle h2{margin-top:36px}}.login .information .vertical-container .middle p{opacity:1;color:#101820;font-size:15px;font-weight:400;letter-spacing:0px;text-align:justify;line-height:21px;margin-bottom:10px}.login .information .vertical-container .middle p:nth-child(odd){margin-bottom:20px}@media only screen and (max-width: 636px){.login .information .vertical-container .middle p:nth-child(odd){margin-bottom:36px}}.login .information .vertical-container .bottom{opacity:1;color:rgba(16,24,32,0.6);font-size:13px;font-weight:400;letter-spacing:0.2px;text-align:left;line-height:18px;letter-spacing:0.2px}.login .information .vertical-container .bottom br{display:none}@media only screen and (max-width: 500px){.login .information .vertical-container .bottom br{display:block}}@media only screen and (max-width: 500px){.login .information .vertical-container .bottom span{display:none}}.login .information .vertical-container .bottom a{text-decoration:none;color:rgba(16,24,32,0.6)}@media only screen and (max-width: 796px){.login .information .vertical-container .bottom{text-align:center}}@media only screen and (max-width: 636px){.login .information .vertical-container .bottom{padding-bottom:20px}}@media only screen and (max-width: 500px){.login .information .vertical-container .bottom{font-size:12px}}@media only screen and (max-width: 1000px){.login .information .vertical-container{margin-left:36px}}@media only screen and (max-width: 796px){.login .information .vertical-container{margin-right:36px}}.login .log-in{flex:1;background:url("../images/login-bg.jpg") no-repeat center center;background-size:cover;display:flex;align-items:center}.login .log-in .bubble{margin-left:120px}.login .log-in .bubble .panel{background-color:var(--white);padding:24px;border-radius:28px;max-width:384px}.login .log-in .bubble .panel p{opacity:1;color:#101820;font-size:15px;font-weight:400;letter-spacing:0px;text-align:justify;line-height:21px;margin-bottom:16px}.login .log-in .bubble .panel p span{color:var(--primary)}.login .log-in .bubble .panel .link{width:100%;border:1px solid var(--primary);opacity:1;background-color:var(--white);padding-top:13px;padding-bottom:13px;cursor:pointer;font-weight:700;color:var(--primary);font-size:16px;margin-bottom:16px;display:block;border-radius:12px;text-align:center;text-decoration:none}.login .log-in .bubble .panel .link .direction{display:flex;justify-content:center;align-items:center;gap:10px}.login .log-in .bubble .panel .link .direction img{width:18px;height:18px}.login .log-in .bubble .panel .checkmark{text-align:center;opacity:1;color:var(--black);font-size:15px;font-weight:500;letter-spacing:0px;line-height:16px}@media only screen and (max-width: 1160px){.login .log-in .bubble{margin-left:0}}@media only screen and (max-width: 1160px){.login .log-in{justify-content:center}}@media only screen and (max-width: 796px){.login .log-in{display:none}}@media only screen and (max-width: 796px){.login{display:block}}header{margin-top:15px;display:flex;align-items:center;justify-content:space-between}header .flex{display:flex;align-items:center;gap:10px}header .flex img{width:40px}header .flex .grid{display:grid}header .flex .grid h6{opacity:1;color:rgba(16,22,32,0.8);font-size:15px;font-weight:900;letter-spacing:0px;text-align:left;line-height:16px}header .flex .grid span{opacity:1;color:rgba(16,24,32,0.6);font-size:13px;font-weight:400;letter-spacing:0, 1px;text-align:left;line-height:14px}header .quick{display:flex;gap:23px;margin-right:9px}header .quick a{text-decoration:none}header .quick a svg{width:20px;height:20px;color:rgba(16,24,32,0.6)}@media only screen and (max-width: 800px){header{margin-right:16px;margin-left:16px}}.greeting{margin-top:72px;margin-left:36px;margin-right:36px}.greeting h1{opacity:1;color:#101820;font-size:38px;font-weight:700;letter-spacing:-0, 5px;text-align:left;line-height:47px;margin-bottom:12px}@media only screen and (max-width: 628px){.greeting h1{opacity:1;font-size:36px;font-weight:700;letter-spacing:-0.5px;text-align:left;line-height:42px;margin-bottom:8px}}.greeting p{opacity:1;color:#101820;font-size:17px;font-weight:400;text-align:left;line-height:24px;margin-bottom:8px}@media only screen and (max-width: 628px){.greeting p{margin-bottom:38px;line-height:24px}}.greeting a{text-decoration:none;opacity:1;color:var(--primary);font-size:15px;font-weight:500;letter-spacing:0px;text-align:left;line-height:16px;align-items:center;display:flex;gap:7px}.greeting a svg{width:18px;color:var(--primary)}@media only screen and (max-width: 628px){.greeting a svg{width:16px}}@media only screen and (max-width: 636px){.greeting{margin-top:40px;margin-left:16px;margin-right:16px}}.form{margin-top:36px;border-radius:36px;opacity:1;background-color:#f8f9fa;padding:36px;margin-bottom:70px}.form h4{opacity:1;color:#101820;font-size:20px;font-weight:700;letter-spacing:0px;text-align:left;line-height:24px;margin-bottom:20px}.form form .flex{display:flex;gap:12px}.form form .flex .block{width:50%}@media only screen and (max-width: 628px){.form form .flex .block{width:100%}}@media only screen and (max-width: 628px){.form form .flex{display:block}}.form form label{opacity:1;color:var(--black);font-size:13px;font-weight:500;letter-spacing:0, 2px;text-align:left;line-height:14px;display:block;margin-bottom:8px}.form form .select-wrapper{position:relative;display:inline-block;width:100%}.form form .select-wrapper select{width:100%;border-radius:10px;border:1px solid rgba(16,24,32,0.2);box-shadow:0px -2px 0px rgba(16,24,32,0.05) inset;opacity:1;background-color:#fff;padding:9px 14px 10px;font-family:"Satoshi", sans-serif;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;color:#101820;font-size:15px;padding-right:30px;position:relative}.form form .select-wrapper select:focus{border:1px solid var(--primary)}.form form .select-wrapper select>option{max-width:480px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form form .select-wrapper::after{content:"\203A";font-size:22px;color:var(--black);position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);pointer-events:none}.form form input{margin-bottom:16px;width:100%;border-radius:10px;border:1px solid rgba(16,24,32,0.2);box-shadow:0px -2px 0px rgba(16,24,32,0.05) inset;opacity:1;background-color:#fff;padding:10px 14px 12px;outline:none;transition:0.3s}.form form input:focus{border:1px solid var(--primary)}.form form input::placeholder{opacity:1;color:rgba(16,24,32,0.2);font-size:13px;font-weight:400;letter-spacing:0px;text-align:left;line-height:16px}.form form .input-validation-error{border:1px solid var(--red)}.form form .input-validation-error:focus{border:1px solid var(--red)}.form form span{color:var(--red);font-size:13px;margin-top:-12px;display:block;margin-bottom:16px}.form form .birthday{width:calc(50% - 6px);text-transform:uppercase;position:relative}.form form .birthday svg{position:absolute;right:14px;top:6px;color:var(--primary);width:16px}@media only screen and (max-width: 628px){.form form .birthday{width:100%}}.form form .choosen{margin-bottom:20px}.form form a{width:100%;text-align:center;display:block;text-decoration:none;color:var(--white);background-color:var(--primary);font-weight:700;border-radius:10px;opacity:1;padding:10px}.form form button{width:100%;text-align:center;display:block;text-decoration:none;color:var(--white);background-color:var(--primary);font-weight:700;border-radius:10px;opacity:1;padding:10px;border:none;cursor:pointer;font-size:16px;font-family:"Satoshi", sans-serif}@media only screen and (max-width: 636px){.form{padding:16px;margin-bottom:0}}footer{margin-bottom:20px;margin-top:72px;opacity:1;color:rgba(16,24,32,0.6);font-size:13px;font-weight:400;letter-spacing:0.2px;text-align:center;line-height:18px;display:inline-block;width:100%}footer a{text-decoration:none;color:rgba(16,24,32,0.6)}footer br{display:none}@media only screen and (max-width: 1240px){footer br{display:block}}@media only screen and (max-width: 1240px){footer .dot{display:none}}@media only screen and (max-width: 1240px){footer{text-align:center;margin-top:24px}}.hello{opacity:1;color:#101820;font-size:38px;font-weight:700;letter-spacing:-0.5px;text-align:left;line-height:47px;margin-bottom:12px}.overview{opacity:1;color:#101820;font-size:19px;font-weight:400;letter-spacing:-0.1px;text-align:left;line-height:26px;margin-bottom:8px;margin-right:45px}@media only screen and (max-width: 800px){.overview{margin-right:0}}.mail{text-decoration:none;opacity:1;color:#0067b8;font-size:15px;font-weight:500;letter-spacing:0px;text-align:left;line-height:16px;display:flex;gap:8px;align-items:center}.mail svg{width:16px;color:var(--primary)}.github-container{width:100%;border:4px solid var(--misty-rose);border-radius:18px;padding:8px 12px;margin-top:40px;display:block;text-decoration:none}.github-container .flex{display:flex;align-items:center;justify-content:space-between}.github-container .flex h3{font-size:15px;color:var(--danger);font-weight:700;line-height:21px}@media only screen and (max-width: 570px){.github-container .flex h3{font-size:13px}}.github-container .flex p{font-size:15px;font-weight:400;line-height:21px;color:#101820}.github-container .flex p span{border-bottom:1px solid #000}@media only screen and (max-width: 570px){.github-container .flex p{font-size:13px}}.github-container .flex .arrow{border-radius:50%;opacity:1;background-color:#f8f9fa;display:flex;align-items:center;border-radius:50%;line-height:40px;justify-content:center;padding:6px;width:28px}.github-container .flex .arrow svg{color:rgba(16,22,32,0.8);height:16px}@media only screen and (max-width: 640px){.github-container .flex{gap:15px}}@media only screen and (max-width: 924px){.github-container{margin-top:24px}}@media only screen and (max-width: 570px){.github-container{margin-bottom:24px}}h5{margin-top:48px;color:rgba(16,22,32,0.8);font-family:"Satoshi", sans-serif;font-size:17px;font-weight:700;text-align:left;line-height:22px}@media only screen and (max-width: 924px){h5{margin-top:20px}}@media only screen and (max-width: 570px){h5{display:none}}.news{margin-bottom:24px}.card-slider-container{display:flex;align-items:center;position:relative;max-width:588px;margin:auto;overflow:hidden}.card-slider-container .prev-bg{left:0;background-image:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);width:30px;display:block;height:100%;position:absolute;z-index:1}.card-slider-container .next-bg{right:0;background-image:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%);width:30px;display:block;height:100%;position:absolute;z-index:1}.card-slider-container .nav-button{border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background-color 0.3s;position:absolute;top:50%;transform:translateY(-50%);z-index:2;border-radius:100%;box-shadow:0px 4px 8px rgba(0,0,0,0.25);background-color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:15px;padding:5px}.card-slider-container .nav-button svg{width:20px;height:20px;color:var(--primary)}.card-slider-container .nav-button.prev{left:5px}.card-slider-container .nav-button.next{right:5px}.card-slider-container .nav-button:hover{background-color:var(--primary)}.card-slider-container .nav-button:hover svg{color:var(--white)}.card-slider-container .card-slider{display:flex;transition:transform 0.5s ease;gap:16px}.card-slider-container .card-slider .card{max-width:225px;width:225px;background-color:#f8f9fa;padding:12px;border-radius:18px;text-align:center;flex-shrink:0;text-decoration:none}.card-slider-container .card-slider .card img{width:100%;border-radius:12px;height:150px}.card-slider-container .card-slider .card h6{color:rgba(16,22,32,0.8);font-size:15px;font-weight:700;line-height:21px;margin-top:12px;margin-bottom:8px;text-align:left;font-family:"Satoshi", sans-serif;margin-left:4px;margin-right:4px}@media only screen and (max-width: 924px){.card-slider-container{max-width:max-content}}@media only screen and (max-width: 570px){.card-slider-container{display:none}}.blog-card{box-shadow:0px 1px 0px rgba(31,21,9,0.1);border-bottom:1px solid #fff;margin-top:24px}.blog-card .blog-title{opacity:1;color:var(--primary);font-size:19px;font-weight:700;letter-spacing:-0.1px;text-align:left;line-height:26px;max-width:428px;margin-bottom:4px}@media only screen and (max-width: 924px){.blog-card .blog-title{max-width:max-content}}.blog-card .date{color:rgba(16,24,32,0.6);font-size:13px;font-weight:400;letter-spacing:0.2px;text-align:left;line-height:18px;margin-bottom:20px;display:block}.blog-card .content{opacity:1;color:#101820;font-size:15px;font-weight:400;letter-spacing:0px;text-align:justify;line-height:21px;max-width:480px;margin-bottom:20px}@media only screen and (max-width: 924px){.blog-card .content{max-width:max-content}}.blog-card .read-more{display:flex;align-items:center;opacity:1;color:var(--primary);font-size:15px;font-weight:500;font-style:Medium;letter-spacing:0px;text-align:left;line-height:16px;text-decoration:none;gap:8px;margin-bottom:28px}.blog-card .read-more svg{height:14px;color:var(--primary)}@media only screen and (max-width: 570px){.blog-card{display:none}}.older-posts{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid var(--primary);opacity:1;background-color:var(--white);cursor:pointer;color:var(--primary);font-size:16px;font-weight:700;letter-spacing:0.05px;text-align:left;line-height:16px;margin-top:28px;margin-bottom:28px;text-decoration:none}@media only screen and (max-width: 570px){.older-posts{display:none}}.details{border-radius:36px;opacity:1;background-color:#f8f9fa;padding:36px;overflow:hidden;max-height:120px;transition:0.5s}.details .space-between{display:flex;justify-content:space-between;margin-bottom:36px;align-items:center}.details .space-between .flex{display:flex;gap:10px;align-items:center}.details .space-between img{border-radius:50%;object-fit:cover;width:36px;height:36px}.details .space-between h4{opacity:1;color:#101820;font-size:20px;font-weight:700;letter-spacing:0px;text-align:left;line-height:24px}.details .space-between .email{opacity:1;color:rgba(16,22,32,0.8);font-size:17px;font-weight:500;letter-spacing:0px;text-align:left;line-height:24px}.details .space-between svg{transition:0.5s;cursor:pointer}.details .data{display:flex}.details .data .detail,.details .data .user-detail{width:100%}.details .data .detail span{display:block;margin-bottom:8px;opacity:1;color:rgba(16,22,32,0.8);font-size:17px;font-weight:500;letter-spacing:0px;text-align:left;line-height:24px}@media only screen and (max-width: 915px){.details .data .detail span{font-size:14px}}.details .data .detail span:nth-child(2){margin-bottom:32px}.details .data .user-detail span{display:block;margin-bottom:8px;opacity:1;color:rgba(16,22,32,0.8);font-size:17px;font-weight:400;letter-spacing:0px;text-align:left;line-height:24px}@media only screen and (max-width: 915px){.details .data .user-detail span{font-size:14px}}.details .edit{margin-top:36px;display:flex;justify-content:space-between}.details .edit div{opacity:1;color:var(--primary);font-size:15px;font-weight:500;letter-spacing:0px;text-align:left;line-height:16px;display:flex;gap:2px;align-items:center;gap:5px}.details .edit div a{color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:8px}.details .edit div svg{width:20px;color:var(--primary);height:20px}.details .edit button{opacity:1;color:#b83300;font-size:15px;font-weight:500;letter-spacing:0px;text-align:left;line-height:16px;text-decoration:none;border:none;background:transparent;cursor:pointer}@media only screen and (max-width: 1025px){.details{padding:20px;max-height:85px}}@media only screen and (max-width: 800px){.details{display:none}}.actual-course{border-radius:18px;opacity:1;background-color:#eaf3f9;padding:20px;margin-top:36px}.actual-course .header{opacity:1;color:var(--primary);font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:22px;align-items:center;display:flex;gap:9px}.actual-course .header svg{width:18px;color:var(--primary)}.actual-course a{text-decoration:none}.actual-course a .course-content{background-color:var(--white);padding:12px;margin-top:16px;border-radius:12px;box-shadow:0px 2px 4px rgba(0,103,184,0.12);opacity:1}.actual-course a .course-content .flex{display:flex;justify-content:space-between;align-items:center}.actual-course a .course-content .flex p{opacity:1;color:#101820;font-size:15px;font-weight:700;letter-spacing:0px;text-align:left;line-height:21px}.actual-course a .course-content .flex span{opacity:1;color:var(--black);font-size:13px;font-weight:400;letter-spacing:0, 2px;text-align:left;line-height:18px}.actual-course a .course-content .flex .arrow{border-radius:50%;opacity:1;background-color:#eaf3f9;display:flex;align-items:center;border-radius:50%;line-height:40px;justify-content:center;padding:6px;width:28px}.actual-course a .course-content .flex .arrow svg{opacity:1;color:var(--primary);height:16px}@media only screen and (max-width: 800px){.actual-course{margin-top:0}}.mobile-details{padding:16px;padding-bottom:40px;border-radius:36px;opacity:1;background-color:#f8f9fa;margin-top:24px;display:none}.mobile-details img{border-radius:50%;object-fit:cover}.mobile-details h4{opacity:1;color:#101820;font-size:20px;font-weight:700;letter-spacing:0px;text-align:left;line-height:24px;margin-top:16px}.mobile-details span{display:block}.mobile-details span:nth-child(odd){opacity:1;color:#101820;font-size:15px;font-weight:700;letter-spacing:0px;text-align:left;line-height:21px;margin-top:16px}.mobile-details .edit{display:flex;align-items:center;justify-content:space-between;margin-top:36px}.mobile-details .edit div{opacity:1;color:var(--primary);font-size:15px;font-weight:500;letter-spacing:0px;text-align:left;line-height:16px;display:flex;gap:2px;align-items:center;gap:5px}.mobile-details .edit div a{color:var(--primary);text-decoration:none}.mobile-details .edit div a svg{width:14px;color:var(--primary);height:14px}.mobile-details .edit button{opacity:1;color:#b83300;font-size:15px;font-weight:500;letter-spacing:0px;text-align:left;line-height:16px;text-decoration:none;background-color:transparent;border:none;cursor:pointer}@media only screen and (max-width: 800px){.mobile-details{display:block}}.old-course{border-radius:18px;opacity:1;padding:20px;margin-top:36px;background-color:#f8f9fa}.old-course .header{opacity:1;color:rgba(16,24,32,0.6);font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:22px;display:flex;align-items:center;gap:9px}.old-course .header .flex{display:flex;align-items:center;justify-content:space-between;width:100%}.old-course .header .flex .flex-course{display:flex;align-items:center;gap:10px}.old-course .header .flex .flex-course svg{width:18px}.old-course .late-course{max-height:0;overflow:hidden;transition:0.3s}.old-course .late-course-dropdown{max-height:450px !important}.old-course .show-late-course{opacity:1;color:rgba(16,24,32,0.6);font-size:13px;font-weight:500;text-align:left;line-height:18px;display:flex;cursor:pointer;align-items:center;gap:5px}.old-course .show-late-course svg{width:16px;transition:0.5s}.old-course a{text-decoration:none}.old-course a .course-content{background-color:var(--white);padding:9px;margin-top:11px;border-radius:12px;box-shadow:0px 2px 4px rgba(0,103,184,0.12);opacity:1}.old-course a .course-content .flex{display:flex;justify-content:space-between;align-items:center}.old-course a .course-content .flex p{opacity:1;color:#101820;font-size:15px;font-weight:700;letter-spacing:0px;text-align:left;line-height:21px}.old-course a .course-content .flex span{opacity:1;color:var(--black);font-size:13px;font-weight:400;letter-spacing:0, 2px;text-align:left;line-height:18px}.old-course a .course-content .flex .arrow{opacity:1;background-color:#eaf3f9;display:flex;align-items:center;border-radius:50%;line-height:40px;justify-content:center;padding:6px;width:28px}.old-course a .course-content .flex .arrow svg{opacity:1;color:var(--primary);height:16px}@media only screen and (max-width: 800px){.old-course{margin-top:20px}}.rotate-180{transition:0.5s;transform:rotate(180deg)}.height-auto{max-height:450px !important;transition:0.5s}.active-popup{display:none}.active-popup.active{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1000;overflow:hidden}.active-popup.active::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1}.active-popup.active .page{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.active-popup.active .page .page-container{display:flex;justify-content:center;align-items:center;margin:10px;height:auto}.active-popup.active .page .page-container .popup-window{max-width:588px;border-radius:36px;opacity:1;background-color:#fff;padding:36px;box-shadow:0px 0px 2px rgba(16,24,32,0.2),0px 1px 4px rgba(16,24,32,0.08)}.active-popup.active .page .page-container .popup-window h4{opacity:1;color:#101820;font-size:20px;font-weight:700;letter-spacing:0px;text-align:left;line-height:24px;margin-bottom:8px}.active-popup.active .page .page-container .popup-window p{opacity:1;color:rgba(16,22,32,0.8);font-size:17px;font-weight:500;letter-spacing:0px;text-align:left;line-height:24px;margin-bottom:24px}.active-popup.active .page .page-container .popup-window .flex{display:flex;gap:10px}.active-popup.active .page .page-container .popup-window .flex a{border-radius:10px;opacity:1;background-color:#b83300;padding:8px 20px;letter-spacing:0.25px;text-decoration:none;color:var(--white)}.active-popup.active .page .page-container .popup-window .flex button{border-radius:10px;border:1px solid #0067b8;opacity:1;background-color:transparent;color:var(--primary);cursor:pointer;font-size:15px;padding:8px 20px;letter-spacing:0.25px;text-decoration:none;font-weight:600}@media only screen and (max-width: 618px){.active-popup.active .page .page-container .popup-window{margin-left:20px;margin-right:20px}}.hero-text{margin-top:72px}.hero-text a{text-decoration:none;opacity:1;color:rgba(16,24,32,0.6);font-size:15px;font-weight:400;letter-spacing:0px;text-align:left;line-height:16px;margin-bottom:24px;display:flex;align-items:center;gap:3px;margin-left:-5px}@media only screen and (max-width: 744px){.hero-text a{margin-bottom:20px}}.hero-text a svg{width:16px}.hero-text h1{opacity:1;color:#101820;font-size:44px;font-weight:900;letter-spacing:-0.75px;text-align:left;line-height:50px;margin-bottom:18px}@media only screen and (max-width: 814px){.hero-text h1 br{display:none}}@media only screen and (max-width: 814px){.hero-text h1{font-size:40px;line-height:46px;letter-spacing:-0.75px;margin-bottom:18px}}@media only screen and (max-width: 744px){.hero-text h1{font-size:36px;line-height:42px}}.hero-text .flex{display:flex;gap:20px;align-items:center}.hero-text .flex .for-more-days{border-radius:20px;background-color:#101820;color:#fff;padding:5px 10px;opacity:1;color:#fff;font-size:13px;font-weight:700;letter-spacing:0, 04px;line-height:14px}.hero-text .flex .available{color:#101820;font-size:17px;font-weight:900;letter-spacing:0px;line-height:17px;margin-left:-10px}.hero-text .flex .message-link{margin:0}.hero-text .flex .message{opacity:1;color:var(--primary);font-size:17px;font-weight:500;letter-spacing:0px;text-align:left;line-height:17px;align-items:center;display:flex;gap:5px}.hero-text .flex .message svg{color:var(--primary);width:16px}@media only screen and (max-width: 737px){.hero-text .flex span{display:block;margin-top:20px}}@media only screen and (max-width: 737px){.hero-text .flex{display:block}}.hero-text p{max-width:760px;margin-top:20px;opacity:1;color:#101820;font-size:19px;font-weight:400;letter-spacing:-0.1px;text-align:justify;line-height:26px;margin-bottom:50px}@media only screen and (max-width: 1240px){.hero-text{margin-left:16px;margin-right:16px}}@media only screen and (max-width: 744px){.hero-text{margin-top:38px}}.bg-grey{background-color:#f8f9fa;padding-top:36px;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}.bg-grey .flex-buttons{display:flex;gap:10px;margin-bottom:36px;margin-left:15px}.bg-grey .flex-buttons a{border-radius:20px;opacity:1;color:#101820;padding:9px 18px 12px;opacity:1;background-color:#fff;font-size:16px;font-weight:700;letter-spacing:0, 05px;text-align:left;line-height:16px;text-decoration:none;display:block}.bg-grey .flex-buttons .active{background-color:#101820;color:#fff}.bg-grey .video-panel{border-radius:18px;box-shadow:0px 0px 2px rgba(16,24,32,0.2),0px 1px 4px rgba(16,24,32,0.08);opacity:1;background-color:#fff;padding:20px}.bg-grey .video-panel .video-icon{color:#0067b8;font-size:17px;font-weight:700;letter-spacing:0px;line-height:22px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.bg-grey .video-panel .video-icon svg{width:16px;height:16px;color:#0067b8}.bg-grey .video-panel .videos{max-height:230px;overflow:hidden;transition:1s}.bg-grey .video-panel .videos .video{display:flex;align-items:center;justify-content:space-between;padding-top:15px;padding-bottom:15px;border-bottom:2px solid #cfd1d2}.bg-grey .video-panel .videos .video .flex{display:flex;gap:10px}.bg-grey .video-panel .videos .video .flex .watched-image,.bg-grey .video-panel .videos .video .flex .expired-image{opacity:0.5}.bg-grey .video-panel .videos .video .flex .watched-progress-bar{width:100%;background-color:#fff;height:3px;border-radius:10px}.bg-grey .video-panel .videos .video .flex .played-progress-bar{width:42%;background-color:#fff;height:3px;border-radius:10px}.bg-grey .video-panel .videos .video .flex img{height:46px;width:83px;border-radius:5px;outline:1px solid rgba(0,0,0,0.2);outline-offset:-1px}.bg-grey .video-panel .videos .video .flex .content .title{font-size:17px;font-weight:700;letter-spacing:0;text-align-last:left;line-height:22px;margin-top:0 !important}@media only screen and (max-width: 570px){.bg-grey .video-panel .videos .video .flex .content .title{display:block}}.bg-grey .video-panel .videos .video .flex .content .watched-title,.bg-grey .video-panel .videos .video .flex .content .expired-title{margin-top:0 !important;opacity:1;color:rgba(16,24,32,0.4);font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:22px;text-decoration:line-through}@media only screen and (max-width: 570px){.bg-grey .video-panel .videos .video .flex .content .watched-title,.bg-grey .video-panel .videos .video .flex .content .expired-title{display:block}}.bg-grey .video-panel .videos .video .flex .content .played-title{margin-top:0 !important;opacity:1;color:#000;font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:22px}@media only screen and (max-width: 570px){.bg-grey .video-panel .videos .video .flex .content .played-title{display:block}}.bg-grey .video-panel .videos .video .flex .content .watched-time,.bg-grey .video-panel .videos .video .flex .content .expired-time{opacity:1;color:rgba(16,24,32,0.4);font-size:15px;font-weight:400;letter-spacing:0px;text-align:left;line-height:20px}@media only screen and (max-width: 640px){.bg-grey .video-panel .videos .video .flex{margin-bottom:20px}.bg-grey .video-panel .videos .video .flex:last-child{margin-bottom:0}}.bg-grey .video-panel .videos .video .watched-button{padding:5px 15px;border-radius:5px;font-size:16px;color:#0067b8;cursor:pointer;transition:background-color 0.2s ease-in-out;gap:10px;border-radius:50px;font-weight:700;border:2px solid #eaf3f9;background:#fff;letter-spacing:0.05px;display:flex;align-items:center;flex-direction:row-reverse}.bg-grey .video-panel .videos .video .watched-button svg{width:20px;height:20px;color:#0067b8}.bg-grey .video-panel .videos .video .played-button{padding:5px 15px;border-radius:5px;font-size:16px;color:#0067b8;cursor:pointer;transition:background-color 0.2s ease-in-out;gap:10px;border-radius:50px;font-weight:700;border:2px solid #eaf3f9;background:linear-gradient(to right, white 42%, #eaf3f9 42%);letter-spacing:0.05px;display:flex;align-items:center;flex-direction:row-reverse}.bg-grey .video-panel .videos .video .played-button svg{width:20px;height:20px}.bg-grey .video-panel .videos .video:last-child{border-bottom:none}@media only screen and (max-width: 640px){.bg-grey .video-panel .videos .video{display:block}}.bg-grey .video-panel .videos .image{position:relative}.bg-grey .video-panel .videos video{height:46px;width:83px;border-radius:5px}.bg-grey .video-panel .videos .progress-bar-container{position:absolute;bottom:5px;left:0;width:100%;height:10px;background-color:white;border-radius:5px;overflow:hidden}.bg-grey .video-panel .videos .progress-bar{height:100%;width:0%;background-color:red;transition:width 0.2s ease-in-out}.bg-grey .video-panel .videos .content{flex:1}.bg-grey .video-panel .videos .video-title{font-size:16px;font-weight:700;margin:0 0 5px}.bg-grey .video-panel .videos .video-duration{font-size:14px;color:#777}.bg-grey .video-panel .videos .action-btn{padding:10px 15px;border:none;border-radius:5px;font-size:16px;color:#0067b8;cursor:pointer;transition:background-color 0.2s ease-in-out;display:flex;align-items:center;flex-direction:row-reverse}.bg-grey .video-panel .videos .action-btn.play{background-color:gray}.bg-grey .video-panel .videos .action-btn.resume{background-color:lightgray;color:black}.bg-grey .video-panel .videos .action-btn.completed{background-color:red}.bg-grey .video-panel .videos .image{position:relative;height:46px}.bg-grey .video-panel .videos video{height:46px;width:83px;border-radius:5px;outline:1px solid rgba(0,0,0,0.2);outline-offset:-1px}.bg-grey .video-panel .videos .progress-bar-container{width:100%;background-color:red;border-radius:5px;overflow:hidden;background-color:rgba(0,0,0,0.2);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0px;border-top-right-radius:0px;position:absolute;bottom:0px;left:1px;width:calc(100% - 2px);height:5px}.bg-grey .video-panel .videos .progress-bar{height:100%;width:0%;background:#fff;transition:width 0.2s ease-in-out;left:2px;position:absolute;bottom:1px;height:3px;border-radius:10px}.bg-grey .video-panel .videos .content{flex:1}.bg-grey .video-panel .videos .video-title{font-size:16px;font-weight:700;margin:0 0 5px}.bg-grey .video-panel .videos .video-duration{font-size:14px;color:#777}.bg-grey .video-panel .videos .action-btn{padding:5px 15px;border-radius:5px;font-size:16px;color:#0067b8;cursor:pointer;transition:background-color 0.2s ease-in-out;gap:10px;border-radius:50px;font-weight:700;border:2px solid #eaf3f9;background-color:#eaf3f9;letter-spacing:0.05px}.bg-grey .video-panel .videos .action-btn svg{width:20px;height:20px;color:#0067b8}.bg-grey .video-panel .videos .action-btn.play{background-color:gray}.bg-grey .video-panel .videos .action-btn.resume{background-color:yellow;color:black}.bg-grey .video-panel .videos .action-btn.completed{background-color:red}@media only screen and (max-width: 640px){.bg-grey .video-panel .videos{max-height:390px}}.bg-grey .video-panel .full-height{max-height:500px;transition:1s}.bg-grey .video-panel .show-videos{opacity:1;color:rgba(16,24,32,0.6);font-size:13px;font-weight:500;text-align:left;line-height:18px;margin-top:8px;display:flex;cursor:pointer;align-items:center;gap:5px}.bg-grey .video-panel .show-videos svg{width:16px;transition:0.5s}.bg-grey h4{opacity:1;color:rgba(16,24,32,0.6);font-size:15px;font-weight:700;letter-spacing:0px;text-align:left;line-height:21px;margin-top:32px;margin-bottom:12px}.bg-grey .source-code{border-radius:18px;opacity:1;background-color:#eaf3f9;padding:20px;margin-top:12px}.bg-grey .source-code .header{opacity:1;color:var(--primary);font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:22px;display:flex;align-items:center;gap:5px}.bg-grey .source-code .header svg{color:var(--primary);width:20px}.bg-grey .source-code a{text-decoration:none}.bg-grey .source-code a .course-content{background-color:var(--white);padding:8px;margin-top:12px;border-radius:12px;box-shadow:0px 2px 4px rgba(0,103,184,0.12);opacity:1}.bg-grey .source-code a .course-content .flex{display:flex;justify-content:space-between;align-items:center}.bg-grey .source-code a .course-content .flex p{opacity:1;color:#101820;font-size:15px;font-weight:700;letter-spacing:0px;text-align:left;line-height:21px}.bg-grey .source-code a .course-content .flex span{opacity:1;color:var(--black);font-size:13px;font-weight:400;letter-spacing:0, 2px;text-align:left;line-height:18px}.bg-grey .source-code a .course-content .flex .arrow{border-radius:40px;opacity:1;background-color:#eaf3f9;display:flex;align-items:center;border-radius:50%;line-height:40px;padding:8px;width:28px;justify-content:center;align-items:center}.bg-grey .source-code a .course-content .flex .arrow svg{height:12px;color:var(--primary)}.bg-grey .source-code .course-content{background-color:var(--white);padding:8px;margin-top:12px;border-radius:12px;box-shadow:0px 2px 4px rgba(0,103,184,0.12);opacity:1}.bg-grey .source-code .course-content .flex{display:flex;justify-content:space-between;align-items:center}.bg-grey .source-code .course-content .flex p{opacity:1;color:#101820;font-size:15px;font-weight:700;letter-spacing:0px;text-align:left;line-height:21px}.bg-grey .source-code .course-content .flex span{opacity:1;color:var(--black);font-size:13px;font-weight:400;letter-spacing:0, 2px;text-align:left;line-height:18px}.bg-grey .source-code .course-content .flex .arrow{border-radius:40px;opacity:1;background-color:#eaf3f9;display:flex;align-items:center;border-radius:50%;line-height:40px;padding:8px;width:28px;justify-content:center;align-items:center}.bg-grey .source-code .course-content .flex .arrow svg{height:12px;color:var(--primary)}.bg-grey .source-code .show-material,.bg-grey .source-code .show-literature,.bg-grey .source-code .show-sources,.bg-grey .source-code .show-links{opacity:1;color:rgba(16,24,32,0.6);font-size:13px;font-weight:500;text-align:left;line-height:18px;margin-top:8px;display:flex;cursor:pointer;align-items:center;gap:5px}.bg-grey .source-code .show-material .rotate-180,.bg-grey .source-code .show-literature .rotate-180,.bg-grey .source-code .show-sources .rotate-180,.bg-grey .source-code .show-links .rotate-180{transform:rotate(180deg) !important;transition:0.5s}.bg-grey .source-code .show-material svg,.bg-grey .source-code .show-literature svg,.bg-grey .source-code .show-sources svg,.bg-grey .source-code .show-links svg{width:16px;transition:0.5s}.bg-grey .thematic-panel{border-radius:18px;box-shadow:0px 0px 2px rgba(16,24,32,0.2),0px 1px 4px rgba(16,24,32,0.08);opacity:1;background-color:#fff;padding:16px;margin-bottom:12px}.bg-grey .thematic-panel .flex{display:flex;align-items:center;justify-content:space-between;transition:0.5s;cursor:pointer}.bg-grey .thematic-panel .flex .thematic-title{opacity:1;color:#101820;font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:24px;margin-top:0}.bg-grey .thematic-panel .dropdown{overflow:hidden;max-height:0;transition:0.25s}.bg-grey .thematic-panel .dropdown p{opacity:1;color:rgba(16,22,32,0.8);font-size:15px;font-weight:400;letter-spacing:0px;text-align:left;line-height:20px;padding-left:10px;border-left:2px solid rgba(0,103,184,0.2);margin-bottom:10px}.bg-grey .thematic-panel .dropdown p:first-child{margin-top:12px}.bg-grey .thematic-panel .open{max-height:1000px;transition:2s}.bg-grey .thematic-panel svg{min-width:18px;width:18px;color:rgba(16,24,32,0.2)}.bg-grey .thematic-panel span{height:0;overflow:hidden;transition:0.3s;display:block}.bg-grey .thematic-panel .drop span{height:50px;margin-top:12px;margin-bottom:12px}.overflow-material,.overflow-links,.overflow-sources,.overflow-literature{overflow:hidden;max-height:115px;transition:max-height 0.5s}.overflow-links,.overflow-sources{max-height:145px}.overflow-literature{max-height:165px}.show-all-material,.show-all-links{max-height:1000px}.col-35 .big-cards{display:grid;gap:24px;grid-template-columns:repeat(2, 1fr)}.col-35 .big-cards a{text-decoration:none}.col-35 .big-cards a .big-card{border-radius:26px;opacity:1;background-color:var(--primary);padding:20px;padding-top:8px;padding-right:8px}.col-35 .big-cards a .big-card .flex{display:flex;justify-content:space-between;align-items:end}.col-35 .big-cards a .big-card .flex svg{width:20px;color:var(--white)}.col-35 .big-cards a .big-card .flex .fa-comment{color:var(--white);display:flex;align-items:end;justify-content:center}.col-35 .big-cards a .big-card .flex .icon-bg{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white}.col-35 .big-cards a .big-card .flex .icon-bg svg{width:16px;color:var(--primary)}.col-35 .big-cards a .big-card h5{opacity:1;color:#fff;font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:22px;margin-top:12px}@media only screen and (max-width: 925px){.col-35 .big-cards a{grid-template-columns:repeat(4, 1fr)}}@media only screen and (max-width: 747px){.col-35 .big-cards a{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 747px){.col-35 .big-cards a{grid-template-columns:repeat(2, 1fr)}}.col-35 h6{opacity:1;color:rgba(16,24,32,0.6);font-size:15px;font-weight:700;letter-spacing:0px;text-align:left;line-height:21px;margin-top:36px;margin-bottom:12px}.col-35 .small-cards{display:grid;gap:12px;grid-template-columns:repeat(2, 1fr)}.col-35 .small-cards a{text-decoration:none}.col-35 .small-cards a .small-card{border-radius:18px;border:1px solid rgba(0,103,184,0.8);opacity:1;background-color:#fff;padding:16px}.col-35 .small-cards a .small-card .center{text-align:center}.col-35 .small-cards a .small-card .center img{margin-bottom:10px;width:100%;height:100%;object-fit:cover;box-shadow:0 1px 2px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.07),0 4px 8px rgba(0,0,0,0.07),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07)}.col-35 .small-cards a .small-card .center span{display:block;opacity:1;color:var(--primary);font-size:15px;font-weight:500;letter-spacing:0, 2px;text-align:left;line-height:18px;text-align:center}.col-35 .small-cards .small-card{border-radius:18px;border:1px solid rgba(0,103,184,0.8);opacity:1;background-color:#fff;padding:16px}.col-35 .small-cards .small-card .center{text-align:center}.col-35 .small-cards .small-card .center img{margin-bottom:10px;height:100%;width:100%;object-fit:cover;box-shadow:0 1px 2px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.07),0 4px 8px rgba(0,0,0,0.07),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07)}.col-35 .small-cards .small-card .center span{display:block;opacity:1;color:var(--primary);font-size:15px;font-weight:500;letter-spacing:0, 2px;text-align:left;line-height:18px;text-align:center}.col-35 .small-cards .got-it{border:1px solid rgba(0,103,184,0.2);background-color:rgba(255,255,255,0)}.col-35 .small-cards .got-it span{opacity:1;color:rgba(16,24,32,0.6) !important;font-size:13px;font-weight:500;letter-spacing:0, 2px;text-align:center;line-height:18px}@media only screen and (max-width: 1125px){.col-35 .small-cards{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 924px){.col-35 .small-cards{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 500px){.col-35 .small-cards{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 924px){.col-35{margin-top:36px}}.tasks-container{width:100%}@media only screen and (max-width: 1235px){.tasks-container{width:auto}}.tasks-content .tasks-panel{border-radius:18px;box-shadow:0px 0px 2px rgba(16,24,32,0.2),0px 1px 4px rgba(16,24,32,0.08);opacity:1;background-color:#fff;padding:20px;margin-bottom:12px}.tasks-content .tasks-panel p{opacity:1;color:#101820;font-size:15px;font-weight:400;letter-spacing:0px;text-align:left;line-height:21px;margin-bottom:24px;margin-top:12px}.tasks-content .tasks-panel .flex{display:flex;gap:10px;align-items:center;margin-bottom:12px;opacity:1;color:var(--primary);font-size:15px;font-weight:500;letter-spacing:0px;text-align:left;line-height:16px}.tasks-content .tasks-panel .flex a{text-decoration:none;color:var(--primary)}.tasks-content .tasks-panel .flex a svg{color:var(--primary);width:20px}.tasks-content .tasks-panel .flex a span{display:block}.tasks-content .tasks-panel .title{opacity:1;color:var(--primary);font-size:17px;font-weight:700;letter-spacing:0px;text-align:left;line-height:22px}.tasks-content .tasks-panel .title svg{color:var(--primary)}