.w-80{width:80%}.w-90{width:90%}#camera{position:relative}#camera div{cursor:pointer}#camera span{position:absolute;border-radius:50%;bottom:20px;left:0;right:0;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center}#camera span:first-of-type{background:#fff;width:80px;height:80px}#camera span:nth-of-type(2){background:#000;bottom:24px;width:72px;height:72px}#camera span:last-of-type{background:#fff;bottom:28px;width:64px;height:64px}.stuid{font-style:normal;font-weight:400;font-size:34px}.passsuggest{font-style:normal;font-weight:300;font-size:12px;color:#999}.selectch{background-color:#dcdcdc}.section1 div div i{color:#f8d556;transform:rotateX(45deg)}.section1 div div div p.titletext{font-style:normal;font-weight:600;font-size:32px;color:#102656;margin-bottom:0}.section1 div div div p span.text-g{font-style:normal;font-weight:500;color:#aaa}.section1 div div div p span.texttotalcourse{font-style:normal;font-weight:500;color:#e8284d}.section1 div div div a{box-shadow:0px 2px 4px rgba(0,0,0,.25);font-style:normal;font-weight:500;font-size:20px}.section2 .title h2,.section3 .title h2,.section4 .title h2{font-style:normal;font-weight:600;font-size:32px;color:#102656;margin-bottom:0}.section2 .title p,.section3 .title p,.section4 .title p{font-style:normal;font-weight:300;font-size:20px;color:dimgray}.btn-cert{font-style:normal;font-weight:500;font-size:20px;background:#eaffee !important;color:#10ca39 !important;border:1px solid #d5f9dc;box-shadow:0px 2px 2px rgba(0,0,0,.25)}.prevmain{font-style:normal;font-weight:500;font-size:20px;color:#102656}.gotocourse .btngotocourse{font-style:normal;font-weight:500;font-size:20px}.coursevideo{padding-bottom:10px}.coursevideo .title h2{font-style:normal;font-weight:600;font-size:24px}.coursevideo .title .detail div p .ep1{font-style:normal;font-weight:500;font-size:18px;color:#aaa}.coursevideo .title .detail div p .ep2{font-style:normal;font-weight:500;font-size:20px;color:#102656}.coursevideo .title .detail div p{font-style:normal;font-weight:500;font-size:18px;color:#10ca39}.coursevideo .btn-testlesson{background:#102656;border-radius:8px;font-style:normal;font-weight:500;font-size:20px}.lessondetail .lessontitle p{font-style:normal;font-weight:500;font-size:24px;line-height:26px}.lessonvideo{border:1px solid;border-radius:12px}.lessonvideo .plyr{display:flex !important;height:100% !important;width:100% !important;margin-left:0%;margin-top:0% !important;border-top-left-radius:10px;border-top-right-radius:10px}.lessonvideo .videosection .accordion .accordion-item{border-radius:10px}.lessonvideo .videosection .accordion .accordion-item .accordion-button{background-color:#e8284d;color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;font-style:normal;font-weight:500;font-size:20px}.lessonvideo .videosection .accordion .accordion-item .accordion-body div.row div p{font-style:normal;font-weight:400;font-size:18px;color:dimgray}.lessonvideo .videosection .accordion .accordion-item .accordion-body div.row div p.timestamp{font-style:normal;font-weight:400;font-size:18px;color:#102656}.testlesson{padding-bottom:25px}.testlesson .titletestlesson{font-style:normal;font-weight:600;font-size:24px}.testlesson .testquestion .testqtitle{font-style:normal;font-weight:600;font-size:32px;color:#182650}.testlesson .testquestion form .qs{box-shadow:0px 0px 8px rgba(0,0,0,.25);border-radius:16px;background-color:#fff}.testlesson .testquestion form .qs .questiontitle{font-style:normal;font-weight:500;font-size:24px}.testlesson .testquestion form .qs .questionchoice label{font-style:normal;font-weight:400;font-size:20px;border:1px solid #cbcbcb;filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));border-radius:7px;margin-bottom:6px}.testlesson .submittest{background:#e8284d;border-radius:8px;font-style:normal;font-weight:500;font-size:20px}.section7 .titlecname a{background:#fff;box-shadow:0px 0px 4px rgba(0,0,0,.25);border-radius:45px;font-style:normal;font-weight:500;font-size:24px;color:#e8284d}.section7 .titledetailresult .score .imgcelebration{position:relative}.section7 .titledetailresult .score .imgcelebration img{position:absolute;left:0;width:100%;top:-90px}.section7 .titledetailresult h2{font-style:normal;font-weight:500;font-size:32px;color:#102656;margin:0}.section7 .titledetailresult h1{font-style:normal;font-weight:500;font-size:48px;color:#102656;margin:0}.section7 .titledetailresult p{font-style:normal;font-weight:500;font-size:18px;color:#102656;margin:0}.section7 .titledetailresult .btnaction .btncert{background:#e8284d;border-radius:8px;font-style:normal;font-weight:500;font-size:20px;color:#fff}.section7 .titledetailresult .btnaction .btngotocoursec{background:#e8284d;border-radius:8px;font-style:normal;font-weight:500;font-size:20px;color:#fff}.section7 .titledetailresult .resultselect .titleresultselect{font-style:normal;font-weight:500;font-size:24px;color:#182650}.section7 .titledetailresult .resultselect .qs{box-shadow:0px 0px 8px rgba(0,0,0,.25);border-radius:16px;background-color:#fff}.section7 .titledetailresult .resultselect .qs .questiontitle{font-style:normal;font-weight:500;font-size:24px}.section7 .titledetailresult .resultselect .qs .questionchoice div.w-100{font-style:normal;font-weight:400;font-size:20px;border:1px solid #cbcbcb;filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));border-radius:7px;margin-bottom:6px}.blockforgotpass .title h3{font-style:normal;font-weight:600;font-size:20px}.blockforgotpass .title2 p{font-style:normal;font-weight:400;font-size:16px}.blockforgotpass .step-1 .inputdetail .text1{font-style:normal;font-weight:500;font-size:16px}.blockforgotpass .step-1 .inputdetail .text2{font-style:normal;font-weight:400;font-size:16px}.blockforgotpass .step-2 .inputdetail .text1{font-style:normal;font-weight:500;font-size:16px}.blockforgotpass .step-2 .inputdetail li{font-style:normal;font-weight:500;font-size:16px}.blockforgotpass .step-3 .inputdetail .text1{font-style:normal;font-weight:500;font-size:16px}.blockforgotpass .step-3 .inputdetail li{font-style:normal;font-weight:500;font-size:16px}.profiledetail .banerimgprofile .banerimg{width:100%;height:130px;-o-object-fit:cover;object-fit:cover}.profiledetail .banerimgprofile .profileimg{position:relative;height:115px}.profiledetail .banerimgprofile .profileimg img{position:absolute;width:173px;height:173px;top:-67px;left:30%;-o-object-fit:cover;object-fit:cover;border:8px solid #fff}.profiledetail .stuname .nameth .name{font-style:normal;font-weight:600;font-size:32px}.profiledetail .stuname .nameth .status{font-style:normal;font-weight:400;font-size:18px;color:#999}.profiledetail .accountdetail{background:#f7f7f7;border:1px solid #e1e1e1;border-radius:8px}.profiledetail .accountdetail .leacc{font-style:normal;font-weight:400;font-size:20px}.profiledetail .accountdetail .leacc .leacc1{color:#e8284d}.profiledetail .accountdetail .stuid2{font-style:normal;font-weight:400;font-size:20px}.profiledetail .accountdetail .stuid2 .stuid21{color:#e8284d}.profiledetail .actionbtn .btncert button{font-style:normal;font-weight:500;font-size:20px;background:#e8284d}.courselist .title1 h1{font-style:normal;font-weight:600;font-size:32px}.courselist .inprogresscourselist .row p i{color:#f8d556;transform:rotateX(45deg)}.courselist .inprogresscourselist .row .title2{font-style:normal;font-weight:600;font-size:24px;color:#102656}.courselist .donecourselist .row p i{color:#f8d556;transform:rotateX(45deg)}.courselist .donecourselist .row .title2{font-style:normal;font-weight:600;font-size:24px;color:#102656}.courselist .btnaction2 .morecourselist{font-style:normal;font-weight:500;font-size:20px}.cert .headercert{background-image:url(../images/background/bgresult.png);background-size:cover}.cert .headercert .title{font-style:normal;font-weight:600;font-size:32px;color:#182650}.cert .detailcert .card{box-shadow:0px 4px 4px rgba(0,0,0,.25)}.cert .detailcert .card .certcardtitle{font-style:normal;font-weight:400;font-size:24px;color:#182650}.cert .detailcert .card .cardfooter .score{font-style:normal;font-weight:300;font-size:20px;color:#182650}.cert .btn-action-cert .backtocourse{font-style:normal;font-weight:500;font-size:20px;background:#e8284d}.content1{padding:64px 0}.content1 .divvideo{background-image:url(../images/element1.png);background-size:cover;background-repeat:no-repeat;background-origin:content-box;height:550px}@media screen and (min-width: 280px)and (max-width: 375px){.content1 .divvideo{height:320px}}@media screen and (min-width: 375px)and (max-width: 390px){.content1 .divvideo{height:320px}}@media screen and (min-width: 391px)and (max-width: 430px){.content1 .divvideo{height:360px}}@media screen and (min-width: 768px)and (max-width: 930px){.content1 .divvideo{height:288px}}@media screen and (min-width: 931px)and (max-width: 1366px){.content1 .divvideo{height:394px}}.content1 .divvideo .plyr{bottom:152px;left:94px;width:72%;position:absolute;border-radius:10px}@media screen and (min-width: 240px)and (max-width: 430px){.content1 .divvideo .plyr{bottom:102px;left:68px}}@media screen and (min-width: 768px)and (max-width: 930px){.content1 .divvideo .plyr{bottom:212px;left:50px}}@media screen and (min-width: 931px)and (max-width: 1280px){.content1 .divvideo .plyr{bottom:114px;left:78px}}@media screen and (min-width: 1281px)and (max-width: 1400px){.content1 .divvideo .plyr{bottom:218px;left:92px}}.content1 .textdiv{padding:84px}@media screen and (min-width: 240px)and (max-width: 430px){.content1 .textdiv{padding:46px}}@media screen and (min-width: 768px)and (max-width: 1180px){.content1 .textdiv{padding:10px}}.content1 .textdiv .title1{font-style:normal;font-weight:600;font-size:56px;color:#df2946;line-height:100%}.content1 .textdiv .title2{font-style:normal;font-weight:600;font-size:56px;line-height:100%;padding-left:130px}.content1 .textdiv .textdetail{font-style:normal;font-weight:300;font-size:18px;text-align:justify}.content2{background:linear-gradient(180deg, rgba(224, 224, 224, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),#ececec}.content2 .titlediv{background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(244, 244, 244, 0.2) 100%),#f7f7f7;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:29px;width:178px;height:58px}.content2 .titlediv p{font-style:normal;font-weight:500;font-size:18px}.content2 .cardsp{width:182px;height:182px;background:#fff;box-shadow:0px 4px 14px rgba(0,0,0,.08);border-radius:12px;position:relative}@media screen and (min-width: 240px)and (max-width: 430px){.content2 .cardsp{height:92px}}.content2 .cardsp img{position:absolute;width:100%}.content3{background:linear-gradient(180deg, rgba(137, 98, 170, 0) 0%, rgba(137, 98, 170, 0.8) 100%),#5e4481}.content3 .textdiv{padding:84px}@media screen and (min-width: 240px)and (max-width: 430px){.content3 .textdiv{padding:46px}}@media screen and (min-width: 768px)and (max-width: 1180px){.content3 .textdiv{padding:10px}}.content3 .textdiv .text1{font-weight:600;font-size:48px;line-height:100%;color:#fff}.content3 .textdiv .text2{font-weight:600;font-size:48px;line-height:100%;color:#ffd530}.content3 .textdiv .textdetail{font-style:normal;font-weight:300;font-size:18px;text-align:justify;color:#fff}.content4{background:linear-gradient(180deg, rgba(224, 224, 224, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),#ececec}.content4 #news-slider .card-body .contentname{color:#000}.content4 #news-slider .card-body .card-text{font-style:normal;font-weight:600;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.content4 #news-slider .card-body .sfbbtndiv{width:40px;height:40px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(244, 244, 244, 0.2) 100%),#f7f7f7;border:1px solid #e1e1e1;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:50px}.content4 #news-slider .card-body .sfbbtndiv i{color:#757575}.content4 #news-slider .card-body .sfbbtndiv:hover{color:#fff;background-color:#e8284d}.content4 #news-slider .card-body .sfbbtndiv:hover i{color:#fff}.content4 #news-slider .card-body .btnreadmore{color:#757575;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(244, 244, 244, 0.2) 100%),#f7f7f7;border:1px solid #e1e1e1;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:12px}.content4 #news-slider .card-body .btnreadmore:hover{color:#fff;background-color:#e8284d}.content4 .ctrlbtnslider #prevslide_news{cursor:pointer;top:-162px;left:-46px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.72) 13.54%, rgba(232, 232, 232, 0.72) 100%),#fff;border:1px solid #e1e1e1;border-radius:24px;width:42px;height:42px}.content4 .ctrlbtnslider #prevslide_news i{left:10px;position:relative;top:4px;font-size:34px}.content4 .ctrlbtnslider #prevslide_news:hover{color:#fff;background-color:#e8284d}.content4 .ctrlbtnslider #prevslide_news:hover i{color:#fff}.content4 .ctrlbtnslider #nextslide_news{cursor:pointer;top:-162px;right:-46px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.72) 13.54%, rgba(232, 232, 232, 0.72) 100%),#fff;border:1px solid #e1e1e1;border-radius:24px;width:42px;height:42px}.content4 .ctrlbtnslider #nextslide_news i{left:13px;position:relative;top:4px;font-size:34px}.content4 .ctrlbtnslider #nextslide_news:hover{color:#fff;background-color:#e8284d}.content4 .ctrlbtnslider #nextslide_news:hover i{color:#fff}.content4 .btnmorenews{width:171px;background:#e8284d;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:4px;font-weight:500;font-size:18px;color:#fff}.content5 .textdiv{padding:84px}@media screen and (min-width: 240px)and (max-width: 430px){.content5 .textdiv{padding:46px}}@media screen and (min-width: 768px)and (max-width: 1180px){.content5 .textdiv{padding:10px}}.content5 .textdiv .title1{font-style:normal;font-weight:600;font-size:56px;line-height:100%}.content5 .textdiv .title2{color:#df2946;font-style:normal;font-weight:600;font-size:56px;line-height:100%}.content5 .textdiv .textdetail{font-style:normal;font-weight:300;font-size:18px;text-align:justify}.content5 .btnfb{font-size:18px;background-color:#3b589e;color:#fff}.content5 .btnfb:hover{background-color:#e8284d}.content6{background:linear-gradient(180deg, rgba(224, 224, 224, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),#ececec}.content6 .textdiv{padding:84px}@media screen and (min-width: 240px)and (max-width: 430px){.content6 .textdiv{padding:46px}}@media screen and (min-width: 768px)and (max-width: 1180px){.content6 .textdiv{padding:10px}}.content6 .textdiv .title1{font-style:normal;font-weight:600;font-size:56px;line-height:100%}.content6 .textdiv .title2{color:#df2946;font-style:normal;font-weight:600;font-size:56px;line-height:100%}.content6 .textdiv .textdetail{font-style:normal;font-weight:300;font-size:18px;text-align:justify}.content6 .btnfb{font-size:18px;background-color:#3b589e;color:#fff}.content6 .btnfb:hover{background-color:#e8284d}.content7 .textdiv{padding:84px 0px 84px 348px}@media screen and (min-width: 240px)and (max-width: 430px){.content7 .textdiv{padding:46px}}@media screen and (min-width: 768px)and (max-width: 1180px){.content7 .textdiv{padding:10px}}@media screen and (min-width: 1181px)and (max-width: 1860px){.content7 .textdiv{padding:50px}}.content7 .textdiv .title1{font-style:normal;font-weight:600;font-size:56px;line-height:100%}.content7 .textdiv .title2{color:#df2946;font-style:normal;font-weight:600;font-size:56px;line-height:100%}.content7 .textdiv .textdetail{font-style:normal;font-weight:300;font-size:18px;text-align:justify}.content7 .course{padding:84px 0px 84px 84px}@media screen and (min-width: 240px)and (max-width: 430px){.content7 .course{padding:46px}}@media screen and (min-width: 768px)and (max-width: 1860px){.content7 .course{padding:10px}}.content7 .course .headdiv .title{font-style:normal;font-weight:600;font-size:24px}.content7 .course .headdiv .ctrlcourselist #prevcourse{cursor:pointer;border:1px solid #e1e1e1;width:42px;height:42px;border-radius:50px}.content7 .course .headdiv .ctrlcourselist #prevcourse i{font-size:24px}.content7 .course .headdiv .ctrlcourselist #prevcourse:hover{background-color:#e8284d}.content7 .course .headdiv .ctrlcourselist #prevcourse:hover i{color:#fff}.content7 .course .headdiv .ctrlcourselist #nextcourse{cursor:pointer;border:1px solid #e1e1e1;width:42px;height:42px;border-radius:50px}.content7 .course .headdiv .ctrlcourselist #nextcourse i{font-size:24px}.content7 .course .headdiv .ctrlcourselist #nextcourse:hover{background-color:#e8284d}.content7 .course .headdiv .ctrlcourselist #nextcourse:hover i{color:#fff}.content7 .course .courselist .card{filter:drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.16))}.content7 .course .courselist .card .card-body a{text-decoration:none}.content7 .course .courselist .card .card-body .title{font-style:normal;font-weight:600;font-size:18px;color:#5e4481;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.content7 .course .courselist .card .card-body .date{font-style:normal;font-weight:400;font-size:16px;color:#757575}.content7 .course .courselist .card .card-body .price{font-style:normal;font-weight:400;font-size:16px;color:#10ca39}.content7 .course .courselist .card .card-footer{background:none}.content7 .course .courselist .card .card-footer .btncourse{border:1px solid #e1e1e1;border-radius:50px}.content7 .course .courselist .card .card-footer .btncourse:hover{background-color:#e8284d}.content7 .course .courselist .card .card-footer .btncourse:hover i{color:#fff}.content8{background:#df2946}.content8 .text-center{padding:120px 0px}.content8 .text-center .text{font-style:normal;font-weight:600;font-size:48px;color:#fff}.navbar .loginbtn{font-style:normal;font-weight:400;font-size:16px}.navbar .profilebtn{cursor:pointer;background:#f5f2fa;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px;color:#5e4481 !important}.navbar .profilebtn:hover{color:#fff !important;background-color:#e8284d}.navbar .profilebtn img{height:22px;width:26px;border-radius:50px;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.navbar .logoutbtn{cursor:pointer;background-color:#e8284d;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px;color:#fff}.navbar .logoutbtn:hover{color:#000;background-color:#f7f7f7}.navbar .dropdown-menu .leloginbtn img{height:24px}.navbar .regisbtn{background:#5e4481;border-radius:8px;font-weight:500;font-size:16px;color:#fff}.navmenu2{border:.5px solid #d5dee7;box-shadow:0px 4px 8px rgba(0,0,0,.08)}@media screen and (min-width: 240px)and (max-width: 1359px){.navmenu2{overflow-y:scroll}}.navmenu2 .btnact{cursor:pointer;padding:28px 48px;font-style:normal;font-weight:400;font-size:18px;color:#000}@media screen and (min-width: 240px)and (max-width: 1359px){.navmenu2 .btnact{white-space:nowrap}}.navmenu2 .btnact:hover{background-color:rgba(223,41,71,.862745098);color:#fff;animation:fadeIt 1s ease-in-out}@keyframes fadeIt{0%{background-color:rgba(223,41,71,.2823529412)}50%{background-color:rgba(223,41,71,.862745098)}100%{background-color:rgba(223,41,71,.862745098)}}.footer{background-color:#000;color:#fff}.footer li{background-color:#000}.footer li a{color:#fff !important}.progress-wrap{position:fixed;right:22px;bottom:26px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50px;box-shadow:0px 2px 5px rgba(147,147,147,.8);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;background-color:#f7f7f7;transition:all 200ms linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap::after{position:absolute;font-family:"Font Awesome 5 Pro";content:"";text-align:center;line-height:50px;font-size:26px;color:#e8284d;left:0;top:0;height:50px;width:50px;cursor:pointer;display:block;z-index:1;transition:all 200ms linear;border-radius:50px}.progress-wrap:hover::after{opacity:0}.progress-wrap::before{position:absolute;font-family:"Font Awesome 5 Pro";content:"";text-align:center;line-height:50px;font-size:26px;opacity:0;background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);left:0;top:0;height:50px;width:50px;cursor:pointer;display:block;z-index:2;transition:all 200ms linear;background-color:#000}.progress-wrap:hover::before{opacity:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#e8284d;stroke-width:4;box-sizing:border-box;transition:all 200ms linear}article .card-body .contentname{color:#000}article .card-body .card-text{font-style:normal;font-weight:600;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}article .card-body .sfbbtndiv{width:40px;height:40px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(244, 244, 244, 0.2) 100%),#f7f7f7;border:1px solid #e1e1e1;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:50px}article .card-body .sfbbtndiv i{color:#757575}article .card-body .sfbbtndiv:hover{color:#fff;background-color:#e8284d}article .card-body .sfbbtndiv:hover i{color:#fff}article .card-body .btnreadmore{color:#757575;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(244, 244, 244, 0.2) 100%),#f7f7f7;border:1px solid #e1e1e1;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:12px}article .card-body .btnreadmore:hover{color:#fff;background-color:#e8284d}.courselist .card{filter:drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.16))}.courselist .card .card-body a{text-decoration:none}.courselist .card .card-body .title{font-style:normal;font-weight:600;font-size:18px;color:#5e4481;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.courselist .card .card-body .date{font-style:normal;font-weight:400;font-size:16px;color:#757575}.courselist .card .card-body .price{font-style:normal;font-weight:400;font-size:16px;color:#10ca39}.courselist .card .card-footer{background:none}.courselist .card .card-footer .btncourse{border:1px solid #e1e1e1;border-radius:50px}.courselist .card .card-footer .btncourse:hover{background-color:#e8284d}.courselist .card .card-footer .btncourse:hover i{color:#fff}.webinar .title h2{color:#102656;font-size:32px;font-style:normal;font-weight:600}.webinar .title p{color:dimgray;font-size:20px;font-style:normal;font-weight:300}.webinar .webinarprogress .gotocourse .regis{background-color:#3d5b99;font-size:20px;font-weight:500}.webinar .webinarprogress .gotocourse .btngotowebinar{color:#000 !important;border:1px solid #000;font-size:20px;font-weight:500}.webinaractsection .webinarbtnaction a{padding:14px;font-size:18px;color:#fff;margin:5px 0}.webinaractsection .webinarbtnaction .regis,.webinaractsection .webinarbtnaction .fb{border-radius:100px;background-color:#3d5b99}.webinaractsection .webinarbtnaction .zoom{border-radius:100px;background-color:#4a8cff}.webinaractsection .webinarbtnaction .youtube{border-radius:100px;background-color:#f03}.webinaractsection .webinarbtnaction .exam,.webinaractsection .webinarbtnaction .btn-cert{border-radius:100px;background-color:#f8f4fc;border:1px solid #5e4481;background:#f8f4fc;color:#5e4481}.section11.webinardetail .title .webinartitle{color:#152553;font-size:36px;font-style:normal;font-weight:600}.section11.webinardetail .webinardetail .instructor .instructortitle{color:#000;font-family:Kanit;font-size:18px;font-style:normal;font-weight:600}.section11.webinardetail .webinardetail .instructor .instructorimg{height:100%;-o-object-fit:cover;object-fit:cover}:root{--plyr-color-main: #E8284D}body{font-family:"Kanit"}@keyframes flip-h-0397cc66-aac8-4065-8b26-a631f7c2fd42{0%{animation-timing-function:cubic-bezier(0.1909, 0.4373, 0.4509, 0.7454);transform:rotateY(0deg)}30%{animation-timing-function:cubic-bezier(0.128, 0.2315, 0.9704, 0.8632);transform:rotateY(153.72deg)}50%{animation-timing-function:cubic-bezier(0.5788, 0.3001, 0.5613, 0.6784);transform:rotateY(180deg)}55%{animation-timing-function:cubic-bezier(0.1545, 0.4929, 0.6089, 0.9373);transform:rotateY(238.68deg)}100%{transform:rotateY(360deg)}}/*# sourceMappingURL=style.css.map */