.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1260px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}
html {
  scroll-behavior: smooth;
}
header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}
.admin-bar header.is-scrolled {
    top: 32px;
}

.bg-txt {
  background-image: linear-gradient(270deg, rgb(255, 168, 0) 0%, rgb(255, 102, 0) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  padding-left: 1.2em;
  padding-right: 1.2em;
  padding-bottom: .4em;
  padding-top: .4em;
  border-radius: 7px;
  font-weight: 500;
  color: #fff;
}
.bg-txt p {
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
}
.ln-gra h1, .ln-gra {
  background: linear-gradient(270deg, #ff6600ff 0%, #ff6600ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-black {
  background: linear-gradient(270deg, rgb(28, 28, 1), rgb(2, 28, 14));
  color: rgb(255, 255, 255);
  padding: 2.4rem;
  border-radius: 1.6rem;
}
.cl-yellow {  
  background: linear-gradient(270deg, #f4ce07ff, #fbd206ff);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-black ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
}
.bg-black ul li .icon {
  width: 16px;
  display: inline-block;
}
.bg-black ul li {
  margin-bottom: 10px;
}
.txt-or-2 {
  background: linear-gradient(90deg, #f47d3aff 0%, #f47d3aff 100%);
  -webkit-text-fill-color: transparent;
}
.under-offset {
    text-underline-offset: 4px;
}
.bg-blue {
  background: linear-gradient(90deg, rgb(8, 102, 67) 0%, rgb(8, 102, 67) 100%);
}
.bg-blue img {
  max-width: 53px !important;
}
.list-nap .elementor-image-box-content .elementor-image-box-title {
  background: linear-gradient(90deg, #ff9900ff 0%, #ff6600ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
}
.list-nap .elementor-widget-image-box:after {
    width: 1px;
    position: absolute;
    content: '';
    height: 30px;
    display: block;
    right: 0;
    top: calc(50% - 15px);
    background: rgb(155, 155, 155);
}
.list-nap .elementor-widget-image-box {
  position: relative;
}
.list-nap .elementor-widget-image-box:last-child:after {
  display: none;
}

.tab-re .e-n-tabs {
    border: 3px solid #0f5d3c;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.tab-re .e-n-tabs-heading {
    display: flex;
    background: #0f5d3c;
    padding: 0;
}

.tab-re .e-n-tabs-heading .e-n-tab-title {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    color: #fff !important;
    font-weight: 600;
    border: none;
    background: transparent !important;
    position: relative;
}

.tab-re .e-n-tab-title-text {
    position: relative;
    z-index: 2;
}

.tab-re .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background: #fff;
    color: #0f5d3c;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    z-index: 3;
}

.tab-re .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 40px;
    height: 100%;
    background: #fff;
    border-top-right-radius: 20px;
}

.tab-re .e-n-tabs-heading .e-n-tab-title:first-child[aria-selected="true"]::after {
    right: -20px;
}

.tab-re .e-n-tabs-heading .e-n-tab-title:last-child[aria-selected="true"]::after {
    left: -20px;
    right: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 0;
}

.tab-re .e-n-tabs-content {
    padding: 20px;
}

.tab-re .authen-txt-top {
    color: #ff6a00;
    font-weight: 600;
}
.tab-re .e-n-tabs-heading {
    display: flex;
    background: #0f5d3c;
    padding: 0;
    position: relative;
}

.tab-re .e-n-tabs-heading .e-n-tab-title {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    color: #fff;
    font-weight: 600;
    background: transparent;
    border: none;
    position: relative;
    z-index: 1;
}

.tab-re .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background: #fff !important;
    color: #0f5d3c !important;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    z-index: 5;
}

.tab-re .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]::before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    height: 10px;
    background: #fff;
    z-index: 4;
}

.tab-re .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]::after {
    content: "";
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    background: #fff;
    z-index: 4;
}

.tab-re .e-n-tabs-heading .e-n-tab-title:first-child[aria-selected="true"]::after {
    right: -20px;
    border-top-right-radius: 20px;
}

/* tab phải active */
.tab-re .e-n-tabs-heading .e-n-tab-title:last-child[aria-selected="true"]::after {
    left: -20px;
    border-top-left-radius: 20px;
}

.tab-re .e-n-tabs-content {
    background: #fff;
    border-top: none;
    padding: 10px;
}

.tab-re .e-n-tabs {
    border: 3px solid #0f5d3c;
    border-radius: 14px;
    overflow: hidden;
}
.toeic-style-form p,
.reg-form p {
  position: relative;
  margin: 0;
}
.toeic-style-form label,
.reg-form label{
  background-color: #fff;
  border-radius: 8px;
  color: #4a4a4a;
  font-size: 12px;
  left: 12px;
  padding: 4px;
  position: absolute;
  top: -12px;
  z-index: 1;
  transition: .2s ease-in-out;
}
.regi-form-foot {
    display: flex;
    flex-direction: column;
}
.regi-form-foot .regi-form-btn {
    align-items: center;
    background: linear-gradient(180deg, #F8AC2C 0%, #F8AC2C 100%);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    color: var(--c-text-login);
    display: flex;
    gap: 1rem;
    justify-content: center;
    overflow: hidden;
    padding: 1.2rem;
    position: relative;
    transition: .2s ease-in-out;
    width: 100%;
    border: 0;
}
.regi-form-btn .txt {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.regi-form-btn .des {
    font-size: 12px;
     color: #fff;
}
.regi-form-btn svg,
.regi-form-btn img {
    animation: Spinner 10s linear infinite;
    flex-shrink: 0;
    width: 50px;
}
@keyframes Spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}
.regi-form-btn:after {
    background: #37422f;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s ease;
    width: 0;
    z-index: 1;
}
.regi-form-btn:hover:after {
    left: 0;
    width: 100%;
}
.regi-form-btn>* {
    position: relative;
    z-index: 2;
}
form#registerform-custom,
.toeic-style-form {
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.section-trantro .elementor-heading-title span {
      display: inline-block;
    background: linear-gradient(270deg, #080808ff, #060606ff);
    border-style: dashed;
    padding: 12px 6px;
    border-color: #ff6600;
    border-radius: 8px;
    border-width: 1px;
    color: #fff;
}
.head-dacquyen {
    display: inline-block;
}

.head-dacquyen h2 {
    display: inline-block;
    padding: 4px 22px;
    font-size: 16px;
    font-weight: 700;
    color: #ffe066;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    -webkit-text-fill-color: transparent;
  background: linear-gradient(270deg, #FFD66D 0%,  #FFFF8E 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* hiệu ứng viền nhẹ */
.head-dacquyen h2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(180deg, #ff4d4d, #5a0000);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}
.theme-badge-list {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.theme-badge {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
}

.badge-content {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 10px;
}
.bg-nau {
  display: inline-flex;
    background: linear-gradient(270deg, rgb(255, 214, 109) 0%, rgb(255, 255, 142) 100%);
    border-radius: 8px;

}
.bg-nau-1 {
    background: linear-gradient(rgb(200, 8, 24) 0%, rgb(58, 46, 18) 100%);
    padding: 4px 21px;
    border-radius: 8px;
}
span.badge-label {
    color: #ffd66d;
    text-transform: uppercase;
    font-size: 20px;
}
span.badge-text {
    font-size: 22px;
    font-weight: 600;
}
.badge-subtext p,
.badge-subtext {
    font-size: 16px;
}
.badge-image img {
    border-radius: 16px !important;
    float: left;
}
.text-balance h2 {
  background: linear-gradient(270deg, #fc9303ff, #d9b90fff);
  border:  1px dashed #ff6600;
  display: inline-block;
  padding: 13px;
  border-radius: 8px;
}
.text-balance h2 {
  color: #fff;
}
.txt-oran h2{
  --ln: linear-gradient(270deg, #ff6600ff, #ff9900ff);
  -webkit-text-fill-color: transparent;
    background: var(--ln);
    -webkit-background-clip: text;
    background-clip: text;
}
.text-balance.txt-blue h2 {
  background: linear-gradient(111deg, rgb(32, 155, 97) 1.41%, rgb(37, 35, 20) 94.86%);
  color: rgb(255, 255, 255);
  border-color: rgb(238, 190, 71);
  border-style: solid;
}
.txt-oran {
  font-weight: 600;
  --ln: linear-gradient(270deg, #ff6600ff, #ff9900ff);
    -webkit-text-fill-color: transparent;
    background: var(--ln);
    -webkit-background-clip: text;
    background-clip: text;
}
.list-adv .elementor-image-box-img {

}
.timeline-wrap {
    display: flex;
    gap: 40px;
}

.timeline-left {
    flex: 1;
}

.timeline-right {
    width: 200px;
    position: sticky;
    top: 100px;
    height: fit-content;
}
.timeline-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:  24px;
}
.tm-ct-right {
    width: 40%;
}
.tm-ct-left {
    width: 50%;
}

/* TITLE */
.tm-ct-right h2 {
    font-size: 60px;
    font-weight: 600;
    color: #ff9900;
    margin-bottom: 10px;
    line-height: 1.1;
}

/* LINE dưới title */
.tm-ct-right .absolute {
    background: linear-gradient(to right, rgb(246, 132, 22), rgb(0, 67, 0));
    position: absolute;
    right: 55%;
    bottom: 0;
    content: '';
    height: 1px;
    width: 100%;
}
.tm-ct-right h2 {
  position: relative;
}

/* TEXT */
.tm-ct-right p {
    font-weight: 600;
    margin-bottom: 8px;
}

.tm-ct-right ol {
    padding-left: 18px;
}

.tm-ct-right li {
    margin-bottom: 6px;
}
.timeline-wrap {
  display:flex;
  gap:40px;
}
.tm-ct-left {
  border-radius:16px;
  overflow:hidden;
  margin-bottom:24px;
}
.content-sm-bold {
  font-size: 19px;
}
.content-sm {
    font-size: 16px;
}
a.timeline-link {
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 600;
}
.timeline-right li:after {
    width: 15px;
    height: 15px;
    content: '';
    border: 2px solid;
    border-radius: 100%;
    left: 0;
    position: absolute;
    top: 6px;
}

.timeline-right li {
    position: relative;
    display: flex;
    padding: 0 0 0 20px;
}
.section-target .elementor-image-box-img {
    padding: 0 0 0 0;
}
.section-target .elementor-image-box-wrapper,
.list-adv .elementor-image-box-wrapper {
    display: flex;
}
.list-adv .elementor-image-box-wrapper .elementor-image-box-content,
.section-target .elementor-image-box-wrapper .elementor-image-box-content {
    padding-left: 25px;
}
.list-adv .elementor-image-box-wrapper .elementor-image-box-img,
.section-target .elementor-image-box-wrapper .elementor-image-box-img {
    position: absolute;
    top: 5px;
    left: 0;
}
.e-n-accordion-item-title {
    color: #ff6a00 !important;
}
body .e-n-accordion-item-title {
    justify-content: space-between !important;
}
body .elementor-widget-n-accordion .elementor-element,
body .elementor-widget-n-accordion .e-n-accordion-item-title {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}
.elementor-widget-n-accordion .e-n-accordion-item {
    border-bottom: 1px solid #0000001a;
}
.elementor-widget-n-accordion .elementor-widget.elementor-widget-text-editor {
    padding: 0 0 0 20px;
    position: relative;
}
.elementor-widget-n-accordion .elementor-widget.elementor-widget-text-editor:before {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 2px solid #ff6a00;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}
body.tahefobu-hide-theme-footer footer, body.tahefobu-hide-theme-footer .site-footer {
    display: block !important;
}
.hd-bot-center .elementor-widget-text-editor a {   
   display: flex;
   gap:  10px;
   color: #37422f;
   font-size: 14px;
   padding: 8px 12px;
    align-items: center;
    border-radius: 5px;
}
.hd-bot-right .elementor-widget-text-editor a{
    font-size: 14px;
    padding: 10px 16px;
    color: #37422f;
    border-radius: 5px;
    border: 1px dashed transparent;
}
.header-wrapper {
    height: 68px;
}
.hd-bot-right  .elementor-widget-text-editor a:last-child:hover {
    background: #b8e986;
    color: #37422f;
    border:  0;
}
.footer-right-1 a {
    font-size: 14px;
    color: #3A3A3A;
    display: block;
    position: relative;
}
.footer-right-1 a:before {
    content: '>';
    padding-right: 5px;
}
.footer-right-2 ul {
    padding: 0;
    list-style: none;
}
.footer-right-2 p {
    margin: 0;
}
.hd-bot-right  .elementor-widget-text-editor a:last-child{
    background-color: var(--c-pri);
    border-radius: 5px;
    color: var(--c-contrast-pri);
    font-weight: 500;
    overflow: hidden;
    position: relative;
}
.hd-bot-right  .elementor-widget-text-editor a:hover {
   border: 1px dashed #37422f;
}
.hd-bot-center .elementor-widget-text-editor a:hover {
    background: rgb(233, 203, 153);
}
span.ic.--filter {
    display: flex;
}
.hd-bot-center .elementor-widget-text-editor,
.hd-bot-right  .elementor-widget-text-editor{
    display: flex;
    align-items: center;
}
.ic.--filter {
    filter: var(--c-filter-ic-header, var(--c-filter-pri));
}
:root {
    --c-contrast-pri: #fff;
    --c-pri: #37422f;
    --c-filter-pri: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(817%) hue-rotate(50deg) brightness(98%) contrast(94%);
}
.hd-chanel .ic {
    flex-shrink: 0;
    position: relative;
    top: .1rem;
    width: 1.5em;
}
.hd-bot-right {
    display: flex;
    gap:  10px;
}
.header-wrapper {
    height: 68px;
}
.footer-right-2 .elementor-icon-box-icon {
    padding-top: 7px;

}
.footer-right-2 a,
.footer-bt a {
    color: #3a3a3a;
}
.footer-bt p{
    margin: 0;
    margin-block-end:  0;
}
.hd-bot-right br {
    display: none;
}
.footer-bt a {
    padding-top: 3px;
}
.marquee-info {
	overflow-x: hidden;
	display: flex;
	flex-direction: row;
	position: relative;
	width: 100%;
	transform: none;
}
.marquee-info:hover div {
	animation-play-state: paused;
}
.marquee-info:active div {
	animation-play-state: paused;
}
.marquee-info .marquee__inner {
	flex: 0 0 auto;
	min-width: 100%;
	z-index: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	animation: scroll 20s linear 0s infinite;
	animation-play-state: running;
	animation-delay: 0s;
	animation-direction: normal;
}
@keyframes scroll {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}
.top-header {
    display: block;
    position: relative;
    background-color: #37422f;
}
.top-header .container {
    width: 100%;
    padding: 0 15px;
}
.top-header .info-top {
    color: #fff;
    font-size: 14px;
}
.top-header .info-top .btn-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
.top-header .info-top {
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    text-align: center;
}
.top-header {
    display: block;
    position: relative;
    background-color: #37422f;
    padding: 7.5px 0;
}
.top-header .marquee-info {
    max-width: 600px;
    margin: 0 auto;
}
.header-primary .container {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
}
.header-primary .primary-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.header-primary .primary-inner .logo-header img {
    max-width: 150px;
    display: flex;
}
.header-primary .primary-inner .logo-header img {
    max-width: 150px;
    display: flex;
    max-height: 46px;
}
.header-primary .primary-inner .header-left {
    align-items: center;
    display: flex;
    gap: 12px;
}
.menu-user .burger {
    position: relative;
	cursor: pointer;
}
.menu-user .burger .line {
    background: rgb(55 66 47);
    display: block;
    height: 3px;
    margin: 5px 0;
    transition: .3s ease-in-out;
    width: 24px;
}
.burger .line:nth-child(2) {
    width: 18px;
}
.header-primary .header-left .logo-header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.header-primary .header-midle {
    align-items: center;
    display: flex;
    flex: 1;
}
.header-primary .header-midle .menu-header {
    display: flex;
    gap: 10px;
    position: relative;
    z-index: 2;
    align-items: center;
}
.menu-header .item-link {
    color: var(--e-global-color-text);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    transition: .3s ease-in-out;
    background-color: transparent;
}
.menu-header .item-link:hover {
    background-color: #F9F2E7;
}
.menu-header .item-link svg * {
    fill: var(--e-global-color-accent);
}
.menu-header .item-link svg {
    width: 20px;
}
.main-header-site {
    display: block;
    position: relative;
    border-bottom: 1px solid #e4e7ec;
}
.header-primary {
    display: block;
    position: relative;
    padding: 10px 0;
    background-color: #fff;
}
.btn {
    display: inline-flex;
    padding: 10px 20px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    color: #fff;
	transition: .3s ease-in-out;
    background-color: var(--e-global-color-secondary);
}
.btn:hover {
    color: #fff;
    background-color: var(--e-global-color-primary);
	transition: .3s ease-in-out;
}
.header-right .btn {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.header-right .btn.btn-pro {
    gap: 5px;
}
.header-primary .header-right .wrapper {
    display: flex;
    gap: 8px;
}
.menu-user.open .burger .line:first-child {
    transform: rotate(45deg) translate(6px, 5px);
}
.menu-user.open .burger .line:nth-child(2) {
    opacity: 0;
    transform: translateX(-5px);
}
.menu-user.open .burger .line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -5px);
}
.header-primary .menu-user .menu-user-main {
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    background-color: #f9fafb;
    width: 260px;
    padding: 16px;
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
    z-index: 2;
    display: flex;
    overflow-y: auto;
}
.header-primary .menu-user.open .menu-user-main {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
	z-index: 2;
}
.header-primary .menu-user .menu-user-main nav.user-menu-login {
    overflow-y: auto;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-user.open  .mb-overlay {
	opacity: 1;
	z-index: -1;
	visibility: visible;
}
.menu-user .mb-overlay {
    --webkit-filter: drop-shadow(10px);
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -99;
    transition: .1s ease-in-out;
    width: 100%;
    height: 100vh;
    visibility: hidden;
}
#tahefobu-header.tahefobu-ready {
    top: 0;
}
#tahefobu-header.ta-sticky-active, .turbo-header-template.ta-sticky-active {
   top: var(--ta-sticky-top, 0);
}
.menu-user-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-user-main ul li.title>a {
    color: #8b8b8b;
    margin-bottom: 6px;
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.menu-user-main ul ul.sub-menu li:not(:last-child) {
    margin-bottom: 6px;
}
.menu-user-main ul ul.sub-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--e-global-color-text);
    font-weight: 600;
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 8px;
}
.menu-user-main ul ul.sub-menu li a img.menu-icon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(8%) saturate(1129%) hue-rotate(50deg) brightness(97%) contrast(101%);
}
.menu-user-main ul ul.sub-menu li.current-menu-item a,
.menu-user-main ul ul.sub-menu li a:hover {
    background-color: rgba(55, 66, 47, 0.1);
}
.menu-user-main ul li.title {
    margin-bottom: 12px;
}
.menu-user-main ul li.title:last-child {
    margin-bottom: 0;
}
.header-right .btn.btn-login {
    text-transform: none;
    background-color: transparent;
    color: var(--e-global-color-text);
	border: 1px dashed transparent;
	padding: 9px 20px;
}
.header-right .btn.btn-login:hover {
    border: 1px dashed var(--e-global-color-text);
}
.header-right .btn.btn-reg {
    border: 1px solid var(--e-global-color-secondary);
    text-transform: none;
	padding: 9px 20px;
}
.user-info-box .title-hello {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 32px;
    justify-content: center;
    text-align: center;
}
.user-info-box .title-hello img.icon-right {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.user-info-box {
    display: block;
    text-align: center;
}
.user-info-box .info {
    font-size: 32px;
    margin: 0;
}
.user-info-box .img-logo img {
    max-height: 70px;
    width: auto;
}
.user-info-box .btn-learn {
    border: 1px solid #e5a833ff;
    display: inline-flex;
    color: #fef8f8ff;
    font-size: 15px;
}
.user-info-box .btn-learn span {
    display: block;
    position: relative;
    z-index: 2;
}
.user-info-box .btn-learn .wrapper {
    background: linear-gradient(180deg, #1af815ff 0%, #086643ff 100%);
    border-radius: 100px;
    padding: 16px 30px;
    position: relative;
    overflow: hidden;
}
.user-info-box .btn-learn {
    border: 1px solid #e5a833ff;
    display: inline-flex;
    color: #fef8f8ff;
    font-size: 15px;
    border-radius: 100px;
    padding: 10px;
}
.user-info-box .btn-learn span.title {
    font-size: 16px;
    font-weight: 600;
}
.user-info-box .btn-learn .wrapper:hover:before {
	width: 100%;
	left: 0;
}
.user-info-box .btn-learn .wrapper:before {
    content: "";
    background: linear-gradient(180deg, #efbc4aff 0%, #f5980bff 100%);
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s ease;
    width: 0;
    z-index: 1;
}
.box-login-register .top-box h2 {
    color: var(--e-global-color-accent);
    margin: 0 0 10px;
}
.box-login-register .top-box {
    display: block;
    text-align: center;
}
.box-login-register .top-box .desc {
    text-decoration-line: underline;
    font-weight: 500;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #080808ff 0%, #050505ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-underline-offset: 4px;
}
.box-login-register .main-box {
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 15px;
    overflow: hidden;
    margin-top: 20px;
}
.box-login-register .main-box .top-main {
    background-color: var(--e-global-color-secondary);
    display: flex;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    gap: 10px;
    align-items: center;
}
.box-login-register .main-box .top-main .img-logo {
    width: 50px;
    display: flex;
}
.box-login-register .main-box .top-main .title {
    width: calc(100% - 50px);
    color: #fff;
}
.box-login-register .main-box .inner-main {
    padding: 10px;
}
.box-login-register .main-box .footer-box {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
.box-login-register .main-box .footer-box p {
    margin: 0;
}
.box-login-register .main-box .footer-box p:not(:last-child) {
    margin: 0 0 10px;
}
.box-login-register .main-box .footer-box hr {
    margin-bottom: 10px;
}
.box-login-register .list-info {
    display: flex;
    flex-wrap: wrap;
}
.box-login-register .list-info .item-info {
    flex: 1 1 0%;
    padding: 4px;
    text-align: center;
    position: relative;
}
.box-login-register .list-info .item-info:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 30px;
    background-color: var(--e-global-color-text);
    top: 50%;
    margin-top: -15px;
}
.box-login-register .list-info .item-info .title-info {
    text-align: center;
    color: var(--e-global-color-accent);
    font-size: 14px;
    font-weight: 500;
    padding: 5px 15px 0;
}
.box-login-register .list-info .item-info .img-icon {
    max-width: 22px;
    display: inline-flex;
}
.box-login-register .main-box .wp_google_login {
    margin-top: 5px;
}
.box-login-register .main-box .wp_google_login .wp_google_login__button {
    border-radius: 8px;
    padding: 7px 15px;
}
.box-login-register .main-box .wp_google_login .wp_google_login__button .wp_google_login__google-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.tabs-login-reg {
    background-color: var(--e-global-color-secondary);
    padding: 4px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
}
.tabs-login-reg .nav-tabs {
    display: flex;
    align-items: center;
}
.tabs-login-reg .nav-tabs .item-nav {
    width: 50%;
}
.tabs-login-reg .nav-tabs .item-nav span {
    width: 100%;
    padding: 10px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 14px;
}
.tabs-login-reg .nav-tabs .nav-register.activer span {
    display: block;
    width: calc(100% - 40px);
    position: relative;
    background-color: #fff;
    border-radius: 6px 0 0 0;
    padding: 10px;
    color: var(--e-global-color-secondary);
}
.tabs-login-reg .nav-tabs .nav-register.activer span:after {
    content: "";
    position: absolute;
    right: -32px;
    top: 0;
    width: 40px;
    height: 100%;
    background-color: #fff;
    border-top-right-radius: 6px;
    transform: translate(0, 0) rotate(0) skewX(18deg) skewY(0) scaleX(1) scaleY(1);
}
.tabs-login-reg .nav-tabs .nav-login.activer {
    display: flex;
    justify-content: end;
}
.tabs-login-reg .nav-tabs .nav-login.activer span {
    display: block;
    width: calc(100% - 40px);
    position: relative;
    background-color: #fff;
    border-radius: 0 6px 0 0;
    padding: 10px;
    color: var(--e-global-color-secondary);
}
.tabs-login-reg .nav-tabs .nav-login.activer span:before {
    content: "";
    position: absolute;
    left: -32px;
    top: 0;
    width: 40px;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 6px;
    transform: translate(0, 0) rotate(0) skewX(-18deg) skewY(0) scaleX(1) scaleY(1);
}
.tabs-login-reg .body-tabs .tab-inner.tab-register {
    background: #fff;
    border-radius: 0 6px 6px 6px;
    padding: 10px;
    display: none;
    margin-top: -1px;
}
.tabs-login-reg .body-tabs .tab-inner.tab-login {
    background: #fff;
    border-radius: 6px 0 6px 6px;
    padding: 10px;
    display: none;
    margin-top: -1px;
}
.tabs-login-reg .body-tabs .tab-inner.activer {
    display: block;
}
.tabs-login-reg .body-tabs .tab-inner .title-tab {
    font-size: 14px;
    margin-bottom: 24px;
    padding-top: 5px;
}
.toeic-style-form .group-field {
    display: flex;
    flex-wrap: wrap;
}
.toeic-style-form .group-field p {
    width: 50%;
}
.toeic-style-form .group-field label {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}
.toeic-style-form .group-field input[type="checkbox"] {
    width: 16px;
    height: 16px;
}
.toeic-style-form .group-field p.lost-password {
    text-align: right;
    justify-content: end;
}
.toeic-style-form .group-field .open-forgot {
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a;
}
.toeic-style-form .group-field .open-forgot:hover {
    text-decoration: underline;
}
form.registerform p {
    margin-bottom: 24px;
}
form.registerform .group-password {
    display: flex;
    gap: 10px;
}
form.registerform .group-password p {
    width: 50%;
}
span.warpper-pass {
    position: relative;
    display: block;
}
span.warpper-pass span.icon-show {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 16px;
    height: 16px;
    background-image: url(../images/eye-slash.svg);
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -6px;
    cursor: pointer;
}
span.warpper-pass span.icon-show.show {
    background-image: url(../images/eye.svg);
}
span.warpper-pass input.input {
    padding-right: 28px;
}
form.registerform .register-error > div {
    margin-bottom: 20px;
}
.single-lesson {
    display: flex;
    gap: 20px;
    margin-top: 50px;
}
.single-lesson .main-lesson {
    width: calc(100% - 370px);
    height: 100%;
    padding-bottom: 50px;
}
.single-lesson .sidebar-lesson {
    width: 370px;
    padding-bottom: 50px;
    overflow: hidden;
}
.progress-bar {
    background: #F2F2F2;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    position: relative;
    font-size: 12px;
    padding: 3px 0;
    font-weight: 500;
	margin-bottom: 8px;
}
.progress-fill {
    height: 100%;
    background: linear-gradient(180deg, #FFBB00 0%, #FFBB00 100%);
    transition: width 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
}
.progress-bar .progress-text {
    position: relative;
    z-index: 2;
    text-align: center;
}
.progress-bar .progress-text span {
    text-transform: uppercase;
}
.sidebar-lesson .all-course-info {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.single-lesson .lesson-info h1.lesson-title {
    font-size: 30px;
}
.single-lesson .lesson-info .meta-lesson {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.single-lesson .lesson-info .meta-lesson .item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}
.single-lesson .lesson-info .meta-lesson .item a {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #333;
}
.lists-course .item-course .cate-info,
.meta-lesson .item .cate-info {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.meta-lesson .item .item-cat {
    background-color: #4caf50;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.lists-course .item-course .cate-info .item-cat{
    background-color: #4caf50;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.lists-course .item-course .cate-info .item-cat.star,
.meta-lesson .item .item-cat.star {
    background-color: #E53935;
}
.lists-course .item-course .cate-info .item-cat.pro,
.meta-lesson .item .item-cat.pro {
    background-color: #379CF0;
}
.tabs-course {
	position: relative;
}
.tabs-course .tabs-nav {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}
.tabs-course .tabs-nav::-webkit-scrollbar {
	display: none;
}
.tabs-course.tabs-nav .item-nav {
	flex: 0 0 auto;
	scroll-snap-align: start;
	padding: 10px 16px;
	background: #eee;
	border-radius: 6px;
	white-space: nowrap;
	cursor: pointer;
}
.tabs-course .tabs-nav .item-nav.active {
    background: #37422F;
    color: #fff;
}
.tabs-course .tabs-nav-wrap {
	position: relative;
}
.tabs-course .tabs-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #F5F5F5;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    border: 1px solid #E4E7EC;
}
.tabs-course .tabs-btn.prev {
	left: 0;
}
.tabs-course .tabs-btn.prev svg {
    transform: rotate(180deg);
}
.tabs-course .tabs-btn.next {
	right: 0;
}
.tabs-course .main-tabs .item-tab {
    display: none;
}
.tabs-course .main-tabs .item-tab.active {
    display: block;
}
.lists-course {
    display: block;
    position: relative;
}
.lists-course .item-course:last-child{
	margin-bottom: 0;
}
.lists-course .item-course {
    display: block;
    margin-bottom: 5px;
}
.lists-course .item-course .wrap {
    display: flex;
    gap: 10px;
    padding: 5px;
    overflow: hidden;
    border-radius: 5px;
}
.lists-course .item-course .wrap.active,
.lists-course .item-course .wrap:hover {
    background-color: #37422F;
}
.lists-course .item-course .wrap.active .info-course h3,
.lists-course .item-course .wrap:hover .info-course h3 {
    color: #fff;
}
.lists-course .item-course .thumb {
    width: 120px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    aspect-ratio: 2 / 1.2;
}
.lists-course .item-course .info-course {
    width: calc(100% - 120px);
    padding: 5px 0;
}
.lists-course .item-course .info-course h3 {
    margin-top: 0;
    font-size: 12px;
    color: #212121;
    margin-bottom: 10px;
}
.lists-course .item-course .thumb .time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    gap: 3px;
    display: flex;
    padding: 2px 5px;
}
.lists-course .item-course .thumb .time svg * {
    fill: #fff;
}
.lists-course .item-course .thumb .time svg {
    width: 10px;
}
.lists-course .item-course .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tabs-course .tabs-nav .item-nav {
    white-space: nowrap;
    background-color: #F9FAFB;
    border: 1px solid #E4E7EC;
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 5px;
}
.tabs-course .tabs-nav .item-nav:hover {
    border-color: #212121;
}
.tabs-course .main-tabs .item-tab .wrapper {
    border: 1px solid #e4e7ec;
    border-radius: 8px 8px 0 0;
    margin-top: 15px;
    display: flex;
    overflow: hidden;
}
.tabs-course .search-scroll,
.lists-course-group {
    flex: 1 1 0%;
    overflow-y: auto;
    max-height: 70vh;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.lists-course-group::-webkit-scrollbar {
	display: none;
}
.lists-course-group .items-group {
    position: relative;
    display: block;
}
.lists-course-group .items-lessons {
    background-color: #f2f2f2;
    padding: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    gap: 5px;
	z-index: 2;
}
.lists-course-group .items-group.close .items-lessons .plus:before {
    opacity: 0;
}
.lists-course-group .items-lessons .plus {
    font-size: 0;
    position: relative;
    width: 10px;
    height: 10px;
}
.lists-course-group .items-lessons .plus:before {
    content: "";
    background-color: #37422f;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.lists-course-group .items-lessons .plus::after {
	content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 50%;
    background-color: #37422f;
    transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.lists-course-group .items-lessons .wrap-item {
    width: calc(100% - 10px);
}
.lists-course-group .items-lessons .title {
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 3px;
}
.lists-course-group .items-lessons .lessons-info-item {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    align-items: center;
    gap: 8px;
}
.lessons-info-item .qty-lessons {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.lessons-info-item .all-time {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.lessons-info-item svg {
    width: 12px;
}
.lists-course-group .items-group .lists-course {
    margin: 5px;
    background-color: #F2F2F2;
    padding: 5px;
    border-radius: 8px;
}
.tabs-course .main-tabs .course-search .wrapper {
    flex-wrap: wrap;
}
.tabs-course .main-tabs .course-search .field {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e4e7ec;
    padding: 2px 15px;
}
.tabs-course .main-tabs .course-search .field .icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
}
.tabs-course .main-tabs .course-search .field .icon svg * {
    stroke: #212121;
}
.tabs-course .main-tabs .course-search .field input[type="text"] {
    border: 0;
    width: 100%;
    padding-left: 20px;
    font-size: 14px;
    outline: none;
}
.tabs-course .main-tabs .course-search .lists-course {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tabs-course .footer-tabs {
    display: block;
    background-color: #f2f2f2;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #e4e7ec;
}
.tabs-course .footer-tabs .wrapper {
    display: flex;
    align-items: center;
}
.tabs-course .footer-tabs .item span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
}
.tabs-course .footer-tabs .item svg {
    display: inline-flex;
    width: 12px;
    height: 12px;
}
.tabs-course .footer-tabs .item {
    border-right: 1px solid #e4e7ec;
    text-align: center;
    display: flex;
    width: 50%;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px 0;
    border-top: 2px solid transparent;
	cursor: pointer;
}
.tabs-course .main-tabs {
    display: block;
    position: relative;
}
.tabs-course .footer-tabs .item.active {
    border-top: 2px solid #333;
}
.tabs-course .footer-tabs .item:last-child {
    border-right: 0;
}
#lesson-comments {
    position: absolute;
    height: calc(100% - 42px);
    width: 100%;
    top: 0;
    left: 0;
    z-index: -99;
    border: 1px solid #e4e7ec;
    border-radius: 8px 8px 0  0;
    overflow: hidden;
    background: #fff;
    opacity: 0;
    visibility: hidden;
	transition: .1s ease-in-out;
}
#lesson-comments.open {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}
#lesson-comments .comment-form {
    display: block;
    position: relative;
    padding: 5px 12px;
}
.comment-form .wrapper-form {
    display: flex;
    align-items: center;
    gap: 10px;
}
.comment-form .avarta {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 100%;
}
.comment-form .avarta img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.comment-form .wrapper-form button.btn-submit {
    padding: 4px;
    height: 36px;
    border: 0;
    color: #3a3a3a;
    font-size: 14px;
}
.comment-form .wrapper-form button.btn-submit {
    background: transparent;
}
.comment-form .wrapper-form input#comment-input {
    width: calc(100% - 72px);
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    padding: 5px 15px;
    font-size: 14px;
    color: #3a3a3a;
    height: 40px;
}
#lesson-comments .comment-list {
    height: calc(100% - 51px);
    padding: 10px;
    border-bottom: 1px solid #e4e7ec;
    overflow-y: auto;
}
#lesson-comments .comment-list .empty-comment {
    display: block;
    text-align: center;
}
#lesson-comments .comment-list .empty-comment img {
    max-width: 180px;
}
#lesson-comments .comment-list .empty-comment p {
    font-size: 14px;
}
#temp_load {
	position: fixed;
	background-color: rgba(255,255,255,.8);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}
#temp_load .loading__anim {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 4px solid rgba(82, 189, 146, .5);
	display: inline-block;
}
#temp_load .loading__anim:before {
  display: block;
  position: relative;
  left: calc(4px * -1);
  top: calc(4px * -1);
  content: ' ';
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 4px solid;
  border-color: #52BD92 transparent transparent transparent;
  animation: loading-rotate .8s ease-out infinite;
}
#lesson-comments .comment-list .comment-item {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}
.comment-list .comment-item .comment-time {
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
}
.comment-list .comment-item .comment-author {
    color: #333;
    font-weight: 500;
}
.comment-list .comment-item.comment-right {
    justify-content: end;
    text-align: right;
}
.comment-list .comment-item.comment-right .comment-avatar {
    order: 2;
}
@keyframes loading-rotate {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}
#lesson-comments .comment-list .comment-item {
    display: flex;
    width: 100%;
    gap: 10px;
}
.comment-list .comment-item .comment-avatar {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden;
}
.comment-list .comment-item .comment-avatar img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.comment-list .comment-item .comment-content {
    width: calc(100% - 36px);
}
.single-lesson .ld-content-actions .ld-content-action a.ld-button,
.single-lesson .ld-content-actions .ld-content-action .ld-course-step-back,
.single-lesson .learndash-wrapper .ld-breadcrumbs {
    display: none !important;
}
.main-profile {
    min-height: 68vh;
    position: relative;
    display: flex;
    padding: 16px;
    margin-bottom: 20px;
}
.main-profile .sidebar-profile {
    overflow-y: auto;
    width: 240px;
    position: sticky;
    top: 0;
    height: calc(100vh - 103px);
}
.main-profile .main-content {
    flex: 1 1 0%;
}
.main-profile .main-content .container {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (min-width: 1025px) {  
  .w-50 {
    width: 50%;
  }
  .theme-badge.even {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
     --mb-second {
        display: none;
     }
}
@media (max-width: 1366px) {
    .hd-bot-center .elementor-widget-text-editor a{
        padding: 8px;
    }
	.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 1200px) {  
    .hd-bot-right .elementor-widget-text-editor a {
         padding: 8px;
    }
    .tm-ct-right h2 {
        font-size: 40px;
    }
  .timeline-right {
    display: none;
  }
  .timeline-item {
    gap:  24px;
  }
  .tm-ct-right, 
  .tm-ct-left {
    width: calc(50% - 12px);
  }
  .tm-ct-right .absolute {
    right: 0;
  }
  .hd-bot-center .elementor-widget-text-editor a{
    gap:  5px;
    padding: 2px;
  }
  .hd-bot-center .elementor-widget-text-editor {
    gap:  5px;
  }
}
@media (max-width: 1199px) {
	.header-primary .header-midle {
		display: none;
	}
	.single-lesson .lesson-info h1.lesson-title {
		font-size: 24px;
	}
}
@media (max-width: 1024px) {
  .theme-badge {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
	.main-profile .sidebar-profile {
		display: none;
	}
}
@media (max-width: 767px) {
    .hd-regi-btn {
        text-align: center;
    }
    .hd-regi-btn span {
        display: block;
    }
    .list-adv .elementor-image-box-wrapper {
        display: flex;
        gap: 10px;
    }
  .tm-ct-right h2 {
    font-size: 40px;
  }
  .tm-ct-left {
    margin-bottom:0;
  }
    .timeline-item {
      gap: 10px;
  }
  .tm-ct-right, 
  .tm-ct-left {
    width: 100%;
  }

    .tab-re .e-n-tabs-heading {
        flex-direction: row;
    }

    .tab-re .e-n-tabs-heading .e-n-tab-title {
        padding: 10px 0;
        font-size: 14px;
    }

    /* tab active */
    .tab-re .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    /* fix pseudo */
    .tab-re .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]::after {
        width: 20px; /* giảm lại */
    }

    .tab-re .e-n-tabs-heading .e-n-tab-title:first-child[aria-selected="true"]::after {
        right: -10px;
        border-top-right-radius: 10px;
    }

    .tab-re .e-n-tabs-heading .e-n-tab-title:last-child[aria-selected="true"]::after {
        left: -10px;
        border-top-left-radius: 10px;
    }

    .tab-re .e-n-tabs-content {
        padding: 15px;
    }

    .tab-re .e-n-tabs {
        border-radius: 10px;
    }
	.header-primary .header-right .btn.btn-link {
		display: none;
	}
	.header-right .btn.btn-reg {
		display: none;
	}
	.header-right .btn.btn-login {
		background-color: var(--e-global-color-text);
		color: #fff;
	}
	.top-header .info-top .btn-link {
		display: none;
	}
	.header-primary {
		padding: 5px 0;
	}
	.user-info-box .btn-learn {
		font-size: 14px;
	}
	.user-info-box .info,
	.user-info-box .title-hello {
		font-size: 24px;
	}
	.single-lesson {
		flex-wrap: wrap;
	}
	.single-lesson .sidebar-lesson,
	.single-lesson .main-lesson {
		width: 100%;
	}
	.single-lesson {
		margin-top: 30px;
	}
}
@media (max-width: 480px) {
	form.registerform .group-password {
		flex-wrap: wrap;
	}
	form.registerform .group-password p {
		width: 100%;
	}
	.box-login-register .list-info .item-info .title-info {
		padding: 5px 8px 0;
		font-size: 12px;
	}
}