@font-face {

  font-family: "Inter";

  src: url(../fonts/Inter-Regular.ttf);

}

@font-face {

  font-family: "Inter-Medium";

  src: url(../fonts/Inter-Medium.ttf);

}

@font-face {

  font-family: "Inter-Bold";

  src: url(../fonts/Inter-Bold.ttf);

}

@font-face {

  font-family: "Roboto";

  src: url(../fonts/Roboto-Regular.ttf);

}

@font-face {

  font-family: "Roboto-Medium";

  src: url(../fonts/Roboto-Medium.ttf);

}

@font-face {

  font-family: "Roboto-Bold";

  src: url(../fonts/Roboto-Bold.ttf);

}

.main__course__content ul.file__down {
  padding: 0 !important;
}

* {

  box-sizing: border-box;

}
html {
  margin: 0 !important;
}
.footer__wrap {
  clear: both;
  overflow: hidden;
  display: none;
}
.home .footer__wrap {
  display: block;
}
.anh_dai_dien {

  display: none;

}

body {

  font-family: "Roboto";

  margin: 0;

  padding: 0;

  color: #13151b;

  position: relative;

}

a {

  text-decoration: none;

  color: #0042fc;

}

a:hover {

  color: #f66b2d;

}
strong , b {
    font-family: "Roboto-Bold";
}
img {

  height: auto;

  max-width: 100%;

  border: none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Inter";

  margin: 0;

  font-weight: 400;

  display: block;

}

.inter {

  font-family: "Inter";

}

.inter-500 {

  font-family: "Inter-Medium";

}

.inter-600 {

  font-family: "Inter-Bold";

}

.roboto {

  font-family: "Roboto";

}

.roboto-500 {

  font-family: "Roboto-Medium";

}

.roboto-600 {

  font-family: "Roboto-Bold";

}

.color-chinh {

  color: rgba(19, 21, 27, 1);

}

.container-xl {
    max-width: 1344px;
    margin: 0 auto;
    position: relative;

}

.container-xm {

  max-width: 1116px;

  margin: auto;

  position: relative;

}

.container-smail {

  max-width: 660px;

  position: relative;

  margin: auto;

}

.container-1116 {

  max-width: 1116px;

  position: relative;

} /*header menu*/

.pix-header {

  background: #fff;

  height: 72px;

  box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);

}
#topbar__menu li {
  list-style: none;
}
#topbar__menu {
  background: #0042FC;
  padding: 5px 0;
}
#topbar__menu ul.menu {
  display: flex;
  margin: 0;
  padding: 0;
}
#topbar__menu ul.menu ul {
  display: none;
}
#topbar__menu ul.menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#topbar__menu ul.menu li a {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  padding: 0 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.10);
}
#topbar__menu ul.menu li:first-child >a {
  padding-left: 0;
}
#topbar__menu ul.menu li:last-child >a {
  border-right: 0;
}
#topbar__menu ul.menu li a:hover {
  color: #F66B2D;
}
.logo {

  overflow-y: hidden;

  display: inline-block;

  vertical-align: middle;

  position: relative;

}

.navbar {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  flex-basis: auto;

  height: 72px;

}

.navbar .header-nav {

  display: flex;

  list-style: none;

  flex-direction: row;

  align-items: center;

  align-self: stretch;

  margin: 0;

  padding: 0;

  justify-content: flex-end;

}

.navbar .header-nav > li {

  position: relative;

  padding: 0px 20px;

}

.navbar .header-nav > li > a {

  color: #13151b;

  font-size: 16px;

  font-family: "Roboto-Medium";

  display: inline-block;

  line-height: 72px;

}

.header__card {

  display: flex;

  align-items: center;

}
.card__mn__cart {
  position: relative;
}
.cats__a {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.063808px;
  color: #9199B2;
  margin-bottom: 4px;
}
.mfp-hide {
  display: none;
}
.header__card #cart-popup{
    position: absolute;
    width: 400px;
    background: #fff;
    padding: 16px;
    left: -365px;
    z-index: 9;
    top: 47px;
    box-shadow: inset 0 0 1px 1px #efefef;
}
.widget_shopping_cart_content .remove {
  display: none;
}
.widget_shopping_cart_content  .quantity {
/*  display: none;*/
}

.widget_shopping_cart_content .mini_cart_item {
    display: flex;
    margin-bottom: 32px;
}
.img__anh__gh {
  width: 140px;
  min-width: 140px;
}
.te__cour__gh {
  width: calc(100% - 140px);
  padding-left: 16px;
}
.img__anh__gh a {
  line-height: 0 !important;
}
.img__anh__gh img {
  width: 100%;
  height: 104px;
      object-fit: cover;
}
.widget_shopping_cart_content .mini_cart_item a {
  line-height: 24px;
}
.te__cour__gh .woocommerce-Price-amount {
  color: #393F51;
  font-size: 16px;
  font-family: "Roboto-Bold";
}
.te__cour__gh a {
  color: #13151B;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
}
.woocommerce-mini-cart__buttons a {
    display: block !important;
    font-size: 18px;
    line-height: 32px !important;
    padding: 18px 0;
    text-align: center;
    background: #0042fc;
    color: #fff;
}
.woocommerce-mini-cart__buttons a.checkout  {
  display: none !important
}
#cart-popup .cart-popup-title h4{
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 24px;
  color: #393F51;
  margin: 0 0 32px 0;
}
#cart-popup .cart-popup-title h4 i {
  color: #00C851;
  font-size: 15px;
  margin-right: 5px;
}
.box__top__botton {
    height: 100vh;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 140px;
    overflow: hidden;
}






.header__card a {

  display: inline-block;

}


.header__card a i {

  color: #13151b;

  font-size: 20px;

}

.header__seach {

  display: flex;

  align-items: center;

  background: #f2f5ff;

  -webkit-transition: width 0.3s;

  -moz-transition: width 0.3s;

  -ms-transition: width 0.3s;

  -o-transition: width 0.3s;

  transition: width 0.3s;

  padding: 0 10px;

}

.header__seach .input__seach {

  width: 100%;

  height: 40px;

  border: 0;

  outline-style: none;

  background: #f2f5ff;

}

.header__seach.active {

  border: 1px solid #ccc;

}

.header__seach.active {

  width: 850px;

  display: flex;

  opacity: 1;

  visibility: visible;

}

.header__seach {

  width: 0;

  opacity: 0;

  border: 1px solid #ccc;

  visibility: hidden;

  display: none;

}

.header__seach .seach__menu {

  border: 0;

  outline-style: none;

  background: none;

  padding: 0;

}

.seach__menu i {

  font-size: 20px;

  color: #13151b;

}

.login_button {

  margin-left: 35px;

  font-size: 16px;

}

.header__seach.active {

}

.anmenu .menu-menu-primary-container {

  display: none;

}

.devsite-top-logo-row-middle {

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -moz-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  position: relative;

}

.devsite-top-logo-row-middle .devsite-header-upper-tabs {

  -webkit-box-flex: 1;

  -webkit-flex: 1 1 0;

  -moz-box-flex: 1;

  -ms-flex: 1 1 0px;

  flex: 1 1 0;

  margin-block: 0;

  opacity: 1;

  position: relative;

  z-index: 8;

}

.devsite-header-upper-tabs {

  -webkit-box-flex: 1;

  -webkit-flex: 1 1 0;

  -moz-box-flex: 1;

  -ms-flex: 1 1 0px;

  flex: 1 1 0;

  margin-block: 0;

  opacity: 1;

  position: relative;

  z-index: 8;

}

.menu-menu-primary-container {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: space-around;

} /*seach header*/

.searchbox {

  position: relative;

  float: right;

  width: 40px;

  text-align: center;

}

.searchbox-input {

  border: 0;

  outline: 0;

  background: transparent;

  width: 100%;

  height: 40px;

  margin: 0;

  padding: 0;

  font-size: 14px;

  color: #000;

  display: none;

}

.searchbox-icon,

.searchbox-submit {

  font-size: 20px;

  padding: 0;

  margin: 0;

  border: 0;

  outline: 0;

  line-height: 40px;

  text-align: center;

  cursor: pointer;

  color: #333;

  width: 40px;

  height: 40px;

  background: none;

}

.searchbox-submit {

  display: none;

}

.searchbox-open {

  /*width: 850px;*/

} /*list__course__cate*/

.shop__banner {

  padding: 195px 0 345px;

  position: relative;

  overflow: hidden;

}

.over__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(19, 21, 27, 0.9);

}

.top__padding {

  padding: 90px 0 40px;

}

.lv__course {

  text-align: center;

  color: #13151b;

  font-size: 60px;

  line-height: 72px;

  margin: 0 0 40px;

}

.list__course__cate {

  overflow: hidden;

  clear: both;

  margin: 0 -12px 40px;

}

.list__course__cate .item__course {

  width: 20%;

  float: left;

  padding: 0 12px 12px;

  text-align: center;

  box-sizing: border-box;

}

.list__course__cate .item__course .inner__course {

  display: block;

  padding: 40px 40px 50px;

  background: #f3f3f6;

  box-shadow: inset 0px 6px 0px #0042fc;

}

.list__course__cate .item__course .inner__course:hover {

  background: #0042fc;

}

.list__course__cate .item__course .inner__course:hover .title__course {

  color: #fff;

}

.icon__course {

  width: 64px;

  height: 64px;

  background: #fff;

  border-radius: 100%;

  display: block;

  position: relative;

  margin: auto;

}

.icon__course img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  width: auto;

  height: auto;

  max-height: 32px;

}

.title__course {

  display: block;

  color: #13151b;

  font-size: 20px;

  font-family: "Inter-Medium";

  margin: 20px 0 0 0;

  line-height: 30px;

}

.course__section {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 24px;
    justify-content: space-between;
}

.course__section .course__item {

    width: calc(25% - 24px);
    padding: 0 0px 40px;
    position: relative;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.in__course {

  position: relative;

}

.course__section .course__item .course__img a > img {

  width: 100%;

  height: 300px;

  object-fit: cover;

  position: relative;

  z-index: 9;

}

.course__item .course__img a {

  display: block;

  line-height: 0;

  position: relative;

}

.partner {

  position: absolute;

  bottom: 16px;

  left: 16px;

  z-index: 9;

  width: 60px;

  height: 60px;


}

.partner img {
  width: 60px;
  height: 60px;
object-fit: cover;
}

.course__item .add-to-cart-button {

  position: absolute;

  top: 16px;

  right: 16px;

  z-index: 9;

  opacity: 0;

  visibility: hidden;

}

.course__item .add-to-cart-button a {

  width: 40px;

  height: 40px;

  background: rgba(57, 63, 81, 0.7);

  text-align: center;

  line-height: 40px;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: space-around;

}

.course__item .add-to-cart-button a i {

  font-size: 16px;

  color: #fff;

}

.course__section .course__item .content__course {

  position: relative;

  padding: 24px 0 0 0;

}

.cate__course {

  color: rgba(145, 153, 178, 1);

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 8px;

}

.course__section .course__item .content__course h3 a {

  display: block;

  color: rgba(19, 21, 27, 1);

  font-size: 20px;

  line-height: 32px;

  height: 64px;

  overflow: hidden;

}

.course__section .course__item .content__course h3 {

  margin-bottom: 4px;

}

.star__price {

  display: flex;

  align-items: center;

  justify-content: space-between;

  line-height: 32px;

}

.star__price .price__pirce {

  color: rgba(57, 63, 81, 1);

}

.star_cours {

  color: rgba(254, 206, 0, 1);

  font-size: 15px;

}

.star_cours i {

  font-size: 11px;

}

.star_cours label {

  color: rgba(145, 153, 178, 1);

  font-size: 14px;

  margin-left: 8px;

}

.fade-in-block {

  padding-top: 20px;

}

.fade-in-block .product-short-description {

  color: rgba(57, 63, 81, 1);

  font-size: 16px;

  line-height: 24px;

  height: 48px;

  overflow: hidden;

  margin-bottom: 12px;

}

.flex__time {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.flex__time span {

  color: rgba(95, 105, 136, 1);

  font-size: 14px;

  line-height: 23px;

}

.flex__time span i {

  margin-right: 1px;

  margin-left: 1px;

}

.content-product-imagin {

  position: absolute;

  top: -20px;

  right: -20px;

  bottom: 0;

  left: -20px;

  visibility: hidden;

  background-color: #fff;

  box-shadow: 0px 8px 42px rgba(0, 0, 0, 0.1);

  opacity: 0;

  margin-bottom: -120px;

  transform: scale(0.98);

}

.course__item:hover .content-product-imagin {

  visibility: visible;

  opacity: 1;

  transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;

  transform: scale(1);

}

.course__item:hover .content-product-imagin {

  visibility: visible;

  opacity: 1;

  -webkit-transition: opacity 0.3s ease, visibility 0s ease,

    -webkit-transform 0.3s ease;

  transition: opacity 0.3s ease, visibility 0s ease, -webkit-transform 0.3s ease;

  transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;

  transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease,

    -webkit-transform 0.3s ease;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.fade-in-block {

  position: absolute;

  top: calc(100% - 5px);

  right: 0;

  left: 0;

  visibility: hidden;

  overflow: hidden;

  opacity: 0;

  padding: 25px 0 0 0;

}

.course__item:hover:hover .fade-in-block {

  visibility: visible;

  opacity: 1;

  transition: opacity 0.3s ease, visibility 0s ease;

}

.course__item:hover .fade-in-block {

  visibility: visible;

  opacity: 1;

  -webkit-transition: opacity 0.3s ease, visibility 0s ease,

    -webkit-transform 0.3s ease;

  transition: opacity 0.3s ease, visibility 0s ease, -webkit-transform 0.3s ease;

  transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;

  transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease,

    -webkit-transform 0.3s ease;

  -webkit-transform: translateY(-5px) translateZ(0);

  transform: translateY(-5px) translateZ(0);

}

.course__item:hover {

  z-index: 20;

  -webkit-transform: translateY(-5px) translateZ(0);

  transform: translateY(-5px) translateZ(0);

}

.course__section .course__item:hover .course__img .add-to-cart-button {

  opacity: 1;

  visibility: visible;

}

.course__item .add-to-cart-button:hover a {

  background: #f66b2d;

}

.views__all {

  text-align: center;

  padding-top: 30px;

}

.views__all a {

  color: #0042fc;

  display: inline-block;

  line-height: 30px;

  font-size: 16px;

}

.views__all a i {

  opacity: 0;

  visibility: hidden;

  font-size: 18px;

}

.views__all a:hover i {

  opacity: 1;

  visibility: visible;

} /*filter seach*/

.filter__course {

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    gap: 48px;
    padding: 0;
}

.scrolling_inner {

  display: flex;

  align-items: center;

  gap: 16px;

}

.filter-item {

  position: relative;

}

.filter-item__title {

  background-color: #fff;

  border: 1px solid #dadce5;

  cursor: pointer;

  padding: 10.5px 10px;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  color: #13151b;

  font-size: 14px;

  min-width: 120px;

  position: relative;

}

.filter-item__title label {

  float: right;

  color: #9199b2;

  font-size: 16px;

}
.btn-show_label_checkbox {
      float: right;
    font-size: 20px;
}
label.checkbox_custom input[type=checkbox] + .label-text:before {
  margin-right: 8px !important;
}
.filter-show {

  background-color: #fff;

  border: 1px solid #dadce5;

    max-width: 320px;
    min-width: 320px;

  left: 0;

  position: absolute;

  padding: 10px;

  width: max-content;

  white-space: normal;

  z-index: 500;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s;

  transform: translateY(18px);

  margin-left: -1px;

}

.sort-select-main {

  max-width: 170px;

  min-width: 170px;

}

.filter-show.sort-select-main .filter-list a:hover,

.filter-show.filter-show-keyseach .filter-list a:hover {

  background: #f2f5ff;

}

.filter-item .filter-item__title:hover .filter-show {

  opacity: 1;

  visibility: visible;

}

.filter-show .filter-list a {

  text-align: left;

  display: flex;

  line-height: 48px;

  align-items: center;

  justify-content: flex-start;

  box-shadow: inset 0px -1px 0px #f0f0f0;

  padding: 0 10px;

  gap: 10px;

}

.filter-show .filter-list a input {

  margin: 0;

  width: 18px;

  border: 1px solid #acb2c5;

  height: 18px;

}

.filter-show .filter-list a:last-child {

  box-shadow: 0 0 0 0;

}

.filter-show .filter-list a span.tick-checkbox {

  border: 1px solid #acb2c5;

  border-radius: 3px;

  margin-right: 8px;

  height: 18px;

  width: 18px;

}

.filter-show .filter-list a label,

.filter-show .filter-list a {

  color: #13151b;

  font-size: 14px;

}

.filter-item-add {

  position: relative;

}

.filter-item-add .title__add {

  background: #f3f3f6;

  color: #13151b;

  font-size: 14px;

  line-height: 24px;

  padding: 8px 10px;

  width: 100px;

  cursor: pointer;

}

.show__add {

  display: none;

}

.active__show .show__add {

    position: absolute;
    transition: all 0.2s;
    transform: translateY(8px);
    display: block;
    z-index: 99;
}

.show__add .filter-item {

  margin-bottom: 8px;

}

.show__add .filter-item:last-child {

  margin-bottom: 0;

}

.filter-item-add .title__add span {

  font-size: 14px;

  line-height: 24px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.seach__chude {

  display: flex;

  align-items: center;

  border: 1px solid #dadce5;

  margin-bottom: 1px;

  padding: 7px 9px;

}

.seach__chude i {

  font-size: 18px;

  margin-right: 10px;

  color: #9199b2;

}

.seach__chude input {

  border: 0;

  color: #acb2c5;

  font-size: 14px;

  line-height: 24px;

  outline-style: none;

  padding: 0;

  width: 100%;

}

.filter-show-price,

.filter-show-keyseach {

  min-width: 300px;

  max-width: 300px;

}

.range-price {

  display: block;

  overflow: hidden;

  padding: 20px 0 0 0;

  position: relative;

  margin: 0 0 24px 0;

}

div.range-left {

  width: 47%;

  float: left;

}

.range-price span.box__pri {

  padding: 10px;

  border: 1px solid #dadce5;

  z-index: 1;

  position: relative;

  background: #fff;

  display: flex;

  color: #dadce5;

  line-height: 18px;

}

.range-price input,

.prop-minmax input {

  border: 0;

  max-width: 64px;

  text-align: right;

  font-size: 14px;

  float: left;

  background-color: #fff;

  outline-style: none;

  padding: 0;

}

label.place-holder {

  color: #13151b;

  font-size: 14px;

  float: left;

}

div.range-right {

  float: right;

  width: 47%;

}

.pri__label {

  color: #13151b;

  font-size: 14px;

  line-height: 30px;

  margin: 0 0 0px 0;

}

#slider-range {

  width: 91%;

  display: block;

  position: relative;

  margin: 15px auto 10px;

}

.noUi-target {

  border-radius: 2px;

  cursor: pointer;

}

.noUi-background {

  background: #d6d7d9;

}

.noUi-horizontal {

  height: 4px;

}

.noUi-base,

.noUi-handle {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.noUi-base {

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1;

}

.noUi-origin {

  border-radius: 2px;

}

.noUi-connect {

  background: #0042fc;

  -webkit-transition: background 450ms;

  transition: background 450ms;

}

.noUi-origin {

  border-radius: 2px;

}

.noUi-background {

  background: #d6d7d9;

}

.noUi-horizontal .noUi-handle {

  width: 24px;

  height: 24px;

  position: relative;

  border-radius: 50%;

  left: -12px;

  top: -10px;

  cursor: pointer;

  border: 1px solid #acb2c5;

  background-color: #fff;

  z-index: 9;

}

.noUi-origin {

  position: absolute;

  right: 0;

  top: 0;

  left: 0;

  bottom: 0;

}

.filter-button {

  text-align: center;

}

.filter-button a {

  display: block;

  border: 1px solid #0042fc;

  padding: 9.5px;

  color: #0042fc;

  font-size: 16px;

}

.filter-button a b {

  font-weight: 400;

}

.filter-button a:hover {

  background: #0042fc;

  color: #fff;

}

.sort-select {

  display: flex;

  align-items: center;

}

.sort-select .click-sort {

  background-color: #fff;

  border: 1px solid #dadce5;

  cursor: pointer;

  padding: 10.5px 10px;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  color: #13151b;

  font-size: 14px;

  min-width: 170px;

  margin: 0 0 0 24px;

}

.sort-select .click-sort > label {

  float: right;

}

.title_sapxep {

  color: #000000;

  font-size: 14px;

}
.seac__t__fil {
  justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}
.seach__text {

    background: #f2f5ff;
    border: 1px solid #dadce5;
    display: flex;
    padding: 0 8px;
    flex-direction: row-reverse;
    min-width: 300px;
    max-width: 300px;

}

.seach__text input.tim_khoa_hoc {

  border: 0;

  outline-style: none;

  background: #f2f5ff;

  color: #acb2c5;

  font-size: 14px;

  padding: 0 0 0 10px;

  line-height: 38px;

  width: 100%;

}

.seach__text .search-field__button {

  border: 0;

  color: #9199b2;

  font-size: 18px;

  background: #f2f5ff;

}

.collection-filter {

  display: flex;

  align-items: center;

  margin-bottom: 24px;

}

.collection-filter .filter_tags {

  display: inline-block;

  margin-right: 8px;

}

.collection-filter .filter_tags a {

  color: #393f51;

  padding: 0 12px;

  line-height: 32px;

  border-radius: 16px;

  background: #f8f8fa;

  display: flex;

  align-items: center;

  width: 100%;

  font-size: 14px;

}

.collection-filter .filter_tags a i {

  color: #393f51;

  font-size: 12px;

  margin-left: 8px;

}

.collection-filter .filter_tags a:hover,

.collection-filter .filter_tags a:hover i {

  color: #f66b2d;

}

.remove__all a {

  color: #0042fc;

  font-size: 14px;

  padding: 0 15px;

}

.remove__all a i {

  margin-right: 3px;

}

.filter__reseach span,

.filter__reseach span b {

  color: #5f6988;

  font-size: 14px;

  font-weight: 400;

}

.remove__all a:hover {

  color: #f66b2d;

} /*shop__banner*/

.title__title {

  color: #fff;

  font-size: 60px;

  line-height: 72px;

  margin-bottom: 16px;

}

.des__cate__course {

  font-size: 18px;

  color: #fff;

  line-height: 32px;

}

.shop__banner .container-xm {

  position: initial;

}

.banner__wrap {

  display: block;

}

.colum__left__banner {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -ms-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  margin: 0 -1.14035%;

}

.ctt__ttc {

  box-sizing: border-box;

  padding-left: 1.14035%;

  padding-right: 1.14035%;

  margin-right: 65.33333%;

  z-index: 1;

}

.hero-fb--content {

  -ms-flex-align: flex-start;

  align-items: flex-start;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

}

.colum__right__banner {

  z-index: 1;

  height: 100%;

  right: 0;

  margin-left: 0;

  margin-right: 0;

  max-height: none;

  overflow: hidden;

  position: absolute;

  top: 0;

  width: 55%;

  text-align: right;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

.colum__right__banner a img {

  z-index: 2;

  position: relative;

}

.colum__right__banner a {

  position: relative;

  display: block;

  line-height: 0;

}

.colum__right__banner a:before {

  content: "";

  position: absolute;

  left: -25px;

  top: 15%;

  width: 311px;

  height: 311px;

  background: url(../images/ha_before.png) no-repeat;

  z-index: 1;

}

.icon__down {

    width: 90px;

    height: 90px;

    border: 1px solid #fff;

    border-radius: 100%;

    line-height: 90px;

    text-align: center;

    display: flex;

    align-items: center;

    position: absolute;

    bottom: 80px;

    animation: MoveUpDown 1.5s linear infinite;

    z-index: 9;

}

@keyframes MoveUpDown {

  0% {

    bottom: 80px;

  }

  50% {

    bottom: 90px;

  }

  100% {

    bottom: 80px;

  }

}

.icon__down a {

  line-height: 90px;

  display: block;

  width: 100%;

  color: #fff;

  font-size: 28px;

}

.icon__down:hover {

  background: #fff;

}

.icon__down:hover a {

  color: #333;

} /*category course*/

.banner__category {

  position: relative;

  display: block;

  min-height: 650px;

  max-height: 650px;

  overflow: hidden;

  padding: 40px 0 0;

}

.quote--image {

  height: 100%;

  right: 0;

  position: absolute;

  top: 0;

  width: 50%;

}

.quote--image img {

  width: 100%;

}

.hero-content-offset {

  box-sizing: border-box;

  margin-right: 58.33333%;

  flex-basis: 41.66667%;

  max-width: 41.66667%;

}

.breadcrumbs {

    margin-bottom: 40px;
    line-height: 30px;


}

.breadcrumbs a,

.breadcrumbs span {

  color: #5f6988;

  font-size: 18px;

/*  display: flex;

  align-items: center;*/

  /*gap: 10px;*/

  line-height: 32px;

}

.breadcrumbs a:hover {

  color: #f66b2d;

}

.breadcrumbs__white a,

.breadcrumbs__white span {

  color: #fff;

}

.title__category__title {

  font-size: 40px;

  line-height: 56px;

  margin-bottom: 24px;

}

.title__category__title__detail {

  margin-bottom: 8px;

}

.des__category__course p {

  font-size: 18px;

  line-height: 32px;

  color: #393f51;

  margin: 0 0 18px 0;

}

.des__category__course__detail {

  margin-bottom: 40px;

}
.des__category__course__detail p {
  line-height: 32px;
  max-height: 96px;
  margin: 0;
  overflow: hidden;
}
.add__to__cart__single {

  display: flex;

  gap: 8px;

  align-items: center;

}

.join__now {

  background: #0042fc;

  min-width: 300px;

  text-align: center;

  font-size: 18px;

  line-height: 32px;

  color: #fff;

  padding: 18px 20px 18px 20px;

  transition: all 0.3s;

  position: relative;

}

.join__now:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: #00103f;

  transition: all 0.3s;

  z-index: -1;

}

.join__now:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #00103f;

  z-index: -2;

}

.join__now:hover:before {

  width: 100%;

  z-index: 1;

}

.join__now span {

  color: #fff;

  z-index: 9;

  position: relative;

}

.add__cart {

    border: 1px solid #0042fc;
    color: #0042fc;
    padding: 22px;
    text-align: center;

}

.add__cart i {

  color: #0042fc;

  font-size: 22px;

  width: 24px;

  height: 24px;

}

.category__course {

  color: #13151b;

  font-size: 40px;

  line-height: 64px;

  margin-bottom: 32px;

}

.course__nth {

  position: relative;

  margin-bottom: 20px;

}

.course__nth a {

  color: #fff;

  z-index: 1;

  line-height: 30px;

  font-size: 20px;

  text-align: center;

  position: relative;

  padding: 0 100px;

  display: flex;

  align-items: center;

  height: 100px;

  justify-content: space-evenly;

  /*border-bottom: 6px solid transparent;*/

}

.course__nth:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

}

.course__nth a:hover {
    box-shadow: inset 0 -6px 0px 0px #f66b2d

}

.owl__slider__course .owl-nav {

  position: absolute;

  right: 0;

  top: -95px;

  margin: -0.5px;

}

.owl__slider__course .owl-nav button.owl-prev {

  background: #acb2c5 !important;

}

.owl__slider__course .owl-nav button {

  width: 68px;

  height: 68px;

  background: #393f51 !important;

  text-align: center;

  margin: 0 0.5px !important;

  min-height: initial;

  color: #fff !important;

  font-size: 40px !important;

}

.owl__slider__course .owl-nav button:hover {

  background: #5f6988 !important;

} /*detail course*/

.cung--cap {

  display: flex;

  align-items: center;

  gap: 8px;

  color: #5f6988;

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 32px;

}

.detail__star {

  line-height: 24px;

  margin-bottom: 24px;

}

.detail__star i {

  color: #fece00;

  font-size: 12px;

  margin-right: 2px;

}

.detail__star span {

  color: #9199b2;

  font-size: 16px;

}

.u-detail-course .u-detail-block-left {

  float: left;

  width: calc(100% - 430px - 140px);

}

.u-detail-block-right {

  width: 430px;

  float: right;

}

.item__teacher {

  display: flex;

  width: 100%;

  margin-bottom: 32px;

}

.item__teacher:last-child {



}

.img__teacher {

  flex-basis: 318px;

  max-width: 318px;

}

.mota__teacher {

  flex-basis: calc(100% - 318px);

  max-width: calc(100% - 318px);

  padding-left: 24px;

}

.title__gv {

  color: #13151b;

  font-size: 20px;

  line-height: 32px;

  margin-bottom: 4px;

}

.tt__gv {

  margin: 0;

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 16px;

}

.atribuile__course {

  padding: 0;

  margin: 0 0 25px 0;

}

.atribuile__course li {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 8px;

  color: #5f6988;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 8px;

}

.atribuile__course li:last-child {

  margin-bottom: 0;

}
.mt__gv {
      max-height: 192px;
    overflow: hidden;
}

.mt__gv p {

  color: #393f51;

  font-size: 14px;

  line-height: 24px;

  margin: 0 0 24px 0;

}

.mt__gv p:last-child {

  margin-bottom: 0;

}

.title__sg__course {

  color: #13151b;

  font-size: 40px;

  line-height: 48px;

  margin: 0 0 32px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.tab__scoll__single {

  margin-bottom: 70px;

}

.list__atri__info {

  padding: 40px 0 0 0;

  margin: 0;

}

.list__atri__info li {

  list-style: none;

  display: flex;

  align-items: center;

  gap: 10px;

}

.list__atri__info li {

  font-size: 16px;

  line-height: 24px;

  color: #393f51;

  margin-bottom: 20px;

}

.list__atri__info li:last-child {

  margin-bottom: 0;

}

.box__cart__single {

  padding: 30px;

  border: 1px solid #e6e8ee;

  position: relative;

  filter: drop-shadow(0px 8px 42px rgba(0, 0, 0, 0.1));

}
.box__cart__single .tutor-course-sidebar-card-pricing {
  float: left;
}
.box__cart__single .tutor-course-sidebar-card-pricing  .woocommerce-Price-amount {
  font-weight: 400;
  font-size: 28px;
}
.box__cart__single .price__star__course {
  float: right;
}
.box__cart__single .add__to__cart__single {
  clear: both;
}

.price__star__course {

  display: flex;

  align-items: center;

  justify-content: space-between;

  line-height: 40px;

  margin-bottom: 20px;

}

.pri__cours {

  color: #13151b;

  font-size: 28px;

  line-height: 40px;

}

.star__cours,

.star__cours b {

  font-weight: 400;

  color: #9199b2;

  font-size: 16px;

}

.star__cours b {

  color: #393f51;

  padding: 0 8px 0 0;

}

.star__cours i {

  color: #fece00;

}

.icon__muiten {

  position: absolute;

  bottom: 30px;

  right: 30px;

}

.tab-detail {

  display: flex;

  gap: 10px;

  margin-bottom: 16px;

}

.tab-detail a {

  color: #5f6988;

  font-size: 14px;

  line-height: 48px;

  padding-left: 14px;

  position: relative;

}

.tab-detail a:hover {

  color: #0042fc;

}

.tab-detail .active__tab {

  color: #0042fc;

}

.tab-detail .active__tab:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  top: 0;

  width: 8px;

  height: 8px;

  background: #0042fc;

  border-radius: 100%;

  margin: auto;

}

.tab-detail a:hover:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  top: 0;

  width: 8px;

  height: 8px;

  background: #0042fc;

  border-radius: 100%;

  margin: auto;

}

.content__tab__course p {

  font-size: 16px;

  line-height: 24px;

  margin: 0 0 24px 0;

}
.content__tab__course .read__more {
  text-align: center;
  display: block;
}
 /*side-bar-course*/

.side-bar-course {

}

.item__lear__course__step > .sub-btn-course {

  color: #13151b;

  font-size: 18px;

  line-height: 32px;

  background: #f3f3f6;

  padding: 16px 20px;

  display: flex;

  align-items: flex-start;

  gap: 12px;

  cursor: pointer;

}

.item__lear__course__step > .sub-btn-course > i {

  width: 16px;

  font-size: 18px;

  margin: 6px 0 0 0;

}

.time__c {

  width: 100px;

  min-width: 100px;

  color: #5f6988;

  font-size: 14px;

  display: flex;

  align-items: center;

  gap: 6px;

  justify-content: flex-end;

}

.time__c b {

  font-weight: 400;

  font-size: 14px;

  line-height: 24px;

  font-family: "Roboto";

}

.time__c i {

  font-size: 4px;

}

.sub__item__2 {

  padding: 16px 20px;

  display: flex;

  align-items: flex-start;

  gap: 12px;

  justify-content: space-between;

}

.sub__item__2 span > i {

  width: 24px;

  height: 24px;

  border-radius: 100%;

  font-size: 12px;

  background: #f3f3f6;

  line-height: 24px;

  text-align: center;

}

.sub__item__2 span {

  color: #13151b;

  font-size: 18px;

  line-height: 32px;

  display: flex;

  align-items: center;

  gap: 8px;

}

.sub__nth__3 {

  padding-left: 40px;

  padding-right: 20px;

  padding-bottom: 20px;

}

.lear__lear__sub__3 {

  margin-bottom: 8px;

}

.lear__lear__sub__3:last-child {

  margin-bottom: 0;

}

.lear__lear__sub__3 a {

  color: #393f51;

  line-height: 24px;

  font-size: 16px;

  display: flex;

  justify-content: space-between;

}

.accodion__tab .program__course {

  background: #f3f3f6;

  padding: 16px 20px;

  display: flex;

  justify-content: space-between;

}

.accodion__tab .program__course a {

  color: #13151b;

  font-size: 18px;

  display: block;

  line-height: 32px;

  display: flex;

}

.accodion__tab .program__course a > i {

  width: 30px;

  margin-top: 5px;

  font-size: 18px;

}

.posts__course a > i {

  width: 24px;

  height: 24px;

  background: #f3f3f6;

  border-radius: 100%;

  text-align: center;

  line-height: 24px;

}

.accodion__tab .program__course a > i.icofont-simple-up,

.posts__course a > i.icofont-simple-up,

.accodion__tab .program__course a > i.fa-chevron-up,

.posts__course a > i.fa-chevron-up {

  display: none;

}

.accodion__tab .program__course.ui-accordion-header-active a > i,

.posts__course.ui-accordion-header-active a > i {

  display: none;

}

.accodion__tab

  .program__course.ui-accordion-header-active

  a

  > i.icofont-simple-up,

.posts__course.ui-accordion-header-active a > i.icofont-simple-up,

.accodion__tab .program__course.ui-accordion-header-active a > i.fa-chevron-up,

.posts__course.ui-accordion-header-active a > i.fa-chevron-up {

  display: block;

}

.time__clock,

.time__clock b {

  color: #5f6988;

  font-size: 14px;

  font-weight: 400;

}

.time__clock {

  width: 105px;

  line-height: 24px;

  display: block;

  text-align: right;

  min-width: 105px;

}

.time__clock i {

  font-size: 5px;

}

.content__program__accodion__course {

  padding: 20px;

  background: #fbfbfc;

}

.posts__course {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-top: 32px;

}

.content__program__accodion__course .posts__course:first-child {

  padding-top: 0;

}

.posts__course a {

  color: #13151b;

  font-size: 18px;

  line-height: 32px;

  display: flex;

  align-items: center;

  gap: 10px;

}

.content__post__course {

  padding-left: 20px;

  padding-top: 8px;

}

.content__post__course p {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 16px;

  margin: 0 0 8px 0;

  line-height: 24px;

  color: #393f51;

}

.content__post__course p a {

  color: #393f51;

  font-size: 16px;

}

.time__clock b.ins {

  position: relative;

  padding-left: 10px;

}

.ins:before {

  content: "";

  display: inline-block;

  width: 4px;

  height: 4px;

  background: #5f6988;

  border-radius: 100%;

  position: absolute;

  top: 6px;

  left: 2px;

}

.question__accodion .title__question a {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #393f51;

  font-size: 18px;

  line-height: 24px;

  box-shadow: inset 0px -1px 0px #f0f0f0;

  padding: 18px 20px;

}

.question__accodion .title__question a > i.icofont-simple-up,

.question__accodion .title__question a > i.fa-chevron-up {

  display: none;

}

.question__accodion .title__question a > i {

  font-size: 21px;

}

.content__question {

  padding: 20px;

  background: #f8f8fa;

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

}

.question__accodion .title__question.ui-accordion-header-active a > i {

  display: none;

}

.question__accodion

  .title__question.ui-accordion-header-active

  a

  > i.icofont-simple-up,

.question__accodion

  .title__question.ui-accordion-header-active

  a

  > i.fa-chevron-up {

  display: inline-block;

}

.commentlist {

  padding: 32px 0 0 0;

  margin: 0;

}

.commentlist li {

  list-style: none;

  border-bottom: 1px solid #e6e8ee;

  padding: 0 0 32px 0;

  margin-bottom: 32px;

}
.commentlist > .review__comment {
  padding-bottom: 0;
}

.commentlist li:last-child {

  margin-bottom: 0;

  padding: 0;

  border-bottom: 0;

}

.review__comment .head__comment {

  display: flex;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 8px;

}

.img__use__comment {

  display: flex;

  justify-content: space-between;

  gap: 12px;

  align-items: center;

}

.img__use__comment img {

  width: 40px;

  height: 40px;

  border-radius: 100%;

  object-fit: cover;

}

.title__use__comment span {

  display: block;

  color: #13151b;

  font-size: 18px;

  line-height: 32px;

}

.title__use__comment label {

  color: #9199b2;

  font-size: 14px;

  line-height: 24px;

}

.star__hv .hv__hv {

  color: #0042fc;

  font-size: 14px;

  line-height: 24px;

  background: #f2f5ff;

  padding: 2px 8px;

  border-radius: 72px;

  display: inline-block;

  margin-right: 10px;

}

.star i {

  color: #fece00;

  font-size: 12px;

}

.comment__rev {

  color: #393f51;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 8px;

}

.like__comment {

  display: flex;

  gap: 24px;

}

.like__comment a,

.like__comment a b {

  font-weight: 400;

  color: #5f6988;

  font-size: 14px;

}

.sub__children {

  margin: 0;

  padding: 0;

  padding-left: 20px;

  border-left: 3px solid #e6e8ee;

  margin-top: 32px;

}
.sub__children > li:nth-child(1) {
    border-bottom: 0;
    padding-bottom: 0;
}

.comment__comment textarea {

  font-family: "Roboto";

  width: 100%;

  height: 80px;

  padding: 8px 16px;

  background: #f2f5ff;

  color: #acb2c5;

  font-size: 14px;

  border: 0;

  outline-style: none;

}

.form-submit-child {

  margin: 0;

  padding: 0;

  text-align: right;

}
.comment__comment {
  position: relative;
}
.form-submit-child input[type="submit"] {

    color: #fff;
    font-size: 14px;
    line-height: 24px;
    background: #0042fc;
    padding: 4px 12px;
    border: 0;
    outline-style: none;
    margin-right: 0;
    position: absolute;
    right: 16px;
    bottom: 8px;
    cursor: pointer;
    width: 86px;


}
.form-submit-child input[type="submit"]:hover {
  background: #00103f;
}
.comment__comment textarea::-webkit-input-placeholder {

  color: #acb2c5;

}

.comment__comment textarea:-moz-placeholder {

  /* Firefox 18- */

  color: #acb2c5;

}

.comment__comment textarea::-moz-placeholder {

  /* Firefox 19+ */

  color: #acb2c5;

}

.comment__comment textarea:-ms-input-placeholder {

  color: #acb2c5;

}

.comment-form-comment textarea::-webkit-input-placeholder {

  color: #acb2c5;

}

.comment-form-comment textarea:-moz-placeholder {

  /* Firefox 18- */

  color: #acb2c5;

}

.comment-form-comment textarea::-moz-placeholder {

  /* Firefox 19+ */

  color: #acb2c5;

}

.comment-form-comment textarea:-ms-input-placeholder {

  color: #acb2c5;

}

.filter__review__single {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-end;

  flex-direction: column;

  align-items: flex-end;

}

.filter__review__single span {

  background-color: #fff;

  border: 1px solid #dadce5;

  cursor: pointer;

  padding: 8px 14px;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  color: #13151b;

  font-size: 14px;

  min-width: 140px;

  max-width: 140px;

  line-height: 24px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.filter__review__single span i {

  font-size: 20px;

  color: #9199b2;

}

.show__filter__single {

  background-color: #fff;

  border: 1px solid #dadce5;

  max-width: 170px;

  min-width: 170px;

  left: 0; /*position: absolute;*/

  padding: 10px;

  top: 45px;

  width: max-content;

  white-space: normal;

  z-index: 3;

}

.show__filter__single a {

  display: block;

  font-size: 14px;

  line-height: 48px;

  padding: 0 10px;

  color: #13151b;

}

.show__filter__single a:hover {

  background: #f2f5ff;

} /*danh gia comment*/

.star_box {

  -js-display: flex;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-flow: row nowrap;

  flex-flow: row nowrap;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 47px;

  margin-bottom: 36px;

}

.style-v2 .star_box_left {

  border-left: 1px solid #ddd;

  border-right: 1px solid #ddd;

  padding: 10px 20px;

}

.devvn_review_row {

  padding-bottom: 24px;

  position: relative;

  -js-display: flex;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-flow: row nowrap;

  flex-flow: row nowrap;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

  gap: 8px;

}

.devvn_review_row:last-child {

  padding-bottom: 0;

}

span.devvn_rating_bar {

  -ms-flex: 1;

  flex: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: auto !important;

}

span.devvn_scala_rating {

  border-radius: 8px;

  display: inline-block;

  height: 8px;

  background: #fbfbfc;

  vertical-align: middle;

  overflow: hidden;

  width: 100%;

}

span.devvn_perc_rating {

  height: 8px;

  border-radius: 8px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  display: inline-block;

  width: 0;

  position: absolute;

}

.star-average {

  width: 118px;

  text-align: center;

  min-width: 118px;

}

.star-average .star_average {

  font-size: 40px;

  color: #393f51;

  line-height: 72px;

  font-family: "Inter";

}

.number__star {

  clear: both;

  display: block;

  margin: 0px 0 12px 0;

}

.number__star i {

  color: #fece00;

  margin: 0 1px;

  font-size: 12px;

}

.star-average strong {

  color: #5f6988;

  font-size: 16px;

  font-weight: 400;

}

.devvn_stars_value i {

  font-size: 12px;

  margin: 0 1px;

  color: #fece00;

  line-height: 8px;

}
.single-case-study .title_comment_box ,
.single .title_comment_box {
  font-family: "Inter-Bold" !important;
}
.comment-form-comment textarea {

  width: 100%;

  height: 140px;

  padding: 8px 16px;

  background: #f2f5ff;

  color: #acb2c5;

  font-size: 14px;

  border: 0;

  outline-style: none;

  font-family: "Roboto";

}

.comment-form-rating i {

  font-size: 14px;

  margin: 0 1px;

  color: #fece00;

}

.comment-form-rating {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 24px;

  margin-top: -50px;

  padding-right: 16px;

}

.form-submit {

  margin: 0;

}

.form-submit input {

  background: #0042fc;

  padding: 8px 16px 8px 16px;

  font-size: 16px;

  line-height: 24px;

  color: #fff;

  border: 0;

  outline-style: none;

}
.single.single-case-study .form-submit input {
    color: #fff;
    border: 0;
    outline-style: none;
    font-size: 14px;
    line-height: 24px;
    background: #0042fc;
    padding: 4px 12px;
    width: 86px;
}

.form-submit input:hover {

  background: #00103f;

}

.ui-accordion-header-icon {

  display: none;

}

.star_box_left {

  width: calc(100% - 118px);

} /*dang ky dang nhap*/

.section__register {

  /* --bs-gutter-x: 1.5rem; */

  --bs-gutter-y: 0;

  display: flex;

  flex-wrap: wrap; /* margin-top: calc(var(--bs-gutter-y) * -1); */ /* margin-right: calc(var(--bs-gutter-x) * -.5); */ /* margin-left: calc(var(--bs-gutter-x) * -.5); */

  overflow: hidden;

}

.section__register.section__forgot {

  align-items: initial;

}

.section__register.section__forgot .sign-in-form-panel {

  /*margin: 80px auto 0;*/

}

.section__register .img__dk__dn {

  min-height: 100vh;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 50px 150px 50px 50px;

  box-sizing: border-box;

  background: url(../Looper-1.png) no-repeat #00103f;

  flex: 0 0 auto;

  width: 600px;

  text-align: left;

}

.section__register .img__dk__dn a {

  position: absolute;

  top: 30px;

  left: 50px;

}

.des__register {

  color: #fff;

  font-size: 18px;

  line-height: 32px;

}

.title__register {

  font-size: 58px;

  line-height: 72px;

  font-family: "Inter";

  color: #fff;

  margin: 0 0 25px 0;

}

.sign-in-form-panel {

  background: #fff;

  z-index: 8;

  min-height: 100vh;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 10px 0;

  box-sizing: border-box;

  flex: 0 0 auto;

  width: calc(100% - 600px);

}

.box__sign {

  width: 400px;

  margin: auto;

}

.form_control_cus {

  margin-bottom: 20px;
  position: relative;
}
.form_control_cus .btn-show_pwr {
    position: absolute;
    right: 0;
    margin: 18px 11px;
    color: #9199B2;
}

.form_control_cus label {

  display: block;

  color: #13151b;

  font-size: 14px;

  line-height: 23px;

  letter-spacing: 0.06px;

  margin: 0 0 5px 0;

}

.form_control_cus input {

  width: 100%;

  border: 0;

  background: #f2f5ff;

  color: #acb2c5;

  font-size: 14px;

  line-height: 23px;

  letter-spacing: 0.06px;

  padding: 16px 14px 16px 14px;

  outline-style: none;

}

.form_control_cus textarea {

  height: 175px;

  background: #f2f5ff;

  padding: 20px 14px;

  color: #acb2c5;

  font-size: 14px;

  line-height: 24px;

  outline-style: none;

  border: 0;

  width: 100%;

  font-family: "Roboto";

}

.button_submit {

  display: block;

}

.button_submit input {

  width: 100%;

  background: #0042fc;

  border: 0;

  outline-style: none;

  line-height: 32px;

  padding: 18px 0;

  color: #fff;

  font-size: 18px;

}

.form_control_cus input[type="password"] {

  border: 1px solid #dadce5;

  padding: 15px 14px;

}

.button_submit_res {

  background: #0042fc;

  padding: 18px 20px 18px 20px;

  text-align: center;

  margin: 30px 0 0 0;

  cursor: pointer;

  transition: all 0.3s;

  position: relative;

  width: 100%;

  border: 0;

  font-size: 18px;

  line-height: 32px;

  box-shadow: 0 0 0 0;

  outline-style: none;

}

.button___submit__form {

  position: relative;

}

.button_submit_res:after,

.button___submit__form:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #00103f;

  z-index: -2;

}

.button_submit_res:before,

.button___submit__form:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: #00103f;

  transition: all 0.3s;

  z-index: -1;

}

.button_submit_res:hover,

.button___submit__form:hover {

  color: #f66b2d;

}

.button_submit_res:hover:before,

.button___submit__form:hover:before {

  width: 100%;

  z-index: 1;

}

.button_submit_res span,

.button_submit_res a {

  color: #fff;

  font-size: 18px;

  z-index: 3;

  position: relative;

}

.button_submit_res:hover span {

  color: #fff;

}

.login-separater {

  text-align: center;

  margin-bottom: 45px;

}

hr {

  margin: 1rem 0;

  background-color: currentColor;

  border: 0;

  height: 1px;

  color: #e6e8ee;

}

.login-separater span {

  position: relative;

  top: 26px;

  background: #ffffff;

  padding: 5px;

  font-size: 18px;

  color: #5f6988;

  z-index: 1;

}

.apsl-login-networks .social-networks a {

  display: block;

  text-decoration: none;

}

.apsl-login-networks .social-networks a .apsl-icon-facebook,

.apsl-login-networks .social-networks a .apsl-icon-google {

  background: transparent !important;

  color: #13151b;

  font-size: 18px;

  line-height: 32px;

  display: block;

  padding: 16px 0;

  margin: 0 0 16px 0;

}

.apsl-login-networks

  .social-networks

  a

  .apsl-icon-facebook

  .apsl-long-login-text {

  padding-left: 22px;

  background: url(../images/face.png) 0px 5px no-repeat;

  background-size: 11px;

}

.apsl-login-networks

  .social-networks

  a

  .apsl-icon-google

  .apsl-long-login-text {

  padding-left: 32px;

  background: url(../images/google.png) 0px 5px no-repeat;

  background-size: 24px;

}

.apsl-login-networks .social-networks a .apsl-icon-google {

  margin-bottom: 0;

}

.apsl-login-networks .social-networks a .apsl-icon-facebook:hover,

.apsl-login-networks .social-networks a .apsl-icon-google:hover {

  border: 1px solid #0042fc;

}

.apsl-login-networks .social-networks a .apsl-icon-facebook span,

.apsl-login-networks .social-networks a .apsl-icon-google span {

  color: #13151b;

  font-size: 18px;

  line-height: 32px;

  font-family: Roboto !important;

  text-transform: none;

  padding: 0;

}

.apsl-login-networks .social-networks a .apsl-icon-facebook i,

.apsl-login-networks .social-networks a .apsl-icon-google i {

  display: none;

}

.apsl-icon-block {

  border: 1px solid #5f6988;

  text-align: center;

  color: #13151b;

  font-size: 18px;

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  width: 100%;

  padding: 18px 15px;

  justify-content: center;

  box-sizing: border-box;

}

.apsl-icon-block img {

  margin-right: 12px;

}

.title__sign {

  color: #13151b;

  font-size: 40px;

  line-height: 56px;

  margin: 0 0 30px 0;

}

.des__forgot_password {

  font-size: 14px;

  line-height: 24px;

  color: #5f6988;

  margin: 0 0 35px 0;

}

.sign__back {

  display: flex;

  justify-content: space-between;

  border-bottom: 1px solid #e6e8ee;

  padding: 15px 0 20px;

  margin: 0 0 20px 0;

}

.sign__back a {

  color: #0042fc;

  font-size: 14px;

}

.sign__back a:hover {

  color: #f66b2d;

}

.apsl-icon-block:hover {

  color: #f66b2d;

}

.forgot_password {

  display: block;

  padding-top: 8px;

  font-size: 14px;

  line-height: 23px;

}

.form-switch {

  font-size: 14px;

  color: #13151b;

  display: flex;

  align-items: center;

  line-height: 24px;

  gap: 8px;

}

.form-switch input[type="checkbox"] {

  color: red;

  background: red;

  width: 18px;

  height: 18px;

  font-size: 10px !important;

  border: 1px solid red;

}

.form-switch input[type="checkbox"]:checked {

  background: red !important;

}

.no__use {

  padding-top: 30px;

  font-size: 18px;

  text-align: center;

  color: #13151b;

}

.dd__sign {

  color: #13151b;

  font-size: 28px;

  line-height: 40px;

  margin-bottom: 10px;

}

.dd__sign span {

  display: block;

  padding: 20px 0;

} /*use/ quan ly tai khoan*/

.section__use__manage {

  max-width: 660px;

  position: relative;

  margin: auto;

  padding: 40px 0 0;

  min-height: 100vh;

}

.title__use__manage {

  font-size: 40px;

  line-height: 56px;

  margin-bottom: 40px;

}

.header__manage {

  display: flex;

  width: 100%;

  background: #13151b;

}

.header__manage a {

  width: 50%;

  text-align: center;

  color: #fff;

  font-size: 14px;

  line-height: 24px;

  padding: 20px 0;

}

.header__manage a.active {

  background: #fff;

  color: #13151b;

}

.site__color {

  background: #f8f8fa;

}

.manage__use__setting {

  padding: 32px;

  background: #fff;

  margin: 0;

}

.title__use__mana {

  font-size: 28px;

  line-height: 40px;

  margin-bottom: 24px;

}

.form_control_manage {

  margin-bottom: 24px;

}

.form_control_manage label {

  font-size: 14px;

  line-height: 24px;

  display: block;

  margin-bottom: 4px;

}

.form_control_manage input {

  width: 100%;

  font-size: 14px;

  line-height: 24px;

  outline-style: none;

  border: 1px solid #dadce5;

  padding: 19px 14px;

}

.grap__grap {

  display: flex;

  align-items: center;

  background: #f2f5ff;

  border: 1px solid #dadce5;

  padding: 19px 14px;

}

.grap__grap a i {

  color: #9199b2;

  font-size: 15px;

}

.grap__grap input {

  border: 0 !important;

  padding: 0;

  width: 100%;

  background: none;

  outline-style: none;

}

.form_control_manage__present {

  margin-bottom: 40px;

}

.form_control_manage input[type="password"] {

  background: #f2f5ff;

}

.form_control_manage__present input[type="password"] {

  background: #fff;

}

.update__pass {

  text-align: right;

  margin-top: 40px;

}

.update__pass button {

  font-size: 18px;

  color: #fff;

  line-height: 32px;

  padding: 18px 20px;

  border: 0;

  outline-style: none;

  background: #0042fc;

}

.header__manage .setting__cart {

  background: #13151b;

  color: #fff;

}

.update__pass button span {

  color: #fff;

  font-size: 18px;

  color: #fff;

  line-height: 32px;

  position: relative;

  z-index: 9;

}

.sucsset__update {

  color: #00c851;

  font-size: 16px;

  line-height: 24px;

  margin-right: 24px;

}

.sucsset__update i {

  width: 16px;

  height: 16px;

  background: #00c851;

  color: #fff;

  text-align: center;

  line-height: 16px;

  font-size: inherit;

  border-radius: 100%;

  margin-right: 8px;

}

.section__confirm {

  position: fixed;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100vh;

  background: rgb(19 21 27 / 20%);

  left: 0;

  display: flex;

  align-items: center;

}

.confirm__pass {

  margin: 0;

}

.content__confirm {

  width: 569px;

  padding: 24px;

  margin: auto;

  background: #fff;

  position: relative;

}

.form_control_manage__phone {

  margin-bottom: 40px;

}

.confirm__pass button {

  background: #0042fc;

  padding: 18px 0;

  width: 100%;

  font-size: 18px;

  color: #fff;

  line-height: 32px;

  border: 0;

  outline-style: none;

}

.confirm__pass button span {

  font-size: 18px;

  color: #fff;

  line-height: 32px;

  position: relative;

  z-index: 1;

}

.text__title__confirm {

  margin: 0;

  line-height: 32px;

  font-size: 20px;

  margin-bottom: 24px;

}

.close__icon__confirm {

  font-size: 30px;

  color: #121212;

  display: block;

  text-align: right;

  line-height: 24px;

  margin-bottom: 24px;

} /*login single course*/

.header__fix__course {

  display: flex;

  flex-direction: row;

  align-items: center;

  padding: 12px 48px 12px 16px;

  gap: 32px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.header__fix__course .logo__course {

  padding-right: 32px;

  border-right: 1px solid #e6e8ee;

}

.login__course__content {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr minmax(660px,660px) 1fr;
    grid-template-rows: 1fr;
}
.login__course__content.course-content_video {
      grid-template-columns: 1fr minmax(1026px,1026px) 1fr;
}

.tab__course__login {

  flex-grow: 1;

  text-align: right;

  gap: 40px;

  display: flex;

  justify-content: flex-end;

}

.tab__course__login a {

  color: #5f6988;

  font-size: 14px;

  line-height: 24px;

  position: relative;

}

.tab__course__login a.active__menu {

  color: #0042fc;

  font-family: "Roboto-Bold";

}

.tab__course__login a.active__menu:after {

  content: "";

  position: absolute;

  bottom: -21px;

  left: 0;

  width: 100%;

  height: 3px;

  background: #0042fc;

}

.tab__course__login a:hover {

  color: #0042fc;

}

.fix__sidebar__course {

    width: 300px;
    background: #fbfbfb;



}

.main__course {

/*  width: 1026px;

  margin: 40px auto;

  display: block;*/

}
.main__course > .main__course {
  margin-top: 0;
}

.main__course__content {

display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;

}

.post__t__course a {

  font-size: 14px;

  line-height: 24px;

  color: #13151b;

  display: flex;

  justify-content: space-between;

  margin: 0 0 4px 0;

}

.post__t__course:hover {

  box-shadow: inset 4px 0px 0px #0042fc;

}

.post__t__course a i {

  font-size: 16px;

  width: 20px;

  min-width: 20px;

}

.post__t__course a i.icofont-simple-up,

.post__t__course a i.fa-chevron-up {

  display: none;

}

.post__t__course.ui-accordion-header-active i.fa-chevron-down {

  display: none;

}

.post__t__course.ui-accordion-header-active i.fa-chevron-up {

  display: inline-block;

}

.post__t__course {

  padding: 12px 15px;

  display: flex;

  gap: 8px;

}

.cont__t__course .learning__item {

  padding: 13.5px 36px;

  display: flex;

  gap: 8px;

}

.cont__t__course .learning__item:hover ,
.cont__t__course .learning__item.active__sidebar{

  background: #f3f3f6;
box-shadow: inset 4px 0px 0px #0042fc;
}

.lear__time {

  font-size: 14px;

  color: #5f6988;

  display: flex;

  align-items: center;

  gap: 8px;

}

.lear__time ins {

  font-size: 14px;

  color: #5f6988;

  text-decoration: none;

}

.learning__item a {

  color: #13151b;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 4px;

}

.progress {

    width: 16px;
    height: 16px;
    font-size: 11px;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: #e6e8ee;
    text-align: center;
    line-height: 17px;
    margin: 4px 0 0 0;
    min-width: 16px;

}

.progress .title {

  z-index: 100;

  opacity: 1;

  background: #fff;

  border-radius: 100%;

  width: 12px;

  height: 12px;

  display: block;

  overflow: hidden;

  line-height: 12px;

  position: absolute;

  bottom: 0;

  top: 0;

  margin: auto;

  left: 0;

  right: 0;

}

.progress .overlay {

  width: 50%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  background-color: #e6e8ee;

}

.progress .left,
.progress .right {

  width: 50%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border: 2px solid #0042fc;

  border-radius: 100px 0px 0px 100px;

  border-right: 0;

  transform-origin: right;

}

.progress .left {

  animation: load1 1s linear forwards;

}

.progress:nth-of-type(2) .right,

.progress:nth-of-type(3) .right {

  animation: load2 0.5s linear forwards 1s;

}

.progress:last-of-type .right,

.progress:first-of-type .right {

  animation: load3 0.8s linear forwards 1s;

}

@keyframes load1 {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(180deg);

  }

}

@keyframes load2 {

  0% {

    z-index: 100;

    transform: rotate(180deg);

  }

  100% {

    z-index: 100;

    transform: rotate(270deg);

  }

}

@keyframes load3 {

  0% {

    z-index: 100;

    transform: rotate(180deg);

  }

  100% {

    z-index: 100;

    transform: rotate(315deg);

  }

}

.file__down {

  margin: 0;

  padding: 0;

}

.file__down li {

  list-style: none;

  margin-bottom: 8px;

}

.file__down li a {

  color: #0042fc;

  font-size: 14px;

  line-height: 24px;

  display: flex;

  gap: 8px;

}

.title__note {

  color: #13151b;

  font-size: 20px;

  line-height: 32px;

  margin-bottom: 8px;

}

.des__note {

  font-size: 14px;

  line-height: 24px;

  color: #393f51;

  margin-bottom: 32px;

}

.video__course {

  margin-bottom: 32px;

}

.file__down li a:hover {

  color: #f66b2d;

}

.menu__fix__toc {

/*  width: calc(100% - 660px);
  padding-left: 60px;*/

    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    width: auto;
    padding-top: 40px;
    padding-right: 24px;


}
.menu__fix__toc > #ftwp-postcontent {
  width: 205px;
}
/*.single__detail__course {
  float: left;
  width: 660px;
}*/
.single__detail__course > figure > img {
  width: 100%;
}
.title__detail__cou {

  color: #13151b;

  font-size: 40px;

  line-height: 56px;

  letter-spacing: 0.02em;

  margin-bottom: 48px;
  font-family: "Inter-Bold";
}

.main__course__content figure {

  margin: 0 0 48px 0;

  padding: 0;

}

.main__course__content p,

.post-content p {

  color: #393f51;

  font-size: 18px;

  line-height: 32px;

  margin: 0 0 16px 0;

}

.main__course__content ul,

.post-content ul {

  margin: 0;

  padding: 0 0 0 20px;

}

.main__course__content ul li,

.post-content ul li {

  color: #393f51;

  font-size: 18px;

  line-height: 32px;

  margin: 0 0 16px 0;

}

.main__course__content figure img,

.post-content figure img {

  margin-bottom: 12px;

}

.main__course__content figure figcaption,

.post-content figure figcaption {

  display: block;

  color: #393f51;

  font-size: 13px;

  line-height: 18px;

  text-align: center;

  font-family: "Inter";

}
.content_single_ktcn .wp-caption-text {
    display: block;

  color: #393f51;

  font-size: 13px;

  line-height: 18px;

  text-align: center;

  font-family: "Inter";
}

.main__course__content h3,

.post-content h3 {

  color: #00103f;

  font-size: 24px;

  line-height: 40px;

  margin: 0 0 16px 0;

  font-family: "Inter-Bold";

}

.main__course__content h2,

.post-content h2 {

  color: #0031bd;

  font-size: 40px;

  line-height: 50px;

  font-family: "Inter-Bold";

  margin-bottom: 24px;

  position: relative;

  padding: 16px 0 0 0;

}

.main__course__content h2:before,

.post-content h2:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 60px;

  height: 7px;

  background: #0031bd;

}

.main__course__content h4,

.post-content h4 {

  color: #00103f;

  font-size: 20px;

  line-height: 32px;

  font-family: "Inter-Bold";

  display: block;

  margin-bottom: 16px;

}

.main__course__content h4 a,

.post-content h4 a {

  color: #00103f;

  font-size: 20px;

  line-height: 32px;

  font-family: "Inter-Bold";

  display: block;

}

.main__course__content blockquote,

.post-content blockquote {

  padding-left: 32px;

  border-left: 5px solid #0042fc;

  font-size: 18px;

  line-height: 32px;

  font-style: italic;

  flex-grow: 1;

  margin: 48px 0 48px 0;

}

.main__course__content blockquote p,

.post-content blockquote p {

  font-size: 18px;

  line-height: 32px;

  font-style: italic;

  margin-bottom: 32px;

}

.main__course__content blockquote p:last-child,

.post-content blockquote p:last-child {

  margin-bottom: 0;

}

.next__back__sussec {

  display: block;

  padding-top: 70px;

  text-align: right;

}

.next__back__sussec .sucsec {

  padding: 8px 16px;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #0042fc;

  border: 1px solid #0042fc;

  display: inline-block;

}

.bottom__next {

  clear: both;

  margin-top: 8px;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 28px;

}

.bottom__next a.next__cours {

  padding: 8px 16px;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #0042fc;

  border: 1px solid #0042fc;

  display: inline-block;

}

.bottom__next span {

  color: #00c851;

  font-size: 16px;

  line-height: 24px;

}

.bottom__next span i {

  width: 16px;

  height: 16px;

  display: inline-block;

  border-radius: 100%;

  background: #00c851;

  color: #fff;

} /*menu__toc*/



#ftwp-container {

  margin: 0;

  padding: 0;

  padding-left: 10px;

  border-left: 2px solid #e6e8ee;

}

#ftwp-container li {

  list-style: none;

}

#ftwp-container > li {

  margin-bottom: 16px;

}

#ftwp-container button {

  display: none;

}

#ftwp-container li a {

  color: #393f51;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 4px;

  display: block;

  position: relative;

}
#ftwp-container li a.active_toc {
  color: #0042fc;
}
#ftwp-container li a.active_toc:after {
    content: "";
    position: absolute;
    left: -12px;
    width: 2px;
    height: 100%;
    top: 0;
    background: #0042FC;
}
#ftwp-container .menu_level_1 li a.active_toc:after  {
  left: -22px;
}
#ftwp-container .menu_level_2 li a.active_toc:after  {
  left: -32px;
}
.ftwp-sub {

  padding-left: 23px;

}

#ftwp-container .ftwp-sub li {

  list-style: disc;

  color: #393f51;

}

#ftwp-container > li > a.active_toc {

  color: #0042fc;

}

#ftwp-container > li > a.active_toc:before {

  content: "";

  position: absolute;

  left: -12px;

  width: 2px;

  height: 100%;

  background: #0042fc;

} /*css them header*/

.header__card {

  display: flex;

  align-items: center;

  gap: 32px;

}

.header__card a.use__login__button {

/*  gap: 40px;

  display: flex;

  align-items: center;*/

}

.use__login__button img {

  width: 40px;

  height: 40px;

  border-radius: 100%;

  object-fit: cover;

}

.header__card a.ava img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
}

.use__login__button {

  color: #0042fc;

  font-size: 16px;

  line-height: 24px;

}

.header__card a {

  position: relative;

  display: block;

  line-height: 0;

}

.header__card a.login_button {

  font-size: 16px;

  line-height: 26px;

  padding: 8px 26px;

  border: 1px solid #0042fc;

}

.header__card a span {

  position: absolute;

  top: -5px;

  right: -5px;

  width: 14px;

  height: 14px;

  background: #e40505;

  color: #fff;

  font-size: 13px;

  text-align: center;

  line-height: 14px;

  border-radius: 100%;

}

.login_button {

  margin-left: 20px;

  font-size: 16px;

}

.header-nav li ul.sub-menu {

  float: left;

  list-style: none;

  margin: 0;

  padding: 10px;

  position: absolute;

  width: 236px;

  background: #fff;

  opacity: 0;

  visibility: hidden;

  -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;

  -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

  -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

  transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;

  -webkit-box-shadow: 0 0px 2px 0 rgb(0 0 0 / 15%);

  box-shadow: 0 0px 2px 0 rgb(0 0 0 / 15%);

  z-index: 9;

}

.header-nav li {

  position: relative;

  list-style: none;

}

.header-nav li ul.sub-menu li {

  -moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;

  -webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;

  -o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;

  transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;

  box-shadow: inset 0px -1px 0px #f0f0f0;

}

.header-nav li > ul.sub-menu li.menu-item-has-children:after {

  content: "\f105";

  font-family: "fontawesome";

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  right: 10px;

  font-size: 22px;

  color: #121212;

  font-weight: 300;

  height: 22px;

}

.header-nav li ul.sub-menu li:last-child {

  box-shadow: 0 0 0 0;

}

.header-nav li ul.sub-menu li.title__menu {

  background: none;

  box-shadow: 0 0 0 0;

}

.header-nav li ul.sub-menu li.title__menu > a {

  color: #9199b2;

  font-size: 14px;

  font-family: "Roboto-Bold";

  padding: 0;

}

.header-nav li ul.sub-menu li.title__menu:hover {

  background: none;

}

.header-nav li li a {

  color: #13151b;

  padding: 12px;

  font-size: 14px;

  line-height: 24px;

  display: block;

}

.header-nav li li:hover {

  background: #f2f5ff;

}

.header-nav li ul.sub-menu ul {

  display: block;

  visibility: hidden;

  opacity: 0;

  top: -10px;

  filter: alpha(opacity=0);

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  -ms-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transition: all 0.2s ease-in-out 0s;

  -o-transition: all 0.2s ease-in-out 0s;

  transition: all 0.2s ease-in-out 0s;

  -webkit-transform: rotateX(-90deg);

  -ms-transform: rotateX(-90deg);

  -o-transform: rotateX(-90deg);

  transform: rotateX(-90deg);

  -webkit-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 15%);

  box-shadow: 0 1px 10px 0 rgb(0 0 0 / 15%);

  position: absolute;

  left: 226px;

  min-width: 240px;

  border: none;

}

.header-nav li:hover > ul.sub-menu {

  visibility: visible;

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: rotateX(0deg);

  -ms-transform: rotateX(0deg);

  -o-transform: rotateX(0deg);

  transform: rotateX(0deg);

}

.header-nav li ul.sub-menu li:last-child {

  box-shadow: 0 0 0 0;

}

.header-nav li ul.sub-menu li.menu__padding {

  padding-top: 16px;

} /*Khóa học của tôi*/

.side-bar .menu .item {

  position: relative;

  cursor: pointer;

}

.side-bar .menu .item a.sub-btn,

.side-bar .menu .item > a {

  font-size: 14px;

  line-height: 24px;

  color: #13151b;

  margin: 0;

  padding-left: 40px;

  padding-right: 30px;

  display: block;

  overflow: hidden;

  padding-top: 10px;

  padding-bottom: 10px;

}

.side-bar .menu .item > a .progress,

.side-bar .menu .item > a .checked_success {

  position: absolute;

  left: 15px;

  top: 16px;

  margin: 0;

}

.side-bar .menu .item > a > i {

  position: absolute;

  top: 15px;

  right: 15px;

}

.side-bar .menu .item a.sub-item {

  color: #13151b;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 4px;

}

.side-bar .menu .item a:hover {

  transition: 0.3s ease;

}

.side-bar .menu .item i {

  /*margin-right: 15px;*/

}

.side-bar .menu .item a .dropdown {

  position: absolute;

  right: 0;

  margin: 20px;

  transition: 0.3s ease;

}

.side-bar .menu .item .sub-menu {

  /*display: none;*/

}

.sub-menu-course {

  display: none;

}

.side-bar .learning__item:hover,
.side-bar .learning__item.active-item_sidebar_course  {

  box-shadow: inset 4px 0px 0px #0042fc;

}

.rotate {

  transform: rotate(180deg);

}

.rotate2 {

  transform: rotate(180deg);

}

.course__first__use {

  background: #13151b;

  padding: 116px 0;

  position: relative;

  overflow: hidden;

}

.course__first__use:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 723px;

  height: 656px;

  background: url(../images/Looper-11.png) no-repeat;

  background-size: 100%;

}

.box__first__course {

  position: relative;

  z-index: 9;

}

.t__first__cou {

  color: #fff;

  font-size: 40px;

  line-height: 56px;

  margin-bottom: 40px;

}

.item__first__cours {

  display: flex;

  background: #f8f8fa;

  align-items: center;

  justify-content: space-between;

}

.item__first__cours .img__first__us__course {

  width: 300px;

  min-width: 300px;

}

.item__first__cours .img__first__us__course img {

  width: 100%;

  height: 328px;

  object-fit: cover;

}

.item__first__cours .ct__first__us__course {

  padding: 30px;

  width: calc(100% - 300px);

}

.tt__cb__use {

  font-size: 28px;

  line-height: 40px;

  color: #13151b;

  margin-bottom: 8px;

  max-height: 40px;

  overflow: hidden;

}

.des__cb__use {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 32px;

  max-width: 534px;

  max-height: 72px;

  overflow: hidden;

}

.des__cb__use p {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

}

.button__views__course {

  clear: both;

  display: block;

  margin-bottom: 24px;

  border-bottom: 1px solid #e6e8ee;

  padding-bottom: 24px;

}

.button__views__course a {

  padding: 8px 16px;

  width: 140px;

  color: #0042fc;

  font-size: 16px;

  line-height: 24px;

  display: inline-block;

  border: 1px solid #0042fc;

  text-align: center;

}

.line__time {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.line__time span {

  color: #5f6988;

  font-size: 14px;

  line-height: 24px;

}

.devvn_line {

  -ms-flex: 1;

  flex: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: auto !important;

}

.devvn_rating_bar_devvn_line {

  border-radius: 8px;

  display: inline-block;

  height: 8px;

  background: #e6e8ee;

  vertical-align: middle;

  overflow: hidden;

  width: 100%;

}

span.devvn_scala_rating {

  border-radius: 8px;

  display: inline-block;

  height: 8px;

  background: #fbfbfc;

  vertical-align: middle;

  overflow: hidden;

  width: 100%;

}

span.devvn_scala_live {

  border-radius: 8px;

  display: inline-block;

  height: 8px;

  background: #fbfbfc;

  vertical-align: middle; /* overflow: hidden; */

  width: 100%;

  position: relative;

}

.devvn_line {

  -ms-flex: 1;

  flex: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: auto !important;

  width: 120px;

}

.devvn_perc_rating_devvn_line {

  height: 8px;

  border-radius: 8px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  display: inline-block;

  width: 0;

  position: absolute;

  top: 0px;

  z-index: 9;

}
.course__use__all .devvn_perc_rating_devvn_line {
  top: -8px;
}

.devvn_rating_bar {

  display: flex;

  align-items: center;

  gap: 10px;

}

.course__use__all {

  padding: 40px 0;

}

.all__tab__course__use__login {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 40px;

  padding-bottom: 20px;

  text-align: center;

  margin-bottom: 40px;

}

.all__tab__course__use__login a {

  color: #5f6988;

  font-size: 14px;

  line-height: 24px;

  position: relative;

}

.all__tab__course__use__login a:hover {

  color: #0042fc;

}

.all__tab__course__use__login a.use_active__course {

  color: #0042fc;

  font-family: "Roboto-Bold";

}

.all__tab__course__use__login a.use_active__course:after {

  content: "";

  position: absolute;

  bottom: -20px;

  left: 0;

  width: 100%;

  height: 3px;

  background: #0042fc;

}

.title__log__course {

  color: #13151b;

  font-size: 40px;

  line-height: 48px;

  margin-bottom: 40px;

  align-items: center;

  display: flex;

  width: 100%;

  justify-content: space-between;

}

.title__log__course .title__fil {

  font-size: 14px;

  line-height: 40px;

}

.title__log__course .filter-item__title {

  line-height: 24px;

  padding: 7px 10px;

}

.title__log__course .filter-item__title label {

  margin: 4px 0 0 0;

}

.list__course__use__login {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.list__course__use__login .item__course__log {

  max-width: 49%;

  width: 49%;

  margin-bottom: 40px;

  display: flex;

  background: #f8f8fa;

  justify-content: space-between;

}

.list__course__use__login .item__course__log .ct__log__course {

  max-width: 52%;

  width: 52%;

  padding: 24px;

}

.list__course__use__login .item__course__log .img__first__us__course {

  max-width: 48%;

  width: 48%;

}

.img__first__us__course a {

  position: relative;

  line-height: 0;

  display: block;

}

.relative {

  position: relative;

  line-height: 0;

  display: block;

}

.list__course__use__login .item__course__log .img__first__us__course > img {

  width: 100%;

  height: 328px;

  object-fit: cover;

}

.ct__log__course label {

  color: #9199b2;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 8px;

}

.tt__cb__use__tt {

  margin: 0 0 8px 0;

}

.tt__cb__use__tt a {

  display: block;

  color: #13151b;

  font-size: 20px;

  line-height: 32px;

}

.des__cb__use__des {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  padding-bottom: 24px;

  margin-bottom: 24px;

  border-bottom: 1px solid #e6e8ee;

}

.load__more__ajax {

  text-align: center;

  padding-top: 30px;

}

.load__more__ajax a {

  display: inline-block;

  line-height: 24px;

  font-size: 16px;

  color: #0042fc;

  padding: 8px 16px;

}

.knowledge {

  padding: 60px 0;

} /*giỏ hàng*/

.like__course__cart {

  padding: 60px 0 0 0;

}

.course__cart__all {

  padding: 40px 0;

}

.cart__container {

  overflow: hidden;

  clear: both;

}

.cart__container .cart__left {

  width: 888px;

  float: left;

}

.cart__container .cart__right {

  width: 318px;

  float: right;

}

.item__cart__course {

  display: flex;

  width: 100%;

  padding-bottom: 24px;

  margin-bottom: 24px;

  border-bottom: 1px solid #e6e8ee;

}

.item__cart__course:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: 0;

}

.item__cart__course .check__cart {

  max-width: 18px;

  -ms-flex-preferred-size: 20px;

  flex-basis: 18px;

}

.item__cart__course .check__cart .check__cart {

  margin: 0;

  width: 18px;

  height: 18px;

}

.item__cart__course .cart__item__course {

  max-width: 546px;

  -ms-flex-preferred-size: 546px;

  flex-basis: 546px;

  margin-left: 24px;

  display: flex;

  margin-right: 58px;

}

.item__cart__course .cart__item__course .img__cart__course {

  width: 204px;

}

.item__cart__course .cart__item__course .content__cart__course {

  width: calc(100% - 204px);

  padding-left: 24px;

}

.tt__course {

  display: block;

  color: #9199b2;

  font-size: 14px;

  line-height: 24px;

  margin: 0 0 8px 0;

}

.title__cart__Course {

  margin-bottom: 8px;

}

.title__cart__Course a {

    display: block;
    color: #13151b;
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
}

.pirce__item__cart {

  max-width: 242px;

  -ms-flex-preferred-size: 242px;

  flex-basis: 242px;

  display: flex;

  justify-content: space-between;

}

.pirce__item__cart .price__cart {

  color: #393f51;

  font-size: 18px;

  line-height: 32px;

}

.pirce__item__cart .delete__cart {

  font-size: 14px;

  color: #0042fc;

  line-height: 32px;

  width: 94px;

  text-align: center;

  cursor: pointer;

}

.total__cart {

  display: flex;

  line-height: 24px;

  margin-bottom: 4px;

  gap: 4px;

}

.total__cart span {

  font-size: 14px;

  color: #393f51;

}

.total__cart .giamtien {

  color: #00c851;

  font-size: 14px;

}

.total__price__all__course {

  font-size: 40px;

  line-height: 48px;

  display: block;

  margin: 0 0 24px 0;

  color: #00c851;

}
.total__price__all__course bdi {
    font-weight: 400 !important;
    display: flex;
    gap: 12px;
    font-family: "Roboto" !important;
}
.checkout_coupon.coupon__cart {

  margin: 0;

}
.checkout_coupon.coupon__cart .coupon_box > .coupon {
    display: flex;
    margin-bottom: 16px;
}
.coupon__cart input {

    width: 100%;
    color: #acb2c5;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 14px;
    background: #f2f5ff;
    border: 0;
    outline-style: none;
    margin-bottom: 0;

}
.checkout_coupon.coupon__cart .coupon_box button.button {
    width: 140px;
    padding: 0;
    font-weight: 400;
    background: #eaedf7;
    border-radius: 0;
}

.coupon__cart .button__cart__checkout {
    width: 100%;
    background: #0042fc;
    padding: 18px 0;
    text-align: center;
    border: 0;
    outline-style: none;
    cursor: pointer;
    position: relative;
    display: block;

}
.woocommerce-notices-wrapper {
  display: none !important;
}
.coupon__cart .button__cart__checkout span {

  font-size: 18px;

  color: #fff;

  line-height: 32px;

  display: block;

  position: relative;

  z-index: 1;

}

.coupon__cart .button__cart__checkout:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: #00103f;

  transition: all 0.3s;

  z-index: -1;

}

.coupon__cart .button__cart__checkout:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #00103f;

  z-index: -2;

}

.coupon__cart .button__cart__checkout:hover:before {

  width: 100%;

  z-index: 1;

}

.course__section.slider__like__course {

  margin: 0;

}

.course__section.slider__like__course .course__item {

  width: 100%;

  padding: 0;

}

.slider__like__course .owl-stage-outer {

  padding: 30px 0 116px 0;

}

.slider__like__course .content-product-imagin {

  top: 0;

  left: 0;

  right: 0;

  box-shadow: 0 0 0 0;

}

.like__course__cart .title__log__course {

  margin-bottom: 10px;

  line-height: 68px;

}

.slider__like__course {

}

.slider__like__course .owl-nav {

  position: absolute;

  right: 0;

  top: -77px;

  margin: -0.5px;

}

.slider__like__course .owl-nav button:hover {

  background: #5f6988 !important;

}

.slider__like__course .owl-nav button.owl-prev {

  background: #acb2c5 !important;

}

.slider__like__course .owl-nav button {

  width: 68px;

  height: 68px;

  background: #393f51 !important;

  text-align: center;

  margin: 0 0.5px !important;

  min-height: initial;

  color: #fff !important;

  font-size: 40px !important;

}

.slider__like__course .owl-nav button:hover {

  background: #5f6988 !important;

}

.total__check {

  padding-bottom: 24px;

  margin-bottom: 24px;

  border-bottom: 1px solid #e6e8ee;

  line-height: 32px;

}

.total__check .check__cart__all_button {

  width: 18px;

  height: 18px;

  margin: 0;

}

.check__cart__all {

  display: flex;

  align-items: center;

  gap: 20px;

}

.check__cart__all span,

.check__cart__all span b {

  font-size: 18px;

  font-weight: 400;

  color: #13151b;

} /*Thanh toán*/

.checkout__layout {

  overflow: hidden;

  clear: both;

  display: flex;

  justify-content: space-between;

}

.checkout__layout .checkout__left {

  width: 49%;

  max-width: 49%;

}

.checkout__layout .checkout__right {

  width: 49%;

  max-width: 49%;

}

.inner__form__checkout {

  padding: 32px;

  background: #f2f5ff;

}

.title__checkout {

  color: #13151b;

  font-size: 28px;

  line-height: 40px;

  margin-bottom: 40px;

}

.info__check__bank {

  padding: 0;

  margin: 0;

}

.info__check__bank li {

  list-style: none;

  display: flex;

  margin-bottom: 16px;

  line-height: 32px;

  align-items: center;

  gap: 4px;

}

.info__check__bank li:last-child {

  margin-bottom: 0;

}

.info__check__bank li span,

.info__check__bank li strong {

  color: #13151b;

  font-size: 18px;

}

.info__check__bank li strong {

  color: #000;

}

.info__check__bank {

  border-bottom: 1px solid #e6e8ee;

  margin-bottom: 32px;

  padding-bottom: 32px;

}

.note__bank {

  font-size: 16px;

  line-height: 24px;

  color: #0042fc;

}

.list__order__cart .item__order__cart {

  margin-bottom: 16px;

  display: flex;

  justify-content: space-between;

  gap: 60px;

}

.list__order__cart .item__order__cart .price__item__cart {

  width: 120px;

  font-size: 16px;

  color: #393f51;

  line-height: 24px;

  text-align: right;

}

.list__order__cart .item__order__cart span {

  color: #13151b;

  font-size: 16px;

  line-height: 24px;

}

.list__order__cart .item__order__cart:last-child {

  margin-bottom: 0;

}

.list__order__cart {

  border-bottom: 1px solid #e6e8ee;

  margin-bottom: 32px;

  padding-bottom: 32px;

}

.total__bank__check {

  width: 100%;

  display: flex;

  justify-content: space-between;

  line-height: 40px;

}

.total__bank__check .tal__tal__price {

  font-size: 28px;

  color: #13151b;

}

.total__bank__check span ins {

  text-decoration: none;

} /*quản lý tài khoản đơn hàng*/

.use__course__item {

  padding: 32px;

  background: #fff;

  margin: 0;

}

.header__order__cart {

  background: #f3f3f6;

  font-size: 14px;

  color: #13151b;

  line-height: 24px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}

.header__order__cart span {

  padding: 12px 16px;

  display: block;

  font-size: 14px;

  line-height: 24px;

}

.ten__khoahoc,

.list__item__login__cartorder .name__course__order {

  width: 343px;

  max-width: 343px;

}

.ngay__khoahoc,

.time__course__order {

  width: 119px;

  max-width: 119px;

}

.giatien__khoahoc,

.pri__course__order {

  width: calc(100% - 119px - 343px);

}

.list__item__login__cartorder {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}

.list__item__login__cartorder > div {

  padding: 12px 16px;

  display: block;

  font-size: 14px;

  line-height: 24px;

}

.list__item__login__cartorder > div span {

  display: block;

  font-size: 14px;

  line-height: 24px;

}

.list__item__login__cartorder:nth-child(2n) {

  background: #f3f3f6;

}

.list__item__login__cartorder > div a {

  font-size: 14px;

  line-height: 24px;

  display: block;

} /*Kiến thức chuyên ngành*/

.list__cate__posts {

  clear: both;

  margin: 0 -12px;

  display: flex;

  flex-wrap: wrap;

}

.list__cate__posts .item__post__cate {

  float: left;

  width: 25%;

  padding: 0 12px 40px;

  position: relative;

  position: relative;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.list__cate__posts .img__post__knowledge a {

  display: block;

  line-height: 0;

  position: relative;

}

.list__cate__posts .img__post__knowledge a:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 6px;

  background: #0042fc;

  z-index: 1;

  opacity: 0;

  visibility: hidden;

}

.list__cate__posts .item__post__cate a img {

  width: 100%;

  height: 300px;

  object-fit: cover;

}

.list__cate__posts .item__post__cate .content__post__knowledge {

  position: relative;

  padding: 24px 0 0 0;

}

.list__cate__posts .item__post__cate .content__post__knowledge h3 {

  margin-bottom: 16px;

}

.list__cate__posts .item__post__cate .content__post__knowledge h3 a {

  display: block;

  color: rgba(19, 21, 27, 1);

  font-size: 20px;

  line-height: 32px;

  height: 64px;

  overflow: hidden;

}

.list__cate__posts .item__post__cate:hover .content__post__knowledge h3 a {

  color: #0042fc;

}

.list__cate__posts .item__post__cate:hover .img__post__knowledge a:after {

  opacity: 1;

  visibility: visible;

}

.des__knowledge p {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  height: 48px;

  overflow: hidden;

  margin: 0;

}

.title__knowledge__title {

  text-align: center;

  font-size: 40px;

  color: #13151b;

  line-height: 56px;

  margin-bottom: 40px;

}

.title__knowledge__title__left {

  text-align: left;

}

.list__route__know .item__first__cours {

  margin-bottom: 40px;

}

.list__route__know .item__first__cours:last-child {

  margin-bottom: 0;

}

.Route__knowlegde {

  padding: 90px 0 100px;

}

.discover__knowledge {

  background: #fbfbfc;

  padding: 75px 0 0;

}

.colum__discover {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

}

.colum__discover .discover__left {

  width: 432px;

}

.colum__discover .discover__right {

  width: 660px;

  margin: 0 auto;

  padding-bottom: 75px;

}

.label__dis {

  color: #9199b2;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 12px;

}

.info__discover {

  color: #13151b;

  font-size: 60px;

  line-height: 72px;

  margin: 0 0 12px 0;

}

.des__discover,

.des__discover p {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  margin: 0;

}

.des__discover {

  margin-bottom: 40px;

}

.button__discover {

  clear: both;

  margin-bottom: 96px;

}

.button__discover a {

  font-size: 18px;

  color: #fff;

  line-height: 28px;

  display: inline-block;

  padding: 16px 36px;

  background: #0042fc;

  position: relative;

}

.button__discover a span {

  position: relative;

  z-index: 1;

  font-size: 18px;

  color: #fff;

  line-height: 28px;

}

.button__discover a:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: #00103f;

  transition: all 0.3s;

  z-index: -1;

}

.button__discover a:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #00103f;

  z-index: -2;

}

.button__discover a:hover:before {

  width: 100%;

  z-index: 1;

}

.list__dis__value {

  display: flex;

  gap: 24px;

}

.list__dis__value .value__item {

  width: 33.333%;

}

.inner__value {

  padding: 24px;

  background: #f3f3f6;

}

.img__value {

  width: 44px;

  height: 44px;

  margin-bottom: 26px;

}

.cont__value {

  clear: both;

  overflow: hidden;

}

.cont__value h4 {

  margin: 0 0 25px 0;

}

.cont__value h4 a {

  display: block;

  color: #13151b;

  font-size: 28px;

  line-height: 40px;

}

.cont__value p {

  margin: 0;

  font-size: 16px;

  line-height: 24px;

  height: 48px;

  overflow: hidden;

}

.knowledge__section {

  padding-bottom: 100px;

} /*chi tiết kiến thức*/

.tab__coban__nangcao {

  display: flex;

  align-items: center;

  gap: 40px;

  padding: 22px 16px;

  border-bottom: 1px solid rgb(0 0 0 / 10%);

}

.tab__coban__nangcao a {

  color: #5f6988;

  font-size: 14px;

  line-height: 24px;

  position: relative;

}

.tab__coban__nangcao a:hover {

  color: #0042fc;

}

.tab__coban__nangcao a.active__menu {

  color: #0042fc;

  font-family: "Roboto-Bold";

}

.tab__coban__nangcao a.active__menu:after {

  content: "";

  position: absolute;

  bottom: -22px;

  left: 0;

  width: 100%;

  height: 3px;

  background: #0042fc;

} /*tài liệu tham khảo*/

.document__layout {

  padding: 60px 0 0 0;

}
.post-type-archive-tham-khao .document__layout {
  padding-top: 0;
}

.list__document {

  clear: both;

  margin: 0 -12px;

  display: flex;

  flex-wrap: wrap;

}

.list__document .item__document__cate {

  float: left;

  width: 25%;

  padding: 0 12px 40px;

  position: relative;

  position: relative;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.list__document .item__document__cate .img__post__document a ,
.item__case__study a.relative {

  display: block;

  line-height: 0;

  position: relative;

}

.list__document .item__document__cate .img__post__document a:after,
.item__case__study a.relative:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 6px;

  background: #0042fc;

  z-index: 1;

  opacity: 0;

  visibility: hidden;

}

.list__document .item__document__cate .img__post__document a img {

  width: 100%;

  height: 300px;

  object-fit: cover;

  position: relative;

}

.list__document .item__document__cate .content__post__document {

  position: relative;

  padding: 24px 0 0 0;

}

.list__document .item__document__cate .content__post__document h3 {

  margin-bottom: 8px;

}

.list__document .item__document__cate .content__post__document h3 a {

  display: block;

  color: rgba(19, 21, 27, 1);

  font-size: 20px;

  line-height: 32px;

  height: 64px;

  overflow: hidden;

}

.list__document

  .item__document__cate

  .content__post__document

  .label__document

  span {

  color: #0042fc;

  font-size: 14px;

  padding: 2px 8px;

  border-radius: 30px;

  background: #f2f5ff;

}

.list__document .item__document__cate:hover h3 a ,
.item__case__study:hover .content__item__case__study .title__case__study a {

  color: #0042fc;

}

.list__document .item__document__cate:hover .img__post__document a:after,
.item__case__study:hover .img__item__case__study .relative:after {
    opacity: 1;
    visibility: visible;
    z-index: 9;


}

.title__document__title {

  line-height: 48px;

}

.banner__document {

    background: #13151b;

    padding: 40px 0px;

    position: relative;

}

.document__header__banner {

    display: flex;

    position: relative;

    flex-direction: row-reverse;

}

.document__header__banner .left__document__layout {

  width: 38.709677419%;

}

.document__header__banner .left__document__layout img {

  position: absolute;

  top: 0;

  left: 0;

}

.document__header__banner .right__document__layout {

  width: calc(100% - 38.709677419%);

  margin: 0 auto;

  padding-left: 138px;

}

.title__document__tt {

  color: #fff;

  font-size: 40px;

  line-height: 56px;

  margin-bottom: 40px;

}

.button__down__load {

  clear: both;

  margin-bottom: 40px;

  overflow: hidden;

}

.button__down__load a {

  display: inline-block;

  padding: 18px 20px;

  background: #0042fc;

  color: #fff;

  font-size: 18px;

  min-height: 32px;

  min-width: 200px;

  text-align: center;

  position: relative;

  z-index: 9;

}

.sale__document {

  display: flex;

  align-items: center;

  gap: 15px;

  position: relative;

  z-index: 9;

}

.sale__document a {

  display: flex;

  color: #fff;

  font-size: 16px;

  width: 40px;

  height: 40px;

  border: 1px solid #fff;

  line-height: 40px;

  text-align: center;

  align-items: center;

  justify-content: space-around;

}

.sale__document span {

  color: #fff;

  font-size: 16px;

  line-height: 40px;

}

.info__document {

  padding: 40px 0;

}

.kidg {

  display: block;

  color: #f8f8fa;

  font-size: 200px;

  line-height: 286px;

  letter-spacing: 0.02em;

  position: absolute;

  bottom: -67px;

}

.info__layout__document {

  display: flex;

  position: relative;

}

.info__layout__document .left__info__document {

  width: 50%;

}

.right__info__document {

  padding-left: 10px;

  width: 50%;

}

.title__if__dcmt {

  color: #13151b;

  font-size: 40px;

  line-height: 48px;

  margin-bottom: 32px;

  letter-spacing: 0.02em;

}

.content__info__cm {

  display: flex;

  gap: 24px;

}

.content__info__cm .left__cm__if {

  max-width: 50%;

  width: 50%;

}

.content__info__cm .right__cm__if {

  max-width: 50%;

  width: 50%;

}

.content__info__cm p {

  margin: 0;

  color: #393f51;

  font-size: 14px;

  line-height: 24px;

  letter-spacing: 0.063808px;

  z-index: 1;

  position: relative;

}

.banner__document .breadcrumbs span,

.banner__document .breadcrumbs a {

  color: #fff;

}

.banner__document:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 723px;

    height: 100%;

  background: url(../images/Looper-11.png) no-repeat;

  background-size: 100%;

} /*chi tiết tài liệu nội dung*/

.container-xmx {

  max-width: 888px;

  margin: auto;

}
.right__document__layout__single {
  width: 100%;
}

.title__document__single {
    color: #fff;
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 40px;


}

.use__single__document {

  display: flex;

  align-items: center;

  gap: 16px;

}

.use__single__document {

  display: flex;

  align-items: center;

  gap: 16px;

  width: 100%;

  margin-bottom: 60px;

}

.use__single__document .img__use__document img {

  width: 60px;

  height: 60px;

  border-radius: 100%;

  object-fit: cover;

}

.name__use__single {

  color: #fff;

  font-size: 18px;

  line-height: 32px;

}

.name__date {

  font-size: 16px;

  color: #fff;

  line-height: 24px;

}

.share__document__single {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 9;
}

.share__document__single a {

  width: 60px;

  height: 60px;

  background: #fff;

  align-items: center;

  display: flex;

  justify-content: space-evenly;

}

.share__document__single a img {

  max-height: 32px;

}

.share__document__single a span {

  color: #13151b;

  font-size: 24px;

  line-height: 36px;

}

.banner__document__single {

  padding-bottom: 110px;

}

.post-share {

  position: absolute;

  top: 0;

  right: 100%;

  bottom: 0;

  pointer-events: none;

}

.main__document__wrap {

  display: flex;

  justify-content: space-between;

  margin: 20px auto;

  width: 1180px;

  max-width: 1180px;

}

.single__detail__document {

  width: calc(100% - 204px);

  padding: 0 138px;

  position: relative;

}

.main__document__wrap .menu__fix__toc {

  width: 204px;

  padding-left: 0;

}

.post-share > .share {

  flex-direction: column;

  position: -webkit-sticky;

  position: sticky;

  top: 60px;

  pointer-events: auto;

}

.post-share > .share .share-item {

  width: 40px;

  height: 40px;

  border: 1px solid #e6e8ee;

  text-align: center;

  line-height: 40px;

  display: flex;

  align-items: center;

  justify-content: space-around;

  margin-bottom: 10px;

}

.post-share > .share .share-item:last-child {

  margin-bottom: 0;

}

.post-share > .share .share-item i {

  color: #5f6988;

  font-size: 15px;

}

.post-share > .share .comment__post {

  display: flex;

  align-items: center;

  color: #5f6988;

  font-size: 15px;

  gap: 4px;

  margin-bottom: 32px;

  line-height: 18px;

}

.post-share > .share .comment__post ins {

  text-decoration: none;

  font-size: 12px;

}

.menu__fix__toc ul {

  padding: 0;

  margin: 0;

}
.menu__fix__toc ul.menu_level_1 {
  padding-left: 10px;
}

.menu__fix__toc > ul {

  padding-left: 13px;

  border-left: 2px solid #e6e8ee;

}
.menu__fix__toc ul.menu_level_1 > li > a {
    padding-left: 12px;
}
.menu__fix__toc ul.menu_level_1 > li > a:before ,
.menu__fix__toc ul.menu_level_1 li .menu_level_2 li > a:before{
    content: "\f111";
    font-family: "fontawesome";
    font-size: 5px;
    color: #393F51;
    position: absolute;
    left: 0;
    top: 0;

}
.menu__fix__toc ul.menu_level_1 li .menu_level_2 {
  padding-left: 10px;
}
.menu__fix__toc ul.menu_level_1 li .menu_level_2 li > a {
      padding-left: 12px;
}
.menu__fix__toc ul li {

  list-style: none;

  margin: 0 0 4px 0;

  line-height: inherit;

}

.menu__fix__toc > ul > li > a {

  color: #393f51;

  font-size: 14px;

  line-height: 24px;

  display: block;

}

.menu__fix__toc > ul > li > .menu_level_1 {

  padding-left: 12px;

  padding-top: 4px;

}

.menu__fix__toc > ul > li > .menu_level_1 > li {

  margin: 0 0 4px 0;

  padding: 0;

  list-style: none;

}

.menu__fix__toc > ul > li > .menu_level_1 > li > a {

  font-size: 14px;

  line-height: 24px;

  color: #393f51;

  position: relative;

  padding-left: 13px;

  display: block;

}

.menu__fix__toc > ul > li > .menu_level_1 > li > a:before {

  content: "\f111";

  position: absolute;

  font-family: "fontawesome";

  font-size: 5px;

  left: 0;

}

.menu__fix__toc > ul .menu_level_2 {

  padding-left: 12px;

  padding-top: 4px;

}

.menu__fix__toc > ul .menu_level_2 > li {

  margin: 0 0 4px 0;

  padding: 0;

  list-style: none;

}

.menu__fix__toc > ul .menu_level_2 > li > a {

  font-size: 14px;

  line-height: 24px;

  color: #393f51;

  position: relative;

  padding-left: 13px;

  display: block;

}

.menu__fix__toc > ul .menu_level_2 > li > a:before {

  content: "\f111";

  position: absolute;

  font-family: "fontawesome";

  font-size: 5px;

  left: 0;

}

.menu__fix__toc ul > li:hover > a,

.menu__fix__toc ul > li > .menu_level_1 > li:hover > a {

  color: #0042fc !important;

} /*seach all*/

.header__card .out__click {

  display: none;

}

.devsite-search-form {

  display: none;

  width: 0;

}

.devsite-search-form.hienthi {

  display: block;

  width: 100%;

}

.devsite-header-upper-tabs.hidden {

  width: 0;

  display: none;

}

.header__card .out__click.hienthi {

  display: block;

}

.header__card .click__seach.hidden {

  display: none;

}

.seach__form {

  background: #00103f;

  padding: 60px 0;

  position: relative;

}

.seach__form:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 522px;

  height: 240px;

  background: url(../images/Looper-111.png) no-repeat;

}

.seach__all__web {

  position: relative;

}

.seach__all__web .seach__text__input {

  width: 100%;

  background: #fff;

  display: flex;

  flex-direction: row-reverse;

  justify-content: flex-end;

  padding: 0 14px;

  margin: 0 0 24px 0;

}

.seach__all__web button {

  border: 0;

  outline-style: none;

  background: none;

  padding: 0;

}

.seach__all__web button i {

  color: #9199b2;

  font-size: 18px;

}

.seach__all__web input {

  width: 100%;

  border: 0;

  outline-style: none;

  padding: 20px 10px;

  color: #13151b;

  line-height: 24px;

  font-size: 14px;

}

.typeahead-suggestions {

    background: #fff;

    padding: 10px;

    position: absolute;

    z-index: 999;

    width: 100%;

    top: 50px;

    left: 0;

        box-shadow: 3px 6px 12px -9px rgb(0 0 0 / 75%);

    -webkit-box-shadow: 3px 6px 12px -9px rgb(0 0 0 / 75%);

    -moz-box-shadow: 3px 6px 12px -9px rgba(0,0,0,0.75);

}

.seach__button__all {

  text-align: center;

}

.seach__button__all a {

  color: #0042fc;

  font-size: 14px;

  line-height: 32px;

  display: block;

}

.suggestion-text {

  box-shadow: inset 0px -1px 0px #f0f0f0;

  display: flex;

  flex-direction: row;

  align-items: center;

  padding: 12px;

  gap: 8px;

  justify-content: space-between;

}

.suggestion-text:last-child {

  box-shadow: 0 0 0 0;

}

.suggestion-text a i {

  color: #121212;

  font-size: 16px;

}

.suggestion-text a {

  color: #13151b;

  font-size: 14px;

  line-height: 24px;

  display: flex;

  gap: 8px;

  align-items: center;

}
.tt__tt__tt {
    max-width: 40%;
    display: -webkit-box;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.suggestion-text ins {
    width: 175px;
    min-width: 175px;
    text-align: right;
}
.suggestion-text a b {

  font-weight: 600;

  font-family: "Roboto-Bold";

}

.in__of {

  color: #5f6988;

}

ins {

  text-decoration: none;

}

.suggestion-text a.labe__of__cate {

  display: inline-block;

  color: #0042fc;

  font-size: 14px;

  line-height: 24px;

  background: #f2f5ff;

  border-radius: 72px;

  padding: 0px 8px;

}

.reseach {

  text-align: center;

  color: #fff;

  font-size: 20px;

  line-height: 32px;

}

.reseach__item {

  color: #fff;

  font-size: 20px;

}

.list__fill__seach {

  display: flex;

  width: 100%;

  justify-content: center;

  gap: 40px;

  align-items: center;

}

.list__fill__seach a {

  font-size: 14px;

  color: #5f6988;

  line-height: 24px;

  position: relative;

}

.list__fill__seach a.active {

  color: #0042fc;

  font-family: "Roboto-Bold";

}

.list__fill__seach a:hover {

  color: #0042fc;

}

.list__fill__seach a.active:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -16px;

  width: 100%;

  height: 3px;

  background: #0042fc;

}

.tab___filter__seach {

  padding: 40px 0 50px;

}

.title__seach {

  display: flex;

  width: 100%;

  gap: 8px;

  margin-bottom: 24px;

  align-items: center;

}

.title__seach span {

  color: #13151b;

  font-size: 24px;

  line-height: 36px;

}

.topics__brank {

  overflow: hidden;

  clear: both;

  margin: 0 -12px;

}

.topics__brank .item_topics__seach {

  width: 33.333%;

  float: left;

  padding: 0 12px;

}

.topics__brank .item_topics__seach .course__nth a {

  padding: 0;

}

.seach__topics {

  padding: 30px 0;

}
.seach__topics .filter_search_page {
  position: relative;
}
.filter_search_page .title_sapxep {
      position: absolute;
    top: -30px;
    left: 26px;
}
.filter_search_page .title__fil {
      position: absolute;
    top: -30px;
    left: 0;
}

.seach__mitem {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  margin-bottom: 24px;

  padding-bottom: 24px;

  border-bottom: 1px solid #e6e8ee;

}

.img__mitem {

  width: 250px;

  max-width: 250px;

}

.content__mitem {

  max-width: calc(100% - 250px);

  padding-right: 24px;

  width: calc(100% - 250px);

}

.list__seach__mitem .seach__mitem:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border: 0;

}

.bank_kid {

  display: block;

  margin: 0 0 8px 0;

  color: #9199b2;

  padding: 0;

  line-height: 24px;

  font-size: 14px;

}

.seach__mitem h3 {

  margin: 0 0 8px 0;

}

.seach__mitem h3 a {

  color: #13151b;

  font-size: 20px;

  line-height: 32px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.des__mitem {

  margin-bottom: 18px;

}

.des__mitem p {

  margin: 0;

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  height: 48px;

  overflow: hidden;

}

.label__brand {

  clear: both;

  display: flex;

  width: 100%;

  gap: 8px;

}

.label__brand a {

  background: #f2f5ff;

  border-radius: 72px;

  font-size: 14px;

  line-height: 24px;

  color: #0042fc;

  padding: 3px 10px;

}

.img__mitem a {

  display: block;

  line-height: 0;

}

.img__mitem a img {

  object-fit: cover;

  width: 250px;

  height: 250px;

}

.star__price__seach {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 56px;

}

.price__seach {

  color: #393f51;

  font-size: 20px;

  line-height: 32px;

}

.star__price__seach span {

  display: flex;

  gap: 2px;

  align-items: center;

}

.star__price__seach span i {

  font-size: 12px;

  color: #fece00;

}

.star__price__seach span ins {

  text-decoration: none;

  color: #9199b2;

  font-size: 14px;

  padding-left: 5px;

}

.seach__mitem .use__single__document {

  margin-bottom: 0;

  margin-top: 40px;

}

.seach__mitem .name__use__single {

  color: #13151b;

  font-size: 14px;

  line-height: 24px;

}

.seach__mitem .name__date {

  color: #acb2c5;

  font-size: 14px;

  line-height: 24px;

}

.seach__mitem .img__use__document {

  width: 40px;

}

.seach__mitem .img__use__document img {

  width: 40px;

  height: 40px;

}

.filter__castudy {

  padding: 100px 0 60px;

} /*case study*/

.list__case__study {

  clear: both;

  margin: 0 -12px;

  display: flex;

  flex-wrap: wrap;

}

.item__case__study {

  float: left;

  width: 25%;

  padding: 0 12px 40px;

  position: relative;

  position: relative;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.item__case__study a {

  display: block;

  line-height: 0;

}

.item__case__study a > img {

  width: 100%;

  height: 300px;

  object-fit: cover;

  position: relative;

  z-index: 9;

}

.item__case__study .content__item__case__study {

  position: relative;

  padding: 24px 0 0 0;

}

.item__case__study .content__item__case__study h3 {

  margin-bottom: 16px;

}

.item__case__study .content__item__case__study h3 a {

  display: block;

  color: rgba(19, 21, 27, 1);

  font-size: 20px;

  line-height: 32px;

  height: 64px;

  overflow: hidden;

}

.des__case__study {

  margin-bottom: 26px;

}

.des__case__study p {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  height: 48px;

  overflow: hidden;

  margin: 0;

}

.label__case__study {

  color: #9199b2;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 8px;

  text-transform: uppercase;

}

.use__single {

  display: flex;

  align-items: center;

  gap: 16px;

  width: 100%;

}

.use__single .img__use {

  width: 40px;

}

.use__single .img__use img {

  width: 40px;

  height: 40px;

  border-radius: 100%;

  object-fit: cover;

}

.name__use__name {

  font-size: 14px;

  line-height: 24px;

  display: flex;

  gap: 8px;

  align-items: center;

}

.name__date__date {

  font-size: 14px;

  line-height: 24px;

  color: #acb2c5;

} /*chi tiết case study*/

.offer__study {

  padding: 130px 0 60px;

}

.title__offer {

  color: #13151b;

  font-size: 40px;

  line-height: 48px;

  margin-bottom: 40px;

}

.item__offer .ct__offer h3 {

  margin-bottom: 20px;

}

.item__offer .ct__offer h3 a {

  display: block;

  color: #000000;

  font-size: 28px;

  line-height: 40px;

  height: 80px;

  overflow: hidden;

}

.image__offer {

  margin-bottom: 20px;

}

.image__offer a {

  display: block;

  line-height: 0;

}

.image__offer > img {

  width: 100%;

  height: 405px;

  object-fit: cover;

}

.des__offer {

  font-size: 18px;

  color: #393f51;

  line-height: 32px;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #e6e8ee;

}

.use__single .img__use.img__60 {

  width: 60px;

  min-width: 60px;

}

.use__single .img__use.img__60 img {

  width: 60px;

  height: 60px;

}

.item__offer {

  margin-bottom: 40px;

}

.item__offer:last-child {

  margin-bottom: 0;

}

.chuyengia {

  font-weight: 400;

  color: #5f6988;

  display: flex;

  align-items: center;

  gap: 8px;

  font-size: 14px;

}

.chuyengia i {

  font-size: 3px;

}

.post-share__post__footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-top: 40px;

}

.post__comment {

  display: flex;

  gap: 30px;

}

.post__comment a {

  display: flex;

  align-items: center;

  color: #5f6988;

  font-size: 15px;

  gap: 4px;

  line-height: 18px;

}

.post__comment a ins {

  text-decoration: none;

  font-size: 12px;

}

.shate__po {

  display: flex;

  align-items: center;

  color: #5f6988;

  gap: 10px;

}

.shate__po a {

  width: 40px;

  height: 40px;

  border: 1px solid #e6e8ee;

  text-align: center;

  line-height: 40px;

  display: flex;

  align-items: center;

  justify-content: space-around;
  position: relative;

}
.shate__po a:hover {
  border: 1px solid #0042fc;
}
.shate__po a:hover i {
  color: #0042fc;
}
.tooltip-top {
    visibility: hidden;
    position: absolute;
    width: 100%;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 0px 3px;
    border-radius: 2px;
    z-index: 1;
    font-size: 10px;
    line-height: 20px;
    opacity: 0;
    transition: opacity .6s;
    bottom: 45px;
}
.toltip:hover .tooltip-top {
    visibility: visible;
    opacity: 1;
}
.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.shate__po a i {

  color: #5f6988;

  font-size: 15px;

}

.use__single__post__footer {

  display: flex;

  align-items: flex-start;

  gap: 16px;

  width: 100%;

  padding: 24px 0 0 0;

  border-top: 1px solid #e6e8ee;

  margin-top: 24px;

}

.des__use__s {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

}

.use__single__post__footer .name__use__name {

  margin-bottom: 4px;

  line-height: 32px;

  display: block;

}

.use__single__post__footer .chuyengia {

  margin-bottom: 4px;

  display: block;

  line-height: 24px;

}

.img__post__futr {

  text-align: center;

} /*archiver chuyên mục*/
.img__post__futr .container-xmx img {
  width: 100%;
  height: 508px;
  object-fit: cover;
}
.cate__explore {

  padding: 100px 0 80px;

}

.explore__explore {

  margin-top: -276px;

  padding-bottom: 100px;

}

.explore_route {

  padding: 100px 0;

  background: #fbfbfc;

}

.explore__colum {

  display: flex;

  justify-content: space-between;

}

.explore__colum .right__explore {

  width: 546px;

  min-width: 546px;

}

.explore__colum .left__explore {

  width: 546px;

  min-width: 546px;

}

.title__explore {

  font-size: 40px;

  color: #13151b;

  margin-bottom: 24px;

  line-height: 48px;

}

.des__explore {

  font-size: 18px;

  color: #393f51;

  line-height: 28px;

  margin-bottom: 40px;

}

.explore_route .button__discover {

  margin-bottom: 0;

}

.list__expo {

  padding: 72px 45px;

  background: #fff;

  max-width: 1116px;

  position: relative;

}

.list__expo:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 94px;

  height: 67px;

  background: url(../images/v.png) no-repeat;

  background-size: contain;

}

.explore__item {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: flex-start;

  padding-bottom: 64px;

  margin-bottom: 64px;

  border-bottom: 1px solid #acb2c5;

}

.explore__item:last-child {

  margin-bottom: 0;

  border-bottom: 0;

  padding-bottom: 0;

}

.explore__item .stt__ex {

  margin-right: 32px;

  min-width: 15px;

  width: 15px;

  color: #9199b2;

  font-size: 18px;

  line-height: 32px;

}

.explore__item .title__explore__tt {

  min-width: 493px;

  width: 493px;

}

.explore__item .title__explore__tt a {

  display: block;

  color: #13151b;

  font-size: 28px;

  line-height: 40px;

  height: 80px;

  overflow: hidden;

}

.explore__item .des__expl {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  padding-left: 49px;

}

.explore__section {

  padding: 40px 0;

  position: relative;

}

.explore__section:before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 524px;

  background: #13151b;

  top: 0;

}

.explore__section:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 723px;

  height: 656px;

  background: url(../images/Looper-11.png) no-repeat;

  background-size: 100%;

}

.explore__section .item__first__cours {

  margin-bottom: 40px;

}

.explore__section .item__first__cours:last-child {

  margin-bottom: 0;

}

.ic__ci {

  font-size: 14px;

  line-height: 24px;

}

.ic__ci i {

  color: #00c851;

} /*page lien hệ*/

.contact__content {

    height: 100vh;
    padding: 112px 0 0;


}
.page-id-647 .pix-header {
  position: fixed;
  width: 100%;
  z-index: 9;
}
.contact__layout {

  display: flex;

  justify-content: space-between;

}

.contact__layout .contact__left {

  max-width: 395px;

  width: 395px;

}

.contact__layout .contact__right {

  width: 546px;

  min-width: 546px;

}

.title__contact {

  color: #13151b;

  font-size: 40px;

  line-height: 48px;

  margin-bottom: 32px;

}

.item__contact .tt__contact {

  font-size: 16px;

  line-height: 24px;

  color: #13151b;

  margin-bottom: 8px;

}

.des__contact {

  font-size: 16px;

  color: #393f51;


}
.des__contact p {

  line-height: 24px;

  margin-bottom: 8px;
}
.des__contact p:last-child {
  margin-bottom: 0;
}
.des__contact i {

  font-size: 14px;

  color: #a0aec0;

  margin-right: 6px;

}

.item__contact {

  margin-bottom: 32px;

}

.shar__page {

  display: flex;

  align-items: center;

  gap: 8px;

}

.shar__page a {

  display: flex;

  align-items: center;

  justify-content: space-around;

  width: 32px;

  height: 32px;

  background: #f2f5f8;

  border-radius: 100%;

}

.shar__page a i {

  font-size: 15px;

  color: #7e8ca0;

}

.avt__avt {

  position: absolute;

  bottom: 0;

  left: 0;

}

@media screen and (max-width: 1253px) {

  .avt__avt img {

    max-width: 50%;

  }

} /*trang about */

.about__layout {

  display: flex;

  justify-content: space-between;

  flex-direction: row;

  align-items: flex-start;

  gap: 138px;

}

.about__left {

  width: 546px;

  min-width: 546px;

}

.about__right {

  width: 432px;

  min-width: 432px;

}

.about__right p {

  margin: 0;

  font-size: 16px;

  line-height: 24px;

  color: #393f51;

  margin-bottom: 32px;

}

.about__right p strong {

  font-family: "Roboto-Bold";

}

.about__section {

  padding: 120px 0;

}

.title__about {

  font-size: 60px;

  color: #13151b;

  line-height: 72px;

}

.title__about span {

  color: #0042fc;

}

.value__layout {

  background: #f8f8fa;

  padding: 100px 134px;

  z-index: 1;

  position: relative;

}

.title__value {

  color: #13151b;

  font-size: 60px;

  line-height: 72px;

  margin-bottom: 60px;

  text-align: center;

}

.list__about__vl {

  clear: both;

  margin: 0 -30px;

  display: flex;

  flex-wrap: wrap;

}

.list__about__vl .list__value__about {

  float: left;

  width: 33.333%;

  padding: 0 30px 0px;

  position: relative;

  position: relative;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.inner__value__about {

  background: #fff;

  padding: 30px;

}

.inner__value__about .img__value__stt {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 20px;

}

.inner__value__about .img__value__stt .icon__vl {

  width: 70px;

  height: 70px;

  text-align: center;

  position: relative;

  background: #0042fc;

  border-radius: 100%;

}

.inner__value__about .img__value__stt .icon__vl img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  max-height: 30px;

}

.inner__value__about .img__value__stt ins {

  font-size: 60px;

  color: #f3f3f6;

  line-height: 70px;

}

.inner__value__about .tieude__ab {

  color: #13151b;

  font-size: 20px;

  line-height: 32px;

  margin-bottom: 12px;

}

.inner__value__about .list__vl__ab {

  padding: 0;

  margin: 0;

}

.list__vl__ab li {

  list-style: none;

  font-size: 18px;

  color: #5f6988;

  line-height: 32px;

  margin-bottom: 12px;

  display: flex;

  align-items: center;

  gap: 8px;

  width: 100%;

}

.list__vl__ab li:last-child {

  margin-bottom: 0;

}

.list__vl__ab li i {

  color: #0042fc;

  font-size: 13px;

}

.vision__layout {

  position: relative;

}

.vision__layout .box__vision {

  padding: 89px 40px;

  background: #fff;

  max-width: 544px;

  position: absolute;

  right: 0;

  top: -290px;

}

.title__vision {

  font-size: 60px;

  color: #13151b;

  line-height: 72px;

  margin-bottom: 24px;

}

.des__vision {

  font-size: 18px;

  color: #393f51;

  line-height: 32px;

  margin-bottom: 0;

}

.vision__layout {

  padding-bottom: 273px;

}

.vision__section {

  position: relative;

}

.vision__section:before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 917px;

  background: #13151b;

  top: 358px;

}

.vision__section:after {

  content: "";

  position: absolute;

  top: 452px;

  left: 0;

  width: 432px;

  height: 569px;

  background: url(../images/after.png) no-repeat;

}

.title__about span ins {

  position: absolute;

  top: 50%;

  left: 50%;

  width: calc(100% + 20px);

  height: calc(100% + 20px);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  overflow: visible;

}

.title__about span {

  color: #0042fc;

  display: inline-block;

  position: relative;

}

.title__about span ins path {

  stroke: #0e1a58;

  stroke-width: 5px;

  -webkit-animation: elementor-headline-dash forwards;

  animation: elementor-headline-dash forwards;

  -webkit-animation-duration: var(--animation-duration, 1.2s);

  animation-duration: var(--animation-duration, 1.2s);

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  stroke: red;

  stroke-width: 9;

  fill: none;

  opacity: 0;

  stroke-dasharray: 0 1500;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

.circle-sketch-highlight:before {

  content: "";

  z-index: -1;

  left: -19px;

  top: 0;

  border-width: 2px;

  border-style: solid;

  border-color: #ef8c22;

  position: absolute;

  border-right-color: transparent;

  width: 100%;

  height: 73px;

  transform: rotate(347deg);

  opacity: 1;

  border-radius: 100%;

  padding: 0px;

}

.circle-sketch-highlight:after {

  content: "";

  z-index: -1;

  left: 3px;

  top: 0;

  padding: 0;

  border-width: 2px;

  border-style: solid;

  border-color: #ef8c22;

  border-left-color: transparent;

  border-top-color: transparent;

  position: absolute;

  width: 100%;

  height: 65px;

  transform: rotate(333deg);

  opacity: 1;

  border-radius: 100%;

} /*trang chủ*/

.home .pix-header {

/*  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  z-index: 9;

  box-shadow: 0 0 0 0;*/

}

.main__main {

  padding: 160px 0 0;

  height: 100vh;

  overflow: hidden;

}

.content__main__home {
    display: flex;
    justify-content: space-between;
    width: 100%;

}

.content__main__home .main__left {

  width: 546px;

  min-width: 546px;

}

.content__main__home .main__right {

  width: 546px;

  min-width: 546px;

}

.title__main__home {

  font-size: 60px;

  color: #13151b;

  line-height: 72px;

  margin-bottom: 40px;

}

.des__main {

  color: #393f51;

  font-size: 18px;

  line-height: 32px;

  margin-bottom: 40px;

}

.seach__home .seach__text__input {

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

  padding: 0;

  gap: 12px;

  margin: 0;

}

.seach__home .seach__text__input button {

  width: 140px;

  padding: 18px 20px;

  background: #0042fc;

  color: #fff;

  font-size: 18px;

  line-height: 32px;

  min-width: 140px;

}

.seach__home .seach__text__input input {

  background: #f2f5ff;

  font-size: 14px;

  color: #acb2c5;

  line-height: 24px;

}

.seach__home #typeahead-suggestions {

  background: #f2f5ff;

  padding: 10px;

  margin-top: 8px;

  position: absolute;

  width: 100%;

  top: 70px;

}

.devsite-search-form #typeahead-suggestions {

  display: none;

}

.elementor-headline-dynamic-wrapper {

  display: inline-block;

  position: relative;

  overflow: visible;

  text-align: inherit;

}

.title__main__home svg {

  position: absolute;

  top: 50%;

  left: 50%;

  width: calc(100% + 20px);

  height: calc(100% + 20px);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  overflow: visible;

}

.title__main__home svg path {

  -webkit-animation: elementor-headline-dash forwards;

  animation: elementor-headline-dash forwards;

  -webkit-animation-duration: var(--animation-duration, 1.2s);

  animation-duration: var(--animation-duration, 1.2s);

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  stroke: var(--e-global-color-accent);

  stroke-width: 9;

  fill: none;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  stroke: #f66b2d;

}

.title__main__home .elementor-headline-dynamic-text {

  display: inline-block;

  position: relative;

  top: 0;

  left: 0;

}

.title__about svg {

  position: absolute;

  top: 50%;

  left: 50%;

  width: calc(100% + 20px);

  height: calc(100% + 20px);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  overflow: visible;

}

.title__about svg path {

  -webkit-animation: elementor-headline-dash forwards;

  animation: elementor-headline-dash forwards;

  -webkit-animation-duration: var(--animation-duration, 1.2s);

  animation-duration: var(--animation-duration, 1.2s);

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  stroke: var(--e-global-color-accent);

  stroke-width: 9;

  fill: none;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  stroke: #f66b2d;

}

.title__about .elementor-headline-dynamic-text {

  display: inline-block;

  position: relative;

  top: 0;

  left: 0;

}

.typeahead__home {

  display: none;

}

.typeahead__home.active {

  /*display: block;*/

}

.seach__home .suggestion-text a {

  font-size: 13px;

}

.text__main__kdi {
    text-align: center;
    color: #F3F3F6;
    font-size: 269.823px;
    line-height: 386px;
    letter-spacing: 0.02em;
    overflow: hidden;
    margin-bottom: -56px;
}

@media only screen and (max-width: 1440px) {
.text__main__kdi {
    text-align: center;
    color: #F3F3F6;
    font-size: 269.823px;
    line-height: 180px;
    height: 180px;
    letter-spacing: 0.02em;
    overflow: hidden;
    padding-top: 20px;
}

}

.main__body__home {

  padding: 60px 0;

}

.screen__full {

    display: flex;
    gap: 24px;
    padding-bottom: 60px;
    justify-content: space-between;
}


.screen__full .screen__left__content {

  min-width: 40.625%;

  width: 40.625%;

}

.screen__full .screen__right__content {

  min-width: 32%;

  width: 32%;

}

.title__field {

  color: #fff;

  position: relative;

  z-index: 9;

  font-size: 60px;

  line-height: 72px;

}

.des__screen {

  color: #fbfbfc;

  font-size: 16px;

  line-height: 24px;

}

.main__black {

  background: #13151b;

  width: 100%;

  min-height: 100vh;

}

.linh__vuc {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}

.linh__vuc .item__linhvuc {

  width: 14.583333333%;

  transition: all 0.2s linear;

}

.linh__vuc .item__linhvuc.linhvuc__active {

  width: 35.714285714%;

}

.item__linhvuc .img__lv a {

  display: block;

  line-height: 0;

}

.img__lv a img {

  width: 100%;

  height: 578px;

  object-fit: cover;

}

.inner__lvuc {

  position: relative;

  overflow: hidden;

}

.inner__lvuc .content__lv {

  background: linear-gradient(

    180deg,

    rgba(0, 0, 0, 0.1) 0%,

    rgba(0, 0, 0, 0.58) 41.38%,

    rgba(0, 0, 0, 0.9) 100%

  );

  backdrop-filter: blur(5px);

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 42px 20px 30px;

}

.hover__lv__content {

  transition: transform 0.4s;

  transform: translateY(100%);

}

.inner__lvuc .content__lv h2 {

  margin: 0 0 12px 0;

  transform: translateY(-100%);

  transition: transform 0.4s;

}

.inner__lvuc .content__lv h2 a {

  color: #fff;

  font-size: 24px;

  line-height: 36px;

  display: block;

}

.inner__lvuc .content__lv .des__linhvuc {

  font-size: 18px;

  color: #ffffff;

  line-height: 32px;

  max-height: 64px;

  overflow: hidden;

  display: none;

}

.linh__vuc .item__linhvuc.linhvuc__active .inner__lvuc .content__lv {

  padding: 14px 20px;

}

.linh__vuc

  .item__linhvuc.linhvuc__active

  .inner__lvuc

  .content__lv

  .des__linhvuc {

  display: block;

}

.linh__vuc .item__linhvuc.linhvuc__active .inner__lvuc .content__lv h2 a,
.linh__vuc .item__linhvuc:hover  .inner__lvuc .content__lv h2 a  {
  color: #f66b2d;
}

.item__linhvuc:hover .content__lv {

  padding: 14px 20px;

}

.item__linhvuc:hover .hover__lv__content {

  transform: translateY(0);

}

.item__linhvuc:hover .hover__lv__content .des__linhvuc {

  display: block;

}

.item__linhvuc:hover .content__lv h2 {

  transform: translateY(0);

}

.item__linhvuc.linhvuc__active .hover__lv__content {

  transform: translateY(0);

}

.item__linhvuc.linhvuc__active .content__lv h2 {

  transform: translateY(0);

}

.icon__note i {

  color: #fff;

}

.note__linhvuc {

  width: 196px;

  height: 188px;

  background: #393f51;

  padding: 20px;

  overflow: hidden;

}
.note__linhvuc .title__note  {
font-size: 20px;
line-height: 32px;
color: #fff;
}
.title__note {

/*  font-size: 20px;

  line-height: 32px;

  color: #fff;

  margin-bottom: 4px;*/

}

.des_stick_note {

  font-size: 14px;

  line-height: 24px;

  color: #fff;

  margin-bottom: 12px;

}

.screen__full__center {

  justify-content: space-between;

  padding-bottom: 16px;

} /*man home 4*/

.main__cate {

    padding: 30px 0;
    position: relative;
    width: 100%;
    min-height: 100vh;

}

.button__cate__chd a {

  font-size: 18px;

  line-height: 32px;

  color: #fff;

  padding: 18px 20px;

  background: #0042fc;

  display: inline-block;

}

.button__cate__chd {

  margin-bottom: 26px;

  display: block;

  clear: both;

}

.list__cate__parent {

  display: flex;

  gap: 24px;

  align-items: center;

  margin-bottom: 26px;

}
.main__cate.main__black .list__cate__parent {
  margin-bottom: 52px;
}

.list__cate__parent a {
color: #ACB2C5;
    font-size: 18px;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 6px;

}

.list__cate__parent a i {

  font-size: 8px;

}

.list__cate__parent a.active__cate,

.list__cate__parent a.active__cate i,

.list__cate__parent a:hover {

  color: #0042fc;

}
.main__black .list__cate__parent a.active__cate{
  color: #fff;
}
.list__child__category {

  max-width: 660px;

}

.list__child__category .category__child {

  background: #f3f3f6;

  margin-top: 24px;

}

.category__child {

  display: flex;

  align-items: center;

  justify-content: space-around;

  padding: 0 30px;

  height: 204px;

  text-align: center;

}

.category__child a {

  display: block;

  color: #13151b;

  font-size: 20px;

  line-height: 32px;

}

.list__child__category .owl-nav {

  position: absolute;

  left: 178px;

  top: -94px;

  margin: 0;

}

.list__child__category .owl-nav button.owl-prev {

  background: #acb2c5 !important;

}

.list__child__category .owl-nav button {

  width: 68px;

  height: 68px;

  background: #393f51 !important;

  text-align: center;

  margin: 0 0.5px !important;

  min-height: initial;

  color: #fff !important;

  font-size: 40px !important;

}

.list__child__category .owl-nav button:hover {

  background: #5f6988 !important;

}

.cate__chude {

  font-size: 14px;

  color: #5f6988;

  line-height: 24px;

  margin-bottom: 2px;

}

.box__cate__chude {

  display: flex;

  margin-bottom: 32px;

  gap: 24px;

}

.box__cate__chude .colum__left__cd {

  width: 432px;

  min-width: 432px;

}

.box__cate__chude .colum__right__cd {

  width: 318px;

  min-width: 318px;

}

.tt__child__cd {

  font-size: 40px;

  line-height: 48px;

  color: #13151b;

}

.box__cate__chude .colum__right__cd .des__cd__s {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

}

.colum__right__cate img {

  position: fixed;

  bottom: 0;

  right: 0;

} /*màn hình 5*/

.main__black__text__white {

  margin-bottom: 42px;

}

.main__black__text__white a {

  color: #acb2c5;

}

.main__black__text__white a.active__cate,

.main__black__text__white a:hover {

  color: #fff;

}

.couse__lv__layout {

    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.couse__lv__layout .lef__cr__lv {

  width: 33.6%;

  min-width: 33.6%;

}

.right__cr__lv {

  width: calc(100% - 33.6%);

  min-width: calc(100% - 33.6%);

  padding-left: 24px;

}
.right__cr__lv .view__detail {
background: url(../images/via.png) left 28px no-repeat;
    background-size: 57px;
}
.cate__chude__white {

  color: #acb2c5;

}

.colum__cour__cate__des {

  display: flex;

  justify-content: space-between;

  min-height: 168px;

}

.left__one__tt {

  width: 432px;

  min-width: 432px;

}

.right__one__tt {

  width: 432px;

  min-width: 432px;

  padding-left: 24px;

}

.tt__child__cd__white,

.des__cd__s__white {

  color: #ffffff;

}

.des__cd__s__white {

  font-size: 16px;

  line-height: 24px;

}

.title__case__study__white {

  margin-bottom: 0;

}

.title__case__study__white a {

  color: #fff !important;

}

.couse__blog__case .item__case__study {

  width: 100%;

  padding: 0;

}

.couse__blog__case .owl-item {
  position: relative;
}
.couse__blog__case .owl-item.active:first-child:after {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    width: 300px;
    height: 3px;
    background: #F66B2D;
}
.couse__blog__case .owl-item.active.cloned:after  {
  content: "";
  background: transparent;
}
.couse__blog__case .item__case__study a img {

  height: 273px;

}

.view__detail {

  text-align: right;

  margin-bottom: 40px;

}

.view__detail a {

  margin-right: 150px;

  font-size: 18px;

  line-height: 32px;

  color: #fff;

  padding: 18px 20px;

  background: #0042fc;

  display: inline-block;

  width: 167px;

  text-align: center;

}

.couse__blog__case .owl-nav {

  position: absolute;

  right: 0;

  top: -108px;

  margin: 0;

}

.couse__blog__case .owl-nav button.owl-prev {

  background: #acb2c5 !important;

}

.couse__blog__case .owl-nav button {

  width: 68px;

  height: 68px;

  background: #393f51 !important;

  text-align: center;

  margin: 0 0.5px !important;

  min-height: initial;

  color: #fff !important;

  font-size: 40px !important;

}

.couse__blog__case  .owl-dots {
    text-align: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 10px;

}
.couse__blog__case  .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  background: #E6E8EE;
  border-radius: 100%;
}
.couse__blog__case  .owl-dots button.owl-dot.active {
  background: #0042FC;
}
.couse__blog__case .owl-nav button:hover {

  background: #5f6988 !important;

} /*khóa học tài liệu*/

.file____section {

  padding: 60px 0;

  position: relative;

  background: #e5e5e5;

}

.file____section:before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 380px;

  background: #13151b;

  top: 0;

}

.file____section:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 380px;

  background: url(../images/tailieu.png) no-repeat;

  background-size: 100%;

}

.title__file__tk {

  color: #fff;

  font-size: 60px;

  line-height: 72px;

  margin-bottom: 60px;

  text-align: center;

}

.box__colum__course__cn {

  background: #fff;

  padding: 60px 45px;

}

.tt__fl__tt {

  color: #13151b;

  font-size: 24px;

  line-height: 36px;

  margin-bottom: 8px;

}

.ls__file__ls {

  margin: 0;

  padding: 0;

}

.ls__file__ls li {

  list-style: none;

  margin: 0 0 8px 0;

  padding: 0;

}

.ls__file__ls li:last-child {

  margin-bottom: 0;

}

.ls__file__ls li a {

  color: #0042fc;

  font-size: 14px;

  line-height: 24px;

}

.ls__file__ls li a i {

  font-size: 13px;

  color: #121212;

  margin-right: 10px;

}

.team__file {

  padding-bottom: 32px;

  margin-bottom: 32px;

  border-bottom: 1px solid #e6e8ee;

}

.list__file__all {

  text-align: right;

  padding-top: 28px;

}

.list__file__all a {

  color: #0042fc;

  font-size: 16px;

  line-height: 24px;

  padding: 8px 16px;

  border: 1px solid #0042fc;

  display: inline-block;

}

.ls__file__ls li a i.fa-arrow-down-to-line {

  font-size: 20px;

}

.anhchungnhan {

  margin-bottom: 20px;

}

.share__chungnhan {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 60px;

}

.down__chungnhan a {

  color: #0042fc;

  font-size: 16px;

}

.down__chungnhan a i {

  margin-right: 4px;

  color: #0042fc;

  font-size: 16px;

}

.title__review__in__cn {

  color: #13151b;

  font-size: 24px;

  line-height: 36px;

  margin-bottom: 16px;

} /*khóa học thông tin*/

.c__course__if {

  margin-bottom: 30px;

}

.box__tt__kh__box {

  margin-bottom: 60px;

}

.view__xemthem {

  text-align: center;

}

.list__lt__course {

  margin: 0;

  padding: 0;

  background: #f8f8fa;

}

.list__lt__course li {

  list-style: none;

  overflow: hidden;

}

.list__lt__course li .left__lt {

  width: 200px;

  display: block;

  float: left;

  color: #13151b;

  font-size: 16px;

  line-height: 24px;

  padding: 18px 45px;

  box-shadow: 1px 0px 0px #e6e8ee;

}

.list__lt__course li .right__lt {

  width: calc(100% - 200px);

  display: block;

  float: right;

  padding: 18px 24px;

}

.lotrinh__khoahoc {

  margin-bottom: 60px;

}

.list__lt__course li:nth-child(2n) {

  background: #fff;

}

.list__lt__course li .left__lt i {

  margin-right: 6px;

}

.list__lt__course li .right__lt ins {

  color: #9199b2;

}

.list__lt__course li .right__lt i {

  color: #fece00;

}

.c__course__if p {

  color: #393f51;

  font-size: 16px;

  line-height: 24px;

  margin: 0 0 24px 0;

}



/*.colum__right__cate {    z-index: 1;    height: 100%;    right: 0;    margin-left: 0;    margin-right: 0;    max-height: none;    overflow: hidden;    position: absolute;    top: 0;    width: 55%;    text-align: right;    display: flex;    align-items: center;    justify-content: flex-end;}*/ /*.linh__vuc .item__linhvuc:hover {    width: 35.714285714%;}*/ /*csss*/ /*.ss-container {  position: relative;  overflow: hidden;  height: 100%;  width: 100%;}.ss-container .ss-item {  position: absolute;  z-index: -100;  height: 100%;  width: 100%;  transition-timing-function: ease-in-out;}.ss-container .ss-item.ss-moving {  z-index: 100 !important;}.ss-container .ss-item.ss-fade {  opacity: 0;}.ss-container .ss-item.ss-fade.active {  opacity: 1;  z-index: 1;}.ss-container .ss-item.ss-move-up {  top: 100%;}.ss-container .ss-item.ss-move-up.ss-move-next {  top: 100%;}.ss-container .ss-item.ss-move-up.ss-move-prev {  top: -100%;}.ss-container .ss-item.ss-move-up.active {  top: 0;  z-index: 1000 !important;}.ss-container .ss-item.ss-move-down {  top: -100%;}.ss-container .ss-item.ss-move-down.ss-move-next {  top: -100%;}.ss-container .ss-item.ss-move-down.ss-move-prev {  top: 100%;}.ss-container .ss-item.ss-move-down.active {  top: 0;  z-index: 1000 !important;}.ss-container .ss-item.ss-move-right {  right: 100%;}.ss-container .ss-item.ss-move-right.ss-move-next {  right: 100%;}.ss-container .ss-item.ss-move-right.ss-move-prev {  right: -100%;}.ss-container .ss-item.ss-move-right.active {  right: 0 !important;  z-index: 1000 !important;}.ss-container .ss-item.ss-move-left {  right: -100%;}.ss-container .ss-item.ss-move-left.ss-move-next {  right: -100%;}.ss-container .ss-item.ss-move-left.ss-move-prev {  right: 100%;}.ss-container .ss-item.ss-move-left.active {  right: 0;  z-index: 1000 !important;}*/



.devsite-top-logo-row-middle .seach__all__web input {

  padding: 8px 10px;

}

.devsite-top-logo-row-middle .seach__all__web {

  border: 1px solid #0042fc;

}

.devsite-top-logo-row-middle .seach__all__web .seach__text__input {

  margin: 0;

}

.navbar {

  gap: 24px;

}

.container-xmx-content {

  position: relative;

  max-width: 660px;

  margin: auto;

}

.post-share-blog {

  position: absolute;

  top: 0;

  left: -178px;

  bottom: 0;

  pointer-events: none;

}



.post-share-blog > .share {

  flex-direction: column;

  position: -webkit-sticky;

  position: sticky;

  top: 60px;

  pointer-events: auto;

}

.post-share-blog > .share .comment__post {

  display: flex;

  align-items: center;

  color: #5f6988;

  font-size: 15px;

  gap: 4px;

  margin-bottom: 32px;

  line-height: 18px;

}

.post-share-blog > .share .comment__post ins {

  text-decoration: none;

  font-size: 12px;

}

.post-share-blog > .share .share-item {

  width: 40px;

  height: 40px;

  border: 1px solid #e6e8ee;

  text-align: center;

  line-height: 40px;

  display: flex;

  align-items: center;

  justify-content: space-around;

  margin-bottom: 10px;

}

.post-share-blog > .share .share-item i {

  color: #5f6988;

  font-size: 15px;

}

.post-share-blog > .share .share-item:last-child {

  margin-bottom: 0;

}

.img__post__futr {

  margin-bottom: 40px;

  margin-top: -240px;

}

.img__post__futr > .container-xmx {

  line-height: 0;

}



.container-xmx-content .menu__fix__toc {

  width: 204px;

  position: absolute;

  top: 0;

  right: -342px;

  bottom: 0;


  padding: 0;

}

.single__content__document {

  margin-bottom: 40px;

  z-index: 1;

  position: relative;

}

.banner__document__banner__document__single {

  background: #13151b;

  padding: 40px 0 240px 0;

  position: relative;

}

.banner__document__banner__document__single:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 723px;

  height: 100%;

  background: url(../images/Looper-11.png) no-repeat;

  background-size: cover;

}



.banner__document__banner__document__single .breadcrumbs a,

.banner__document__banner__document__single .breadcrumbs span {

  color: #fff;

}

.img__lv img {

  width: 100%;

  height: 578px;

  object-fit: cover;

}
.aligncenter {
    margin: auto;
    display: block;
}

/*
loc filter mobile
*/
.filter-course-mobile_header {
  position: relative;
}
.box_filter_mobile-child {
  margin-bottom: 8px;
}

.filter-course-mobile_header .title_filte-course-mobile {
    text-align: center;
    color: #13151B;
    font-size: 14px;
    font-family: "Roboto-Bold";
    line-height: 40px;
    margin-bottom: 8px;

}
.filter-course-mobile_header .btn-remove_filter_course {
    position: absolute;
    top: 10px;
    font-size: 21px;
    color: #13151B;
    right: 0;
}
.box_filter_mobile-child .box_filter_mobile-child_label {
    color: #13151B;
    font-size: 20px;
    line-height: 24px;
    font-family: "Inter-Medium";
    position: relative;
    padding: 12px 0;
}
.box_filter_mobile-child .box_filter_mobile-child_label  i {
  position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 17px;
}
.filter-item.box_filter_mobile-child_content .label-text {
    font-size: 14px;
}
.filter-item.box_filter_mobile-child_content label.checkbox_custom {
  padding: 12px 0;
}
.box_filter_mobile-child_content .filter_ranger_box {
  border: 0;
    padding: 0;
    margin: 0;
}
.noUi-horizontal {
    padding: 0 12px;
    margin-top: 8px;
}
.range-price input, .prop-minmax input {
  max-width: 100%;
  text-align: left;
}
.pri__label {
  line-height: 28px;
}
.filter-course-mobile_footer {
    display: flex;
    border-top: 1px solid #F0F0F0;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    padding: 14px 16px;
    width: 100%;
}
.filter-course-mobile_footer .show_filter-course {
    width: 130px;
    height: 32px;
    background: #0042FC;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.filter-course-mobile_footer .remove_filter-course {
  line-height: 32px;
  color: #0042FC;
  font-size: 14px;
}
.footer-tab_content {
    padding: 10px 16px;
    border-top: 1px solid #F0F0F0 !important;  
}
.footer-tab_content.active_box_mobile_post{
    display: flex;
    justify-content: space-between;

}
.footer-tab_content.active_box_mobile_post .post__comment i {
  font-size: 24px;
}
.header-tab_content  {
    padding: 18px 16px;
    overflow: hidden;
}
.header-tab_content .name_post_mobile {
    font-size: 14px;
    line-height: 24px;
    font-family: "Inter-Bold";
    height: 24px;
    overflow: hidden;
    max-width: calc(100% - 50px);
    float: left;

}
.btn-show_tab_content_post {
    float: right;
    width: 35px;
    text-align: right;
}
.btn-show_tab_content_post i {
    font-size: 24px;
    color: #121212;
}
.list_menu-content-post #ftwp-container {
    border: 0;
    width: 100%;
    padding: 8px 16px;
} 
.list_menu-content-post #ftwp-container > ul > li {
    padding: 12px 0;
    box-shadow: inset 0px -1px 0px #f0f0f0;
}
.list_menu-content-post #ftwp-container > ul > li:last-child {
  box-shadow: 0 0 0 0;
  padding-bottom: 0;
}
.list_menu-content-post #ftwp-container > ul > li > a {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto-Bold";
    height: 24px;
    overflow: hidden;
    display: block;
    margin: 0;
}
.list_menu-content-post #ftwp-container > ul > li > ul {
    padding-left: 16px;
    padding-top: 12px;
}

.list_menu-content-post #ftwp-container > ul > li > ul > li {
    padding: 12px 0;
    box-shadow: inset 0px 1px 0px #f0f0f0;
}
.list_menu-content-post #ftwp-container > ul > li > ul > li > a {
  padding-left: 12px;
}
.list_menu-content-post #ftwp-container > ul > li > ul > li > a:before {
content: "\f111";
    font-family: "fontawesome";
    font-size: 6px;
    position: absolute;
    left: 0;
    color: #393F51;
}
.list_menu-content-post #ftwp-container > ul > li > ul > li:last-child {
    /*box-shadow: 0 0 0 0;*/
    padding-bottom: 0;
}
.list_menu-content-post #ftwp-container li a {
  margin-bottom: 0;
}

.list_menu-content-post #ftwp-container > ul > li > ul > li:first.last {
  padding-top: 0;
}
.list_menu-content-post #ftwp-container > ul > li  .menu_level_2 {
    padding-left: 16px;
    padding-top: 12px;
}
.list_menu-content-post #ftwp-container > ul > li  .menu_level_2 li a {
  padding-left: 12px;  
}
.list_menu-content-post #ftwp-container > ul > li  .menu_level_2 li a:before {
content: "\f111";
    font-family: "fontawesome";
    font-size: 6px;
    position: absolute;
    left: 0;
    color: #393F51;  
}
#ftwp-container li:hover > a {
  color: #0042fc;
}

.close_popup_comment {
  font-size: 20px;
}

.footer-tab_content .price_course_single .woocommerce-Price-amount {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.footer-tab_content .price_course_single .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
  padding-left: 6px;
}
.footer-tab_content  .btn-box_system .add__to__cart__single .join__now {
    min-width: 180px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 24px;

}
.footer-tab_content  .add__cart {
  padding: 0;
}
.footer-tab_content  .add__cart i {
    color: #0042fc;
    font-size: 16px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
}
.tab-detail.mobile-bar-single-course {
    padding: 0 0 0 16px;
    overflow-x: scroll;
    white-space: nowrap;
    gap: initial;
    justify-content: initial;
    align-items: initial;
    width: 100%;
}
.filter-css_mobile li.label {
      font-family: "Roboto-Bold";
      margin-bottom: 20px;
}
#mobile-filter_cate .dl-menu > li:nth-child(1) {
  box-shadow: 0 0 0 0;
} 
#mobile-filter_cate .dl-menu > li ul.dl-submenu > li.label {
  box-shadow: 0 0 0 0;
}

#mobile-filter_cate  label.checkbox_custom {
  padding: 12px 0;
}
#mobile-filter_cate  .filter-item__title {
  padding: 0;
  border: 0;
}
#mobile-filter_cate label.checkbox_custom span {
  font-size: 14px;
}
#mobile-filter_cate .footer_filter_mobile {
display: flex;
    border-top: 1px solid #F0F0F0;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    padding: 14px 0px;
    width: 100%;
}
#mobile-filter_cate .footer_filter_mobile p:nth-child(1) {
    line-height: 32px;
    color: #0042FC;
    font-size: 14px;
    cursor: pointer;
}
#mobile-filter_cate .footer_filter_mobile p:nth-child(2) {
    width: 130px;
    height: 32px;
    background: #0042FC;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-size: 14px;
      cursor: pointer;
}
#mobile-filter_cate  .filter-item {
  height: calc(75vh - 130px);
    overflow-y: auto;
}

#mobile-primary-menu .learning__item  {
    padding: 8px 16px;
    padding-left: 40px;
}
#mobile-primary-menu .learning__item a {

    padding: 0;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: block;
}
.dl-menuwrapper > ul > li li div.item > a {
    font-size: 14px;
    line-height: 24px;
    color: #13151b;
    margin: 0;
    padding-left: 40px;
    padding-right: 30px;
    display: block;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dl-menuwrapper > ul > li li div.item > a .checked_success{
    position: absolute;
    left: 15px;
    top: 16px;
    margin: 0;
}
.dl-menuwrapper > ul > li li div.item > a .progress {
      position: absolute;
    left: 15px;
    top: 16px;
    margin: 0;
}
.dl-menuwrapper > ul > li li div.item > a > i {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
}


.dl-menuwrapper > ul > li li div.item > a .checked_success i {
    color: #3253ff !important;
    font-size: 19px !important;
}
.header__fix__course #mobile-primary-menu .dl-subview {
  padding: 0 ;
  left: -16px;
}
.next-item i {
  font-size: 16px !important;
}

.tutor-btn-view-certificate {
  display: none !important;
}
.start-continue-retake-button {
    width: 300px;
    padding: 18px 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 32px;
}
.box__cart__single .start-continue-retake-button {
  width: 100%;
}
.btn-box_system .tutor-btn-view-certificate {
  display: none !important;
}
#comment_box_mobile {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#comment_box_mobile  .commentlist > .review__comment {
  padding: 0 16px;
}
.hero-content-offset {

}

.like__comment .btn-reply_comment_system {
      -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    text-align: right;
    font-size: 14px;
}
#comment_box_mobile .star_box_clear.active_box {
    border-top: 1px solid #F0F0F0 !important;

}
#comment_box_mobile .star_box_clear.active_box .reply_text_target {
    background: #FBFBFC;
    padding: 14px 16px;
    z-index: 9;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    justify-content: space-between;
}
#comment_box_mobile .star_box_clear.active_box .reply_text_target p {
    font-size: 14px;
  line-height: 24px;
}
#comment_box_mobile .star_box_clear.active_box .reply_text_target p span {
  display: block;
  color: #13151B;
  font-size: 14px;
  line-height: 24px;
}

#comment_box_mobile .star_box_clear .reply_text_target {
    background: #FBFBFC;
    padding: 14px 16px;
    z-index: 9;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}
#comment_box_mobile .star_box_clear .reply_text_target p {
    font-size: 14px;
  line-height: 24px;
}
#comment_box_mobile .star_box_clear .reply_text_target p span {
  display: block;
  color: #13151B;
  font-size: 14px;
  line-height: 24px;
}

#comment_box_mobile .star_box_clear.active_box .comment-form-comment {
    display: flex;
    background: #fff;
    justify-content: space-between;
}
#comment_box_mobile .star_box_clear.active_box .comment-form-comment  .comment-form-rating {
  margin: 0;
}
#comment_box_mobile .star_box_clear.active_box .comment-form-comment textarea{
  height: 60px;
    padding: 18px 16px;
}

li.label .close_filter-full {
  right: 0 !important;
}
.dl-menuwrapper li.dl-back:after {
  left: 0;
  font-size: 20px;
}

#mobile-primary-menu.dl-menuwrapper li.dl-back:after {
    left: 16px;
}

.dl-menu > li .login_not a {
    padding: 12px 0px;
    font-size: 14px;
    line-height: 24px;
    color: #13151b;
    outline: 0;
    font-family: "Roboto-Bold";
    outline-style: none;
    box-shadow: inset 0px -1px 0px #f0f0f0;
    display: block;
}
.dl-menu > li .login_not a:nth-child(1):before {
  content: "\f007";
  font-size: 14px;
  margin-right: 6px;
  font-family: "fontawesome";
}
.dl-menu > li .login_not a:nth-child(2):before {
  content: "\f090";
  font-size: 14px;
  margin-right: 6px;
  font-family: "fontawesome";
}

.login_box {
    display: flex;
    gap: 40px;
    align-items: center;
    position: relative;
}
.login_box  .list_user_login {
    list-style: none;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 175px;
    background: #fff;
    top: 56px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
    -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    -webkit-box-shadow: 0 0px 2px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 15%);
    z-index: 9;
}
.login_box:hover  .list_user_login {
  opacity:1;
  visibility: visible;
}

.login_box .list_user_login li a {
    padding: 12px;
    color: #13151B;
    display: flex;
    font-size: 14px;
    line-height: 24px;
    box-shadow: inset 0px -1px 0px #f0f0f0;
    justify-content: space-between;
}
.login_box .list_user_login li:last-child a {
  box-shadow: 0 0 0 0;
}
.login_box .list_user_login li:hover a {
  background: #F2F5FF;
}
.btn_hidden_sidebar {
      padding: 24px 9px !important;
      border-radius: 0 !important;
}

.footer-tab_content  .start-continue-retake-button {
  width: 180px;
  padding:8px 0;
  font-size: 16px;
  line-height: 24px;
}
.login_success  .avatar {
    padding: 12px 0;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
}
.login_success  .avatar p {
  font-size: 14px;
  font-family: "Roboto-Bold";
}
.login_success  .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.login_success .logout_btn{
    color: #0042FC;
    gap: 12px;
      justify-content: center;
    align-items: center;
}
.mobile-toc_content_post {
  margin-bottom: 24px;
}
.mobile-toc_content_post ul {
  padding: 0;
  margin: 0;
}
.mobile-toc_content_post ul li {
    list-style: none;
    margin: 0 0 8px 0;
}

.mobile-toc_content_post ul li a {
    color: #393F51;
    font-size: 14px;
    line-height: 24px;
    display: block;
}
.mobile-toc_content_post > ul {
    padding-left: 10px;
    border-left: 2px solid #E6E8EE;
}
.mobile-toc_content_post > ul ul.menu_level_1 {
    padding-left: 10px;
    padding-top: 8px;
}

.mobile-toc_content_post > ul ul.menu_level_1 > li {
  margin-bottom: 4px;
}
.mobile-toc_content_post > ul ul.menu_level_1 li a {
  color: #393f51;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
    display: block;
    position: relative;
  padding-left: 12px;
}
.mobile-toc_content_post > ul ul.menu_level_1 li a:before{
      content: "\f111";
    font-family: "fontawesome";
    font-size: 5px;
    color: #393F51;
    position: absolute;
    left: 0;
    top: 0;
}

#comment_box_mobile .star_box {
  padding: 16px;
  border-bottom: 1px solid #e6e8ee;
  border-top: 1px solid #e6e8ee;
}

.single-courses #comment_box_mobile .star_box_clear.active_box .comment-form-comment {
  display: block;
}

.dl-menuwrapper {
    z-index: 9;
}
.active_box_mobile_post .download__document{
    display: block;
    width: 100%;
    background: #0042FC;
    text-align: center;
    padding: 8px 16px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.dl-menuwrapper ul .title__menu a {
  font-family: "Roboto-Bold";
  color: #9199B2;
}

.toc_content_single > ul {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    border-left: 2px solid #e6e8ee;
}
.toc_content_single ul li {
  list-style: none;
    margin: 0 0 4px 0;
    line-height: inherit;
}
.toc_content_single > ul > li > a {
      color: #393f51;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
    display: block;
    position: relative;
}
.toc_content_single ul li a {
    color: #393f51;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
    display: block;
    position: relative;
}
.toc_content_single > ul .menu_level_1 {
    padding-left: 10px;
}
.toc_content_single > ul .menu_level_1 > li > a {
      padding-left: 12px;
}

.toc_content_single > ul .menu_level_1 > li > a:before {
  content: "\f111";
    font-family: "fontawesome";
    font-size: 5px;
    color: #393F51;
    position: absolute;
    left: 0;
    top: 0;
}

.toc_content_single ul li a:hover {
      color: #0042fc;
}
.toc_content_single {
  margin-bottom: 20px;
  display: none;
}


#mobile-primary-menu .dl-submenu .item {
  position: relative;
}

.footer_page-course {
    text-align: center;
    display: flex;
    justify-content: space-around;
    padding: 8px 16px;
    align-items: center;
    gap: 20px;
}
.footer_page-course  strong {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto";
    font-weight: 500;
}
.footer_page-course  a.button__cart__checkout {
    padding: 8px 0;
    background: #0042FC;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    width: 75%;
}
.tt__course_mobile {
  display: none;
}
/*css home*/
/*@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');*/
.page-id-1121 {
/*  background:url(../images/nen.jpg)no-repeat;
  background-size: 100%;*/
}
.home .swiper-button-next {
    width: 50px;
    height: 50px;
    background: #000;
    right: 20px;
    border-radius: 100%;
}
.home .swiper-button-next:after {
  color: #fff;
  font-size: 20px;
}
.home  .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: #000;
    left: 20px;
    border-radius: 100%;
}
.home  .swiper-button-prev:after {
  color: #fff;
  font-size: 20px;  
}
.header__home__section {
    background: linear-gradient(180deg, #F2F6FF 0%, rgba(217, 217, 217, 0.00) 100%);
    position: relative;
}
.header__home__section .img__positon__header {
     height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 30%; 
}



.header__home {
    padding: 30px 0 80px;
    max-width: 816px;
}
.title__heading__home {
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 77px;
  color: #0042FC;
font-family: "Inter-Bold";
}
.title__heading__home::first-letter{
  color: #F66B2D;
  text-transform: uppercase;
}
.title__heading__lear {
  line-height: 77px;
  color: #000;
  font-size: 40px;
  font-weight: 600;
  font-family: "Inter-Bold";
}
.title__deployment {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-family: "Inter-Bold";
    line-height: 60px;
    margin-bottom: 10px;
    position: relative;
}
.title__heading__home__des {
  font-size: 30px;
  color: #666;
  font-family: "Inter-Bold";
  margin-bottom: 50px;
}
.title__heading__home__des span {
    font-size: 50px;
    text-transform: uppercase;
    color: #F66B2D;
    font-family: "Inter-Bold";
    padding-left: 125px;
    position: relative;
    margin-left: 12px;
}
.title__heading__home__des span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 110px;
    height: 8px;
    background: #F66B2D;
    bottom: 12px;
}

.title__deployment span {
  color: #F66B2D;
  position: relative;
  display: inline-block;
  z-index: 2;
}

.title__deployment b {
    display: inline-block;
    opacity: 0.4;
    background: #FBEA5D;
    width: 465px;
    height: 25px;
    left: 0;
    bottom: 10px;
    position: absolute;
}
.list__lear {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;
}
.list__lear .item__lear {
  width: calc(50% - 22px);
}
.item__lear {
    border-radius: 200px;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 246, 239, 0.00) 100%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 5px 5px 5px 5px;
}
.item__lear a {
    display: flex;
    align-items: center;
    gap: 20px;
}
.item__lear a .img__lear {
  display: block;
  width: 55px;
  min-width: 55px;
  height: 55px;
  border: 1px solid #F0F0F0;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.item__lear a .img__lear img {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin:auto;
}
.item__lear a label {
  font-size: 20px;
  color: #000;
  display: block;
  margin:0;
  padding: 0;
}
.marketing__home {
    overflow: hidden;
    clear: both;
    background: #fff;
    border-radius: 200px;
    border: 2px dashed #ECECEC;
    display: flex;
    align-items: center;
    margin-bottom: 150px;
}
.marketing__home .left__mark {
    width: 45%;
    padding: 30px;
    border-radius: 200px;
    background: #FFF6EF;
    float: left;
    display: flex;
    align-items: center;
    gap: 20px;

}
.marketing__home .left__mark .icon__mark {
  min-width: 80px;
    width: 80px;
    height: 80px;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    position: relative;
}
.marketing__home .left__mark .icon__mark img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;

}
.marketing__home .left__mark .tt__mark {
font-size: 30px;
    font-family: "Inter-Bold"
}
.marketing__home .left__mark .tt__mark label {
  margin: 0;
  color: #F66B2D;
}
.right__mark {
    padding: 10px;
    width: calc(100% - 45%);
    float: right;
    display: flex;
    gap: 20px;
}
.item__mark {
  width: 100px;
  height: 100px;
  min-width: 100px;
} 
.item__mark a {
  display: block;
  line-height: 0;
  position: relative;
}
.item__mark a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    border-radius: 100%;
}
.item__mark img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100%;
}
.item__mark a span {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "Inter-Bold";
    left: 0;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 30px;
    margin: auto;
    height: 30px;
    overflow: hidden;
    z-index: 2;
}
.layout__assist {
  display: flex;
  clear: both;
  align-items: center;
  gap: 35px;
}
.layout__assist .left__assist {
    width: 52%;
    float: left;
}
.layout__assist .right__assist {
  width: 48%;
  float: right;
}
.innner__assist {
  padding: 50px 30px 40px;
  border-radius: 20px;
  background: #FFF;
  position: relative;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}
.innner__assist:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 92px;
    height: 92px;
    background: url(../images/Frame.png);
}
.item__assist {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 30px;
}
.item__assist:last-child {
  margin-bottom: 0;
}
.item__assist .img__assist {
  min-width: 65px;
  height: 65px;
  width: 65px;
  border: 1px solid #E9E9E9;
  border-radius: 100%;
  position: relative;
}
.item__assist .img__assist img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin:auto;
  bottom: 0;

}
.content__assist h3 {
  color: #000;
  font-size: 25px;
  font-family: "Inter-Bold";
  margin-bottom: 30px;
  line-height: 30px; 
  position: relative;
}
.content__assist h3:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 20px;
    height: 5px;
    background: #F66B2D;
}
.content__assist p {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 0;
}
.assist__section {
  padding-bottom: 190px;
}
.section__tab__course {
  padding-bottom: 150px;
}
.section__tab__course #tabs-nav {
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
}
.section__tab__course #tabs-nav li {
    list-style: none;
    background: #333333;
    border-radius: 30px;
    padding: 13px 20px;
    min-width: 145px;
    text-align: center;
}

.section__tab__course ul#tabs-nav li:hover,
.section__tab__course ul#tabs-nav li.active {
  background-color: #0042FC;
}
.section__tab__course #tabs-nav li a {
  text-decoration: none;
  color: #FFF;
}
.box__cate__child__home {

    overflow: hidden;
    clear: both;
    margin-bottom: 30px;

}
.box__cate__child__home .item__cate__home__tab {
    width: 18.2%;
    margin-right: 30px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
}
.box__cate__child__home .item__cate__home__tab:nth-child(5n) {
  margin-right: 0;
}
.item__cate__home__tab a  {
    width: 100%;
    height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.item__cate__home__tab a:hover {
      background: linear-gradient(121deg, rgba(0, 30, 249, 0.70) 0%, rgba(237, 73, 17, 0.70) 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.item__cate__home__tab a span {
    color: #fff;
    font-size: 23px;
    font-family: "Inter-Bold";
}
.box__tab__content__post {
  border-radius: 10px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  padding: 30px;
  display: flex;
  gap: 30px;
}
.box__tab__content__post .left_tab__post__home {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
}
.tem__post__vetical {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2E2E2;
}
.tem__post__vetical:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.tem__post__vetical h3  {
  margin-bottom: 5px;
}
.tem__post__vetical h3 a {
    display: block;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-family: "Inter-Medium";
    height: 60px;
    overflow: hidden;
}
.meta__date span {
  color: #666;
  font-size: 16px;
}
.post__home__ove {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.post__home__ove > a > img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  position: relative;
}
.cont__post__ove {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
}
.post__home__ove h3 {
  margin-bottom: 10px;
}
.post__home__ove h3 a {
    display: block;
    color: #fff;
    font-family: "Inter-Bold";
    font-size: 25px;
    line-height: 33px;
    position: relative;
    z-index: 9;
}
.post__home__ove .meta__date span {
  color: #fff;
  font-size: 15px;
    position: relative;
    z-index: 9;
}
.post__home__ove:after {
/*  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;*/
      content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#000 65%,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(65%,#000),to(#000));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 65%,#000 100%);
    opacity: .6;
    z-index: 2;
}
.post__home__ove a {
  display: block;
  line-height: 0;
}
.title__heading__home__3 {
  padding-left: 75px;
  position: relative;
  margin-bottom: 60px;
}
.title__heading__home__3:after {
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    height: 10px;
    background: #F66B2D;
    display: block;
    top: 25px;
}
.title__heading__home__3 label{
    font-family: "Inter-Bold";
    font-size: 46px;
    color: #F66B2D;
    display: block;
}
.title__heading__home__3 ins {
  position: relative;
}
.title__heading__home__3 ins span {
    font-family: "Inter-Bold";
    font-size: 46px;
    color: #0042FC; 
    display: block;
    position: relative;
    z-index: 2;
}
.title__heading__home__3 ins b {
    display: inline-block;
    opacity: 0.4;
    background: #FBEA5D;
    width: 247px;
    height: 25px;
    left: 0;
    bottom: 5px;
    position: absolute;
}
.section__customer_h {
  position: relative;
}
.section__customer_h:after {
    content: "";
    position: absolute;
    width: 190px;
    height: 738px;
    background: url(../images/Group91.png)no-repeat;
    top: 0;
    right: 0;
}
.section__customer__home {
    max-width: 1170px;
    margin-bottom: 180px;
}
.list__customer__imglink .img__customer a {
  display: block;
  line-height: 0;
  margin-bottom: 20px;
  width: 100%;
  height: 90px;
}
.img__customer a {
  border: 1px solid #ddd;
  position: relative;
}
.img__customer a img {
  width: auto !important;
  height: auto !important;
  max-height: 45px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin:auto;
}
.list__customer__imglink .img__customer a:last-child {
  margin-bottom: 0;
}
.list__customer__imglink  .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.list__customer__imglink  .owl-dots button {
    margin: 0 !important;
    line-height: initial;
    height: inherit;
    min-height: inherit;
}
.list__customer__imglink  .owl-dots span {
    width: 8px;
    height: 8px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
}
.list__customer__imglink  .owl-dots button.active span {
    background: #F66B2D;
    width: 16px;
}


.list__comment__home   .owl-dots {
    text-align: left;
    margin-top: -50px;
    z-index: 99;
    position: relative;
    padding-left: 257px;
}

.list__comment__home   .owl-dots button {
    margin: 0 !important;
    line-height: initial;
    height: inherit;
    min-height: inherit;
}
.list__comment__home   .owl-dots span {
    width: 8px;
    height: 8px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
}
.list__comment__home   .owl-dots button.active span {
    background: #F66B2D;
    width: 16px;
}

.bg__cus__home {
  display: inline-block;
    width: 132px;
    height: 17px;
    margin:40px 0;
  background: url(../images/Vector-3.png)no-repeat;
}
.des__cus__home {
    color: #333;
    font-size: 18px;
    line-height: 25px;
    max-width: 771px;
    margin-bottom: 40px;
}
.number__cus__home {
    max-width: 771px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.number__cus__home .item__number__home {
max-width: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    padding: 15px 30px;
    border-radius: 5px;
    background: url(../images/border.svg)no-repeat;
    background-size: 100%;
    height: 142px;
    width: 220px;
}
.item__number__home span {
  display: block;
  color: #F66B2D;
  font-size: 40px;
  font-family: "Inter-Bold";
  line-height: 45px;
  margin-bottom: 5px;
}
.item__number__home p{
  margin: 0;
  line-height: 22px;
  font-size: 16px;
}

.title__heading__home > span {
    color: #F66B2D;
    padding-left: 50px;
    background: url(../images/icons-2.png) left center no-repeat;
    font-size: 46px;
}
.list__comment__home  .inner__cm__cus {
    display: flex;
    align-items: center;
    padding: 60px;
    gap: 30px;
    background: url(../images/neny.jpg)no-repeat;
    border-radius: 10px;
    background-size: cover;
    position: relative;
}
.list__comment__home  .inner__cm__cus:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 120px;
    background: url(../images/Frame-1000004368.png)no-repeat;
}
.list__comment__home  .inner__cm__cus .img__comment__cus {
    max-width: 165px;
    -ms-flex-preferred-size: 165px;
    flex-basis: 165px;
    min-width: 165px;
    background: url(../images/hinhtron.png)no-repeat;
    background-size: cover;
    height: 165px;
    padding: 10px;
    overflow: hidden;
    border-radius: 100%;
    display: block;
    position: relative;
}
.list__comment__home .inner__cm__cus .img__comment__cus img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 100%;
    min-width: 150px;
    min-height: 150px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}
.use__cm {
  display: block;
  color: #000;
  font-size: 25px;
  font-family: "Inter-Bold";
  margin-bottom: 5px;
  line-height: 30px;  
}
.content__comment_cus ins {
  display: block;
  color: #F66B2D;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 23px;
  font-family: "Inter-Bold";  
}
.cm__comt {
    font-size: 18px;
    line-height: 24px;
    max-height: 48px;
    color: #333;
    overflow: hidden;
    padding-left: 40px;
    background: url(../images/1a.png)no-repeat;
    max-width: 75%;
}
.section__comment .title__heading__home {
    margin-bottom: 30px;
    font-size: 46px;
}
.section__comment {
  padding-bottom: 150px;
}
.inner__event {
border-radius: 10px;
    border: 1px solid #DCDCDC;
    background: url(../images/Group1997.png) top 30px center no-repeat #FFF;
    padding: 60px 30px 30px;
    display: flex;
    gap: 30px;
}
.title__ev {
position: relative;
}
.title__ev span {
  font-family: "Inter-Bold"; 
  font-size: 40px;
  display: block;  
  line-height: 50px;
  margin-bottom: 30px; 
  position: relative;
  z-index: 2;
}
.title__ev b {
display: inline-block;
    opacity: 0.4;
    background: #FBEA5D;
    width: 145px;
    height: 25px;
    left: 0;
    bottom: 2px;
    position: absolute;
}
.right__event .title__ev {
  color: #F66B2D;
}
.left__event {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; 
}
.right__event {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 40px;
}
.item__event .time__event{
  font-size: 20px;
  color: #F66B2D;
  font-family: "Inter-Bold"; 

  margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/Group.png)left center no-repeat;
}
.item__event h3 {
  margin-bottom: 10px;
}
.item__event h3 a {
    display: block;
    color: #000;
    font-size: 20px;
    font-family: "Inter-Medium";
    line-height: 28px;
    min-height: 56px;
    max-height: 56px;
    overflow: hidden;
}
.list__event {
    height: 488px;
    overflow: auto;
    overflow-y: scroll;
    position: relative;  
}
.list__connect {
    height: 488px;
    overflow: auto;
    overflow-y: scroll;
    position: relative;    
}
.list__event::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
    border-radius: 6px;
}

.list__event::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff
}

.list__event::-webkit-scrollbar-thumb {
    background-color: #fde1d5;
    height: 15px;
}


.list__connect::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
    border-radius: 6px;
}

.list__connect::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff
}

.list__connect::-webkit-scrollbar-thumb {
    background-color: #fde1d5;
    height: 15px;
}


.item__event {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E2E2E2;
}
.item__event:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.meta__event span ,
.meta__event  {
  color: #666;
  font-size: 16px;
  font-family: "Inter";
}
.meta__event {
  font-family: "Inter-Medium";
}
.list__connect {
  padding: 15px 30px;
  border-radius: 5px;
  background: #FAFAFA;
}
.list__connect .item__connect {
    display: flex;
    padding: 0 0 15px;
    gap: 20px;
    border-bottom: 1px solid #E2E2E2;
    align-items: center;
    margin-bottom: 15px;
}
.list__connect .item__connect:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.img__connect {
  width: 62px;
  min-width: 62px;
  max-width: 62px;
}
.button__connect {
  width: 85px;
  min-width: 85px;
  max-width: 85px;

}
.cont__connect {
    flex: 1;
}
.button__connect a {
  display: block;
  width: 100%;
  background: #fff;
  color: #0042FC;
  border: 1px solid #0042FC;
  border-radius: 30px;
  text-align: center;
  font-family: "Inter-Medium";
  padding: 10px 0;
}
.cont__connect h3{
  color: #000;
  font-size: 20px;
  font-family: "Inter-Bold"; 
  line-height: 26px;
  margin-bottom: 3px;  
}
.cont__connect p {
  font-size: 16px;
  color: #666;
  font-family: "Inter-Medium";
  line-height: 23px;
  margin-bottom: 0;
}
.cont__connect span {
  display: block;
  color: #666;
  font-size: 14px;
}
.event__section {
  padding-bottom: 150px;
}

/*footer*/
.footer__content {
background: #fff;
    overflow: hidden;
    padding: 50px 0;
    padding-top: 240px;
    margin-top: -190px;
}
.footer__content .col {
  float: left;
}
.footer__content li {
  list-style: none;
}
.footer__content .widget__footer__1 {
    width: 36%;
    padding-right: 10%;
}
.footer__content .widget__footer__2 {
  width: 16%;
}
.footer__content .widget__footer__3 {
  width: 16%;
}
.footer__content .widget__footer__4 {
  width: 16%;
}
.footer__content .widget__footer__5 {
  width: 16%;
}
.footer__content .widgettitle {
  color: #333;
  font-size: 18px;
  font-family: "Inter-Bold"; 
  line-height: 30px;
  margin-bottom: 10px;  
}
.footer__content ul.menu {
  margin: 0;
  padding: 0;
}
.footer__content ul.menu li a{
  color: #666666;
  font-size: 14px;
  line-height: 26px;
}
.footer__content p {
  color: #333;
   font-size: 14px;
  line-height: 26px;
  margin-bottom: 0; 
}
.footer__content img {
  margin-bottom: 15px;
}
.socical__footer {
  padding-top: 20px;
}
.socical__footer a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  border-radius: 100%;
  background: #0042FC;
}
.befoter__footer .contact__form__footer {
    background: url(../images/imagetb.png)top left no-repeat #0042FC;
    border-radius: 15px;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    gap: 310px;
}
.left__form__footer {
    flex: 1;
    padding-left: 50px;
}
.right__form__footer {
  width: 350px;
  max-width: 350px;
  min-width: 350px;
}
.from__footer h3 {
  font-size: 40px;
  color: #fff;
  font-family: "Inter-Bold"; 
  margin-bottom: 10px;
  line-height: 45px;  
}
.des__form {
  font-size: 18px;
  color: #fff;
  line-height: 29px;
  margin-bottom: 30px;
}
.form__content__footer {
  background: #fff;
  padding: 10px;
  border-radius: 50px;
}
.form__content__footer input[type='email'] {
    width: calc(100% - 200px);
    border: 0;
    outline-style: none;
    font-size: 18px;
    color: #333;
    padding-left: 65px;
    background: url(../images/email-icon.png)left center no-repeat;
    line-height: 54px;

}

.form__content__footer input[type='submit'] {
width: 200px;
    background: #F66B2D;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border: 0;
    outline-style: none;
    font-family: "Inter-Bold";
    border-radius: 40px;
    line-height: 54px;
}
.coppyright__footer {
  text-align: center;
  padding: 30px 0;
}
.hidden_button_slider {
  display: none !important;
}








































/*Mobile css*/








@media screen and (max-width: 1440px) {
    body.home:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 30px;
      height: 160px;
      background: url(../images/Group1.png)no-repeat;
      z-index: 2;
      background-size: contain;
    }
  .tab__course__login {
        gap: 24px;
  }
  .box__top__botton {
        justify-content: space-evenly;
  }
  .main__cate.main__black .list__cate__parent {
    margin-bottom: 20px;
  }
  .couse__blog__case .item__case__study a img {
    height: 235px;
  }
  .tt__child__cd {
    font-size: 32px;
    line-height: 40px;
  }
  .category__child {
    height: 165px;
  }

  .title__main__home {
      font-size: 40px;
      color: #13151b;
      line-height: 56px;
      margin-bottom: 30px;
  }
    .img__lv img{
    height: 450px;
  }
  .screen__full {
    padding-bottom: 30px;
    justify-content: space-between;
  }
  .colum__cour__cate__des {
    min-height: inherit;
  }
}


@media screen and (max-width: 1300px) {
    .container-xl {
      max-width: 1200px;
      padding: 0 6px;
    }

    #ftwp-container {

      width: 205px;

    }
    .couse__blog__case .item__case__study a img {
      height: 210px;
    }
    .img__lv img {
      height: 450px;
    }
    .navbar .header-nav > li {
      padding: 0px 15px;
  }
    .left__one__tt {
      width: 50%;
      min-width: 50%;
  }
  .right__one__tt {
      width: 50%;
      min-width: 50%;
  }
  .category__child {
    height: 175px;
  }
    .list__cate__posts .item__post__cate a img {
    height: 289px;
  }

    .main__course {
    width: 100%;
   padding: 0 16px;
    margin: 0;
  }
  .single__detail__course {
    width: 100%;
  }

}


@media screen and (max-width: 1253px) {

  .single__detail__course {
    width: 100%;
  }
  .login__course__content {
     grid-template-columns: 300px 1fr 0;
  }
  .hidden_sidebar-content.login__course__content,
  .hidden_sidebar-content.login__course__content.course-content_video  {
        grid-template-columns: 1fr minmax(752px,936px) 1fr;
  }
  .login__course__content.course-content_video {
      grid-template-columns: 300px 1fr 0;
  }
  .title__corse__login {
    width: 30%;
  }
  .title__corse__login h1 {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
  }
  .tutor-spotlight-mobile-progress-complete  {
    display: none !important;
  }


}








@media screen and (max-width: 1200px) {
  

   .container-xl {
      max-width: 1140px;
   } 
   .navbar .header-nav > li {
    padding: 0 10px;
   }
   .couse__blog__case .item__case__study a img {
    height: 185px;
   }
   .screen__full .screen__left__content {
      min-width: 35%;
      width: 35%;
  }
  .screen__full .screen__right__content {
    min-width: 40%;
    width: 40%;
  }
  .right__one__tt {
      width: 50%;
      min-width: 50%;
  }
  .left__one__tt {
      width: 50%;
      min-width: 50%;
  }
  .tt__child__cd {
      font-size: 30px;
      line-height: 42px;
  }
  .item__case__study .content__item__case__study h3 a {
    font-size: 16px;
    line-height: 24px;
    height: 72px;
  }
  .text__main__kdi {
    font-size: 200px;
  }
  .colum__right__cate img {
    max-width: 35%;
  }
  .content__main__home .main__right {
      min-width: 40%;
      width: 40%;
  }
  .content__main__home .main__left {
    min-width: 55%;
    width: 55%;
  }
  .category__child {
    height: 160px;
  }

.couse__lv__layout .lef__cr__lv {
    width: 35%;
    min-width: 35%;
}
.right__cr__lv {
    width: 65%;
    min-width: 65%;
    padding-left: 24px;
}
.suggestion-text a {
  font-size: 13px;
}


}



@media (max-width: 1024px) {
#topbar__menu {
  display: none;
}
body:before {
  content: "";
  display: none;
}
.header__home__section .img__positon__header {
  display: none;
}
.inner__event {
      flex-direction: column;
}
.left__event ,
.right__event{
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;

}
.tt__course_mobile {
  display: block;
}
.menu__fix__toc > #ftwp-postcontent {
    width: 100%;
}
.toc_content_single {
  display: block;
}
.main__course__content figure {
  margin-bottom: 32px;
}
.main__course__content figure > img {
  margin-bottom: 0;
}
.active__mobile__mn #mobile-primary-menu ,
.active__mobile__mn .logo,
.active__mobile__mn .header__card .card__mn__cart {
  display: none;
}
.active__mobile__mn .devsite-top-logo-row-middle {
    display: block;
    position: initial;
}
.devsite-top-logo-row-middle .seach__all__web {
    position: initial;  
}
.active__mobile__mn .typeahead-suggestions{

    width: calc(100% - 32px);
    margin: auto;
    right: 0;
    top: 71px;

}
.suggestion-text a b {
    width: 50px;
    display: block;
    line-height: 24px;
    overflow: hidden;
    height: 24px;
}
html #wpadminbar {
  display: none;
}
.title__use__manage {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
}
.manage__use__setting {
  padding: 30px 16px;
}
.section__use__manage {
  padding: 16px;
  max-width: 100%;
}
.pix-header  {
  box-shadow: 0 0 0 0;
}

.site-content .tutor-wrap {
  padding: 0;
}
.post-type-archive-courses  .tutor-wrap {
  padding: 0 16px;
}
.devsite-top-logo-row-middle {

display: none;

}
.giatien__khoahoc, .pri__course__order {
  width: 50%;

}
.ten__khoahoc, .list__item__login__cartorder .name__course__order {
  width: 50%;
}
.header__order__cart span.ngay__khoahoc  {
  display:none;
}
.list__don .time__course__order {
  display: none;
}

.main__document__wrap {

  width: 100%;

  flex-direction: column-reverse;

  padding: 0 16px;

  flex-direction: column-reverse;

  gap: 32px;

}
.top__padding {
  padding: 0 16px;
  overflow: hidden;
}
.tax-danh-muc-kt-chuyen-nganh .top__padding {
  padding: 0;
}
.post-type-archive-courses .top__padding {
  padding: 60px 0 40px;
}
.banner__category {
  max-height: inherit;
  min-height: inherit;
  padding: 16px 16px;
}
.quote--image {
  display: none;
}
.hero-content-offset {
  margin-right: 0%;
  flex-basis: 100%;
  max-width: 100%;

}
.title__category__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 16px;
}
.hero-content-offset img  {
  margin-bottom: 24px;
}
.des__category__course p {
  margin-bottom: 16px;
}
.tab__chuongtrinh .time__c {
  display: none;
}
.tab__chuongtrinh .time_lession {
  display: none;
}
.sub__nth__3 {
  padding: 16px;
  padding-top: 0;
}
.item__lear__course__step > .sub-btn-course {
  color: #13151b;
  font-size: 14px;
  line-height: 24px;
  font-family: "Roboto-Bold";
}
.main__course__content {
  padding: 16px;
  margin: 0;
}
.header__fix__course {
  padding: 12px 16px 12px 16px;
  justify-content: space-between;
}
.content__main__home {
      flex-direction: column-reverse;
}

.container-xl {
  max-width: 100%;
}
.title__file__tk {
  font-size: 32px;
  line-height: 40px;
}
.box__first__course {
  padding: 0 16px;
}
.box__colum__course__cn {
  padding: 20px;
}
.team__file:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.list__file__all {
  padding-top: 0;
}
.list__file__all a {
  width: 100%;
  text-align: center;
}
.box__tt__kh__box .time__c {
  display: none;
}
.box__tt__kh__box .time__clock {
  display: none;
}
.main__course {
  width: 100%;
}
.title__corse__login h1 {
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.team__file {
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.tab__course__login {
    gap: 10px;
}












}











@media screen and (max-width: 1024px) {
.course__cart__all {
  padding: 40px 16px;
}
.cart__container .cart__left {
  width: 100%;
}
.cart__container .cart__right {
  width: 100%;
}
.title__detail__cou {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
}
  .content__main__home .main__left {
    width: 100%;
  }
  .content__main__home .main__right {
    width: 100%;
  }

  .navbar .login_button {
    display: none;
  }
  .dl-menuwrapper > ul {
    margin-top: 0 !important;
    padding: 0 16px;
  }
  .dl-menuwrapper .dl-menu {
    top: 49px;

    border-top: 1px solid #F0F0F0;
  }
  #mobile-filter_cate .dl-menu {
        top: initial;
  }

  .navbar {
    height: 70px;
    padding: 0 16px;
    position: relative;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
  }
  .navbar  .dl-menuwrapper button {
    padding: 0 !important;
  }

  .header__card {
    gap:30px;
  }
  .logo {
    margin-left: 20px;
  }
  .dl-menu > li {
   box-shadow: inset 0px -1px 0px #F0F0F0;
  }
  .dl-menuwrapper > ul > li > a {
    padding: 12px 0px;
    font-size: 14px;
    line-height: 24px;
    color: #13151b;
    outline: 0;
    font-family: "Roboto-Bold";
      outline-style: none;
  }
  .dl-menuwrapper > ul > li li a {
      padding: 12px 0px;
    font-size: 14px;
    line-height: 24px;
    color: #13151b;
    outline: 0;  
  }
   .dl-menuwrapper > ul > li li {
      box-shadow: inset 0px -1px 0px #F0F0F0; 
   }
    .dl-menuwrapper > ul > li li.dl-back > a {
    background: #fff;
    font-family: "Roboto-Bold";
    text-align: center;
    display: block;
    padding-left: 0 !important;
      outline-style: none;
    }
   .dl-menuwrapper li a i{
      /*color: #13151B;*/
     /*font-size: 16px;*/
  }
  .dl-menuwrapper li.dl-back:after {
    font-size: 17px;
    line-height: 48px;
    font-weight: 700;

  }
  .filter-course-mobile {
    padding: 0 16px;
  }


  .lv__course {
    text-align: left;
    color: #13151b;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 24px;
    padding: 0 16px;
  }
  .filter__course {
      flex-direction: column;
      gap: 8px;
  }
  .filter__course .sort-select .title_sapxep {
    display: none;
  }
 .filter__course .seach__text {
    width: 100%;
    min-width: 100%;
  }
  .filter__course .scrolling_inner .filter-item {
    width: 50%;
  }
  .sort-select .click-sort {
    min-width: 100%;
    margin: 0;
  }
  .scrolling_inner {
    width: 100%;
    gap:8px;
  }
  .course__section .course__item {
      width: 100%;
      padding: 0 0 20px 0;
      overflow: hidden;
      margin: 0 0 20px 0;
      border-bottom: 1px solid #E6E8EE;
  }
  .course__section .course__item  .flex__time {
justify-content: flex-start;
    gap: 24px;
  }
  .course__section .course__item .content__course h3 {
    margin-bottom: 10px;
}
  .course__section {
    margin: 0;
  }
  .course__section .course__item  .course__img {
    float: right;
    width: 111px;
  }
  .course__section .course__item  .content__course {
    float: left;
    width: calc(100% - 111px);
    padding:0 16px 0 0 ;
  }
  .course__section .course__item .course__img a > img {
    height: 98px;
  }
  .seac__t__fil {
    width: 100%;
  }
  .u-detail-course .u-detail-block-left {
    width: 100%;
  }
  .tab__scoll__single {
    margin-bottom: 60px;
  }
  .title__sg__course {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 16px 0;
  }
  .mt__gv {
    display: none;
  }
  .seach__form {
    padding: 16px;
  }
  .seach__all__web .seach__text__input {
        border: 1px solid #DADCE5;
  }
  .box__top__botton {
    padding: 40px 16px 0;
    overflow: hidden;
  }
  .main__cate  .list__cate__parent {
    padding: 0 0 0 16px;
    overflow-x: scroll;
    white-space: nowrap;
  box-shadow: inset 0px -1px 0px #f0f0f0;
  }
  .main__cate.main__black  .list__cate__parent  {
  box-shadow: 0 0 0 0;
  }
  .list__cate__parent a {
    font-size: 14px;
    line-height: 24px;
    padding: 8px 0;
  }
  .right__cr__lv {
    padding: 0;
    min-width: 100%;
    width: 100%;
  }
  .couse__lv__layout .lef__cr__lv {
    display: none;
  }
  .colum__cour__cate__des {
    min-height: inherit;
  }
  .couse__blog__case .owl-nav {
    top: initial;
  }
  .container-xl  {
    padding: 0;
  }
}


@media (max-width: 900px) {
    .knowledge {
      padding: 60px 16px;
    }
    .course__use__all {
      padding: 40px 16px;
    }
    .scrolling_inner {
/*      display: none;*/
    }
    .list__course__use__login {
          flex-direction: column;
    }
    .list__course__use__login .item__course__log {
      width: 100%;
      max-width: 100%;
    }
    .list__course__use__login .item__course__log .img__first__us__course img {
      width: 100%;
    }
    .content__main__home .main__right .img__main__lg img  {
    max-height: 200px;
    width: auto;
    display: block;
    margin: auto;
    }
    .title__main__home {
      font-size: 30px;
    }
    .login__course__content {
      display: block;
      min-width: 100%;
  }
/*  #content_course_page {
    display: block !important;
  }*/
  .fix__sidebar__course {
    display: none;
  }
  .hidden_sidebar-content.login__course__content {
      grid-template-columns: 1fr minmax(660px,660px) 1fr;
  }
  .hidden_sidebar-content.course-content_video {
   grid-template-columns: 1fr minmax(660px,660px) 1fr; 
  }
.section__customer_h:after {
  content: "";
  display: none;
}



}

@media (max-width: 600px) {
  .cm__comt {
    width: 100%;
  }
  .title__heading__lear {
    font-size: 18px;
    line-height: 35px;
    margin: 0 0 8px 0;
  }
  .title__deployment {
font-size: 28px;
  }
  .title__deployment {
    line-height: 45px;
  }
  .title__heading__home {
    font-size: 45px;
    line-height: 70px;
  }
.title__deployment b {
    display: inline-block;
    opacity: 0.4;
    background: #FBEA5D;
    width: 88%;
    height: 20px;
    left: 0;
    bottom: inherit;
    position: absolute;
    top: 19px;
}
.header__home {
    padding: 20px 10px 20px 40px;
    max-width: 100%;
    position: relative;
}
.header__home:before{

    content: "";
    width: 28px;
    height: 135px;
    background: url(../images/Grou.png)no-repeat;
    left: 0;
    top: 0;
    position: absolute;
}


.bg__cus__home {
  margin:20px 0;
}
.list__lear {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    overflow: scroll;
    padding: 0 0 20px 0;
}
.list__lear .item__lear {
    width: 245px;
    min-width: 245px;
}
.marketing__home {
    overflow: hidden;
    clear: both;
    background: #fff;
    border-radius: 0;
    border: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
  margin-bottom: 50px;
}
.marketing__home .left__mark {
  width: 100%;
}
.marketing__home .left__mark {
  padding: 9px;
  border-radius: 50px;
}
.marketing__home .left__mark .tt__mark {
    font-size: 18px;
    font-family: "Inter-Bold";
    line-height: 28px;
}
.right__mark {
    padding: 10px;
    width: 100%;
    float: none;
    display: flex;
    gap: 20px;
    flex-direction: row;
    overflow: scroll;
    flex-wrap: nowrap;
}
.assist__section {
  padding: 15px 10px;
  margin-bottom: 70px;
}
.title__heading__home__des {
  font-size: 18px;
}
.title__heading__home__des span {
  font-size: 30px;
    padding-left: 80px;
}
.title__heading__home__des span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 65px;
    height: 6px;
    background: #F66B2D;
    bottom: 8px;
}
.layout__assist {
      align-items: center;
    gap: 40px;
    flex-direction: column;
}
.layout__assist .left__assist {
  width: 100%;
}
.layout__assist .right__assist {
  width: 100%;
}
.item__mark {
      width: 72px;
    height: 72px;
    min-width: 72px;
}
.item__mark img {
      width: 72px;
    height: 72px;
}
.item__mark a span {
  font-size: 13px;
}
.innner__assist {
  padding: 25px 15px;
}
.item__assist .img__assist {
      min-width: 38px;
    height: 38px;
    width: 38px;
}
.content__assist h3 {
  font-size: 20px;
}
.content__assist p {
  font-size: 17px;
}
.item__assist {
  gap:15px;
}
.section__tab__course #tabs-nav {
      gap: 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: scroll;
}
.section__tab__course {
  padding: 15px 10px;
}
.section__tab__course #tabs-nav li {
    list-style: none;
    background: #333333;
    border-radius: 30px;
    padding: 10px 15px;
    min-width: 150px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.box__cate__child__home {
    overflow: scroll;
    clear: both;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
}
.box__cate__child__home .item__cate__home__tab {
    width: 50%;
    margin-right: 0;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    min-width: 50%;
}
.box__tab__content__post {
    border: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.box__tab__content__post .left_tab__post__home {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.post__home__ove > a > img {
  height: 400px;
}
.view__all__post a {
      display: block;
    text-align: center;
    border: 1px solid;
    padding: 10px;
    border-radius: 7px;
}
.title__heading__home__3 label,
.title__heading__home__3 ins span {
  font-size: 35px;
}
.title__heading__home__3 ins b {
  width: 195px;
}
.title__heading__home__3 {
  margin-bottom: 35px;
}
.section__customer__home {
  max-width: 100%;
  padding: 15px 10px;
  margin-bottom: 50px;
}
.number__cus__home {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: scroll;
}
.number__cus__home .item__number__home {
    padding: 10px 20px;
    border-radius: 5px;
    background: url(../images/border.svg)no-repeat;
    background-size: 100%;
    height: 105px;
    width: 175px;
    min-width: 175px;
}
.item__number__home span {
    font-size: 31px;
    line-height: 35px;

}
.item__number__home p {
  font-size: 13px;
}
.des__cus__home {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    max-width: 100%;
    margin-bottom: 40px;
    text-align: justify;
}
.title__heading__home > span {
  font-size: 35px;
  display: block;
}
.section__comment .title__heading__home {
  font-size: 35px;
  line-height: 45px;
}

.section__comment {
    padding: 15px 10px;
    margin-bottom: 50px;
}
.list__comment__home .inner__cm__cus {
  padding: 30px;
    flex-direction: column;
}
.content__comment_cus {
  text-align: center;
}
.cm__comt {
    font-size: 16px;
    line-height: 26px;
    max-height: inherit;
    color: #333;
    text-align: justify;
}
.list__comment__home .owl-dots {
    text-align: left;
    margin-top: 0;
    z-index: 99;
    position: relative;
    padding-left: 0;
    text-align: center;
}
.event__section {
  padding: 15px 10px;
  margin-bottom: 50px;
}
.inner__event {
  padding: 15px;
      padding-right: 5px;
}
.left__event, .right__event {
  padding: 0;
}
.list__connect {
  padding: 15px 0;
}
.left__form__footer {
  padding-left: 0;
}
.befoter__footer .contact__form__footer {
  gap: 10px;
  padding: 30px;
flex-direction: column;
}
.form__content__footer input[type='email'] {
    width: 100%;
    margin-bottom: 15px;
    background: url(../images/email-icon.png)left center no-repeat #fff;
    border-radius: 30px;
}
.form__content__footer input[type='submit'] {
  width: 100%;
}
.form__content__footer {
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.footer__content {
    background: #fff;
    overflow: hidden;
    padding: 30px 10px;
    margin-top: 0;

}
.footer__content .widget__footer__1,
.footer__content .widget__footer__2,
.footer__content .widget__footer__3,
.footer__content .widget__footer__4,
.footer__content .widget__footer__5 {
    width: 100%;
    padding-right: 0%;
    display: none;
}
.footer__content .widget__footer__1 {
    display: block;
    text-align: center;
}

.coppyright__footer {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #ddd;
}
.coppyright{
    font-size: 14px;
    line-height: 25px;
}
.cont__connect h3 {
  font-size: 15px;
  line-height: 22px;
}

.img__connect {
     width:40px;
    min-width:40px;
    max-width:40px; 
}
.title__ev span {
  font-size: 35px;
}

#mask-content-body_callback {
  display: none !important;
}
.des__form {
  font-size: 16px;
}
.from__footer h3 {
    font-size: 30px;
    margin-bottom: 15px;
}

.right__mark::-webkit-scrollbar,.section__tab__course #tabs-nav::-webkit-scrollbar,.number__cus__home::-webkit-scrollbar,
.list__lear::-webkit-scrollbar { 
  height: 0 !important;
  display: none !important;  
}















}

@media (max-width: 480px) {
#scoll__content .tutor-row {
  margin: 0 !important;
}
.bottom__next a.next__cours {
  padding: 8px;
  font-size: 14px;
}
.title__corse__login {
    width: initial;
}
.dl-menuwrapper ul .title__menu a {
    font-family: "Roboto-Bold";
    color: #9199B2;
}
.like__course__cart {
    padding: 20px 16px;
}
.slider__like__course .owl-nav {
  display: none;
}
.like__course__cart .title__log__course {
  line-height: 40px;
  font-size: 32px;
}
.check__cart__all {
  gap:10px;
}
.cart__container .cart__right  {
  display: none;
}
.item__cart__course .cart__item__course {
    max-width: 100%;
    flex-basis: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    display: block;
}
.item__cart__course .cart__item__course .tt__course_mobile {
  display: block;
  clear: both;
  width: 100%;
  font-size: 12px;
  color: #9199B2;
  line-height: 24px;
}
.pirce__item__cart .delete__cart {
  width: 60px;
}
.pirce__item__cart{
    position: absolute;
    bottom: 0;
    right: 0;
}
.pirce__item__cart .price__cart  {
  display: none;
}
.item__cart__course .cart__item__course .img__cart__course {
    width: 111px;
    float: left;
    position: relative;
}
.item__cart__course .cart__item__course .content__cart__course {
  width: calc(100% - 111px);
  padding-left: 16px;
  float: right;
}
.title__cart__Course a {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.item__cart__course .cart__item__course .content__cart__course .tt__course {
  display: none;
}
.box__colum__course__cn .title__use__comment span {
  font-size: 14px;
}
.main__black .list__cate__parent a.active__cate,
.main__black .list__cate__parent a.active__cate i,
.main__black  .list__cate__parent a:hover {
  color: #fff;
}
.main__cate.main__black .list__cate__parent {
  margin-bottom: 24px;
}
.main__cate {
  padding: 0;
}
.couse__lv__layout {
  padding: 0 16px;
}
.colum__cour__cate__des {
      flex-direction: column;
}
.view__detail a {
  width: 100%;
  margin: 0 auto !important;
}
.left__one__tt,
.right__one__tt {
  width: 100%;
  padding: 0;
  max-width: 100%;
}
.left__one__tt {
  margin-bottom: 24px;
}
.right__one__tt {
  margin-bottom: 40px;
}
.box__cate__chude .colum__left__cd {
  width: 100%;
  min-width: 100%;
}
.button__cate__chd a {
  width: 100%;
  text-align: center;
}
.colum__left__cate {
  padding: 0 16px;
}
.colum__right__cate {
  display: none;
}
  .screen__full {   
   flex-direction: column;
    padding: 16px 16px 24px;
}
  .screen__full {
       flex-direction: column; 
 }
 .screen__full .title__main__home {
  font-size: 32px;
  line-height: 40px;
 }
 .des__screen {
  text-align: center;
 }
 .note__linhvuc {
  height: inherit;
 }
  .screen__full .screen__left__content ,
  .screen__full .screen__right__content ,
  .note__linhvuc {

    width: 100%;
    min-width: 100%;
  }
  .linh__vuc {
    flex-direction: column;
    padding: 0 16px;
  }
  .main__body__home {
    padding: 40px 0 20px;
}
  .linh__vuc .item__linhvuc.linhvuc__active {
    width: 100%;
  }
  .linh__vuc .item__linhvuc {
    width: 100%;
  }
  .img__lv img {
    height: 358px;
  }
  .content__main__home .typeahead__home  {
    display: none !important;
  }
  .title__main__home {
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 24px;
  }
   .content__main__home .main__right  {
    margin-bottom: 40px;
   }
   .des__main {
    text-align: center;
   }
   .seach__home .seach__text__input {
    flex-direction: column;
    border: 0;
   }
   .seach__home .seach__text__input button {
    width: 100%;
   }
  .content__main__home .main__right .img__main__lg img {
    max-height: 185px;
    display: block;
    width: auto;
    margin: auto;
  }
  .seach__form:before {
    width: 100%;
  }

  .star__price__seach {
    justify-content: space-between;
    margin-top: 16px;
    flex-direction: column;
      align-items: flex-start;
  }
  .price__seach{
    font-size: 14px;
    line-height: 24px;
  }
  .label__brand {
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: initial;
    align-items: initial;

  }
  .seach__mitem .use__single__document {
    margin-top: 16px;
  }
.label__brand::-webkit-scrollbar  { 
  height: 0 !important;
  display: none; 
}
  .content__mitem {
    max-width: calc(100% - 111px);
    padding-right: 10px;
    width: calc(100% - 111px);
  }
  .img__mitem {
    width: 111px;
    max-width: 111px;
  }
  .img__mitem a img {
    height: 98px;
  }
.seach__mitem h3 a {
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 2;
}
.des__mitem {
  display: none;
}
.partner {
  width: 24px;
  height: 24px;
  bottom: 8px;
  left :8px; 
}
.partner img {
  width: 24px;
  height: 24px;
}
.star_box {
  gap:24px;
}
span.devvn_perc_rating {
  height: 4px;
}
span.devvn_scala_rating {
  height: 4px;
}
.devvn_review_row {
  padding-bottom: 8px;
}
.devvn_stars_value i {
    font-size: 10px;
    margin: 0 -1px;
    color: #fece00;
    line-height: 4px;
}
.tab__reviews  .show_comment_system {
  display: none;
}
.title__gv {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}
.devvn_review_row .devvn_stars_value {
  line-height: 12px;
}
.star-average strong {
  font-size: 14px;
}
.star_box {
  margin-bottom: 0;
}
.comment_box_push {
  display: none;
}
.tt__gv {
    margin: 0;
    color: #393f51;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}
.atribuile__course li {
  margin-bottom: 2px;
}
.atribuile__course {
  margin-bottom: 0;
}
.content__teacher__course {
  margin-bottom: 16px;
}
.content__teacher__course:last-child {
  margin-bottom: 0;
}
.img__teacher {
    flex-basis: 110px;
    max-width: 110px;
}
.mota__teacher {
      flex-basis: calc(100% - 110px);
    max-width: calc(100% - 110px);
    padding-left: 16px;
}
  
.vision__section {
  overflow: hidden;
}
.about__section {
    padding: 60px 16px 28px;
}
.breadcrumbs {
  margin-bottom: 24px;
}
.tax-danh-muc-kt-chuyen-nganh .top__padding > .container-xl {
    padding: 0 0 0 16px;
}
.course__nth a {
    padding: 4px 0;
    font-size: 14px;
    line-height: 24px;
    height: 56px;
    border-bottom: 0;
}
.course__nth {
  margin-bottom: 8px;
}
.category__course {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px;
    padding: 0 16px;
}
.tax-danh-muc-kt-chuyen-nganh .category__course ,
.tax-course-category .category__course {
  padding: 0;
}
.list__cate__posts {
    margin: 0;
}
.list__cate__posts .item__post__cate {
    width: 100%;
    padding: 0 0 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row-reverse;
    border-bottom: 1px solid #E6E8EE;
}
.list__cate__posts .item__post__cate:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.list__cate__posts .item__post__cate .img__post__knowledge {
  width: 111px;
  min-width: 111px;
}
.list__cate__posts .item__post__cate .content__post__knowledge {
  width: calc(100% - 111px);
  padding: 0 16px 0 0;
}
.list__cate__posts .item__post__cate a img {
  height: 98px;
}
.list__cate__posts .item__post__cate .content__post__knowledge h3 a {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
}
.list__cate__posts  .des__knowledge {
  display: none;
}
.knowledge__section {
    padding: 0 16px 60px;
}

.list__route__know .item__first__cours {
    margin-bottom: 32px;
}
.item__first__cours {
  flex-direction: column-reverse;
}
.tt__cb__use {
    font-size: 24px;
    line-height: 32px;
    color: #13151b;
    margin-bottom: 8px;
    max-height: 32px;
    overflow: hidden;
    font-family: "Inter-Medium";
}
.des__cb__use {
    color: #393f51;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    max-width: 100%;
    max-height: 72px;
    overflow: hidden;
}
.item__first__cours .line__time {
    border-top: 1px solid #E6E8EE;
    padding-top: 16px;
}
.item__first__cours .button__views__course {
  display: none;
}
.item__first__cours .img__first__us__course {
    width: 100%;
    min-width: 100%;
}
.item__first__cours .img__first__us__course img {
    width: 100%;
    height: 130px;
    object-fit: cover;
}

.item__first__cours .ct__first__us__course {
    padding: 16px;
    width: 100%;
}
  .title__knowledge__title {
    text-align: center;
    font-size: 28px;
    color: #13151b;
    line-height: 36px;
    margin-bottom: 24px;
    text-align: left;
}
  .filter__castudy {
    padding: 60px 0 0px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
  }
  .list__fill__seach {
    width: 100%;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    gap: initial;
    justify-content: initial;
    align-items: initial;
    height: 36px;
    padding: 0 16px;
}
.list__fill__seach::-webkit-scrollbar ,
.tab-detail.mobile-bar-single-course::-webkit-scrollbar ,
#comment_box_mobile .commentlist::-webkit-scrollbar  { 
  height: 0 !important;
  display: none; 
}

  .list__fill__seach a {
    padding: 0 12px;
    color: #5F6988;
  }

  .ctt__ttc {

    padding: 0 16px;

    margin: 0 0 40px 0;

  }

  .hero-fb--content {

    display: block;

  }
  .seach__topics {
    padding: 0 16px 0px;
  }
  .post-type-archive-case-study .seach__topics ,
  .tax-danh-muc-case-study .seach__topics {
    padding: 0 16px 16px;
  }
  .tax-danh-muc-case-study  .filter__course {
    margin-bottom: 0;
  }
  .title__title {

    font-size: 40px;

    line-height: 48px;

    text-align: center;

  }

  .des__cate__course {

    text-align: center;

  }

  .shop__banner {

       padding: 60px 0px 40px;

  }

  .colum__right__banner {

    width: 100%;

    position: relative;

    height: initial;

    display: block;

    text-align: center;

  }

  .colum__right__banner a:before {

      content: "";

      position: absolute;

      right: 0;

          left: initial;

      top: 31px;

      width: 182px;

      height: 182px;

      background: url(../images/ha_before.png) no-repeat;

      z-index: 1;

      background-size: contain;

  }

  .icon__down {

      position: relative;

    bottom: initial;

    width: 40px;

    height: 40px;

    display: block;

    margin: auto;

    margin-top: 28px;

  }

  .icon__down a {

    line-height: 40px;

    font-size: 17px;

  }

  @keyframes MoveUpDown {

  0% {

    bottom: 10px;

  }

  50% {

    bottom: 15px;

  }

  100% {

    bottom: 10px;

  }

}

  .colum__right__banner a {

    padding-bottom: 31px;
    padding: 0 25px 31px;
    text-align: center;

  }

  .document__layout {

    padding: 20px 16px 0;

  }

  .list__document {

    margin: 0;

  }

  .list__document .item__document__cate {

    width: 100%;

    padding: 0 0;

    display: flex;

    flex-direction: row-reverse;

    gap: 16px;

    margin-bottom: 16px;

    padding-bottom: 16px;

    border-bottom: 1px solid #e6e8ee;

  }

  .list__document .item__document__cate .img__post__document a img {

    height: 98px;

  }

  .list__document .item__document__cate .img__post__document {

    width: 111px;

    min-width: 111px;

  }

  .list__document .item__document__cate .content__post__document {

    padding: 0;

  }

  .list__document .item__document__cate .content__post__document h3 a {

    display: block;

    color: rgba(19, 21, 27, 1);

    font-size: 14px;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

  }

  .list__document .item__document__cate:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0;

  }

  .banner__document {

    padding: 20px 16px;

  }

  .document__header__banner .left__document__layout {

    text-align: center;

    width: 100%;

  }

  .document__header__banner {

    display: flex;
    position: relative;
    flex-direction: column;
    z-index: 1;


  }

  .document__header__banner .left__document__layout img {

    width: 203px;

    height: 308px;

    margin: auto;

    position: absolute;

    bottom: -592px;

    right: 0;

    left: 0;

    object-fit: cover;



  }

  .document__header__banner .right__document__layout {

    width: 100%;

    padding: 0;

    margin-bottom: 60px;

  }

  .title__document__tt {

    line-height: 48px;

    height: 144px;

    overflow: hidden;

  }

  .banner__document:after {

    width: 100%;

    height: 100%;

    background-size: cover;

  }

  .site-content {

    position: relative;

    overflow: hidden;

  }

  .info__layout__document {

    display: block;

  }

  .right__info__document {

    width: 100%;

    padding: 0;

  }

  .content__info__cm {

    display: block;

  }

  .content__info__cm .left__cm__if  {

    margin-bottom: 16px;

  }

  .content__info__cm .left__cm__if ,

  .content__info__cm .right__cm__if{

    width: 100%;

    min-width: 100%;

  }

  .title__if__dcmt {

      font-size: 32px;

      line-height: 40px;

      margin-bottom: 24px;

      letter-spacing: 0.02em;
      position: relative;
      z-index: 1;

  }

  .kidg {

      display: block;

      color: #f8f8fa;

      font-size: 190px;

      line-height: 231px;

      letter-spacing: 0.02em;

      position: absolute;

      top: 0;

      bottom: inherit;

  }

  .button__down__load {

    display: none;

  }

  .banner__document__file {

    padding-bottom: 150px;

    margin-bottom: 159px;

  }

  .info__document {

    padding: 25px 16px 0px;

  }

  .Route__knowlegde {

    padding: 60px 16px;

  }

  .colum__discover {

        display: flex;

    justify-content: space-between;

    align-items: flex-end;

    flex-direction: column;

  }

  .colum__discover .discover__left {

    width: 100%;

    text-align: center;

    margin-bottom: 32px;

  }

  .colum__discover .discover__left img {

    max-width: 162px;

  }

  .discover__knowledge {

      padding: 60px 16px 0;

  }

  .colum__discover .discover__right {

    width: 100%;

  }

  .info__discover {
    font-size: 32px;
    line-height: 40px;
  }
  .des__discover {
    margin-bottom: 32px;
  }
  .button__discover a {
    display: block;
    text-align: center;
  }
  .button__discover {
    margin-bottom: 20px;
  }
  .list__dis__value {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
  .list__dis__value .value__item {
    width: 100%;
}
.inner__value {
    padding: 20px;
    background: #f3f3f6;
    display: flex;
    gap: 16px;
}
.cont__value h4 {
    margin: 0 0 8px 0;
}

.img__value {
    width: 32px;
    height: 32px;
    margin-bottom: 0;
}
.cont__value h4 a{
  font-size: 24px;
  font-family: "Inter-Medium";
}
.cont__value p{
  max-width: 60%;
}
.title__document__single {
  font-size: 40px;
  line-height: 48px;
}
.use__single__document {
  margin-bottom: 40px;
}
.main__document__wrap .menu__fix__toc {
  width: 100%;
}
.single__detail__document {
  width: 100%;
  padding: 0;
}
.post-share {
  display: none;
}

#ftwp-postcontent {
  position: relative !important;
    left: 0 !important;
    top: 0 !important;
}
.list__case__study {
  margin: 0;
}
.item__case__study {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    padding-bottom: 20px;
    margin-bottom: 36px;
    border-bottom: 1px solid #E6E8EE;
}
.category  .item__case__study {
  margin-bottom: 20px;
}
.item__case__study:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.item__case__study a > img {
  height: 98px;
}
.category  .item__case__study a > img {
    height: 105px;
}
.item__case__study .img__item__case__study {
  width: 111px;
  min-width: 111px;
}
.item__case__study .content__item__case__study {
    width: calc(100% - 111px);
    padding: 0;
    margin-top: -24px;
}
.category  .item__case__study .content__item__case__study {
  margin-top: 0;
}
.item__case__study .des__case__study {
  display: none;
}
.item__case__study .content__item__case__study h3 a {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
}
.name__use__name {
    font-size: 12px;
    line-height: 18px;
}
.label__case__study {
    color: #9199b2;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.item__case__study .content__item__case__study h3 {
  margin-bottom: 12px;
}
.case__study {
  padding: 0 16px;
}
.tax-danh-muc-case-study .case__study {
  padding-top: 30px;
}
.img__post__futr {
    margin-bottom: 40px;
    margin-top: -103px;
}
.img__post__futr img {
  max-width: 343px;
}
.banner__document__banner__document__single {
    padding: 20px 16px 103px;
}
.main__document__width {

  padding: 0 16px;
}
.use__single__post__footer .name__use__name {

  font-size: 18px;

}

.offer__study {

  padding: 60px 16px;

}

.title__offer {

    color: #13151b;

    font-size: 32px;

    line-height: 40px;

    margin-bottom: 32px;

}

.item__blog__bl .content__item__case__study {

  margin-top: 0;

}

.item__blog__bl.item__case__study {

  margin-bottom: 20px;

}

.item__blog__bl.item__case__study a > img {

    height: 104px;

}
.sign-in-form-panel {
    min-height: 100%;
    width: 100%;
    display: block;
    padding: 16px;
}
.section__register .img__dk__dn {
  display: none;
}

.box__sign {
  width: 100%;
}
.sign__back {
  display: none;
}
.title__sign {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 24px 0;
    text-align: center;
}
.button_submit_res {
  margin-top: 0;
}
.form-switch {
  margin-bottom: 24px;
}
.dd__sign span {
    display: block;
    padding: 0 0 16px 0;
    text-align: center;
}
.des__forgot_password {
  text-align: center;
}
.dd__sign {
  text-align: center;
}
.about__right ,.about__left {
    width: 100%;
    min-width: 100%;
}

.about__layout {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.title__about {
    font-size: 40px;
    color: #13151b;
    line-height: 48px;
    text-align: center;
}
.vision__layout .box__vision {
    top: -135px;
    max-width: 100%;
    padding: 32px 24px;
}
.value__layout {
    padding: 32px 24px;
}

.list__about__vl .list__value__about {
      width: 100%;
    padding: 0 30px 24px;
}
.title__value {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 32px;
}
.title__vision {
    font-size: 40px;
    color: #13151b;
    line-height: 48px;
    margin-bottom: 24px;
}
.img__about img {
    height: 429px;
    object-fit: cover;

}
.vision__section > .container-xl {
  padding: 0 16px;
}
.vision__section:after {
    content: "";
    position: absolute;
    top: 639px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/after.png) no-repeat;
    background-size: contain;
    margin: auto;
}
.course__section .course__item .content__course h3 a {
  font-size: 14px;
  line-height: 24px;
  height: 48px;
}
.number__star {
  margin-bottom: 0;
}
.star__price {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 24px;
    flex-direction: column;
}
.star__price .tutor-mb-8 {
  margin-bottom: 0;
}
.star__price .price__pirce {
  font-size: 14px;
}
.number__star label {
  color: #9199B2;
  font-size: 14px;
}

.cate__course {
    color: rgba(145, 153, 178, 1);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
}
.list__course__cate {
    overflow-x: scroll;
    white-space: nowrap;
    gap: initial;
    justify-content: initial;
    align-items: initial;
    margin: 0 0 24px 0;
    display: flex;
    width: 100%;
    padding-left: 8px;

}
.list__course__cate::-webkit-scrollbar{ 
  height: 0 !important;
  display: none; 
}

.list__course__cate .item__course {
    width: 148px;
    padding: 0 8px 0px;
    min-width: 148px;
    float: none;
    display: block;

}
.title__course {
  font-size: 14px;
  line-height: 24px;
  margin-top: 16px;
}
.list__course__cate .item__course .inner__course {
  padding: 24px;
}
.img__post__futr .container-xmx img {
  height: 197px;
}
.main__course__content h2, .post-content h2 {
  font-size: 32px;
  line-height: 40px;
}
.wp-caption {
  width: 100% !important;
}
.post-content p.wp-caption-text{
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}

.close_popup_comment {
font-size: 18px !important;
}
.title_comment_box {
  font-size: 14px !important;
  text-align: center;
  line-height: 24px !important;
}
.title__use__comment span {
  font-size: 16px;
  line-height: 24px;
}
.couse__blog__case .item__case__study .img__item__case__study {
    width: 100%;
    min-width: 100%;
    margin-bottom: 24px;
}
.couse__blog__case .item__case__study .content__item__case__study {
  width: 100%;
  margin-top: 0;
}
.couse__blog__case .owl-nav {
    top: initial;
    position: relative;
    right: initial;
    text-align: right;
    margin-top: 20px;
}
.view__detail {
  margin: 12px 0 0 0 ;
}

.couse__blog__case .item__case__study a img {
  height: 204px;
}
.couse__blog__case .item__case__study {
  display: block;
}
.couse__blog__case .owl-stage-outer {
  padding-top: 0;
}
.couse__blog__case:after {
  background: transparent;
}
.list__child__category .owl-nav {
    top: initial;
    position: relative;
    right: initial;
    text-align: right;
    left: initial;
    margin-top: 32px;
}
.button__cate__chd {
  margin: 12px 0 0 0;
}
.box__cate__chude {
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.list__child__category .owl-dots ,
.couse__blog__case  .owl-dots {
    display: flex;
    gap: 8px;
    position: absolute;
    bottom: 32px;
}
.list__child__category .owl-dots button.owl-dot ,
.couse__blog__case .owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
    background: #E6E8EE;
    border-radius: 100%;
    display: inline-block;
}
.list__child__category .owl-dots button.owl-dot.active ,
.couse__blog__case .owl-dots button.owl-dot.active {
  background: #0042FC;
}
#ftwp-container {
  width: 100%;
}

.main__main:nth-of-type(2) .linh__vuc .item__linhvuc {
  width: 100% !important;
}
.item__linhvuc .hover__lv__content {
  transform: translateY(0) !important; 
}
.inner__lvuc .content__lv .des__linhvuc {
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    display: block;
}
.inner__lvuc .content__lv h2 {
   transform: translateY(0) !important;  
}
.inner__lvuc .content__lv {
  padding: 20px !important;
}
.course__first__use {
  padding: 60px 0;
}
.course__first__use:after {
  width: 100%;
  background-size: cover;
}
.list__course__use__login {
      flex-direction: column;
}
.list__course__use__login .item__course__log {
  width: 100%;
  max-width: 100%;
}
.knowledge .jsfix.scrolling_inner {
  display: none;
}
.list__course__use__login .item__course__log .ct__log__course ,
.list__course__use__login .item__course__log .img__first__us__course {
  width: 100%;
  max-width: 100%;
}

.knowledge .list__course__use__login .item__course__log {
      flex-direction: column-reverse;
      margin-bottom: 30px;
}
.list__course__use__login .item__course__log .img__first__us__course a img {
  width: 100%;
  height: 130px;
    object-fit: cover;
}

.title__log__course {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 24px;
}
.list__course__use__login .item__course__log .ct__log__course {
  padding: 16px;
}
.knowledge {
  padding: 60px 16px;
}
.course__use__all {
  padding: 40px 16px;
}
.content_search_box .seach__topics {
  padding-bottom: 60px;
}

.course__item:hover .content-product-imagin {
  box-shadow: 0 0 0 0;
}
.course__item .add-to-cart-button a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.course__item .add-to-cart-button {
  top: 5px;
  right: 5px;
}
#content_cref_page ,#content_info_page,
#content_files_page  {
  padding-top: 110px;
}







}



@media (max-width: 390px) {
  .content__main__home .main__right .img__main__lg img {
    max-height: 120px;
  }
  .title__main__home {
    font-size: 28px;
    line-height: 40px;
  }
  .list__cate__parent {
    gap: 10px;
  }
  .couse__blog__case .owl-nav {
    margin-top: 0;
  }
  .right__one__tt {
    margin-bottom: 10px;
  }
  .couse__blog__case .item__case__study a img {
    height: 170px;
}
.tt__child__cd {
    font-size: 25px;
    line-height: 36px;
}
}