#navbar_top{z-index:20}.btn-pf .btn-profile{height:38px;font-size:1rem;font-weight:500;background-color:#f5f2fa;border:1px solid #fff;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.btn-pf .btn-profile img{width:28px;height:28px;border-radius:50%}.btn-pf .btn-profile .mx-2{color:#5e4481}.btn-profile.dropdown-toggle::after{content:none;border:0}.btn-pf:hover>.dropdown-menu{display:block}.dropdown-btn-profile,.dropdown-btn-lang{border-radius:8px}.dropdown-btn-profile .dropdown-item:active,.dropdown-btn-profile .dropdown-item:hover{color:#000;font-weight:500}.navbar-nav li .btn-regis{background-color:#5e4481;border-radius:8px}#navbarNav .row div .text-pp-le{font-size:1.5em;font-weight:600;color:#5e4481}@media screen and (max-width: 992px){#navbarNav .nav-for-web{display:none}}@media screen and (max-width: 992px){#navbarNav .nav-for-mobile{display:block !important}}#navbarNav .nav-for-mobile div .text-dark{font-size:1.5em;font-weight:600}#navbarNav .nav-for-mobile .search-course-rs-sm input{margin:20px 0px 20px 0px;width:100%;height:42px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 44.27%, rgba(0, 0, 0, 0.036) 100%),#f7f7f7;border:1px solid #e1e1e1;box-sizing:border-box;box-shadow:1px 1px 16px rgba(0,0,0,.06);border-radius:21px}#navbarNav .nav-for-mobile .search-course-rs-sm button{position:absolute;z-index:1;top:0;right:0;width:42px;height:42px;color:#5e4481;background:#f5f2fa;border-radius:50%;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}#navbarNav .list-items-menu .btn-register-mobile{width:100%;height:42px;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#5e4481;border-radius:4px}.banner{position:relative}.banner .detail{position:absolute;top:24%;left:12%}@media screen and (min-width: 320px)and (max-width: 430px){.banner .detail{text-align:center;top:14%;left:2%}}.banner .detail img{width:25%}@media screen and (min-width: 320px)and (max-width: 430px){.banner .detail img{width:40%}}.banner .detail .text{max-width:66ch}@media screen and (min-width: 320px)and (max-width: 430px){.banner .detail .text{max-width:35ch}}@media screen and (min-width: 428px)and (max-width: 428px){.banner .detail .text{max-width:41ch}}.banner .detail .text p{font-style:normal;font-weight:400;font-size:22px;line-height:140%;letter-spacing:.005em;color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.25)}@media screen and (min-width: 320px)and (max-width: 430px){.banner .detail .text p{font-size:16px}}.banner img.bannerimg{width:100%}@media screen and (min-width: 320px)and (max-width: 430px){.banner img.bannerimg{height:195px}}@media screen and (min-width: 320px)and (max-width: 375px){.profilebanner{height:27vw}}@media screen and (min-width: 376px)and (max-width: 414px){.profilebanner{height:27vw}}@media screen and (min-width: 376px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.profilebanner{height:27vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.profilebanner{height:27vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.profilebanner{height:27vw}}@media screen and (min-width: 541px)and (max-width: 768px){.profilebanner{height:16vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.profilebanner{height:18vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.profilebanner{height:14vw}}@media screen and (min-width: 320px)and (max-width: 1200px){.sub-navmenu{overflow-x:scroll}}.navbar-sec{height:72px;width:100%;min-width:1070px;background-color:#fff;box-shadow:0px 4px 14px rgba(0,0,0,.08);border-radius:0px 0px 20px 20px}@media screen and (min-width: 320px)and (max-width: 375px){.navbar-sec{height:63px;min-width:1000px}}.navbar-sec .sub-menu a{padding:5px;margin-bottom:8px;font-size:.875rem;font-weight:400;height:30px;width:188px;color:#000}.navbar-sec .sub-menu a:hover{font-weight:500;color:#5e4481;background-color:#f5f2fa}.navbar-sec .sub-menu .text-cc{color:#999}.navbar-sec .nav-item{min-width:215px}@media screen and (min-width: 320px)and (max-width: 375px){.navbar-sec .nav-item{min-width:215px}}.navbar-sec .nav-item .nav-link{color:#000;height:100%;display:flex;justify-content:center;align-items:center;padding:0px}.menu-bar .active-1,.navbar-sec .nav-item .active-1{color:#5e4481 !important;background-color:#f5f2fa;border-left:0;border-right:0;border-bottom:4px solid #5e4481}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.navbar-full .dropdown,.navbar-full .nav-item.dropdown{position:static !important}.navbar-sec .nav-item .nav-link{color:#000;height:100%;display:flex;justify-content:center;align-items:center;padding:0px}.navbar-full .dropdown-menu{position:absolute !important;left:0 !important;right:0 !important;border-left:0px !important;border-right:0px !important;border-bottom:1px solid #ccc !important;margin-top:-0.5px !important}.dropdown-menu{position:absolute;z-index:10;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.sub-menu{height:30px;width:236px}.navbar-sec .nav-item .show{color:#5e4481 !important;font-weight:500;background-color:#f6f6f6}.navbar-sec .dropdown-menu[data-bs-popper]{top:auto !important}.navbar-sec .dropdown-menu img{width:100%;max-height:189px;height:100%;-o-object-fit:cover;object-fit:cover}.act1:hover{border-bottom:4px solid #5e4481;transition:border-bottom .2s ease-in}.act2:hover,.navbar-sec .nav-item .nav-link.act2.show{border-bottom:4px solid #e8284d;transition:border-bottom .2s ease-in}.act3:hover,.navbar-sec .nav-item .nav-link.act3.show{border-bottom:4px solid #ffd530;transition:border-bottom .2s ease-in}.act4:hover,.navbar-sec .nav-item .nav-link.act4.show{border-bottom:4px solid #a4ce57;transition:border-bottom .2s ease-in}.act5:hover,.navbar-sec .nav-item .nav-link.act5.show{border-bottom:4px solid #98e5e5;transition:border-bottom .2s ease-in}.act6:hover,.navbar-sec .nav-item .nav-link.act6.show{border-bottom:4px solid #db5c1e;transition:border-bottom .2s ease-in}.navbar-sec .nav-item .dropdown-toggle::after{font-family:"Font Awesome 5 Pro";content:"";font-weight:500;transition:all .3s linear;border:0;margin-left:8px}.section1 div img.logoidp{width:70%;height:60%}@media screen and (min-width: 320px)and (max-width: 768px){.section1 div img.logoidp{height:80%}}.section1 div .title{max-width:16ch;font-style:normal;font-weight:600;font-size:32px;line-height:120%;letter-spacing:.25px}.section1 div .detail{max-width:40ch;font-style:normal;font-weight:400;font-size:18px;line-height:160%;letter-spacing:-0.1px}.section1 div .pwby{font-style:normal;font-weight:600;font-size:18px;line-height:150%}.section1 div .pwbyicon img{width:10%}.section1 div .pwbyicon .le{width:25%;height:20%}.section1 div .pwbyicon .hr{width:15%}.imgmain{padding-top:8rem}.section2 .title1{font-style:normal;font-weight:600;font-size:36px;line-height:120%;text-align:center;letter-spacing:.25px;color:#653bf2}.section2 .title2{font-style:normal;font-weight:600;font-size:36px;line-height:120%;text-align:center;letter-spacing:.25px}.section2 .detail{font-style:normal;font-weight:400;font-size:16px;line-height:160%;text-align:center;letter-spacing:-0.004em;color:#757575}.section2 .logomore div img{width:50%}@media only screen and (min-width: 280px)and (max-width: 480px){.section2 .logomore div img{width:100%}}.section2 .logomore div .text{font-style:normal;font-weight:600;font-size:14px;line-height:140%;text-align:center}.section2 .detail2{font-style:normal;font-weight:400;font-size:16px;line-height:160%;color:#757575}.section2 .imgslide{overflow-x:hidden}.section2 .imgslide .swiper-wrapper .swiper-slide-active{height:180px;width:100%}.section2 .swiper-btn{position:relative}@media only screen and (min-width: 280px)and (max-width: 480px){.section2 .swiper-btn{display:none}}.section2 .swiper-btn .left{top:-132px;left:-5%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) -1.52%, rgba(244, 244, 244, 0.2) 101.52%);position:absolute;width:48px;height:48px;border:1px solid #e1e1e1;border-radius:30px;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}.section2 .swiper-btn .left i{top:16%;position:relative;color:#757575}.section2 .swiper-btn .right{right:-5%;top:-132px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) -1.52%, rgba(244, 244, 244, 0.2) 101.52%);position:absolute;width:48px;height:48px;border:1px solid #e1e1e1;border-radius:30px;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}.section2 .swiper-btn .right i{top:16%;position:relative;color:#757575}.section3 .text .title1{font-style:normal;font-weight:600;font-size:32px;line-height:120%;display:flex;align-items:center;letter-spacing:.25px;color:#653bf2;margin:0}.section3 .text .title2{font-style:normal;font-weight:600;font-size:32px;line-height:120%;display:flex;align-items:center;letter-spacing:.25px;text-transform:uppercase;margin:0}.section3 .text .detail{font-style:normal;font-weight:400;font-size:16px;line-height:180%;letter-spacing:.005em;color:#757575;margin-top:0}.section3 .btnsection .search .input-group{background:#fff;border:1px solid #e1e1e1;box-shadow:0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.section3 .btnsection .search .input-group button{color:#fff;background:#653bf2;border-radius:8px}@media only screen and (min-width: 280px)and (max-width: 1024px){.section3 .btnsection .btnfilter{height:150px;overflow-x:scroll}}.section3 .btnsection .btnfilter::-webkit-scrollbar{display:none}.section3 .btnsection .btnfilter .btn-group{background:#fff;border:1px solid #ebebeb;box-shadow:0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.section3 .btnsection .btnfilter .btn-group .btn-outlinesh{white-space:nowrap;font-style:normal;font-weight:500;font-size:16px;line-height:24px;border:1px solid #ebebeb}.section3 .btnsection .btnfilter .btn-group .btn-outlinesh:hover{background:#67689b;color:#fff}footer{height:auto;background-color:#000}@media screen and (min-width: 320px)and (max-width: 375px)and (-webkit-device-pixel-ratio: 2){footer .container-fluid{height:74vh}}@media screen and (min-width: 320px)and (max-width: 375px)and (-webkit-device-pixel-ratio: 3){footer .container-fluid{height:55vh}}@media screen and (min-width: 376px)and (max-width: 390px)and (-webkit-device-pixel-ratio: 3){footer .container-fluid{height:55vh}}@media screen and (min-width: 376px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){footer .container-fluid{height:44vh}}@media screen and (min-width: 391px)and (max-width: 414px){footer .container-fluid{height:54vh}}@media screen and (min-width: 391px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 3){footer .container-fluid{height:56vh}}@media screen and (min-width: 391px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){footer .container-fluid{height:50vh}}@media only screen and (min-width: 428px)and (max-width: 519px){footer .container-fluid{height:44vh}}@media only screen and (min-width: 520px)and (max-width: 540px){footer .container-fluid{height:44vh}}@media screen and (min-width: 541px)and (max-width: 768px){footer .container-fluid{height:34vh}}@media screen and (min-width: 541px)and (max-width: 768px)and (-webkit-device-pixel-ratio: 2){footer .container-fluid{height:41vh}}@media only screen and (min-width: 769px)and (max-width: 884px){footer .container-fluid{height:28vh}}@media only screen and (min-width: 769px)and (max-width: 884px)and (-webkit-device-pixel-ratio: 2){footer .container-fluid{height:36vh}}@media only screen and (min-width: 885px)and (max-width: 1024px){footer .container-fluid{height:28vh}}@media only screen and (min-width: 667px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){footer .container-fluid{height:82vh}}@media only screen and (min-width: 1025px)and (max-width: 1280px){footer .container-fluid{height:33vh}}@media only screen and (min-width: 1281px)and (max-width: 1366px){footer .container-fluid{height:33vh}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){footer .container-fluid{height:48vh}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){footer .container-fluid{height:37vh}}.fa-ul{margin-left:0 !important}.first-footerlayout{width:14%}@media screen and (min-width: 320px)and (max-width: 375px){.first-footerlayout{width:60%;padding-left:1.25em !important;margin-bottom:1em}}@media screen and (min-width: 376px)and (max-width: 414px){.first-footerlayout{width:60%;padding-left:1.25em !important;margin-bottom:1em}}@media only screen and (min-width: 428px)and (max-width: 519px){.first-footerlayout{width:60%;padding-left:1.25em !important;margin-bottom:1em}}@media only screen and (min-width: 520px)and (max-width: 540px){.first-footerlayout{width:60%;padding-left:1.25em !important;margin-bottom:1em}}@media screen and (min-width: 541px)and (max-width: 768px){.first-footerlayout{width:20%;padding-left:1.25em !important;margin-bottom:1em}}@media only screen and (min-width: 769px)and (max-width: 884px){.first-footerlayout{width:20%;padding-left:1.25em !important;margin-bottom:1em}}@media only screen and (min-width: 885px)and (max-width: 1024px){.first-footerlayout{width:17%;padding-left:1.25em !important;margin-bottom:1em}}.first-footertitle{padding-left:3%}.second-footerlayout{width:12%}@media screen and (min-width: 320px)and (max-width: 375px){.second-footerlayout{width:60%;margin-bottom:1em}}@media screen and (min-width: 376px)and (max-width: 414px){.second-footerlayout{width:60%;margin-bottom:1em}}@media only screen and (min-width: 428px)and (max-width: 519px){.second-footerlayout{width:60%;margin-bottom:1em}}@media only screen and (min-width: 520px)and (max-width: 540px){.second-footerlayout{width:60%;margin-bottom:1em}}@media screen and (min-width: 541px)and (max-width: 768px){.second-footerlayout{width:25%;margin-bottom:1em}}@media only screen and (min-width: 769px)and (max-width: 884px){.second-footerlayout{width:25%;margin-bottom:1em}}@media only screen and (min-width: 885px)and (max-width: 1024px){.second-footerlayout{width:19%;margin-bottom:1em}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.second-footerlayout{width:14%}}@media screen and (min-width: 320px)and (max-width: 375px){.third-footerlayout{height:8em}}@media screen and (min-width: 376px)and (max-width: 414px){.third-footerlayout{height:8em}}@media only screen and (min-width: 428px)and (max-width: 519px){.third-footerlayout{height:8em}}@media only screen and (min-width: 520px)and (max-width: 540px){.third-footerlayout{height:8em}}@media screen and (min-width: 541px)and (max-width: 768px){.third-footerlayout{width:26%;margin-bottom:1em}}@media only screen and (min-width: 769px)and (max-width: 884px){.third-footerlayout{width:26%;margin-bottom:1em}}@media only screen and (min-width: 885px)and (max-width: 1024px){.third-footerlayout{width:18%;margin-bottom:1em}}.footer-text-li{font-style:normal;font-weight:normal;font-size:14px;line-height:200%;letter-spacing:.01em;color:#d3d3d3}.col-55{width:55%}@media screen and (min-width: 320px)and (max-width: 375px){.col-55{position:relative;top:-71vw;width:50%}}@media screen and (min-width: 376px)and (max-width: 414px){.col-55{position:relative;top:-68vw;width:50%}}@media screen and (min-width: 376px)and (max-width: 390px)and (-webkit-device-pixel-ratio: 3){.col-55{position:relative;top:-68vw;width:50%}}@media screen and (min-width: 391px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 3){.col-55{position:relative;top:-65vw;width:50%}}@media screen and (min-width: 391px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.col-55{position:relative;top:-65vw;width:50%}}@media only screen and (min-width: 428px)and (max-width: 519px){.col-55{position:relative;top:-50vw;width:50%}}@media only screen and (min-width: 520px)and (max-width: 540px){.col-55{position:relative;top:-40vw;width:50%}}@media screen and (min-width: 541px)and (max-width: 768px){.col-55{position:relative;top:-20vw;width:30%;left:70vw}}@media screen and (min-width: 541px)and (max-width: 768px)and (-webkit-device-pixel-ratio: 2){.col-55{position:relative;top:-35vw;width:30%;left:70vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.col-55{position:relative;top:-20vw;width:30%;left:70vw}}@media only screen and (min-width: 769px)and (max-width: 884px)and (-webkit-device-pixel-ratio: 2){.col-55{position:relative;top:-32vw;width:30%;left:70vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.col-55{position:relative;top:-1vw;width:30%;left:14vw}}@media only screen and (min-width: 885px)and (max-width: 1024px)and (-webkit-device-pixel-ratio: 2){.col-55{position:relative;top:-1vw;width:40%;left:3vw}}@media only screen and (min-width: 667px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.col-55{top:-36vw}}@media only screen and (min-width: 812px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 3){.col-55{top:-18vw}}@media only screen and (min-width: 830px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2.75){.col-55{top:-17vw}}@media only screen and (min-width: 851px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2.75){.col-55{top:-17vw}}@media only screen and (min-width: 896px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.col-55{top:0vw}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.col-55{top:0em;width:26%;left:12em;position:relative}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.col-55{top:0em;width:23%;left:23em;position:relative}}@media screen and (min-width: 320px)and (max-width: 375px){.col-55 .imgfooter img{width:100% !important}}@media screen and (min-width: 376px)and (max-width: 414px){.col-55 .imgfooter img{width:100% !important}}@media only screen and (min-width: 428px)and (max-width: 519px){.col-55 .imgfooter img{width:100% !important}}@media only screen and (min-width: 520px)and (max-width: 540px){.col-55 .imgfooter img{width:100% !important}}@media screen and (min-width: 541px)and (max-width: 768px){.col-55 .imgfooter img{width:100% !important}}@media only screen and (min-width: 769px)and (max-width: 884px){.col-55 .imgfooter img{width:100% !important}}@media only screen and (min-width: 885px)and (max-width: 1024px){.col-55 .imgfooter img{width:100% !important}}@media only screen and (min-width: 885px)and (max-width: 1024px)and (-webkit-device-pixel-ratio: 2){.col-55 .imgfooter img{width:75% !important}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.col-55 .imgfooter img{width:100% !important}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.col-55 .imgfooter img{width:100% !important}}.lefootertext{padding-left:50%}@media screen and (min-width: 320px)and (max-width: 375px){.lefootertext{padding-left:0%}}@media screen and (min-width: 376px)and (max-width: 414px){.lefootertext{padding-left:0%}}@media only screen and (min-width: 428px)and (max-width: 519px){.lefootertext{padding-left:0%}}@media only screen and (min-width: 520px)and (max-width: 540px){.lefootertext{padding-left:0%}}@media screen and (min-width: 541px)and (max-width: 768px){.lefootertext{padding-left:0%}}@media only screen and (min-width: 769px)and (max-width: 884px){.lefootertext{padding-left:0%}}@media only screen and (min-width: 885px)and (max-width: 1024px){.lefootertext{padding-left:0%}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.lefootertext{padding-left:0%}}@media screen and (min-width: 1400px)and (max-width: 1920px){.lefootertext .text{padding-left:9vw;margin-top:.5vh}}p.text{font-style:normal;font-weight:normal;font-size:14px;line-height:180%;text-align:right;letter-spacing:.005em;color:#d3d3d3}.social_media{padding-top:20%;padding-left:15%}@media screen and (min-width: 320px)and (max-width: 375px){.social_media{padding-top:58vw}}@media screen and (min-width: 376px)and (max-width: 414px){.social_media{padding-top:58vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.social_media{padding-top:64vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.social_media{padding-top:45vw}}@media screen and (min-width: 541px)and (max-width: 768px){.social_media{padding-top:26vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.social_media{padding-top:24vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.social_media{padding-top:22vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.social_media{padding-top:23%}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.social_media{padding-top:23%}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.social_media{padding-top:23%}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.social_media{padding-top:26%}}@media only screen and (min-width: 1441px)and (max-width: 1600px){.social_media{padding-top:26%}}@media only screen and (min-width: 667px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media{padding-top:32vw}}@media only screen and (min-width: 812px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 3){.social_media{padding-top:24vw}}@media only screen and (min-width: 830px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2.75){.social_media{padding-top:22vw}}@media only screen and (min-width: 851px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2.75){.social_media{padding-top:22vw}}@media only screen and (min-width: 896px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media{padding-top:22vw}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media{padding-top:19vw}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media{padding-top:17vw}}.social_media ul li a i{font-size:1.7em;margin-bottom:.5em}@media only screen and (min-width: 520px)and (max-width: 540px){.social_media ul li a i{font-size:3em}}@media screen and (min-width: 541px)and (max-width: 768px){.social_media ul li a i{font-size:2.2em}}@media only screen and (min-width: 769px)and (max-width: 884px){.social_media ul li a i{font-size:2.5em}}@media only screen and (min-width: 885px)and (max-width: 1024px){.social_media ul li a i{font-size:3.5em}}@media only screen and (min-width: 885px)and (max-width: 1024px)and (-webkit-device-pixel-ratio: 2){.social_media ul li a i{font-size:2.5em}}@media only screen and (min-width: 667px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media ul li a i{font-size:1.8em}}@media only screen and (min-width: 812px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 3){.social_media ul li a i{font-size:2.5em}}@media only screen and (min-width: 830px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2.75){.social_media ul li a i{font-size:2.5em}}@media only screen and (min-width: 851px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2.75){.social_media ul li a i{font-size:2.5em}}@media only screen and (min-width: 896px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media ul li a i{font-size:2.5em}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media ul li a i{font-size:2.5em}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.social_media ul li a i{font-size:2.5em}}.other_contact{color:#d3d3d3;font-style:normal;font-weight:normal;font-size:12px;line-height:50%}@media screen and (min-width: 320px)and (max-width: 375px){.other_contact{line-height:120%}}@media screen and (min-width: 376px)and (max-width: 414px){.other_contact{line-height:120%}}@media only screen and (min-width: 428px)and (max-width: 519px){.other_contact{line-height:120%}}@media only screen and (min-width: 520px)and (max-width: 540px){.other_contact{line-height:120%}}@media screen and (min-width: 541px)and (max-width: 768px){.other_contact{line-height:120%}}@media only screen and (min-width: 769px)and (max-width: 884px){.other_contact{line-height:120%}}@media only screen and (min-width: 885px)and (max-width: 1024px){.other_contact{line-height:120%}}.other_contact .email{margin-top:1vh}@media screen and (min-width: 320px)and (max-width: 375px){.other_contact .email{font-size:2.5vw}}@media screen and (min-width: 376px)and (max-width: 414px){.other_contact .email{font-size:2.5vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.other_contact .email{font-size:2.5vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.other_contact .email{font-size:2.5vw}}@media screen and (min-width: 541px)and (max-width: 768px){.other_contact .email{font-size:1.6vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.other_contact .email{font-size:1.6vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.other_contact .email{font-size:1.6vw}}p.copyright{font-style:normal;font-weight:normal;font-size:12px;line-height:140%;color:#fff;text-align:center;border-top:.5px solid #424242}.navi .navigate{position:relative;display:flex;align-items:center;color:#5e4481;height:40px;background:#faf7ff;border-radius:4px 0px 0px 4px;padding-left:21px;padding-right:10px}.navi .navigate: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) #faf7ff;z-index:9}.navi .navigate.now{color:#757575;background:#f2f7fb;border-radius:0px}.navi .navigate.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:9}.navi .navigate.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) #e3d8f1;z-index:9}.courselist div .coursetitle{font-size:2.25rem;font-weight:600;letter-spacing:.25px;line-height:120%}.courselist div .cdetail{font-weight:400;font-size:1rem;line-height:160%;letter-spacing:.9px;color:#757575}@media only screen and (min-width: 768px){.courselist div .cdetail{display:block !important}}.courselist div .cdetail2{font-weight:400;font-size:1rem;line-height:160%;letter-spacing:.9px;color:#757575}@media only screen and (min-width: 280px)and (max-width: 767px){.courselist div .cdetail2{display:block !important}}.courselist div .selectcourse-text{font-style:normal;font-weight:500;font-size:1rem;line-height:150%;text-align:justify;letter-spacing:-0.005em}@media only screen and (min-width: 280px)and (max-width: 767px){.courselist div .selectcourse-text{display:none !important}}.courselist div .selectcourse-text:hover{text-decoration:underline !important;text-underline-offset:.25rem;text-decoration-thickness:.125rem !important;color:#98e5e5}.courselist div .selectcourse-text-active{font-style:normal;font-weight:600;font-size:1rem;line-height:150%;text-align:justify;letter-spacing:-0.005em;text-decoration:underline !important;text-underline-offset:.25rem;text-decoration-thickness:.125rem !important;color:#98e5e5}@media only screen and (min-width: 280px)and (max-width: 767px){.courselist div .selectcourse-text-active{display:none !important}}.courselist .search-bar .row .search-typecourse{font-weight:300;border-radius:8px;border:1px solid #e1e1e1;height:3rem;box-shadow:0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.courselist .search-bar .row div div .btn-search{background:#5e4481;border-radius:8px !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;color:#fff}.courselist .search-bar .row div div .btn-clearsearch{background:#c50027;border-radius:8px;border-top-left-radius:8px !important;border-bottom-left-radius:8px !important;color:#fff}.courselist .coursefilter::-webkit-scrollbar{display:none}.courselist .coursefilter{overflow-x:scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.courselist .coursefilter .coursetab-active{padding:.5rem .8rem;background:#f5f2fa;border-radius:8px;transition:background-position 1s;color:#5e4481 !important;background:#f5f2fa;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.courselist .coursefilter .coursetab{font-weight:500;padding:0rem .8rem;color:#bdbdbd;flex:none;order:0;flex-grow:0;margin:0}.courselist .coursefilter .coursetab:hover{cursor:pointer;padding:.5rem .8rem;background:#f5f2fa;border-radius:8px;transition:background-position 1s}.course-card{border:1px solid #e1e1e1;box-shadow:0px 4px 14px rgba(0,0,0,.04);border-radius:8px}.course-card .card-img-top{border-top-left-radius:8px;border-top-right-radius:8px}.course-card .card-container-tag-new{position:absolute;z-index:2;width:100%;top:0}.course-card .card-container-tag-new .tag-new{color:#11d13b;background-color:#e6f8ea;border-left:4px solid #fff;border-bottom:4px solid #fff;border-radius:3px 7px;padding:13px 10px;width:50px}.course-card .card-body .card-title{font-size:1rem;font-weight:600;line-height:140%;color:#5e4481;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer !important}.course-card .card-body .card-text{font-size:.875rem;line-height:120%;color:#757575}.course-card .card-body .card-price{font-size:.875rem;line-height:140%;color:#10ca39}.course-card .card-body .coursecard-footer hr{width:94%}.course-card .card-body .coursecard-footer .ratings img{width:2rem;height:2rem}.course-card .card-body .coursecard-footer a{width:2.4rem;height:2rem;color:#757575;border-radius:50%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) -1.52%, rgba(244, 244, 244, 0.2) 101.52%);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))}.course-card .card-body .coursecard-footer a i{font-size:.875rem;top:1px;position:relative}#pagination-course-index .page-item{margin-right:.5em}#pagination-course-index .page-item .page-link{color:#000;border:1px solid #e1e1e1;border-radius:4px}#pagination-course-index .page-item.active .page-link{color:#000;background-color:unset;border-color:unset;border:1px solid #5e4481;box-sizing:border-box;border-radius:4px}.about-more-img .container-fulid div .fw-bold{font-size:2.4vw;line-height:120%;letter-spacing:1.2px;text-shadow:0px 4px 4px rgba(0,0,0,.45)}@media screen and (min-width: 320px)and (max-width: 375px){.about-more-img .container-fulid div .fw-bold{font-size:5vw}}@media screen and (min-width: 376px)and (max-width: 414px){.about-more-img .container-fulid div .fw-bold{font-size:5vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.about-more-img .container-fulid div .fw-bold{font-size:5vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.about-more-img .container-fulid div .fw-bold{font-size:5vw}}@media screen and (min-width: 541px)and (max-width: 768px){.about-more-img .container-fulid div .fw-bold{font-size:5vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.about-more-img .container-fulid div .fw-bold{font-size:5vw}}.about-more-img .container-fulid div .text-g{font-size:1.2vw;color:#ececec !important;line-height:180%;text-shadow:2px 2px 2px rgba(0,0,0,.45)}@media screen and (min-width: 320px)and (max-width: 375px){.about-more-img .container-fulid div .text-g{font-size:3vw}}@media screen and (min-width: 376px)and (max-width: 414px){.about-more-img .container-fulid div .text-g{font-size:3vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.about-more-img .container-fulid div .text-g{font-size:3vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.about-more-img .container-fulid div .text-g{font-size:3vw}}@media screen and (min-width: 541px)and (max-width: 768px){.about-more-img .container-fulid div .text-g{font-size:3vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.about-more-img .container-fulid div .text-g{font-size:3vw}}.progress-wrap{position:fixed;right:15px;bottom:10px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);transition:all 200ms linear;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));background-color:#f1f1f1}@media screen and (min-width: 320px)and (max-width: 375px){.progress-wrap{right:14px}}@media screen and (min-width: 375px)and (max-width: 428px){.progress-wrap{right:14px}}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap::after{position:absolute;font-family:"unicons";content:"";text-align:center;line-height:50px;font-size:26px;color:#5e4481;left:0;top:0;height:50px;width:50px;cursor:pointer;display:block;z-index:1;transition:all 200ms linear}.progress-wrap:hover::after{opacity:0}.progress-wrap::before{position:absolute;font-family:"unicons";content:"";text-align:center;line-height:50px;font-size:26px;opacity:0;background:#000;-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}.progress-wrap:hover::before{opacity:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#5e4481;stroke-width:4;box-sizing:border-box;transition:all 200ms linear}.wrap-loader{display:flex;flex-direction:column;justify-content:center;align-items:center}.loader{position:relative;width:20rem;height:20rem}.loader::before{z-index:1;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8.6956521739rem;height:8.6956521739rem;background:#fff;border-radius:50%}.loader .box{position:absolute;width:10rem;height:10rem;overflow:hidden}.loader .box::before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;opacity:.1}.loader .box:nth-child(1){top:0;left:0}.loader .box:nth-child(1)::before{top:50%;left:50%;background:#4185f3;animation:lightMe1 4s ease-out infinite normal}.loader .box:nth-child(2){top:0;right:0}.loader .box:nth-child(2)::before{top:50%;right:50%;background:#33a753;animation:lightMe2 4s ease-out infinite normal}.loader .box:nth-child(3){bottom:0;right:0}.loader .box:nth-child(3)::before{bottom:50%;right:50%;background:#fabb04;animation:lightMe3 4s ease-out infinite normal}.loader .box:nth-child(4){bottom:0;left:0}.loader .box:nth-child(4)::before{bottom:50%;left:50%;background:#e94234;animation:lightMe4 4s linear infinite normal}.loader .wrap-text{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;overflow:hidden}.loader .text{position:relative;width:40px;height:40px;line-height:40px;animation:slider 8s ease-in infinite}.loader .text span{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:2em;color:#000}.loader-text{color:#000;transform:translateY(-2rem);letter-spacing:6px;opacity:.2;animation:blink 1s ease-out infinite alternate}@keyframes lightMe1{0%{opacity:.1}25%{opacity:1}100%{opacity:1}}@keyframes lightMe2{0%{opacity:.1}25%{opacity:.1}50%{opacity:1}100%{opacity:1}}@keyframes lightMe3{0%{opacity:.1}50%{opacity:.1}75%{opacity:1}100%{opacity:1}}@keyframes lightMe4{0%{opacity:.1}75%{opacity:.1}100%{opacity:1}}@keyframes slider{0%{transform:translateY(0)}10.5%{transform:translateY(0)}12.5%{transform:translateY(-40px)}23%{transform:translateY(-40px)}25%{transform:translateY(-80px)}35%{transform:translateY(-80px)}37.5%{transform:translateY(-120px)}47.5%{transform:translateY(-120px)}50%{transform:translateY(-160px)}60%{transform:translateY(-160px)}62.5%{transform:translateY(-200px)}72.5%{transform:translateY(-200px)}75%{transform:translateY(-240px)}85%{transform:translateY(-240px)}87.5%{transform:translateY(-280px)}100%{transform:translateY(-280px)}}@keyframes blink{from{opacity:.2}to{opacity:.75}}.prof{height:18vh}@media screen and (min-width: 320px)and (max-width: 767px){.prof{height:100%}}@media screen and (min-width: 541px)and (max-width: 768px){.prof{height:12vh}}@media only screen and (min-width: 769px)and (max-width: 884px){.prof{height:12vh}}@media only screen and (min-width: 885px)and (max-width: 1024px){.prof{height:9vh}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.prof{height:20vh}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.prof{height:14vh}}.prof .userimg{top:-3vw;right:0vw;margin-left:3vw;left:3vw;position:relative}@media screen and (min-width: 320px)and (max-width: 375px){.prof .userimg{top:-12vw;right:0vw;margin-left:5vw;position:relative}}@media screen and (min-width: 376px)and (max-width: 414px){.prof .userimg{top:-12vw;right:0vw;margin-left:5vw;position:relative}}@media screen and (min-width: 376px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.prof .userimg{top:-12vw;right:0vw;margin-left:5vw;position:relative}}@media only screen and (min-width: 428px)and (max-width: 519px){.prof .userimg{top:-12vw;right:0vw;margin-left:5vw;position:relative}}@media only screen and (min-width: 520px)and (max-width: 540px){.prof .userimg{top:-12vw;right:0vw;margin-left:5vw;position:relative}}@media screen and (min-width: 541px)and (max-width: 768px){.prof .userimg{top:-8vw;right:0vw;margin-left:1vw;position:relative}}@media only screen and (min-width: 769px)and (max-width: 884px){.prof .userimg{top:-12vw;right:0vw;margin-left:1vw;position:relative}}@media only screen and (min-width: 885px)and (max-width: 1024px){.prof .userimg{top:-8vw;right:0vw;margin-left:1vw;position:relative}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.prof .userimg{top:-5vw;right:0vw;margin-left:0vw;position:relative}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.prof .userimg{top:-5vw;right:0vw;margin-left:0vw;position:relative}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.prof .userimg{top:-5vw;left:0vw}}@media only screen and (min-width: 1441px)and (max-width: 1600px){.prof .userimg{top:-3vw;right:-2vw}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.prof .userimg{top:-6vw}}.prof .userimg .imgprofile,.prof .userimg .cancel-pf-img,.prof .userimg .pf-img-edit{cursor:pointer}.prof .userimg .circle{background-color:#fff;line-height:0;display:inline-block;margin:0px;border:8px solid #fff;border-radius:50%;transition:linear .25s;height:20vh;width:20vh}@media screen and (min-width: 541px)and (max-width: 768px){.prof .userimg .circle{height:16vh;width:16vh}}@media only screen and (min-width: 769px)and (max-width: 884px){.prof .userimg .circle{height:16vh;width:16vh}}@media only screen and (min-width: 885px)and (max-width: 1024px){.prof .userimg .circle{height:14vh;width:14vh}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.prof .userimg .circle{height:20vh;width:20vh}}.prof .userimg .circle img{border-radius:50%}.prof .userimg .circle:hover{transition:ease-out .2s;border:0px solid rgba(0,0,0,.2);-webkit-transition:ease-out .2s}.prof .userimg .btn-changeproimg{top:3.5vw;position:relative;left:-3.5vw;font-size:1.2rem;padding:.35rem .7rem .35rem .7rem;color:#757575;border:1px solid #e1e1e1;border-radius:21rem;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08));background:#fff}@media screen and (min-width: 320px)and (max-width: 375px){.prof .userimg .btn-changeproimg{top:13vw;font-size:"";position:relative;left:-13.5vw;padding:.15rem .5rem .15rem .5rem}}@media screen and (min-width: 376px)and (max-width: 414px){.prof .userimg .btn-changeproimg{top:13vw;font-size:"";position:relative;left:-13.5vw;padding:.15rem .5rem .15rem .5rem}}@media screen and (min-width: 376px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.prof .userimg .btn-changeproimg{top:14vw;font-size:"";position:relative;left:-13.5vw;padding:.15rem .5rem .15rem .5rem}}@media only screen and (min-width: 428px)and (max-width: 519px){.prof .userimg .btn-changeproimg{top:-3.5vw;font-size:"";position:relative;left:-13.5vw;padding:.15rem .5rem .15rem .5rem}}@media only screen and (min-width: 520px)and (max-width: 540px){.prof .userimg .btn-changeproimg{top:-3.5vw;font-size:"";position:relative;left:-13.5vw;padding:.15rem .5rem .15rem .5rem}}@media screen and (min-width: 541px)and (max-width: 768px){.prof .userimg .btn-changeproimg{top:-4.5vw;font-size:"";position:relative;left:5.5vw;padding:.15rem .5rem .15rem .5rem}}@media only screen and (min-width: 769px)and (max-width: 884px){.prof .userimg .btn-changeproimg{top:-4.5vw;font-size:"";position:relative;left:5.5vw;padding:.15rem .5rem .15rem .5rem}}@media only screen and (min-width: 885px)and (max-width: 1024px){.prof .userimg .btn-changeproimg{top:-4vw;font-size:"";position:relative;left:2.5vw;padding:.15rem .5rem .15rem .5rem}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.prof .userimg .btn-changeproimg{top:-3vw;left:-0.5vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.prof .userimg .btn-changeproimg{top:-3vw;left:-0.5vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.prof .userimg .btn-changeproimg{top:-2.8vw;left:-1.5vw}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.prof .userimg .btn-changeproimg{left:0vw}}@media screen and (min-width: 320px)and (max-width: 375px){.prof .d-inline{position:relative;top:-8vw}}@media screen and (min-width: 376px)and (max-width: 414px){.prof .d-inline{position:relative;top:-8vw}}@media screen and (min-width: 376px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.prof .d-inline{position:relative;top:-8vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.prof .d-inline{position:relative;top:-8vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.prof .d-inline{position:relative;top:-8vw}}@media screen and (min-width: 541px)and (max-width: 768px){.prof .d-inline{position:relative;top:1vw;left:9vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.prof .d-inline{position:relative;top:1vw;left:9vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.prof .d-inline{position:relative;top:1vw;left:9vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.prof .d-inline{position:relative;top:1vw;left:3vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.prof .d-inline{position:relative;top:1vw;left:3vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.prof .d-inline{position:relative;top:1vw;left:0vw}}@media only screen and (min-width: 1024px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.prof .d-inline{left:4vw}}.prof .name h2{font-size:2vw;font-weight:600;margin-bottom:.5vw}@media screen and (min-width: 320px)and (max-width: 375px){.prof .name h2{font-size:7vw;margin-bottom:1.5vw}}@media screen and (min-width: 376px)and (max-width: 414px){.prof .name h2{font-size:7vw;margin-bottom:1.5vw}}@media screen and (min-width: 376px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.prof .name h2{font-size:7vw;margin-bottom:1.5vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.prof .name h2{font-size:7vw;margin-bottom:1.5vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.prof .name h2{font-size:7vw;margin-bottom:1.5vw}}@media screen and (min-width: 541px)and (max-width: 768px){.prof .name h2{font-size:4vw;margin-bottom:.5vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.prof .name h2{font-size:4vw;margin-bottom:.5vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.prof .name h2{font-size:3vw;margin-bottom:.5vw}}.prof .name p{font-size:1vw}@media screen and (min-width: 320px)and (max-width: 375px){.prof .name p{font-size:5vw}}@media screen and (min-width: 376px)and (max-width: 414px){.prof .name p{font-size:5vw}}@media screen and (min-width: 376px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.prof .name p{font-size:5vw}}@media only screen and (min-width: 428px)and (max-width: 519px){.prof .name p{font-size:5vw}}@media only screen and (min-width: 520px)and (max-width: 540px){.prof .name p{font-size:5vw}}@media screen and (min-width: 541px)and (max-width: 768px){.prof .name p{font-size:3vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.prof .name p{font-size:3vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.prof .name p{font-size:2vw}}.profile-infomobile{top:-11vw;position:relative}.profile-infomobile div .accid{background:#f7f7f7;border:1px solid #e1e1e1;box-sizing:border-box;border-radius:8px}.profile-infomobile div .btn-proinfo div div .perinfoviewmb,.profile-infomobile div .btn-proinfo div div .guidemeviewmb{width:95%;color:#5e4481;background:#fff;border:1px solid #e5d8f1;border-radius:8px;font-weight:500}.profile-infomobile div .btn-proinfo div button{color:#5e4481;background:#fff;border:1px solid #e5d8f1;border-radius:8px;font-weight:500}.detailinfo{padding-left:10vw;padding-right:8vw}@media screen and (min-width: 541px)and (max-width: 768px){.detailinfo{padding-left:8vw;margin-top:3vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.detailinfo{padding-left:8vw;margin-top:3vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detailinfo{padding-left:8vw;margin-top:3vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.detailinfo{padding-left:7vw;margin-top:4vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.detailinfo{padding-left:7vw;margin-top:4vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.detailinfo{padding-left:7vw;margin-top:4vw}}.detailinfo .row .detail-panel{flex:0 0 auto;width:19%}@media screen and (min-width: 541px)and (max-width: 768px){.detailinfo .row .detail-panel{width:28vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.detailinfo .row .detail-panel{width:28vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detailinfo .row .detail-panel{width:28vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.detailinfo .row .detail-panel{width:21vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.detailinfo .row .detail-panel{width:21vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.detailinfo .row .detail-panel{width:21vw}}.profileid{text-transform:uppercase}.profileid p,.profileid input{width:13vw;margin-bottom:.5vw !important}@media screen and (min-width: 541px)and (max-width: 768px){.profileid p,.profileid input{width:21vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.profileid p,.profileid input{width:21vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.profileid p,.profileid input{width:23vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.profileid p,.profileid input{width:17vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.profileid p,.profileid input{width:17vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.profileid p,.profileid input{width:100%}}.profileid .btn-card{font-weight:500;text-transform:uppercase;color:#5e4481;background:#f5f2fa;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:4px}@media screen and (min-width: 541px)and (max-width: 768px){.profileid .btn-card{font-size:1.55vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.profileid .btn-card{font-size:1.55vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.profileid .btn-card{font-size:1.55vw;width:23vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.profileid .btn-card{font-size:.95vw;width:17vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.profileid .btn-card{font-size:.95vw;width:17vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.profileid .btn-card{width:100%}}.profileid,.profileinfo{background:#fff;border:1px solid #e1e1e1;box-sizing:border-box;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:15px}@media screen and (min-width: 541px)and (max-width: 768px){.profileid,.profileinfo{font-size:1.4vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.profileid,.profileinfo{font-size:1.4vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.profileid,.profileinfo{font-size:1.4vw}}.profileinfo{padding-bottom:14rem !important}.profileinfo .row div .emailval{overflow-wrap:break-word}.profileinfo .row div p{font-size:.8vw;font-weight:500;margin-bottom:.7vw}@media screen and (min-width: 541px)and (max-width: 768px){.profileinfo .row div p{font-size:1.4vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.profileinfo .row div p{font-size:1.4vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.profileinfo .row div p{font-size:1.4vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.profileinfo .row div p{font-size:1.2vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.profileinfo .row div p{font-size:1.2vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.profileinfo .row div p{font-size:1vw}}.profileinfo p{font-size:.8vw;font-weight:500;margin-bottom:.7vw}@media screen and (min-width: 541px)and (max-width: 768px){.profileinfo p{font-size:1.4vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.profileinfo p{font-size:1.4vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.profileinfo p{font-size:1.4vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.profileinfo p{font-size:1.2vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.profileinfo p{font-size:1.2vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.profileinfo p{font-size:1vw}}.btneditinfo{width:2vw;height:2vw;color:#aaa;border-radius:2rem;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(244, 244, 244, 0.2) 100%),#f7f7f7;border:1px solid #e1e1e1;box-sizing:border-box;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}@media screen and (min-width: 541px)and (max-width: 768px){.btneditinfo{height:3vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.btneditinfo{height:3vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.btneditinfo{height:4vw;width:4vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.btneditinfo{height:3vw;width:3vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.btneditinfo{height:3vw;width:3vw}}.btneditinfo i{font-size:.7vw}@media screen and (min-width: 541px)and (max-width: 768px){.btneditinfo i{font-size:1.4vw;top:-1.2vw;left:-0.6vw;position:relative}}@media only screen and (min-width: 769px)and (max-width: 884px){.btneditinfo i{font-size:1.4vw;top:-1.2vw;left:-0.6vw;position:relative}}@media only screen and (min-width: 885px)and (max-width: 1024px){.btneditinfo i{font-size:1.4vw;top:-0.2vw;left:0vw;position:relative}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.btneditinfo i{font-size:1.2vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.btneditinfo i{font-size:1.2vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.btneditinfo i{font-size:1vw;top:-0.4vw;left:-0.5vw;position:relative}}.titleinfo{color:#df2946;font-style:normal;font-weight:500}.infoviewmb h1{font-size:8vw;font-weight:600;line-height:120%}.infoviewmb .row{margin-bottom:3vw}.infoviewmb .headertitleinfo{display:flex}.infoviewmb .headertitleinfo .btn-editinfomb{width:8vw;height:7vw;color:#aaa;border-radius:2rem;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(244, 244, 244, 0.2) 100%),#f7f7f7;border:1px solid #e1e1e1;box-sizing:border-box;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.detail-content{margin-left:2vw}.detail-content .div-radar-chart{background:rgba(247,247,247,.4);box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:24px;margin-bottom:1vw}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content{width:56vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content{width:56vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content{width:56vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.detail-content{width:62vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.detail-content{width:62vw}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.detail-content{width:62vw}}.detail-content .row .col-6 .btn-col-my-journey{width:100%;cursor:pointer;font-size:.875rem;font-weight:500;padding:16px;margin-right:0px;color:#5e4481;background:#f5f2fa;border-radius:15px;border:1px solid #ebebeb;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.detail-content .row .col-6 .btn-col-learner{cursor:pointer;font-size:.875rem;font-weight:500;padding:16px;margin-left:8px;background:#fff;border-radius:15px;border:1px solid #ebebeb;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.detail-content div h1{font-weight:600;font-size:2vw;margin-bottom:1vw}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content div h1{font-size:4vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content div h1{font-size:4vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content div h1{font-size:4vw}}.detail-content div p{color:#757575;margin-bottom:2vw}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content div p{font-size:.6em}}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content div .typesc{padding-top:2vw;height:7vw;width:56vw;white-space:nowrap;overflow-x:scroll}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content div .typesc{padding-top:2vw;height:6vw;width:56vw;white-space:nowrap;overflow-x:scroll}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content div .typesc{padding-top:1vw;height:4vw;width:55vw;white-space:nowrap;overflow-x:scroll}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.detail-content div .typesc{padding-top:1vw;height:5vw;width:61vw;white-space:nowrap;overflow-x:scroll}}.detail-content div .typesc .typetab-active{padding:.5rem .8rem;background:#f5f2fa;border-radius:8px;transition:background-position 1s;color:#5e4481 !important;background:#f5f2fa;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.detail-content div .typesc .typetab{padding:0rem .8rem;color:#bdbdbd;flex:none;order:0;flex-grow:0;margin:0}.detail-content div .typesc .typetab:hover{cursor:pointer;padding:.5rem .8rem;background:#f5f2fa;border-radius:8px;transition:background-position 1s}.detail-content div .typesc::-webkit-scrollbar{width:.5rem;height:5px}.detail-content .historylist{border-bottom:1px solid #757575}.detail-content .historylist .sortyear{background:#f5f2fa;border-top-left-radius:1rem;border-top-right-radius:1rem;border-bottom:.2rem solid #5e4481}.detail-content .history-view{height:45rem;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;margin-right:-0.8rem;margin-top:0rem}.detail-content .history-view .yearsection{position:relative;top:1vw}.detail-content .history-view .yearsection div .year{font-size:.9vw;z-index:1;position:relative;color:#5e4481;font-style:normal;font-weight:500;border-radius:7rem;width:2.5vw;height:2.3vw;background:#f2eff7;border:4px solid #fff;box-shadow:0px 4px 14px rgba(0,0,0,.08)}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .yearsection div .year{font-size:1.2vw;width:4.5vw;height:4.3vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content .history-view .yearsection div .year{font-size:1.2vw;width:4.5vw;height:4.3vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .yearsection div .year{font-size:1.2vw;width:4.5vw;height:4.3vw}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.detail-content .history-view .yearsection div .year{width:2.8vw;height:2.8vw}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.detail-content .history-view .yearsection div .year{width:2.8vw;height:2.8vw}}.detail-content .history-view .yearsection div .vertical-top-year{border-left:.13rem solid #e1e1e1;height:0rem;width:.1rem;position:relative;margin-top:0rem}.detail-content .history-view .courselist{height:5vw !important}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .courselist{height:8vw !important;margin-bottom:.25rem}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content .history-view .courselist{height:8vw !important;margin-bottom:.25rem}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .courselist{height:8vw !important;margin-bottom:.25rem}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.detail-content .history-view .courselist{margin-bottom:.25rem}}.detail-content .history-view .courselist div .cmulearnerdot{padding-left:1.75em;position:relative;padding-top:2.2vw;color:#5e4481;z-index:1}.detail-content .history-view .courselist div .vertical-top-courselist{border-left:.13rem solid #e1e1e1;height:5.5vw;width:0vw;margin-top:0vw;position:relative;top:-3.2vw;z-index:0}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .courselist div .vertical-top-courselist{height:9vw !important;top:-4.2vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content .history-view .courselist div .vertical-top-courselist{height:9vw !important;top:-4.2vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .courselist div .vertical-top-courselist{height:9vw !important;top:-4.2vw}}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .courselist div p.m-auto,.detail-content .history-view .courselist div button.m-auto{font-size:1.4vw}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content .history-view .courselist div p.m-auto,.detail-content .history-view .courselist div button.m-auto{font-size:1.4vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .courselist div p.m-auto,.detail-content .history-view .courselist div button.m-auto{font-size:1.3vw}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .courselist div p.m-auto{text-align:left !important;margin:0 !important;margin-top:auto !important;margin-bottom:auto !important}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.detail-content .history-view .courselist div p.m-auto{font-size:.89em;line-height:120%}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.detail-content .history-view .courselist div p.m-auto{font-size:.89em;line-height:120%}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.detail-content .history-view .courselist div p.m-auto{font-size:.9em;line-height:120%}}.detail-content .history-view .courselist div a.btn-primary{background-color:#5e4481}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .courselist div a.btn-primary{font-size:.58em}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content .history-view .courselist div a.btn-primary{font-size:.58em}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .courselist div a.btn-primary{font-size:.8em}}@media only screen and (min-width: 1025px)and (max-width: 1280px){.detail-content .history-view .courselist div a.btn-primary{font-size:.8em}}@media only screen and (min-width: 1281px)and (max-width: 1366px){.detail-content .history-view .courselist div a.btn-primary{font-size:.8em}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.detail-content .history-view .courselist div a.btn-primary{font-size:.8em}}.detail-content .history-view .courselist .row div .cmulearnerbtn{font-style:normal;font-weight:500;font-size:.7em;color:#98e5e5;position:relative;display:block;background:#5e4481;box-shadow:0px 2px 2px #000,0px 4px 14px rgba(0,0,0,.08);border-radius:2rem}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .courselist .row div .cmulearnerbtn{font-size:1.2vw !important;height:2.5em}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content .history-view .courselist .row div .cmulearnerbtn{font-size:1.2vw !important}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .courselist .row div .cmulearnerbtn{font-size:1.2vw !important}}@media only screen and (min-width: 1367px)and (max-width: 1440px){.detail-content .history-view .courselist .row div .cmulearnerbtn{width:5em}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.detail-content .history-view .courselist .row div .cmulearnerbtn{font-size:1.2vw}}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .courselist .row div .coursename{font-size:1.4vw;line-height:120%}}@media only screen and (min-width: 769px)and (max-width: 884px){.detail-content .history-view .courselist .row div .coursename{font-size:1.4vw;line-height:120%}}@media only screen and (min-width: 885px)and (max-width: 1024px){.detail-content .history-view .courselist .row div .coursename{font-size:1.4vw;line-height:120%}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){.detail-content .history-view .courselist .row div .coursename{line-height:120%}}.detail-content .history-view .beginmember{height:5vw !important}.detail-content .history-view .beginmember div .beginicon{padding-left:1.8em;margin-top:2vw;z-index:1;position:relative}@media screen and (min-width: 541px)and (max-width: 768px){.detail-content .history-view .beginmember div .beginicon{margin-top:1vw}}.detail-content .history-view .beginmember div .vertical-top-courselist{border-left:.13rem solid #e1e1e1;width:0vw;margin-top:0vw;position:relative;z-index:0;height:8.2em;top:-2.5em}.detail-content .typesc::-webkit-scrollbar-track,.detail-content .scrollstyle::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5;margin-top:1em;margin-bottom:1.2rem}.detail-content .typesc::-webkit-scrollbar,.detail-content .scrollstyle::-webkit-scrollbar{width:.5rem}.detail-content .typesc::-webkit-scrollbar-thumb,.detail-content .scrollstyle::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#5e4481}.courseviewmb .accordion .accordion-item .accordion-header .accordion-button{background-color:#5e4481}.course-listmb{margin-top:8vw}.course-listmb .title{margin-bottom:5vw}.course-listmb .title h1{font-weight:600;font-size:10vw}.course-listmb .h-4-6{height:15vw;border-bottom:1px solid #757575}.course-listmb .h-4-6 .sortyear{background:#f5f2fa;border-top-left-radius:1rem;border-top-right-radius:1rem;border-bottom:.2rem solid #5e4481}.course-listmb .course-filter{overflow-x:scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;width:87vw}.course-listmb .course-filter .typetab-active{padding:.5rem .8rem;background:#f5f2fa;border-radius:8px;transition:background-position 1s;background:#f5f2fa;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.course-listmb .course-filter .typetab{padding:0rem .8rem;color:#bdbdbd;flex:none;order:0;flex-grow:0;margin:0}.course-listmb .history-view-mb .yearsection{position:relative;top:1vw}.course-listmb .history-view-mb .yearsection div .year{z-index:1;position:relative;color:#5e4481;font-style:normal;font-weight:500;border-radius:7rem;width:3rem;height:3rem;background:#f2eff7;border:4px solid #fff;box-shadow:0px 4px 14px rgba(0,0,0,.08)}.course-listmb .history-view-mb .yearsection div .vertical-top-year{border-left:.13rem solid #e1e1e1;height:0rem;width:.1rem;position:relative;margin-top:0rem}.course-listmb .history-view-mb .courselist div .cmulearnerdot{padding-left:1.06rem;position:relative;padding-top:5.2rem;font-size:12px;color:#5e4481;z-index:1}.course-listmb .history-view-mb .courselist div .vertical-top-courselist{border-left:.13rem solid #e1e1e1;height:100%;width:.1rem;margin-top:-7rem;margin-left:1.4rem}.course-listmb .history-view-mb .courselist .detailcourse div .cmulearnerbtn{font-style:normal;font-weight:500;font-size:.75em;color:#98e5e5;position:relative;display:block;background:#5e4481;box-shadow:0px 2px 2px #000,0px 4px 14px rgba(0,0,0,.08);border-radius:2rem}.course-listmb .history-view-mb .courselist .detailcourse div .coursename{font-weight:600;line-height:140%}.course-listmb .history-view-mb .courselist .detailcourse div .btn-courselistmb{background:#5e4481;box-shadow:0px 4px 14px rgba(0,0,0,.08)}.course-listmb .history-view-mb .beginmember{height:5vw !important}.course-listmb .history-view-mb .beginmember div .beginicon{margin-top:2vw;z-index:1;position:relative}.course-listmb .history-view-mb .beginmember div .vertical-top-courselist{border-left:.13rem solid #e1e1e1;height:5.5vw;width:0vw;margin-top:0vw;position:relative;top:-3.2vw;z-index:0}.course-listmb .scrollstyle::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5;margin-top:1rem;margin-bottom:1.2rem}.course-listmb .scrollstyle::-webkit-scrollbar{width:.5rem}.course-listmb .scrollstyle::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#5e4481}.cmuhrpage div .history .row .row .col-xxl-5_{width:5.3%}.cmuhrpage div .history .row .yearlist-detailpage{position:relative;margin:0;padding:0;top:0rem}.cmuhrpage div .history .row .yearlist-detailpage .col-xxl-5_{width:5.3%}.cmuhrpage div .history .row .yearlist-detailpage .col-xxl-5_ .year{z-index:1;position:relative;color:#5e4481;font-style:normal;font-weight:500;border-radius:7rem;width:3rem;height:3rem;background:#f2eff7;border:4px solid #fff;box-shadow:0px 4px 14px rgba(0,0,0,.08)}.cmuhrpage div .history .row .courselist-detailpage .col-xxl-5_{width:5.3%}.cmuhrpage div .history .row .courselist-detailpage .col-xxl-5_ .hrdot-detailpage{padding-left:1.15rem;position:relative;padding-top:2rem;color:#5e4481}.cmuhrpage div .history .row .courselist-detailpage .col-xxl-5_ .vertical-top-detailpage{border-left:.13rem solid #e1e1e1;height:105%;width:.1rem;margin-top:-3.5rem}.cmuhrpage div .history .row .courselist-detailpage .col-xxl-7 .row .col-xxl-6 .coursename-detailpage{color:#5e4481;font-weight:600}.cmuhrpage div .history .row .courselist-detailpage .col-xxl-7 .row .col-xxl-6 .row .progress{flex:none}.cmuhrpage div .history .row .courselist-detailpage div .btn-outline-primary_{color:#5e4481;border-color:#5e4481;border:1px solid #5e4481;box-sizing:border-box;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.08))}.cmuhrpage div .history .row .border-bottom-detailpage{margin-left:5.4rem !important;width:94%}.w-104{width:104% !important}.backtoprofile i{font-size:1.3em;border:1px solid #e1e1e1;border-radius:3em;padding:.4em .45em;color:#757575}.btn-toolbar .btn-tagtitle{color:#fff;background:#5e4481;box-shadow:0px 2px 2px #8b8b8b,0px 4px 14px rgba(0,0,0,.08);border-radius:10em}.coursereclist{background:#f7f7f7}.coursereclist .title{padding:3em 0em 0em 0em;margin:3em 14em}@media only screen and (min-width: 375px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){.coursereclist .title{margin:2em 2em}}.coursereclist .coursefiltertype{margin:3em 14em}@media only screen and (min-width: 375px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){.coursereclist .coursefiltertype{padding-top:.51em;height:3em;white-space:nowrap;overflow-x:scroll;margin:0em 2em}}.coursereclist .coursefiltertype .coursetab-active{padding:.5rem .8rem;background:#f5f2fa;border-radius:8px;transition:background-position 1s;color:#5e4481 !important;background:#f5f2fa;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.coursereclist .coursefiltertype .coursetab{font-weight:500;padding:0rem .8rem;color:#bdbdbd;flex:none;order:0;flex-grow:0;margin:0}.coursereclist .courselist{padding-bottom:2em;margin:3em 14em;overflow:hidden}@media only screen and (min-width: 375px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){.coursereclist .courselist{margin:2em 2em}}.modal-content{box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:15px}.modal-content .modal-title{font-weight:600;color:#5e4481}#edit_profile-img{padding-right:0 !important}.pf-img-edit{width:24vh;height:24vh;border-radius:50em}#lecard .modal-content{background-color:unset;border:unset;box-shadow:unset}#lecard .modal-header{border-bottom:none}#lecard .btn-close-modalcard{font-size:2em;top:2.2em;position:relative;margin-left:9.8em;color:#f7f7f7;z-index:1;filter:drop-shadow(0px 5px 7px rgba(0, 0, 0, 0.35));cursor:pointer}#lecard #divIdCard{height:35em}#lecard #divIdCard .stdCard{line-height:120%;margin-top:142px;font-size:larger;text-align:center;font-weight:500;color:#fff}#lecard #divIdCard .stdCardFontId{line-height:120%;margin-top:24px;font-size:large;text-align:center;font-weight:normal;color:#fff}#lecard #divIdCard .stdCardFontDate{line-height:120%;font-size:small;text-align:center;font-weight:normal;color:#fff}.section-1-course_detail div .row div .rs-md-lg .short-term-training{color:#fff;height:2.3em;background:#5e4481;box-shadow:0px 2px 2px #000,0px 4px 14px rgba(0,0,0,.08);border-radius:10em}.section-1-course_detail div .row div .rs-md-lg div .fs-44{font-size:2.75rem}.section-1-course_detail div .row div .rs-md-lg div .share-btn{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;border-radius:50%;box-sizing:border-box;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08)}.section-1-course_detail div .row div .btn-drop-show{width:100%;height:48px;padding-left:16px;padding-right:16px;cursor:pointer;background:#f8f8f8;border:1px solid #e1e1e1;box-sizing:border-box;border-radius:8px;outline:none;text-align:left}.section-1-course_detail div .row div .btn-drop-show:after{font-family:"Font Awesome 5 Pro";content:"";font-weight:900;float:right;transition:all .3s linear}.section-1-course_detail div .row div .drop-content{max-height:0;font-size:.875rem;overflow:hidden;transition:max-height .3s ease-in-out}.section-1-course_detail div .row div .drop-content .content .row div .box-icon{margin-top:-10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0px 2px 2px rgba(0,0,0,.1),0px 4px 14px rgba(0,0,0,.08);border-radius:8px}.section-1-course_detail div .row div .drop-content .content .row div .box-icon i{font-size:1.25rem;color:#98e5e5;width:17.5px !important;height:19.25px !important}.section-1-course_detail div .row div .btn-st-study{background:#5e4481;width:100%;height:56px;border-radius:100px;color:#fff;border:none;box-shadow:0px 8px 28px -6px rgba(0,0,0,.12),0px 18px 88px -4px rgba(0,0,0,.14)}.section-1-course_detail div .row div .btn-st-study:hover{background:#784bb5}@font-face{font-family:"unicons";src:url("../fonts/unicons.ttf") format("truetype");font-weight:normal;font-style:normal}body,html{--ran: random(-100, 100);background-image:url("../images/background/background.jpg");background-size:cover;--def: #11ace9;--inv: rgb(214, 212, 212);font-family:"Kanit",serif !important;position:relative;overflow-x:hidden}a{text-decoration:none !important;color:#000;cursor:pointer}.c757575,.text-g{color:#757575}.pagedetail{padding:0 14em}@media screen and (min-width: 320px)and (max-width: 375px)and (-webkit-device-pixel-ratio: 2){.pagedetail{padding:0 2em}}@media screen and (min-width: 320px)and (max-width: 375px)and (-webkit-device-pixel-ratio: 3){.pagedetail{padding:0 2em}}@media screen and (min-width: 376px)and (max-width: 390px)and (-webkit-device-pixel-ratio: 3){.pagedetail{padding:0 2em}}@media screen and (min-width: 391px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 3){.pagedetail{padding:0 2em}}@media screen and (min-width: 391px)and (max-width: 414px)and (-webkit-device-pixel-ratio: 2){.pagedetail{padding:0 2em}}@media screen and (min-width: 391px)and (max-width: 414px){.pagedetail{padding:0 2em}}@media screen and (min-width: 541px)and (max-width: 768px)and (-webkit-device-pixel-ratio: 2){.pagedetail{padding:0 2em}}@media only screen and (min-width: 769px)and (max-width: 884px)and (-webkit-device-pixel-ratio: 2){.pagedetail{padding:0 2em}}@media only screen and (min-width: 885px)and (max-width: 1024px)and (-webkit-device-pixel-ratio: 2){.pagedetail{padding:0 2em}}.about-more-img{background-image:url("../images/content/b1.jpg");background-size:cover;border:.5px solid #d5dee7;height:100%}/*# sourceMappingURL=style.css.map */