#modal-redeem h6[data-v-20f2fa00]{color:#fff;font-family:DMSans;text-align:center}.form-control[data-v-20f2fa00],select[data-v-20f2fa00]{background:var(--bg-input);border-color:transparent;border-radius:12px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal}.form-control[data-v-20f2fa00] ::-moz-placeholder,select[data-v-20f2fa00] ::-moz-placeholder{color:#fff;opacity:1}.form-control[data-v-20f2fa00] ::placeholder,select[data-v-20f2fa00] ::placeholder{color:#fff;opacity:1}.form-control[data-v-20f2fa00] :-ms-input-placeholder,select[data-v-20f2fa00] :-ms-input-placeholder{color:#fff}.form-control[data-v-20f2fa00] ::-ms-input-placeholder,select[data-v-20f2fa00] ::-ms-input-placeholder{color:#fff}.form-control[data-v-20f2fa00] :focus,select[data-v-20f2fa00] :focus{box-shadow:none;color:#fff}input[data-v-20f2fa00],select[data-v-20f2fa00],textarea[data-v-20f2fa00]{color:#fff}.uneditable-input[data-v-20f2fa00]:focus,input[data-v-20f2fa00]:focus,select[data-v-20f2fa00]:focus,textarea[data-v-20f2fa00]:focus{border-color:var(--purple-100);border-width:3px;color:#fff;background-color:var(--bg-input)}input[disabled][data-v-20f2fa00]{cursor:not-allowed;color:var(--dark-white-60)}.text-dark[data-v-56e2c712]{color:#fff!important}.root-div[data-v-56e2c712]{margin-left:7%;margin-top:5%}@media only screen and (max-width:1501px){.root-div[data-v-56e2c712]{margin-left:10%;margin-right:-10%}}@media only screen and (max-width:1440px){.root-div[data-v-56e2c712]{margin-left:14%}}@media only screen and (max-width:1401px){.root-div[data-v-56e2c712]{margin-right:-7%}}@media only screen and (max-width:1351px){.root-div[data-v-56e2c712]{margin-left:17%;margin-right:-4%}}@media only screen and (max-width:1311px){.root-div[data-v-56e2c712]{margin-right:-2%}}@media only screen and (max-width:1301px){.root-div[data-v-56e2c712]{margin-right:0;margin-left:19%}}@media only screen and (max-width:1251px){.root-div[data-v-56e2c712]{margin-left:22%}}@media only screen and (max-width:1200px){.root-div[data-v-56e2c712]{margin-left:13%}}@media only screen and (max-width:1199px){.root-div[data-v-56e2c712]{margin-left:8%}}@media only screen and (max-width:991px){.root-div[data-v-56e2c712]{margin-left:0;margin-top:10%}}@media only screen and (max-width:571px){.root-div[data-v-56e2c712]{margin-right:3%}}.banner[data-v-56e2c712]{background-image:url(../img/banner-slider.571f1cf3.png);background-repeat:no-repeat;border-radius:15px;height:222px;display:flex;justify-content:space-between;padding-left:2rem}@media only screen and (max-width:1200px){.banner[data-v-56e2c712]{width:85%!important;display:inline-block;margin-left:15%;padding:0 1rem}.banner h2[data-v-56e2c712]{font-size:1.7rem}}@media only screen and (max-width:1140px){.banner[data-v-56e2c712]{width:80%!important;margin-left:20%}.banner h2[data-v-56e2c712]{font-size:1.6rem}}@media only screen and (max-width:1080px){.banner[data-v-56e2c712]{width:75%!important;margin-left:25%}.banner h2[data-v-56e2c712]{font-size:1.5rem}}@media only screen and (max-width:991px){.banner[data-v-56e2c712]{width:100%!important;margin-left:0;height:140px}.banner h2[data-v-56e2c712]{font-size:1.1rem;font-weight:700}}.banner img[data-v-56e2c712]{width:81px;margin-bottom:15px;margin-top:30px}@media only screen and (max-width:991px){.banner img[data-v-56e2c712]{margin-bottom:5px;margin-top:10px}}.banner h2[data-v-56e2c712],.banner p[data-v-56e2c712],.banner span[data-v-56e2c712]{font-family:DMSans;color:#fff}.banner p[data-v-56e2c712],.banner span[data-v-56e2c712]{font-size:16px}@media only screen and (max-width:991px){.banner p[data-v-56e2c712],.banner span[data-v-56e2c712]{font-size:13px}}@media only screen and (max-width:1201px){.welcome[data-v-56e2c712]{margin-left:15%}div.label-span.kt[data-v-56e2c712],div.label-span.pk[data-v-56e2c712]{margin-left:7rem}}@media only screen and (max-width:1140px){.welcome[data-v-56e2c712]{margin-left:20%}div.label-span.kt[data-v-56e2c712],div.label-span.pk[data-v-56e2c712]{margin-left:9rem}}@media only screen and (max-width:1080px){.welcome[data-v-56e2c712]{margin-left:25%}div.label-span.kt[data-v-56e2c712],div.label-span.pk[data-v-56e2c712]{margin-left:11rem}}@media only screen and (max-width:991px){.welcome[data-v-56e2c712]{margin-left:2%}div.label-span.kt[data-v-56e2c712],div.label-span.pk[data-v-56e2c712]{margin-left:5%}}@media only screen and (max-width:478px){.welcome[data-v-56e2c712]{font-size:1.3rem;margin-top:15px}}@media only screen and (max-width:420px){.welcome[data-v-56e2c712]{font-size:1.2rem}}@media only screen and (max-width:380px){.welcome[data-v-56e2c712]{font-size:1.1rem}}h4[data-v-56e2c712]{font-family:DMSans;color:#fff}.label-span[data-v-56e2c712]{font-family:DMSans;font-size:20px;font-weight:700;color:#fff;margin-left:1rem;margin-top:1rem;text-align:left}label[data-v-56e2c712]{font-family:DMSans;font-size:12px;font-weight:700;color:#fff}.form-control[data-v-56e2c712],select[data-v-56e2c712]{background:var(--bg-input);border-color:transparent;border-radius:12px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal}.form-control[data-v-56e2c712] ::-moz-placeholder,select[data-v-56e2c712] ::-moz-placeholder{color:#fff;opacity:1}.form-control[data-v-56e2c712] ::placeholder,select[data-v-56e2c712] ::placeholder{color:#fff;opacity:1}.form-control[data-v-56e2c712] :-ms-input-placeholder,select[data-v-56e2c712] :-ms-input-placeholder{color:#fff}.form-control[data-v-56e2c712] ::-ms-input-placeholder,select[data-v-56e2c712] ::-ms-input-placeholder{color:#fff}.form-control[data-v-56e2c712] :focus,select[data-v-56e2c712] :focus{box-shadow:none;color:#fff}input[data-v-56e2c712],select[data-v-56e2c712],textarea[data-v-56e2c712]{color:#fff}.uneditable-input[data-v-56e2c712]:focus,input[data-v-56e2c712]:focus,select[data-v-56e2c712]:focus,textarea[data-v-56e2c712]:focus{border-color:var(--purple-100);border-width:3px;color:#fff}input[disabled][data-v-56e2c712]{cursor:not-allowed;color:var(--dark-white-60)}.arrow-left[data-v-56e2c712],.arrow-right[data-v-56e2c712]{font-family:DMSans;font-size:1.5rem;color:var(--dark-white-20);cursor:pointer}.arrow-left[data-v-56e2c712]:focus,.arrow-left[data-v-56e2c712]:hover,.arrow-right[data-v-56e2c712]:focus,.arrow-right[data-v-56e2c712]:hover{color:#748aff}@media only screen and (max-width:767px){.arrow-left[data-v-56e2c712],.arrow-right[data-v-56e2c712]{display:none}}.div-action[data-v-56e2c712]{margin-left:auto;margin-top:1rem;margin-right:1rem;font-family:DMSans;font-size:1rem;font-weight:700;color:var(--purple-60);cursor:pointer}.slider[data-v-56e2c712]{margin-top:2rem;width:100%;background:#f5f6f8;border-radius:12px;padding:2rem 0 2rem 4rem}.slider h6[data-v-56e2c712]{color:rgba(33,54,77,.68);margin-top:18px}@media only screen and (max-width:767px){.slider[data-v-56e2c712]{display:none}}.course-control[data-v-56e2c712]{margin-top:6rem}.course-control div[data-v-56e2c712]{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:16px;width:32px;height:32px;display:inline-block;padding:4px 12px}.course-control div[data-v-56e2c712]:hover{cursor:pointer}.course-control .arrow-left[data-v-56e2c712]{margin-right:1rem}.course-category[data-v-56e2c712]{display:flex;align-items:center;list-style:none;padding-left:0}.course-category li h4[data-v-56e2c712]{margin-bottom:0}.course-category li button[data-v-56e2c712]{font-family:DMSans;font-style:normal;font-weight:500;font-size:16px;line-height:20px;text-transform:uppercase;color:rgba(33,54,77,.68);background:#f7f8f9;border-radius:8px;border:none;padding:10px 16px;margin-right:1rem}.course-category li button[data-v-56e2c712]:focus{outline:none}.course-category li button.active[data-v-56e2c712]{color:#914cd6;background:rgba(145,76,214,.1)}@media only screen and (max-width:767px){.course-category li button[data-v-56e2c712]{display:none}}@media only screen and (max-width:1201px){.hooper[data-v-56e2c712]{width:85%;margin-left:11%}}@media only screen and (max-width:1140px){.hooper[data-v-56e2c712]{width:80%;margin-left:15%}}@media only screen and (max-width:1080px){.hooper[data-v-56e2c712]{width:76%;margin-left:18%}}@media only screen and (max-width:991px){.hooper[data-v-56e2c712]{width:100%;margin-left:0}}.courses[data-v-56e2c712]{margin-top:1rem;padding-left:12.5px}@media only screen and (max-width:767px){.courses[data-v-56e2c712]{margin-top:-3rem}}.courses>div[data-v-56e2c712]{flex:0 0 20%;padding:7.5px}@media only screen and (max-width:991px){.courses>div[data-v-56e2c712]{flex:0 0 32%}}@media only screen and (max-width:767px){.courses>div[data-v-56e2c712]{flex:0 0 49%}}.retail[data-v-56e2c712]{width:105%}@media only screen and (max-width:768px){.retail[data-v-56e2c712]{width:110%}}.course[data-v-56e2c712]{border-radius:12px;overflow:hidden;background-color:var(--bg-card);height:-moz-max-content;height:max-content;padding-left:14px;padding-right:14px;margin-bottom:1.5rem}.course .header[data-v-56e2c712]{display:flex;justify-content:space-between;align-items:center;position:relative}.course .tag[data-v-56e2c712]{position:absolute;font-family:DMSans;font-size:.8rem;color:#fff;border-radius:10px;padding:3px 8px;top:30px;left:10px}.course .star[data-v-56e2c712]{color:var(--yellow-100);margin-right:1rem;margin-left:1rem;margin-top:.3rem}.course .rate[data-v-56e2c712]{color:var(--yellow-100);font-family:DMSans;font-size:1rem}.course .materi[data-v-56e2c712]{margin-right:auto}.course .materi span[data-v-56e2c712]{color:var(--dark-white-80);font-size:16px}@media only screen and (max-width:1191px){.course .materi span[data-v-56e2c712]{font-size:14px}}@media only screen and (max-width:767px){.course .materi span[data-v-56e2c712]{font-size:13px}}@media only screen and (max-width:361px){.course .materi span[data-v-56e2c712]{font-size:12px}}.course .price-coin[data-v-56e2c712]{margin-left:auto;display:inline-flex}.course .price-coin span[data-v-56e2c712]{color:var(--yellow-100);font-size:16px}@media only screen and (max-width:1191px){.course .price-coin span[data-v-56e2c712]{font-size:14px}}@media only screen and (max-width:391px){.course .price-coin span[data-v-56e2c712]{font-size:13px}}.course .st-price[data-v-56e2c712]{margin-right:auto;font-family:DMSans;font-size:.9rem;color:var(--dark-white-60);-webkit-text-decoration:var(--purple-60) line-through;text-decoration:var(--purple-60) line-through;-webkit-text-decoration-line:line-through}@media only screen and (max-width:391px){.course .st-price[data-v-56e2c712]{font-size:.8rem}}@media only screen and (max-width:371px){.course .st-price[data-v-56e2c712]{font-size:.7rem}}.course .price[data-v-56e2c712]{margin-left:auto;font-family:DMSans Bold;font-size:1.1rem;color:#fff}@media only screen and (max-width:391px){.course .price[data-v-56e2c712]{font-size:1rem}}@media only screen and (max-width:371px){.course .price[data-v-56e2c712]{font-size:.9rem}}.course .detail-kelas[data-v-56e2c712]{background-color:var(--purplee-100);font-family:DMSans;font-size:1rem;width:100%;margin-bottom:1rem;border:0}.course h5[data-v-56e2c712]{font-size:18px;font-weight:700;color:#fff;margin-top:.5rem;min-height:120px}@media only screen and (max-width:1281px){.course h5[data-v-56e2c712]{font-size:17px}}@media only screen and (max-width:1191px){.course h5[data-v-56e2c712]{font-size:16px}}@media only screen and (max-width:991px){.course h5[data-v-56e2c712]{font-size:18px}}@media only screen and (max-width:501px){.course h5[data-v-56e2c712]{font-size:16px}}@media only screen and (max-width:411px){.course h5[data-v-56e2c712]{font-size:15px}}@media only screen and (max-width:361px){.course h5[data-v-56e2c712]{font-size:14px}}.course .icon[data-v-56e2c712]{width:100%;margin-top:20px;border-radius:15px;height:145px}.course .icon-mobile[data-v-56e2c712]{height:140px}@media only screen and (max-width:439px){.course .icon-mobile[data-v-56e2c712]{height:120px}}@media only screen and (max-width:389px){.course .icon-mobile[data-v-56e2c712]{height:100px}}@media only screen and (max-width:359px){.course .icon-mobile[data-v-56e2c712]{height:90px}}.coin-outer[data-v-56e2c712]{position:relative;width:26px;height:26px;margin-right:5px;border-radius:30px;background:linear-gradient(180deg,#ffd74a,#feb548)}@media only screen and (max-width:391px){.coin-outer[data-v-56e2c712]{width:23px;height:23px}}@media only screen and (max-width:371px){.coin-outer[data-v-56e2c712]{width:20px;height:20px}}.coin-inner[data-v-56e2c712]{position:absolute;width:16px;height:16px;left:5px;top:5px;background:linear-gradient(203.5deg,#edbf4b -109.7%,#ff9518 80.91%);transform:matrix(1,0,0,-1,0,0);border-radius:30px}@media only screen and (max-width:391px){.coin-inner[data-v-56e2c712]{width:13px;height:13px}}@media only screen and (max-width:371px){.coin-inner[data-v-56e2c712]{width:10px;height:10px}}.skeleton[data-v-56e2c712]{width:85%}.voucher-prakerja[data-v-56e2c712]{background:var(--blue-100);border-radius:15px;padding:12px;height:222px}@media only screen and (max-width:991px){.voucher-prakerja[data-v-56e2c712]{width:100%;height:130px;margin-top:20px}}@media only screen and (min-width:991px){.voucher-prakerja[data-v-56e2c712]{margin-top:41px}}.voucher-prakerja h4[data-v-56e2c712]{color:#fff;font-weight:700;margin-top:10px}@media only screen and (max-width:991px){.voucher-prakerja h4[data-v-56e2c712]{font-size:18px}}.voucher-prakerja span[data-v-56e2c712]{color:var(--dark-white-100)}.voucher-prakerja .btn-voucher[data-v-56e2c712]{color:var(--blue-100);border:0;width:50%;height:50px;font-weight:700;font-size:14px;position:relative;bottom:-40px}@media only screen and (max-width:991px){.voucher-prakerja .btn-voucher[data-v-56e2c712]{width:100%;height:40px;bottom:-5px}}.categories[data-v-56e2c712]{margin-top:1rem;padding-left:12.5px}@media only screen and (max-width:767px){.categories[data-v-56e2c712]{margin-top:-3rem}}.categories>div[data-v-56e2c712]{flex:0 0 20%;padding:7.5px}@media only screen and (max-width:991px){.categories>div[data-v-56e2c712]{flex:0 0 32%}}@media only screen and (max-width:767px){.categories>div[data-v-56e2c712]{flex:0 0 49%}}.categories>div .category[data-v-56e2c712]{cursor:pointer;border-radius:12px;overflow:hidden;height:200px;padding-left:14px;padding-right:14px;display:flex;flex-direction:column}.categories>div .category .classes[data-v-56e2c712],.categories>div .category .name[data-v-56e2c712]{color:#fff}.categories>div .category .name[data-v-56e2c712]{font-family:DMSans Bold;font-size:16px;margin-top:140px}.categories>div .category img[data-v-56e2c712]{position:absolute;right:10px;top:-15px}.categories>div .bg-bisnis[data-v-56e2c712]{background:linear-gradient(117.94deg,rgba(3,147,204,.6) 23.21%,rgba(80,255,160,.6) 119.85%)}.categories>div .bg-dm[data-v-56e2c712]{background:linear-gradient(117.94deg,rgba(222,77,42,.6) 23.21%,rgba(255,184,80,.6) 119.85%)}.categories>div .bg-desain[data-v-56e2c712]{background:linear-gradient(118.67deg,rgba(252,68,136,.6) 23.18%,rgba(87,174,255,.6) 128.44%)}.categories>div .bg-it[data-v-56e2c712]{background:linear-gradient(119.21deg,rgba(10,90,211,.6) 23.16%,rgba(154,113,248,.6) 101.52%)}.categories>div .bg-cs[data-v-56e2c712]{background:linear-gradient(120.13deg,rgba(90,201,245,.6) 13.35%,rgba(110,64,251,.6) 134.91%)}.categories>div .bg-data[data-v-56e2c712]{background:linear-gradient(117.94deg,rgba(201,115,241,.6) 23.21%,rgba(246,105,199,.6) 119.85%)}.categories>div .bg-prakerja[data-v-56e2c712]{background:linear-gradient(117.94deg,rgba(74,161,255,.6) 23.21%,rgba(255,149,69,.6) 119.85%)}.categories>div .bg-pd[data-v-56e2c712]{background:linear-gradient(117.94deg,rgba(131,135,255,.6) 23.21%,rgba(254,88,149,.6) 119.85%)}.menu-group[data-v-56e2c712]{display:flex;vertical-align:middle;width:50%}@media only screen and (min-width:991px){.menu-group[data-v-56e2c712]{margin-left:16px}}@media only screen and (max-width:991px){.menu-group[data-v-56e2c712]{width:100%}}.menu-group button[data-v-56e2c712]{flex:1 1 auto;text-align:center;padding-top:23px;padding-bottom:10px;background:transparent;color:var(--dark-white-60);font-family:DMSans;font-style:normal;font-weight:500;font-size:16px;border-color:rgba(33,54,77,.1);border-top-style:none}@media only screen and (max-width:768px){.menu-group button[data-v-56e2c712]{font-size:11px}}.menu-group button[data-v-56e2c712]:focus{outline:none}.menu-group button.active[data-v-56e2c712],.menu-group button[data-v-56e2c712]:hover{color:var(--purple-100);border-bottom:2px solid var(--purple-100);transition:all .3s}.menu-group button[data-v-56e2c712]:not(:first-child){margin-left:-1px}.menu-group button[data-v-56e2c712]:first-child{border-left-style:none}.menu-group button[data-v-56e2c712]:last-child{border-right-style:none}.btn-filter[data-v-56e2c712]{border:2px solid #a081ff;border-radius:10px;color:#a081ff;height:-moz-max-content;height:max-content;margin-top:15px}@media only screen and (max-width:991px){.btn-filter[data-v-56e2c712]{display:none}}.row-class>div[data-v-56e2c712]{flex:0 0 25%}@media only screen and (max-width:991px){.row-class>div[data-v-56e2c712]{flex:0 0 50%}}@media only screen and (max-width:1201px){.course-section[data-v-56e2c712]{margin-left:9%}}@media only screen and (max-width:1199px){.course-section[data-v-56e2c712]{margin-right:-9%}}@media only screen and (max-width:1141px){.course-section[data-v-56e2c712]{margin-left:13%}}@media only screen and (max-width:1081px){.course-section[data-v-56e2c712]{margin-left:17%;margin-right:-6%}}@media only screen and (max-width:991px){.course-section[data-v-56e2c712]{margin-left:0;margin-right:0}}