html{scroll-behavior:smooth}@media screen and (max-device-width: 1024px){.banners4l .bannerimg{width:100%;-o-object-fit:cover;object-fit:cover;height:495px}}.arrownavbottom i{color:#f1f3f5;transform:scaleY(1.5);position:absolute;bottom:-36px}@media screen and (max-device-width: 414px){.arrownavbottom i{transform:scaleY(1.2);bottom:-36px;left:194px}}@media screen and (max-device-width: 390px){.arrownavbottom i{left:176px}}@media screen and (max-device-width: 375px){.arrownavbottom i{transform:scaleY(1.2);bottom:-36px;left:169px}}.bgicon1 .rocket1{left:40%}.bgicon1 .cloud2{right:30%}.bgicon1 .cloud3{right:10%;top:15%}.bgicon2 .rocket2{top:42%}.bgicon3 .rocket3{top:75%}.textinbanner{z-index:1}.textinbanner .bannertext1{width:650px;font-style:normal;font-weight:600;font-size:48px;line-height:100%;color:#fff;text-shadow:0px 2px 2px rgba(0,0,0,.3),0px 4px 14px rgba(0,0,0,.08);left:calc(50% - 320px);top:150px}@media screen and (max-device-width: 430px){.textinbanner .bannertext1{width:338px;font-size:32px;left:calc(50% - 168px);top:132px}}.textinbanner .bannertext2{width:450px;font-style:normal;font-weight:500;font-size:20px;line-height:140%;color:#fff;text-shadow:0px 2px 2px rgba(0,0,0,.3),0px 4px 14px rgba(0,0,0,.08);left:calc(50% - 220px);top:270px}@media screen and (max-device-width: 430px){.textinbanner .bannertext2{font-style:normal;font-weight:400;font-size:16px;width:338px;left:calc(50% - 168px);top:234px}}.logos4l{z-index:1}.logos4l img{left:calc(50% - 110px);width:180px}@media screen and (max-device-width: 430px){.btnbanner{top:-50px}}.btnbanner .btn{top:350px;z-index:1}.btnbanner .btntocourse{left:calc(50% - 150px);background:linear-gradient(83.65deg, rgba(223, 41, 70, 0.2) 43.26%, rgba(255, 0, 41, 0.186) 84.72%),#e8284d;box-shadow:0px 2px 10px rgba(251,73,101,.24),0px 2px 2px rgba(0,0,0,.1),0px 4px 10px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;font-size:18px;color:#fff;text-shadow:0px 2px 2px rgba(0,0,0,.3)}.btnbanner .btnvideopromo{width:150px;font-size:18px;box-shadow:0px 2px 10px rgba(251,73,101,.24),0px 2px 2px rgba(0,0,0,.1),0px 4px 10px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-shadow:0px 2px 2px rgba(0,0,0,.3);border-radius:8px}.btnbanner .btnvideopromo:hover{color:#5e4481}.roadmapmobile{padding-top:80px;padding-bottom:50px}@media screen and (max-device-width: 414px){.roadmapmobile{padding-top:50px}}@media screen and (max-device-width: 375px){.roadmapmobile{padding-top:12px}}.roadmapmobile .roadmapstep{height:auto !important}.roadmapmobile .roadmapstep .step .steptext{height:88px}.roadmapmobile .roadmapstep .step .steptext .stepno{font-style:normal;font-weight:500;font-size:72px;color:#f1f3f5;position:absolute;right:26px}.roadmapmobile .roadmapstep .step .imgstep img{height:295.23px}.roadmapmobile .roadmapstep .step .text-btn .title{font-style:normal;font-weight:600;font-size:32px;line-height:42px}.roadmapmobile .roadmapstep .step .text-btn .btn{font-style:normal;font-weight:500;font-size:18px;width:364px;height:48px;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.roadmapmobile .nextprevbtn .swiper-button-next{right:18px;top:-332px;border:1px solid #e1e1e1;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);width:48px;height:48px;border-radius:25px}.roadmapmobile .nextprevbtn .swiper-button-next i{color:#757575;top:12px;right:12px}.roadmapmobile .nextprevbtn .swiper-button-prev{left:18px;top:-332px;border:1px solid #e1e1e1;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);width:48px;height:48px;border-radius:25px}.roadmapmobile .nextprevbtn .swiper-button-prev i{color:#757575;top:12px;right:12px}.roadmap{padding-top:40px}.roadmap .row img{z-index:5}.roadmap .row .stepbar{z-index:1;background:#f7f7f7;width:40px;height:268px;transform:matrix(1.8, 1, -2.6, 1.64, 0, 1);position:absolute;top:414px;left:calc(50% - 5px)}@media screen and (min-device-width: 1200px)and (max-device-width: 1399px){.roadmap .row .stepbar{top:355px}}.roadmap .row .stepbar .progress{background:linear-gradient(138deg, rgba(23, 253, 253, 0) 8.31%, #3FABF5 100%),#f7f7f7;height:0px;width:auto}.roadmap .row .stepbar2{z-index:1;background:#f7f7f7;width:46px;height:268px;transform:matrix(1.8, -1, 2.6, 1.64, 0, 1);position:absolute;top:414px;left:calc(50% - 5px)}@media screen and (min-device-width: 1200px)and (max-device-width: 1399px){.roadmap .row .stepbar2{top:352px}}.roadmap .row .stepbar2 .progress{background:linear-gradient(138deg, rgba(23, 253, 253, 0) 8.31%, #3FABF5 100%),#f7f7f7;height:0px;width:auto}.roadmap .row .stepbar3{z-index:1;background:#f7f7f7;width:46px;height:268px;transform:matrix(1.8, 1, -2.6, 1.64, 0, 1);position:absolute;top:414px;left:calc(50% - 20px)}@media screen and (min-device-width: 1200px)and (max-device-width: 1399px){.roadmap .row .stepbar3{transform:matrix(1.8, 1, -2.3, 1.64, 0, 1);top:392px}}.roadmap .row .stepbar3 .progress{background:linear-gradient(138deg, rgba(23, 253, 253, 0) 8.31%, #3FABF5 100%),#f7f7f7;height:0px;width:auto}.roadmap .step1 .textcol{margin-top:100px}@media screen and (max-device-width: 1024px){.roadmap .step1 .textcol{margin-top:0px}}.roadmap .step1 .title{font-style:normal;font-weight:600;font-size:36px;line-height:56px}.roadmap .step1 .detailtext{font-style:normal;font-weight:400;font-size:16px;line-height:160%}.roadmap .step1 .title2{font-style:italic;font-weight:500;font-size:24px;line-height:160%}.roadmap .step1 .listtext{padding-left:8px;position:relative;font-style:normal;font-weight:300;font-size:16px;line-height:160%}.roadmap .step1 .btnaction{position:relative;padding:14px 30px;font-style:normal;font-weight:500;font-size:18px;line-height:18px;border:1px solid #000;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.roadmap .step1 .btnaction:hover{background-color:#000;color:#fff}.roadmap .step1 .textno{font-style:normal;font-weight:500;font-size:320px;line-height:56px;color:#f1f3f5;bottom:calc(20% - 5px);right:0}@media screen and (max-device-width: 768px){.roadmap .step1 .textno{font-size:260px}}.roadmap .step2{padding-top:48px}.roadmap .step2 .textcol{margin-top:100px}@media screen and (max-device-width: 1024px){.roadmap .step2 .textcol{margin-top:0px}}.roadmap .step2 .title{font-style:normal;font-weight:600;font-size:36px;line-height:56px}.roadmap .step2 .detailtext{font-style:normal;font-weight:400;font-size:16px;line-height:160%}.roadmap .step2 .title2{font-style:italic;font-weight:500;font-size:24px;line-height:160%}.roadmap .step2 .listtext{padding-left:8px;position:relative;font-style:normal;font-weight:300;font-size:16px;line-height:160%}.roadmap .step2 .btnaction{position:relative;padding:14px 30px;font-style:normal;font-weight:500;font-size:18px;line-height:18px;border:1px solid #000;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.roadmap .step2 .btnaction:hover{background-color:#000;color:#fff}.roadmap .step2 .textno{font-style:normal;font-weight:500;font-size:320px;line-height:56px;color:#f1f3f5;bottom:calc(32% - 5px);left:0}@media screen and (max-device-width: 768px){.roadmap .step2 .textno{font-size:260px}}.roadmap .step3{padding-top:48px}.roadmap .step3 .textcol{margin-top:100px}@media screen and (max-device-width: 1024px){.roadmap .step3 .textcol{margin-top:0px}}.roadmap .step3 .title{font-style:normal;font-weight:600;font-size:36px;line-height:56px}.roadmap .step3 .detailtext{font-style:normal;font-weight:400;font-size:16px;line-height:160%}.roadmap .step3 .title2{font-style:italic;font-weight:500;font-size:24px;line-height:160%}.roadmap .step3 .listtext{padding-left:8px;position:relative;font-style:normal;font-weight:300;font-size:16px;line-height:160%}.roadmap .step3 .btnaction{position:relative;padding:14px 30px;font-style:normal;font-weight:500;font-size:18px;line-height:18px;border:1px solid #000;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.roadmap .step3 .btnaction:hover{background-color:#000;color:#fff}.roadmap .step3 .textno{font-style:normal;font-weight:500;font-size:320px;line-height:56px;color:#f1f3f5;bottom:calc(20% - 5px);right:0}@media screen and (max-device-width: 768px){.roadmap .step3 .textno{font-size:260px}}.roadmap .step4{padding-top:48px}.roadmap .step4 .textcol{margin-top:100px}@media screen and (max-device-width: 1024px){.roadmap .step4 .textcol{margin-top:0px}}.roadmap .step4 .title{font-style:normal;font-weight:600;font-size:36px;line-height:56px}.roadmap .step4 .detailtext{font-style:normal;font-weight:400;font-size:16px;line-height:160%}.roadmap .step4 .title2{font-style:italic;font-weight:500;font-size:24px;line-height:160%}.roadmap .step4 .listtext{padding-left:8px;position:relative;font-style:normal;font-weight:300;font-size:16px;line-height:160%}.roadmap .step4 .btnaction{position:relative;padding:14px 30px;font-style:normal;font-weight:500;font-size:18px;line-height:18px;border:1px solid #000;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.roadmap .step4 .btnaction:hover{background-color:#000;color:#fff}.roadmap .step4 .textno{font-style:normal;font-weight:500;font-size:320px;line-height:56px;color:#f1f3f5;bottom:calc(32% - 5px);left:0}@media screen and (max-device-width: 768px){.roadmap .step4 .textno{font-size:260px}}.benefit{padding:250px 0}.benefit .benefithead .title{font-style:normal;font-weight:600;font-size:36px;line-height:120%}.benefit .benefithead .textdetail{font-style:normal;font-weight:300;font-size:16px;line-height:160%;margin:0 200px}.workshop.container{padding-top:180px}.workshop.container .workshop.head .title{font-style:normal;font-weight:600;font-size:36px;line-height:120%}.workshop.container .workshop.head .textdetail{font-style:normal;font-weight:400;font-size:16px;line-height:160%;color:#757575}.workshop.container .workshop.course{height:auto !important;padding-bottom:1% !important}.workshop.container .workshop.course .coursediv img{border-top-left-radius:8px;border-top-right-radius:8px;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.08))}.workshop.container .workshop.course .coursediv .courseinfo{background:#fff;border:1px solid #e1e1e1;border-bottom-left-radius:8px;border-bottom-right-radius:8px;filter:drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.08))}.workshop.container .workshop.course .coursediv .courseinfo .coursename{color:#5e4481;font-style:normal;font-weight:600;font-size:16px;line-height:140%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.workshop.container .workshop.course .coursediv .courseinfo .coursedate{font-style:normal;font-weight:400;font-size:14px;line-height:120%;color:#757575}.workshop.container .workshop.course .coursediv .courseinfo .lang{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#5a457d}.workshop.container .workshop.course .coursediv .courseinfo .courseprice{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10ca39}.workshop.container .workshop.course .coursediv .courseinfo .coursefooter .iconinfo img{cursor:pointer;width:100%}.workshop.container .workshop.course .coursediv .courseinfo .coursefooter .iconinfo p{font-weight:400;font-size:16px;color:#757575}.workshop.container .workshop.course .coursediv .courseinfo .coursefooter .btnaction .opencourse{padding:6px 12px;border-radius:50px;border:1px solid #e1e1e1;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));color:#757575}.workshop.container .workshop.course .coursediv .courseinfo .coursefooter .btnaction .opencourse:hover{background-color:#5d457c;color:#fff;border:1px solid rgba(255,255,255,0)}.course .course.head .title{font-style:normal;font-weight:600;font-size:36px;line-height:120%}@media screen and (max-device-width: 430px){.course .course.head .title{font-size:32px}}.course .course.head .textdetail{font-style:normal;font-weight:400;font-size:16px;line-height:160%;color:#757575}.course .coursefilter .btnfilter:hover{background:rgba(148,214,218,.12);border-radius:8px;color:#33bcc5}.course .coursefilter .btnfilter:focus{box-shadow:0 0 0 .01rem rgba(13,110,253,.25)}.course .coursefilter .btnfilter.active{background:rgba(148,214,218,.12);border-radius:8px;color:#33bcc5}.course .courselist .coursediv img{border-top-left-radius:8px;border-top-right-radius:8px;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}.course .courselist .coursediv .courseinfo{background:#fff;border:1px solid #e1e1e1;border-bottom-left-radius:8px;border-bottom-right-radius:8px;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}.course .courselist .coursediv .courseinfo .coursename{color:#5e4481;font-style:normal;font-weight:600;font-size:16px;line-height:140%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course .courselist .coursediv .courseinfo .coursedate{font-style:normal;font-weight:400;font-size:14px;line-height:120%;color:#757575}.course .courselist .coursediv .courseinfo .lang{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#5a457d}.course .courselist .coursediv .courseinfo .courseprice{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10ca39}.course .courselist .coursediv .courseinfo .coursefooter .iconinfo img{cursor:pointer;width:100%}.course .courselist .coursediv .courseinfo .coursefooter .iconinfo p{font-weight:400;font-size:16px;color:#757575}.course .courselist .coursediv .courseinfo .coursefooter .btnaction .opencourse{padding:6px 12px;border-radius:50px;border:1px solid #e1e1e1;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));color:#757575}.course .courselist .coursediv .courseinfo .coursefooter .btnaction .opencourse:hover{background-color:#5d457c;color:#fff;border:1px solid rgba(255,255,255,0)}.teachsec{background:#f7f7f7;border:.5px solid #d5dee7}.teachsec .teach.head .title{font-style:normal;font-weight:600;font-size:36px;line-height:120%}.teachsec .teach.head .textdetail{font-style:normal;font-weight:300;font-size:16px;line-height:150%;color:#757575}.teachsec .techslide .techdiv{text-align:center}.teachsec .techslide .techdiv img{width:80%;height:198px;border-radius:120px;-o-object-fit:cover;object-fit:cover}@media screen and (max-device-width: 1024px){.teachsec .techslide .techdiv img{height:182px}}@media screen and (max-device-width: 430px){.teachsec .techslide .techdiv img{height:154px}}@media screen and (max-device-width: 375px){.teachsec .techslide .techdiv img{height:130px}}.teachsec .techslide .techdiv .techinfo .techname{font-style:normal;font-weight:500;font-size:18px;line-height:160%}.teachsec .techslide .techdiv .techinfo .techaddress{font-style:normal;font-weight:400;font-size:12px;line-height:140%;color:#757575}.contactus{padding-bottom:150px}@media screen and (max-device-width: 1024px){.contactus{padding-bottom:242px}}@media screen and (max-device-width: 820px){.contactus{padding-bottom:362px}}@media screen and (max-device-width: 430px){.contactus{padding-bottom:290px}}@media screen and (max-device-width: 375px){.contactus{padding-bottom:320px}}.contactus img{-o-object-fit:cover;object-fit:cover;height:450px;border-radius:29px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0.2) 100%),linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%)}@media screen and (max-device-width: 430px){.contactus .contactdiv .fcontactus{padding-bottom:142px}}.contactus .contactdiv .fcontactus .head{top:-352px;bottom:0;left:74px;font-style:normal;font-weight:600;font-size:40px;line-height:120%;color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.25)}@media screen and (max-device-width: 1199px){.contactus .contactdiv .fcontactus .head{top:-348px;font-size:32px}}@media screen and (max-device-width: 1024px){.contactus .contactdiv .fcontactus .head{top:-348px;font-size:32px}}@media screen and (max-device-width: 820px){.contactus .contactdiv .fcontactus .head{top:-394px;font-size:32px}}@media screen and (max-device-width: 430px){.contactus .contactdiv .fcontactus .head{top:-430px;left:55px;font-size:24px}}.contactus .contactdiv .fcontactus .btncontactus{top:-234px;bottom:0;left:74px;height:43px;width:205px;background:#df2946;box-shadow:0px 4px 4px rgba(0,0,0,.25);border-radius:8px}@media screen and (max-device-width: 430px){.contactus .contactdiv .fcontactus .btncontactus{top:-354px;left:92px}}.contactus .contactdiv .scontactus .accordion{top:-415px;width:550px;border-radius:25px;box-shadow:2px 4px 16px rgba(0,0,0,.25)}@media screen and (max-device-width: 1199px){.contactus .contactdiv .scontactus .accordion{top:-432px;width:442px}}@media screen and (max-device-width: 1024px){.contactus .contactdiv .scontactus .accordion{width:435px}}@media screen and (max-device-width: 820px){.contactus .contactdiv .scontactus .accordion{width:322px}}@media screen and (max-device-width: 430px){.contactus .contactdiv .scontactus .accordion{top:-421px;left:24px;width:88%}}.contactus .contactdiv .scontactus .accordion .title{background-color:#fff;padding:0;margin:0;font-style:normal;font-weight:600;font-size:24px;line-height:120%;border-top-right-radius:1.25rem;border-top-left-radius:1.25rem}.contactus .contactdiv .scontactus .accordion .accordion-item{border:none}.contactus .contactdiv .scontactus .accordion .accordion-item .accordion-header{border-top:1px solid rgba(0,0,0,.125);border-bottom:1px solid rgba(0,0,0,.125)}.contactus .contactdiv .scontactus .accordion .accordion-item .accordion-header .accordion-button{font-style:normal;font-weight:700;font-size:18px;line-height:120%}.contactus .contactdiv .scontactus .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){color:#5e4481;background-color:rgba(255,255,255,0)}.contactus .contactdiv .scontactus .accordion .accordion-item:first-of-type{border-radius:0}.contactus .contactdiv .scontactus .accordion .accordion-item:last-of-type{border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem;padding-bottom:45px}.contactus .contactdiv .scontactus .accordion .accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(1.25rem - 1px);border-bottom-left-radius:calc(1.25rem - 1px)}#alertconfModal .modal-body .dismiss{background:#fff;border:1px solid #999;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));border-radius:29px;height:32px;width:32px;position:absolute;right:0;top:0;cursor:pointer}#alertconfModal .modal-body .dismiss i{top:8px;position:absolute;left:10px;color:#999}#alertconfModal .modal-body .detail .title .title1{font-style:normal;font-weight:500;font-size:18px;line-height:140%;color:rgba(59,88,158,.8)}#alertconfModal .modal-body .detail .title .title2{font-style:normal;font-weight:600;font-size:40px;line-height:160%;color:#004eaf;text-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}#alertconfModal .modal-body .detail .title .title3{font-style:normal;font-weight:500;font-size:16px;line-height:160%;color:rgba(0,0,0,.8)}#alertconfModal .modal-body .detail .img img{width:292px}#alertconfModal .modal-body .detail div i{color:#39b54a}#alertconfModal .modal-body .detail div span{font-style:normal;font-weight:500;font-size:18px;line-height:160%;color:#3b589e}#alertconfModal .modal-body .detail .btnact .btn{padding:10px 0px;background:#3b589e;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));border-radius:8px}#alertconfModal .modal-body .detail .alertlogin p{font-style:normal;font-weight:400;font-size:16px;line-height:160%;color:#aaa}#alertconfModal .modal-body .detail .alertlogin p a{text-decoration-line:underline !important;color:#54a7dc}#videopromoModal .modal-content{border:0 !important}#videopromoModal .modal-body .close{position:relative}#videopromoModal .modal-body .close i{color:#aaa;position:absolute;top:-32px;right:-12px;cursor:pointer}#videopromoModal .modal-body .close i:hover{color:#000}#videopromoModal .modal-body .plyr{border-radius:12px}.group{padding-top:50px}.group .grouptype .title{border-bottom:1px solid;color:#fff}.group .grouptype .title .t1{color:#fff;text-shadow:0px 4px 14px rgba(0,0,0,.08);font-size:20px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:.2px}@media screen and (min-device-width: 800px)and (max-device-width: 1399px){.group .grouptype .title .t1{font-size:16px}}.group .grouptype .title .t2{color:rgba(255,255,255,.8);font-size:14px;font-style:normal;font-weight:400;line-height:160%}.group .grouptype .detail .t1{color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.072px}@media screen and (min-device-width: 800px)and (max-device-width: 1399px){.group .grouptype .detail .t1{font-size:14px}}.group .grouptype .detail .t2{color:rgba(255,255,255,.8);font-size:14px;font-style:normal;font-weight:400;line-height:160%}@media screen and (min-device-width: 800px)and (max-device-width: 1399px){.group .grouptype .detail .t2{font-size:12px}}.group .grouptype .detail i{color:#fff}.group .group1{border-radius:16px;border:1px solid #ebebeb;background:linear-gradient(227deg, #001967 38.82%, #1971CB 87.09%),#fff;box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 12px 0px rgba(0,0,0,.08)}.group .group2{border-radius:16px;border:1px solid #ebebeb;background:linear-gradient(227deg, #FFB200 38.82%, #FFCF22 78.3%),linear-gradient(227deg, #259AF5 38.82%, #57D2E6 87.09%),#fff;box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 12px 0px rgba(0,0,0,.08)}.group .group3{border-radius:16px;border:1px solid #ebebeb;background:linear-gradient(227deg, #FE7C1A 38.82%, #FFAD0F 66.73%),linear-gradient(227deg, #259AF5 38.82%, #57D2E6 87.09%),linear-gradient(227deg, #F4F4F4 61.2%, #E1E1E1 87.09%),#fff;box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 12px 0px rgba(0,0,0,.08)}.group .group4{border-radius:16px;border:1px solid #ebebeb;background:linear-gradient(227deg, #259AF5 38.82%, #57D2E6 87.09%),linear-gradient(227deg, #FFB200 38.82%, #FFC800 87.09%),linear-gradient(227deg, #F4F4F4 61.2%, #E1E1E1 87.09%),#fff;box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 12px 0px rgba(0,0,0,.08)}.group .grouptooltip{cursor:pointer;border-radius:14px;border:1px solid #ebebeb}.group .grouptooltip .groupname{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tippy-box[data-theme~="7575"]{background-color:#5e4481}.package{background:url("../../images/s4l/Group1582.png") no-repeat;background-size:100vw 114%}@media screen and (max-device-width: 430px){.package{position:relative;background-size:100vw 100%}}.package .title .t1{color:#fff;text-align:center;text-shadow:0px 4px 4px rgba(0,0,0,.25);font-size:40px;font-style:normal;font-weight:600;line-height:120%}@media screen and (max-device-width: 430px){.package .title .t1{font-size:24px}}.package .title .t2{color:#ffd100;text-align:center;text-shadow:0px 4px 4px rgba(0,0,0,.25);font-size:48px;font-style:normal;font-weight:600;line-height:120%}@media screen and (max-device-width: 430px){.package .title .t2{font-size:40px}}.package .title .t3{color:#fff;text-align:center;text-shadow:0px 4px 4px rgba(0,0,0,.25);font-size:16px;font-style:normal;font-weight:400;line-height:160%}.package .packagelist table{background:#fff;border-radius:24px;box-shadow:0px -4px 12px 0px #3fabf5}.package .packagelist table .btnsub,.package .packagelist table .btnsubpaid{border-radius:8px;border:1px solid #000;padding:12px 18px}.package .packagelist table .btnsub:hover,.package .packagelist table .btnsubpaid:hover{color:#fff;border-radius:8px;border:1px solid #df2946;background:#df2946;box-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1)}.package .packagelist table .btn.btnsubpack12{color:#fff;border-radius:8px;border:1px solid #df2946;background:#df2946;box-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1)}.package .packagelist table .benheadpack{padding:0px 24px;font-size:24px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:.25px}.package .packagelist table .basicheadpack{background-color:#f1f1f1;font-size:20px;font-style:normal;font-weight:500;line-height:120%}.package .packagelist table .headpack{background-color:#0243a1;color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:.25px;padding:20px 0px}.package .packagelist table .titledetail{padding:34px 18px;font-size:18px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:.25px}.package .packagelist table .titledetail .num{color:#fff;background-color:#00acfa;padding:5px 15px;border-radius:50px;margin-right:8px}.package .packagelist .col{background-color:#fff;border-radius:12px;box-shadow:0px 4px 14px 0px rgba(0,0,0,.04),0px 4px 14px 0px rgba(0,0,0,.04),0px 4px 24px 0px rgba(34,45,90,.16)}.package .packagelist .col .title{color:#fff;font-size:24px;font-style:normal;border-radius:12px 12px 0px 0px;background:linear-gradient(84deg, #09236C 19.34%, #0243A1 45.47%, #0244A2 79.29%);box-shadow:0px 8px 8px 0px rgba(0,0,0,.14)}.package .packagelist .col .detail .price .p1{font-size:20px;font-style:normal;font-weight:500;color:#3f5dd7}.package .packagelist .col .detail .price .p2{color:#000;font-size:48px;font-style:normal}.package .packagelist .col .detail .price .p3{color:#000;font-size:20px;font-style:normal}.package .packagelist .col .detail .price .opt{color:#aaa;font-size:16px;font-style:normal;color:#3f5dd7}.package .packagelist .col .detail .btnaction a{color:#e8284d;font-size:16px;font-style:normal;border-radius:8px;border:1px solid #e8284d;box-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1)}.package .packagelist .col .detail .benefitpack{background:linear-gradient(180deg, #F7F7F7 0%, #FFF 100%)}.package .packagelist .col .detail .benefitpack .benefitdetail li{font-size:18px;font-style:normal;font-weight:300}.package .packagelist .col .detail .benefitpack .benefitdetail li i{font-size:24px;color:#3f5dd7}.package .notepackdetail{font-size:14px;font-style:normal;font-weight:300}@media screen and (min-device-width: 800px)and (max-device-width: 1399px){.svgroad svg{width:300px}}.textstep1 .steptext .stepno,.textstep2 .steptext .stepno{opacity:.05;position:absolute;left:0px;font-size:240px;top:62px;line-height:56px;font-weight:500}.textstep3 .steptext .stepno,.textstep4 .steptext .stepno{opacity:.05;position:absolute;left:0px;font-size:240px;top:62px;line-height:56px;font-weight:500}.textstep1 .steptext .stepno,.textstep2 .steptext .stepno,.textstep3 .steptext .stepno,.textstep4 .steptext .stepno{opacity:.05;position:absolute;right:0px;font-size:240px;top:62px;line-height:56px;font-weight:500}.textstep1 h4,.textstep2 h4,.textstep3 h4,.textstep4 h4{font-size:24px;font-style:normal;font-weight:600}@media screen and (min-device-width: 800px)and (max-device-width: 1399px){.textstep1 h4,.textstep2 h4,.textstep3 h4,.textstep4 h4{font-size:20px}}.textstep1 p,.textstep2 p,.textstep3 p,.textstep4 p{font-size:16px;font-style:normal;font-weight:300}.textstep1 a,.textstep2 a,.textstep3 a,.textstep4 a{color:#e8284d;font-size:16px;font-style:normal;border-radius:8px;border:1px solid #e8284d;box-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1)}.textstep1 a:hover,.textstep2 a:hover,.textstep3 a:hover,.textstep4 a:hover{color:#fff;background-color:#e8284d}.btn-viewcode{border-radius:10px;color:#f7f7f7;background-color:#0244a2;border:1px solid #ebebeb;box-shadow:0px 4px 14px 0px rgba(0,0,0,.04)}.btn-viewcode:hover{color:#4b4646;background-color:#dcdcdd}#listcourseModal .card{border-radius:16px;background:linear-gradient(227deg, #001967 38.82%, #1971CB 87.09%),#d9d9d9;color:#fff}#listcourseModal .t1{text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.096px}#listcourseModal .t2{text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:160%}#listcourseModal img{box-shadow:0px 4px 14px 0px rgba(0,0,0,.04)}#regiscourseModal .card.basic.active{color:#004eaf;border:1px solid;border-color:#004eaf;filter:drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}#regiscourseModal .card .basic .t1{font-size:14px;font-style:normal;font-weight:400;line-height:160%}#regiscourseModal .card .basic .t2{font-size:20px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.08px}#regiscourseModal .card .premium.active{color:#004eaf;border:1px solid;border-color:#004eaf;filter:drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}#regiscourseModal .card .premium{border-radius:15px}#regiscourseModal .card .premium .t1{font-size:14px;font-style:normal;font-weight:400;line-height:160%}#regiscourseModal .card .premium .t2{font-size:20px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.08px}#regiscourseModal .card .premium .btnselectpack{cursor:pointer;border:1px solid;border-color:#ebebeb;filter:drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border-radius:12px}#regiscourseModal .card .premium .btnselectpack input,#regiscourseModal .card .premium .btnselectpack label{cursor:pointer}#courselist .titlefiltergroup{font-size:36px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:.2px}@media screen and (max-device-width: 430px){#courselist .titlefiltergroup{font-size:32px}}#courselist .btnfilter .filtercourse{font-size:16px;font-style:normal;font-weight:500;border:1px solid #ebebeb;padding:12px 24px;border-radius:8px}#courselist .btnfilter .filtercourse:hover{border:1px solid #00acfa;background:#f3fbff;box-shadow:0px 4px 12px 0px rgba(63,171,245,.24);color:#00acfa}#courselist .btnfilter .filtercourse.active{border:1px solid #00acfa;background:#f3fbff;box-shadow:0px 4px 12px 0px rgba(63,171,245,.24);color:#00acfa}#courselist .filtercourse2{font-size:16px;font-style:normal;font-weight:500;border:1px solid #ebebeb;padding:10px 22px;border-radius:8px}@media screen and (max-device-width: 430px){#courselist .filtercourse2{font-size:14px;padding:10px 18px}}#courselist .filtercourse2:hover{border:1px solid #00acfa;background:#f3fbff;box-shadow:0px 4px 12px 0px rgba(63,171,245,.24);color:#00acfa}#courselist .filtercourse2.active{border:1px solid #00acfa;background:#f3fbff;box-shadow:0px 4px 12px 0px rgba(63,171,245,.24);color:#00acfa}.filterlist{width:300px;position:relative}.filterlist *,.filterlist *::before,.filterlist *::after{box-sizing:border-box}.filterlist_dropdown{min-height:42px;line-height:42px;border-radius:4px;box-shadow:none;outline:none;background-color:#fff;color:#444f5b;border:1px solid #d9dbde;padding:.5px 13px;margin:0;transition:.1s border-color ease-in-out;cursor:pointer}.filterlist_dropdown.-hasValue{padding:5px 30px 5px 5px;cursor:default}.filterlist_dropdown.-open{box-shadow:none;outline:none;padding:4.5px 29.5px 4.5px 4.5px;border:1.5px solid #4073ff}.filterlist_arrow::before,.filterlist_arrow::after{content:"";position:absolute;display:block;width:2px;height:8px;border-radius:20px;border-bottom:8px solid #99a3ba;top:40%;transition:all .15s ease}.filterlist_arrow::before{right:18px;transform:rotate(-50deg)}.filterlist_arrow::after{right:13px;transform:rotate(50deg)}.filterlist_list{margin:0;margin-bottom:25px;padding:0;list-style:none;opacity:0;visibility:hidden;position:absolute;max-height:310px;top:28px;left:0;z-index:9999;right:0;background:#fff;border-radius:4px;overflow-x:hidden;overflow-y:auto;transform-origin:0 0;transition:opacity .1s ease,visibility .1s ease,transform .15s cubic-bezier(0.4, 0.6, 0.5, 1.32);transform:scale(0.8) translate(0, 4px);border:1px solid #d9dbde;box-shadow:0px 10px 20px 0px rgba(0,0,0,.12)}.filterlist_option{margin:0;padding:0;opacity:0;transform:translate(6px, 0);transition:all .15s ease}.filterlist_option.-selected{display:none}.filterlist_option:hover .filterlist_text{color:#fff;background:#4d84fe}.filterlist_text{cursor:pointer;display:block;padding:5px 13px;color:#525c67;text-decoration:none;outline:none;position:relative;transition:all .15s ease}.filterlist_list.-open{opacity:1;visibility:visible;transform:scale(1) translate(0, 12px);transition:opacity .15s ease,visibility .15s ease,transform .15s cubic-bezier(0.4, 0.6, 0.5, 1.32)}.filterlist_list.-open+.filterlist_arrow::before{transform:rotate(-130deg)}.filterlist_list.-open+.filterlist_arrow::after{transform:rotate(130deg)}.filterlist_list.-open .filterlist_option{opacity:1;transform:translate(0, 0)}.filterlist_list.-open .filterlist_option:nth-child(1){transition-delay:10ms}.filterlist_list.-open .filterlist_option:nth-child(2){transition-delay:20ms}.filterlist_list.-open .filterlist_option:nth-child(3){transition-delay:30ms}.filterlist_list.-open .filterlist_option:nth-child(4){transition-delay:40ms}.filterlist_list.-open .filterlist_option:nth-child(5){transition-delay:50ms}.filterlist_list.-open .filterlist_option:nth-child(6){transition-delay:60ms}.filterlist_list.-open .filterlist_option:nth-child(7){transition-delay:70ms}.filterlist_list.-open .filterlist_option:nth-child(8){transition-delay:80ms}.filterlist_list.-open .filterlist_option:nth-child(9){transition-delay:90ms}.filterlist_list.-open .filterlist_option:nth-child(10){transition-delay:100ms}.filterlist_choice{background:rgba(77,132,254,.1);color:#444f5b;padding:4px 8px;line-height:17px;margin:5px;display:inline-block;border-radius:30px;cursor:pointer}.filterlist_deselect{width:12px;height:12px;display:inline-block;stroke:#b2bac3;stroke-width:4px;margin-top:-1px;margin-left:2px;vertical-align:middle}.filterlist_choice:hover .filterlist_deselect{stroke:#a1a8b1}.filterlist_noselections{text-align:center;padding:7px;color:#b2bac3;font-weight:450;margin:0}.filterlist_placeholder{position:absolute;left:10px;top:8px;padding:0 4px;background-color:#fff;color:#b8bcbf;pointer-events:none;transition:all .1s ease}.filterlist_dropdown.-open+.filterlist_placeholder,.filterlist_dropdown.-open.-hasValue+.filterlist_placeholder{top:-11px;left:17px;color:#4073ff}.filterlist_dropdown.-hasValue+.filterlist_placeholder{top:-11px;left:17px;color:#6e7277}.mobile .selecttype{border:1px solid #ebebeb;border-radius:24px;color:#fff}.mobile .selecttype .packselect.basic{border-top-left-radius:24px;border-bottom-left-radius:24px}.mobile .selecttype .packselect.basic:hover{background-color:#063284}.mobile .selecttype .packselect.premium{border-top-right-radius:24px;border-bottom-right-radius:24px}.mobile .selecttype .packselect.premium:hover{background-color:#063284}.mobile .packdetail .bacsictype .headtextdetail{color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:.25px}.mobile .packdetail .bacsictype .textdetail{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:120%}.mobile .packdetail .bacsictype .textdetail2{font-size:14px;font-style:normal;font-weight:400}.mobile .packdetail .bacsictype .textdetail3{font-size:12px;font-style:normal;font-weight:400}.mobile .packdetail .bacsictype .num{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:.25px;padding:6px 12px;border-radius:20px;background-color:#00acfa;width:32px}.mobile .packdetail .bacsictype .fa-check{width:30px;padding:6px 6px;border-radius:18px;color:#fff;background-color:green}.mobile .packdetail .premiumtype .headtextdetail{color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:.25px}.mobile .packdetail .premiumtype .textdetail{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:120%}.mobile .packdetail .premiumtype .textdetail2{font-size:14px;font-style:normal;font-weight:400}.mobile .packdetail .premiumtype .textdetail3{font-size:12px;font-style:normal;font-weight:400}.mobile .packdetail .premiumtype .btnsubm,.mobile .packdetail .premiumtype .btnsubpaid{border-radius:8px;border:1px solid #000}.mobile .packdetail .premiumtype .pricebeforediscout{font-size:12px;font-style:normal;font-weight:400}.mobile .packdetail .premiumtype .pricepackm{font-size:20px;font-style:normal;font-weight:500}.mobile .packdetail .premiumtype .num{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:.25px;padding:6px 12px;border-radius:20px;background-color:#00acfa;width:32px}.mobile .packdetail .premiumtype .fa-check{width:30px;padding:6px 6px;border-radius:18px;color:#fff;background-color:green}.regisbtn .submitbtn{border-radius:24px;border:1px solid #004eaf;background:linear-gradient(0deg, #063284 0.19%, #0243A1 31.33%, #0244A2 61.42%, #0D5AC8 99.82%),#004eaf;box-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1)}.titlecourserec{font-style:normal;font-weight:600;font-size:38px}.courserec{height:auto !important;padding-bottom:1% !important}.courserec .coursediv img{border-top-left-radius:8px;border-top-right-radius:8px;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.08))}.courserec .coursediv .courseinfo{background:#fff;border:1px solid #e1e1e1;border-bottom-left-radius:8px;border-bottom-right-radius:8px;filter:drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.08))}.courserec .coursediv .courseinfo .coursename{color:#5e4481;font-style:normal;font-weight:600;font-size:16px;line-height:140%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.courserec .coursediv .courseinfo .coursedate{font-style:normal;font-weight:400;font-size:14px;line-height:120%;color:#757575}.courserec .coursediv .courseinfo .lang{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#5a457d}.courserec .coursediv .courseinfo .courseprice{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10ca39}.courserec .coursediv .courseinfo .coursefooter .iconinfo img{cursor:pointer;width:100%}.courserec .coursediv .courseinfo .coursefooter .iconinfo p{font-weight:400;font-size:16px;color:#757575}.courserec .coursediv .courseinfo .coursefooter .btnaction .opencourse{padding:6px 12px;border-radius:50px;border:1px solid #e1e1e1;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));color:#757575}.courserec .coursediv .courseinfo .coursefooter .btnaction .opencourse:hover{background-color:#5d457c;color:#fff;border:1px solid rgba(255,255,255,0)}.report{padding:5em 8em;background:#fff;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:22px}@media screen and (min-width: 320px)and (max-width: 767px){.report{padding:3em 1em}}@media screen and (min-width: 768px)and (max-width: 820px){.report{padding:5em 5em}}.report .icon .iconimg{margin-right:285px}.report .icon .iconimg img{filter:drop-shadow(0px -4px 8px rgba(0, 0, 0, 0.08));top:-135px}@media screen and (min-width: 320px)and (max-width: 767px){.report .icon .iconimg img{top:-95px}}@media screen and (min-width: 768px)and (max-width: 820px){.report .icon .iconimg img{top:-135px}}.report .head_report .title{font-style:normal;font-weight:600;font-size:48px;line-height:120%;letter-spacing:.2px}.report .head_report .detail{font-style:normal;font-weight:500;font-size:18px;line-height:120%;letter-spacing:.25px}.report .head_report .progress_{position:relative}.report .head_report .progress_ .progress-pie-chart{width:106px;height:106px;border-radius:50%;background-color:#e5e5e5;position:relative;position:absolute;right:0;bottom:0}@media screen and (max-width: 820px){.report .head_report .progress_ .progress-pie-chart{display:none}}.report .head_report .progress_ .progress-pie-chart.gt-50{background-color:#81ce97}.report .question .question_no{position:relative}.report .question .question_no .text-underline{position:absolute;display:inline-block;border-bottom:.1em solid #3b589e;padding-bottom:.1em}.report .question .question3 .question_text{font-style:normal;font-weight:400;font-size:20px;line-height:160%;letter-spacing:.5px}.report .question .choice{height:5em}.report .question .choice .radio-label-vertical{position:relative;display:inline-block;vertical-align:middle;padding:0 20px;text-align:center}@media screen and (min-width: 320px)and (max-width: 374px){.report .question .choice .radio-label-vertical{padding:0 4px}}@media screen and (min-width: 375px)and (max-width: 767px){.report .question .choice .radio-label-vertical{padding:0 9px}}.report .question .choice .radio-label-vertical div{position:relative}.report .question .choice .radio-label-vertical input{accent-color:#004eaf;transform:scale(3);position:absolute;top:38px;left:50%;margin-left:-6px;display:block;cursor:pointer}.report .question .choice .radio-label-vertical input[type=radio]:checked+div.checkmark::before{position:absolute;content:"";top:34px;right:21px;color:#f7f7f7;font-family:"Font Awesome 5 Pro"}.report .question .choice .radio-label-vertical input[type=radio]:checked+div.checkmark2::before{position:absolute;content:"";top:34px;right:6px;color:#f7f7f7;font-family:"Font Awesome 5 Pro"}.report .question .choice .radio-label-vertical input[type=radio]:checked+div.checkmark3::before{position:absolute;content:"";top:34px;right:23px;color:#f7f7f7;font-family:"Font Awesome 5 Pro"}.report .question .choice .radio-label-vertical input[type=radio]:checked+div.checkmark4::before{position:absolute;content:"";top:34px;right:5px;color:#f7f7f7;font-family:"Font Awesome 5 Pro"}.report .question .choice .radio-label-vertical input[type=radio]:checked+div.checkmark5::before{position:absolute;content:"";top:34px;right:20px;color:#f7f7f7;font-family:"Font Awesome 5 Pro"}.report .row .btn-nextstep{background:#3b589e;border-radius:30.5em;padding:.5em 4em}.ppc-progress{content:"";position:absolute;border-radius:50%;left:calc(50% - 53px);top:calc(50% - 53px);width:106px;height:106px;clip:rect(0, 106px, 106px, 53px)}.ppc-progress .ppc-progress-fill{content:"";position:absolute;border-radius:50%;left:calc(50% - 53px);top:calc(50% - 53px);width:106px;height:106px;clip:rect(0, 53px, 106px, 0);background:#3b589e;transform:rotate(60deg)}.gt-50 .ppc-progress{clip:rect(0, 53px, 106px, 0)}.gt-50 .ppc-progress .ppc-progress-fill{clip:rect(0, 106px, 106px, 53px);background:#e5e5e5}.ppc-percents{content:"";position:absolute;border-radius:50%;left:calc(50% - 92.1739130435px/2);top:calc(50% - 92.1739130435px/2);width:92.1739130435px;height:92.1739130435px;background:#fff;text-align:center;display:table}.ppc-percents span{display:block;font-size:1.6em;font-weight:bold;color:#000}.ppc-percents p{font-size:12px;color:rgba(0,0,0,.6)}.pcc-percents-wrapper{display:table-cell;vertical-align:middle}.progress-pie-chart{margin:50px auto 0}#SaveModal .modal-dialog .modal-content .modal-body .dismiss{cursor:pointer;position:relative}#SaveModal .modal-dialog .modal-content .modal-body .dismiss i{font-size:24px;position:absolute;top:-34px;right:-28px;background:#fff;border:2px solid #999;filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.25));border-radius:25px;width:30px;height:28px;color:#999}#SaveModal .modal-dialog .modal-content .modal-body p{font-style:normal;font-weight:400;font-size:22px;line-height:145%}#SaveModal .modal-dialog .modal-content .modal-body .buttonselection .login-btn{background:#3b589e}#SaveModal .modal-dialog .modal-content .modal-body .buttonselection .login-btn:hover{color:#000}#SaveModal .modal-dialog .modal-content .modal-body .buttonselection .conf-test{color:#3b589e;border-color:#3b589e}#SaveModal .modal-dialog .modal-content .modal-body .buttonselection .conf-test:hover{color:#fff;background:#3b589e}.sec1{padding:118px 0;background-color:#f1f2f2;background-image:url(../../images/s4l/Frame.png);background-size:cover}.sec1 .reportcard .cardline{height:16px;color:#3b589e;opacity:1;box-shadow:0px 4px 14px rgba(0,0,0,.08);border-top-left-radius:10px;border-top-right-radius:10px}.sec1 .reportcard .cardbody{padding:0 80px}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody{padding:0 20px}}.sec1 .reportcard .cardbody .report1 img{padding-bottom:20px}.sec1 .reportcard .cardbody .report1 .title{font-style:normal;font-weight:600;font-size:48px;line-height:120%}.sec1 .reportcard .cardbody .report1 .studentname{font-style:normal;font-weight:400;font-size:24px;line-height:120%;color:#757575}.sec1 .reportcard .cardbody .report1 .scorediv .score .scorepoint{font-style:normal;font-weight:500;font-size:64px;line-height:120%;color:#3b589e}.sec1 .reportcard .cardbody .report1 .scorediv .score .scoreuplabel{color:#11d13b}.sec1 .reportcard .cardbody .report1 .scorediv .scoreoldtext{font-style:normal;font-weight:400;font-size:16px;line-height:120%;color:#757575}.sec1 .reportcard .cardbody .report2 .icons i{background:#fff;box-shadow:0px 4px 14px rgba(0,0,0,.08),0px 4px 14px rgba(0,0,0,.08);border-radius:16px}.sec1 .reportcard .cardbody .report2 .title{padding:20px 0 0 0;font-style:normal;font-weight:600;font-size:22px;line-height:120%}.sec1 .reportcard .cardbody .report2 .list li{font-style:normal;font-weight:600;font-size:36px;line-height:158%}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report2 .list li{font-size:22px}}.sec1 .reportcard .cardbody .report3 .title .title1{font-style:normal;font-weight:400;font-size:28px;line-height:160%;background:linear-gradient(4.63deg, #001967 20.55%, #032473 25.13%, #0F4DA2 55.16%, #1C7DD8 71.44%),#000;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report3 .title .title1{font-size:24px}}.sec1 .reportcard .cardbody .report3 .title .title2{font-style:normal;font-weight:600;font-size:48px;line-height:160%;background:linear-gradient(4.63deg, #001967 20.55%, #032473 25.13%, #0F4DA2 55.16%, #1C7DD8 71.44%),#000;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report3 .title .title2{font-size:32px}}.sec1 .reportcard .cardbody .report3 .detail p{font-style:normal;font-weight:400;font-size:18px;line-height:160%}.sec1 .reportcard .cardbody .report4 .title .title1{font-style:normal;font-weight:400;font-size:28px;line-height:160%;background:linear-gradient(4deg, #458BE3 12.81%, #509DEE 18.32%, #6ABDE8 54.48%, #85DDE3 74.1%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report4 .title .title1{font-size:24px}}.sec1 .reportcard .cardbody .report4 .title .title2{font-style:normal;font-weight:600;font-size:48px;line-height:160%;background:linear-gradient(4deg, #458BE3 12.81%, #509DEE 18.32%, #6ABDE8 54.48%, #85DDE3 74.1%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report4 .title .title2{font-size:32px}}.sec1 .reportcard .cardbody .report4 .detail p{font-style:normal;font-weight:400;font-size:18px;line-height:160%}.sec1 .reportcard .cardbody .report5 .title .title1{font-style:normal;font-weight:400;font-size:28px;line-height:160%;background:linear-gradient(360deg, #FFA135 21.05%, #FFA735 25.67%, #FFCB38 55.95%, #FFD93A 72.37%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report5 .title .title1{font-size:24px}}.sec1 .reportcard .cardbody .report5 .title .title2{font-style:normal;font-weight:600;font-size:48px;line-height:160%;background:linear-gradient(360deg, #FFA135 21.05%, #FFA735 25.67%, #FFCB38 55.95%, #FFD93A 72.37%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report5 .title .title2{font-size:32px}}.sec1 .reportcard .cardbody .report5 .detail p{font-style:normal;font-weight:400;font-size:18px;line-height:160%}.sec1 .reportcard .cardbody .report6 .title{padding:36px 0}.sec1 .reportcard .cardbody .report6 .title p{font-style:normal;font-weight:500;font-size:38px;line-height:120%}@media screen and (max-device-width: 428px){.sec1 .reportcard .cardbody .report6 .title p{font-size:25px}}.sec1 .reportcard .cardbody .report6 .btnaction .btndetailmore{padding:16px 46px;font-size:18px;background:#3b589e;box-shadow:0px 4px 4px rgba(0,0,0,.25);border-radius:30.5px}.sec1 .cardfooter{padding:0 80px}@media screen and (max-device-width: 428px){.sec1 .cardfooter{padding:0 20px}}.nextbtn .nextbtnaction{width:48px;height:48px;background:#3b589e;border-radius:56px;display:inline-grid}.prevbtn .prevbtnaction{width:48px;height:48px;border-radius:56px;display:inline-grid}.btndetailmore{padding:16px 46px;font-size:18px;background:#3b589e;box-shadow:0px 4px 4px rgba(0,0,0,.25);border-radius:30.5px}.detaildiv .textbtndiv .textdiv .text1{font-style:normal;font-weight:600;font-size:24px;line-height:120%}@media screen and (min-width: 320px)and (max-width: 991px){.detaildiv .textbtndiv .textdiv .text1{font-size:18px}}.detaildiv .textbtndiv .textdiv .text2{font-style:normal;font-weight:300;font-size:18px;line-height:120%}@media screen and (min-width: 320px)and (max-width: 991px){.detaildiv .textbtndiv .textdiv .text2{font-size:14px}}.detaildiv .textbtndiv .btndiv .btnadv{color:#004eaf;border:1px solid #004eaf;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));border-radius:24px}@media screen and (min-width: 320px)and (max-width: 991px){.detaildiv .textbtndiv .btndiv .btnadv{font-size:14px}}.detaildiv .textbtndiv .btndiv .btnadv:hover{background:#004eaf;color:#fff}.detaildiv .progress{background:#ededed;border-radius:17px;position:relative;width:91.66666667%;height:18px}.detaildiv .progress .progress-bar{border-radius:17px}.detaildiv .progress .bar-step{position:absolute;margin-top:-20px;z-index:1;font-size:12px}.detaildiv .progress .label-txt{float:left}.detaildiv .progress .label-line{float:right;background:#ddd;height:50px;width:1px;margin-left:5px}.detaildiv .progress .label-percent{float:right;margin-left:5px}.detaildiv .progress .progress-bar-textval{font-style:normal;font-weight:500;font-size:18px;line-height:120%}.sec2 .report1 .titletext .titletext1{font-style:normal;font-weight:600;font-size:40px;line-height:120%}@media screen and (min-width: 320px)and (max-width: 413px){.sec2 .report1 .titletext .titletext1{font-size:28px}}@media screen and (min-width: 414px)and (max-width: 820px){.sec2 .report1 .titletext .titletext1{font-size:32px}}@media screen and (min-width: 768px)and (max-width: 991px){.sec2 .report1 .titletext .titletext1{font-size:28px}}.sec2 .report1 .titletext .titletext2{font-style:normal;font-weight:400;font-size:24px;line-height:120%;color:#757575}@media screen and (min-width: 320px)and (max-width: 413px){.sec2 .report1 .titletext .titletext2{font-size:16px}}@media screen and (min-width: 414px)and (max-width: 991px){.sec2 .report1 .titletext .titletext2{font-size:18px}}.sec2 .report1 .titletext .titletext3{font-style:normal;font-weight:600;font-size:18px;line-height:120%}.sec2 .report1 .btnps .closebtn{cursor:pointer;border:1px solid #000;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));border-radius:25px;padding:5px 8px}.sec2 .report1 .btnps .closebtn i{font-size:20px;margin:0 0 0 3px}.sec2 .report1 .btnps .tweetbtn{cursor:pointer;border:1px solid #000;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));border-radius:25px;padding:5px 5px}.sec2 .report1 .btnps .tweetbtn i{font-size:20px;margin:0 0 0 3px}.sec2 .report1 .btnps .fbbtn{cursor:pointer;border:1px solid #000;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));border-radius:25px;padding:5px 8px}.sec2 .report1 .btnps .fbbtn i{font-size:20px;margin:0 0 0 3px}.sec2 .report1 .btnps .sharebtn{cursor:pointer;border:1px solid #000;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));border-radius:25px;padding:5px 7px}.sec2 .report1 .btnps .sharebtn i{font-size:20px}.sec2 .report1 .btnps .printbtn{cursor:pointer;border:1px solid #000;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));border-radius:25px;padding:5px 7px}.sec2 .report1 .btnps .printbtn i{font-size:20px}.sec2 .report1 .scoretext .score1{margin:0;font-style:normal;font-weight:500;font-size:48px;line-height:120%;color:#3b589e}.sec2 .report1 .scoretext .score2{margin:0;font-style:normal;font-weight:400;font-size:16px;line-height:120%;color:#aaa}.sec2 .report1 .divblock{background:#fff;box-shadow:0px 4px 14px rgba(0,0,0,.08),0px 4px 14px rgba(0,0,0,.08);border-radius:16px;width:85%}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .divblock i{font-size:22px}}.sec2 .report1 .divblock p{font-style:normal;font-weight:600;font-size:18px;line-height:120%}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .divblock p{font-size:14px}}.sec2 .report1 .listtextblock1 li{font-style:normal;font-weight:600;font-size:24px;line-height:120%;color:#3b589e}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .listtextblock1 li{font-size:18px}}.sec2 .report1 .listtextblock2 li{font-style:normal;font-weight:600;font-size:24px;line-height:120%;color:#fdca3a}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .listtextblock2 li{font-size:18px}}.sec2 .report1 .lasttimetest{font-style:normal;font-weight:400;font-size:16px;line-height:120%;color:#aaa}.sec2 .report1 .btnselcchart .dropdown a{background:linear-gradient(0deg, #004EAF, #004EAF),linear-gradient(180deg, rgba(0, 0, 0, 0) 60.94%, rgba(200, 200, 200, 0.2) 100%),#fff;box-shadow:0px 4px 4px rgba(0,0,0,.25);border-radius:6px}.sec2 .report1 .footerchartselc{padding:0 110px}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .footerchartselc{padding:0 10px}}@media screen and (min-width: 992px)and (max-width: 1199px){.sec2 .report1 .footerchartselc{padding:0 26px}}@media screen and (min-width: 1200px)and (max-width: 1399px){.sec2 .report1 .footerchartselc{padding:0 50px}}.sec2 .report1 .footerchartselc .selc1{cursor:pointer;padding:12px 0;box-shadow:0px 4px 16px rgba(0,0,0,.14);border-radius:8px}.sec2 .report1 .footerchartselc .selc1 .blockcolor{background:#004eaf;margin:4px 8px;border-radius:6px}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .footerchartselc .selc1 .blockcolor{margin:4px 5px}}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .footerchartselc .selc1 .textdetail{padding:0}}.sec2 .report1 .footerchartselc .selc1 .textdetail p{line-height:100%}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .footerchartselc .selc1 .textdetail p{font-size:14px}}.sec2 .report1 .footerchartselc .selc2{cursor:pointer;padding:12px 0;box-shadow:0px 4px 16px rgba(0,0,0,.14);border-radius:8px}.sec2 .report1 .footerchartselc .selc2 .blockcolor{background:#df2946;margin:4px 8px;border-radius:6px}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .footerchartselc .selc2 .blockcolor{margin:4px 5px}}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .footerchartselc .selc2 .textdetail{padding:0}}.sec2 .report1 .footerchartselc .selc2 .textdetail p{line-height:100%}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report1 .footerchartselc .selc2 .textdetail p{font-size:14px}}.sec2 .repostdetail .row.card{box-shadow:0px 4px 16px rgba(0,0,0,.14)}.sec2 .repostdetail .row.card .detail .titleth1{font-style:normal;font-weight:400;font-size:18px;line-height:100%;background:linear-gradient(4.63deg, #001967 20.55%, #032473 25.13%, #0F4DA2 55.16%, #1C7DD8 71.44%),rgba(0,0,0,.3215686275);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sec2 .repostdetail .row.card .detail .titleen1{font-style:normal;font-weight:600;font-size:40px;line-height:100%;background:linear-gradient(4.63deg, #001967 20.55%, #032473 25.13%, #0F4DA2 55.16%, #1C7DD8 71.44%),rgba(0,0,0,.3215686275);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sec2 .repostdetail .row.card .detail .titleth2{font-style:normal;font-weight:400;font-size:18px;line-height:100%;background:linear-gradient(0deg, #458BE3 12.81%, #509DEE 18.32%, #6ABDE8 54.48%, #85DDE3 74.1%),rgba(0,0,0,.3215686275);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sec2 .repostdetail .row.card .detail .titleen2{font-style:normal;font-weight:600;font-size:40px;line-height:100%;background:linear-gradient(0deg, #458BE3 12.81%, #509DEE 18.32%, #6ABDE8 54.48%, #85DDE3 74.1%),rgba(0,0,0,.3215686275);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sec2 .repostdetail .row.card .detail .titleth3{font-style:normal;font-weight:400;font-size:18px;line-height:100%;background:linear-gradient(360deg, #FFA135 21.05%, #FFA735 25.67%, #FFCB38 55.95%, #FFD93A 72.37%),rgba(0,0,0,.3215686275);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sec2 .repostdetail .row.card .detail .titleen3{font-style:normal;font-weight:600;font-size:40px;line-height:100%;background:linear-gradient(360deg, #FFA135 21.05%, #FFA735 25.67%, #FFCB38 55.95%, #FFD93A 72.37%),rgba(0,0,0,.3215686275);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sec2 .report3 .tabbar{border-bottom:1px solid #cfd8dc}.sec2 .report3 .tabbar .tabbaractive{color:#fff;background:#004eaf;border:none !important}.sec2 .report3 .tabbar .tabbaractive:hover{color:#000}.sec2 .report3 .tabbar .btndetail{cursor:pointer;border-left:2px solid #ddd;border-right:2px solid #ddd;border-top:2px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px}@media screen and (min-width: 320px)and (max-width: 428px){.sec2 .report3 .tabbar .btndetail{font-size:14px}}.sec2 .report3 .tabbar .btnreccourse{cursor:pointer;border-left:2px solid #ddd;border-right:2px solid #ddd;border-top:2px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px}@media screen and (min-width: 320px)and (max-width: 428px){.sec2 .report3 .tabbar .btnreccourse{font-size:14px}}.sec2 .report3 .title .title1{font-style:normal;font-weight:600;font-size:40px;line-height:120%}.sec2 .report3 .title .title2{font-style:normal;font-weight:400;font-size:18px;line-height:160%}.sec2 .report3 .detailpercent .content{background:#fff;border:1px solid #ebebeb;box-shadow:0px 4px 14px rgba(0,0,0,.08);border-radius:24px}.sec2 .report3 .detailpercent .content .textbtndiv .textdiv .text1{font-style:normal;font-weight:600;font-size:24px;line-height:120%}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report3 .detailpercent .content .textbtndiv .textdiv .text1{font-size:18px}}.sec2 .report3 .detailpercent .content .textbtndiv .textdiv .text2{font-style:normal;font-weight:300;font-size:18px;line-height:120%}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report3 .detailpercent .content .textbtndiv .textdiv .text2{font-size:14px}}.sec2 .report3 .detailpercent .content .textbtndiv .btndiv .btnadv{color:#004eaf;border:1px solid #004eaf;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));border-radius:24px}@media screen and (min-width: 320px)and (max-width: 991px){.sec2 .report3 .detailpercent .content .textbtndiv .btndiv .btnadv{font-size:14px}}.sec2 .report3 .detailpercent .content .textbtndiv .btndiv .btnadv:hover{background:#004eaf;color:#fff}.sec2 .report3 .detailpercent .content .progress{background:#ededed;border-radius:17px;position:relative;width:91.66666667%;height:18px}.sec2 .report3 .detailpercent .content .progress .progress-bar{border-radius:17px}.sec2 .report3 .detailpercent .content .progress .bar-step{position:absolute;margin-top:-20px;z-index:1;font-size:12px}.sec2 .report3 .detailpercent .content .progress .label-txt{float:left}.sec2 .report3 .detailpercent .content .progress .label-line{float:right;background:#ddd;height:50px;width:1px;margin-left:5px}.sec2 .report3 .detailpercent .content .progress .label-percent{float:right;margin-left:5px}.sec2 .report3 .detailpercent .content .progress .progress-bar-textval{font-style:normal;font-weight:500;font-size:18px;line-height:120%}.sec2 .report3 .detailpercent .content .readmoredetail button{padding:0px 12px;left:270px;border:2px solid #e1e1e1;border-radius:25px;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 0px 13px rgba(0,0,0,.08)}@media screen and (min-width: 320px)and (max-width: 413px){.sec2 .report3 .detailpercent .content .readmoredetail button{left:137px}}@media screen and (min-width: 414px)and (max-width: 427px){.sec2 .report3 .detailpercent .content .readmoredetail button{left:156px}}@media screen and (min-width: 428px)and (max-width: 767px){.sec2 .report3 .detailpercent .content .readmoredetail button{left:160px}}@media screen and (min-width: 768px)and (max-width: 991px){.sec2 .report3 .detailpercent .content .readmoredetail button{left:120px}}@media screen and (min-width: 992px)and (max-width: 1199px){.sec2 .report3 .detailpercent .content .readmoredetail button{left:175px}}@media screen and (min-width: 1200px)and (max-width: 1399px){.sec2 .report3 .detailpercent .content .readmoredetail button{left:232px}}.sec2 .report3 .detailpercent .content .readmoredetail button i{color:#757575}.sec2 .report3 .detailpercent .content .textdetail{position:relative}.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction{left:256px}.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext{left:265px;padding:0px 12px;border:2px solid #e1e1e1;border-radius:25px;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 0px 13px rgba(0,0,0,.08)}@media screen and (min-width: 320px)and (max-width: 413px){.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext{left:137px}}@media screen and (min-width: 414px)and (max-width: 427px){.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext{left:156px}}@media screen and (min-width: 428px)and (max-width: 767px){.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext{left:160px}}@media screen and (min-width: 768px)and (max-width: 991px){.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext{left:120px}}@media screen and (min-width: 992px)and (max-width: 1199px){.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext{left:175px}}@media screen and (min-width: 1200px)and (max-width: 1399px){.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext{left:232px}}.sec2 .report3 .detailpercent .content .textdetail .closedetailbtn .btnaction .moretext i{color:#757575}.sec2 .report3 .reccourse .courselist .coursediv img{border-top-left-radius:8px;border-top-right-radius:8px;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.08))}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo{background:#fff;border:1px solid #e1e1e1;border-bottom-left-radius:8px;border-bottom-right-radius:8px;filter:drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.08))}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .coursename{color:#5e4481;font-style:normal;font-weight:600;font-size:16px;line-height:140%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .coursedate{font-style:normal;font-weight:400;font-size:14px;line-height:120%;color:#757575}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .lang{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#5a457d}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .courseprice{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10ca39}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .coursefooter .iconinfo img{cursor:pointer;width:100%}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .coursefooter .iconinfo p{font-weight:400;font-size:16px;color:#757575}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .coursefooter .btnaction .opencourse{padding:6px 12px;border-radius:50px;border:1px solid #e1e1e1;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));color:#757575}.sec2 .report3 .reccourse .courselist .coursediv .courseinfo .coursefooter .btnaction .opencourse:hover{background-color:#5d457c;color:#fff;border:1px solid rgba(255,255,255,0)}@media screen and (min-width: 320px)and (max-width: 1400px){#assessmentchart{height:390px !important}}.report2 .titlereport2{font-style:normal;font-weight:600;font-size:32px;line-height:120%}.report2 .resulttext .result1{background:#fff;box-shadow:0px 4px 16px rgba(0,0,0,.14);border-radius:32px}.report2 .resulttext .result1 .titleresult1{font-style:normal;font-weight:400;font-size:16px;line-height:100%;background:linear-gradient(4.63deg, #001967 20.55%, #032473 25.13%, #0F4DA2 55.16%, #1C7DD8 71.44%),#000;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0)}.report2 .resulttext .result1 .titleresult2{font-style:normal;font-weight:600;font-size:40px;line-height:100%;background:linear-gradient(4.63deg, #001967 20.55%, #032473 25.13%, #0F4DA2 55.16%, #1C7DD8 71.44%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0);text-shadow:0px 4px 14px rgba(0,0,0,.08)}.report2 .resulttext .result2{background:#fff;box-shadow:0px 4px 16px rgba(0,0,0,.14);border-radius:32px}.report2 .resulttext .result2 .titleresult1{font-style:normal;font-weight:400;font-size:16px;line-height:100%;background:linear-gradient(0deg, #458BE3 12.81%, #509DEE 18.32%, #6ABDE8 54.48%, #85DDE3 74.1%),#000;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0)}.report2 .resulttext .result2 .titleresult2{font-style:normal;font-weight:600;font-size:40px;line-height:100%;background:linear-gradient(0deg, #458BE3 12.81%, #509DEE 18.32%, #6ABDE8 54.48%, #85DDE3 74.1%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0);text-shadow:0px 4px 14px rgba(0,0,0,.08)}.report2 .resulttext .result3{background:#fff;box-shadow:0px 4px 16px rgba(0,0,0,.14);border-radius:32px}.report2 .resulttext .result3 .titleresult1{font-style:normal;font-weight:400;font-size:16px;line-height:100%;background:linear-gradient(360deg, #FFA135 21.05%, #FFA735 25.67%, #FFCB38 55.95%, #FFD93A 72.37%),#000;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0)}.report2 .resulttext .result3 .titleresult2{font-style:normal;font-weight:600;font-size:40px;line-height:100%;background:linear-gradient(360deg, #FFA135 21.05%, #FFA735 25.67%, #FFCB38 55.95%, #FFD93A 72.37%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0);text-shadow:0px 4px 14px rgba(0,0,0,.08)}.questionnairediv{margin-bottom:126px;margin-top:126px}.questionnairediv .imgheader .imghead{height:0}.questionnairediv .imgheader .imghead img{top:-85px;right:0}.questionnairediv .imgheader .titlehead .headsectiontext{border-radius:24px;background:#fff;color:#3fabf5;font-size:16px;font-family:Kanit;font-weight:500;line-height:24px;letter-spacing:.08px;position:absolute;margin:15px;padding:2px 14px;border:2px solid}.questionnairediv .textheader{padding-top:90px}.questionnairediv .textheader .tx1{color:#000;font-size:36px;font-family:Kanit;font-weight:600;line-height:120%}@media screen and (min-width: 320px)and (max-width: 480px){.questionnairediv .textheader .tx1{font-size:20px}}.questionnairediv .textheader .tx2{color:#717171;text-align:center;font-size:16px;font-family:Kanit;line-height:140%}@media screen and (min-width: 320px)and (max-width: 480px){.questionnairediv .textheader .tx2{font-size:14px}}.questionnairediv .textheader .progressstatus{margin-left:500px;margin-right:500px}@media screen and (min-width: 320px)and (max-width: 680px){.questionnairediv .textheader .progressstatus{margin-left:120px;margin-right:120px}}@media screen and (min-width: 681px)and (max-width: 991px){.questionnairediv .textheader .progressstatus{margin-left:220px;margin-right:220px}}.questionnairediv .textheader .progressstatus .statustab1,.questionnairediv .textheader .progressstatus .statustab2{height:8px;border-radius:6px;background:#ddd}.questionnairediv .textheader .progressstatus .statustab1.active,.questionnairediv .textheader .progressstatus .statustab2.active{background:#3fabf5}.questionnairediv .firtsection .hrline{margin-left:90px;margin-right:90px;background:#b7b7b7}@media screen and (min-width: 320px)and (max-width: 1200px){.questionnairediv .firtsection .hrline{margin-left:20px;margin-right:20px}}.questionnairediv .firtsection .bodysection{margin-left:250px;margin-right:250px}@media screen and (min-width: 320px)and (max-width: 1200px){.questionnairediv .firtsection .bodysection{margin-left:20px;margin-right:20px}}.questionnairediv .firtsection .bodysection p{color:#717171;text-align:center;font-size:16px;font-family:Kanit;font-weight:300;line-height:160%}.questionnairediv .firtsection .bodysection .detailstudent .headtext{color:#000;font-size:18px;font-family:Kanit;font-weight:500;line-height:140%}.questionnairediv .firtsection .bodysection .detailstudent .stuiden{padding:12px 20px;border-radius:16px;border:1px solid #ebebeb;box-shadow:0px 4px 14px 0px rgba(63,171,245,.25);margin-left:180px;margin-right:180px}@media screen and (min-width: 320px)and (max-width: 480px){.questionnairediv .firtsection .bodysection .detailstudent .stuiden{margin:0;padding:4px 4px}}@media screen and (min-width: 768px)and (max-width: 820px){.questionnairediv .firtsection .bodysection .detailstudent .stuiden{margin-left:130px;margin-right:130px;padding:4px 4px}}.questionnairediv .firtsection .bodysection .detailstudent .stuiden .stuimg{width:72px;height:72px;flex-shrink:0}.questionnairediv .firtsection .bodysection .detailstudent .stuiden .stuname{color:#000;font-size:18px;font-family:Kanit;font-weight:500;line-height:140%}.questionnairediv .firtsection .bodysection .detailstudent .stuiden .stutype{color:#717171;font-size:18px;font-family:Kanit;font-weight:500;line-height:140%}.questionnairediv .firtsection .footsection a{padding:10px 78px;background-color:#3fabf5;color:#fff;border-color:#3fabf5;border-radius:8px;color:#fff;text-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1);font-size:16px;font-family:Kanit;font-weight:500;line-height:24px;letter-spacing:.08px}@media screen and (min-width: 320px)and (max-width: 395px){.questionnairediv .firtsection .footsection a{padding:10px 40px}}.questionnairediv .secsection .coursequestion{margin-left:100px;margin-right:100px}@media screen and (min-width: 320px)and (max-width: 991px){.questionnairediv .secsection .coursequestion{margin-left:10px;margin-right:10px}}.questionnairediv .secsection .coursequestion .question .noquestion{color:#fff;text-align:center;font-size:16px;font-family:Kanit;line-height:175%;width:30px;height:30px;flex-shrink:0;border-radius:30px;background:#3fabf5}.questionnairediv .secsection .coursequestion .question .textquestion{padding-left:20px;color:#000;font-size:16px;font-family:Kanit;font-weight:600;line-height:140%}.questionnairediv .secsection .coursequestion .answer .selectact{border-color:#3fabf5 !important}.questionnairediv .secsection .coursequestion .answer .selectact i,.questionnairediv .secsection .coursequestion .answer .selectact p{color:#3fabf5 !important}.questionnairediv .secsection .coursequestion .answer .col{cursor:pointer}.questionnairediv .secsection .coursequestion .answer .c-1,.questionnairediv .secsection .coursequestion .answer .c-2,.questionnairediv .secsection .coursequestion .answer .c-3,.questionnairediv .secsection .coursequestion .answer .c-4,.questionnairediv .secsection .coursequestion .answer .c-5{border:1px solid #ebebeb}.questionnairediv .secsection .coursequestion .answer .c-1 i,.questionnairediv .secsection .coursequestion .answer .c-2 i,.questionnairediv .secsection .coursequestion .answer .c-3 i,.questionnairediv .secsection .coursequestion .answer .c-4 i,.questionnairediv .secsection .coursequestion .answer .c-5 i{color:#aaa}@media screen and (min-width: 320px)and (max-width: 680px){.questionnairediv .secsection .coursequestion .answer .c-1 i,.questionnairediv .secsection .coursequestion .answer .c-2 i,.questionnairediv .secsection .coursequestion .answer .c-3 i,.questionnairediv .secsection .coursequestion .answer .c-4 i,.questionnairediv .secsection .coursequestion .answer .c-5 i{font-size:14px}}@media screen and (min-width: 681px)and (max-width: 820px){.questionnairediv .secsection .coursequestion .answer .c-1 i,.questionnairediv .secsection .coursequestion .answer .c-2 i,.questionnairediv .secsection .coursequestion .answer .c-3 i,.questionnairediv .secsection .coursequestion .answer .c-4 i,.questionnairediv .secsection .coursequestion .answer .c-5 i{font-size:18px}}.questionnairediv .secsection .coursequestion .answer .c-1 p,.questionnairediv .secsection .coursequestion .answer .c-2 p,.questionnairediv .secsection .coursequestion .answer .c-3 p,.questionnairediv .secsection .coursequestion .answer .c-4 p,.questionnairediv .secsection .coursequestion .answer .c-5 p{color:#aaa;font-size:14px;font-family:Kanit;font-weight:300;line-height:140%}@media screen and (min-width: 320px)and (max-width: 430px){.questionnairediv .secsection .coursequestion .answer .c-1 p,.questionnairediv .secsection .coursequestion .answer .c-2 p,.questionnairediv .secsection .coursequestion .answer .c-3 p,.questionnairediv .secsection .coursequestion .answer .c-4 p,.questionnairediv .secsection .coursequestion .answer .c-5 p{font-size:10px}}.questionnairediv .secsection .coursequestion .answer .c-1{border-top-left-radius:15px;border-bottom-left-radius:15px}.questionnairediv .secsection .coursequestion .answer .c-5{border-top-right-radius:15px;border-bottom-right-radius:15px}.questionnairediv .secsection .btnact a{padding:10px 78px;background-color:#3fabf5;color:#fff;border-color:#3fabf5;border-radius:8px;color:#fff;text-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1);font-size:16px;font-family:Kanit;font-weight:500;line-height:24px;letter-spacing:.08px}.questionnairediv .thirdsection .coursequestion{margin-left:100px;margin-right:100px;padding-bottom:20px}@media screen and (min-width: 320px)and (max-width: 991px){.questionnairediv .thirdsection .coursequestion{margin-left:10px;margin-right:10px}}.questionnairediv .thirdsection .coursequestion .question{padding-bottom:20px}.questionnairediv .thirdsection .coursequestion .question .noquestion{color:#fff;text-align:center;font-size:16px;font-family:Kanit;line-height:175%;width:30px;height:30px;flex-shrink:0;border-radius:30px;background:#3fabf5}.questionnairediv .thirdsection .coursequestion .question .textquestion{padding-left:20px;color:#000;font-size:16px;font-family:Kanit;font-weight:600;line-height:140%}.questionnairediv .thirdsection .coursequestion .answer .inputrange .no-spin::-webkit-inner-spin-button,.questionnairediv .thirdsection .coursequestion .answer .inputrange .no-spin::-webkit-outer-spin-button,.questionnairediv .thirdsection .coursequestion .answer .inputsgrange .no-spin::-webkit-inner-spin-button,.questionnairediv .thirdsection .coursequestion .answer .inputsgrange .no-spin::-webkit-outer-spin-button{-webkit-appearance:none !important;margin:0 !important}.questionnairediv .thirdsection .coursequestion .answer .inputrange .no-spin,.questionnairediv .thirdsection .coursequestion .answer .inputsgrange .no-spin{-moz-appearance:textfield !important}.questionnairediv .thirdsection .coursequestion .answer .titleanswer{padding:0 16px}@media screen and (min-width: 320px)and (max-width: 820px){.questionnairediv .thirdsection .coursequestion .answer .titleanswer{padding:0px}}.questionnairediv .thirdsection .coursequestion .answer .titleanswer .checkboxanswer,.questionnairediv .thirdsection .coursequestion .answer .titleanswer .checkboxlistanswer{width:25px;height:25px}.questionnairediv .thirdsection .coursequestion .answer .titleanswer p{color:#000;font-size:16px;font-family:Kanit;line-height:140%}.questionnairediv .thirdsection .coursequestion .answer .inputrange,.questionnairediv .thirdsection .coursequestion .answer .inputsgrange{padding:10px 24px 10px 50px}@media screen and (min-width: 320px)and (max-width: 420px){.questionnairediv .thirdsection .coursequestion .answer .inputrange{padding:10px 10px 10px 10px}}@media screen and (min-width: 320px)and (max-width: 420px){.questionnairediv .thirdsection .coursequestion .answer .inputsgrange{padding:10px 20px 10px 20px}}.questionnairediv .thirdsection .btnact a{padding:10px 78px;background-color:#3fabf5;color:#fff;border-color:#3fabf5;border-radius:8px;color:#fff;text-shadow:0px 4px 14px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.1);font-size:16px;font-family:Kanit;font-weight:500;line-height:24px;letter-spacing:.08px}@media screen and (min-width: 320px)and (max-width: 395px){.questionnairediv .thirdsection .btnact a{padding:10px 40px}}.questionnairediv .fourthsection{padding:80px 0}.questionnairediv .fourthsection .hrline{margin-left:90px;margin-right:90px;background:#b7b7b7}@media screen and (min-width: 320px)and (max-width: 991px){.questionnairediv .fourthsection .hrline{margin-left:10px;margin-right:10px}}.questionnairediv .fourthsection .detail .t1{color:#10ca39;text-align:center;font-size:32px;font-family:Kanit;font-weight:600;line-height:140%}.questionnairediv .fourthsection .detail .t2{color:#757575;text-align:center;font-size:24px;font-family:Kanit;line-height:140%}.questionnairediv .fourthsection .detail .btn{width:370px;height:42px;flex-shrink:0;color:#fff;text-align:center;background-color:#3fabf5;font-size:16px;font-family:Kanit;font-weight:500;line-height:24px;letter-spacing:.08px}@media screen and (min-width: 320px)and (max-width: 420px){.questionnairediv .fourthsection .detail .btn{width:100%}}.answerrange,.answersgrange{height:10px}.answerrange .noUi-connect,.answersgrange .noUi-connect{background:#3fabf5}.answerrange .noUi-handle,.answersgrange .noUi-handle{height:26px;width:26px;top:-10px;right:-11px;border-radius:18px}.answerrange .noUi-handle::after,.answersgrange .noUi-handle::after{left:10px}.answerrange .noUi-pips.noUi-pips-horizontal .noUi-marker.noUi-marker-horizontal.noUi-marker-large,.answersgrange .noUi-pips.noUi-pips-horizontal .noUi-marker.noUi-marker-horizontal.noUi-marker-large{height:8px}.answerrange .noUi-pips.noUi-pips-horizontal .noUi-value.noUi-value-horizontal.noUi-value-large,.answersgrange .noUi-pips.noUi-pips-horizontal .noUi-value.noUi-value-horizontal.noUi-value-large{top:4px}input[type=checkbox]{border-color:#000;border:3px solid #000}.form-check-input:checked{background-color:#3fabf5;border-color:#3fabf5}@media print{@page{size:2430px 3400px}html{margin:-90px 0px;zoom:140%;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.btnselcchart,.navbar,footer,.foot-cookie,.icon-wrap-ck,.progress-wrap,#content-1,.contect-line,.contect-fb,.contact-chat.ttip,.menu-bar-overflow,.sharebtn,.printbtn,.carousel-control-prev,.carousel-control-next,.readmoredetail,.btnadv{display:none !important}.carousel-item.active{background-size:contain !important}}.navi{filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.14))}.navi .navis4l{position:relative;display:flex;align-items:center;color:#5e4481;height:40px;background:#f2f7fb;border-radius:4px 0px 0px 4px;padding-left:21px;padding-right:10px}.navi .navis4l.bf:before{content:" ";height:0;width:0;position:absolute;right:-14.5px;border-style:solid;border-width:20px 0 20px 13px;border-color:rgba(0,0,0,0) #757575;z-index:10}.navi .navis4l.bf:after{content:" ";height:0;width:0;position:absolute;right:-13px;border-style:solid;border-width:20px 0 20px 13px;border-color:rgba(0,0,0,0) #f2f7fb;z-index:10}.navi .navis4l.now{color:#757575;background:#f2f7fb;border-radius:0px}.navi .navis4l.now::after{content:" ";height:0;width:0;position:absolute;right:-13px;border-style:solid;border-width:20px 0 20px 13px;border-color:rgba(0,0,0,0) #f2f7fb;z-index:10}/*# sourceMappingURL=style.css.map */