@font-face{font-family:yekanbakh;font-style:normal;font-weight:800;src:url('../themes/academy/assets/app/fonts/yekanbakh/fonts/ttf/yekan_bakh_fanum_heavy.ttf') format('truetype')}
@font-face{font-family:yekanbakh;font-style:normal;font-weight:bold;src:url('../themes/academy/assets/app/fonts/yekanbakh/fonts/ttf/yekan_bakh_fanum_bold.ttf') format('truetype')}
@font-face{font-family:yekanbakh;font-style:normal;font-weight:500;src:url('../themes/academy/assets/app/fonts/yekanbakh/fonts/ttf/yekan_bakh_fanum_medium.ttf') format('truetype')}
@font-face{font-family:yekanbakh;font-style:normal;font-weight:400;src:url('../themes/academy/assets/app/fonts/yekanbakh/fonts/ttf/yekan_bakh_fanum_regular.ttf') format('truetype')}
@font-face{font-family:yekanbakh;font-style:normal;font-weight:100;src:url('../themes/academy/assets/app/fonts/yekanbakh/fonts/ttf/yekan_bakh_fanum_thin.ttf') format('truetype')}
@font-face{font-family:IRANSans;font-style:normal;font-weight:900;src:url('../themes/academy/assets/app/fonts/iransans/fonts/woff2/IRANSansXFaNum-Black.woff2') format('woff2'),url('../themes/academy/assets/app/fonts/iransans/fonts/woff/IRANSansXFaNum-Black.woff') format('woff')}
@font-face{font-family:IRANSans;font-style:normal;font-weight:bold;src:url('../themes/academy/assets/app/fonts/iransans/fonts/woff2/IRANSansXFaNum-Bold.woff2') format('woff2'),url('../themes/academy/assets/app/fonts/iransans/fonts/woff/IRANSansXFaNum-Bold.woff') format('woff')}
@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url('../themes/academy/assets/app/fonts/iransans/fonts/woff2/IRANSansXFaNum-Medium.woff2') format('woff2'),url('../themes/academy/assets/app/fonts/iransans/fonts/woff/IRANSansXFaNum-Medium.woff') format('woff')}
@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url('../themes/academy/assets/app/fonts/iransans/fonts/woff2/IRANSansXFaNum-Light.woff2') format('woff2'),url('../themes/academy/assets/app/fonts/iransans/fonts/woff/IRANSansXFaNum-Light.woff') format('woff')}
@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url('../themes/academy/assets/app/fonts/iransans/fonts/woff2/IRANSansXFaNum-UltraLight.woff2') format('woff2'),url('../themes/academy/assets/app/fonts/iransans/fonts/woff/IRANSansXFaNum-UltraLight.woff') format('woff')}
@font-face{font-family:IRANSans;font-style:normal;font-weight:normal;src:url('../themes/academy/assets/app/fonts/iransans/fonts/woff2/IRANSansXFaNum-Regular.woff2') format('woff2'),url('../themes/academy/assets/app/fonts/iransans/fonts/woff/IRANSansXFaNum-Regular.woff') format('woff')}
.loader{margin:0 auto;width:60px;height:50px;text-align:center;font-size:10px;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%)}
.loader>div{height:100%;width:8px;display:inline-block;float:left;margin-left:2px;-webkit-animation:delay 0.8s infinite ease-in-out;animation:delay 0.8s infinite ease-in-out}
.loader .bar1{background-color:#754fa0}
.loader .bar2{background-color:#09b7bf;-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
.loader .bar3{background-color:#90d36b;-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
.loader .bar4{background-color:#f2d40d;-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.loader .bar5{background-color:#fcb12b;-webkit-animation-delay:-0.4s;animation-delay:-0.4s}
.loader .bar6{background-color:#ed1b72;-webkit-animation-delay:-0.3s;animation-delay:-0.3s}
@-webkit-keyframes delay{0%,40%,100%{-webkit-transform:scaleY(0.05)}20%{-webkit-transform:scaleY(1)}}
@keyframes delay{0%,40%,100%{transform:scaleY(0.05);-webkit-transform:scaleY(0.05)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
html,
body{font-family:yekanbakh,sans-serif;direction:rtl;text-align:right;color:#212529}
html a:hover,
body a:hover{text-decoration:none}
html a:focus,
body a:focus{outline:none}
html .logout,
body .logout{cursor:pointer}
.main-layout{padding-top:65px;background:#f5f5f5}
@media (min-width:1200px){.main-layout{padding-top:85px}}
.user-panel-layout{padding-top:65px;background:#f5f5f5}
@media (min-width:1200px){.user-panel-layout{padding-top:85px}}
html{background-color:#ededed}
label{color:#1c1c1c;font-size:15.2px;font-weight:normal;margin-right:0;width:100%}
input[type=text],
input[type=number],
input[type=email],
input[type=date],
input[type=password],
select,
textarea{min-height:40px;font-size:16px!important;font-weight:400!important;background-color:#fff !important;-moz-appearance:none;color:#888 !important;appearance:none;border:1px solid #dcdcdc !important;border-radius:0 !important;box-shadow:0 0 3px 0 rgba(0,0,0,0.06) !important;-webkit-appearance:none;-webkit-transition:all 0.2s;transition:all 0.2s}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=password]:focus,
select:focus,
textarea:focus{color:#888 !important;outline:none!important;box-shadow:0 0 10px 0 rgba(0,0,0,0.07000000000000001) !important}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=date]::placeholder,
input[type=password]::placeholder,
select::placeholder,
textarea::placeholder{color:#ddd;text-align:right}
input[type=text]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#ddd;text-align:right}
input[type=text]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder{color:#ddd;text-align:right}
.form-checkbox,
.form-radio{display:inline-block;width:auto;position:relative;padding-right:18.4px;margin-left:18.4px;margin-top:5.6px;margin-bottom:0;cursor:pointer;font-size:12px!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#888}
.form-checkbox input[type=checkbox],
.form-radio input[type=checkbox],
.form-checkbox input[type=radio],
.form-radio input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.form-checkbox input + span,
.form-radio input + span{position:absolute;top:1.6px;right:0;height:14.4px;width:14.4px;border:1.6px solid #00baa9;border-radius:4px}
.form-checkbox input + span:after,
.form-radio input + span:after{content:"";position:absolute;display:none;right:3.2px;top:0;width:4px;height:8px;border:solid white;border-width:0 2.4px 2.4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.form-checkbox input:checked + span,
.form-radio input:checked + span{background-color:#00baa9}
.form-checkbox input:checked + span:after,
.form-radio input:checked + span:after{display:block}
.form-radio input + span{border-radius:8px;background-color:transparent!important}
.form-radio input + span:after{right:1.5px;top:1.5px;width:8px;height:8px;border:none;border-radius:8px;background-color:#00baa9}
.form-dropdown option.placeholder{display:none}
.form-switch{display:inline-block}
.form-switch input[type=checkbox]{height:0;width:0;visibility:hidden}
.form-switch label{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:#1c1c1c;display:block;border-radius:5px;position:relative}
.form-switch label:after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;background:#f5f5f5;border-radius:3px;transition:0.3s}
.form-switch input:checked + label{background:#00baa9}
.form-switch input:checked + label:after{left:calc(100% - 7px);transform:translateX(-100%)}
.form-switch label:active:after{width:40px}
.btn{border-radius:0 !important;min-width:160px;padding:0.575rem 0.35rem !important;border:none;outline:none}
.btn:focus,
.btn.focus{outline:none!important;box-shadow:none!important}
.show-all,
.create-button{color:#999;line-height:1;display:inline-block;font-weight:normal;cursor:pointer;font-size:16px;padding:12px 24px;border:none;border-radius:8px}
.show-all:hover,
.create-button:hover{color:#e85809}
.btn-primary{background-color:#00baa9;color:#f5f5f5;border:1px solid #00baa9}
.btn-primary:hover:not(:disabled),
.btn-primary.active{background-color:#00d3c0;border:1px solid #00d3c0;color:#fff}
.btn-primary:disabled{cursor:not-allowed}
.btn-secondary{cursor:pointer;background-color:transparent;border:1px solid #00baa9;color:#00baa9}
.btn-secondary:hover,
.btn-secondary.active{background-color:transparent;border:1px solid #00d3c0;color:#00d3c0}
.modal-content{background-color:#f5f5f5;border-radius:4px;border:none}
.modal-content .modal-header,
.modal-content .modal-footer{border:none;padding:20px 20px 0 20px;display:block}
.modal-content .modal-title{display:block;color:#1c1c1c;font-size:14.5px;font-weight:bold}
.modal-content .modal-description{display:block;color:#a4b5bd;font-size:12px;font-weight:normal}
.modal-content .modal-body{padding:35px}
@media (max-width:576px){.modal-content .modal-body{padding:10px}}
.fade-scale{transform:scale(0) rotate(-180deg);opacity:0;-webkit-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear}
.fade-scale.show{opacity:1;transform:scale(1) rotate(0deg)}
.clickable-row{cursor:pointer}
.hide{display:none!important}
@media (max-width:575px){.d-xs-none{display:none!important}}
.sub-title{color:#00baa9;font-size:22px;font-weight:700;margin-bottom:0 !important;margin-top:0 !important;text-align:right;line-height:21px;display:inherit}
.sub-description{color:#1c1c1c;font-size:12px;line-height:21px;font-weight:normal;padding-top:0;text-align:right}
.content-block{color:#212529;font-weight:normal;font-size:15px;text-align:right;line-height:23.2px}
.content-block img{max-width:100%}
.content-block a{color:#00baa9}
.content-image img{width:100%;border-radius:8px}
.vertical-diver{display:block;height:42.4px;background-color:#1c1c1c;opacity:0.3;width:1px;margin-right:40px;margin-left:40px}
.bg-light{background-color:#e6e7e9;padding:10px 25px 10px 25px;border-radius:10px}
.bg-light .row div{padding:7px}
.bg-light .row div .custom-card{padding:5px;background-color:#1b1b1b;text-align:center;border-radius:10px}
.bg-light .row div .custom-card img{width:100%;border-radius:6px}
.bg-light .row div .custom-card a{color:#fff;padding:10px 5px 10px 5px;display:inline-block;text-decoration:none;font-size:18px}
.breadcrumb .breadcrumb-item + .breadcrumb-item{color:#a1d9eb;padding-left:unset}
.breadcrumb .breadcrumb-item + .breadcrumb-item.active{color:#749ca9}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:#999;content:">";padding-left:0.5rem}
.custom-arrow{border-style:solid;border-collapse:inherit;border-width:0 2.4px 2.4px 0;display:inline-block;padding:2.4px;position:relative;top:0}
.custom-arrow.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.custom-arrow.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.custom-arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.custom-arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.main-loading{position:fixed;z-index:5000;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,0.6)}
[data-control=auto-pager]:not(.pager-is-loading){opacity:0}
.login-box .btn-group{background-color:white;padding:5px;border:1px solid #e5e5e5;width:100%;border-radius:4px;gap:5px}
.login-box .btn-group .btn{cursor:pointer;border-radius:2px!important}
.login-box .btn-group .btn:hover{background:rgba(0,0,0,0.03)}
.login-box .btn-group .active{background-color:#00baa9;color:#f5f5f5}
.login-box .btn-group .active:hover{background-color:#00baa9}
.login-box #mobile,
.login-box #email{text-align:center;height:50px;letter-spacing:2px;direction:ltr}
.login-box #mobile::placeholder,
.login-box #email::placeholder{text-align:center}
.login-box #mobile:-ms-input-placeholder,
.login-box #email:-ms-input-placeholder{text-align:center}
.login-box #mobile::-ms-input-placeholder,
.login-box #email::-ms-input-placeholder{text-align:center}
.login-box .otp-inputs{direction:ltr;display:flex;gap:1rem}
.login-box .otp-inputs input{text-align:center}
#payment-component-container .pay-type{border-bottom:1px solid #00baa9;margin:0}
#payment-component-container .pay-type .col{padding:0}
#payment-component-container .pay-type label{cursor:pointer;text-align:center;width:100%;margin-left:0;padding-right:4px;padding-left:4px}
#payment-component-container .pay-type label .title{border:1px solid #00baa9;border-bottom:none;border-radius:4px 4px 0 0;display:block;font-size:16px;color:#00baa9;padding:5px 10px}
#payment-component-container .pay-type label input:checked + .title{background-color:#00baa9;color:#fff}
#payment-component-container .banks{padding:20px 20px 10px 10px;text-align:center}
#payment-component-container .banks .bank{width:72px;height:72px;border:2px solid #fff;border-radius:15px;display:inline-flex;margin-bottom:10px;margin-left:10px;background-color:#fff;text-align:center}
#payment-component-container .banks .bank.active{border:2px solid #00baa9}
#payment-component-container .banks .bank span{display:none}
#payment-component-container .banks .bank label{margin:0;padding:5px;color:#fff;cursor:pointer}
#payment-component-container .banks .bank img{padding:5px;border-radius:13px}
#payment-component-container .banks .bank input{position:relative;top:5px;display:none}
#payment-component-container .wallet-info{padding:1rem}
#payment-component-container .wallet-info a{display:inline-block;padding:1rem;font-size:20px;color:#00baa9;cursor:pointer}
#payment-component-container .transfer-cash{padding:1rem;text-align:right}
@media (max-width:430px){#payment-component-container .transfer-cash{padding-right:0;padding-left:0}}
#payment-component-container .transfer-cash .cash-card{cursor:pointer}
#payment-component-container .transfer-cash .cash-card input{display:none}
#payment-component-container .transfer-cash .cash-card>div{background-size:cover;width:289px;height:182px;margin-right:5px;margin-left:5px;padding:5px;border-radius:1rem;position:relative}
#payment-component-container .transfer-cash .cash-card>div img{height:60px;margin-right:10px;margin-left:10px;display:inline-block}
#payment-component-container .transfer-cash .cash-card>div .card-number{position:absolute;bottom:57px;left:14px;font-size:22px;font-weight:900;direction:ltr;word-spacing:8px}
#payment-component-container .transfer-cash .cash-card>div .full-name{position:absolute;bottom:10px;right:29px;font-size:21px;font-weight:500}
#payment-component-container .transfer-cash .cash-card>div .title{font-size:15px;font-weight:500}
#payment-component-container .transfer-cash .cash-card>div .sheba-number{position:absolute;bottom:44px;left:15px;font-size:14px;font-weight:100;letter-spacing:2px;direction:ltr}
#payment-component-container .transfer-cash .cash-card input:checked + div{filter:none}
#payment-component-container .submit-payment a{color:#fff;font-weight:600;display:inline-block;font-size:19px;padding:11px;z-index:55;background-color:#00baa9;border-radius:3px;height:50px;width:100%;text-align:center;position:relative;margin-top:1rem}
#payment-component-container .submit-payment a::before{display:inline-block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f09d";width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
#payment-component-container #discount-code-button{font-weight:lighter;color:#00baa9;background-color:white;border:1px solid #00baa9;border-radius:0;height:41px;margin-right:3px;padding:0.4rem 0.75rem}
#payment-component-container #discount-code-button:focus{outline:none}
#payment-component-message{display:block;padding:13px;font-weight:bold;margin-top:20px;border-radius:7px;text-align:center}
#payment-component-message.message-0{background-color:#f99;color:#e85809;box-shadow:2px 2px 6px 2px rgba(0,0,0,0.2)}
#payment-component-message.message-1{background-color:#9f9;color:#00baa9;box-shadow:2px 2px 6px 2px rgba(0,0,0,0.2)}
#discount-code-result{text-align:center;padding:1rem;margin:0.5rem}
.discount-code-label{color:#7b868a}
#payable-amount{text-align:center;padding:1rem;margin:0.5rem;font-size:1.25rem}
#payable-amount .label{font-weight:lighter}
#payable-amount .value{font-weight:bold;color:#00AAE2}
#datepicker-component-container i.clear-date-picker-input{display:inline-block;background:url(../themes/academy/assets/app/img/icon/remove.svg);width:30px;height:30px;background-position:center;background-size:contain;float:left;position:relative;top:-34px}
#addresses-component-container .create-button{color:#f5f5f5;font-size:12.8px;line-height:15.36px;height:32px;display:inline-block;font-weight:normal;cursor:pointer;background:#00baa9;padding:7.2px 12.8px;border:none;border-radius:12px}
#addresses-component-container .create-button:hover{background:#e85809;color:#f5f5f5}
#addresses-component-container .addresses{margin-top:30px}
#addresses-component-container .addresses #address-none{color:#1c1c1c;text-align:center;padding:10px}
#addresses-component-container .addresses .add-address-title{font-size:14.4px;font-weight:bold;color:#1c1c1c;display:block;text-align:left}
#addresses-component-container .addresses .add-address-description{font-size:12px;font-weight:normal;color:#a4b5bd;display:block;text-align:left;margin-top:5px}
#addresses-component-container .addresses .address{padding:15px;position:relative}
#addresses-component-container .addresses .address label{margin:0}
#addresses-component-container .addresses .address .address-value{margin-right:10px}
#addresses-component-container .addresses .address .address-title{display:none}
#addresses-component-container .addresses .address .contact-number{margin-right:10px;display:none}
#addresses-component-container .addresses .address .edit-button{height:25px;width:25px;display:inline-block;margin-bottom:-10px;margin-right:15px;color:#00baa9}
#addresses-component-container .addresses .address .edit-button:hover{color:#e85809}
#addresses-component-container .addresses .address .remove{right:unset;left:10px;top:10px}
#address-form .map-label{text-align:center;font-size:12px;color:#1c1c1c;padding:20px;border-top:1px solid #e9ecef;margin-left:-30px;margin-right:-30px}
#address-form .row{border:none;margin-right:-10px;margin-left:-10px}
#address-form #map{box-shadow:3.2px 3.2px 8.800000000000001px 0 rgba(0,0,0,0.2);border-radius:7px}
#address-form .form-group{padding-bottom:10px}
#order-component-container #order-details-table{margin-bottom:20px}
#order-component-container #orders-list-table .detail{margin:10px}
#order-component-container #orders-list-table .payed{color:#00baa9;font-weight:bold;font-size:18px}
#order-component-container #orders-list-table .un-payed{color:red;font-weight:bold;font-size:18px}
#order-component-container .user-description label{font-size:14.4px;margin-bottom:-100px;margin-right:21px;position:relative;bottom:-35px}
#order-component-container .user-description textarea{background-color:#fff !important;padding-top:40px;height:111px}
#order-component-container .user-description textarea::placeholder{color:#ccd9de !important}
#order-component-container .user-description textarea:-ms-input-placeholder{color:#ccd9de !important}
#order-component-container .user-description textarea::-ms-input-placeholder{color:#ccd9de !important}
#header{position:fixed;top:0;z-index:1000;width:100%}
#header .hamburger{width:47px;height:47px;position:fixed;top:8px;right:15px;padding:8px 5px;z-index:5000;cursor:pointer;border-radius:50px}
@media (min-width:1200px){#header .hamburger{display:none}}
#header .hamburger .line{width:26px;border-radius:1px;height:2px;background-color:#00baa9;display:block;margin:6px auto;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#header .hamburger.is-active{-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#header .hamburger.is-active .line:nth-child(1){-webkit-transform:translateY(8px) rotate(-45deg);-ms-transform:translateY(8px) rotate(-45deg);-o-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}
#header .hamburger.is-active .line:nth-child(2){width:0}
#header .hamburger.is-active .line:nth-child(3){-webkit-transform:translateY(8px) rotate(-45deg);-ms-transform:translateY(8px) rotate(-45deg);-o-transform:translateY(8px) rotate(-45deg);transform:translateY(-8px) rotate(45deg)}
#header #cart-counter{color:#212529;position:absolute;top:22px;left:15px;font-size:14px;display:inline-block;border-right:1px solid #ddd;padding-right:15px;text-align:center}
#header #cart-counter:hover{color:#00baa9}
#header #cart-counter .count{background-color:#e85809;color:#f5f5f5;padding:0 4px;min-width:15px;text-align:center;display:inline-block;border-radius:11px;font-size:10.4px;position:relative;font-weight:bold;margin-left:-15px;left:4px;top:-11px}
#header #width-navigation{display:inline-block;padding-top:7px;margin-right:10px;text-align:right}
@media (max-width:1200px){#header #width-navigation{display:none}}
#header #width-navigation a{color:#00baa9;display:inline-block;height:47.2px;font-size:18px;font-weight:500;padding:8px;word-spacing:0;cursor:pointer}
#header #width-navigation a:hover,
#header #width-navigation a.active{color:#e85809}
#header #width-navigation .dropdown-menu{margin-top:10px}
#header #width-navigation .dropdown-toggle::after{margin-right:4px;vertical-align:2px;margin-left:0}
#header .search-bar{height:65px;background-color:#fff}
@media (min-width:1200px){#header .search-bar{height:85px;border-top:10px solid #fff}}
#header .search-bar .container{position:relative}
#header .search-bar .logo{margin-top:-5px;display:inline-block}
#header .search-bar .logo img{height:75px}
@media (max-width:1200px){#header .search-bar .logo{display:none}}
#header .search-bar input{position:absolute;left:221px;top:13px;width:0;background-color:#fff !important;border:1px solid #ddd !important;border-radius:6px !important;z-index:1;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;box-shadow:none !important;height:26px;padding:8px 20px}
@media (max-width:1200px){#header .search-bar input{left:70px}}
#header .search-bar input:focus{box-shadow:none !important;border:1px solid #ccc !important}
#header .search-bar .search-results{position:absolute;left:221px;top:56px;width:0;background-color:#fff !important;border:1px solid #eee !important;z-index:1;max-height:80vh;overflow-y:auto}
@media (max-width:1200px){#header .search-bar .search-results{left:70px}}
#header .search-bar .search-results>div{text-align:center;padding:18px;font-weight:bold;color:#00baa9;font-size:10px}
#header .search-bar .search-results>a{color:#1c1c1c;display:block;border-top:1px solid #eee;padding:5px;font-weight:100;font-size:12px}
#header .search-bar .search-results>a:hover{background-color:#eee}
#header .search-bar .search-results>a img{width:30px;height:30px;object-fit:cover;margin-left:5px;border-radius:3px}
#header .search-bar .search{position:absolute;left:220px;top:8px;z-index:2;padding:11px;border-radius:8px 0 0 8px;cursor:pointer}
@media (max-width:1200px){#header .search-bar .search{left:69px}}
#header .search-bar .search img{width:18.2px;height:18.2px}
#header .search-bar .login,
#header .search-bar .user-panel-button{color:#212529;position:absolute;top:13px;left:70px;font-size:14px;border:1px solid #ddd;display:inline-block;padding:9px;width:131px;height:40px;text-align:center;border-radius:6px}
@media (max-width:1200px){#header .search-bar .login,#header .search-bar .user-panel-button{display:none}}
#header .search-bar .login:hover,
#header .search-bar .user-panel-button:hover{color:#00baa9;border:1px solid #00baa9}
#header .search-bar.searching input{background-color:#eee !important;width:calc(100% - 325px)}
@media (max-width:1200px){#header .search-bar.searching input{width:calc(100% - 142px)}}
#header .search-bar.searching .search-results{width:calc(100% - 325px)}
@media (max-width:1200px){#header .search-bar.searching .search-results{width:calc(100% - 142px)}}
#header .search-bar.searching #width-navigation{display:none}
#header .dropdown-menu{top:-13px !important;left:unset !important;right:0 !important}
#header #width-navigation nav .dropdown-menu{border-radius:8px;border:none;background-color:#fff;z-index:1001}
#header #width-navigation nav .dropdown-menu .dropdown-item{color:#1c1c1c;font-weight:normal;font-size:11px;text-align:right;padding-top:10px;padding-bottom:10px}
#header #width-navigation nav .dropdown-menu a:hover{color:#000}
#header #side-navigation .logo{width:115px;display:block;margin-left:auto;margin-right:auto;margin-top:-35px}
#header #side-navigation .logo img{width:115px}
#header #side-navigation nav{background-color:#f5f5f5;position:fixed;height:100%;padding-top:55px;padding-bottom:15px;overflow:auto;z-index:500;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#header #side-navigation nav div{font-size:smaller}
#header #side-navigation nav::-webkit-scrollbar{width:5px}
#header #side-navigation nav::-webkit-scrollbar-track{background:#a1d9eb}
#header #side-navigation nav::-webkit-scrollbar-thumb{background:#00baa9}
@media (max-width:499px){#header #side-navigation nav{width:100%;right:-100%}}
@media (min-width:500px){#header #side-navigation nav{width:350px;right:-350px}}
#header #side-navigation nav.is-active{right:0;box-shadow:-300px 0 1px 1000px rgba(0,0,0,0.75)}
#header #side-navigation .nav-link{display:block;text-align:center;margin-top:7px;color:#212529;z-index:501}
#header #side-navigation .nav-link:hover,
#header #side-navigation .nav-link.active{color:#e85809}
#footer{background-color:#fafafa;border-top:1px solid #e0e0e0;display:block;margin-top:50px;color:#212529}
#footer h3{font-size:17px;font-weight:500}
#footer .container-nav{padding-top:1.5rem;padding-bottom:1rem}
#footer .container-nav .contact-item{border:2px solid #e0e0e0;margin-left:2rem;border-radius:30px;background-color:rgba(0,0,0,0.04);display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;text-align:center}
#footer .container-nav .contact-item .label{flex:1 1;color:rgba(33,37,41,0.6);margin:0;font-size:0.85714286rem;font-weight:400;line-height:1.5}
#footer .container-nav .contact-item .value{background-color:#fafafa;direction:ltr;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:10px 8px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#footer .container-nav .contact-item .value .icon{margin:0 8px;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:1.28571429rem}
#footer .container-nav .contact-item .value .text{margin:0 8px;font-size:0.85714286rem;font-weight:400;line-height:1.5}
#footer .container-nav #footer-right-content{padding-top:1rem;line-height:2.5rem;font-size:15px;text-align:justify;max-height:calc((2.5rem * 8) + 1rem);overflow:hidden;transition:max-height 0.3s}
#footer .container-nav #footer-right-content.open{max-height:none}
#footer .container-nav #footer-right-content-btn{display:none;margin-top:10px;font-size:13px;cursor:pointer;color:#00baa9}
#footer .container-nav nav{display:block;padding-bottom:18px}
#footer .container-nav nav a{color:#212529;font-size:15px;font-weight:normal;padding:5px 5px;display:block;cursor:pointer}
#footer .container-nav nav a:hover{color:#00baa9}
#footer .container-nav .enamad-wrapper{background-color:white;border-radius:0.5rem;display:inline-block;margin:0.5rem}
#footer .container-nav .enamad-wrapper img{height:130px;padding:8px}
#footer .container-nav .downloads{text-align:center}
#footer .container-nav .downloads a{display:inline-block;margin:0.5rem}
#footer .container-nav .downloads a img{height:3.5rem}
#footer .copy-right{background-color:#0000000c;font-weight:100;font-size:15px;text-align:center;padding-top:1rem;padding-bottom:1rem;line-height:1.8rem}
#footer .copy-right .contact{padding-bottom:0.5rem}
#footer .copy-right .contact span{font-size:12px;display:inline-block}
#footer .copy-right .contact a{font-size:15px;color:white;cursor:pointer}
#footer .copy-right .contact a img{width:28px;margin-left:10px}
@media (max-width:992px){#footer .copy-right .copy{text-align:center!important}#footer .copy-right .contact{text-align:center!important}}
#footer .support-form{position:fixed;bottom:50px;left:50px;background-color:#00baa9;border:1px solid #00baa9;z-index:1000;height:40px;width:120px;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:50px;padding:0}
#footer .support-form .desc{font-size:16px;font-weight:normal;color:white;padding:1rem;padding-top:0}
#footer .support-form form{display:none;padding-top:15px}
#footer .support-form .support-menu{color:#fff;display:block;padding:10px;text-align:center;font-size:12px;direction:ltr}
#footer .support-form .support-menu .fa-phone{display:inline}
#footer .support-form .support-menu .fa-xmark{display:none}
#footer .support-form .support-menu span{display:inline-block}
#footer .support-form label{color:#fff !important}
#footer .support-form .form-group{float:right;width:100%;padding:0 2px}
#footer .support-form.active{padding:10px;background-color:#e85809}
#footer .support-form.active form{display:block}
@media (max-width:499px){#footer .support-form.active{width:100%;border-radius:0 0 0 0;height:100%;left:0;bottom:0;border:none}}
@media (min-width:500px){#footer .support-form.active{width:420px;height:80%;bottom:7%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:2px solid #00baa9}}
#footer .support-form.active .support-menu{font-size:16px;font-weight:bold}
#footer .support-form.active .support-menu .fa-phone{display:none}
#footer .support-form.active .support-menu .fa-xmark{display:inline}
@media (max-height:550px){#footer .support-form .form-group{margin-bottom:0}#footer .support-form .support-menu{margin-bottom:0}}
#main-breadcrumb{height:58px;margin-bottom:-58px;z-index:50;position:relative}
#main-breadcrumb .main-breadcrumb{list-style:none;display:inline-flex;flex-wrap:wrap;background-color:#1c1c1c;border-radius:12px 0 12px 12px;margin-top:8px;padding:1px 11px 2px 43px}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item{color:#f5f5f5;padding:6px;font-size:10.5px}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item a{color:#f5f5f5}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item span{margin-right:12px}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item.active{color:#f5f5f5}
#error-404{padding-top:15vh;padding-bottom:15vh}
#slideshow{overflow:hidden}
#slideshow .carousel-control-next,
#slideshow .carousel-control-prev{width:85.59999999999999px}
#slideshow .carousel-control-next-icon-custom{background-image:url('../themes/academy/assets/app/img/icon/arrow.svg');background-size:contain;background-repeat:no-repeat;height:41px;width:34.6px;margin-left:25px}
#slideshow .carousel-control-prev-icon-custom{background-image:url('../themes/academy/assets/app/img/icon/arrow.svg');background-size:contain;background-repeat:no-repeat;-webkit-transform:scaleX(-1);height:41px;width:34.6px;margin-right:25px}
#slideshow img{width:100%}
#slideshow .video-container{position:relative;cursor:pointer;background-color:#000}
#slideshow .video-container .video-cover{opacity:0.5}
#slideshow .video-container .play-video-icon{width:200px;position:absolute;left:calc(50% - 100px);top:calc(50% - 100px);opacity:0.8}
#slideshow .video-container:hover .play-video-icon{opacity:1}
#slideshow .container{display:none;margin-top:-22vh;text-align:right}
#slideshow h4{color:#f5f5f5;background-color:#e85809;font-size:24.8px;display:inline-block;line-height:29.9px;font-weight:bold;padding:1.6px 8.800000000000001px 7.2px 8.800000000000001px;border-radius:8px;box-shadow:1px 1px 1.6px 0 rgba(0,0,0,0.3)}
#slideshow p{font-size:31.2px;font-weight:normal;display:inline-block;color:#f5f5f5;word-spacing:-8px;text-shadow:1px 1px 1.6px rgba(0,0,0,0.3);border-bottom:2px solid #f5f5f5;margin-bottom:4px}
#slideshow .carousel-caption-link{font-size:12.8px;font-weight:normal;color:#f5f5f5;position:absolute;left:0}
#slideshow .carousel-indicators li{width:8px;height:8px;border-radius:50%}
#slideshow .carousel-indicators li.active{background-color:#e85809}
#usual-page{padding-top:50px;padding-bottom:50px}
.article-categories{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:right;font-weight:400}
.article-categories ul{padding:0}
.article-categories ul.category-list{margin:0}
.article-categories ul.category-list li{list-style-type:none;padding-right:12px;padding-top:15px;margin-top:15px;border-top:1px dashed #e9ecef}
.article-categories ul.category-list li a{color:#7b868a}
.article-categories ul.category-list li a:hover{color:#00baa9}
.article-categories ul.category-list li .badge{background-color:#7b868a;color:#fff;padding:0 7px;border-radius:4px;position:relative;top:-2px;right:5px;font-size:10px}
.article-categories ul.category-list li.active>a{color:#00baa9}
.article-categories ul.category-list li.active>.badge{background-color:#00baa9}
.article-categories ul.category-list>li{padding-right:0}
.article-categories ul.category-list>li:first-child{padding-top:0;margin-top:0;border-top:none}
#articles .sidebar{will-change:min-height;float:left;width:250px}
@media (max-width:768px){#articles .sidebar{width:100%;margin-top:30px;float:none}}
#articles .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#articles #content{width:calc(100% - 262px);min-height:80vh}
@media (max-width:768px){#articles #content{width:100%}}
#articles .custom-sub-title{margin-top:30px!important;line-height:35px;font-size:30px;background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px}
#articles .articles>.row{margin-right:-6px;margin-left:-6px}
#articles .articles>.row>.col{padding-right:6px;padding-left:6px}
#articles .blog-card-large{margin-top:30px;border-radius:8px;text-align:right;position:relative;width:100%;padding-top:80%;overflow:hidden;background-color:#fff}
#articles .blog-card-large .link{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3}
#articles .blog-card-large img{top:0;position:absolute;width:100%;height:calc(100% - 105px);object-fit:cover;border-radius:8px;transform:scale(1,1);transition:transform 500ms;z-index:1}
#articles .blog-card-large img:hover{transform:scale(1.1,1);transition:transform 500ms}
#articles .blog-card-large .details{position:absolute;height:75px;left:0;right:0;bottom:0}
#articles .blog-card-large h3{font-weight:bold;font-size:15px;line-height:1.6;color:#00baa9;z-index:2;text-align:right;padding:0 1rem 0 1rem;border-radius:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
#articles .blog-card-large .description{display:none;padding:0 1rem;text-align:center;font-weight:lighter}
#articles .blog-card-large .published{display:block;width:100%;text-align:left;font-size:12px;color:#aaa;font-weight:lighter;position:absolute;bottom:10px;left:10px}
#articles .blog-card-large .category{position:absolute;bottom:75px;right:8px;z-index:4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
#articles .blog-card-large .category a{font-weight:lighter;font-size:11px;background-color:#9cf;color:#00baa9;display:inline-block;border-radius:8px;padding:2px 10px;margin:3px}
#articles .blog-card-large .category a:hover{color:white}
#articles .blog-card{margin-top:12px;border-radius:4px;width:100%;padding:0.85rem;border:1px solid #e5e5e5;background-color:#fff;position:relative;display:flex;gap:1rem}
#articles .blog-card img{width:150px;height:105px;object-fit:cover;border-radius:2px}
#articles .blog-card h3{font-weight:bold;font-size:16px;line-height:1.1;color:#00baa9;text-align:right;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
#articles .blog-card .description{font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;text-align:justify}
#articles .blog-card .published{display:block;width:100%;text-align:left;font-size:12px;color:#d2d2d2;font-weight:lighter;position:absolute;bottom:0.65rem;left:0.85rem}
#articles .blog-card .published i{margin-left:7px}
#article .sidebar{will-change:min-height;float:left;width:250px}
@media (max-width:768px){#article .sidebar{display:none}}
#article .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#article #content{width:calc(100% - 262px)}
@media (max-width:768px){#article #content{width:100%}}
#article .post-header{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-top:30px;margin-bottom:12px;font-weight:100;position:relative;color:#8f8f8f}
#article .post-header .sub-title{line-height:40px;font-size:30px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;margin-bottom:15px!important;color:#464749;font-weight:400}
@media (max-width:992px){#article .post-header .sub-title{font-size:24px}}
#article .post-header i{margin-left:5px}
#article .post-header span{display:inline-block;margin-left:10px;margin-top:5px}
#article .post-header .category{display:inline-block;margin-left:10px}
#article .post-header .category a{color:#8f8f8f;margin-left:10px}
#article .post-header .bookmark{width:40px;height:40px;border-radius:8px;position:absolute;left:10px;bottom:15px;padding:8px;color:#00baa9;font-size:19px;text-align:center}
#article .post-header .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
#article .post-header .bookmark.bookmarked i{font-weight:900}
#article .content-image{margin-bottom:12px}
#article .content-image img{width:100%;border-radius:4px}
#article .content-block{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-weight:400;text-align:justify;font-size:18px;line-height:30px;color:#212529}
#article .content-block img{max-width:100%}
#article .content-block a{color:#0d6efd}
.course-card-container .course-card-old{margin-top:24px;padding:0 0 105px 0;position:relative;display:block;z-index:1;background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;clip-path:inset(-9px 0px 0px 0px)}
.course-card-container .course-card-old .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .course-card-old .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:4px 4px 0 0;z-index:40}
.course-card-container .course-card-old .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.course-card-container .course-card-old .name{z-index:60;color:#000;height:57px;padding:15px;text-align:right;line-height:22px;font-size:15px;font-weight:bold;width:100%;display:flex;flex-direction:column;justify-content:center}
.course-card-container .course-card-old .price{z-index:60;position:absolute;width:100%;text-align:center;bottom:45px;right:0;font-size:22px;line-height:19px;display:flex;flex-direction:column;gap:6px;height:52px;justify-content:center}
.course-card-container .course-card-old .price .sale-price-with-discount{font-weight:bold;color:#00baa9;word-spacing:4px}
.course-card-container .course-card-old .price .sale-price{text-decoration-line:line-through;color:#e85809;font-size:15px;font-weight:bold}
.course-card-container .course-card-old .discount-price{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:10px 13px;position:absolute;top:10px;right:-30px;width:129px;z-index:60;line-height:13px;transform:rotateZ(45deg);box-shadow:0 0 5px rgba(0,0,0,0.3)}
.course-card-container .course-card-old .discount-price::before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #94161a;position:absolute;left:-6px;bottom:-7px;transform:rotate(-45deg)}
.course-card-container .course-card-old .discount-price .percent{font-size:16px}
.course-card-container .course-card-old .discount-price .label{font-size:16px}
.course-card-container .course-card-old .go-single{position:absolute;left:0;right:0;text-align:center;bottom:0;color:white;background-color:#00baa9;font-weight:300;font-size:15px;border-radius:0 0 4px 4px;height:35px;padding-top:5px;z-index:1}
.course-card-container .course-card-old .bookmark{display:none;width:35px;height:35px;border-radius:8px;position:absolute;left:8px;bottom:62px;padding:6px;color:#00baa9;font-size:16px;text-align:center}
.course-card-container .course-card-old .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
.course-card-container .course-card-old .bookmark.bookmarked i{font-weight:900}
.course-card-container .course-card-old .elapsed-progress{margin-right:15px;margin-left:45px;height:6px;overflow:visible;position:relative}
.course-card-container .course-card-old .elapsed-progress span{position:absolute;display:inline-block;padding:4px 2px 1px 2px;left:-35px;top:-6px;border-radius:15px;color:#fff;font-size:10px;width:30px;background-color:rgba(0,0,0,0.4);text-align:center}
.course-card-container .course-card-old .locked{position:absolute;bottom:0;left:10px;color:rgba(0,0,0,0.2);font-size:18px;z-index:2}
.course-card-container .course-card-old .rating{position:absolute;bottom:70px;left:15px;color:#aaa;font-size:13px}
.course-card-container .course-card-old .rating i{color:#ffd408}
.course-card-container .course-card{margin-top:24px;padding:0 0 0 0;position:relative;display:block;z-index:1;background-color:#fff;border:1px solid #e5e5e5;border-radius:1rem}
.course-card-container .course-card .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .course-card .cover img{object-fit:cover;position:absolute;object-position:top;width:100%;height:100%;top:0;left:0;border-radius:1rem 1rem 0 0;z-index:40}
.course-card-container .course-card .name{color:#212529;margin:9px 7px;text-align:right;font-size:17px;font-weight:bold;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card .price{z-index:60;width:100%;text-align:left;padding:12px;font-size:21px;line-height:14px;position:relative;display:inline-block;margin-top:5px}
.course-card-container .course-card .price .sale-price-with-discount{font-weight:bold;color:#00baa9;word-spacing:4px}
.course-card-container .course-card .price .sale-price{color:#777;font-size:17px;font-weight:lighter;position:relative;margin-left:15px}
.course-card-container .course-card .price .sale-price:after{width:100%;height:1px;background:#777;content:'';position:absolute;left:0;top:50%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
.course-card-container .course-card .price .discount-price{text-align:center;color:black;border-radius:6px;background-color:#fdb913;display:inline-block;padding:6px;position:absolute;top:4px;right:8px;font-size:23px;z-index:60;line-height:13px;font-family:Arial,Helvetica,sans-serif}
.course-card-container .course-card .price .discount-price .percent{position:absolute;right:5px;top:3px;font-size:15px;font-weight:900}
.course-card-container .course-card .price .discount-price .label{position:absolute;right:4px;top:14px;font-size:8px}
.course-card-container .course-card .price .discount-price .number{font-weight:900;padding-right:15px}
.course-card-container .course-card .elapsed-progress{height:6px;direction:ltr;border-radius:0}
.course-card-container .course-card .ico{position:relative;height:25px}
.course-card-container .course-card .ico .locked{position:absolute;top:0;right:15px;color:rgba(0,0,0,0.2);font-size:15px;z-index:2}
.course-card-container .course-card .ico .rating{position:absolute;top:0;left:15px;color:#aaa;font-size:12px}
.course-card-container .course-card .ico .rating i{color:#ffd408}
.course-card-container .course-card-quark{margin-top:24px;padding:8px;position:relative;display:block;z-index:1;background-color:#fff;border-radius:1.2rem}
.course-card-container .course-card-quark .cover{width:100%;padding-top:75%;position:relative}
.course-card-container .course-card-quark .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1rem;z-index:40}
.course-card-container .course-card-quark .name{color:#212529;margin-top:5px;text-align:right;font-size:17px;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card-quark .category{color:#999;font-weight:lighter;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;height:18px;font-size:14px;text-align:right}
.course-card-container .course-card-quark .price{z-index:60;display:flex;flex-direction:column;justify-content:end;height:50px}
.course-card-container .course-card-quark .price .sale-price-with-discount{font-weight:normal;font-size:18px;color:#212529;word-spacing:4px;background-color:#f5f5f5;border-radius:8px;padding:2px 7px}
.course-card-container .course-card-quark .price .sale-price{color:#ff5849;font-size:13px;font-weight:lighter;text-decoration-line:line-through}
.course-card-container .course-card-quark .price .sale-price small{font-size:13px}
.course-card-container .course-card-quark .content{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end}
.course-card-container .course-card-quark .content .locked{color:rgba(0,0,0,0.2);font-size:15px;padding:0 5px}
.course-card-container .course-card-helios{margin-top:24px;position:relative;display:block;z-index:1}
.course-card-container .course-card-helios .cover{width:100%;padding-top:140%;position:relative}
.course-card-container .course-card-helios .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1rem;z-index:40}
.course-card-container .course-card-helios .name{color:#212529;margin-top:5px;margin-right:10px;text-align:right;font-size:17px;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card-helios .price{z-index:60;display:flex;flex-direction:column;justify-content:end;align-items:start;height:43px;margin-right:10px}
.course-card-container .course-card-helios .price .sale-price-with-discount{font-weight:bold;font-size:18px;color:#00baa9;word-spacing:4px}
.course-card-container .course-card-helios .price .sale-price{color:#ff5849;font-size:13px;font-weight:lighter;text-decoration-line:line-through}
.course-card-container .course-card-helios .price .sale-price small{font-size:13px}
.course-card-container .course-card-helios .content{display:flex;flex-direction:row;justify-content:space-between;align-items:end}
.course-card-container .course-card-helios .content .locked{color:rgba(0,0,0,0.2);font-size:15px;padding:0 5px}
.course-card-container .course-card-galaxy{margin-top:24px;padding:7px;position:relative;display:block;z-index:1;border:1px solid #e5e5e5;border-radius:1rem}
.course-card-container .course-card-galaxy .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .course-card-galaxy .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:0.8rem;z-index:40}
.course-card-container .course-card-galaxy .name{color:#212529;margin-top:5px;text-align:right;font-size:16px;margin-right:5px;font-weight:bold;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card-galaxy .category{color:#999;font-weight:lighter;margin-right:5px;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;height:10px;font-size:10px;text-align:right;margin-top:-5px}
.course-card-container .course-card-galaxy .price{z-index:60;display:flex;flex-direction:column;justify-content:end;align-items:end;height:20px;line-height:0.9}
.course-card-container .course-card-galaxy .price .sale-price-with-discount{font-weight:normal;font-size:18px;color:#00baa9;word-spacing:4px;background-color:#f5f5f5}
.course-card-container .course-card-galaxy .price .sale-price{color:#ff5849;font-size:13px;font-weight:lighter;text-decoration-line:line-through}
.course-card-container .course-card-galaxy .price .sale-price small{font-size:13px}
.course-card-container .course-card-galaxy .content{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end}
.course-card-container .course-card-galaxy .content .locked{color:rgba(0,0,0,0.2);font-size:10px;margin:0 5px}
.course-card-container .package-card{margin-top:24px;padding:0 0 20px 0;position:relative;display:block;z-index:1;background-color:#fff;border:1px solid #e5e5e5;border-radius:2rem}
.course-card-container .package-card .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .package-card .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:2rem 2rem 0 0;z-index:40}
.course-card-container .package-card .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.course-card-container .package-card .name{z-index:60;color:#000;height:75px;background-color:#e5e5e5;padding:5px;text-align:center;line-height:30px;font-size:25px;font-weight:900;width:100%;display:flex;flex-direction:column;justify-content:center}
.course-card-container .package-card .price{text-align:left;margin-right:2rem;margin-left:2rem;font-size:28px;line-height:19px;display:flex;position:relative;flex-direction:column;gap:6px;height:70px;padding-top:0.7rem;justify-content:center;border-bottom:1px solid #e5e5e5}
.course-card-container .package-card .price .sale-price-with-discount{font-weight:700;color:#212529;word-spacing:4px;margin-left:-15px}
.course-card-container .package-card .price .sale-price{text-decoration-line:line-through;color:#e5e5e5;font-size:18px;font-weight:400;margin-left:25px}
.course-card-container .package-card .price .discount-price{text-align:center;position:absolute;color:white;background-color:#f21d2f;display:inline-block;padding:9px 10px;top:18px;right:0;width:55px;line-height:13px;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:1rem}
.course-card-container .package-card .price .discount-price .percent{font-size:16px;font-weight:500}
.course-card-container .package-card .price .discount-price .label{display:none;font-size:16px}
.course-card-container .package-card p{text-align:justify;padding:2rem;height:136px}
.course-card-container .package-card .go-single{position:absolute;left:0;right:0;text-align:center;bottom:0;color:white;background-color:#00baa9;font-weight:300;font-size:18px;border-radius:0 0 2rem 2rem;height:40px;padding-top:8px;z-index:1}
.course-slider{position:relative}
.course-slider .slick-slide div{text-align:center}
.course-slider .slick-track{margin-right:unset;margin-left:unset}
.course-slider .pre-slide{cursor:pointer;position:absolute;left:14px;top:40%;height:38px;display:block;width:38px;background:#00baa9;border-radius:100%;opacity:0.5}
.course-slider .pre-slide i{display:block;height:12px;width:12px;border-left:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;top:14px;left:14px}
.course-slider .pre-slide.slick-disabled{display:none!important}
.course-slider .pre-slide:hover{opacity:1}
.course-slider .next-slide{cursor:pointer;position:absolute;right:14px;top:40%;height:38px;display:block;width:38px;background:#00baa9;border-radius:100%;opacity:0.5}
.course-slider .next-slide i{display:block;height:12px;width:12px;border-right:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(45deg);position:absolute;top:14px;right:14px}
.course-slider .next-slide.slick-disabled{display:none!important}
.course-slider .next-slide:hover{opacity:1}
.course-slider .slide{width:326px!important;height:470px}
.course-slider .slide img{display:unset}
.course-slider .slide.quark{height:auto}
.course-slider .slick-hidden{display:none!important}
#academy-courses-page .sidebar{will-change:min-height;float:left;width:250px}
@media (max-width:768px){#academy-courses-page .sidebar{width:100%;margin-top:30px;float:none}}
#academy-courses-page .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#academy-courses-page #content{width:calc(100% - 262px);min-height:70vh}
@media (max-width:768px){#academy-courses-page #content{width:100%}}
#academy-courses-page .custom-sub-title{margin-top:30px!important;line-height:35px;font-size:30px;background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px}
#academy-courses-page .course-categories{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:right;font-weight:400}
#academy-courses-page .course-categories h6{color:#e85809;padding-top:15px;padding-bottom:15px;text-align:center}
#academy-courses-page .course-categories a{color:#7b868a;border-top:1px dashed #e9ecef;padding-top:1rem;padding-bottom:1rem}
#academy-courses-page .course-categories a:hover{color:#00baa9}
#academy-courses-page .course-categories div{padding-right:15px}
#academy-courses-page .course-categories div.active>a{color:#00baa9}
#academy-courses-page .course-categories div.active>.badge{background-color:#00baa9}
.chapter-card-container .chapter-card{margin-top:1.35rem;padding:0 0 0 63%;position:relative;display:block;z-index:1;background-color:#fff;border-radius:4px;clip-path:inset(-9px 0px 0px 0px);border:1px solid #e5e5e5}
.chapter-card-container .chapter-card:hover{background-color:#fcfcfc}
.chapter-card-container .chapter-card .cover{width:100px;padding-top:100px;position:relative}
.chapter-card-container .chapter-card .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:4px;z-index:40}
.chapter-card-container .chapter-card .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.chapter-card-container .chapter-card .details-container{position:absolute;left:0;bottom:0;top:0;right:0;padding-right:110px;padding-top:8px;padding-bottom:8px;display:flex;flex-direction:column;gap:2px;justify-content:space-around}
.chapter-card-container .chapter-card .details-container .name{color:#212529;text-align:right;line-height:22px;font-size:15px;font-weight:bold;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chapter-card-container .chapter-card .details-container .price{z-index:60;text-align:center;line-height:19px;display:flex;flex-direction:row;align-items:center;font-size:22px;gap:20px;justify-content:end;padding-left:20px}
.chapter-card-container .chapter-card .details-container .price .discount-percent{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:2px 5px 0 5px;font-size:14px;border-radius:5px}
.chapter-card-container .chapter-card .details-container .price .sale-price-with-discount{font-weight:bold;color:#00baa9;word-spacing:-5px}
.chapter-card-container .chapter-card .details-container .price .sale-price{text-decoration-line:line-through;color:#e85809;font-size:15px;font-weight:bold}
@media (max-width:768px){.chapter-card-container .chapter-card .details-container .price{font-size:16px;gap:8px;padding-left:8px}.chapter-card-container .chapter-card .details-container .price .sale-price-with-discount{margin-right:auto}.chapter-card-container .chapter-card .details-container .price .sale-price{font-size:12px}.chapter-card-container .chapter-card .details-container .price .discount-percent{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:1px 3px 0 3px;font-size:12px;border-radius:5px}}
.chapter-card-container .chapter-card .details-container .files-count{color:#aaa;font-size:12px;font-weight:lighter;text-align:right}
.chapter-slider{position:relative}
.chapter-slider .slick-slide div{text-align:center}
.chapter-slider .slick-track{margin-right:unset;margin-left:unset}
.chapter-slider .pre-slide{cursor:pointer;position:absolute;left:14px;top:40%;height:38px;display:block;width:38px;background:#00baa9;border-radius:100%;opacity:0.5}
.chapter-slider .pre-slide i{display:block;height:12px;width:12px;border-left:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;top:14px;left:14px}
.chapter-slider .pre-slide.slick-disabled{display:none!important}
.chapter-slider .pre-slide:hover{opacity:1}
.chapter-slider .next-slide{cursor:pointer;position:absolute;right:14px;top:40%;height:38px;display:block;width:38px;background:#00baa9;border-radius:100%;opacity:0.5}
.chapter-slider .next-slide i{display:block;height:12px;width:12px;border-right:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(45deg);position:absolute;top:14px;right:14px}
.chapter-slider .next-slide.slick-disabled{display:none!important}
.chapter-slider .next-slide:hover{opacity:1}
.chapter-slider .slide{width:326px!important;height:130px}
.chapter-slider .slide img{display:unset}
@media (min-width:600px){.chapter-slider .slide{width:535px!important;height:184px}.chapter-slider .slide .chapter-card{zoom:1.5}}
.chapter-slider .slick-hidden{display:none!important}
#academy-course-detail,
#academy-chapter-detail{padding-top:30px;padding-bottom:30px}
@media (max-width:992px){#academy-course-detail>.container,#academy-chapter-detail>.container{display:flex;flex-direction:column-reverse}}
#academy-course-detail .sidebar,
#academy-chapter-detail .sidebar{will-change:min-height;float:left;width:30%}
@media (max-width:992px){#academy-course-detail .sidebar,#academy-chapter-detail .sidebar{width:100%;float:none}}
#academy-course-detail .sidebar__inner,
#academy-chapter-detail .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#academy-course-detail #content,
#academy-chapter-detail #content{width:68.5%}
@media (max-width:992px){#academy-course-detail #content,#academy-chapter-detail #content{width:100%}}
#academy-course-detail .main-rate,
#academy-chapter-detail .main-rate{}
#academy-course-detail .main-rate .rate,
#academy-chapter-detail .main-rate .rate{display:inline-block;border:0;direction:ltr}
#academy-course-detail .main-rate .rate>input,
#academy-chapter-detail .main-rate .rate>input{display:none}
#academy-course-detail .main-rate .rate>label,
#academy-chapter-detail .main-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
#academy-course-detail .main-rate .rate>label:before,
#academy-chapter-detail .main-rate .rate>label:before{display:inline-block;font-size:1.5rem;padding:0 0.4rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
#academy-course-detail .main-rate input:disabled ~ label:before,
#academy-chapter-detail .main-rate input:disabled ~ label:before{cursor:default}
#academy-course-detail .main-rate .rate .half:before,
#academy-chapter-detail .main-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
#academy-course-detail .main-rate input:checked ~ label,
#academy-chapter-detail .main-rate input:checked ~ label,
#academy-course-detail .main-rate input:enabled ~ label:hover,
#academy-chapter-detail .main-rate input:enabled ~ label:hover,
#academy-course-detail .main-rate input:enabled ~ label:hover ~ label,
#academy-chapter-detail .main-rate input:enabled ~ label:hover ~ label{color:#ffd408}
#academy-course-detail .main-rate input:checked + label:hover,
#academy-chapter-detail .main-rate input:checked + label:hover,
#academy-course-detail .main-rate input:checked ~ label:hover,
#academy-chapter-detail .main-rate input:checked ~ label:hover,
#academy-course-detail .main-rate input:checked ~ label:hover ~ label,
#academy-chapter-detail .main-rate input:checked ~ label:hover ~ label,
#academy-course-detail .main-rate label:hover ~ input:checked ~ label,
#academy-chapter-detail .main-rate label:hover ~ input:checked ~ label{color:#ffd408}
#academy-course-detail .main-cover,
#academy-chapter-detail .main-cover{margin-bottom:12px}
#academy-course-detail .main-cover img,
#academy-chapter-detail .main-cover img{width:100%;border-radius:4px}
#academy-course-detail .sticky-buy,
#academy-chapter-detail .sticky-buy{position:fixed;bottom:0;width:100%;right:0;color:#fff;text-align:center;font-weight:600;height:40px;display:inline-block;font-size:17px;padding:8px 11px;z-index:55;background-color:#00baa9}
#academy-course-detail .sticky-buy::before,
#academy-chapter-detail .sticky-buy::before{display:inline-block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f09d";width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
@media (min-width:992px){#academy-course-detail .sticky-buy,#academy-chapter-detail .sticky-buy{display:none}}
#academy-course-detail .main-title,
#academy-chapter-detail .main-title{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-weight:100;position:relative}
#academy-course-detail .main-title h2,
#academy-chapter-detail .main-title h2{color:#00baa9;font-size:20px;font-weight:900;margin-top:0;margin-bottom:0}
#academy-course-detail .main-title .bookmark,
#academy-chapter-detail .main-title .bookmark{width:40px;height:40px;border-radius:8px;position:absolute;left:10px;bottom:15px;padding:8px;color:#00baa9;font-size:19px;text-align:center}
#academy-course-detail .main-title .bookmark i,
#academy-chapter-detail .main-title .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
#academy-course-detail .main-title .bookmark.bookmarked i,
#academy-chapter-detail .main-title .bookmark.bookmarked i{font-weight:900}
#academy-course-detail #pay-dialog,
#academy-chapter-detail #pay-dialog{-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
#academy-course-detail #pay-dialog .products,
#academy-chapter-detail #pay-dialog .products{margin-bottom:1rem;text-align:right}
#academy-course-detail #pay-dialog .products .product,
#academy-chapter-detail #pay-dialog .products .product{margin-right:20px;font-weight:lighter;font-size:16px !important;cursor:pointer}
#academy-course-detail #pay-dialog .products .product .title,
#academy-chapter-detail #pay-dialog .products .product .title{margin-right:10px;margin-left:10px}
#academy-course-detail #pay-dialog .products .product .title-price,
#academy-chapter-detail #pay-dialog .products .product .title-price{margin-right:10px;color:#00baa9;font-weight:bold}
#academy-course-detail #pay-dialog .products #select-address,
#academy-chapter-detail #pay-dialog .products #select-address{width:242px;display:block;margin:1rem auto;background-color:#fff;text-align:center;padding:0.5rem;border-radius:3px;cursor:pointer;color:#00baa9;border:1px solid #00baa9}
#academy-course-detail #pay-dialog.active,
#academy-chapter-detail #pay-dialog.active{top:0;width:100%;right:0;height:100%;z-index:60001}
#academy-course-detail .details,
#academy-chapter-detail .details{background-color:#fff;border:1px solid #e5e5e5;padding:1.35rem;border-radius:4px;position:relative;margin-bottom:12px}
#academy-course-detail .details .main-rate,
#academy-chapter-detail .details .main-rate{width:170px;margin-top:20px;margin-left:auto;margin-right:auto}
#academy-course-detail .details .main-rate .rate-label,
#academy-chapter-detail .details .main-rate .rate-label{display:block;font-weight:100;font-size:12px;width:100%;text-align:center;color:#00baa9;margin-top:-5px}
#academy-course-detail .details .price-box,
#academy-chapter-detail .details .price-box{color:#777;font-size:16px;display:flex;border:1px dashed #ddd;background-color:#f9f9f9;padding:0 15px;margin-bottom:15px;border-radius:10px;line-height:52px;position:relative}
#academy-course-detail .details .price-box .discount-percent,
#academy-chapter-detail .details .price-box .discount-percent{color:#f5f5f5;background-color:red;display:block;border-radius:8px;padding:6px;line-height:11px;font-size:13px;font-weight:lighter;margin-top:9px}
#academy-course-detail .details .price-box::before,
#academy-chapter-detail .details .price-box::before{content:'';width:16px;height:16px;border-left:1px dashed #ddd;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);right:-9px}
#academy-course-detail .details .price-box::after,
#academy-chapter-detail .details .price-box::after{content:'';width:16px;height:16px;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);border-right:1px dashed #ddd;left:-9px}
#academy-course-detail .details .price-box label,
#academy-chapter-detail .details .price-box label{padding-left:20px;border-left:1px dashed #ddd;font-weight:500;width:100%;max-width:84px;text-align:center;margin:0}
#academy-course-detail .details .price-box .price,
#academy-chapter-detail .details .price-box .price{margin-bottom:0;font-size:17px;width:100%;text-align:left}
#academy-course-detail .details .price-box .price .sale-price,
#academy-chapter-detail .details .price-box .price .sale-price{color:#464749;font-size:15px;position:absolute;left:45px;top:-15px}
#academy-course-detail .details .price-box .price .sale-price::after,
#academy-chapter-detail .details .price-box .price .sale-price::after{width:100%;height:1px;background:red;content:'';position:absolute;left:3px;top:47%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
#academy-course-detail .details .price-box .price .sale-price-with-discount,
#academy-chapter-detail .details .price-box .price .sale-price-with-discount{color:#464749;font-size:22px;position:relative;top:2px}
#academy-course-detail .details .price-box .price .currency,
#academy-chapter-detail .details .price-box .price .currency{float:left;color:grey;font-size:10px;font-weight:400;text-align:center;margin-right:4px}
#academy-course-detail .details .price-box .price .buy-state,
#academy-chapter-detail .details .price-box .price .buy-state{width:100%;display:inline-block;color:#00baa9;text-align:center}
#academy-course-detail .details .go-pay,
#academy-chapter-detail .details .go-pay{color:#fff;text-align:center;font-weight:600;height:50px;display:inline-block;position:relative;font-size:19px;padding:11px 11px;z-index:55;background-color:#00baa9;border-radius:3px;width:100%}
#academy-course-detail .details .go-pay::before,
#academy-chapter-detail .details .go-pay::before{display:inline-block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f09d";width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
#academy-course-detail .elapsed-percent,
#academy-chapter-detail .elapsed-percent{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px}
#academy-course-detail .elapsed-percent .progress-title,
#academy-chapter-detail .elapsed-percent .progress-title{margin-bottom:15px;color:#00baa9}
#academy-course-detail .elapsed-percent .progress-title i,
#academy-chapter-detail .elapsed-percent .progress-title i{margin-left:10px}
#academy-course-detail .elapsed-percent .progress,
#academy-chapter-detail .elapsed-percent .progress{height:30px;position:relative}
#academy-course-detail .elapsed-percent .progress span,
#academy-chapter-detail .elapsed-percent .progress span{position:absolute;display:inline-block;padding:4px 8px 0 8px;right:43%;top:4px;border-radius:4px;color:white;background-color:rgba(0,0,0,0.3)}
#academy-course-detail .information,
#academy-chapter-detail .information{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;text-align:right;font-weight:400}
#academy-course-detail .information>*,
#academy-chapter-detail .information>*{display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px dashed #e9ecef;padding-top:10px;color:#7b868a;padding-bottom:10px}
#academy-course-detail .information>* i,
#academy-chapter-detail .information>* i{font-size:20px;margin-left:15px;width:25px;height:25px;text-align:left}
#academy-course-detail .information>*:last-child,
#academy-chapter-detail .information>*:last-child{border-bottom:none;padding-bottom:5px}
#academy-course-detail .description,
#academy-chapter-detail .description{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-weight:400;text-align:justify;font-size:18px;line-height:30px;color:#212529}
#academy-course-detail .description img,
#academy-chapter-detail .description img{max-width:100%}
#academy-course-detail .description a,
#academy-chapter-detail .description a{color:#0d6efd}
#academy-course-detail .tags,
#academy-chapter-detail .tags{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;color:#7b868a;line-height:24px}
#academy-course-detail .tags i,
#academy-chapter-detail .tags i{margin-left:5px}
#academy-course-detail .tags a,
#academy-chapter-detail .tags a{background:#eaecef;color:#7b868a !important;font-size:12px;padding:0 9px;margin:3px;display:inline-block}
#academy-course-detail .tags a:hover,
#academy-chapter-detail .tags a:hover{background:#7b868a !important;color:#fff !important}
#academy-course-detail .teacher,
#academy-chapter-detail .teacher{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px}
#academy-course-detail .teacher .top-part,
#academy-chapter-detail .teacher .top-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}
#academy-course-detail .teacher .top-part img,
#academy-chapter-detail .teacher .top-part img{max-width:100%;width:80px;height:auto;border-radius:50%;-webkit-border-radius:50%;border:4px double #ddd}
#academy-course-detail .teacher .top-part .name,
#academy-chapter-detail .teacher .top-part .name{line-height:normal;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-right:20px}
#academy-course-detail .teacher .top-part .name h6,
#academy-chapter-detail .teacher .top-part .name h6{margin-bottom:4px}
#academy-course-detail .teacher .top-part .name .job-title,
#academy-chapter-detail .teacher .top-part .name .job-title{color:#7b868a;font-size:12px}
#academy-course-detail .teacher p,
#academy-chapter-detail .teacher p{margin-bottom:8px;font-size:13px;line-height:21px;color:#7d7e7f;text-align:justify}
#academy-course-detail .chapters,
#academy-chapter-detail .chapters,
#academy-course-detail .chapter-files,
#academy-chapter-detail .chapter-files,
#academy-course-detail .comments,
#academy-chapter-detail .comments,
#academy-course-detail .faq,
#academy-chapter-detail .faq{background-color:#fff;padding:1.75rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px}
#academy-course-detail .chapters .title,
#academy-chapter-detail .chapters .title,
#academy-course-detail .chapter-files .title,
#academy-chapter-detail .chapter-files .title,
#academy-course-detail .comments .title,
#academy-chapter-detail .comments .title,
#academy-course-detail .faq .title,
#academy-chapter-detail .faq .title{padding:0 30px;border-bottom:1px solid #e5e5e5;margin-right:-1.75rem;margin-left:-1.75rem;margin-top:-1.75rem;margin-bottom:1.75rem}
#academy-course-detail .chapters .title .show-all,
#academy-chapter-detail .chapters .title .show-all,
#academy-course-detail .chapter-files .title .show-all,
#academy-chapter-detail .chapter-files .title .show-all,
#academy-course-detail .comments .title .show-all,
#academy-chapter-detail .comments .title .show-all,
#academy-course-detail .faq .title .show-all,
#academy-chapter-detail .faq .title .show-all{margin-top:12px}
#academy-course-detail .chapters .title h3,
#academy-chapter-detail .chapters .title h3,
#academy-course-detail .chapter-files .title h3,
#academy-chapter-detail .chapter-files .title h3,
#academy-course-detail .comments .title h3,
#academy-chapter-detail .comments .title h3,
#academy-course-detail .faq .title h3,
#academy-chapter-detail .faq .title h3{position:relative;bottom:-2px;font-size:16px;padding:20px 0;margin-bottom:0;display:inline-block;border-bottom:3px solid #00baa9}
#academy-course-detail .chapters .title h3 i,
#academy-chapter-detail .chapters .title h3 i,
#academy-course-detail .chapter-files .title h3 i,
#academy-chapter-detail .chapter-files .title h3 i,
#academy-course-detail .comments .title h3 i,
#academy-chapter-detail .comments .title h3 i,
#academy-course-detail .faq .title h3 i,
#academy-chapter-detail .faq .title h3 i{margin-left:10px}
@media (max-width:500px){#academy-course-detail .chapters,#academy-chapter-detail .chapters,#academy-course-detail .chapter-files,#academy-chapter-detail .chapter-files,#academy-course-detail .comments,#academy-chapter-detail .comments,#academy-course-detail .faq,#academy-chapter-detail .faq{padding:1.75rem 1rem}#academy-course-detail .chapters .title,#academy-chapter-detail .chapters .title,#academy-course-detail .chapter-files .title,#academy-chapter-detail .chapter-files .title,#academy-course-detail .comments .title,#academy-chapter-detail .comments .title,#academy-course-detail .faq .title,#academy-chapter-detail .faq .title{margin-right:-1rem;margin-left:-1rem}}
#academy-course-detail .faq .item,
#academy-chapter-detail .faq .item{border-radius:0.5rem;border:1px solid #e5e5e5;padding:0.75rem;margin-bottom:0.5rem;background-color:#f5f5f5}
#academy-course-detail .faq .item .question,
#academy-chapter-detail .faq .item .question{display:flex;justify-content:space-between;cursor:pointer;color:#212529;font-weight:bold}
#academy-course-detail .faq .item .question .mines,
#academy-chapter-detail .faq .item .question .mines{display:none}
#academy-course-detail .faq .item .question .plus,
#academy-chapter-detail .faq .item .question .plus{display:inline}
#academy-course-detail .faq .item .question[aria-expanded="true"],
#academy-chapter-detail .faq .item .question[aria-expanded="true"]{color:#00baa9}
#academy-course-detail .faq .item .question[aria-expanded="true"] .mines,
#academy-chapter-detail .faq .item .question[aria-expanded="true"] .mines{display:inline}
#academy-course-detail .faq .item .question[aria-expanded="true"] .plus,
#academy-chapter-detail .faq .item .question[aria-expanded="true"] .plus{display:none}
#academy-course-detail .faq .item .answer div,
#academy-chapter-detail .faq .item .answer div{background-color:#fff;border-radius:0.3rem;border:1px solid #e9ecef;font-weight:lighter;margin-top:0.75rem;padding:1rem;color:#7b868a}
#academy-course-detail #comment-form,
#academy-chapter-detail #comment-form{background:#f8f9fa;padding:30px;border:1px solid #dde2e6;border-radius:0}
#academy-course-detail #comment-form .label-title,
#academy-chapter-detail #comment-form .label-title{display:block;color:#6c757d;padding-bottom:6px;font-size:16px}
#academy-course-detail #comment-form textarea,
#academy-chapter-detail #comment-form textarea{height:184px;line-height:26px;width:100%;padding:8px 15px}
#academy-course-detail #comment-form #create-button,
#academy-chapter-detail #comment-form #create-button{padding:10px 17px;vertical-align:bottom;text-shadow:none;line-height:27px;color:#fff;background-color:#00baa9;border-radius:4px;border:none}
#academy-course-detail #comment-form #create-button:focus,
#academy-chapter-detail #comment-form #create-button:focus{outline:none}
.chapter-file-card-container .chapter-file-card{margin-top:24px;position:relative;display:block;z-index:1;background-color:#fff;border-bottom:1px solid #eee;padding-bottom:20px}
.chapter-file-card-container .chapter-file-card .file-type{font-size:1.5rem;color:#bbb;position:absolute;right:10px;top:6px}
.chapter-file-card-container .chapter-file-card .file-type img{width:25px}
.chapter-file-card-container .chapter-file-card .file-size{color:#00baa9;position:absolute;left:11px;top:11px;font-size:0.9rem}
.chapter-file-card-container .chapter-file-card .name{display:block;color:#212529;padding:12px;text-align:right;line-height:24px;font-size:14px;width:50%;margin-right:35px}
.chapter-file-card-container .chapter-file-card .price{z-index:60;position:absolute;text-align:center;top:12px;left:130px;font-size:18px;display:inline-block;line-height:19px}
.chapter-file-card-container .chapter-file-card .price .sale-price-with-discount{font-weight:bold;color:#e85809}
.chapter-file-card-container .chapter-file-card .price .sale-price{text-decoration-line:line-through;color:red;font-size:13px}
.chapter-file-card-container .chapter-file-card .play-stream{border:1px solid #00baa9;color:#00baa9;border-radius:4px;cursor:pointer;padding:2px 8px;margin-left:4px}
.chapter-file-card-container .chapter-file-card .play-stream i{top:2px;position:relative}
.chapter-file-card-container .chapter-file-card .download{border:1px solid #00baa9;background-color:#00baa9;color:white;border-radius:4px;padding:2px 8px;margin-right:4px}
.chapter-file-card-container .chapter-file-card .download i{top:2px;position:relative}
.chapter-file-card-container .chapter-file-card .discount-price{text-align:center;color:#f5f5f5;background-color:red;display:inline-block;border-radius:8px;padding:8px;position:absolute;top:10px;right:-5px;width:65px;z-index:60;line-height:13px}
.chapter-file-card-container .chapter-file-card .discount-price .percent{font-weight:bold;font-family:sans-serif;font-size:18px}
.chapter-file-card-container .chapter-file-card .discount-price .label{font-weight:lighter;font-size:13px;letter-spacing:-1px}
.chapter-file-card-container .chapter-file-card-video{cursor:pointer;border-radius:8px;background-color:white;margin-top:30px}
.chapter-file-card-container .chapter-file-card-video img{width:100%;height:170px;object-fit:cover;border-radius:8px}
.chapter-file-card-container .chapter-file-card-video .file-size{color:#fff;background-color:rgba(0,0,0,0.5);display:inline-block;padding:0 8px;position:relative;top:-30px;right:5px;border-radius:5px}
.chapter-file-card-container .chapter-file-card-video .name{display:block;text-align:center;color:#1c1c1c;margin-top:-15px;padding-bottom:10px;font-weight:lighter}
.comment-card{margin-bottom:1.35rem;position:relative}
.comment-card .comment-rate{display:inline-block;margin-bottom:3px}
.comment-card .comment-rate .rate-label{margin-right:20px;display:inline-block;font-weight:100;font-size:10px;color:#212529}
.comment-card .comment-rate .rate{display:inline;border:0;direction:ltr}
.comment-card .comment-rate .rate>input{display:none}
.comment-card .comment-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
.comment-card .comment-rate .rate>label:before{display:inline-block;font-size:13px;padding:0 0.2rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
.comment-card .comment-rate input:disabled ~ label:before{cursor:default}
.comment-card .comment-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
.comment-card .comment-rate input:checked ~ label,
.comment-card .comment-rate input:enabled ~ label:hover,
.comment-card .comment-rate input:enabled ~ label:hover ~ label{color:#ffd408}
.comment-card .comment-rate input:checked + label:hover,
.comment-card .comment-rate input:checked ~ label:hover,
.comment-card .comment-rate input:checked ~ label:hover ~ label,
.comment-card .comment-rate label:hover ~ input:checked ~ label{color:#ffd408}
.comment-card .user-comment{display:flex;gap:1rem;width:100%;min-width:310px;color:#212529;background-color:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:1rem;position:relative;z-index:0}
.comment-card .user-comment .avatar img{width:70px;height:70px;object-fit:cover;border-radius:5rem;border:1px solid #e5e5e5}
.comment-card .user-comment .username{font-size:15px;color:#464749;font-weight:600;margin-right:8px}
.comment-card .user-comment .datetime{font-size:16px;position:absolute;left:25px;top:22px;color:#adb5bd}
.comment-card .user-comment p{text-align:justify;margin-top:0.5rem;font-size:13px;color:#7d7e7f;font-weight:400;max-width:480px}
.comment-card .user-comment.pending{border:1px solid #b3f0ff}
.comment-card .user-comment.rejected{border:1px solid #ffb5ae}
.comment-card .like-dis-like{position:absolute;left:14px;bottom:3px;font-weight:lighter;font-size:18px}
.comment-card .like-dis-like .count{margin-left:5px}
.comment-card .like-dis-like a{color:#999}
.comment-card .like-dis-like .like{display:inline-block;margin-left:10px}
.comment-card .like-dis-like .like i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
.comment-card .like-dis-like .dislike{display:inline-block;margin-right:8px}
.comment-card .like-dis-like .dislike i{position:relative;top:2px;font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
.comment-card .like-dis-like .liked i{color:lime;font-weight:900}
.comment-card .like-dis-like .disliked i{color:red;font-weight:900}
#test-exam{padding-top:30px}
#test-exam .information{padding:0.5rem 1rem;font-weight:400}
#test-exam .information>*{display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px dashed #e9ecef;padding-top:10px;color:#7b868a;padding-bottom:10px}
#test-exam .information>* i{font-size:20px;margin-left:15px;width:25px;height:25px;text-align:left}
#test-exam .information>*:last-child{border-bottom:none;padding-bottom:5px}
#test-exam .exam-header{display:flex;flex-direction:row;width:100%;justify-content:space-between;gap:12px;align-items:stretch}
#test-exam .exam-header .content{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:4px}
#test-exam .exam-header .main-cover{max-width:50%;border-radius:4px;min-height:250px;max-height:350px;margin-top:1px;margin-bottom:1px;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#test-exam .exam-header.testing .information,
#test-exam .exam-header.testing .content-block,
#test-exam .exam-header.testing .start-exam{display:none}
#test-exam .exam-header.testing .main-cover{min-height:50px;max-height:70px}
@media (max-width:768px){#test-exam .exam-header{flex-direction:column-reverse}#test-exam .exam-header .main-cover{max-width:100%;width:100%;min-height:auto;max-height:none}#test-exam .exam-header.testing .main-cover{min-height:0;max-height:0}}
#test-exam #questions{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin:12px auto 0 auto;max-width:700px}
#test-exam #questions .question{display:none;flex-direction:column;gap:0.5rem}
#test-exam #questions .question.active{display:flex}
#test-exam #questions .question .title{text-align:center;background-color:#dde6f3;border-radius:8px;font-size:1.1rem;padding:1rem;font-weight:bold;color:#00baa9;margin-bottom:1rem}
#test-exam #questions .question .title .download{font-size:0.9rem;margin-top:1rem;display:inline-block}
#test-exam #questions .question .answer-label{background-color:#e8eef7;border-radius:8px;text-align:center;font-size:1.2rem;padding:1rem;cursor:pointer;margin:0}
#test-exam #questions .question .answer-label:has(input:checked){background-color:#4f46e5;color:white}
#test-exam #questions .question input{display:none}
#test-exam #questions .actions{margin-top:1.3rem;display:flex;gap:10px;justify-content:center;width:100%}
#test-exam .results{margin-top:12px;display:flex;gap:12px;justify-content:stretch;flex-wrap:wrap}
#test-exam .results>div{flex-grow:1;background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;font-weight:400;font-size:14px;color:#7b868a;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;gap:8px}
#test-exam .results>div i{font-size:20px;height:25px;text-align:left}
.class-room-card-container .class-room-card{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;position:relative;z-index:1}
.class-room-card-container .class-room-card .top{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:stretch}
@media (max-width:992px){.class-room-card-container .class-room-card .top{flex-direction:column}}
.class-room-card-container .class-room-card .top .cover{width:40%}
@media (max-width:500px){.class-room-card-container .class-room-card .top .cover{width:70%}}
.class-room-card-container .class-room-card .top .details{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:1rem}
.class-room-card-container .class-room-card .name{color:#212529;font-size:17px;font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.class-room-card-container .class-room-card .price{font-weight:bold;color:#00baa9;word-spacing:4px;display:inline-block;font-size:21px}
.class-room-card-container .class-room-card .detail-fields{display:flex;flex-wrap:wrap;gap:10px}
.class-room-card-container .class-room-card .detail-fields>div{width:48%;display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#7b868a}
.class-room-card-container .class-room-card .detail-fields>div i{font-size:20px;margin-left:10px;width:25px;height:25px;text-align:left}
.class-room-card-container .class-room-card .show-meeting{text-align:center;color:#00baa9;position:relative;top:12px}
.class-room-card-container .class-room-card .show-meeting i{cursor:pointer}
.class-room-card-container .class-room-card .meetings{width:100%;margin-top:1rem;display:flex;flex-direction:column;gap:12px}
.class-room-card-container .class-room-card .meetings .meeting{border:1px solid #e5e5e5;border-radius:5px;display:flex;flex-direction:row;justify-content:stretch;gap:20px;padding:1rem}
.class-room-card-container .class-room-card .meetings .meeting .title{flex-grow:1}
.class-room-card-container .class-room-card .meetings .meeting .status{width:100px;text-align:center}
.class-room-card-container .class-room-card .meetings .meeting .status a{color:#00baa9}
@media (max-width:992px){.class-room-card-container .class-room-card .meetings .meeting{flex-wrap:wrap;justify-content:center}.class-room-card-container .class-room-card .meetings .meeting .title{width:100%;text-align:center}.class-room-card-container .class-room-card .meetings .meeting .status{width:100%}}
#school-class-rooms-page .sidebar{will-change:min-height;float:left;width:260px}
@media (max-width:768px){#school-class-rooms-page .sidebar{width:100%;margin-top:30px;float:none}}
#school-class-rooms-page .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#school-class-rooms-page #content{width:calc(100% - 272px);min-height:70vh}
@media (max-width:768px){#school-class-rooms-page #content{width:100%}}
#school-class-rooms-page .class-rooms{display:flex;flex-direction:column;gap:12px}
#school-class-rooms-page .custom-sub-title{margin-top:30px!important;line-height:35px;font-size:30px;background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px!important}
#school-class-rooms-page .class-room-filters{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:right;font-weight:400}
#school-class-rooms-page .class-room-filters h6{color:#e85809;padding-top:15px;padding-bottom:15px;text-align:center}
#school-class-rooms-page .class-room-filters a{color:#7b868a;border-top:1px dashed #e9ecef;padding-top:1rem;padding-bottom:1rem}
#school-class-rooms-page .class-room-filters a:hover,
#school-class-rooms-page .class-room-filters a.active{color:#00baa9}
#school-class-rooms-page .class-room-filters div{padding-right:15px}
#school-class-rooms-page .class-room-filters div.active>a{color:#00baa9}
#school-class-rooms-page .class-room-filters div.active>.badge{background-color:#00baa9}
.product-card-container .product-card{margin-top:24px;position:relative;display:block;z-index:1;background-color:#fff;border-radius:4px;border:1px solid #e5e5e5;padding:12px 8px 10px 8px;clip-path:inset(-9px 0px 0px 0px)}
.product-card-container .product-card .cover{width:calc(100% - 8px);padding-top:100%;position:relative;left:-4px}
.product-card-container .product-card .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:0;z-index:40}
.product-card-container .product-card .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.product-card-container .product-card .name{display:block;color:#000;height:39px;padding:6px;border-bottom:1px solid #e5e5e5;text-align:center;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-card-container .product-card .price{z-index:60;color:#00baa9;line-height:15px;word-spacing:3px;font-size:17px;display:flex;flex-direction:column;text-align:right;height:40px;margin-top:7px;justify-content:center;padding-right:15px}
.product-card-container .product-card .price .sale-price-with-discount{font-weight:bold}
.product-card-container .product-card .price .sale-price{text-decoration-line:line-through;color:#1c1c1c;font-size:14px}
.product-card-container .product-card .add-to-cart{z-index:65;position:absolute;cursor:pointer;font-size:22px;color:#e85809;left:14px;bottom:7px}
.product-card-container .product-card .add-to-cart:hover{color:#00baa9}
.product-card-container .product-card .bookmark{display:none;z-index:65;cursor:pointer;position:absolute;left:27px;bottom:8px;width:25px;height:25px;padding:3px;text-align:center}
.product-card-container .product-card .discount-price{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:10px 13px;position:absolute;top:10px;right:-30px;width:129px;z-index:60;line-height:13px;transform:rotateZ(45deg);box-shadow:0 0 5px rgba(0,0,0,0.3)}
.product-card-container .product-card .discount-price::before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #94161a;position:absolute;left:-6px;bottom:-7px;transform:rotate(-45deg)}
.product-card-container .product-card .discount-price .percent{font-size:16px}
.product-card-container .product-card .discount-price .label{font-size:16px}
.product-slider{position:relative}
.product-slider .slick-slide div{text-align:center}
.product-slider .slick-track{margin-right:unset;margin-left:unset}
.product-slider .pre-slide{cursor:pointer;position:absolute;left:14px;top:40%;height:38px;display:block;width:38px;background:#00baa9;border-radius:100%;opacity:0.5}
.product-slider .pre-slide i{display:block;height:12px;width:12px;border-left:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;top:14px;left:14px}
.product-slider .pre-slide.slick-disabled{display:none!important}
.product-slider .pre-slide:hover{opacity:1}
.product-slider .next-slide{cursor:pointer;position:absolute;right:14px;top:40%;height:38px;display:block;width:38px;background:#00baa9;border-radius:100%;opacity:0.5}
.product-slider .next-slide i{display:block;height:12px;width:12px;border-right:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(45deg);position:absolute;top:14px;right:14px}
.product-slider .next-slide.slick-disabled{display:none!important}
.product-slider .next-slide:hover{opacity:1}
.product-slider .slide{width:256px!important;height:400px}
.product-slider .slide img{display:unset}
.product-slider .slick-hidden{display:none!important}
#shop-products-search{padding-top:30px;padding-bottom:30px}
#shop-products-search .sidebar{will-change:min-height;float:left;width:250px}
@media (max-width:768px){#shop-products-search .sidebar{width:100%;margin-top:30px;float:none}}
#shop-products-search .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#shop-products-search #content{width:calc(100% - 262px);min-height:70vh}
@media (max-width:768px){#shop-products-search #content{width:100%}}
#shop-products-search .custom-sub-title{margin-top:30px!important;line-height:35px;font-size:30px;background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px}
#shop-products-search .shop-groups{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:right;font-weight:400}
#shop-products-search .shop-groups h6{color:#e85809;padding-top:15px;padding-bottom:15px;text-align:center}
#shop-products-search .shop-groups a{color:#7b868a;border-top:1px dashed #e9ecef;padding-top:1rem;padding-bottom:1rem}
#shop-products-search .shop-groups a:hover{color:#00baa9}
#shop-products-search .shop-groups div{padding-right:15px}
#shop-products-search .shop-groups div.active>a{color:#00baa9}
#shop-products-search .shop-groups div.active>.badge{background-color:#00baa9}
#shop-products-search .sorting a{display:inline-block;padding:5px 8px 6px 8px;color:#1c1c1c;word-spacing:-3px;font-size:14px;margin-left:12px}
#shop-products-search .sorting a.active{background-color:#00baa9;color:#f5f5f5;border-radius:12px}
#shop-products-detail{padding-top:30px;padding-bottom:30px}
@media (max-width:992px){#shop-products-detail>.container{display:flex;flex-direction:column-reverse}}
#shop-products-detail .sidebar{will-change:min-height;float:left;width:30%}
@media (max-width:992px){#shop-products-detail .sidebar{width:100%;float:none}}
#shop-products-detail .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#shop-products-detail #content{width:68.5%}
@media (max-width:992px){#shop-products-detail #content{width:100%}}
#shop-products-detail .main-rate{}
#shop-products-detail .main-rate .rate{display:inline-block;border:0;direction:ltr}
#shop-products-detail .main-rate .rate>input{display:none}
#shop-products-detail .main-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
#shop-products-detail .main-rate .rate>label:before{display:inline-block;font-size:1.5rem;padding:0 0.4rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
#shop-products-detail .main-rate input:disabled ~ label:before{cursor:default}
#shop-products-detail .main-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
#shop-products-detail .main-rate input:checked ~ label,
#shop-products-detail .main-rate input:enabled ~ label:hover,
#shop-products-detail .main-rate input:enabled ~ label:hover ~ label{color:#ffd408}
#shop-products-detail .main-rate input:checked + label:hover,
#shop-products-detail .main-rate input:checked ~ label:hover,
#shop-products-detail .main-rate input:checked ~ label:hover ~ label,
#shop-products-detail .main-rate label:hover ~ input:checked ~ label{color:#ffd408}
#shop-products-detail .main-cover{margin-bottom:12px}
#shop-products-detail .main-cover img{width:100%;border-radius:4px}
#shop-products-detail .main-title{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-weight:100;position:relative}
#shop-products-detail .main-title h2{color:#00baa9;font-size:20px;font-weight:900;margin-top:0;margin-bottom:0}
#shop-products-detail .main-title .bookmark{width:40px;height:40px;border-radius:8px;position:absolute;left:10px;bottom:15px;padding:8px;color:#00baa9;font-size:19px;text-align:center}
#shop-products-detail .main-title .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
#shop-products-detail .main-title .bookmark.bookmarked i{font-weight:900}
#shop-products-detail .details{background-color:#fff;border:1px solid #e5e5e5;padding:1.35rem;border-radius:4px;position:relative;margin-bottom:12px}
#shop-products-detail .details .main-rate{width:170px;margin-top:20px;margin-left:auto;margin-right:auto}
#shop-products-detail .details .main-rate .rate-label{display:block;font-weight:100;font-size:12px;width:100%;text-align:center;color:#00baa9;margin-top:-5px}
#shop-products-detail .details .price-box{color:#777;font-size:16px;display:flex;border:1px dashed #ddd;background-color:#f9f9f9;padding:0 15px;margin-bottom:15px;border-radius:10px;line-height:52px;position:relative}
#shop-products-detail .details .price-box::before{content:'';width:16px;height:16px;border-left:1px dashed #ddd;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);right:-9px}
#shop-products-detail .details .price-box::after{content:'';width:16px;height:16px;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);border-right:1px dashed #ddd;left:-9px}
#shop-products-detail .details .price-box label{padding-left:20px;border-left:1px dashed #ddd;font-weight:500;width:100%;max-width:84px;text-align:center;margin:0}
#shop-products-detail .details .price-box .price{margin-bottom:0;font-size:17px;width:100%;text-align:left}
#shop-products-detail .details .price-box .price .discount-percent{color:#f5f5f5;background-color:red;display:inline-block;border-radius:8px;padding:12px;line-height:13px;font-size:15px;font-weight:lighter;margin-right:10px}
#shop-products-detail .details .price-box .price .sale-price{color:#464749;font-size:15px;position:absolute;left:45px;top:-15px}
#shop-products-detail .details .price-box .price .sale-price::after{width:100%;height:1px;background:red;content:'';position:absolute;left:3px;top:47%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
#shop-products-detail .details .price-box .price .sale-price-with-discount{color:#464749;font-size:22px;position:relative;top:2px}
#shop-products-detail .details .price-box .price .currency{float:left;color:grey;font-size:10px;font-weight:400;text-align:center;margin-right:4px}
#shop-products-detail .details .price-box .price .buy-state{width:100%;display:inline-block;color:#00baa9;text-align:center}
#shop-products-detail .details .add-to-cart{color:#fff;text-align:center;font-weight:600;height:50px;display:inline-block;position:relative;font-size:19px;padding:11px 11px;z-index:55;background-color:#00baa9;border-radius:3px;width:100%}
#shop-products-detail .details .add-to-cart i{display:inline-block;width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
#shop-products-detail .information{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;text-align:right;font-weight:400}
#shop-products-detail .information>*{display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px dashed #e9ecef;padding-top:10px;color:#7b868a;padding-bottom:10px}
#shop-products-detail .information>* i{font-size:20px;margin-left:15px;width:25px;height:25px;text-align:left}
#shop-products-detail .information>*:last-child{border-bottom:none;padding-bottom:5px}
#shop-products-detail .description{background-color:#fff;padding:1.35rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;font-weight:400;text-align:justify;font-size:18px;line-height:30px;color:#1c1c1c}
#shop-products-detail .description img{max-width:100%}
#shop-products-detail .description a{color:#0d6efd}
#shop-products-detail .related-products,
#shop-products-detail .comments{background-color:#fff;padding:1.75rem;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px}
#shop-products-detail .related-products .title,
#shop-products-detail .comments .title{padding:0 30px;border-bottom:1px solid #e5e5e5;margin-right:-1.75rem;margin-left:-1.75rem;margin-top:-1.75rem;margin-bottom:1.75rem}
#shop-products-detail .related-products .title .show-all,
#shop-products-detail .comments .title .show-all{margin-top:12px}
#shop-products-detail .related-products .title h3,
#shop-products-detail .comments .title h3{position:relative;bottom:-2px;font-size:16px;padding:20px 0;margin-bottom:0;display:inline-block;border-bottom:3px solid #00baa9}
#shop-products-detail .related-products .title h3 i,
#shop-products-detail .comments .title h3 i{margin-left:10px}
#shop-cart{display:block}
#shop-cart #cart-details-table{font-size:13px;color:#1c1c1c}
#shop-cart .alert-error{background-color:white;border-color:red;color:red;padding:10px}
.factor-table>.row{background-color:#fff;border:1px solid #e5e5e5;padding:0.5rem;border-radius:4px;position:relative;margin-bottom:12px;margin-left:0;margin-right:0}
.factor-table>.row>div{padding:10px}
.factor-table .footer{background:none;color:#00baa9;font-weight:400;font-size:16px;margin-right:0;margin-left:0;border:none}
.factor-table .footer div{padding:10px}
.factor-table .product{display:flex;text-align:right;text-decoration:none;max-width:600px}
.factor-table .product .detail{display:flex;flex-direction:column;justify-content:center;margin-right:15px}
.factor-table .product .detail .title{font-size:12.8px;font-weight:bold;color:#00baa9;display:block}
.factor-table .product .detail .description{margin-top:5px;font-size:10.4px;font-weight:normal;color:#1c1c1c;display:block}
.factor-table .product img{height:72px;width:72px;object-fit:cover;border-radius:7px}
.factor-table .remove{color:#aaa;font-size:1.5rem;position:absolute;top:0.5rem;left:0.5rem;z-index:100}
.factor-table .remove:hover{color:red}
.factor-table .count-unit{position:relative;display:inline-block;text-align:center}
.factor-table .count-unit img{width:5px}
.factor-table .count-unit input{text-align:center;padding-left:40px;width:100px;margin-left:-46px}
.factor-table .count-unit .input-post-fix{position:relative;top:-2px;width:36px;color:#a4b5bd;font-size:12px;font-weight:bold;display:inline-block}
.factor-table .count-unit .sale-price-unit{display:inline-block;height:40px;color:#1c1c1c;background-color:rgba(126,148,158,0.1);padding:5px 10px;line-height:10px;margin-right:18px;border:1px solid #fff}
.factor-table .count-unit .sale-price-unit .price-unit{font-size:10.4px;font-weight:normal;display:block}
.factor-table .count-unit .sale-price-unit .sale-price-per-unit{font-size:12.8px;font-weight:bold;display:block;position:relative;top:5px;letter-spacing:-1.1px}
.factor-table .sale-price{color:#e85809;font-size:14px;text-decoration:line-through;display:block;letter-spacing:1.2px}
.factor-table .sale-price-with-discount{color:#00baa9;font-size:16px;font-weight:bold;display:block}
.factor-table .discount-percent{text-align:center;color:#f5f5f5;background-color:red;display:inline-block;border-radius:8px 8px 8px 8px;padding:8px;width:65px;z-index:60;line-height:13px}
.factor-table .discount-percent .percent{font-weight:bold;font-family:sans-serif;font-size:18px}
.factor-table .discount-percent .label{font-weight:lighter;font-size:13px;letter-spacing:-1px}
.factor-totals{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;position:relative;margin-top:24px;padding:1rem;text-align:center;width:300px;margin-right:auto;margin-left:0}
.factor-totals .price-label{color:#1c1c1c;font-size:15px;display:block}
.factor-totals .sale-price{color:#e85809;font-size:16px;text-decoration:line-through;display:block;line-height:27.4px;margin-right:15px;letter-spacing:1.1px;margin-top:8px}
.factor-totals .tax-amount{color:#e85809;display:inline-block;margin-bottom:20px}
.factor-totals .sale-price-with-discount{color:#00baa9;font-size:32px;font-weight:bold;letter-spacing:1.1px;display:block}
.submit-order{margin-right:auto;margin-left:0;width:300px;text-align:center;padding-top:1rem}
.submit-order a{color:#fff;font-weight:600;height:50px;display:inline-block;font-size:19px;padding:11px 11px;background-color:#00baa9;border-radius:3px;width:100%}
.submit-order a i{width:20px;height:20px;margin-left:20px}
.submit-order a.disabled{cursor:not-allowed}
#shop-order-details,
#shop-orders-list{display:block;padding-bottom:50px}
#shop-order-details .count-unit input,
#shop-orders-list .count-unit input{width:70px;padding-left:27px}
#shop-order-details .user-description{margin-top:-25px;margin-bottom:25px}
#shop-order-details .user-description textarea{border:1px solid #e5e5e5 !important}
#shop-order-details .pay-order{margin-right:auto;margin-left:0;width:300px;text-align:center;padding-top:1rem}
#shop-order-details .pay-order a{color:#fff;font-weight:600;height:50px;display:inline-block;font-size:19px;padding:11px 11px;background-color:#00baa9;border-radius:3px;width:100%}
#shop-order-details .pay-order a i{width:20px;height:20px;margin-left:20px}
#shop-order-details .payment-component{max-width:450px;width:100%;text-align:center;margin-top:1rem;margin-right:auto}
#shop-order-details .rate-comment{text-align:center}
#shop-order-details .rate-comment .main-rate{}
#shop-order-details .rate-comment .main-rate .rate{display:inline-block;border:0;direction:ltr}
#shop-order-details .rate-comment .main-rate .rate>input{display:none}
#shop-order-details .rate-comment .main-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
#shop-order-details .rate-comment .main-rate .rate>label:before{display:inline-block;font-size:1.5rem;padding:0 0.4rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
#shop-order-details .rate-comment .main-rate input:disabled ~ label:before{cursor:default}
#shop-order-details .rate-comment .main-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
#shop-order-details .rate-comment .main-rate input:checked ~ label,
#shop-order-details .rate-comment .main-rate input:enabled ~ label:hover,
#shop-order-details .rate-comment .main-rate input:enabled ~ label:hover ~ label{color:#ffd408}
#shop-order-details .rate-comment .main-rate input:checked + label:hover,
#shop-order-details .rate-comment .main-rate input:checked ~ label:hover,
#shop-order-details .rate-comment .main-rate input:checked ~ label:hover ~ label,
#shop-order-details .rate-comment .main-rate label:hover ~ input:checked ~ label{color:#ffd408}
#shop-order-details .rate-comment textarea{display:inline-block;margin-bottom:20px}
#shop-order-details .rate-comment .save-comment{background-color:#00baa9;color:white;padding:1rem 2rem;text-align:center;border-radius:1rem;display:inline-block;cursor:pointer;width:100%}
@media (min-width:390px){#shop-order-details .rate-comment .save-comment{width:auto;position:relative;top:-10px;margin-right:20px}}
#user-panel{padding-top:50px;padding-bottom:50px}
#user-panel .panel-side-bar{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px}
@media (max-width:767px){#user-panel .panel-side-bar{margin-bottom:30px;margin-top:-30px}}
#user-panel .panel-side-bar .user-panel-welcome .user-name{display:block;font-size:14px;color:#00baa9;text-align:center;font-weight:bold;margin-top:15px}
#user-panel .panel-side-bar .user-panel-welcome .welcome-message{display:block;font-size:12px;color:#e85809;text-align:center;margin-top:5px;margin-bottom:25px}
#user-panel .panel-side-bar .user-panel-welcome .user-level{font-size:13px;text-align:center;margin-bottom:15px;font-weight:bold}
#user-panel .panel-side-bar .user-panel-welcome .user-level span{color:#00baa9}
#user-panel .panel-side-bar .user-panel-welcome .price{color:#00baa9;font-size:18px;display:block;text-align:center;margin-bottom:15px;font-weight:bold}
#user-panel .panel-side-bar .user-panel-welcome .avatar{margin-top:30px;text-align:center;background:none;padding:0;border:none}
#user-panel .panel-side-bar .user-panel-welcome .avatar img{width:130px;height:130px;object-fit:cover;border-radius:4px}
#user-panel .panel-side-bar .user-panel-menu{padding-bottom:0.5rem;padding-top:0.5rem}
#user-panel .panel-side-bar .user-panel-menu a:hover,
#user-panel .panel-side-bar .user-panel-menu a.active{color:#00baa9}
#user-panel .panel-side-bar .nav-link{color:#1c1c1c;font-weight:normal;font-size:12px;text-align:right;padding-top:10px;padding-bottom:10px}
#user-panel .panel-side-bar .nav-link i{padding-right:10px;padding-left:7px;position:relative;top:2px}
#download{padding-top:70px;padding-bottom:70px;position:relative}
#download .back{position:absolute;left:0;right:0;top:28%;bottom:28%;background-color:#1c2641}
@media (max-width:992px){#download .back{top:35%;bottom:0}}
#download .application-img{width:70%}
#download .download-description{color:#fff;font-size:15px;line-height:2.3}
#download .download-title{color:#00baa9;font-size:22px;font-weight:900}
#download a{display:inline-block;margin:0.5rem}
#download a img{height:3.5rem}
.feature-list .sub-title{font-weight:900;font-size:25px;padding-bottom:2rem!important;padding-top:2rem!important;line-height:1.3}
.feature-list .feature img{max-width:80%}
.feature-list .feature span{color:#00baa9;font-weight:bold;font-size:15px}
.feature-list .feature p{font-weight:300;font-size:15px}
.free-chapter-files{background-color:#1c2641;padding-bottom:2rem}
.free-chapter-files .sub-title{padding-bottom:2rem!important;padding-top:3rem!important;color:white;font-weight:900}
@media (min-width:992px){.free-chapter-files .videos-list{height:350px;overflow-y:auto}}
.free-chapter-files .video-card{background-color:#161e33;border-radius:0.5rem;margin-bottom:0.5rem;color:#ccc;padding:10px;cursor:pointer}
.free-chapter-files .video-card.active{background-color:#28365d}
.free-chapter-files .video-card .cover{width:160px;height:90px;object-fit:cover;margin-left:15px;border-radius:0.2rem}
.free-chapter-files .video-card .duration{display:block;text-align:center;color:#777;font-weight:lighter;margin-top:10px}
.section-faq{padding-bottom:2rem}
.section-faq .sub-title{font-weight:900;padding-bottom:2rem!important;padding-top:3rem!important}
.section-faq .item{border-radius:0.5rem;border:1px solid #e5e5e5;padding:0.75rem;margin-bottom:0.5rem;background-color:#f5f5f5}
.section-faq .item .question{display:flex;justify-content:space-between;cursor:pointer;color:#212529;font-weight:bold}
.section-faq .item .question .mines{display:none}
.section-faq .item .question .plus{display:inline}
.section-faq .item .question[aria-expanded="true"]{color:#00baa9}
.section-faq .item .question[aria-expanded="true"] .mines{display:inline}
.section-faq .item .question[aria-expanded="true"] .plus{display:none}
.section-faq .item .answer div{background-color:#fff;border-radius:0.3rem;border:1px solid #e9ecef;font-weight:lighter;margin-top:0.75rem;padding:1rem;color:#7b868a}
.avangard{padding-top:2rem;padding-bottom:2rem}
.avangard img{width:90%}
@media (max-width:576px){.avangard img{width:100%}}
table.bt thead,
table.bt tbody th{display:none}table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td{border:none;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:top;float:left\9;width:100%\9}table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before{content:attr(data-th) ":";display:inline-block;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;font-weight:bold;width:6.5em}table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide{display:none}table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content{vertical-align:top}.bt-wrapper.active{max-height:310px;overflow:auto;-webkit-overflow-scrolling:touch}table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before{display:none}