.banner-preview .course-info{padding:20px}.banner-preview .course-info h1{color:#fff;font-size:24px;font-weight:600;line-height:30px}.banner-preview .course-info .cou-rating{display:flex}.banner-preview .course-info .cou-rating .gen-star .stars .star-off,.banner-preview .course-info .cou-rating .gen-star .stars .star-on{font-size:16px}.banner-preview .course-info .cou-rating .gen-star .stars .stars-content{width:110px}.banner-preview .course-info .cou-rating .review-count{color:#fff;margin-top:0}.banner-preview .course-info .cou-rating .review-count strong{color:#fff;font-size:16px}.banner-preview .course-info .cou-descirption{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#fff!important;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.banner-preview .course-info .cou-descirption span{color:#fff!important;line-height:21px}.banner-preview .course-info .cou-descirption a,.banner-preview .course-info .cou-descirption p{color:#fff!important}.banner-preview .course-info .detail-cou{list-style:none;margin:0 -20px;padding-left:0}.banner-preview .course-info .detail-cou li{border-right:1px solid rgba(193,209,230,.47);display:inline-flex;margin-bottom:20px;padding:0 20px}.banner-preview .course-info .detail-cou li:last-child{border-right:none}.banner-preview .course-info .detail-cou li .bg-icon{border:1px solid #fff;border-radius:50%;height:36px;padding:5px 9px;width:36px}.banner-preview .course-info .detail-cou li .detail-cou-label{margin:auto 0 auto 10px}.banner-preview .course-info .detail-cou li .detail-cou-label span{color:#fff;font-size:14px;line-height:21px}.banner-preview .course-info .detail-cou li .detail-cou-label span:last-child{font-weight:700}.banner-preview .course-info .cou-thumb{position:relative}.banner-preview .course-info .cou-thumb img{margin:auto;width:100%}.banner-preview .course-info .cou-thumb .link-study-try{bottom:10px;position:absolute;text-align:center;width:100%}.teacher-avatar{max-width:94px}.cou-rating .gen-star{display:flex}.card-business-course-detail{background:#edf0f3!important;border-color:#ebedef!important}.course-register{background:#fff;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.2);padding:20px;position:relative}.course-register .cou-price h4{color:#334d6e;font-size:30px;line-height:21px}.course-register .cou-price span{color:#545e6d;font-size:18px;line-height:21px;text-decoration:line-through}.course-register .list-about-course{margin-top:30px}.course-register .list-about-course .about-course-item{border-bottom:1px solid rgba(193,209,231,.47);padding:20px 0}.course-register .list-about-course .about-course-item:last-child{border-bottom:none}.course-register .list-about-course .about-course-item .icon{margin-right:5px;margin-top:-10px}.course-register .list-about-course .about-course-item span{color:#334d6e;font-size:16px;line-height:21px}.percent-sale{height:70px;line-height:60px;position:absolute;right:10px;text-align:center;top:-1px;width:79px;z-index:1}.percent-sale span{color:#fff;font-size:18px;font-weight:700;line-height:21px}.cou-countdown{margin-top:30px;text-align:center}.cou-countdown span{color:#334d6e;font-size:20px;line-height:14px}.cou-countdown .time-countdown{list-style:none;padding-left:0}.cou-countdown .time-countdown li{display:inline-table;margin:10px 4px 0}.cou-countdown .time-countdown li .circular-chart{display:block;height:50px;margin:10px auto;width:50px}.cou-countdown .time-countdown li .circular-chart .circle-bg{fill:none;stroke-width:3.8}.cou-countdown .time-countdown li .circular-chart .circle{fill:none;stroke-width:3.8;stroke-linecap:round;animation:progress 1s ease-out forwards}.cou-countdown .time-countdown li .circular-chart.circle-date .circle-bg{stroke:#3d5d0c}.cou-countdown .time-countdown li .circular-chart.circle-time .circle-bg{stroke:#1d5454}.cou-countdown .time-countdown li .circular-chart.circle-minute .circle-bg{stroke:#5a181c}.cou-countdown .time-countdown li .circular-chart.circle-second .circle-bg{stroke:#614a17}.cou-countdown .time-countdown li .circular-chart .percentage{fill:#334d6e;text-anchor:middle;font-family:sans-serif;font-size:18px;line-height:42px}.cou-countdown .time-countdown li span{color:#545e6d;display:flex;font-size:14px;justify-content:center;margin-top:8px}@keyframes progress{0%{stroke-dasharray:0 100}}.button-cou-register{margin-top:30px}.button-cou-register .form-registed-user{color:#2f80ed;height:30px;overflow:hidden;position:relative}.button-cou-register .form-registed-user .change-register{bottom:10px;margin:auto;position:absolute;transform:translateY(50px);transition:transform 1s;width:100%}.button-cou-register .form-registed-user .change-register .icon{margin-right:5px;margin-top:-2px}.button-cou-register .form-registed-user .pending-register{font-size:30px}.button-cou-register .form-registed-user .pending-register:after{animation:dots 1s steps(5) infinite;content:" ."}.button-cou-register .form-registed-user span{font-size:14px;line-height:16px}.cou-slide-behoof{margin-top:40px}.cou-slide-behoof .show-lg{display:none!important}.cou-slide-behoof .hide-lg{display:block!important}.cou-slide-behoof #slide-behoof-lg .bg-icon-slide-behoof,.cou-slide-behoof #slide-behoof-md .bg-icon-slide-behoof{background:linear-gradient(180deg,#e0ebfa,#ffeff5);border-radius:50%;display:flex;height:84px;justify-content:center;margin:auto;width:84px}.cou-slide-behoof #slide-behoof-lg .note-behoof,.cou-slide-behoof #slide-behoof-md .note-behoof{margin:20px auto auto;text-align:center;width:75%}.cou-slide-behoof #slide-behoof-lg .note-behoof span,.cou-slide-behoof #slide-behoof-md .note-behoof span{color:#334d6e;font-size:16px;font-weight:600;line-height:22px;text-align:center}.cou-slide-behoof #slide-behoof-lg .slick-prev,.cou-slide-behoof #slide-behoof-md .slick-prev{left:10px}.cou-slide-behoof #slide-behoof-lg .slick-next,.cou-slide-behoof #slide-behoof-md .slick-next{right:10px}.course-picxel{padding:60px 0}.course-picxel h4{color:#334d6e;font-size:24px;line-height:30px}.course-picxel .list-pixcel{text-align:start}.course-picxel .list-pixcel .item-pixcel{display:flex;justify-content:space-between;margin:30px 0}.course-picxel .list-pixcel .item-pixcel .icon{margin:2px 0 0}.course-picxel .list-pixcel .item-pixcel .pixcel-content{color:#334d6e;font-size:18px;line-height:24px;width:calc(100% - 25px)}.list-lectures{color:#334d6e}.list-lectures .lecture-list-title{font-size:24px}.list-lectures .list-lecture-item{background:#fff;border:1px solid #dce2ea;list-style:none;margin-bottom:60px;padding:0}.list-lectures .list-lecture-item .item-section{background:#f3f3f3;border:none;display:flex;justify-content:space-between;margin-top:-1px;padding:15px}.list-lectures .list-lecture-item .item-section:first-child{border-top:1px solid #dce2ea}.list-lectures .list-lecture-item .item-section .number-section{background:#90a0b7;border-radius:50%;height:35px;padding:5px;text-align:center;width:35px}.list-lectures .list-lecture-item .item-section .number-section span{color:#fff;font-size:20px;line-height:27px}.list-lectures .list-lecture-item .item-section .section-title{font-size:18px;line-height:21px;margin:auto 0;text-align:start;width:calc(100% - 46px)}.list-lectures .list-lecture-item .item-section .section-title.has-content-try{width:calc(100% - 156px)}.list-lectures .list-lecture-item .item-lecture{padding-left:15px}.list-lectures .list-lecture-item .item-lecture .lecture-link{border-bottom:1px solid rgba(221,225,238,.502);color:#334d6e;display:flex;font-size:14px;justify-content:space-between;line-height:21px;padding:15px 15px 15px 0;transition:.15s ease-in-out}.list-lectures .list-lecture-item .item-lecture .lecture-link .icon{margin:0}.list-lectures .list-lecture-item .item-lecture .lecture-link .lecture-title{width:calc(100% - 26px)}.list-lectures .list-lecture-item .item-lecture .lecture-link .lecture-title .duration{color:#545e6d}.list-lectures .list-lecture-item .item-lecture:hover{background:#eef5ff}.list-lectures .list-lecture-item .item-lecture:last-child .lecture-link{border-bottom:none}.list-discussions{color:#334d6e}.list-discussions h4{font-size:24px;line-height:21px;margin:30px auto;text-align:center}.list-discussions .list-discussion{background:#fff;border:1px solid #dce2ea;margin-top:15px;padding:15px}.list-discussions .list-discussion .discussion-items{display:flex;justify-content:space-between;margin-top:10px}.list-discussions .list-discussion .discussion-items .discussion-right{width:calc(100% - 55px)}.list-discussions .list-discussion .discussion-items .discussion-right span{line-height:21px}.list-discussions .list-discussion .discussion-items .discussion-right .user-name{font-size:14px;font-weight:600}.list-discussions .list-discussion .discussion-items .discussion-right .user-name a{color:#334d6e}.list-discussions .list-discussion .discussion-items .discussion-right .time-created{color:#545e6d;font-size:12px}.list-discussions .list-discussion .discussion-items .discussion-right .content-title a,.list-discussions .list-discussion .discussion-items .discussion-right .content-title h2,.list-discussions .list-discussion .discussion-items .discussion-right .content-title span{color:#334d6e;font-size:18px;line-height:24px;margin-bottom:0}.list-discussions .list-discussion .discussion-items .discussion-right .content-title a:hover,.list-discussions .list-discussion .discussion-items .discussion-right .content-title h2:hover,.list-discussions .list-discussion .discussion-items .discussion-right .content-title span:hover{color:#0f8ba9}.list-discussions .list-discussion .discussion-items .discussion-right .content{color:#545e6d;line-height:21px;overflow-x:auto;word-break:break-word}.list-discussions .list-discussion .discussion-items .discussion-right .content img{margin:.5rem 0;max-width:100%}.list-discussions .list-discussion .discussion-items .discussion-right .content p{margin-bottom:.5rem}.list-discussions .list-discussion .discussion-items .discussion-right .view-more{color:#545e6d}.list-discussions .list-discussion .discussion-items .discussion-right .view-more:hover{color:#2d9cdb}.list-discussions .list-discussion .discussion-items .img-circle{height:40px;width:40px}.teacher-info{color:#334d6e;margin:60px 0;text-align:center}.teacher-info h4{font-size:24px;line-height:21px;margin:30px auto}.teacher-info .avatar{border-radius:50%;box-shadow:0 6px 22px rgba(189,204,224,.6);height:200px;margin:auto;width:200px}.teacher-info .about-teacher{margin:30px 0}.teacher-info .about-teacher span{font-size:14px;line-height:21px}.teacher-info .about-teacher span a{color:#334d6e}.teacher-info .about-teacher span:first-child{color:#545e6d}.teacher-info .teacher-achievement{text-align:justify}.teacher-info .teacher-achievement p,.teacher-info .teacher-achievement span{color:#334d6e!important;font-size:14px;line-height:16px}.form-register{background:linear-gradient(93.34deg,rgba(116,14,75,.9) -15.08%,rgba(23,89,179,.9) 104.62%);color:#fff;padding-bottom:30px;position:relative}.form-register h4{font-size:24px;line-height:30px;margin:30px 0;text-align:center}.form-register .form-left .cou-price{text-align:center}.form-register .form-left .cou-price h4{color:#f2c94c;font-size:40px;line-height:21px;margin:0 0 20px}.form-register .form-left .cou-price span{font-size:24px;font-weight:300;line-height:21px;text-decoration:line-through}.form-register .form-left .benefit{list-style:none;margin-top:30px;padding-left:0}.form-register .form-left .benefit .benefit-title{font-size:18px;line-height:21px}.form-register .form-left .benefit .list-benefit{list-style:none;padding-left:0}.form-register .form-left .benefit .list-benefit li{display:flex;justify-content:space-between;margin:15px 0}.form-register .form-left .benefit .list-benefit li i{font-size:10px;margin-top:3px}.form-register .form-left .benefit .list-benefit li span{font-size:14px;line-height:17px;width:calc(100% - 30px)}.form-register .form-right{margin-top:20px}.form-register .form-right .cou-countdown{margin:auto;max-width:396px;text-align:center}.form-register .form-right .cou-countdown span{color:#fff;font-size:20px;line-height:14px}.form-register .form-right .cou-countdown .time-countdown{margin-top:15px}.form-register .form-right .cou-countdown .time-countdown li{margin:0 5px}.form-register .form-right .cou-countdown .time-countdown li .circular-chart .percentage{fill:#fff}.form-register .form-right .cou-countdown .time-countdown li span{font-size:16px;line-height:4px;margin-top:15px}.form-register .form-right .button-cou-register .form-registed-user{color:#fff}.form-register .form-right .button-cou-register .form-registed-user .pending-register:after{animation:dot2s 1s steps(5) infinite}.form-register .form-right .form-register-student{margin:35px auto;max-width:396px}.list-questions{color:#334d6e}.list-questions h4{font-size:24px;line-height:30px;margin:30px 0;text-align:center}.list-questions .list-question{border-bottom:1px solid #d8e9ff}.list-questions .list-question .question-item{background:#f8f9fd;border:none;border-radius:0}.list-questions .list-question .question-item .question-title{background:#fff;border:1px solid #d8e9ff;border-radius:0;box-shadow:0 4px 12px #dde1ee;display:flex;font-size:18px;font-weight:700;justify-content:space-between;line-height:21px;padding:20px;z-index:1}.list-questions .list-question .question-item .question-title .icon{float:right}.list-questions .list-question .question-item .question-title span{margin:auto 0;width:calc(100% - 34px)}.list-questions .list-question .question-item .question-content span{font-size:16px;line-height:30px}.fixed-register-course{background:#fff;border:1px solid #f2f2f2;bottom:2rem;box-shadow:4px 4px 16px 0 rgba(233,32,99,.302);height:78px;left:50%;opacity:0;position:fixed;transform:translate(-50%);transition:all .2s linear 0s;visibility:hidden;width:600px;z-index:103}.fixed-register-course.is-show{opacity:1;visibility:visible}li .content-try-item{border-bottom:1px solid #3c3b37}li:last-child .content-try-item{border-bottom:none}li .content-try-list .number-section{background:#3c3b37;border-radius:50%;height:35px;padding:5px;text-align:center;width:35px}.content-try-item img{display:none}.content-try-item.active{background-color:#3c3b37}.content-try-item.active img{display:block}@media (max-width:575px){.fixed-register-course{background:transparent;border:none;box-shadow:none;height:auto;width:100%}}@media (min-width:576px){.form-register .bg-form{background-size:cover;display:block;height:100%}.form-register .form-left{background:none}.form-register .form-left h4{font-size:30px;line-height:40px}.form-register .form-right{margin-top:90px}.form-register .form-right .cou-countdown{margin:auto}.form-register .form-right .cou-countdown span{line-height:27px;margin-top:12px}.form-register .form-right .form-register-student{margin:35px auto}}@media (min-width:768px){.banner-preview{padding:40px 0}.banner-preview .course-info{padding:20px}.banner-preview .course-info h4{color:#fff;font-size:24px;font-weight:600;line-height:32px}.banner-preview .course-info .detail-cou{margin-bottom:30px;margin-top:30px!important}.course-picxel h4{color:#334d6e;font-size:40px;line-height:49px}.list-discussions h4{font-size:40px;line-height:21px}.list-discussions .list-discussion{margin:20px auto;width:80%}.list-discussions .list-discussion .list-replies{margin-left:30px!important}.teacher-info h4{font-size:40px;line-height:21px;margin:50px auto}.teacher-info .row{justify-content:space-between;margin:auto;width:100%}.teacher-info .avatar{margin-right:10px;margin-top:33px}.teacher-info .col-md-7{flex:0 0 calc(100% - 220px);max-width:100%}.teacher-info .about-teacher{text-align:start}.form-register .bg-form{background-size:cover;display:block;height:100%}.form-register .form-left{background:none}.form-register .form-left h4{font-size:30px;line-height:40px;text-align:start}.form-register .form-left .cou-price{text-align:start}.form-register .form-left .cou-price h4{display:inline-block;margin-right:10px}.form-register .form-right{margin-top:90px}.form-register .form-right .cou-countdown{margin:auto}.form-register .form-right .cou-countdown span{line-height:27px;margin-top:12px}.form-register .form-right .form-register-student{margin:35px auto}.list-questions{padding:30px 0}.list-questions h4{font-size:40px;line-height:21px;margin-bottom:60px}.cou-slide-behoof .show-lg{display:flex!important}.cou-slide-behoof .hide-lg{display:none!important}.cou-slide-behoof #slide-behoof-lg{display:flex;justify-content:space-between}.cou-slide-behoof #slide-behoof-lg .note-behoof{width:100%}}@media (min-width:992px){.cou-countdown span{line-height:21px;margin-top:8px;width:30%}.cou-countdown .time-countdown li span{line-height:21px;width:100%}.teacher-info .row{width:80%}.form-register .bg-form{background-position:100%}.form-register .form-right .cou-countdown,.form-register .form-right .form-register-student{width:396px}}.btn-custom-white2{background:#fff!important;border:1px solid #d91b5c!important;border-radius:18px;color:#d91b5c!important;outline:none;transition:.2s ease-in-out}.btn-custom-white2.active,.btn-custom-white2:focus,.btn-custom-white2:hover{background:#fbe8ee!important;box-shadow:none;color:#d91b5c!important}.about-content{background:linear-gradient(0deg,rgba(47,128,237,.05),hsla(0,0%,100%,0)),linear-gradient(0deg,#fff,#fff);padding:15px 0}.about-content .about-item{display:flex;flex-direction:column;margin:auto;padding:10px 20px}.about-content .scroll-flex .scroll-flex-item{width:200px}.custom-text-intro{font-size:14px;font-weight:600}.icon{background-repeat:no-repeat;cursor:pointer;display:inline-flex;margin:auto 0;position:relative;vertical-align:middle}.icon.icon-small{background:url(/frontend/img/gitiho_v2/icon/icon-small.png)}.icon.icon-small2{background:url(/frontend/img/gitiho_v2/icon/icon-small2.png)}.icon.icon-big{background:url(/frontend/img/gitiho_v2/icon/icon-big.png)}.icon.icon-social{background:url(/frontend/img/gitiho_v2/icon/icon-social.png)}.icon.icon-studying{background:url(/frontend/img/gitiho_v2/icon/icon-studying.png)}.icon.icon-bar{background-position-x:-237px;background-position-y:0;height:20px;width:21px}.icon.icon-success{background-position-x:-236px;background-position-y:0;height:16px;margin-right:5px;margin-top:-4px;width:16px}.icon.icon-cart{background-position-x:-24px;background-position-y:0;height:20px;width:20px}.icon.icon-user{background-position-x:-220px;background-position-y:36px;height:12px;margin-right:5px;margin-top:-4px;width:12px}.icon.icon-cloud{background-position-x:168px;background-position-y:0;height:50px;width:50px}.icon.icon-ui{background-position-y:48px}.icon.icon-approved,.icon.icon-ui{background-position-x:0;height:50px;width:50px}.icon.icon-approved,.icon.icon-code{background-position-y:0}.icon.icon-code{background-position-x:108px;height:50px;width:50px}.icon.icon-student{background-position-x:110px;background-position-y:0;height:12px;width:12px}.icon.icon-cou-new{background-position-x:274px;background-position-y:36px;height:12px;width:12px}.icon.icon-user-rv{background-position-x:0;background-position-y:36px;height:36px;width:36px}.icon.icon-tag{background-position-x:-22px;background-position-y:92px;height:16px;width:16px}.icon.icon-address{background-position-x:144px;background-position-y:103px;height:13px;margin-top:-2px;width:12px}.icon.icon-facebook{background-position-x:0}.icon.icon-facebook,.icon.icon-youtube{background-position-y:0;height:35px;width:36px}.icon.icon-youtube{background-position-x:111px}.icon.icon-instagram{background-position-x:68px;background-position-y:0;height:35px;width:36px}.icon.icon-mod{background-position-x:-22px}.icon.icon-date,.icon.icon-mod{background-position-y:0;height:16px;width:16px}.icon.icon-date{background-position-x:-44px}.icon.icon-form-register,.icon.icon-register{background-position-x:0;background-position-y:0;height:16px;width:16px}.icon.icon-about-1{background-position-x:54px;background-position-y:0;height:24px;width:24px}.icon.icon-about-2{background-position-x:172px;background-position-y:5px;height:24px;width:24px}.icon.icon-about-3{background-position-x:88px;background-position-y:2px;height:24px;width:24px}.icon.icon-about-4{background-position-x:143px;background-position-y:5px;height:24px;width:24px}.icon.icon-about-5{background-position-x:207px;background-position-y:4px;height:24px;width:24px}.icon.icon-upload{background-position-x:50px;background-position-y:-55px;height:50px;width:50px}.icon.icon-app{background-position-x:169px;background-position-y:-57px;height:50px;width:50px}.icon.icon-exercise{background-position-x:235px;background-position-y:-56px;height:50px;width:50px}.icon.icon-question{background-position-x:110px;background-position-y:-57px;height:50px;width:50px}.icon.icon-calender{background-position-x:52px;background-position-y:4px;height:50px;width:50px}.icon.icon-pixcel{background-position-x:-44px;background-position-y:-23px;height:16px;width:16px}.icon.icon-goal{background-position-x:39px;background-position-y:-1px;height:16px;width:16px}.icon.icon-pdf{background-position-x:-66px;background-position-y:0;height:16px;width:16px}.icon.icon-video{background-position-x:0;background-position-y:-22px;height:16px;width:16px}.icon.icon-form-register2{background-position-x:39px;background-position-y:-48px;height:16px;width:16px}.icon.icon-collapse-close{background-position-x:-46px;background-position-y:-98px;height:24px;width:24px}.icon.icon-collapse-open{background-position-x:-80px;background-position-y:-98px;height:24px;width:24px}.icon.icon-cod{background-position-x:154px;background-position-y:28px;height:28px;width:34px}.icon.icon-transfer{background-position-x:109px;background-position-y:28px;height:20px;width:30px}.icon.icon-momo{background-position-x:29px;background-position-y:31px;height:30px;width:30px}.icon.icon-vnpay{background-position-x:69px;background-position-y:32px;height:30px;width:30px}.icon.icon-bell{background-position-x:-238px;background-position-y:-36px;height:25px;width:25px}.icon.icon-logo{background-position-x:-34px;background-position-y:-35px;height:25px;width:25px}.icon.icon-my-course{background-position-x:65px}.icon.icon-my-course,.icon.icon-write{background-position-y:0;height:25px;width:25px}.icon.icon-write{background-position-x:100px}.icon.icon-calendar{background-position-y:-35px}.icon.icon-calendar,.icon.icon-money{background-position-x:0;height:25px;width:25px}.icon.icon-money{background-position-y:0}.icon.icon-setting{background-position-x:135px}.icon.icon-out-course,.icon.icon-setting{background-position-y:0;height:25px;width:25px}.icon.icon-out-course{background-position-x:30px}.icon.icon-check-circel{background-position-x:0;background-position-y:30px;height:20px;width:20px}.icon.icon-check-circel.active{background-position-x:-30px}.icon.icon-file-download{background-position-x:25px;background-position-y:65px;height:35px;width:35px}.icon.icon-idea{background-position-x:110px;background-position-y:30px;height:30px;width:20px}.icon.icon-info-circle{background-position-x:80px;background-position-y:30px;height:15px;width:15px}.icon.icon-lock{background-position-x:55px;background-position-y:29px;height:30px;width:30px}#content .percent-sale span{line-height:55px}@media (min-width:992px){.hide-lg{display:none!important}.show-lg{display:block!important}}#content .sticky-top{z-index:1}