@charset "UTF-8";

body {
  font-family: "Poppins", "Kanit", Tahoma, Arial, Sans-serif;
  font-size: 16px;
  color: #202124;
}

body.home header {
  border-bottom: 0;
}

body.mobile-nav-opened {
  overflow: hidden;
}

a {
  color: #1f3776;
}

a:hover,
a:focus {
  color: #1f3776;
}

.page-container {
  max-width: 1600px;
  margin: 0 auto;
}

.container-fluid,
.wrapper {
  padding-left: 5%;
  padding-right: 5%;
}

section {
  overflow: hidden;
}

section.section-newest {
  padding-top: 30px;
  background-color: #000000;
}

section.section-newest .header {
  color: #ffffff;
}

section.section-subscription {
  padding-top: 30px;
  padding-bottom: 30px;
}

section.section-product {
  padding-top: 30px;
}

section.section-subscriptionCourse {
  padding-top: 30px;
}

section.section-subscriptionCourse .newest-container .btn-line {
  border: 2px solid #202124;
}

section.section-mycourse {
  padding-top: 30px;
}

section.section-mycourse .newest-container .btn-line {
  border: 2px solid #202124;
}

section.article-section {
  padding-top: 30px;
  background-color: #F7F7F7;
}

section.downloadDoc-section {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #F7F7F7;
}

section.subscription-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

section.first-section {
  padding-top: 30px;
}

section.slider-section {
  padding-bottom: 0;
}

.section-mycourse a:hover {
  outline: none;
}

.btn {
  background-color: #1f3776;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 26px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn:hover {
  background-color: #1a2e62;
}

.bg-light {
  background-color: #F4F8FB;
}

.btn-line {
  display: inline-block;
  font-size: 16px;
  padding: 11px 26px;
  border: 2px solid #1F1E1E;
  border-radius: 6px;
  color: #202124;
  text-align: center;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn-line:hover,
.btn-line:focus {
  border-color: #1f3776;
  color: #1f3776;
  background-color: transparent;
}

.btn-price {
  display: block;
  margin-top: 10px;
}

.nav-tabs > li {
  float: left;
  margin-right: 4px;
}

input[type=text].form-control,
input[type=password].form-control,
input[type=number].form-control {
  height: auto;
  border: 2px solid #dbe3e8;
  border-radius: 6px;
  padding: 1rem 1.5rem;
  -webkit-appearance: none;
  box-shadow: none;
}

input[type=text].form-control:focus,
input[type=password].form-control:focus,
input[type=number].form-control:focus {
  box-shadow: none;
  border-color: #1f3776;
}

input[type=text].form-control.disabled,
input[type=password].form-control.disabled,
input[type=number].form-control.disabled {
  color: #797979;
  background-color: #F4F8FB;
}

input[type=time].form-control {
  height: 44px;
  border: 2px solid #dbe3e8;
  border-radius: 6px;
  padding: 1rem 1.5rem;
  -webkit-appearance: none;
  box-shadow: none;
}

input[type=time].form-control:focus {
  box-shadow: none;
  border-color: #1f3776;
}

input[type=time].form-control.disabled {
  color: #797979;
  background-color: #F4F8FB;
}

textarea.form-control {
  border: 2px solid #dbe3e8;
  border-radius: 6px;
  -webkit-appearance: none;
  box-shadow: none;
}

textarea.form-control:focus {
  box-shadow: none;
  border-color: #1f3776;
}

select.form-control {
  height: auto;
  border: 2px solid #dbe3e8;
  border-radius: 6px;
  padding: 1rem 1.5rem;
  box-shadow: none;
  position: relative;
}

select.form-control:focus {
  box-shadow: none;
  border-color: #1f3776;
}

.breadcrumb-list {
  margin-top: 30px;
  margin-bottom: 10px;
  padding-left: 5%;
  padding-right: 5%;
}

.breadcrumb-list span {
  color: #797979;
  font-size: 0.7em;
}

.breadcrumb-list span a {
  color: #797979;
}

.breadcrumb-list span a:hover {
  color: #1f3776;
}

.font-family {
  font-size: 0.9em !important;
  line-height: 19pt !important;
  color: #808083;
}

.font-family span,
.font-family p,
.font-family label,
.font-family h6,
.font-family a,
.font-family div {
  font-size: 1em !important;
  line-height: 19pt !important;
  color: #808083;
}

.font-family h1 {
  font-size: 1.5em !important;
  font-weight: bold !important;
  line-height: 19pt !important;
  padding-bottom: 15px !important;
  color: #808083;
}

.font-family h2 {
  font-size: 1.4em !important;
  font-weight: bold !important;
  line-height: 19pt !important;
  padding-bottom: 15px !important;
  color: #808083;
}

.font-family h3 {
  font-size: 1.3em !important;
  font-weight: bold !important;
  line-height: 19pt !important;
  padding-bottom: 10px !important;
  color: #808083;
}

.font-family h4 {
  font-size: 1.2em !important;
  font-weight: bold !important;
  line-height: 19pt !important;
  padding-bottom: 10px !important;
  color: #808083;
}

.font-family h5 {
  font-size: 1.1em !important;
  font-weight: bold !important;
  line-height: 19pt !important;
  padding-bottom: 10px !important;
  color: #808083;
}

header {
  position: relative;
  z-index: 1001;
}

.top-ads {
  display: none;
  background-color: #00FFB3;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
}

.top-ads-close-btn {
  float: right;
  opacity: 0.8;
  color: white;
}

.top-ads-close-btn:hover {
  color: #202124;
  cursor: pointer;
}

.site-header {
  display: flex;
  padding: 15px 20px;
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  max-width: 1600px;
  background-color: #1f3776;
  border-bottom: 1px solid #dbe3e8;
}

.site-header a {
  color: #ffffff;
  font-size: 0.9em;
}

.site-header a:hover,
.site-header a:focus {
  color: #FFF000;
  text-decoration: none;
}

.site-header a:last-child {
  padding-right: 10px;
}

.header-link {
  padding: 15px 7.5px 15px 7.5px;
}

.browse-menu-i {
  font-size: 20px;
  vertical-align: -2px;
  margin-left: 5px;
}

.header-nav-left {
  display: flex;
  align-items: center;
  padding-left: 0px;
  flex: 1;
}

.nine-dot {
  display: flex;
}

.nine-dot .mobile-btn {
  display: none;
  font-size: 26px;
  padding: 15px 0 15px 15px;
  cursor: pointer;
}

.nine-dot .mobile-btn circle {
  fill: rgb(255, 255, 255);
}

.header-nav-right {
  display: flex;
  align-items: center;
}

.header-nav-right .btn-line {
  margin-left: 20px;
}

.header-nav-right .mobile-btn {
  display: none;
  font-size: 26px;
  padding: 15px 0 15px 15px;
}

.main-menu-wrapper {
  position: relative;
  margin-left: 30px;
  display: flex;
}

.main-menu-wrapper .sub-menu-item {
  width: 90px;
  text-align: center;
  display: flex;
}

.main-menu-wrapper .sub-menu-item .sub-menu {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background-color: #1f3776;
  transition: all 0.2s ease-in-out;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  border: 0.3px solid #ffffff;
  display: flex;
  justify-content: center;
}

.main-menu-wrapper .sub-menu-item .sub-menu svg {
  margin: auto;
}

.main-menu-wrapper .sub-menu-item .sub-menu img {
  margin: auto;
}

.main-menu-wrapper .sub-menu-item .sub-menu .svg-course {
  background-image: url("/assets/default/images/svg/new_svg/FN-คอร์สเรียน-01.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.main-menu-wrapper .sub-menu-item .sub-menu .svg-series {
  background-image: url("/assets/default/images/svg/new_svg/FN-ซีรีส์ความรู้-02.svg");
  width: 90%;
  background-repeat: no-repeat;
  margin-left: 5%;
  margin-top: 8%;
}

.main-menu-wrapper .sub-menu-item .sub-menu .svg-doc {
  background-image: url("/assets/default/images/svg/new_svg/FN-โหลดเอกสาร-03.svg");
  width: 90%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.main-menu-wrapper .sub-menu-item .sub-menu .svg-tax {
  background-image: url("/assets/default/images/svg/new_svg/FN-คำนวณ-04.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.main-menu-wrapper .sub-menu-item .sub-menu .svg-blog {
  background-image: url("/assets/default/images/svg/new_svg/FN-บทความ-05.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.main-menu-wrapper .sub-menu-item .sub-menu .svg-vip {
  background-image: url("/assets/default/images/svg/new_svg/FN-คอร์สVIP-06.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.main-menu-wrapper .sub-menu-item span {
  font-size: 0.9em;
  color: #ffffff;
  position: relative;
  display: flex;
  justify-content: center;
  width: 90px;
  margin-top: 3px;
}

.main-menu-wrapper .sub-menu-item:hover .sub-menu {
  border: 0.3px solid #FFF000;
}

.main-menu-wrapper .sub-menu-item:hover span {
  color: #FFF000;
}

.main-menu-wrapper .sub-menu-item:hover .svg-course {
  background-image: url("/assets/default/images/svg/new_svg/FN-Course-hover.svg");
}

.main-menu-wrapper .sub-menu-item:hover .svg-series {
  background-image: url("/assets/default/images/svg/new_svg/FN-Series-hover.svg");
}

.main-menu-wrapper .sub-menu-item:hover .svg-doc {
  background-image: url("/assets/default/images/svg/new_svg/FN-Docs-hover.svg");
}

.main-menu-wrapper .sub-menu-item:hover .svg-tax {
  background-image: url("/assets/default/images/svg/new_svg/FN-Calculate-hover.svg");
}

.main-menu-wrapper .sub-menu-item:hover .svg-blog {
  background-image: url("/assets/default/images/svg/new_svg/FN-Blog-hover.svg");
}

.main-menu-wrapper .sub-menu-item:hover .svg-vip {
  background-image: url("/assets/default/images/svg/new_svg/FN-CourseVIP-hover.svg");
}

.main-menu-popup {
  position: absolute;
  min-width: 290px;
  max-height: 500px;
  margin-top: 15px;
  z-index: 99999;
}

.main-menu-popup li {
  list-style: none;
}

.popup-first-child {
  position: relative;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #dcdfe2;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  overflow: hidden;
  padding: 10px 0;
}

.popup-first-child li {
  width: 100%;
}

.popup-first-child li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 40px;
  font-weight: normal;
  padding: 0 20px;
  border-left: 4px solid transparent;
}

.popup-first-child li a:hover {
  color: #202124;
  background-color: #f3f3f4 !important;
  border-color: #1f3776;
}

.popup-first-child li a:focus {
  color: #202124;
}

.popup-first-child.is-expanded {
  width: 200%;
}

.popup-first-child.is-expanded > li {
  width: 50%;
}

.popup-first-child.is-expanded > li > a {
  border-right: 1px solid #dbe3e8;
}

.popup-first-child.is-expanded .is-clicked > a {
  color: #202124;
  background-color: #f3f3f4;
  border-left-color: #1f3776;
}

.popup-first-child.is-expanded .is-clicked .popup-second-child {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 0px);
}

.popup-second-child {
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-10px, 0px);
  transition: transform 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  padding: 10px 0;
}

.popup-second-child li {
  width: 100%;
}

.header-logo {
  display: flex;
  align-items: center;
}

.logo-main {
  width: 100px;
}

.search-box-click {
  width: 40px;
  height: 70%;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
  caret-color: transparent;
}

.search-box-click .search-icon-click {
  position: absolute;
}

.line-mark {
  position: relative;
  overflow: hidden;
  background-color: #adadad;
  transition: all 0.2s ease-in-out;
  width: 1px;
  height: 35px;
  margin: 0 8px;
}

.search-box {
  margin-left: 30px;
  margin-right: 15px;
  position: relative;
  text-align: end;
}

.search-box button {
  background-color: #666666;
  padding: 8px 13px;
  border: 1px solid #666666;
  color: #ffffff;
  border-radius: 8px;
  font-size: 1.5rem;
  font-weight: 300;
}

.search-box button:hover {
  background-color: #49609f;
  border: 1px solid #49609f;
}

.search-box input {
  outline: none;
  line-height: 30px;
  height: 45px;
  font-size: 1.3rem;
  width: 70%;
  border-radius: 10px;
  padding: 0 25px 0 50px;
  background-color: #ffffff;
  border: 2px solid #dbe3e8;
}

.search-box input:focus {
  border-color: #1f3776;
}

.search-icon {
  position: absolute;
  top: 12px;
  padding-left: 15px;
  z-index: 1;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
  caret-color: transparent;
}

.search-icon:hover {
  color: #FFF000;
}

.mobile-nav {
  position: fixed;
  width: 300px;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #14275b;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.mobile-nav.is-opened {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 0px);
}

.mobile-nav-close {
  display: block;
  margin-left: auto;
  font-size: 25px;
  border: none;
  background-color: transparent;
  height: 52px;
  padding: 0 20px;
  color: #ffffff;
}

.user-mobile-nav {
  position: fixed;
  width: 220px;
  top: 40px;
  bottom: 0;
  right: 0;
  background-color: #1f3776;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.user-mobile-nav.is-opened {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 0px);
}

.user-mobile-nav-menu-list {
  padding-left: 10%;
  padding-right: 10%;
}

.user-mobile-nav-menu-list .user-menu-item {
  margin-top: 15px;
}

.user-mobile-nav-menu-list .user-menu-item a {
  /* color: #9b9b9b; */
  color: #eeeeee;
}

.user-mobile-nav-menu-list .user-menu-item span {
  font-size: 0.9em;
  padding-left: 10px;
}

.user-mobile-nav-menu-list .user-menu-item svg {
  margin-bottom: -5px;
  fill: #9b9b9b;
}

.user-mobile-nav-menu-list .user-menu-item:hover a {
  /* color: #1f3776; */
  color: #FFF000;
}

.user-mobile-nav-menu-list .user-menu-item:hover svg {
  /* fill: #1f3776; */
  fill: #FFF000;
}

@media only screen and (min-width: 601px) {
  .user-mobile-nav-menu-list {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 600px) {
  .user-mobile-nav-menu-list {
    margin-top: 80px;
  }
}

.user-mobile-nav-close {
  display: block;
  margin-left: auto;
  font-size: 25px;
  border: none;
  background-color: transparent;
  height: 52px;
  padding: 0 20px;
}

.mobile-nav-list {
  padding-left: 0;
  margin: 0 25px;
  list-style: none;
}

.mobile-nav-list a {
  color: #202124;
}

.mobile-nav-list li {
  line-height: 2em;
  padding: 15px 0;
  border-bottom: 1px solid #dbe3e8;
  font-weight: bold;
}

.mobile-nav-list li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.mobile-nav-list li > a i {
  font-size: 20px;
}

.mobile-nav-list li.is-expanded .mobile-second-child {
  display: block;
}

.mobile-nav-list > li:first-child {
  border-top: 1px solid #dbe3e8;
}

.mobile-nav-list .mobile-signin {
  padding: 10px 0 10px 0;
  font-size: 18px;
}

.mobile-second-child {
  display: none;
  list-style: none;
  padding-left: 30px;
}

.mobile-second-child li {
  border-bottom: none;
  padding: 10px 0;
}

.obfuscator {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s ease-in-out;
}

.obfuscator.is-visible {
  background-color: rgba(0, 0, 0, 0.4);
  visibility: visible;
  z-index: 99;
}

.middle-header {
  display: flex;
  align-items: center;
  position: relative;
}

.middle-header a:hover {
  text-decoration: none;
}

.middle-header .logo-icon {
  padding-left: 0px;
  margin-bottom: 5px;
}

.header-login-in-button {
  display: block;
  position: relative;
  cursor: pointer;
  font-weight: bold;
}

.header-login-in-button img {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: inline-block;
  border: 1px solid #dbe3e8;
  -o-object-fit: cover;
     object-fit: cover;
}

.header-title-caption {
  margin-left: 5px;
}

.header-upload-button {
  color: #1f3776 !important;
}

.user-overlap {
  width: 200px;
  height: auto;
  position: absolute;
  z-index: 999999;
  border: 1px solid #dbe3e8;
  border-radius: 6px;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  background: #14275b;
  display: none;
  padding: 10px 0;
  top: 55px;
  right: 0;
}

.user-overlap ul {
  padding: 0;
  margin: 0;
  clear: both;
}

.user-overlap ul li {
  border-left: 4px solid transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 16px;
}

.user-overlap ul li:hover {
  border-color: #1f3776;
  background-color: #f3f3f4;
}

.user-overlap ul li:hover a {
  color: #202124;
}

.user-overlap ul li a {
  display: block;
  line-height: 40px;
  font-weight: normal;
}

.user-overlap ul li svg {
  padding-right: 10px;
  width: 30px;
}

.user-overlap .overlap-profile-viewer {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.user-overlap .overlap-profile-viewer img {
  box-shadow: 0 5px 15px -5px rgba(16, 16, 16, 0.41);
  border-radius: 50px;
  width: 50px;
  height: auto;
  border: none;
  display: inline-block;
}

.mobile-nav-menu-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 5%;
  padding-right: 5%;
}

.mobile-nav-menu-list .sub-menu-item {
  width: 80px;
  text-align: center;
  display: flex;
  margin-top: 15px;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  border: 0.3px solid #ffffff;
  display: flex;
  justify-content: center;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu svg {
  margin: auto;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu .svg-course {
  background-image: url("/assets/default/images/svg/new_svg/FN-คอร์สเรียน-01.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu .svg-series {
  background-image: url("/assets/default/images/svg/new_svg/FN-ซีรีส์ความรู้-02.svg");
  width: 90%;
  background-repeat: no-repeat;
  margin-left: 5%;
  margin-top: 8%;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu .svg-doc {
  background-image: url("/assets/default/images/svg/new_svg/FN-โหลดเอกสาร-03.svg");
  width: 90%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu .svg-tax {
  background-image: url("/assets/default/images/svg/new_svg/FN-คำนวณ-04.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu .svg-blog {
  background-image: url("/assets/default/images/svg/new_svg/FN-บทความ-05.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.mobile-nav-menu-list .sub-menu-item .sub-menu .svg-vip {
  background-image: url("/assets/default/images/svg/new_svg/FN-คอร์สVIP-06.svg");
  width: 100%;
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-top: 5%;
}

.mobile-nav-menu-list .sub-menu-item span {
  font-size: 12px;
  color: #ffffff;
  position: relative;
  display: flex;
  justify-content: center;
}

.logo-search {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.search-mobile {
  padding-top: 80px;
  width: 100%;
}

.search-mobile .close-search {
  cursor: pointer;
}

.search-mobile .close-search:hover {
  color: #1f3776;
}

.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dbe3e8;
}

.mobile-nav-header .mobile-nav-image {
  display: flex;
  align-items: center;
  margin: 15px 10px;
}

.mobile-nav-header .mobile-nav-image img {
  width: 30%;
}

.subscript-btn {
  padding: 3px 5px;
  border-radius: 5px;
  background-color: #FFF000;
  border: 1px solid #FFF000;
  color: #1f3776 !important;
  margin-right: 10px;
}

.line-spacing {
  height: 1px;
  width: 90%;
  text-align: center;
  background-color: #dbe3e8;
  display: block;
  margin: 5px auto;
}

.line-spacing-2 {
  height: 1px;
  width: 100%;
  text-align: center;
  background-color: #dbe3e8;
  display: block;
  margin: 5px auto;
  margin-bottom: 15px;
}

.is-hidden {
  display: none !important;
}

div#footer {
  min-height: 200px;
}

#footer {
  background: #ECECEC;
  color: #FFF;
  min-height: 300px;
  height: auto;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}

#footer .footer-logo {
  margin-left: 10px;
}

#footer .login-container span {
  font-weight: bold;
  padding-right: 45px;
  margin-top: -5px;
  padding-right: 0px;
}

#footer .login-container .login-form i {
  color: #4c4c4c;
}

#footer .login-container .login-form input {
  padding: 12px;
  border: none;
  color: #4c4c4c;
}

#footer .login-container .login-form button {
  width: 100%;
  background: #FFAB00;
  color: #ffffff;
  border: none;
}

.footer-blow {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ECECEC;
  padding: 30px 0;
}

.footer-menu {
  font-size: 16px;
  padding: 0 15px;
  display: flex;
}

.footer-menu .footer-menu-header {
  color: #9F9D9D;
  margin-bottom: 10px;
}

.footer-menu .button-signup {
  padding: 10px 20px;
  color: #ffffff;
  background-color: #515AA7;
  border: 0px;
  margin-top: 10px;
}

.footer-menu .input-sign-up {
  outline: none;
  line-height: 30px;
  height: 45px;
  width: 100%;
  padding: 5px 15px;
  background-color: #ffffff;
  border: 1px solid #dbe3e8;
}

.footer-menu .input-sign-up::-moz-placeholder {
  opacity: 0.4;
}

.footer-menu .input-sign-up::placeholder {
  opacity: 0.4;
}

.footer-menu .input-sign-up::-ms-input-placeholder {
  opacity: 0.4;
}

.footer-menu .input-sign-up:-ms-input-placeholder {
  opacity: 0.4;
}

.footer-menu ul {
  padding-left: 0px;
  margin-bottom: 5px;
}

.footer-menu ul a {
  color: #202124;
}

.footer-section {
  background-color: #ECECEC;
  padding: 10px 0;
}

.footer-contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #707070;
}

.footer-contact .footer-left {
  align-items: center;
  display: flex;
  justify-content: center;
}

.footer-contact .footer-left img {
  width: 80%;
}

.footer-contact .footer-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-contact .footer-center .footer-detail {
  text-align: center;
  padding: 20px;
  font-size: 1em;
}

.footer-contact .footer-right {
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.footer-contact .footer-right table {
  font-size: 14px;
}

.footer-contact .footer-right table tr td {
  text-align: left;
  border: 0px;
  border-collapse: collapse;
  padding: 0px;
}

.footer-contact .footer-right .footer-menu-header {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 5px;
}

.footer-contact .footer-right .footer-detail {
  font-size: 0.9em;
  text-align: center;
}

.footer-contact .footer-right .footer-detail .contact {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.footer-contact .footer-right .footer-detail .contact .logo-social {
  height: 25px;
  width: 25px;
  background-color: #1f3776;
  border-radius: 50%;
  padding: 3px 3px 3px 3px;
}

.footer-contact .footer-right .footer-detail .contact .logo-social:hover {
  background-color: #14275b;
}

.footer-contact .footer-right .footer-detail span {
  margin-bottom: 3px;
}

.footer-blow-inner {
  display: flex;
  justify-content: flex-end;
  padding: 15px 0;
}

.footer-blow-inner .copyright {
  color: #FFF;
  display: block;
}

.footer-blow-inner .social-text {
  color: #FFF;
  display: block;
}

.footer-blow-inner ul {
  padding: 0;
  margin: 0;
}

.footer-blow-inner ul li {
  list-style: none;
  display: inline-block;
}

.footer-blow-inner ul li a {
  display: inline-block;
  color: #fff;
  font-size: 1.3em;
  margin-right: 15px;
}

.footer-bottom {
  background-color: #1f3776;
  display: flex;
  justify-content: center;
}

.footer-bottom .footer-right-icon {
  padding: 4px 0;
  display: grid;
  grid-template-columns: repeat(6, 15.9%);
  text-align: center;
  grid-column-gap: 10px;
  width: 90%;
  font-size: 13px;
}

.footer-bottom .footer-right-icon a {
  color: white;
  font-size: 0.9em;
}

.footer-bottom .footer-right-icon .contact {
  gap: 8px;
  display: flex;
  margin-right: 20px;
}

.footer-bottom .footer-right-icon .logo-social {
  height: 20px;
}

.parts-slider {
  position: relative;
}

.parts-slider .down-flesh {
  position: absolute;
  font-size: 3em;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
  transition: font-size 0.5s;
  cursor: pointer;
}

.parts-slider .down-flesh:hover {
  color: #FFAB00;
  font-size: 3.4em;
}

.parts-slider-container {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("/assets/default/images/cover_bg2.jpg");
  background-size: 100%;
  min-height: 400px;
  height: 400px;
  display: flex;
  flex-wrap: wrap-reverse;
  background-size: cover;
}

.parts-slider-container:after {
  content: "";
  display: table;
  clear: both;
}

.service-list-cover {
  background-color: #652FA9;
  padding: 3px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.service-list-cover span {
  padding: 0 30px;
  color: #ffffff;
  border-right: 2px solid #ffffff;
  font-size: 14px;
}

.service-list-cover span:last-child {
  border-right: 0px;
}

.parts-slider-left {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.parts-slider-left h2 {
  padding: 0;
  margin: 0;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.3;
  color: #1E2462;
}

.parts-slider-left .parts-slider-header {
  display: block;
  font-size: 2.5em;
  color: #1E2462;
  font-weight: bold;
  text-align: center;
}

.parts-slider-left .parts-slider-header-2 {
  display: block;
  font-size: 1.9em;
  color: #632EA8;
  font-weight: bold;
  text-align: center;
}

.parts-slider-left .parts-slider-detail {
  display: block;
  margin-top: 30px;
  font-size: 1.9em;
  font-weight: bold;
  line-height: 25pt;
  color: #1E2462;
  text-align: center;
}

.parts-slider-left .btn {
  padding: 16px 38px;
  font-size: 20px;
}

.parts-slider-left .btn-line {
  padding: 5px 25px;
  font-size: 1em;
  background-color: #1f3776;
  border: 2px solid #1f3776;
  color: #ffffff;
}

.home-btn-wrapper {
  margin-top: 20px;
  text-align: center;
}

.home-btn-wrapper .btn {
  margin-right: 20px;
}

.home-btn-wrapper img {
  width: 260px;
}

.parts-slider-left-content {
  padding-top: 80px;
  padding-left: 80px;
  z-index: 1;
  width: 600px;
}

.featured-list {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 30px 5%;
  background-color: rgba(255, 255, 255, 0.67);
}

.featured-list li {
  font-size: 18px;
  flex: 1;
  text-align: center;
}

.featured-list i {
  font-size: 25px;
  margin-right: 10px;
  vertical-align: -5px;
  color: #1f3776;
}

.parts-slider-right {
  top: 0;
  right: 0;
  bottom: 0;
  padding-right: 3%;
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.parts-slider-right:after {
  content: "";
  display: table;
  clear: both;
}

.parts-slider-right .cover-home-image {
  position: absolute;
  height: 100%;
}

.parts-slider-right .cover-home-image img {
  height: 75%;
  margin-right: 0px;
  margin-top: 40px;
}

.main-bg {
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.dotted-bg {
  width: 150px;
  position: absolute;
  top: 0;
  left: -50px;
}

.dotted-bg-2 {
  width: 150px;
  position: absolute;
  bottom: -20px;
  right: -50px;
  z-index: 2;
}

.parts-slider .parts-slider-container .parts-slider-button {
  margin-top: 15px;
  text-align: center;
}

#bannerSvg {
  width: 800px;
  height: 800px;
  overflow: hidden;
  position: absolute;
  top: -150px;
  left: -80px;
}

.small-ads {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 25px;
  border-radius: 6px;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  margin-top: 50px;
}

.small-ads:last-child {
  margin-right: 0;
}

.small-ads .btn {
  background-color: #F04159;
}

.small-ads-text {
  padding: 25px;
  display: inline-block;
}

.small-ads-text span:first-child {
  display: block;
  font-size: 20px;
  color: #1F1E1E;
  font-weight: bold;
}

.small-ads-text span:nth-child(2) {
  color: #797979;
}

.small-ads-left {
  border-radius: 6px;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  margin-top: 50px;
}

.small-ads-icon {
  display: inline-block;
  color: #1F1E1E;
  font-size: 48px;
  line-height: 1;
  margin-right: 10px;
  vertical-align: -5px;
}

.small-downloadDoc {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 25px;
  border-radius: 6px;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  width: 100%;
}

.small-downloadDoc:last-child {
  margin-right: 0;
}

.small-downloadDoc .btn {
  background-color: #bd3939;
}

.small-downloadDoc-text {
  display: inline-block;
  width: 100%;
}

.small-downloadDoc-text span:first-child {
  display: block;
  font-size: 20px;
  color: #1F1E1E;
  font-weight: bold;
  text-align: center;
}

.small-downloadDoc-text span:nth-child(2) {
  color: #797979;
  display: block;
  width: 100%;
  text-align: center;
}

.small-downloadDoc-icon {
  display: inline-block;
  color: #1F1E1E;
  font-size: 48px;
  line-height: 1;
  margin-right: 10px;
  vertical-align: -5px;
}

.deletion-box {
  background-color: #fff;
  padding: 25px;
  border-radius: 6px;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
  margin: auto;
  width: 70%;
}

.homepage-course-slide {
  padding-right: 0;
  padding-left: 0;
}

.homepage-course-slide .header {
  padding-left: 5%;
  padding-right: 5%;
}

.homepage-course-slide .body {
  padding-left: 5%;
  padding-right: 5%;
}

.cate-tab {
  margin: 20px 5% 15px 5%;
  display: flex;
  position: relative;
}

.cate-tab-list {
  margin-right: 20px;
  white-space: nowrap;
  background-color: transparent;
  color: #ffffff;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-bottom: 10px;
}

.cate-tab-list.active {
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 4px solid #00FFB3;
}

.cate-tab-list:hover,
.cate-tab-list:focus {
  outline: none;
}

.badge-wrapper {
  position: absolute;
  top: 15px;
  left: 15px;
}

.is-badge {
  display: inline-block;
  padding: 3px 6px;
  color: white;
  font-size: 10px;
}

.badge-discount {
  background-color: #F04159;
}

.badge-bestseller {
  background-color: #E4CA21;
  margin-right: 5px;
}

.badge-new {
  background-color: #21D1E4;
  margin-right: 5px;
}

.badge-cate {
  background-color: rgba(0, 0, 0, 0.6);
  margin-right: 5px;
}

.newest-container .news-section {
  height: auto;
  overflow: hidden;
}

.newest-container .body .content-box .content-detail {
  padding: 15px 15px 0 15px;
  color: #636364;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}

.newest-container .body .content-box .footer .content-price {
  margin-top: 5px;
}

.newest-container .body .content-box .footer .content-clock {
  color: #636364;
  font-size: 12px;
}

.newest-container .body .content-box .off-badge label {
  transform: rotate(-44deg);
  top: -50px;
  left: 10px;
  font-size: 1.1em;
  width: 75px;
}

.newest-container .body .content-box .off-badge label span {
  font-size: 1em;
  top: 11.5px;
  left: -13.5px;
}

.newest-container .more-link a {
  color: #616161;
}

.newest-container .header {
  justify-content: space-between;
}

.newest-container .header span {
  float: left;
  font-size: 1.8em;
}

.newest-container .header .btn-line {
  border-color: #ffffff;
}

.newest-container .header span {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
}

.newest-container .body {
  margin-top: 25px;
  margin-bottom: 0px;
  height: auto;
  overflow: hidden;
}

.newest-container .body .content-box {
  direction: ltr;
  display: block;
  width: 100%;
  margin-bottom: 25px;
  color: #202124;
}

.newest-container .body .content-box:after {
  content: "";
  clear: both;
  display: table;
}

.owl-car-s {
  margin-right: 20px;
}

.owl-carousel .owl-stage {
  right: 25px;
}

.newest-container .body .content-box:hover {
  text-decoration: none;
}

.newest-container .body .content-box .img-container {
  position: relative;
}

.content-box img {
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}

.content-box {
  border: 1px solid #ffffff;
  background-color: #FFF;
  color: #202124;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
  position: relative;
}

.content-box .footer {
  padding: 0 15px 15px 15px;
  height: 100px;
  position: relative !important;
}

.content-box .footer .avatar {
  position: absolute;
  top: -120px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  right: 10px;
  margin: 0 auto;
  z-index: 8;
  background: #ffffff;
}

.content-box .footer .avatar img {
  overflow: hidden !important;
  z-index: 8;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50px;
}

.content-box:hover h3 {
  color: #1f3776;
}

.content-box-title {
  height: 70px;
}

.content-box-title-pcut {
  height: 50px;
  word-break: break-word;
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3em;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.request-box img {
  width: 152px !important;
  height: 152px !important;
  margin: 3px auto 0 !important;
  border-radius: 152px;
  border: 2px solid #C6C4C4;
}

.newest-container .body .content-box:hover .off-badge {
  opacity: 0;
  transition: 1.4s opacity;
}

.newest-container .body .content-box:hover .vip-badge {
  opacity: 1 !important;
}

.newest-container .body .content-box .off-badge {
  transition: 0.8s opacity;
  opacity: 1;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 65px 65px 0 0;
  border-color: #E91E63 transparent transparent transparent;
  border-style: solid;
  top: 0px;
  left: 0;
  display: inline-block;
}

.newest-container .body .content-box .vip-badge {
  border-width: 75px 75px 0 0;
  border-color: #FFAF0B transparent transparent transparent;
}

.newest-container .body .content-box .vip-badge label {
  top: -75px !important;
  left: 35px !important;
  font-size: 1.4em !important;
}

.newest-container .body .content-box .off-badge label {
  transform: rotate(-50deg);
  position: absolute;
  top: -67px;
  display: block;
  left: 24px;
  text-align: center;
  color: #ffffff;
  font-size: 1em;
  width: 75px;
}

.newest-container .body .content-box .off-badge label span {
  font-size: 0.7em;
  top: 14px;
  display: inline-block;
  position: absolute;
}

.newest-container .body .content-box h3 {
  margin: 0;
  font-size: 1em;
  padding: 15px;
  font-weight: bold;
  line-height: 1.3;
}

.newest-container .more-link a {
  background: url(/images/more_icon.svg?2ed545863a082e638d9e0e37c7606fc9);
  background-size: 22px 22px;
  background-position: center left;
  padding-left: 35px;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 1.2em;
  color: #A2A2A2;
  height: 22px;
}

.newest-container .header {
  display: flex;
  align-items: center;
}

.newest-container .header span {
  margin-right: 30px;
}

.newest-container .content-box .footer label.pull-right {
  margin-left: 5px;
  font-weight: 600 !important;
}

.owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #c9cad4;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-nav [class*=owl-]:hover {
  background: #1f3776;
  color: #FFF;
  text-decoration: none;
}

.owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #c9cad4;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 200ms ease;
  border-radius: 30px;
}

.owl-dots .owl-dot.active span {
  width: 25px;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: #1f3776;
}

.owl-nav.disabled,
.owl-dots.disabled {
  display: none;
}

.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next,
button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.full-price {
  text-decoration: line-through;
  margin-left: 10px;
  font-size: 14px;
  color: #797979;
}

.light-theme .current {
  background: #1f3776;
  color: #ffffff;
  border-color: #1f3776;
}

.light-theme a,
.light-theme span {
  background: #1f3776;
  color: #ffffff;
  border-color: #1f3776;
}

.light-theme a:hover,
.light-theme span:hover {
  color: #ffffff;
  background: #14275b;
}

span.ellipse.clickable {
  cursor: pointer;
  color: #D5C0FF;
  background-color: #ffffff;
  border: 1px solid #D5C0FF;
  border-radius: 3px;
}

.slick-track {
  margin-left: 0;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #9193A2;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #1f3776;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #797979;
  height: 6px;
}

.newest-container a {
  color: #000000;
}

.newest-container a:hover {
  outline: none;
}

.cate-title {
  background-color: #F4F8FB;
  padding: 3.5rem 0;
  margin-top: 100px;
}

.cate-title span {
  color: #343871;
  font-size: 2em;
  font-weight: bold;
  margin-right: 7px;
}

.cate-sidebar-wrapper {
  overflow: hidden;
  padding-top: 30px;
}

.cate-sidebar {
  position: relative;
  list-style: none;
  padding: 30px 0px 0px 0px;
}

.cate-sidebar li:first-child .cate-sidebar-title {
  margin-top: 0;
}

.cate-sidebar-link {
  padding-left: 0;
}

.cate-sidebar-link li {
  list-style: none;
}

.cate-sidebar-link a {
  margin: 0;
  display: block;
  line-height: 40px;
  font-weight: normal;
  padding-left: 20px;
  color: #202124;
  border-radius: 6px;
}

.cate-sidebar-link a:hover {
  color: #1f3776;
  background-color: #F4F8FB;
}

.cate-sidebar-title {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #dbe3e8;
  padding-bottom: 10px;
}

.cate-sidebar-title-link a {
  margin: 0;
  display: block;
  line-height: 40px;
  color: #202124;
  padding-left: 20px;
  border-radius: 6px;
}

.cate-sidebar-title-link a:hover {
  color: #1f3776;
  background-color: #F4F8FB;
}

.cat-search-section {
  padding: 15px;
  padding: 12px;
}

.cat-search-section .cat-icon-container {
  height: auto;
  overflow: hidden;
  font-size: 1.1em;
}

.cat-search-section .cat-icon-container img {
  vertical-align: middle;
  margin: 0 auto 0;
  margin: 6px auto 6px;
}

.cat-search-section .search-box {
  border-bottom: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  height: 30px;
  margin-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
}

.cat-search-section .search-box input {
  border: none;
  background: transparent;
}

.cat-search-section .search-box button {
  background-color: transparent;
  background-image: url(/images/search-icon.png?3bfb2fe3743b2b1104fb2a02fd02c2a8);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  width: 18px;
  height: 19px;
}

.cat-tag-section {
  padding: 15px;
  padding-bottom: 7px;
}

.cat-tag-section .btn-group {
  border-radius: 5px;
  font-size: 1.3em;
  padding-top: 4px;
}

.cat-tag-section .btn-group label {
  background: #ffffff;
  color: #4c4c4c;
  border: 1px solid #F0F0F0;
  font-size: 0.9em;
}

.cat-tag-section .btn-group label.active {
  background: #13ce9c;
  color: #ffffff;
}

.section-category {
  width: 100%;
  position: relative;
}

.section-category .featured-cate {
  margin-bottom: 0px;
}

.section-category .order-page {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 20px;
  gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.9333333333);
}

.section-category .order-page .order {
  padding: 10px;
  color: #797979;
  border-radius: 5px;
  border: 1px solid #dbe3e8;
  font-size: 1.5rem;
}

.section-category .order-page .order:active {
  outline: none;
}

.section-category .order-page .order:focus {
  outline: none;
}

.section-category .courses-item {
  position: relative;
}

.section-category .courses-item img {
  max-width: 100%;
}

.section-category .courses-item .image {
  display: block;
}

.section-category .courses-item:hover .footer-title a {
  color: #1f3776;
}

.section-category .courses-item .footer-ribbon {
  display: flex;
  justify-content: space-between;
}

.section-category .courses-item .footer-ribbon .ribbon {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.section-category .courses-item .footer-ribbon .ribbon .is_ribbon {
  color: #ffffff;
  display: inline-block;
  padding: 3px 6px;
  font-size: 12px;
}

.section-category .courses-item .footer-ribbon .ribbon .black {
  background-color: #202124;
}

.section-category .courses-item .footer-ribbon .ribbon .red {
  background-color: #e60000;
}

.section-category .courses-item .footer-ribbon .ribbon .purple {
  background-color: #1E2462;
}

.section-category .courses-item .footer-ribbon .ribbon .green {
  background-color: #0ec40e;
}

.section-category .courses-item .footer-ribbon .ribbon .blue {
  background-color: #042292;
}

.section-category .courses-item .footer-ribbon .ribbon .light-purple {
  background-color: #971386;
}

.section-category .courses-item .footer-ribbon .wish-list {
  position: relative;
  top: 0;
  right: 0;
}

.section-category .courses-item .footer {
  height: 130px;
}

.section-category .courses-item .course-card-category {
  position: absolute;
  bottom: 0px;
  padding-bottom: 10px;
  color: #797979;
  font-size: 1.5rem;
}

.course_header_details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.similar-section {
  width: 100%;
  padding-top: 15px;
}

.similar-section .similar-details {
  display: grid;
  grid-template-columns: 18.6% 18.6% 18.6% 18.6% 18.6%;
  grid-column-gap: 20px;
  grid-row-gap: 10px;
}

.similar-section .content-box {
  border: 0px;
  background-color: transparent;
  border-radius: 10px;
  margin-bottom: 30px;
}

.similar-section .content-box .image {
  border-radius: 10px 10px 0 0;
}

.similar-section .content-box .footer-content {
  max-height: 70px;
  text-align: center;
  background-color: #ffffff;
  padding: 15px 15px 15px 15px;
  border-radius: 0 0 10px 10px;
  font-size: 1.4rem;
}

.similar-section .content-box .footer-content .footer-user {
  font-size: 1.3rem;
}

.similar-section .content-box .footer-content .footer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.similar-section a {
  color: #000000;
}

.similar-section a:hover {
  color: #1f3776;
}

.similar-series-section {
  background-color: #eee;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.similar-series-section .similar-details {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 10px;
}

.similar-series-section .product-header span {
  margin-bottom: 30px;
  color: #1E2462;
}

.similar-series-section .content-box {
  border: 0px;
  background-color: transparent;
  margin-bottom: 25px;
  border-radius: 10px;
}

.similar-series-section .series-item {
  position: relative;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
}

.similar-series-section .series-item img {
  max-width: 100%;
}

.similar-series-section .series-item .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.similar-series-section .series-item .overlay {
  position: absolute;
  border-radius: 0 0 10px 10px;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #ffffff;
  background: #ffffff;
}

.similar-series-section .series-item .serie-card-title {
  font-size: 1.4rem;
  padding-top: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.similar-series-section .series-item .serie-card-title a {
  color: #202124;
}

.similar-series-section .series-item .text {
  float: left;
  padding: 10px;
  color: #797979;
  font-size: 1.3rem;
  position: absolute;
}

.similar-series-section .series-item .text .serie-card-details {
  color: #ffffff;
  font-size: 1.2rem;
  padding-top: 5px;
}

.similar-series-section .series-item .text .serie-clock-detail {
  padding: 5px 15px 0 0;
  color: #636364;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
}

.similar-series-section .series-item .ribbon-top {
  display: flex;
  justify-content: space-between;
}

.similar-series-section .series-item .ribbon-top .ribbon-title-top {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: relative;
  left: 5px;
  top: 5px;
  margin-right: 0px;
}

.similar-series-section .series-item .ribbon-top .wish-list {
  position: relative;
  top: 7px;
  right: 3px;
}

.similar-series-section .series-item:hover .overlay {
  opacity: 1;
}

.similar-series-section .series-item:hover .serie-card-title {
  color: #202124;
}

.similar-series-section .series-title {
  display: flex;
  justify-content: center;
  margin: 10px 0;
  text-align: center;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.similar-series-section a {
  color: #1E2462;
}

.similar-series-section a:hover {
  color: #1f3776;
}

.product-header span {
  display: inline-block;
  font-size: 1.6em;
  margin-bottom: 15px;
}

.comment-section {
  padding-bottom: 30px;
}

.category-section .content-box {
  border-radius: 10px;
  margin-bottom: 35px !important;
}

.category-section .content-box .image {
  border-radius: 10px 10px 0 0;
}

.product-list-item {
  display: grid;
  grid-template-columns: repeat(4, 23.7%);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.product-list-item .content-box {
  border: 0px;
}

.product-details blockquote {
  border-left: 8px solid #7E75FF;
}

.vip-text {
  padding: 5rem 8rem;
  text-align: center;
  font-size: 25px;
  color: #808083;
}

.vip-text .focus {
  color: #e60000;
}

.lock-vip {
  position: absolute;
  width: 100%;
  border-radius: 10px 10px 10px 10px;
  padding: 10px 0 0 10px;
}

.lock-vip i {
  font-weight: bold;
  color: #202124;
  font-size: 18px;
}

.lock-img-vip {
  opacity: 0.2;
}

.login-s {
  width: 100%;
  height: auto;
  background-color: #F4F8FB;
}

.formBox {
  width: 460px;
  max-width: 100%;
  height: 535px;
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.formBox .box {
  text-align: left;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.2s cubic-bezier(0.35, 0.33, 0.75, 0.9);
  margin-top: 0;
}

.formBox h2 {
  color: #1F1E1E;
  padding: 0px 50px;
  font-size: 32px;
  line-height: 25px;
  height: 25px;
  margin-top: 0;
  margin-bottom: 30px;
  position: relative;
  left: 0;
  text-align: left;
}

.formBox p {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 30px;
  color: #696969;
}

.formBox form {
  text-align: right;
  display: block;
  padding: 0px 50px;
  position: relative;
}

.formBox .f_row {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}

.formBox .f_row label {
  color: #797979;
  font-weight: normal;
  position: absolute;
  left: 15px;
  top: 15px;
  opacity: 1;
  transition: all 0.3s cubic-bezier(1, -0.33, 0, 1.15);
  transform: translate(0px, 0px) scale(1);
  transform-origin: left top;
  z-index: 1;
  pointer-events: none;
}

.formBox .f_row input {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 53px;
  position: relative;
  outline: 0;
  background-color: #fff;
  border: 2px solid #dbe3e8;
  border-radius: 6px;
  padding: 1rem 1.5rem;
  -webkit-appearance: none;
}

.formBox .f_row input:focus {
  border-color: #1f3776;
}

.formBox .f_row.shake {
  animation: shake 0.4s linear;
}

.formBox .f_row.focus label {
  opacity: 0.7;
  transform: translate(0px, -8px) scale(0.75);
}

.formBox .f_row.focus input {
  padding-top: 1.5rem;
  padding-bottom: 0.25rem;
}

.formBox .f_row.focus u:before {
  width: 100%;
}

.formBox .reg_bg {
  border-radius: 50%;
  background-color: #13ce9c;
  position: absolute;
  width: 900px;
  height: 900px;
  right: -115px;
  top: -190px;
  transform-origin: 100% 40%;
  transform: scale(0);
  background-color: #ffffff;
}

.formBox .regTag {
  padding-left: 10px;
}

.formBox .registerBox {
  border-radius: 8px;
  right: 0;
  overflow: hidden;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  backface-visibility: visible;
  z-index: 1;
}

.formBox .registerBox .f_row label {
  color: #fff;
  text-align: left;
  color: #575757;
}

.formBox .registerBox .f_row input {
  color: #fff;
  text-align: left;
  color: #575757;
}

.formBox .registerBox .f_row u {
  background-color: #13ce9c;
}

.formBox .registerBox .f_row u:before {
  background-color: #fff;
}

.formBox .registerBox .f_row.last {
  margin-bottom: 40px;
}

.formBox .registerBox h2 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translateX(-20px);
}

.formBox .registerBox .form > div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translateX(20px);
}

.formBox .registerBox .form > div:nth-child(1) {
  transition-delay: 0.15s;
}

.formBox .registerBox .form > div:nth-child(2) {
  transition-delay: 0.2s;
}

.formBox .registerBox .form > div:nth-child(3) {
  transition-delay: 0.25s;
}

.formBox .registerBox .btn-large {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translateX(20px);
  transition-delay: 0.3s;
}

.formBox .forgetbox {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translate(0px, 9px) scale(1.03);
}

.formBox .forgetbox .back {
  width: 100%;
  margin-top: 15px;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translate(0px, 20px);
  transition-delay: 0.25s;
}

.formBox .forgetbox .f_row u {
  background-color: #13ce9c;
}

.formBox .forgetbox .f_row u:before {
  background-color: #fff;
}

.formBox .forgetbox .f_row.last {
  margin-bottom: 40px;
}

.formBox .forgetbox .btn {
  width: 100%;
  text-align: center;
  padding: 13px;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translate(0px, 20px);
  transition-delay: 0.25s;
}

.formBox .forgetbox h2 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translate(-20px, 0px);
}

.formBox .forgetbox .form > div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translate(0px, 20px);
  transition-delay: 0.15s;
}

.formBox .forgetbox p {
  color: #797979;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.48, 0.55, 0.69, 0.9);
  transform: translate(0px, 20px);
  transition-delay: 0.2s;
}

.formBox.level-login .boxShaddow {
  opacity: 0.7;
  transform-origin: center top;
  transform: translate(0px, -9px) scale(0.97);
}

.formBox.level-reg h2 {
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
}

.formBox.level-reg .boxShaddow {
  opacity: 0.7;
  transform-origin: center top;
  transform: translate(0px, -18px) scale(0.94);
}

.formBox.level-reg .loginBox {
  text-align: right;
  opacity: 0;
  transform-origin: center top;
  transform: translate(0px, -9px) scale(0.97);
  pointer-events: none;
}

.formBox.level-reg .registerBox {
  opacity: 1;
  visibility: visible;
}

.formBox.level-reg .reg_bg {
  animation: regMask 0.3s cubic-bezier(0.48, 0.55, 0.73, 0.78);
  animation-fill-mode: forwards;
}

.formBox.level-reg .form > div {
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
}

.formBox.level-reg .btn-large {
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
}

.formBox.level-reg-revers .reg_bg {
  animation: regMaskR 0.3s cubic-bezier(0.48, 0.55, 0.73, 0.78);
  animation-fill-mode: forwards;
}

.formBox.level-forget .switch-links {
  display: none;
}

.formBox.level-forget .loginBox {
  text-align: right;
  opacity: 0;
  transform-origin: center top;
  transform: translate(0px, -9px) scale(0.97);
  pointer-events: none;
}

.formBox.level-forget .forgetbox {
  transform: translate(0px, 0px) scale(1);
  opacity: 1;
  visibility: visible;
}

.formBox.level-forget .forgetbox p {
  text-align: left;
  visibility: visible;
  opacity: 1;
  transform: translate(0px, 0px);
}

.formBox.level-forget .forgetbox form > div {
  text-align: left;
  visibility: visible;
  opacity: 1;
  transform: translate(0px, 0px);
}

.formBox.level-forget .forgetbox .back {
  visibility: visible;
  opacity: 1;
  transform: translate(0px, 0px);
}

.formBox.level-forget .forgetbox .btn {
  visibility: visible;
  opacity: 1;
  transform: translate(0px, 0px);
}

.formBox.level-forget .forgetbox h2 {
  text-align: left;
  visibility: visible;
  opacity: 1;
  transform: translate(0px, 0px);
}

.btn-register-user-r {
  width: 100%;
  margin-top: 15px;
  font-size: 1em;
  padding: 13px;
}

.btn-google {
  width: 100%;
  font-size: 1em;
  background-color: transparent;
  color: #202124;
  box-shadow: none;
  position: relative;
}

.btn-google i {
  position: absolute;
  left: 20px;
  top: 16px;
  color: #DC4A38;
  margin-left: 0;
  margin-right: 5px;
  vertical-align: -2px;
}

.f_link {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.forget-pass {
  display: block;
  margin-top: 20px;
}

.social-signin {
  padding-bottom: 30px;
  border-bottom: 1px solid #1F1E1E;
  margin-bottom: 30px;
  position: relative;
}

.or-word {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 22px);
  padding: 0 10px;
  background-color: #F4F8FB;
}

.switch-links {
  position: absolute;
  bottom: 0;
  left: 50px;
  z-index: 5;
}

.password-eye-view {
  position: relative;
}

.password-eye-view i {
  position: absolute;
  color: #a1a1a1;
  top: 33%;
  right: 20px;
  left: auto;
}

.product-part {
  margin-top: 110px;
  margin-bottom: 110px;
}

.small-size {
  display: none;
}

.product-header {
  color: #1F1E1E;
  height: auto;
  margin-top: 10px;
  line-height: 20pt;
}

.product-header h2 {
  font-size: 2em;
  margin-top: 0;
  font-weight: bold;
}

.product-header .cancel-on-png,
.product-header .cancel-off-png,
.product-header .star-on-png,
.product-header .star-off-png,
.product-header .star-half-png {
  color: #FEE101;
}

.product-header .raty {
  font-size: 8px;
  display: inline-block;
}

.product-header .raty-text {
  color: #797979;
  font-size: 12px;
  display: inline-block;
  padding-left: 5px;
}

.product-header .clock-section {
  margin-top: 33px;
  padding-left: 50px;
}

.product-header .clock-section i {
  font-size: 2.2em;
  color: #4c4c4c;
  display: inline-block;
  position: absolute;
  padding: 3px 11px;
}

.product-header .clock-section span {
  display: inline-block;
  padding: 8px;
  background: #ffffff;
  border-radius: 4px;
  color: #EA2D6D;
  font-weight: bold;
  position: relative;
}

.product-header .clock-section span:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #ffffff;
  border-bottom: 6px solid transparent;
}

.raty-product-section {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.video-details {
  margin-top: 25px;
  height: auto;
  overflow: hidden;
}

.video-details video {
  max-width: 100%;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.video-details .video-details-section {
  background: #3b3b3b;
  overflow: hidden;
  height: auto;
  color: #ffffff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 10px;
  font-size: 1.2em;
}

.video-details .video-details-section a {
  color: #ffffff;
  display: inline-block;
  padding: 0 10px 0 10px;
}

.video-details .video-details-section a:hover {
  text-decoration: none;
}

.fluid_video_wrapper {
  width: 100% !important;
  height: 100% !important;
}

.product-part-container {
  margin-top: 25px;
}

.product-part-container .nav-tabs {
  border: none;
  background: #FFF;
  padding-bottom: 0;
}

.product-part-container .nav-tabs li a {
  color: #1F1E1E;
  font-size: 1em;
  font-weight: none;
  border: none;
  border-bottom: 4px solid transparent;
  padding: 14px 18px;
  border-radius: 0;
  margin-right: 5px;
}

.product-part-container .nav-tabs > li.active a {
  border-color: #1f3776;
}

.product-part-container .nav-tabs > li.active a:hover,
.product-part-container .nav-tabs > li.active a:focus,
.product-part-container .nav-tabs > li.active a:active,
.product-part-container .nav-tabs > li.active a:visited {
  color: #1F1E1E;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 4px solid #1f3776;
}

.product-part-container .nav-tabs > li:hover,
.product-part-container .nav-tabs > li:focus,
.product-part-container .nav-tabs > li:active,
.product-part-container .nav-tabs > li:visited {
  border: none;
}

.product-part-container .nav-tabs > li:hover a,
.product-part-container .nav-tabs > li:focus a,
.product-part-container .nav-tabs > li:active a,
.product-part-container .nav-tabs > li:visited a {
  color: #1F1E1E;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 4px solid #1f3776;
}

.product-part-container .tab-content {
  padding-top: 15px;
  height: auto;
  overflow: hidden;
  line-height: 180%;
  height: auto;
  overflow: hidden;
  padding-left: 0px;
  padding-right: 0px;
}

.product-part-container .tab-content .part-ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: #F4F8FB;
  border: 1px solid #dbe3e8;
}

.product-part-container .tab-content .part-ul li {
  border-bottom: 1px solid #dbe3e8;
}

.product-part-container .tab-content .part-ul li:last-child {
  border: none;
}

.product-part-container .tab-content .part-ul li .part-details {
  padding-right: 20px;
}

.product-part-container .tab-content .part-ul li .part-details .btn-description {
  cursor: pointer;
  color: #1f3776;
}

.product-part-container .tab-content .part-ul li .part-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  width: 100%;
}

.product-part-container .tab-content .part-ul li .part-links a {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 15px 20px;
}

.product-part-container .tab-content .part-ul li .part-links a .playicon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 20px;
  color: #1F1E1E;
  border-radius: 50px;
  width: 48px;
  height: 48px;
  box-shadow: 1px 1px 6px 0px rgba(30, 36, 98, 0.08);
}

.product-part-container .tab-content .part-ul li .part-links a .course-list-name {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}

.product-part-container .tab-content .part-ul li .part-links a .course-list-name span {
  display: block;
  font-size: 12px;
  color: #797979;
  line-height: 1;
  margin-top: 10px;
}

.product-part-container .tab-content .part-ul li .part-links a .course-list-name label {
  display: block;
  margin: 0;
  color: #1F1E1E;
  pointer-events: none;
  line-height: 13pt;
}

.product-part-container .tab-content .part-ul li .part-links a:hover {
  text-decoration: none;
}

.product-part-container .tab-content .part-ul li .part-links a:hover label,
.product-part-container .tab-content .part-ul li .part-links a:hover .playicon {
  color: #1f3776;
}

.product-part-container .tab-content .part-ul li .part-links div:nth-child(3) {
  padding-top: 8px;
}

.product-part-container .tab-content .part-ul li .part-links div:nth-child(4) {
  padding-top: 8px;
  text-align: center;
  font-weight: bold;
}

.product-part-container .tab-content .part-ul li .part-links div:nth-child(5) {
  padding-top: 8px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.product-part-container .tab-content .part-ul li .part-links div:nth-child(6) {
  padding-top: 8px;
  text-align: center;
  color: green;
  font-weight: bold;
}

.product-part-container .tab-content .part-ul li .part-links:hover {
  text-decoration: none;
}

.product-part-container .tab-content .part-ul li .lock {
  background-image: url(/images/part-lock-icon.svg?d793844b39448b685f3424ec2598af15);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 4px;
  right: 5px;
}

.product-part-container .tab-content .part-ul li .clip {
  background-image: url(/images/clip.svg?a5731a3131a5018eae392d2c82d967c7);
  width: 24px;
  height: 24px;
  display: inline-block;
}

.product-part-container .tab-content .part-ul li span {
  display: inline-block;
  padding: 15px 20px;
}

.product-part-container .tab-content .part-ul li.document {
  height: auto;
  overflow: hidden;
  padding-bottom: 4px;
  border: none;
  margin-top: 7.5px;
}

.product-part-container .tab-content .part-ul li.document span {
  padding-top: 0px;
}

.product-part-container .tab-content .part-ul li.document label {
  padding-top: 0px;
  font-size: 1em;
}

.product-part-container .tab-content .part-ul:last-child {
  border-radius: 6px;
}

.product-body {
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}

.product-body .product-details-box {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.product-body .product-details-box .proicon {
  font-size: 1em;
  color: #797979;
  line-height: 1;
}

.product-body .product-details-box span:nth-child(2) {
  display: inline-block;
  color: #797979;
  margin-left: 10px;
}

.product-body .product-details-box .topic {
  color: #797979;
}

.product-body .product-price-box .buy-price {
  font-size: 2em;
  font-weight: bold;
  color: #1f3776;
}

.product-body .product-price-box .full-price {
  font-size: 1.3em;
  color: #797979;
}

.product-body .product-buy-selection {
  margin-bottom: 15px;
}

.product-body .product-buy-selection .radio {
  display: none;
  margin-bottom: 10px;
  margin-top: 8px;
}

.product-body .product-buy-selection .radio label {
  font-weight: bold;
  margin-top: 5px;
  font-size: 1.2em;
}

.product-body .product-buy-selection .radio label span {
  padding-right: 40px;
}

.product-btn-buy {
  width: 100%;
  margin-top: 20px;
  font-size: 1.2em;
}

.product-btn-subscribe {
  width: 100%;
  font-size: 1.2em;
}

.product-btn-login {
  width: 100%;
  margin-top: 20px;
  font-size: 1.2em;
}

.btn-preview {
  width: 100%;
  margin-top: 15px;
  font-size: 1.2em;
}

.course_details {
  background-color: #F4F8FB;
  border-radius: 6px;
  padding: 25px;
  margin-bottom: 25px;
  border: 1px solid #dbe3e8;
}

.course_details .wish-list {
  position: relative;
  margin-bottom: 10px;
  top: 0;
  text-align: right;
}

.course_details .wish-list span {
  font-size: 2.7rem;
}

.course_details .taecher-header {
  text-align: center;
}

.course_details .taecher-header span {
  font-size: 1em;
  color: #797979;
}

.course_details .img-box {
  width: 120px;
  height: 120px;
  border-radius: 120px;
  border: 1px solid #1f3776;
  padding: 2px;
  margin: 10px auto 0;
  display: block;
  transition: 0.8s;
}

.course_details .teacher-profile {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.course_details .teacher-profile span {
  font-size: 1em;
  color: #797979;
}

.course_details .teacher-detail {
  padding: 0 15px 0 15px;
}

.course_details .teacher-detail span {
  color: #797979;
  font-size: 0.95em;
  line-height: 18pt;
}

.course_details .teacher-detail span ul {
  padding-left: 15px;
}

.product-user-box {
  height: auto;
  overflow: hidden;
  padding: 12px;
}

.product-user-box .img-box {
  width: 120px;
  height: 120px;
  border-radius: 120px;
  border: 2px solid #EFEFEF;
  padding: 2px;
  margin: 10px auto 0;
  display: block;
  transition: 0.8s;
}

.product-user-box .img-box:hover {
  -webkit-transition: border 0.5s;
  box-shadow: 0 0 0 5px #e3e3e3;
  transition: 0.7s;
  border: 2px solid #EFEFEF;
}

.product-user-box .img-icon {
  width: 24px;
  height: auto;
  margin: 3px;
  margin-top: 10px;
}

.product-user-box span {
  display: block;
  text-align: center;
  font-weight: bold;
  margin: 8px;
  font-size: 1.3em;
  color: #333;
}

.product-user-box .user-description-box {
  border-radius: 4px;
  height: auto;
  overflow: hidden;
  line-height: 170%;
  color: #797979;
}

.product-user-box-footer a {
  width: 100%;
}

.lesson_group {
  background-color: #1E2462;
  color: white;
  padding: 12px 20px;
}

.course-list-name {
  line-height: 13pt;
}

.course-list-name label {
  margin: 0;
  font-weight: normal;
}

.download-btn {
  color: #797979;
}

.spinner {
  z-index: 9999;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin: 0px auto;
  animation: rotation 0.6s infinite linear;
  border-left: 6px solid rgb(159, 152, 254);
  border-right: 6px solid rgb(159, 152, 254);
  border-bottom: 6px solid rgb(140, 132, 254);
  border-top: 6px solid rgb(114, 104, 255);
  border-radius: 100%;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}

.row.no-gutter [class*=col-]:not(:first-child),
.row.no-gutter [class*=col-]:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.fit {
  width: -moz-fit-content;
  width: fit-content;
  /* To adjust the height as well */
  height: -moz-fit-content;
  height: fit-content;
}

.course_details .product-start .noti-msg {
  max-width: 250px;
  font-size: 0.9em;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #d6d6d6;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  display: block;
}

::-webkit-scrollbar-track {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

.user-menu {
  background-color: #F4F8FB;
  padding: 3.5rem 0;
  margin-bottom: 10px;
}

.user-menu-list-wrapper {
  display: flex;
}

.user-menu-list {
  flex: 1;
  display: flex;
  justify-content: center;
}

.user-menu-text {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  color: #1F1E1E;
  margin-top: 10px;
}

.ucp-menu-item .item-box {
  text-align: center;
}

.ucp-menu-item .item-box .micon {
  display: block;
  color: #1F1E1E;
  text-align: center;
  font-size: 30px;
  transition: all 300ms;
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  line-height: 80px;
  margin: 0 auto;
  box-shadow: 1px 1px 6px 0px rgba(30, 36, 98, 0.08);
}

.ucp-menu-item .item-box:hover .micon {
  transition: all 300ms;
  color: #1f3776;
}

.ucp-menu-item .item-box:hover .user-menu-text {
  color: #1f3776;
}

.ucp-menu-item .item-box img {
  display: block;
  margin: 10px auto 10px;
  width: 54px;
  height: 50px;
}

.ucp-menu-item .item-box-active .user-menu-text,
.ucp-menu-item .item-box-active .micon {
  color: #1f3776;
}

.user-settings-menu {
  padding: 20px;
  background-color: #F4F8FB;
  border-radius: 6px;
  box-shadow: 1px 2px 6px 0px rgba(30, 36, 98, 0.5);
}

.user-settings-menu ul {
  list-style: none;
  padding: 0;
}

.user-settings-menu ul li {
  display: block;
  line-height: 45px;
  font-weight: normal;
  padding-left: 20px;
  color: #202124;
  border-radius: 6px;
  cursor: pointer;
  color: #979797;
}

.user-settings-menu ul li svg {
  fill: #979797;
  margin-bottom: -5px;
}

.user-settings-menu ul li:hover {
  color: #1f3776;
  background-color: #F4F8FB;
}

.user-settings-menu ul li:hover svg {
  fill: #1f3776 !important;
}

.user-settings-menu ul li.active {
  color: #1f3776;
  background-color: #F4F8FB;
}

.user-settings-menu ul li.active svg {
  fill: #1f3776 !important;
}

.user-settings-title {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #dbe3e8;
  padding-bottom: 10px;
}

.user-settings-form {
  display: none;
  padding: 30px;
  border-radius: 6px;
}

.user-settings-form input[type=text],
.user-settings-form input[type=password],
.user-settings-form select {
  max-width: 450px;
}

.user-settings-form:first-child {
  display: block;
}

.user-settings-form .tab-content {
  padding-left: 0;
  padding-right: 0;
}

.user-settings-form .table-responsive {
  border: 0px !important;
  font-size: 0.9em;
  overflow-y: hidden;
  -webkit-overflow-scrolling-x: touch;
}

.user-settings-form .table-responsive .subscrip-table tbody tr td {
  white-space: nowrap;
  min-width: 100px;
}

.user-settings-form .user-settings-header {
  color: #414141;
  padding-bottom: 10px;
  font-size: 1.6em;
  margin-bottom: 30px;
}

.user-settings-form .user-settings-header span {
  border-bottom: 2px solid #414141;
  padding-bottom: 10px;
}

.user-settings-form .user-settings-header svg {
  fill: #414141;
}

.user-settings-form .user-settings-header i {
  margin-right: 10px;
}

.user-settings-form .user-settings-sub-header {
  padding: 3px 10px;
  background-color: rgba(230, 230, 230, 0.9019607843);
  border-radius: 8px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.user-settings-form .package-detail-active {
  background-color: #32ab3e;
  border: 1px solid #32ab3e;
  border-radius: 5px;
  padding: 0px 10px;
  color: white;
}

.user-settings-form .package-detail-inactive {
  background-color: #f4d1ce;
  border: 1px solid #f4d1ce;
  border-radius: 18px;
  padding: 0px 10px;
  color: #F04159;
}

.user-settings-form .package-detail-notfound {
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
  border-radius: 18px;
  padding: 0px 10px;
}

.user-settings-form .password-eye-view i {
  right: auto;
  left: 420px;
}

.input-group input {
  border-radius: 0px !important;
}

.input-group .btn {
  padding: 10px 15px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: none;
  box-shadow: none;
}

.input-group .btn:hover {
  border: none;
  box-shadow: none;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #797979;
  text-align: center;
  white-space: nowrap;
  background-color: #F4F8FB;
  border: 2px solid #dbe3e8;
  border-right: 0;
  border-radius: 6px 0 0 6px;
  height: 100%;
  font-size: 18px;
  cursor: pointer;
  height: 47px;
}

.input-group-text i {
  transform: none !important;
}

.input-group-prepend {
  display: flex;
  cursor: pointer;
}

.input-group-prepend input {
  pointer-events: none;
  background-color: #F4F8FB;
  cursor: pointer;
}

.active-status {
  background-color: #32ab3e;
  color: #ffffff;
  font-size: 0.9rem;
  padding: 3px 8px;
  border-radius: 5px;
}

.expired-status {
  background-color: #ef5353;
  color: #ffffff;
  font-size: 0.9rem;
  padding: 3px 8px;
  border-radius: 5px;
  white-space: nowrap;
}

.waiting-status {
  background-color: #ee9c3d;
  color: #ffffff;
  font-size: 0.9rem;
  padding: 3px 8px;
  border-radius: 5px;
}

.cancel-status {
  background-color: #676767;
  color: #ffffff;
  font-size: 0.9rem;
  padding: 3px 8px;
  border-radius: 5px;
}

.user-certification-type {
  font-size: 0.9em;
  color: rgba(133, 133, 133, 0.9019607843);
}

.user-certicates-lists {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  font-size: 0.9em;
}

.user-certicates-lists img {
  width: 100%;
  height: auto;
}

.user-certicates-lists p {
  margin-bottom: 5px;
}

.user-certicates-lists .certification-btn {
  padding: 2px 3px;
  font-size: 0.8em;
  margin-top: 5px;
}

.setting-user-avatar {
  text-align: center;
}

.setting-user-avatar img {
  width: 150px;
  border-radius: 50%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 3px solid #1f3776;
}

.setting-user-avatar p {
  color: #787878;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 15px;
}

.user-history-menu-tabs {
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 0px;
}

.user-history-menu-tabs a {
  color: #787878;
  font-size: 1.3em;
  font-weight: bold;
}

.user-history-menu-tabs a:hover {
  cursor: pointer;
  color: #1f3776 !important;
}

.user-history-menu-tabs .active a {
  color: #1f3776 !important;
  border-bottom: 2px solid #1f3776;
}

.content-box .image {
  border-radius: 10px 10px 0 0;
}

.user-history-form .content-box,
.wish-list-box .content-box {
  background-color: transparent;
  border-radius: 0 0 10px 10px;
}

.user-history-form .content-box .series-title a,
.wish-list-box .content-box .series-title a {
  color: #1E2462;
  text-align: left;
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.user-history-form .course-progess,
.wish-list-box .course-progess {
  display: block;
  margin-top: 5px;
  font-size: 0.9em;
  color: #1f3776;
  padding: 10px;
  line-height: 16pt;
  margin-bottom: 20px;
}

.user-history-form .course-progess i,
.wish-list-box .course-progess i {
  font-weight: bold;
}

.user-history-form .progress,
.wish-list-box .progress {
  width: 100%;
}

.user-history-form .course-progess-bar,
.wish-list-box .course-progess-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.user-history-form .course-progess-btn,
.wish-list-box .course-progess-btn {
  text-align: center;
}

.user-history-form .course-progess-btn .btn,
.wish-list-box .course-progess-btn .btn {
  font-size: 0.9em;
  padding: 3px 10px;
  border-radius: 5px;
  margin-top: 5px;
}

.wish-list-box .wishlist-series-box,
.user-history-form .wishlist-series-box {
  box-shadow: none;
  background-color: transparent;
  border: 0px;
  margin-bottom: 20px;
}

.wish-list-box .wishlist-series-box .series-item,
.user-history-form .wishlist-series-box .series-item {
  position: relative;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
}

.wish-list-box .wishlist-series-box .series-item img,
.user-history-form .wishlist-series-box .series-item img {
  border-radius: 10px;
}

.wish-list-box .wishlist-series-box .series-item .ribbon-top,
.user-history-form .wishlist-series-box .series-item .ribbon-top {
  display: flex;
  justify-content: space-between;
}

.wish-list-box .wishlist-series-box .series-item .ribbon-top .ribbon-title-top,
.user-history-form .wishlist-series-box .series-item .ribbon-top .ribbon-title-top {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: relative;
  left: 5px;
  top: 5px;
  margin-right: 0px;
}

.wish-list-box .wishlist-series-box .series-item .serie-card-title,
.user-history-form .wishlist-series-box .series-item .serie-card-title {
  font-size: 1.5rem;
  padding-top: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.wish-list-box .wishlist-series-box .series-item .serie-card-title a,
.user-history-form .wishlist-series-box .series-item .serie-card-title a {
  color: #202124;
  overflow: hidden;
  font-size: 1em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 13pt;
}

.wish-list-box .wishlist-series-box .series-item .text,
.user-history-form .wishlist-series-box .series-item .text {
  float: left;
  padding: 5px;
  color: #797979;
  font-size: 14px;
  position: absolute;
}

.wish-list-box .wishlist-series-box .series-item .overlay,
.user-history-form .wishlist-series-box .series-item .overlay {
  border-radius: 0 0 10px 10px;
  position: absolute;
  top: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #ffffff;
  background: #ffffff;
}

.wish-list-box .wishlist-series-box .series-item:hover .overlay,
.user-history-form .wishlist-series-box .series-item:hover .overlay {
  opacity: 1;
}

.wish-list-box .wishlist-series-box .series-item:hover .serie-card-title,
.user-history-form .wishlist-series-box .series-item:hover .serie-card-title {
  color: #202124;
}

.wish-list-box .wishlist-series-box .series-item:active .overlay,
.user-history-form .wishlist-series-box .series-item:active .overlay {
  opacity: 0;
}

.wish-list-box .wishlist-series-box .series-title,
.user-history-form .wishlist-series-box .series-title {
  justify-content: flex-start;
  margin: 10px 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1E2462;
}

.wish-list-box .wishlist-series-box .series-title a,
.user-history-form .wishlist-series-box .series-title a {
  color: #1E2462;
  text-align: left;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.wish-list-box .series_header_name,
.user-history-form .series_header_name {
  color: #c1c1c1;
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.wish-list-box .card-header,
.user-history-form .card-header {
  justify-content: end;
  margin-bottom: 20px;
}

.serie-list {
  background-color: rgba(230, 230, 230, 0.9019607843);
  padding: 20px 10px;
  border-radius: 10px;
}

.history-serie-section {
  display: grid;
  grid-template-columns: repeat(4, 23%);
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

.history-content-section {
  display: grid;
  grid-template-columns: repeat(4, 23.7%);
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

.container-user-account {
  padding-bottom: 30px;
  margin-top: 80px;
}

.user-setting-menu-small {
  padding-top: 20px;
  padding-bottom: 15px;
  list-style: none;
  text-align: center;
  color: #9b9b9b;
  fill: #9b9b9b;
  font-size: 0.9em;
  display: none;
  background-color: #ffffff;
}

.user-setting-menu-small li:hover {
  cursor: pointer;
  color: #1f3776;
  fill: #1f3776;
}

.user-setting-menu-small .slick-next {
  display: block;
  height: 100%;
  background: #ffffff;
  border-left: 2px solid #dbe3e8;
  right: -10px;
  padding-left: 2px;
  z-index: 555;
}

.user-setting-menu-small .slick-prev {
  display: block;
  height: 100%;
  background: #ffffff;
  border-right: 2px solid #dbe3e8;
  left: -10px;
  padding-right: 2px;
  z-index: 555;
}

.user-setting-menu-small .slick-prev:before,
.user-setting-menu-small .slick-next:before {
  font-size: 20px;
  color: #7e7e7e;
}

.user-setting-menu-small .slick-slide {
  margin: 0 8px;
  padding: 5px;
}

.user-setting-menu-small .active {
  color: #1f3776;
  fill: #1f3776;
}

.user-setting-menu-small .slick-prev:before,
.user-setting-menu-small .slick-next:before {
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 1;
  color: #7e7e7e;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.user-setting-menu-small .slick-prev:before {
  content: "\F053";
}

.user-setting-menu-small [dir=rtl] .slick-prev:before {
  content: "\F054";
}

.user-setting-menu-small [dir=rtl] .slick-next {
  left: -10px;
  top: 70px;
  right: auto;
}

.user-setting-menu-small .slick-next:before {
  content: "\F054";
}

.user-setting-menu-small [dir=rtl] .slick-next:before {
  content: "\F053";
}

.certificate-list {
  display: grid;
  grid-template-columns: repeat(2, 48.8%);
  grid-column-gap: 10px;
  grid-row-gap: 15px;
}

.user-setting-menu-medium,
.user-settings-header {
  display: block;
}

@media only screen and (max-width: 1200px) {
  .user-settings-form .product-list-item {
    grid-template-columns: repeat(2, 48.2%);
  }

  .history-serie-section {
    grid-template-columns: repeat(4, 22.5%);
  }
}

@media only screen and (max-width: 1100px) {
  .history-content-section {
    grid-template-columns: repeat(2, 48.2%);
  }

  .user-certicates-lists {
    grid-template-columns: repeat(1, 100%);
  }

  .user-history-form .footer-title a {
    -webkit-line-clamp: 1;
  }
}

@media only screen and (max-width: 1000px) {
  .history-serie-section {
    grid-template-columns: repeat(4, 23.5%);
    grid-column-gap: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .user-setting-menu-medium,
  .user-settings-header {
    display: block;
  }

  .user-setting-menu-small {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .user-setting-menu-small {
    display: block;
  }

  .user-setting-menu-medium,
  .user-settings-header {
    display: none;
  }

  .container-user-account {
    padding-bottom: 0px;
    margin-top: 0px;
  }

  .wish-list-box .series_header_name .series_header_name,
  .wish-list-box .user-history-form .series_header_name {
    font-size: 0.7em;
  }

  .user-history-menu-tabs {
    margin-top: 10px;
  }

  .user-settings-form .user-settings-sub-header {
    font-size: 1.2em;
  }

  .history-serie-section {
    grid-template-columns: repeat(2, 48%);
  }
}

@media only screen and (max-width: 525px) {
  .user-settings-form .password-eye-view i {
    right: 20px;
    left: auto;
  }
}

.gap-1 {
  gap: 10px;
}

.profile-wrapper {
  background-color: #F4F8FB;
}

.instructor-menu {
  padding-top: 0;
}

.profile-top-background {
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}

.profile-top-background .bottom-section {
  padding-top: 30px;
}

.profile-top-background .bottom-section span {
  color: #fff;
  font-size: 20px;
}

.profile-top-background .bottom-section a {
  float: right;
  height: 42px;
  border-radius: 25px;
  margin-right: 15px;
  padding: 8.5px 12px;
}

.profile-top-background .bottom-section a span {
  vertical-align: middle;
  padding-left: 5px;
  display: inline-block;
  margin: -5px;
}

.profile-top-background .bottom-section a:hover {
  color: white;
}

.profile-top-background .bottom-section label.buttons {
  display: flex;
  align-items: center;
  text-align: left;
  background-color: #797979;
  margin-right: 25px;
  float: right;
  border-radius: 50px;
  padding: 4px 15px;
  font-weight: normal;
}

.profile-top-background .bottom-section label.buttons p {
  font-size: 16px;
  margin-bottom: 0;
  margin-left: 5px;
}

.profile-middle-background {
  position: relative;
  height: 116px;
}

.profile-middle-background img {
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 100px;
  border: 2px solid #dbe3e8;
  top: -45px;
  background-color: #fff;
}

.profile-middle-background .rate-section {
  display: inline;
  padding: 8px;
  width: auto;
  color: #FEE101;
  width: 125px;
  text-align: center;
  font-size: 10px;
  margin-top: 70px;
}

.profile-middle-background .rate-section i {
  padding: 1px;
}

.profile-middle-background .location-section {
  margin-top: -30px;
}

.profile_name_item {
  padding-right: 30px;
  background: none;
  padding-right: 10px;
  font-size: 1.9em;
  color: #1F1E1E;
}

.profile_register_date_item {
  padding-right: 30px;
  margin-bottom: 15px;
  background: none;
  padding-right: 10px;
  padding-top: 5px;
  color: #797979;
}

.video-layout {
  background-color: #F4F8FB;
}

.video-upload {
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 5px 15px 5px rgba(30, 36, 98, 0.1);
}

.multi-steps .right-side {
  height: 100%;
  border-right: 1px solid #D6D6D6;
  padding: 0 !important;
  padding-right: 20px;
}

.multi-steps .right-side ul {
  margin: 0;
  padding: 0;
}

.multi-steps .right-side ul li {
  list-style: none;
  position: relative;
  left: 3px;
}

.multi-steps .right-side ul li a {
  color: #202124;
  font-size: 1.1em;
  padding: 15px;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.multi-steps .right-side ul li a:hover {
  text-decoration: none;
  color: #1f3776;
}

.multi-steps .right-side ul li a:active {
  text-decoration: none;
  color: #1f3776;
}

.multi-steps .right-side ul li a:visited {
  text-decoration: none;
  color: #1f3776;
}

.multi-steps .right-side ul li a svg {
  vert-align: middle;
  width: 64px;
  height: auto;
  padding-right: 20px;
  position: relative;
  top: 17px;
}

.multi-steps .right-side ul li a span:nth-child(2) {
  margin-left: 15px;
}

.multi-steps .right-side ul li a .mdi {
  line-height: 1;
  font-size: 1.8em;
}

.multi-steps .right-side ul li:hover i {
  transition: all 300ms;
  color: #1f3776;
}

.multi-steps .right-side ul li.active {
  border-right: 5px solid #1f3776;
}

.multi-steps .right-side ul li.active a {
  color: #1f3776;
  text-decoration: none;
}

.multi-steps .right-side ul li.active a .svg path {
  fill: #1f3776;
}

.multi-steps .right-side ul li.active a i {
  color: #1f3776;
}

.multi-steps .btn:hover {
  color: #fff;
  text-decoration: none;
}

.instructor-section {
  margin-top: 15px;
  margin-bottom: 15px;
}

.instructor-info {
  padding: 15px 0px;
}

.instructor-info .instructor-profile-pic .img-box {
  width: auto;
  height: auto;
  max-width: 180px;
  border-radius: 180px;
  border: 2px solid #1f3776;
  /* padding: 2px; */
  margin: 10px auto 10px;
  display: block;
  transition: 0.8s;
}

.instructor-info .instructor-profile-info {
  padding: 0px 0px 0px 15px;
}

.instructor-info .instructor-profile-info .instructor-name {
  font-weight: bold;
  font-size: 1.6em;
}

.instructor-info .instructor-profile-info .instructor-short-desc {
  font-size: 1.2em;
}

.instructor-info .instructor-profile-info .instructor-desc {
  width: 80%;
}

.instructor-info .instructor-profile-info hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 2px solid #1f3776;
}

.instructor-info .instructor-profile-info .detail-fix-height {
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.instructor-course {
  padding: 15px 0px;
}

.instructor-course .instructor-course-header {
  font-size: 1.6em;
  color: #1F1E1E;
}

.instructor-course .related-course-details {
  display: grid;
  grid-template-columns: repeat(4, 23.5%);
  grid-column-gap: 2%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.instructor-course .body-target-content .content-box {
  border: 0px;
  background-color: transparent;
  border-radius: 10px;
  margin-bottom: 30px;
}

.instructor-course .body-target-content .content-box .image {
  border-radius: 10px 10px 0 0;
}

.instructor-serie {
  background-color: #eee;
  padding: 15px 0px;
}

.instructor-serie .instructor-serie-header {
  font-size: 1.6em;
  color: #1F1E1E;
}

.instructor-serie .serie-details {
  padding-top: 15px;
}

.instructor-serie .serie-details .content-box {
  border-radius: 10px;
  border: 0px;
  background-color: transparent;
  box-shadow: none;
}

.instructor-serie .serie-details .content-box:hover .series-title a {
  color: #1f3776;
}

.instructor-serie .serie-details .series-item {
  position: relative;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
  border-radius: 10px;
}

.instructor-serie .serie-details .series-item .image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.instructor-serie .serie-details .series-item .overlay {
  position: absolute;
  border-radius: 0 0 10px 10px;
  top: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #ffffff;
  background: #ffffff;
}

.instructor-serie .serie-details .series-item .serie-card-title {
  font-size: 1em;
  padding-top: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.instructor-serie .serie-details .series-item .serie-card-title a {
  color: #202124;
  line-height: 13pt;
  font-size: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.instructor-serie .serie-details .series-item .text {
  float: left;
  padding: 5px;
  color: #797979;
  font-size: 0.8em;
  position: absolute;
  bottom: 0;
}

.instructor-serie .serie-details .series-item .text span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.instructor-serie .serie-details .series-item .text .serie-card-details {
  color: #ffffff;
  font-size: 1em;
  padding-top: 5px;
}

.instructor-serie .serie-details .series-item .text .serie-clock-detail {
  padding: 5px 15px 0 0;
  color: #636364;
  font-size: 0.9em;
  display: flex;
  justify-content: space-between;
}

.instructor-serie .serie-details .series-item .ribbon-top {
  display: flex;
  justify-content: space-between;
}

.instructor-serie .serie-details .series-item .ribbon-top .ribbon-title-top {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: relative;
  left: 5px;
  top: 5px;
  margin-right: 0px;
}

.instructor-serie .serie-details .series-item .ribbon-top .wish-list {
  position: relative;
  top: 7px;
  right: 3px;
}

.instructor-serie .serie-details .series-item:hover .overlay {
  opacity: 1;
}

.instructor-serie .serie-details .series-item:hover .serie-card-title {
  color: #202124;
}

.instructor-serie .serie-details .series-title {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
  text-align: center;
  height: 45px;
}

.instructor-serie .serie-details .series-title a {
  color: #1E2462;
  font-size: 0.9em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.featured-cate {
  margin-bottom: 0px;
  background-color: #ededed;
  width: 100%;
}

.vip-discount {
	width:75% !important;
}

.featured-cate .header span {
  display: inline-block;
  font-size: 1.9em;
  margin-top: 10px;
  color: #1E2462;
}

.featured-cate-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1%;
}

.featured-cate-container-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1%;
}

.featured-cate-card {
  position: relative;
  padding: 0px 20px;
}

.featured-cate-card:hover .featured-cate-icon {
  background-color: #14275b;
}

.featured-cate-card:hover .featured-cate-icon .st0 {
  fill: #ffffff;
}

.featured-cate-card .slick-prev:before,
.featured-cate-card .slick-next:before {
  color: #D5C0FF;
}

.featured-cate-card .featured-cate-icon {
  border-radius: 6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #1f3776;
  transition: all 0.2s ease-in-out;
  fill: #ffffff;
  width: 96px;
  height: 96px;
  display: flex;
  margin: auto;
}

.featured-cate-card .cate-active {
  background-color: #3A0077;
}

.featured-cate-card .cate-active .st0 {
  fill: #ffffff;
}

.featured-cate-card h3 {
  font-size: 0.9em;
  color: #1f3776;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.featured-cate-card img {
  margin: auto;
  display: flex;
  height: 50%;
}

.featured-cate-card svg {
  width: 60%;
  margin: auto;
  display: flex;
}

.featured-cate-card .icon1 svg {
  width: 70%;
  margin: auto;
  display: flex;
}

.featured-cate-card .st0 {
  fill: #ffffff;
}

.h-8 {
  height: 10px;
  clear: both;
  height: 8px;
}

.article-section {
  background-color: #fff;
}

.article-section .header span {
  font-size: 1.5em;
  font-weight: bold;
}

.article-section .body {
  margin-top: 25px;
}

.article-section .newest-container .btn-line {
  border: 2px solid #202124;
}

.blog-list {
  padding-bottom: 60px;
}

.blog-card-img {
  margin-bottom: 15px;
}

.blog-card-img img {
  width: 100%;
}

.blog-cate {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ded0f4;
  width: 100%;
}

.blog-cate .header span {
  display: inline-block;
  font-size: 1.9em;
  margin-bottom: 30px;
}

.blog-cate .blog-cate-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.blog-card {
  display: block;
  width: 100%;
  background-color: #ffffff;
}

.blog-card:hover .blog-card-title {
  color: #1f3776;
}

.blog-title-top .is-badge {
  margin-right: 5px;
}

.blog-card-date {
  display: inline-block;
  font-size: 12px;
  color: #797979;
  padding-bottom: 5px;
}

.blog-card-details {
  color: #797979;
  height: 70px;
}

.blog-container {
  max-width: 710px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.blog-container .header {
  text-align: center;
  margin-bottom: 25px;
}

.blog-container h1 {
  margin-top: 0;
  margin-bottom: 25px;
}

.blog-container .img-responsive {
  margin-bottom: 25px;
  max-width: 120%;
  width: 100%;
  /*margin-left: -10%;*/
}

.blog-card-footer {
  padding: 15px;
}

.card-item {
  position: relative;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
  border-radius: 10px;
  margin-bottom: 35px;
}

.card-item .ribbon-title-top {
  position: absolute;
  right: 10px;
  top: 10px;
}

.card-item .image {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-item .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  /* W3C */
}

.card-item .text {
  float: left;
  padding: 10px;
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  bottom: 0;
}

.card-item .text .card-title {
  color: #ffffff;
  font-size: 1.5rem;
  padding-top: 30px;
}

.card-item .text .card-details {
  color: #ffffff;
  font-size: 1.2rem;
  padding-top: 5px;
}

.card-item .text .clock-detail {
  padding: 5px 15px 0 0;
  color: #636364;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
}

.card-item:hover .overlay {
  opacity: 0.95;
}

.card-item:hover .card-title {
  color: #E3D2FF;
}

.card-item:hover .footer-title a {
  color: #1f3776;
}

.card-item .wish-list {
  top: 0px;
}

.blog-text-section {
  font-size: 18px !important;
  font-family: "Poppins", "Kanit", Tahoma, Arial, Sans-serif !important;
}

.blog-text-section .text-section {
  font-family: "Poppins", "Kanit", Tahoma, Arial, Sans-serif !important;
}

.blog-text-section .text-section img {
  max-width: 100%;
}

.blog-text-section .text-section blockquote {
  border-left: 8px solid #7E75FF;
}

.blog-tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.9em;
  font-style: italic;
}

.similar-blog-header {
  margin-bottom: 0px;
}

.similar-blog-section {
  background-color: #F4F8FB;
  padding-top: 30px;
  margin-bottom: 15px;
}

.similar-blog-section a {
  color: #000000;
}

.similar-blog-section .footer-title {
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.similar-blog-section .similar-details {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
}

.similar-blog-section .content-box {
  border: 0px;
  border-radius: 10px;
  margin-bottom: 30px;
  color: #202124;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
  position: relative;
}

.similar-blog-section .content-box .blog-item {
  border-radius: 10px;
}

.similar-blog-section .content-box .footer-content {
  max-height: 70px;
  padding: 15px;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 0 0 10px 10px;
}

.similar-blog-section .content-box .image {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
}

.text-navy {
  color: #1ab394;
}

.text-incompleted {
  color: #F04159;
}

.text-pending {
  color: #f6993f;
}

.cart-product-imitation {
  text-align: center;
  height: 100%;
  width: 100px;
}

.product-imitation.xl {
  padding: 120px 0;
}

.product-desc {
  padding: 20px;
  position: relative;
}

.ecommerce .tag-list {
  padding: 0;
}

.ecommerce .fa-star {
  color: #d1dade;
}

.ecommerce .fa-star.active {
  color: #f8ac59;
}

.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}

.shoping-cart-table {
  margin-bottom: 0;
}

.shoping-cart-table tr td {
  border: none;
  text-align: right;
}

.shoping-cart-table tr td.desc,
.shoping-cart-table tr td:first-child {
  text-align: left;
}

.shoping-cart-table tr td:last-child {
  width: 80px;
}

.ibox {
  clear: both;
  margin-bottom: 15px;
  margin-top: 0;
  padding: 0;
}

.ibox.collapsed .ibox-content {
  display: none;
}

.ibox:after,
.ibox:before {
  display: table;
}

.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  -o-border-image: none;
     border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 15px;
  min-height: 48px;
}

.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 0px 15px 15px 15px;
  -o-border-image: none;
     border-image: none;
  border-width: 1px 0;
}

.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

.dropdown-container-p {
  padding: 15px;
  font-size: 14px;
  border-radius: 6px;
  border: 2px solid #e7eaec;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  color: #202124;
  background-color: #ffffff;
}

.container-p {
  padding: 15px;
  font-size: 14px;
  border-radius: 6px;
  border: 2px solid #e7eaec;
  font-weight: normal;
  margin-bottom: 10px;
  color: #202124;
}

.delete-cart-item {
  width: 30px;
  height: 30px;
  background-color: #202124;
  color: white;
  border-radius: 6px;
  font-size: 16px;
  border: 1px solid transparent;
}

.delete-cart-item:focus {
  box-shadow: none !important;
  border-color: #1f3776 !important;
}

.form-horizontal {
  padding-top: 10px;
}

.display-price {
  border: 0px;
  background-color: #F7F7F7;
  border-radius: 6px;
  margin-bottom: 20px;
}

.continue-pay {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  color: #1f3776;
  border-radius: 6px;
  font-size: 24px;
  font-weight: bold;
  border: 1px solid transparent;
}

.div-kbank {
  border: 2px solid #e7eaec;
  margin-bottom: 10px;
  margin-left: 0.2px;
  margin-right: 0.2px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
}

.div-kbank p {
  margin: 0px 0px 0px 15px;
  font-size: 14px;
}

.div-manu {
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
}

.disabled {
  display: none;
}

@media all and (max-width: 479px) {
  td.col_4 {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: collapse;
  }
}

.section-subscription .detail {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-column-gap: 16px;
  padding: 30px 100px 0px 100px;
}

.section-subscription .detail .price-detail {
  margin-bottom: 11px;
}

.section-subscription .ibox-back-home {
  padding: 0px 100px;
}

.section-subscription .ibox-back-home a button {
  padding: 10px 15px;
}

.subscription-section {
  padding-top: 30px;
}

.subscription-section .header span {
  display: inline-block;
  font-size: 1.9em;
}

.subscription-container .header {
  display: flex;
  justify-content: center;
}

.subscription-container .header span {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
}

.subscription-container .body {
  margin-top: 25px;
  margin-bottom: 0px;
  height: auto;
  overflow: hidden;
}

.subscription-container .body .content-box {
  direction: ltr;
  display: block;
  width: 100%;
  margin-bottom: 25px;
  color: #202124;
}

.subscription-container .body .content-box:after {
  content: "";
  clear: both;
  display: table;
}

.subscription-packagename {
  background-color: #f7f7f7;
  text-align: center;
  padding: 20px;
  font-size: 26px;
  font-weight: bold;
  color: #202124;
  border: 1px solid #f7f7f7;
}

.subscription-packageprice {
  text-align: center;
  padding: 20px 20px 0px 20px;
  font-size: 32px;
  font-weight: bold;
  color: #202124;
  border: 1px solid #f7f7f7;
  border-bottom: 0px;
}

.subscription-packagedate {
  text-align: center;
  color: #202124;
  padding-bottom: 20px;
}

.subscription-packagedescription {
  height: 70px;
}

.subscription-packagedescription p {
  padding: 15px;
  text-align: center;
  border-top: 1px solid #f7f7f7;
  color: #797979;
}

.subscription-footer {
  background-color: #1f3776;
  text-align: center;
  padding: 12px 26px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #1f3776;
}

.subscription-box {
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
  background-color: #ffffff;
}

.cate-tab2 {
  margin: 20px 5% 15px 5%;
  display: flex;
  position: relative;
}

.cate-tab-list2 {
  margin-right: 20px;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-bottom: 10px;
}

.cate-tab-list2.active {
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 4px solid #00FFB3;
}

.cate-tab-list2:hover,
.cate-tab-list2:focus {
  outline: none;
}

.confirm-payment {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-bottom: 20px;
}

.confirm-payment .confirm-payment-image {
  display: flex;
  justify-content: center;
}

.confirm-payment .confirm-payment-image img {
  width: 250px;
}

.confirm-payment .confirm-payment-details .detail-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0px;
}

.confirm-payment .confirm-payment-details .detail-list .th {
  width: 180px;
}

.confirm-payment .confirm-payment-details .text-scan-qr {
  text-align: center;
}

.confirm-payment .confirm-payment-details .text-scan-qr .header-2 {
  margin-bottom: 15px;
}

.confirm-payment .confirm-payment-details .download-qr {
  text-align: center;
}

.confirm-payment .confirm-payment-details h3 {
  margin-top: 0px;
  text-align: center;
}

.modal-body {
  position: relative;
  padding: 30px 15px 15px 15px;
}

.subscription-header {
  display: flex;
  justify-content: center;
  font-size: 1.7em;
  color: #1E2462;
}

.newest-search-container .news-section {
  height: auto;
  overflow: hidden;
}

.newest-search-container .body .content-box .content-detail {
  padding: 15px 15px 0 15px;
  color: #636364;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}

.newest-search-container .body .content-box .footer .content-price {
  margin-top: 5px;
}

.newest-search-container .body .content-box .footer .content-clock {
  color: #636364;
  font-size: 12px;
}

.newest-search-container .body .content-box .off-badge label {
  transform: rotate(-44deg);
  top: -50px;
  left: 10px;
  font-size: 1.1em;
  width: 75px;
}

.newest-search-container .body .content-box .off-badge label span {
  font-size: 1em;
  top: 11.5px;
  left: -13.5px;
}

.newest-search-container .more-link a {
  color: #616161;
}

.newest-search-container .header {
  justify-content: space-between;
}

.newest-search-container .header span {
  float: left;
  font-size: 1.8em;
}

.newest-search-container .header .btn-line {
  border-color: #ffffff;
}

.newest-search-container .header span {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
}

.newest-search-container .body {
  margin-top: 25px;
  margin-bottom: 0px;
  height: auto;
  overflow: hidden;
}

.newest-search-container .body .content-box {
  direction: ltr;
  display: block;
  width: 100%;
  margin-bottom: 25px;
  color: #202124;
}

.newest-search-container .body .content-box:after {
  content: "";
  clear: both;
  display: table;
}

.newest-search-container .body .content-box:hover {
  text-decoration: none;
}

.newest-search-container .body .content-box .img-container {
  position: relative;
}

.newest-search-container .body .content-box:hover .off-badge {
  opacity: 0;
  transition: 1.4s opacity;
}

.newest-search-container .body .content-box:hover .vip-badge {
  opacity: 1 !important;
}

.newest-search-container .body .content-box .off-badge {
  transition: 0.8s opacity;
  opacity: 1;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 65px 65px 0 0;
  border-color: #E91E63 transparent transparent transparent;
  border-style: solid;
  top: 0px;
  left: 0;
  display: inline-block;
}

.newest-search-container .body .content-box .vip-badge {
  border-width: 75px 75px 0 0;
  border-color: #FFAF0B transparent transparent transparent;
}

.newest-search-container .body .content-box .vip-badge label {
  top: -75px !important;
  left: 35px !important;
  font-size: 1.4em !important;
}

.newest-search-container .body .content-box .off-badge label {
  transform: rotate(-50deg);
  position: absolute;
  top: -67px;
  display: block;
  left: 24px;
  text-align: center;
  color: #ffffff;
  font-size: 1em;
  width: 75px;
}

.newest-search-container .body .content-box .off-badge label span {
  font-size: 0.7em;
  top: 14px;
  display: inline-block;
  position: absolute;
}

.newest-search-container .body .content-box h3 {
  margin: 0;
  font-size: 1em;
  padding: 15px;
  font-weight: bold;
  line-height: 1.3;
}

.newest-search-container .more-link a {
  background: url(/images/more_icon.svg?2ed545863a082e638d9e0e37c7606fc9);
  background-size: 22px 22px;
  background-position: center left;
  padding-left: 35px;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 1.2em;
  color: #A2A2A2;
  height: 22px;
}

.newest-search-container .header {
  display: flex;
  align-items: center;
}

.newest-search-container .header span {
  margin-right: 30px;
}

.newest-search-container .content-box .footer label.pull-right {
  margin-left: 5px;
  font-weight: 600 !important;
}

.newest-search-container a {
  color: #000000;
}

.newest-search-container a:hover {
  outline: none;
}

.section-search {
  margin-bottom: 30px;
}

.section-search .header span {
  display: inline-block;
  font-size: 1.9em;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #1E2462;
}

.section-search .type_title span {
  display: inline-block;
  font-size: 1.5em;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #1E2462;
}

.section-search .search-series {
  background-color: #000000;
  padding: 20px 0px;
}

.section-search .search-series .type_title span {
  color: #ffffff;
}

.section-search .search-series h3 {
  color: #ffffff;
}

.section-search .search_results .content-box {
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: transparent !important;
  border: 0px;
}

.section-search .search_results .content-box:hover .series-title a,
.section-search .search_results .content-box:hover .footer-title a {
  color: #1f3776;
}

.section-search .search_results .courses-item .image {
  height: 190px;
  border-radius: 10px 10px 0 0;
}

.section-search .search_results .series-item {
  position: relative;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
}

.section-search .search_results .series-item img {
  max-width: 100%;
}

.section-search .search_results .series-item .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.section-search .search_results .series-item .overlay {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #ffffff;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
}

.section-search .search_results .series-item .serie-card-title {
  font-size: 1.5rem;
  padding-top: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.section-search .search_results .series-item .serie-card-title a {
  color: #202124;
  font-size: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.section-search .search_results .series-item .text {
  float: left;
  padding: 10px;
  color: #797979;
  font-size: 14px;
  position: absolute;
}

.section-search .search_results .series-item .text span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.section-search .search_results .series-item .text .serie-card-details {
  color: #ffffff;
  font-size: 1.2rem;
  padding-top: 5px;
}

.section-search .search_results .series-item .text .serie-clock-detail {
  padding: 5px 15px 0 0;
  color: #636364;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
}

.section-search .search_results .series-item .ribbon-top {
  display: flex;
  justify-content: space-between;
}

.section-search .search_results .series-item .ribbon-top .ribbon-title-top {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: relative;
  left: 5px;
  top: 5px;
  margin-right: 0px;
}

.section-search .search_results .series-item .ribbon-top .wish-list {
  position: relative;
  top: 7px;
  right: 3px;
}

.section-search .search_results .series-item:hover .overlay {
  opacity: 1;
}

.section-search .search_results .series-item:hover .serie-card-title {
  color: #202124;
}

.section-search .search_results .series-title {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
  text-align: center;
}

.section-search .search_results .series-title a {
  color: #ffffff;
  font-size: 0.9em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.section-search .search_results .pagi,
.section-search .search_results .pagi-sub {
  margin-top: 20px;
  margin-bottom: 20px;
}

.section-page-title {
  padding-top: 40px;
}

.pricing-box-list {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.pricing-box-list .pricing-box {
  width: 400px;
  height: auto;
  padding: 0px 20px 20px 20px;
  position: relative;
}

.pricing-box-list .package-hide {
  display: none;
  visibility: hidden;
}

.pricing-box-list .top-subscript-name {
  right: 45%;
  position: absolute;
  font-size: 1.2em;
  margin-top: 5px;
}

.pricing-box-list .subscript-name {
  width: 40%;
  right: 0px;
  position: absolute;
  color: #ffffff;
  border-radius: 0px 0px 0px 7px;
  font-size: 1.7em;
}

.pricing-box-list .base-price {
  margin-top: 50px;
  text-align: right;
  font-size: 1.1em;
}

.pricing-box-list .special-price {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 20px;
}

.pricing-box-list .special-price .price-currentcy {
  font-size: 2em;
}

.pricing-box-list .service-lists {
  height: auto;
}

.pricing-box-list .service-lists .service {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  color: #202124;
  text-align: left;
}

.pricing-box-list .service-lists .service i {
  color: #1BCC87;
  font-size: 22px;
}

.pricing-box-list .package-btn {
  height: auto;
  margin-top: 40px;
}

.pricing-box-list .package-btn .package-subscription {
  color: #ffffff;
  padding: 5px;
  border-radius: 5px;
  font-size: 1.2em;
}

.pricing-box-list .best-seller {
  position: absolute;
  top: -30px;
  height: 29px;
  width: 40%;
  background-color: #FEA000;
  font-size: 1em;
  color: #ffffff;
  padding: 3px 5px;
  border-radius: 5px 0 0 0;
  right: -1px;
}

.pricing-box-list .package-footer .footer-detail .desc {
  color: #707070;
}

.pricing-box-list .package-per-month {
  color: #ffffff;
  padding: 5px;
  border-radius: 5px;
  font-size: 0.8em;
}

.pricing-panel {
  display: none;
  visibility: hidden;
  margin-bottom: 20px;
}

.pricing-panel ul {
  display: flex;
  justify-content: center;
  padding-inline-start: 0px;
}

.pricing-panel ul li {
  display: inline-block;
  float: left;
  width: 20%;
}

.pricing-panel ul li:first-child button {
  border-radius: 8px 0px 0px 8px;
  border-right: 0px;
}

.pricing-panel ul li:last-child button {
  border-radius: 0px 8px 8px 0px;
  border-left: 0px;
}

.pricing-panel button {
  width: 100%;
  padding: 10px;
  border: 1px solid #dbe3e8;
  padding-bottom: 13px;
  background-color: #ffffff;
  font-weight: bold;
  color: #B4B4B4;
  white-space: nowrap;
  font-size: 2vh;
}

.pricing-panel button.active {
  color: #1700FD;
  border-bottom: 4px solid #FF9200;
  padding-bottom: 10px;
}

.pricing-panel:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 800px) {
  .section-page-title {
    padding: 30px 30px 0 30px;
  }

  .pricing-table th:first-child {
    display: none;
  }

  .pricing-table .col-2 {
    box-shadow: 0px 0px 0px rgba(30, 36, 98, 0.1);
  }

  .pricing-panel {
    display: block;
    visibility: visible;
  }
}

.tax-section {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.tax-section .proicon {
  font-size: 1.1em;
  vertical-align: middle;
}

.tax-section .tab-first .proicon {
  color: #5f5f5f;
}

.tax-section .tab-first table tbody tr {
  border-bottom: 1px solid #7e588e;
}

.tax-section .tab-first table tbody tr:first-child,
.tax-section .tab-first table tbody tr:last-child {
  border-bottom: 0px;
}

.tax-section .tab-second .proicon {
  color: #ffffff !important;
}

.tax-section .tab-content {
  padding-left: 0%;
  padding-right: 0%;
}

.tax-section .form-control[readonly] {
  background-color: #dbe3e8 !important;
}

.tax-section div[readonly] {
  background-color: #dbe3e8 !important;
}

.tax-content-top {
  text-align: center;
  color: #6D4D9E;
  width: 650px;
  margin: 0 auto;
  line-height: 25pt;
  letter-spacing: 0.5px;
  margin-top: 20px;
}

.tax-content-top h1 {
  font-weight: 100;
}

.tax-content-top span {
  font-size: 1.1em;
}

.tax-content-footer {
  text-align: center;
  color: #6D4D9E;
  margin: 0 auto;
  margin-top: 30px;
  line-height: 20pt;
  border-radius: 10px;
  font-size: 1em;
  letter-spacing: 0.5px;
}

.tax-content-footer .focus-text {
  font-weight: 600;
}

.tax-content-footer a {
  color: #6D4D9E;
}

.tab-list {
  display: flex;
  justify-content: start;
  padding-left: 0%;
  padding-right: 0%;
  margin-top: 30px;
}

.tab-list span {
  font-size: 1em;
  padding: 15px 25px;
}

.tab-list .tablink-next {
  box-shadow: 0 0 0 0;
  border-radius: 20px 20px 0px 0px;
  border: 0px;
  cursor: pointer;
  text-align: center;
}

.tab-first {
  background-color: #03154E;
  color: #ffffff;
}

.tab-second {
  background-color: #1F3777;
  color: #ffffff;
}

.tab-second input[type=text].form-control,
.tab-second input[type=password].form-control,
.tab-second input[type=number],
.tab-second select.form-control {
  border: 1px solid #dbe3e8;
}

.tab-third {
  background-color: #3F7BDD;
  color: #ffffff;
}

.tab-third input[type=text].form-control,
.tab-third input[type=password].form-control,
.tab-third input[type=number],
.tab-third select.form-control {
  border: 1px solid #dbe3e8;
  padding: 0.5rem 1.5rem;
}

.tab-third .table-responsive {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 12px;
}

.tab-third .cal-type {
  text-align: center;
  margin-bottom: 10px;
  padding: 8px;
  font-weight: 300;
  font-size: 2vh;
}

.tab-third .cal-type2-detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10%;
}

.tab-third .cal-type-detail {
  font-size: 1.1em;
  padding: 8px;
  line-height: 23pt;
  display: flex;
  justify-content: flex-end;
}

.tab-third .cal-type-detail span {
  text-align: left;
}

.tab-third .cal-type-box {
  background-color: #F0EDED;
  border-radius: 10px;
  color: #6D4D9E;
  width: 60%;
  padding: 15px;
  line-height: 25pt;
  height: -moz-fit-content;
  height: fit-content;
}

.tab-third .cal-type-box .item-list {
  display: flex;
  justify-content: space-between;
}

.tab-third .cal-type-box .item-list .item-right {
  display: flex;
  text-align: right;
}

.tab-third .cal-type-box .item-list .item-right .last {
  width: 40px;
}

.tab-third .cal-type-box .item-list-border {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  border-radius: 7px;
  border: 1px solid #6D4D9E;
  padding: 2px 10px;
}

.tab-third .cal-type-box .item-list-border .item-right {
  display: flex;
  text-align: right;
}

.tab-third .cal-type-box .item-list-border .item-right .last {
  width: 40px;
}

.tab-third .cal-type-box2 {
  background-color: #ffffff;
  border-radius: 10px;
  color: #6D4D9E;
  width: 50%;
  margin: 0 auto;
  padding: 15px;
}

.tab-third .cal-type-box2 .item-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
}

.tab-third .cal-type-box2 .item-list .item-blue {
  background-color: #006FFF;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  padding: 5px 8px;
  font-size: 1.1em;
  margin-top: 10px;
}

.tab-third .cal-type-box2 .item-list .item-grey {
  background-color: #E6E6E6;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 5px 8px;
  text-align: right;
  padding: 5px 15px 5px 8px;
  font-size: 1.1em;
  margin-top: 10px;
}

.tab-third .cal-type-box3 {
  background-color: #F0EDED;
  border-radius: 10px;
  color: #6D4D9E;
  width: 50%;
  margin: 0 auto;
  padding: 15px;
  margin-top: 20px;
}

.tab-third .cal-type-box3 .item-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
}

.tab-third .cal-type-box3 .item-list .item-blue {
  background-color: #006FFF;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  padding: 5px 8px;
  font-size: 1.1em;
  margin-top: 10px;
}

.tab-third .cal-type-box3 .item-list .item-grey {
  background-color: #E6E6E6;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 5px 8px;
  text-align: right;
  padding: 5px 15px 5px 8px;
  font-size: 1.1em;
  margin-top: 10px;
  font-weight: bold;
}

.tab-third .cal-type-box3 .item-list .item-white {
  background-color: #ffffff;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 5px 8px;
  text-align: right;
  padding: 5px 15px 5px 8px;
  font-size: 1.1em;
  margin-top: 10px;
  font-weight: bold;
}

.tab-third .cal-type-box3 .item-list span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.tab-third .cal-type-box3 .item-list a {
  color: #6D4D9E;
}

.tab-third .cal-type-box3 .item-list input {
  color: #6D4D9E;
  font-weight: bold;
}

.tab-content {
  font-size: 0.9em;
  font-weight: none;
  margin-bottom: 50px;
  padding-left: 5%;
  padding-right: 5%;
}

.tab-content .tab-first table th,
.tab-content .tab-third table th {
  border-bottom: 0px;
  font-weight: 300;
  font-size: 1.1em;
}

.tab-content .tab-first table .float-left,
.tab-content .tab-third table .float-left {
  text-align: left;
}

.tab-content .tab-first table .float-left .num-tax,
.tab-content .tab-third table .float-left .num-tax {
  font-size: 0.9em;
}

.tab-content .tab-first table .input,
.tab-content .tab-third table .input {
  align-items: center;
  padding: 15px 5px;
}

.tab-content .tab-first table .input .form-group,
.tab-content .tab-third table .input .form-group {
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

.tab-content .tab-first table .input input,
.tab-content .tab-third table .input input {
  width: 165px;
  text-align: right;
  padding: 0.7rem 1rem;
}

.tab-content .tab-first table td,
.tab-content .tab-third table td {
  padding: 4px 0px;
  padding-right: 15px;
}

.tab-content .tab-first table td .form-group,
.tab-content .tab-third table td .form-group {
  margin-bottom: 0px;
  width: 100%;
}

.tab-content .tab-first table input,
.tab-content .tab-third table input {
  text-align: right;
}

.tab-content .tab-second .cate-teb {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  background-color: #3F7BDD;
  border-radius: 20px;
  padding: 10px 20px;
}

.tab-content .tab-second .cate-teb span {
  font-size: 1.2em;
  color: #ffffff;
}

.tab-content .tab-second .cate-teb span .cate-tab-number {
  border-radius: 20px;
  border: 1px solid #ffffff;
  font-size: 12px;
  margin-right: 10px;
  display: inline-flex;
  width: 25px;
  height: 25px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.tab-content .tab-second .childmore .tabitem {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 5px;
  margin-right: 12px;
}

.tab-content .tab-second .childmore .tabitem span {
  font-size: 14px;
}

.tab-content .tab-second .childmore .tabitem .form-group {
  display: flex;
  gap: 15px;
  /* justify-content: center; */
  align-items: center;
  margin-bottom: 0px;
}

.tab-content .tab-second .childmore .input-child {
  width: 60px;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
  text-align: right;
}

.tab-content .tab-second .childmore .input-width {
  width: 100px;
  text-align: right;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
}

.tab-content .tab-second .childmore .input-total {
  width: 150px;
  text-align: right;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
}

.tab-content .tab-second .tabitem {
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  align-items: center;
  margin-top: 8px;
  min-height: 44px;
}

.tab-content .tab-second .tabitem .item-right {
  display: flex;
  align-items: center;
}

.tab-content .tab-second .tabitem .item-right span {
  padding-left: 15px;
  padding-right: 15px;
  min-width: 50px;
}

.tab-content .tab-second .tabitem .item-right .input-width {
  width: 100px;
  text-align: right;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
}

.tab-content .tab-second .tabitem .item-right .input-child {
  width: 60px;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
  text-align: right;
}

.tab-content .tab-second .tabitem .item-right .input-total {
  width: 150px;
  text-align: right;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
}

.tab-content .tab-second .tabitem .item-right .input-person {
  width: 80px;
  text-align: right;
}

.tab-content .tab-second .tabitem .item-right .form-group {
  margin-bottom: 0px;
  width: 220px;
  display: flex;
  align-items: flex-end;
}

.tab-content .tab-second .tabitem .item-right .form-group span {
  width: 100px;
}

.tab-content .tab-second .tabitem .item-right select {
  cursor: pointer;
}

.tab-content .tab-second .tabitem-more-box {
  padding: 10px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  margin-left: 20px;
  margin-top: 20px;
}

.tab-content .tab-second .tabitem-more-box .case-title {
  font-weight: bold;
}

.tab-content .tab-second .tabitem-more-box .tabitem {
  padding-left: 0px;
}

.tab-content .tab-second .tabitem-more-box .tabitem .item-right .input-child {
  width: 60px;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
  text-align: right;
}

.tab-content .tab-second .tabitem2 {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 20px;
       column-gap: 20px;
  flex-wrap: wrap;
}

.tab-content .tab-second .tabitem2 .tabitem2-item {
  margin-top: 5px;
}

.tab-content .tab-second .tabitem2 .tabitem2-item .form-group {
  display: flex;
  align-items: center;
}

.tab-content .tab-second .tabitem2 .tabitem2-item .form-group span {
  padding-left: 15px;
  width: 50px;
  font-size: 14px;
}

.tab-content .tab-second .tabitem2 .tabitem2-item .form-group input {
  text-align: right;
  width: 200px;
}

.tab-content .tab-second .tabitem2 .tabitem2-item span {
  font-size: 14px;
}

.tab-content .tab-second .tabitem-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 8px;
}

.tab-content .tab-second .tabitem-right span {
  padding-left: 5px;
  width: 50px;
}

.tab-content .tab-second .tabitem-right .summary-text {
  width: auto;
  padding-right: 15px;
}

.tab-content .tab-second .tabitem-right .input-width {
  width: 100px;
  text-align: right;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
}

.tab-content .tab-second .tabitem-right .input-total {
  width: 150px;
  text-align: right;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
}

.tab-content .tab-second .tabitem-right .input-child {
  width: 60px;
  padding: 0.5rem 0.8rem;
  font-size: 0.8em;
  text-align: right;
}

.tab-content .tab-second .tabitem-right .input-person {
  width: 80px;
  text-align: right;
}

.tab-content .tab-second .tabitem-total {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.tab-content .tab-second .tabitem-total .total-tab-second {
  display: flex;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0px 10px;
  align-items: center;
  color: #6D4D9E;
}

.tab-content .tab-second .tabitem-total .total-tab-second .input-width {
  width: 150px;
  border: 0px;
  background-color: #ffffff;
  color: #6D4D9E;
  font-weight: bold;
  padding: 0.5rem;
}

.tab-content .tab-second .cal-buttom {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

.tab-content .tab-second .cal-buttom button {
  font-size: 0.9em;
  border-radius: 5px;
  padding: 0.5rem 1.5rem;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
  background-color: #006FFF;
  border: 0px;
}

.tab-content .tab-second .cal-buttom .btn:active {
  outline: none;
}

.tab-content .tab-second .cal-buttom .btn:focus {
  outline: none;
}

.tab-content .tabcontent {
  padding: 30px 30px 30px 30px;
  border-radius: 0px 40px 40px 40px;
  height: 100%;
}

.tab-content .tabcontent .tab-second-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
}

.tax-cate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 150px;
}

.tax-cate .tax-item {
  margin-top: 50px;
}

.tax-cate img {
  height: 200px;
}

.page-next-between {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.page-next-between .btn {
  font-size: 0.8em;
}

.page-next-between .btn:active {
  outline: none;
}

.page-next-between .btn:focus {
  outline: none;
}

.page-next-between a {
  color: #ffffff;
  font-size: 1em;
  cursor: pointer;
  background-color: #3F7BDD;
  border-radius: 20px;
  padding: 5px 20px;
  text-align: center;
}

.page-next-between a:hover {
  color: #3F7BDD;
  background-color: #ffffff;
}

.page-next-left {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}

.page-next-left .btn {
  font-size: 0.8em;
}

.page-next-left .btn:active {
  outline: none;
}

.page-next-left .btn:focus {
  outline: none;
}

.page-next-left a {
  color: #ffffff;
  font-size: 1em;
  cursor: pointer;
  background-color: #03154E;
  border-radius: 20px;
  padding: 5px 20px;
  text-align: center;
}

.page-next-left a:hover {
  color: #03154E;
  background-color: #ffffff;
}

.page-next-right {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.page-next-right .btn {
  font-size: 0.8em;
}

.page-next-right .btn:active {
  outline: none;
}

.page-next-right .btn:focus {
  outline: none;
}

.page-next-right a {
  color: #ffffff;
  font-size: 1em;
  cursor: pointer;
  background-color: #3F7BDD;
  border-radius: 20px;
  padding: 5px 20px;
  text-align: center;
}

.page-next-right a:hover {
  color: #3F7BDD;
  background-color: #ffffff;
}

.tab-cit-content a i {
  cursor: pointer;
  color: #707070;
}

.tab-cit-content input[type=text].form-control,
.tab-cit-content input[type=password].form-control,
.tab-cit-content input[type=number],
.tab-cit-content select.form-control {
  border: 1px solid #dbe3e8;
}

.tab-cit-content .page-next-between a,
.tab-cit-content .page-next-left a,
.tab-cit-content .page-next-right a {
  color: #ffffff;
  background-color: #1861C2;
}

.tab-cit-content .page-next-between a:hover,
.tab-cit-content .page-next-left a:hover,
.tab-cit-content .page-next-right a:hover {
  color: #1861C2;
  background-color: #ffffff;
}

.tab-cit-content .tab-content .tabcontent {
  padding: 30px 30px 30px 30px;
  border-radius: 0px 40px 40px 40px;
  height: 100%;
}

.tab-cit-content .tax-cit-first-detail {
  width: 100%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-second-detail {
  width: 80%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-third-detail {
  width: 65%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-third-detail table {
  border: 10px;
  margin-top: 20px;
  color: #000000;
}

.tab-cit-content .tax-cit-third-detail table td {
  padding: 0px;
  padding-top: 8px;
}

.tab-cit-content .tax-cit-third-detail table td .form-group {
  width: 90%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-third-detail table td .form-group input {
  padding: 0.5rem 1rem;
}

.tab-cit-content .tax-cit-third-detail table td:first-child {
  padding-left: 8px;
}

.tab-cit-content .tax-cit-third-detail table th {
  border-bottom: 0px;
}

.tab-cit-content .tax-cit-third-detail table th div {
  padding: 8px;
  text-align: center;
  background-color: #1861C2;
  color: #ffffff;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-third-detail .tax-cit-third-note {
  font-size: 1.2em;
  font-weight: bold;
}

.tab-cit-content .tax-cit-third-detail .blue-bg {
  color: #1861C2;
}

.tab-cit-content .tax-cit-third-detail .blue-bg a {
  color: #1861C2;
  cursor: pointer;
}

.tab-cit-content .tax-cit-third-detail .blue-bg input {
  color: #1861C2;
}

.tab-cit-content .input-percent {
  width: 120px;
}

.tab-cit-content .input-percent input {
  padding: 0.5rem 2.5rem 0.5rem 0.5rem;
}

.tab-cit-content .input-currency {
  width: 200px;
}

.tab-cit-content .input-currency input {
  padding: 0.5rem 3.4rem 0.5rem 0.5rem;
}

.tab-cit-content .item-between {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-column-gap: 15px;
  align-items: baseline;
  margin-bottom: 10px;
}

.tab-cit-content .item-between .item-inline {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.tab-cit-content .item-between .item-inline-2 {
  width: 70%;
}

.tab-cit-content .item-between .form-group {
  display: flex;
  position: relative;
}

.tab-cit-content .item-between .form-group span {
  position: absolute;
  right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}

.tab-cit-content .item-between .form-group input {
  text-align: right;
}

.tab-cit-content .item-between .item-right {
  text-align: left;
  min-width: 50%;
}

.tab-cit-content .item-between .item-list {
  width: 100%;
}

.tab-cit-content .item-between .input-currency {
  width: 40%;
}

.tab-cit-content .item-between .input-percent {
  width: 20%;
}

.tab-cit-content .item-between-2 {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-column-gap: 15px;
  align-items: baseline;
  margin-bottom: 10px;
}

.tab-cit-content .item-between-2 .item-inline {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.tab-cit-content .item-between-2 .item-inline .item-no-2 {
  margin-bottom: 20px;
}

.tab-cit-content .item-between-2 .form-group {
  display: flex;
  position: relative;
}

.tab-cit-content .item-between-2 .form-group span {
  position: absolute;
  right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}

.tab-cit-content .item-between-2 .form-group input {
  text-align: right;
}

.tab-cit-content .item-between-2 .item-right {
  text-align: left;
  min-width: 50%;
}

.tab-cit-content .item-between-2 .item-list {
  width: 100%;
}

.tab-cit-content .item-between-2 .input-currency {
  width: 40%;
}

.tab-cit-content .item-between-2 .input-percent {
  width: 20%;
}

.tab-cit-content .item-between-2 .net-profit {
  padding: 15px 10px 5px 0;
  border-radius: 10px;
  border: 1px solid #dbe3e8;
  background-color: #ededed;
}

.tab-cit-content .item-between-2 .net-profit .item-title {
  padding-left: 10px;
}

.tab-cit-content .small-text {
  font-size: 0.85em;
  line-height: 25pt;
}

.tab-cit-content .item-list {
  display: flex;
  gap: 10px;
  width: 70%;
}

.tab-cit-content .item-list .item-title {
  width: 160px;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}

.tab-cit-content .item-list .focus-title {
  color: #1E96E7;
}

.tab-cit-content .item-list .form-group {
  display: flex;
  position: relative;
}

.tab-cit-content .item-list .form-group span {
  position: absolute;
  right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}

.tab-cit-content .item-check-box {
  display: flex;
  justify-content: flex-end;
}

.tab-cit-content .item-check-box .custom-control {
  width: 90%;
  text-align: left;
}

.tab-cit-content .withholding-box {
  width: 70%;
  background-color: #E2ECF5;
  border-radius: 10px;
  box-shadow: 4px 2px 4px 0px rgba(30, 36, 98, 0.1);
  padding: 15px;
  margin: 0 0 0 auto;
  margin-top: 20px;
}

.tab-cit-content .withholding-box .form-group {
  margin-bottom: 0px;
}

.tab-cit-content .withholding-box .item-inline .text-title {
  width: 150px;
}

.tab-cit-content .withholding-box .input-currency {
  width: 150px;
}

.tab-cit-content .withholding-box .input-percent {
  width: 80px;
}

.tab-cit-content .withholding-box .item-percent-wht {
  display: flex;
}

.tab-cit-content .withholding-box .item-percent-wht .item-percent-text {
  flex-shrink: 0;
}

.tab-cit-content .withholding-box .item-percent-wht .item-inline span {
  width: -moz-fit-content;
  width: fit-content;
}

.tab-cit-content .item-vat-box {
  background-color: #E2ECF5;
  border-radius: 10px;
  box-shadow: 4px 2px 4px 0px rgba(30, 36, 98, 0.1);
  padding: 15px;
}

.tab-cit-content .item-vat-box span {
  margin-bottom: 5px;
}

.tab-cit-content .item-vat-box .item-table {
  display: flex;
  gap: 10px;
  text-align: center;
  line-height: 14pt;
}

.tab-cit-content .item-vat-box .item-table .item-table-col {
  width: 100%;
}

.tab-cit-content .item-vat-box .item-table .item-table-col .input-currency {
  width: 100%;
}

.tab-cit-content .tax-cit-second-header {
  margin-left: 20px;
  font-size: 1.1em;
  font-weight: bold;
}

.tab-cit-content .tax-cit-second-box {
  border: 1px solid #000000;
  border-radius: 10px;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 15px;
  text-align: center;
}

.tab-cit-content .tax-cit-second-box .form-group {
  display: flex;
  position: relative;
}

.tab-cit-content .tax-cit-second-box .form-group span {
  position: absolute;
  right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}

.tab-cit-content .tax-cit-second-box .form-group input {
  text-align: right;
}

.tab-cit-content .tax-cit-second-box .input-currency {
  width: 80%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-second-box .main-text-focus {
  color: #1f3776;
  font-weight: bold;
  text-decoration: underline;
  -webkit-text-decoration-color: #1f3776;
          text-decoration-color: #1f3776;
}

.tab-cit-content .tax-cit-second-box .main-text-focus input {
  color: #1f3776;
  font-weight: bold;
  text-decoration: underline;
  -webkit-text-decoration-color: #1f3776;
          text-decoration-color: #1f3776;
}

.tab-cit-content .tax-cit-second-header {
  margin-top: 20px;
}

.tab-cit-content .tax-cit-second-vat-box {
  border: 1px solid #000000;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  text-align: center;
}

.tab-cit-content .tax-cit-second-vat-box .form-group {
  display: flex;
  position: relative;
}

.tab-cit-content .tax-cit-second-vat-box .form-group span {
  position: absolute;
  right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}

.tab-cit-content .tax-cit-second-vat-box .form-group input {
  text-align: right;
}

.tab-cit-content .tax-cit-second-vat-box .input-currency {
  width: 80%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  width: 80%;
  margin: 0 auto;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item .item-box-flex {
  display: flex;
  margin-top: 10px;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item .item-box-flex .title {
  width: 35%;
  display: flex;
  align-items: center;
  text-align: left;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 {
  grid-template-columns: 0.8fr 1fr;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 .item-box-flex .title {
  width: 40%;
  display: flex;
  align-items: center;
  text-align: left;
  color: #1f3776;
  font-weight: bold;
  text-decoration: underline;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 .item-box-flex .form-group {
  color: #1f3776;
  font-weight: bold;
  text-decoration: underline;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 .item-box-flex input {
  color: #1f3776;
  font-weight: bold;
  text-decoration: underline;
}

.tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 .input-currency {
  width: 66%;
}

.tab-cit-content .tax-cit-second-vat-box hr {
  border-top: 1px solid #000000;
  margin-left: 30px;
  margin-right: 30px;
}

.tab-cit-content .tax_saving_open {
  margin-bottom: 20px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
}

.tab-cit-content .tax_saving_open:hover {
  color: #1861C2;
}

.tab-cit-content .tax_saving_box {
  width: 80%;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #a3b0b7;
  margin: 0 auto;
  padding: 30px;
  color: #808184;
}

.tab-cit-content .tax_saving_box .cal-btn {
  padding: 0.5rem 1rem;
  border-radius: 5px;
  background-color: #1861C2;
  border: 1px solid #1861C2;
  color: #ffffff !important;
  margin-right: 10px;
  height: -moz-fit-content;
  height: fit-content;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list-head {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  margin-bottom: 15px;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list-head .form-group {
  margin-bottom: 0px;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list {
  display: flex;
  gap: 0px;
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list .item-title {
  width: auto;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  text-align: end;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency {
  width: 150px;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency .taxsave_addcost {
  right: 30%;
  width: -moz-fit-content;
  width: fit-content;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-percent {
  width: 80px;
}

.tab-cit-content .tax_saving_box .focus-saving {
  background-color: #EBEBEB;
  padding: 10px;
  border: 1px solid #bfc8cd;
  border-radius: 8px;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
  margin-bottom: 10px;
  color: #0B76F7;
  font-weight: bold;
  font-size: 1.1em;
}

.tab-cit-content .tax_saving_box .focus-saving .form-group {
  margin: auto 0;
}

.tab-cit-content .tax_saving_box .focus-saving .item-title {
  padding-bottom: 0px;
}

.tab-cit-content .tax_saving_box .item-tax-saving-list-details {
  border: 1px solid #a3b0b7;
  border-radius: 10px;
  padding: 30px;
}

.tab-cit-content .tax_saving_box .form-group {
  display: flex;
  position: relative;
}

.tab-cit-content .tax_saving_box .form-group span {
  position: absolute;
  right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}

.tab-cit-content .tax_saving_box .form-group input {
  width: 100% !important;
}

.tab-cit-content .cit-more-video-list {
  width: 70%;
  margin: 0 auto;
  margin-top: 30px;
}

.tab-cit-content .cit-more-video-list .video-item {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 20px;
}

.tab-cit-content .cit-more-video-list .video-item .video {
  margin: auto 0;
}

.tab-cit-content .cit-more-video-list .video-item .video img {
  width: auto;
  margin: 0 auto;
  display: flex;
  max-width: 180px;
  max-height: 150px;
}

.tab-cit-content .cit-more-video-list .video-item .bottom-line {
  border-bottom: 1px solid #808184;
}

.tab-cit-content .cit-more-video-list .video-item p {
  color: #808184;
}

.tab-cit-first {
  background-color: #F5F6F8;
}

.tab-cit-second {
  background-color: #E2ECF5;
}

.tab-cit-third {
  background-color: #C3D4EE;
}

.learnmore {
  cursor: pointer;
}

.tab-content .learnmore {
  cursor: default;
  letter-spacing: 0.3pt;
  line-height: 20pt;
}

.tab-content .learnmore a {
  color: #ffffff;
  cursor: pointer;
  letter-spacing: normal;
}

.popover-text {
  cursor: default;
  font-size: 0.9em;
  letter-spacing: normal;
}

.popover-text a {
  font-size: 0.9em;
}

.popover-text hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.popover-text i {
  cursor: pointer;
}

.popover-text .icon-video {
  color: #0B76F7;
  font-size: 2.2rem;
  padding-left: 5px;
}

.popover-title {
  color: #202124;
  font-size: 0.9em;
}

.popover-content {
  color: #202124;
  font-size: 0.9em;
}

.header-learnmore {
  display: flex;
  justify-content: space-between;
}

.header-learnmore .learnmore {
  margin-right: 3%;
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
}

.header-learnmore .learnmore a {
  color: #1E96E7;
  font-size: 1em;
}

.sm-learnmore {
  display: none;
}

.tax-modal {
  width: 100%;
  min-width: 100%;
}

.tax-modal .modal-header {
  background: #E6E6E6 !important;
  color: #6F6F6F !important;
}

.tax-modal .modal-header .modal-title {
  font-size: 1em;
}

.tax-modal .modal-header .close {
  color: #6F6F6F;
}

.tax-modal .modal-body {
  padding: 30px 30px 15px 30px;
}

.tax-modal .modal-body .tax-allowance-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tax-modal .modal-body .tax-allowance-total {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}

.tax-modal .modal-body .tax-allowance-total span {
  color: #1f3776;
  text-decoration: underline;
  font-size: 1.3em;
}

.summary-tax-total {
  margin: 0 auto;
  margin-top: 10px;
  width: 60%;
  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 20px;
  background-color: #6D4D9E;
}

.summary-tax-total .summary-tax-total-line {
  display: flex;
  justify-content: space-between;
  padding: 8px 5px;
  font-size: 0.9em;
}

.summary-tax-total .summary-tax-total-line span {
  display: flex;
  align-items: center;
}

.summary-tax-total .summary-tax-total-line .text-md {
  font-size: 1.4em;
}

.summary-tax-total .summary-tax-total-line .play-video {
  background-color: #ffffff;
  color: #533a5a;
  font-size: 25px;
  padding: 1px 8px;
  border: 0px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-left: 6px;
  display: flex;
}

.summary-tax-total .summary-tax-total-line .text-focus {
  color: #ffffff;
  font-size: 0.9em;
}

.summary-tax-total .summary-tax-total-line .input-box {
  background-color: #ffffff;
  border-radius: 6px;
  border: 2px solid #dbe3e8;
  padding: 0px;
  color: #533a5a;
}

.summary-tax-total .summary-tax-total-line input {
  height: auto;
  border: 2px solid #ffffff;
  border-radius: 6px;
  padding: 0.4rem 1rem;
  -webkit-appearance: none;
  box-shadow: none;
  width: 80px;
  color: #533a5a;
}

.summary-tax-total .summary-tax-total-line a {
  color: #ffffff;
}

.summary-tax-total .summary-tax-total-focus-line {
  background-color: #ffffff;
  color: #533a5a;
  border-radius: 2px;
  padding: 5px 8px;
}

.summary-tax-total .focus-percent {
  min-width: 53px;
  justify-content: end;
}

.summary-tax-total .summary-tax-small-box {
  border: 1px solid #ffffff;
  border-radius: 5px;
}

.summary-tax-total .summary-tax-small-box span {
  padding: 0px 10px;
}

.summary-tax-total .summary-tax-small-rigth {
  display: flex;
  gap: 10px;
}

.summary-tax-total .summary-tax-small-rigth span {
  padding: 0px;
}

.learnmore-small {
  display: none;
}

.text-right-total {
  padding-right: 15px !important;
}

.top-detail {
  padding: 0px 15px;
}

.top-detail .step-deatil {
  display: flex;
  font-size: 1.2em;
}

.top-detail .step-deatil .step {
  width: 120px;
}

.top-detail .step-deatil a {
  color: #ffffff;
  cursor: pointer;
}

.top-detail .more-top-deatil {
  text-align: right;
  font-size: 0.8em;
  margin-top: 20px;
}

.top-detail .more-top-deatil a {
  color: #ffffff;
  font-size: 1.5em;
  margin-left: 5px;
}

.cover-text {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.cover-text .header-text {
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 20px;
}

.cover-text .header-detail {
  font-size: 1.1em;
  line-height: 20pt;
}

.tax-pit-first .tax-pit-first-first {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}

.tax-pit-first .tax-pit-first-second {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
}

.tax-pit-first .tax-pit-first-cross-box {
  padding: 20px;
  border: 1px solid #ffffff;
  border-radius: 15px;
}

.tax-pit-first .tax-pit-first-cross {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
}

.tax-pit-first .tax-pit-first-cross2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
}

.tax-pit-first .content-box {
  border-radius: 10px;
}

.tax-pit-first .content-box .footer-content {
  height: 85px;
  font-size: 1.05em;
  padding: 5px 10px;
  line-height: 16pt;
}

.tax-pit-first .content-box .footer-content span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.tax-pit-first .content-box .footer-content .footer-title {
  margin-top: 0px;
}

.tax-pit-first .content-box .footer-content .footer-title a {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  right: 5px;
  font-size: 1.05em;
}

.tax-pit-first .content-box .image {
  border-radius: 10px 10px 0px 0px;
}

.tax-pit-first .tax-pit-item-detail {
  text-align: center;
  font-size: 1.1em;
  margin-top: 5px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tax-pit-first .tax-pit-item-detail a {
  color: #ffffff;
}

.tax-pit-first select.form-control {
  padding: 0px;
  background-color: transparent;
  border: 0px;
  color: #ffffff;
  cursor: pointer;
  margin: 0 10px;
  height: 30px;
  font-size: 1em;
  -webkit-appearance: menulist;
}

.tax-pit-first select.form-control option {
  color: #533A5A;
  font-size: 1em;
}

.tax-pit-first .form-group {
  margin-bottom: 0px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #533A5A;
  padding: 0 8px;
  font-size: 1.2em;
}

.tax-pit-first .form-group input {
  padding: 0.5rem;
  border: 0px;
  font-size: 1em;
  text-align: center;
}

.tax-pit-first .tax-pit-first-item {
  padding: 15px;
  margin-top: 10px;
}

.how-to-detail {
  margin-top: 20px;
  font-size: 1em;
  line-height: 25pt;
  text-align: left;
}

.how-to-detail .how-to-head {
  font-weight: bold;
  border-bottom: 2px solid #1f3776;
  margin-right: 5px;
}

.how-to-container {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 60px;
  text-align: center;
}

.how-to-container .how-to-section {
  padding: 20px 50px 30px 50px;
  background-color: #F4F8FB;
  border: 1px solid #dbe3e8;
  border-radius: 10px;
}

.doc-section {
  margin-bottom: 30px;
  width: 100%;
  position: relative;
}

.doc-section .header span {
  font-size: 2.5rem;
  color: #1E2462;
}

.doc-section .card-header {
  margin-bottom: 10px;
}

.doc-section .float-left {
  text-align: left;
}

.doc-section table th {
  border: 1px solid #dbe3e8;
  border-bottom: 1px solid #999;
  font-weight: 300;
  margin-bottom: 20px;
  font-size: 1em;
  color: #1E2462;
  background-color: #E9EDF0;
}

.doc-section table tr td {
  padding-top: 10px;
  border: 1px solid #dbe3e8;
  font-size: 0.9em;
}

.doc-section table tr td img {
  height: 30px;
}

.doc-type-adv {
  background-color: #2241f1;
  padding: 2px 8px;
  color: #ffffff;
  border-radius: 10px;
  font-size: 10px;
  margin-left: 5px;
}

.doc-new {
  background-color: #e60000;
  padding: 2px 8px;
  color: #ffffff;
  border-radius: 10px;
  font-size: 10px;
  margin-left: 5px;
}

.doc-type-sub {
  background-color: #8B83FF;
  padding: 2px 8px;
  color: #ffffff;
  border-radius: 10px;
  font-size: 10px;
  margin-left: 5px;
}

.accordion-toggle .feather {
  float: right;
}

.accordion-toggle:hover {
  text-decoration: none;
}

.doc-header {
  margin-bottom: 20px;
  font-size: 2rem;
  color: #666666;
  text-align: left;
}

.doc-category .doc-header {
  text-align: center;
}

.doc-detail {
  border-left: 1px solid #1f3776;
}

.doc-detail .card-header {
  margin-top: 0px;
  margin-bottom: 0px;
}

.panel-group .panel-default {
  border: 1px solid #1f3776;
  border-bottom: 0px;
  margin-bottom: -5px;
}

.panel-group .panel-default:last-child {
  border-bottom: 1px solid #1f3776;
}

.panel-group .panel-default .panel-heading {
  color: #1f3776;
  background-color: #ffffff;
  border-color: #1f3776;
}

.panel-group .panel-default .panel-heading .panel-title {
  font-size: 0.9em;
}

.panel-group .panel-default .category-active {
  background-color: #1f3776;
  color: #ffffff;
}

.panel-group .panel-default .panel-collapse {
  background-color: #f3f3f3;
}

.panel-group .panel-default .panel-collapse .panel-body {
  padding: 5px 0px;
}

.panel-group .panel-default .panel-collapse .panel-body .sub-menu {
  padding: 5px 15px;
}

.panel-group .panel-default .panel-collapse .panel-body .sub-menu a {
  color: #666666;
  font-size: 0.8em;
}

.panel-group .panel-default .panel-collapse .panel-body .sub-menu a p {
  margin: 0px;
}

.panel-group .panel-default .panel-collapse .panel-body .sub-menu:hover {
  background-color: #1f3776;
}

.panel-group .panel-default .panel-collapse .panel-body .sub-menu:hover a {
  color: #ffffff;
}

.panel-group .panel-default .panel-collapse .panel-body .active a {
  color: #1f3776;
}

.doc-category-mobile {
  margin-bottom: 15px;
  margin-top: 0px;
  display: none;
}

.doc-category-mobile .order-item select.form-control {
  width: 60%;
  margin: 0 auto;
  padding: 0.4rem 0.8rem;
  font-size: 0.7em;
  margin-bottom: 8px;
  color: #1f3776;
  border: 1px solid #1f3776;
}

.doc-category-mobile .line-spacing {
  margin-bottom: 15px;
}

.doc-title {
  display: flex;
  flex-wrap: wrap;
}

.network-education-section {
  width: 100%;
  position: relative;
}

.network-education-section .netwotk-image img {
  width: 100%;
}

.network-education-section .network-input {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.network-education-section .network-input input {
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid #d8dadb;
  font-size: 1.7rem;
  width: 50%;
}

.network-education-section .network-input input::-moz-placeholder {
  color: #797979;
  font-size: 1.4rem;
}

.network-education-section .network-input input::placeholder {
  color: #797979;
  font-size: 1.4rem;
}

.network-education-section .network-input button {
  background-color: #e60000;
  border-radius: 5px;
  border: 0px;
  color: #ffffff;
  padding: 5px 10px;
  margin: 3px 0px 3px 15px;
}

.network-education-section .network-input button:hover {
  background-color: #af0c0c;
}

.network-education-section .header-image {
  margin-bottom: 30px;
  width: 100%;
  position: relative;
}

.network-education-section .header-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.HeadAboutPage {
  background-color: #000000;
  color: #1E2462;
  text-align: center;
  position: relative;
}

.HeadAboutPage .IMGFrist {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}

.HeadAboutPage .IMGFrist img {
  width: 100%;
}

.HeadAboutPage .headerimg {
  padding: 5px 0;
}

.HeadAboutPage .headerimg span {
  color: white;
  text-align: center;
  font-size: 1.6rem;
}

.BodyText {
  color: #707070;
  text-align: center;
  padding: 30px 22%;
  text-align: center;
  font-size: 1.7rem;
}

.BodyText .bodytext-bold {
  padding: 15px 0;
  font-size: 2.3rem;
}

.AboutFounder {
  background-color: #E1D4F6;
  color: #707070;
  position: relative;
  text-align: justify;
  padding: 30px 10%;
  display: flex;
}

.AboutFounder .bodytext3 .IMGMidtext {
  text-align: center;
  flex-wrap: wrap;
  margin: auto;
}

.AboutFounder .bodytext3 .IMGMidtext .IMGMid {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.AboutFounder .bodytext3 .IMGMidtext .IMGMid img {
  width: 50%;
}

.AboutFounder .bodytext3 .IMGMidtext .textName {
  padding-bottom: 10px;
}

.AboutFounder .bodytext3 .IMGMidtext .textName span {
  width: 50%;
  font-size: 2.2rem;
  text-align: center;
}

.AboutFounder .bodytext3 .IMGMidtext span {
  width: 50%;
  font-size: 1em;
  text-align: center;
}

.AboutFounder .bodytext3 .bodyheader1 {
  padding-left: 20px;
}

.AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheader span {
  font-size: 2.3rem;
  text-decoration: underline;
}

.AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheaderchild .box {
  padding: 8px 0px;
}

.AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheaderchild .box span {
  width: 50%;
  font-size: 2rem;
}

.IMGLast {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.IMGLast img {
  width: 100%;
}

.section-series .series-section {
  padding: 30px;
  background-color: #eee;
  margin-bottom: 30px;
}

.section-series .series-section .card-header {
  color: #1E2462;
  margin-top: 0px;
  margin-bottom: 30px;
}

.section-series .series-section .card-header span {
  display: flex;
  align-items: center;
}

.section-series .series-section .card-header .order-by .form-control {
  background-color: #FFFFFF;
  color: #1E2462;
}

.section-series .series-section .card-header .series-title-main {
  padding-left: 65px;
}

.section-series .series-section .card-header .ribbon-title-popular {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: absolute;
  padding-top: 5px;
}

.section-series .series-section .card-header .ribbon-title-popular .is_ribbon {
  color: #ffffff;
  display: inline-block;
  padding: 3px 6px;
  font-size: 12px;
}

.section-series .series-section .card-header .ribbon-title-popular .orange {
  background-color: #ffae00;
}

.section-series .series-section .ep-list-item {
  border-radius: 20px;
  border: 0px;
  background-color: #ddd;
  padding: 35px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 10px;
}

.section-series .series-section .ep-list-item .content-box {
  border-radius: 10px;
  border: 0px;
  margin-bottom: 20px;
  background-color: transparent;
  box-shadow: 0px 0px 0px 0px;
}

.section-series .series-section .ep-list-item .content-box:hover a {
  color: #1f3776;
}

.section-series .series-section .ep-list-item .series-item {
  position: relative;
}

.section-series .series-section .ep-list-item .series-item img {
  max-width: 100%;
}

.section-series .series-section .ep-list-item .series-item .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  max-height: 430px;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-series .series-section .ep-list-item .series-item .overlay {
  position: absolute;
  top: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #ffffff;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
}

.section-series .series-section .ep-list-item .series-item .serie-card-title {
  font-size: 1.5rem;
  padding-top: 5px;
  margin-left: 5px;
}

.section-series .series-section .ep-list-item .series-item .serie-card-title a {
  color: #202124;
  overflow: hidden;
  font-size: 0.8em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.section-series .series-section .ep-list-item .series-item .text {
  float: left;
  padding: 10px;
  color: #797979;
  position: absolute;
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.section-series .series-section .ep-list-item .series-item .text .serie-card-details {
  color: #ffffff;
  font-size: 1.2rem;
  padding-top: 5px;
}

.section-series .series-section .ep-list-item .series-item .text .serie-clock-detail {
  padding: 5px 15px 0 0;
  color: #636364;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
}

.section-series .series-section .ep-list-item .series-item .ribbon-top {
  display: flex;
  justify-content: space-between;
}

.section-series .series-section .ep-list-item .series-item .ribbon-top .ribbon-title-top {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: relative;
  left: 5px;
  top: 5px;
  margin-right: 0px;
}

.section-series .series-section .ep-list-item .series-item .ribbon-top .wish-list {
  position: relative;
  top: 7px;
  right: 3px;
}

.section-series .series-section .ep-list-item .series-item:hover .overlay {
  opacity: 1;
}

.section-series .series-section .ep-list-item .series-item:hover .serie-card-title {
  color: #202124;
}

.section-series .series-section .ep-list-item .series-item:active .overlay {
  opacity: 0;
}

.section-series .series-section .ep-list-item .series-title {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1E2462;
}

.section-series .series-section .ep-list-item .series-title a {
  color: #1E2462;
  font-size: 0.9em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.section-series .series-section .series-list-item .content-box {
  border-radius: 10px;
  border: 0px;
  background-color: #ddd;
  padding: 35px;
  margin-bottom: 20px;
}

.section-series .series-section .series-list-item .content-box .ep-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  background-color: transparent;
  box-shadow: 0px 0px 0px 0px;
}

.section-series .series-section .series-list-item .content-box .series-part {
  display: flex;
  justify-content: space-between;
}

.section-series .series-section .series-list-item .content-box .series-name {
  color: #1E2462;
  padding: 10px 10px 10px 20px;
  font-size: 1.8rem;
}

.section-series .series-section .series-list-item .content-box .series-more-ep {
  padding: 10px 10px 20px 20px;
}

.section-series .series-section .series-list-item .content-box .series-more-ep a {
  color: #1E2462;
  font-size: 1.5rem;
}

.section-series .series-section .series-list-item .content-box .series-more-ep a:hover {
  color: #1f3776;
}

.section-series .series-section .series-list-item .content-box .series-ep-list:hover .series-title a {
  color: #1f3776;
}

.section-series .series-section .series-list-item .content-box .series-title-main {
  padding-left: 50px;
}

.section-series .series-section .series-list-item .content-box .ribbon-title-popular {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: absolute;
  left: 35px;
}

.section-series .series-section .series-list-item .content-box .ribbon-title-popular .is_ribbon {
  color: #ffffff;
  display: inline-block;
  padding: 3px 6px;
  font-size: 12px;
}

.section-series .series-section .series-list-item .content-box .ribbon-title-popular .orange {
  background-color: #ffae00;
}

.section-series .series-section .series-list-item .series-item {
  position: relative;
  box-shadow: 4px 2px 14px 0px rgba(30, 36, 98, 0.1);
}

.section-series .series-section .series-list-item .series-item img {
  max-width: 100%;
}

.section-series .series-section .series-list-item .series-item .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  max-height: 430px;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-series .series-section .series-list-item .series-item .overlay {
  position: absolute;
  top: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #ffffff;
  background: #ffffff;
}

.section-series .series-section .series-list-item .series-item .serie-card-title {
  font-size: 1.5rem;
  padding-top: 5px;
  margin-left: 5px;
}

.section-series .series-section .series-list-item .series-item .serie-card-title a {
  color: #202124;
  overflow: hidden;
  font-size: 0.8em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 13pt;
}

.section-series .series-section .series-list-item .series-item .text {
  float: left;
  padding: 5px;
  color: #797979;
  font-size: 14px;
  position: absolute;
}

.section-series .series-section .series-list-item .series-item .text span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.section-series .series-section .series-list-item .series-item .text .serie-card-details {
  color: #ffffff;
  font-size: 1.2rem;
  padding-top: 5px;
}

.section-series .series-section .series-list-item .series-item .text .serie-clock-detail {
  padding: 5px 15px 0 0;
  color: #636364;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
}

.section-series .series-section .series-list-item .series-item .ribbon-top {
  display: flex;
  justify-content: space-between;
}

.section-series .series-section .series-list-item .series-item .ribbon-top .ribbon-title-top {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  position: relative;
  left: 5px;
  top: 5px;
  margin-right: 0px;
}

.section-series .series-section .series-list-item .series-item .ribbon-top .wish-list {
  position: relative;
  top: 7px;
  right: 3px;
}

.section-series .series-section .series-list-item .series-item:hover .overlay {
  opacity: 1;
}

.section-series .series-section .series-list-item .series-item:hover .serie-card-title {
  color: #202124;
}

.section-series .series-section .series-list-item .series-title {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1E2462;
}

.section-series .series-section .series-list-item .series-title a {
  color: #1E2462;
  text-align: left;
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.series-similar-section .product-header {
  color: #808083;
  margin-top: 10px;
}

.series-similar-section .product-header span {
  font-size: 1.3em;
}

.series-similar-section .content-box {
  border: 0px;
  border-radius: 10px;
  font-size: 1.5rem;
  text-align: center;
  width: 70%;
  margin: auto;
  margin-bottom: 20px;
}

.series-similar-section .content-box .image {
  border-radius: 10px 10px 0 0;
}

.series-similar-section .content-box .footer-content {
  height: 80px;
}

.series-similar-section .content-box a {
  color: #808083;
}

.series-similar-section .content-box a:hover {
  color: #1f3776;
}

.series-similar-section .similar-details .content-box .courses-item .footer-content .footer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.series-similar {
  background-color: #eee;
}

.series-similar .product-header {
  color: #1E2462;
}

.series-similar .content-box {
  background-color: transparent;
  width: 60%;
  margin-bottom: 30px;
}

.series-similar .content-box .image {
  border-radius: 10px;
  margin-bottom: 10px;
}

.series-similar .content-box a {
  color: #1E2462;
}

.series-similar .content-box a:hover {
  color: #1f3776;
}

.series-similar .content-box .footer-content .footer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.series-similar .content-box .series-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-part-container .tab-content .part-series {
  background-color: transparent;
  border-radius: 10px;
}

.product-part-container .tab-content .part-series li .part-links {
  background-color: #eee;
}

.product-part-container .tab-content .part-series li .part-links a .course-list-name label span {
  color: #1F1E1E;
  line-height: 15pt;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
}

.product-part-container .tab-content .part-series li .part-links a .course-list-name label:last-child {
  padding-bottom: 0px;
}

.product-part-container .tab-content .part-series li .part-links a:hover .course-list-name label {
  color: #1f3776;
}

.product-part-container .tab-content .part-series li .serie-active {
  background-color: #F4F8FB;
}

.product-part-container .tab-content .part-series li .serie-active a .course-list-name label span {
  color: #1F1E1E;
}

.detail-serie-video {
  margin: 10px 0;
  display: block;
}

.detail-serie-video .detail-title {
  margin-bottom: 10px;
}

.detail-serie-video .detail-title span {
  border-bottom: 3px solid #1f3776;
}

.detail-serie-video .detail-fix-height {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

#ep_list li {
  display: none;
}

#load_more {
  color: #808083;
  cursor: pointer;
  text-align: center;
  margin-top: 30px;
  line-height: 15pt;
}

#load_more:hover {
  color: #1f3776;
}

#show_less {
  color: #808083;
  cursor: pointer;
  text-align: center;
  margin-top: 30px;
  line-height: 15pt;
}

#show_less:hover {
  color: #1f3776;
}

.product-series-detail {
  font-size: 1.6rem;
}

.product-series-detail .detail {
  font-size: 1.5rem;
  margin-left: 0px !important;
  margin-top: 5px;
}

.detail-more,
.detail-less {
  text-align: center;
  margin-top: 20px;
}

.detail-more span,
.detail-less span {
  font-size: 0.8em;
  border-bottom: 1px solid #dbe3e8;
  color: #808083;
  cursor: pointer;
}

.detail-more span:hover,
.detail-less span:hover {
  border-bottom: 1px solid #1f3776;
  color: #1f3776;
}

.section-category-series {
  background-color: #dfdfdf;
  margin-top: 20px;
}

.section-category-series .series-section {
  background-color: transparent;
  margin-bottom: 0px;
  padding-top: 30px;
}

.section-category-series .series-section .series-list-item .content-box {
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 0px;
  padding: 10px 0 0 0;
}

.pagi-series {
  text-align: center !important;
  display: flex;
  justify-content: center;
}

.contact-us-section {
  background-color: #ded0f4;
  color: #1E2462;
  position: relative;
  padding-bottom: 30px;
  color: #272761;
}

.contact-us-section .header {
  margin: 30px 0px;
}

.contact-us-section .header span {
  font-size: 1.3em;
}

.contact-us-section .detail {
  margin: 30px 0px;
}

.contact-us-section .address {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.contact-us-section .address .map-image {
  width: 80%;
  margin-bottom: 10px;
}

.contact-us-section .address .map-image img {
  width: 100%;
  margin-bottom: 10px;
}

.contact-us-section .address span {
  display: flex;
  justify-content: flex-end;
  font-size: 0.9em;
}

.contact-us-section .footer-image {
  width: 100%;
}

.contact-us-section .footer-image img {
  width: 100%;
}

.map-detail {
  margin-left: 30px;
}

.map-detail table td {
  text-align: left;
  padding: 0px;
}

.map-detail .col-0 {
  width: 50px;
}

.map-detail span {
  font-size: 0.9em;
}

.send-email {
  margin-top: 20px;
  width: 400px;
}

.send-email .form-group {
  margin-bottom: 5px;
}

.send-email .input-mail-detail {
  height: 35px;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #c0bebe;
  font-size: 0.8em;
  width: 100%;
  outline: none;
}

.send-email .textarea-mail-detail {
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #c0bebe;
  font-size: 1.5rem;
  width: 100%;
  outline: none;
}

.send-email .btn-send-mail {
  float: right;
  background-color: #1f3776;
  padding: 5px 10px;
  color: #ffffff;
  border: 1px solid #1f3776;
  font-size: 1.4rem;
  font-weight: none;
  border-radius: 5px;
  outline: none;
}

.send-email .btn-send-mail:hover {
  background-color: #1f3776;
}

@media (max-width: 8000px) {
  .slideshow-promotion .slideshow-container img.img-desktop {
    display: block;
  }

  .slideshow-promotion .slideshow-container img.img-mobile {
    display: none;
  }
}

@media only screen and (min-width: 1921px) {
  .lastest-section .lastest-item .image-series {
    max-height: 440px;
  }

  .lastest-section .lastest-slider-left-top {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .parts-slider-right .cover-home-image img {
    margin-right: 40px;
  }

  .slideshow-promotion .slideshow-container img.img-desktop {
    display: block;
  }

  .slideshow-promotion .slideshow-container img.img-mobile {
    display: none;
  }

  .lastest-section .lastest-item .image-series {
    max-height: 440px;
  }

  .lastest-section .lastest-slider-left-top {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1600px) {
  .lastest-section .lastest-item .image-series {
    max-height: 425px;
  }

  .lastest-section .lastest-slider-left-top {
    padding-left: 0px;
  }

  .quiz-wizard .student-result-border .student-result-btn {
    text-align: right;
    padding-top: 4px;
  }
}

@media only screen and (max-width: 1400px) {
  .parts-slider-right .cover-home-image img {
    margin-right: 40px;
  }

  .slideshow-promotion .slideshow-container img.img-desktop {
    display: block;
  }

  .slideshow-promotion .slideshow-container img.img-mobile {
    display: none;
  }
}

@media (max-width: 1300px) {
  .series-list-item .series-item .serie-card-title {
    font-size: 1.2rem;
    padding-top: 0px;
    margin-left: 5px;
  }

  .series-list-item .series-item .serie-card-title a {
    font-size: 1.2rem;
  }

  .series-list-item .series-item .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .series-list-item .series-item .text span {
    font-size: 1.1rem;
  }

  .ribbon-title-top .is_ribbon {
    padding: 2px 3px;
    font-size: 1rem;
  }

  .parts-slider-right .cover-home-image img {
    margin-right: 80px;
  }

  .tax-pit-first select.form-control {
    width: 90%;
  }

  .slideshow-promotion .slideshow-container img.img-desktop {
    display: block;
  }

  .slideshow-promotion .slideshow-container img.img-mobile {
    display: none;
  }

  .tab-cit-content .tax-cit-third-detail {
    width: 50%;
  }
}

@media (max-width: 1200px) {
  .parts-slider-container {
    min-height: 390px;
    height: 390px;
  }

  .parts-slider-right .cover-home-image img {
    height: 220px;
    margin-top: 50px;
    margin-right: 0px;
  }

  .parts-slider-left-content {
    padding-top: 60px;
    padding-left: 0px;
    z-index: 1;
    width: 500px;
  }

  .tab-content .tab-first table .input input,
  .tab-content .tab-third table .input input {
    width: 130px;
  }

  .course_details .product-start .noti-msg {
    width: 200px;
  }

  .tab-third .table-responsive {
    margin-bottom: 12px;
    width: 100%;
  }

  .tax-pit-first .content-box .footer-content {
    font-size: 0.9em;
  }

  .tax-pit-first .content-box .footer-content a {
    font-size: 0.85em;
  }

  .tax-pit-first select.form-control {
    width: 100%;
  }

  .tax-pit-first .tax-pit-item-detail {
    font-size: 1em;
  }

  .tab-third .cal-type-box {
    width: 80%;
  }

  .tab-cit-content .withholding-box {
    width: 90%;
  }

  .service-list-cover span {
    padding: 0 20px;
    border-right: 2px solid #ffffff;
    font-size: 14px;
  }

  .coming-desktop {
    display: none;
  }

  .section-request-inv .detail {
    grid-column-gap: 16px;
    padding: 30px 60px 0px 60px;
  }

  .section-request-inv .detail .price-detail {
    margin-bottom: 11px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .tab-cit-content .tax-cit-third-detail {
    width: 55%;
  }
}

@media only screen and (max-width : 992px) {
  .product-list-item {
    display: grid;
    grid-template-columns: repeat(3, 31.7%);
    grid-column-gap: 20px;
  }

  .tax-section .proicon {
    font-size: 1em;
  }

  .footer-blow {
    display: none;
  }

  .site-header {
    display: flex;
  }

  .parts-slider-container h2 {
    font-size: 3em;
  }

  .parts-slider-container .parts-slider-left {
    padding-left: 20px;
    display: flex;
    flex: 1;
    flex-direction: column;
    display: flex;
    height: 100%;
    justify-content: center;
  }

  .parts-slider-container .parts-slider-left .parts-slider-left-content {
    width: 100%;
    padding-top: 30px;
    padding-left: 0px;
  }

  .parts-slider-container .parts-slider-left h2 {
    font-size: 1.6em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header {
    font-size: 1.8em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header-2 {
    font-size: 1.4em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-detail {
    font-size: 1.4em;
    line-height: 18pt;
  }

  .home-btn-wrapper {
    padding-bottom: 15px;
    font-size: 0.8em;
  }

  .home-btn-wrapper img {
    width: 240px;
  }

  .lastest-section .lastest-slider-right .lastest-item {
    width: 95%;
  }

  .lastest-section .lastest-slider-right .lastest-item:nth-child(1),
  .lastest-section .lastest-slider-right .lastest-item:nth-child(2) {
    margin-bottom: 5px;
  }

  .lastest-section .lastest-slider-right .lastest-item .image {
    height: auto;
  }

  .lastest-section .lastest-slider-left .lastest-item {
    width: 95%;
  }

  .lastest-section .lastest-item .image-series {
    max-height: 420px;
    height: auto;
  }

  .lastest-section .lastest-slider-left-top {
    padding-bottom: 15px;
  }

  .lastest-section .lastest-slider-right-top {
    padding-bottom: 15px;
  }

  .featured-list {
    background-color: #eff1f2;
  }

  .header-nav-right {
    flex: 1;
    justify-content: flex-end;
  }

  .header-nav-right .btn-line {
    display: none;
  }

  .header-nav-right .mobile-btn {
    display: flex;
    align-items: center;
    margin-left: 20px;
  }

  .header-nav-right .signin-part {
    display: none;
  }

  .nine-dot .mobile-btn {
    display: flex;
    align-items: center;
  }

  .search-icon {
    top: 8px;
  }

  .header-nav-left {
    display: none;
  }

  #bannerSvg {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.5);
  }

  .blog-container {
    width: 100%;
  }

  .blog-container .img-responsive {
    max-width: 100%;
    margin-left: 0;
  }

  .search-box-click {
    margin: 0;
  }

  .search-box {
    width: 80%;
  }

  .search-box input {
    width: 100%;
  }

  .about-us-section .address {
    flex-wrap: wrap;
    justify-content: center;
  }

  .about-us-section .address .map-image {
    width: 100%;
  }

  .about-us-section .address .map-detail {
    width: 100%;
    text-align: center;
  }

  .send-email .btn-send-email {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
  }

  .tax-section .tax-cit-section .tax-box .details .input-text {
    margin-left: 0px;
  }

  .tax-section .tax-cit-section .tax-box .details .tax-group {
    margin: 10px 0px;
  }

  .tax-section .tax-cit-section .tax-box .details .tax-group .form-group {
    margin-left: 0px;
  }

  .tax-section .tax-cit-section .tax-box .table-summary .table-responsive {
    width: 100%;
  }

  .tax-section .tax-cit-section .tax-box .last-table .final-table-tax {
    width: 100%;
  }

  .tax-section .tax-cit-section .tax-box .table-tax .tax-more-input .input-more {
    width: 50%;
  }

  .tax-section .tab-content {
    font-size: 0.9em;
  }

  .tax-section .tab-first table th,
  .tax-section .tab-third table th {
    font-size: 1.05em;
  }

  .header-section span,
  .header-cate-section span,
  .header-lastest-section span {
    font-size: 1.6rem;
  }

  .header-section a,
  .header-cate-section a,
  .header-lastest-section a {
    font-size: 1.4rem;
  }

  .subscription-section .pricing-table thead tr th .subscript-name {
    font-size: 1.5rem;
  }

  .subscription-section .pricing-table tbody tr td {
    font-size: 1.4rem;
  }

  .pricing-table thead tr th .subscript-month {
    font-size: 1.5rem;
  }

  .pricing-table thead tr th .subscript-year {
    font-size: 1.2rem;
  }

  .pricing-table thead tr th .box-price {
    padding: 5px 15px;
    border-radius: 8px;
    width: 120px;
  }

  .pricing-table tbody tr td {
    height: 40px;
  }

  .pricing-table tbody tr td .check-mark {
    width: 40px;
  }

  .pricing-table tbody tr td .check-no {
    width: 45px;
  }

  .pricing-table tbody tr td .box-select {
    padding: 10px 15px;
    border-radius: 8px;
    width: 130px;
  }

  .footer-contact .footer-center .footer-detail {
    font-size: 2rem;
  }

  .footer-contact .footer-right .footer-menu-header {
    font-size: 1.8rem;
  }

  .footer-contact .footer-right .footer-detail {
    font-size: 1.6rem;
  }

  .contact-us-section .contact-us .address {
    justify-content: center;
  }

  .contact-us-section .contact-right {
    display: flex;
    justify-content: center;
  }

  .ep-series-image .ep-series-name span {
    font-size: 1.8rem;
    width: 400px;
    padding: 20px 30px;
    border-radius: 15px;
  }

  .category-courses-image .category-courses-name span {
    font-size: 1.8rem;
    width: 400px;
    padding: 20px 30px;
    border-radius: 15px;
  }

  .section-series .card-header {
    font-size: 1.8rem;
  }

  .section-series .series-section .ep-list-item {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 15px;
  }

  .section-series .series-section .ep-list-item .content-box {
    border-radius: 7px;
  }

  .section-series .series-section .series-list-item .series-part .series-name {
    font-size: 0.9em;
    width: 80%;
  }

  .section-series .series-section .series-list-item .series-part .series-name span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .section-series .series-section .series-list-item .series-part .series-more-ep a {
    font-size: 0.7em;
  }

  .section-series .series-section .series-list-item .content-box {
    padding: 10px;
  }

  .section-series .series-section .series-list-item .content-box .ep-list {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 15px;
  }

  .section-series .series-section .series-list-item .content-box .series-title-main {
    padding-left: 65px;
  }

  .section-series .series-section .series-list-item .content-box .ribbon-title-popular {
    left: 30px;
  }

  .section-series .series-section .order-by .form-control {
    font-size: 1.2rem;
    width: 140px;
  }

  .breadcrumb-list {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .all-series-image {
    margin-bottom: 20px;
  }

  .ep-series-image {
    margin-bottom: 20px;
  }

  .category-courses-image {
    margin-bottom: 20px;
  }

  .footer-contact .footer-left {
    text-align: center;
  }

  .footer-contact .footer-left img {
    width: 140px;
  }

  .footer-contact .footer-center {
    text-align: center;
  }

  .footer-contact .footer-center .footer-detail {
    font-size: 1.8rem;
  }

  .footer-contact .footer-right {
    font-size: 1.5rem;
    margin-bottom: 15px;
    text-align: center;
  }

  .footer-contact .footer-right .footer-menu-header {
    font-size: 1.8rem;
  }

  .footer-contact .footer-right .footer-detail {
    font-size: 1.5rem;
  }

  .footer-contact .footer-right .footer-detail .contact {
    width: 100%;
    justify-content: center;
  }

  .HeadAboutPage .headerimg {
    padding: 3px 0;
  }

  .HeadAboutPage .headerimg span {
    font-size: 1.2rem;
  }

  .BodyText {
    padding: 30px 10%;
    font-size: 1.5rem;
  }

  .BodyText .bodytext-bold {
    font-size: 1.8rem;
  }

  .AboutFounder {
    padding: 30px 5%;
  }

  .AboutFounder .bodytext3 .IMGMidtext .textName span {
    font-size: 2rem;
  }

  .AboutFounder .bodytext3 .IMGMidtext span {
    font-size: 1.5rem;
  }

  .AboutFounder .bodytext3 .bodyheader1 {
    padding-left: 0px;
  }

  .AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheader span {
    font-size: 1.8rem;
  }

  .AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheaderchild .box span {
    font-size: 1.5rem;
  }

  .confirm-payment .confirm-payment-image img {
    width: 180px;
  }

  .confirm-payment .confirm-payment-details {
    font-size: 1.4rem;
  }

  .confirm-payment .confirm-payment-details .detail-list {
    padding: 8px 0px;
  }

  .confirm-payment .confirm-payment-details .detail-list .th {
    width: 150px;
  }

  .confirm-payment .confirm-payment-details h3 {
    font-size: 1.8rem;
  }

  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    min-width: 600px;
  }

  .series-list-item .series-item .overlay {
    top: 60%;
    height: 40%;
  }

  .series-list-item .series-item .serie-card-title {
    font-size: 1.3rem;
    padding-top: 5px;
    margin-left: 5px;
  }

  .series-list-item .series-item .serie-card-title a {
    font-size: 1.3rem;
  }

  .series-list-item .series-item .text {
    font-size: 1.1rem;
  }

  .series-list-item .series-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .section-search .search_results .series-item .overlay {
    top: 60%;
    height: 40%;
  }

  .ribbon-title-top .is_ribbon {
    padding: 3px 5px;
    font-size: 1rem;
  }

  .footer-content-blog .course-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content-blog .footer-user span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .tax-cate {
    gap: 50px;
  }

  .tax-cate img {
    height: 140px;
  }

  .footer-bottom {
    justify-content: center;
    padding-right: 0px;
  }

  .table-responsive {
    overflow-y: hidden;
  }

  .cover-image .title span {
    font-size: 1.1em;
    gap: 10px;
  }

  .cover-image .title span .title-icon {
    max-width: 45px;
  }

  .parts-slider-left-content {
    padding-left: 0px;
  }

  .parts-slider-right .cover-home-image img {
    margin-right: 0px;
    height: 210px;
    margin-top: 20px;
  }

  .parts-slider-container {
    height: 300px;
    min-height: 300px;
  }

  .parts-slider-container .parts-slider-left .parts-slider-left-content {
    padding-top: 5px;
  }

  .tab-content .tab-first table .float-left .tab-third table .float-left,
  .tab-content .tab-first table .tab-content .tab-third table .float-left {
    text-align: left;
    font-size: 0.9em;
  }

  .tab-content .tab-first table th .tab-third table th,
  .tab-content .tab-first table .tab-content .tab-third table th {
    font-size: 0.9em;
  }

  .tab-content .tab-first table .input input,
  .tab-content .tab-third table .input input {
    width: 120px;
    font-size: 0.8em;
    padding: 0.8rem 0.5rem;
  }

  .tab-content .tab-first table td,
  .tab-content .tab-third table td {
    padding-right: 5px;
    padding-left: 5px;
  }

  .footer-bottom .footer-right-icon {
    gap: 20px;
    gap: 3px 20px;
    grid-template-columns: repeat(3, 32.5%);
  }

  .similar-section .content-box .footer-content {
    padding: 5px;
  }

  .register-btn {
    padding: 6px 10px;
    font-size: 1em;
  }

  .product-btn-start,
  .startcourse-btn,
  .subscription-btn {
    padding: 6px 10px;
    font-size: 0.9em;
  }

  .tax-content-top {
    width: 85%;
  }

  .tax-content-top h1 {
    font-size: 1.9em;
  }

  .tax-content-top span {
    font-size: 0.9em;
  }

  .tax-content-footer {
    width: 80%;
    font-size: 0.9em;
  }

  .tab-content .tab-second .tabitem {
    min-height: auto;
  }

  .section-subscription .detail {
    padding: 20px 30px 0px 30px;
  }

  .section-subscription .ibox-back-home {
    padding: 0px 30px;
  }

  .course_details .product-start .noti-msg {
    width: 170px;
  }

  .course_details .wish-list {
    margin-right: -10px;
  }

  .course_details .wish-list span {
    font-size: 2.3rem;
  }

  .summary-tax-total {
    width: 75%;
  }

  .tab-third .table-responsive {
    margin: 0px auto;
    margin-bottom: 12px;
    width: 100%;
  }

  .tab-content .tab-second .tabitem {
    padding-left: 20px;
  }

  .tab-content .tab-second .tabitem .item-right span {
    padding-left: 7px;
    padding-right: 7px;
    min-width: 30px;
  }

  .tab-content .tab-second .tabitem-right span {
    padding-left: 7px;
    padding-right: 7px;
    min-width: 30px;
  }

  .tab-content .tabcontent .tab-second-details {
    grid-template-columns: repeat(1, 1fr);
  }

  .similar-blog-section .similar-details {
    grid-template-columns: 23% 23% 23% 23%;
  }

  .similar-blog-section .content-box .footer-content {
    padding: 5px;
  }

  .tax-pit-first .tax-pit-first-first {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tax-pit-first .tax-pit-first-second {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tax-pit-first .tax-pit-first-cross {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
  }

  .tax-pit-first .content-box .footer-content {
    font-size: 1.2em;
    line-height: 16pt;
  }

  .tax-pit-first .content-box .footer-content a {
    font-size: 1.2em;
  }

  .tax-pit-first .tax-pit-item-detail {
    font-size: 1.2em;
  }

  .top-detail .step-deatil .step {
    width: 170px;
  }

  .tab-third .cal-type {
    font-size: 1.4em;
  }

  .tab-third .cal-type-box {
    width: 70%;
    margin: 0 auto;
    padding: 10px;
    line-height: 20pt;
  }

  .tab-third .cal-type-box .item-list-border {
    padding: 0px 10px;
  }

  .tab-third .cal-type-box2 {
    width: 70%;
    padding: 10px;
  }

  .tab-third .cal-type-box3 {
    width: 70%;
    padding: 10px;
  }

  .cover-text .header-text {
    font-size: 1.5em;
  }

  .cover-text .header-detail {
    font-size: 1.1em;
  }

  .tab-cit-content .item-check-box {
    justify-content: flex-start;
  }

  .tab-cit-content .tax-cit-third-detail {
    width: 60%;
  }

  .tab-cit-content .tax-cit-second-detail {
    width: 100%;
  }

  .tab-cit-content .withholding-box {
    width: 100%;
    margin: 0px;
  }

  .tab-cit-content .withholding-box .item-percent-wht {
    gap: 10px;
  }

  .tab-cit-content .small-text {
    line-height: 15pt;
  }

  .tab-cit-content .tax_saving_box {
    width: 100%;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list {
    gap: 10px;
    width: 100%;
  }

  .tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item {
    width: 100%;
  }

  .item-between .input-percent,
  .item-between-2 .input-percent {
    width: 35%;
  }

  .item-between .input-percent input,
  .item-between-2 .input-percent input {
    padding: 0.8em 1.2em 0.8em 0.3em !important;
    width: 100% !important;
  }

  .item-between .input-currency,
  .item-between-2 .input-currency {
    width: 40%;
  }

  .item-between .input-currency input,
  .item-between-2 .input-currency input {
    padding: 0.8em 2em 0.8em 0.3em !important;
    width: 100% !important;
  }

  .item-between .item-list .form-group span,
  .item-between-2 .item-list .form-group span {
    right: 5px !important;
    font-size: 0.9em;
  }

  .item-between .item-list .form-group input,
  .item-between-2 .item-list .form-group input {
    font-size: 0.9em;
  }

  .item-between .form-group span,
  .item-between-2 .form-group span {
    right: 5px !important;
    font-size: 0.9em;
  }

  .item-between .form-group input,
  .item-between-2 .form-group input {
    font-size: 0.9em;
  }

  .tab-cit-content .item-between .item-inline {
    width: 100%;
  }

  .item-vat-box span {
    margin-bottom: 5px;
    font-size: 0.9em;
  }

  .cover-text .cover-text .header-text {
    font-size: 1.3em;
  }

  .cover-text .header-detail {
    font-size: 0.9em;
  }

  .top-detail .step-deatil {
    display: flex;
    font-size: 1em;
  }

  .tab-list span {
    font-size: 0.9em;
    padding: 12px 20px;
  }

  .header-learnmore .learnmore a {
    font-size: 0.9em;
  }

  .pricing-box-list .top-subscript-name {
    right: 65%;
  }

  .pricing-box-list .subscript-name {
    width: 60%;
  }

  .pricing-box-list .best-seller {
    width: 60%;
  }

  .service-list-cover span {
    padding: 0 20px;
    border-right: 2px solid #ffffff;
    font-size: 12px;
  }

  .featured-cate-card .featured-cate-icon {
    width: 76px;
    height: 76px;
  }

  .quiz-wizard .display-cert-section {
    text-align: center;
  }

  .quiz-wizard .display-cert-section-2 {
    padding-top: 15px;
    padding-left: 30px;
    padding-bottom: 15px;
  }

  .quiz-wizard .display-title {
    font-size: 1.6rem;
  }

  .quiz-wizard .display-sub-title {
    font-size: 1.5rem;
  }

  .quiz-wizard .display-btn {
    text-align: center;
  }

  .quiz-wizard .student-result-border .student-result-btn {
    text-align: right;
    padding-top: 4px;
  }
}

@media only screen and (max-width: 991.5px) {
  .coming-desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .parts-slider-container {
    height: 280px;
    min-height: 280px;
  }

  .parts-slider-container .parts-slider-left {
    padding-left: 20px;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
  }

  .parts-slider-container .parts-slider-left .parts-slider-left-content {
    width: 100%;
    padding-top: 30px;
    padding-left: 0px;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header {
    font-size: 1.4em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header-2 {
    font-size: 1em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-detail {
    margin-top: 20px;
    font-size: 1em;
    line-height: 18pt;
  }

  .parts-slider-right .cover-home-image img {
    margin-right: 0px;
    height: 180px;
    margin-top: 45px;
  }

  .pricing-box-list .pricing-box {
    width: 280px;
    height: auto;
    padding: 0px 20px 20px 20px;
    position: relative;
  }

  .section-request-inv .detail {
    grid-column-gap: 16px;
    padding: 20px 20px 0px 20px;
  }

  .section-request-inv .detail .price-detail {
    margin-bottom: 11px;
  }

  .quiz-contain {
    padding: 0px 0px 20px 0px;
  }

  .tab-cit-content .tax-cit-third-detail {
    width: 75%;
  }
}

@media only screen and (min-width: 820px) and (max-width: 1180px) {
  .parts-slider-container {
    height: 300px;
    min-height: 300px;
  }

  .parts-slider-container .parts-slider-left {
    padding-left: 20px;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
  }

  .parts-slider-container .parts-slider-left .parts-slider-left-content {
    width: 100%;
    padding-top: 40px;
    padding-left: 0px;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header {
    font-size: 1.5em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header-2 {
    font-size: 1.2em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-detail {
    margin-top: 20px;
    font-size: 1.2em;
    line-height: 18pt;
  }

  .parts-slider-right .cover-home-image img {
    margin-right: 0px;
    height: 200px;
    margin-top: 40px;
  }

  .pricing-box-list {
    gap: 20px;
    margin: 0px;
  }

  .pricing-box-list .pricing-box {
    width: 280px;
    height: auto;
    padding: 0px 20px 20px 20px;
    position: relative;
  }

  .pricing-box-list .special-price {
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .pricing-box-list .special-price .price-currentcy {
    font-size: 1.3em;
  }

  .pricing-box-list .package-per-month {
    padding: 5px;
    font-size: 1em;
  }

  .pricing-box-list .package-btn {
    height: auto;
    margin-top: 40px;
  }

  .pricing-box-list .package-btn .package-subscription {
    padding: 5px;
    font-size: 1em;
  }

  .pricing-box-list .service-lists {
    font-size: 0.9em;
    height: 220px;
  }

  .pricing-box-list .service-lists .service i {
    font-size: 18px;
  }

  .pricing-box-list .subscript-name {
    font-size: 1.4em;
  }

  .pricing-panel {
    display: none;
    visibility: hidden;
  }

  .section-request-inv .detail {
    grid-column-gap: 16px;
    padding: 20px 20px 0px 20px;
  }

  .section-request-inv .detail .price-detail {
    margin-bottom: 11px;
  }

  .slideshow-promotion .slideshow-container img.img-desktop {
    display: block;
  }

  .slideshow-promotion .slideshow-container img.img-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
	
   .vip-text {
	 font-size: 16px;
	 padding: 5rem 1rem;
	}
  
  .parts-slider-container {
    height: 450px;
    min-height: 370px;
  }

  .parts-slider-container .parts-slider-left .parts-slider-left-content {
    text-align: center;
  }

  .parts-slider-container .parts-slider-right {
    height: 200px;
  }

  .parts-slider-right .cover-home-image img {
    margin-right: 0px;
    height: 170px;
    margin-top: 10px;
  }

  .home-btn-wrapper {
    justify-content: center;
  }

  .AboutFounder .bodytext3 .bodyheader1 {
    text-align: center;
    padding-top: 20px;
  }

  .tab-content {
    font-size: 14px;
  }

  .tab-content .tab-first table .input input,
  .tab-content .tab-third table .input input {
    width: 80px;
    font-size: 0.8em;
    padding: 0.6rem 0.5rem;
  }

  .tab-content .tabcontent {
    padding: 20px;
  }

  .tab-content .tab-second .tabitem .item-right .input-width {
    width: 150px;
    text-align: right;
    padding: 0.5rem 1rem;
  }

  .tab-content .tab-second .tabitem .item-right .input-person {
    width: 50px;
    text-align: right;
    padding: 0.5rem 0.5rem;
  }

  .tab-content .tab-second .tabitem-right .input-width {
    width: 150px;
    padding: 0.5rem 1rem;
  }

  .section-subscription .detail {
    grid-template-columns: repeat(1, auto);
    padding: 10px 0px 0px 0px;
  }

  .section-subscription .detail .price-detail {
    margin-bottom: 11px;
  }

  .section-subscription .ibox-back-home {
    padding: 0px 0px;
  }

  .section-request-inv .detail {
    grid-template-columns: repeat(1, auto);
    padding: 10px 0px 0px 0px;
  }

  .section-request-inv .detail .price-detail {
    margin-bottom: 11px;
  }

  .course_details .product-start .noti-msg {
    width: auto;
  }

  .alert-warning-text {
    width: 100%;
    justify-content: center;
    margin-right: 0px;
  }

  .doc-category {
    display: none;
  }

  .doc-category-mobile {
    display: block;
  }

  .doc-detail {
    border-left: 0px;
  }

  .doc-detail .order-by {
    display: none;
  }

  .doc-header {
    font-size: 0.9em;
  }

  .doc-section table th {
    font-size: 0.8em;
  }

  .doc-section table tr td {
    font-size: 0.8em;
  }

  .filter-item {
    margin-bottom: 0px;
  }

  .doc-new,
  .doc-type-adv {
    padding: 1px 4px;
    font-size: 8px;
    margin-left: 2px;
  }

  .learnmore-small {
    display: block;
  }

  .learnmore-large {
    display: none;
  }

  .tab-content .learnmore {
    line-height: 14pt;
  }

  .top-detail .step-deatil .step {
    width: 190px;
  }

  .tax-pit-first .content-box .footer-content {
    font-size: 1em;
    line-height: 16pt;
  }

  .tax-section .tab-list span {
    padding: 10px 15px;
  }

  .tab-cit-content .withholding-box .item-inline .text-title {
    width: 100px !important;
  }

  .tab-cit-content .withholding-box .item-percent-wht .item-percent-text {
    width: 90px !important;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list {
    width: 90%;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency {
    width: 150px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-percent {
    width: 90px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list-details {
    padding: 10px;
  }

  .tab-cit-content .cit-more-video-list .video-item {
    grid-template-columns: 1fr;
  }

  .tab-cit-content .cit-more-video-list .video-item h3 {
    font-size: 1.2em;
  }

  .tab-cit-content .cit-more-video-list .video-item .detail {
    text-align: center;
  }

  .tab-cit-content .tax-cit-third-detail {
    width: 65%;
  }

  .large-size {
    display: none !important;
  }

  .small-size {
    display: block !important;
  }

  .small-size .course_details {
    margin-bottom: 10px;
    padding: 15px;
    padding: 15px 15px 0 15px;
  }

  .small-size .serie_details {
    padding: 15px 15px 10px 15px;
  }

  .small-size .serie_details .course_header_details {
    margin-bottom: 0px;
  }

  .product-part-container {
    margin-top: 0px;
  }

  .product-body {
    margin-top: 0px;
  }

  .small-size {
    margin-top: 25px;
  }

  .serie_details_body {
    margin-top: 15px;
  }

  .series-similar-section .product-header span {
    font-size: 1.1em;
  }

  .service-list-cover {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-row-gap: 10px;
    text-align: start;
  }

  .service-list-cover span {
    padding: 0 20px;
    border-right: 0px;
    font-size: 13px;
  }

  .service-list-cover span:nth-child(1) {
    text-align: end;
    border-right: 1px solid #ffffff;
  }

  .service-list-cover span:nth-child(3) {
    text-align: end;
    border-right: 1px solid #ffffff;
  }

  .featured-cate {
    padding-bottom: 10px;
  }

  .featured-cate-course {
    padding-top: 20px;
  }

  .featured-cate-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
  }
  
  .featured-cate-container-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3%;
  }

  .cate-item {
    margin-bottom: 10px;
  }

  .featured-cate-card {
    padding: 0px;
  }

  .featured-cate .header span {
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .section-request-inv .detail {
    grid-column-gap: 16px;
    padding: 20px 0px 0px 0px;
  }

  .section-request-inv .detail .price-detail {
    margin-bottom: 11px;
  }

  .quiz-contain {
    padding: 20px 0px;
  }

  .quiz-wizard .quiz-time .minutes {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .seconds {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .time-title {
    top: -5px;
    left: 80%;
    font-size: 1.5rem;
    transform: translate(0, 0);
  }

  .quiz-wizard .student-result-border {
    padding: 10px;
  }

  .quiz-wizard .student-result-border .student-result-btn {
    text-align: left;
    padding-top: 4px;
  }

  .quiz-wizard .student-result-border .btn-load-cert {
    padding: 8px 20px;
    font-size: 1em;
  }

  .quiz-wizard .student-result-border .btn-learn-again {
    padding: 8px 20px;
    font-size: 1em;
  }

  .quiz-wizard .answer-head {
    font-size: 1.4em;
  }

  .tax-section .tab-list span {
    font-size: 0.6em;
    padding: 5px 10px;
  }

  .tax-section .tab-list .tablink-next {
    border-radius: 10px 10px 0px 0px;
  }

  .tax-section .tab-content {
    font-size: 0.6em;
    padding-left: 0px;
    padding-right: 0px;
  }

  .tax-section .tab-content .tabcontent {
    padding: 10px 10px 10px 10px;
    border-radius: 0px 20px 20px 20px;
  }

  .tax-section .tab-content .tab-first table .input input,
  .tax-section .tab-content .tab-content .tab-third table .input input {
    width: 55px;
  }

  .tax-section .tab-content .tab-first table .input input,
  .tax-section .tab-content .tab-content .tab-third table input {
    width: 55px;
  }

  .tax-section .tab-content input[type=text].form-control,
  .tax-section .tab-content input[type=password].form-control,
  .tax-section .tab-content input[type=number].form-control {
    border-radius: 5px;
    padding: 3px;
    width: 100%;
    font-size: 0.7em;
  }

  .tax-section .tab-content .tab-second .cate-teb {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
  }

  .tax-section .tab-content .tab-second .cate-teb span {
    font-size: 1.1em;
  }

  .tax-section .tab-content .tab-second .cate-teb span .cate-tab-number {
    font-size: 8px;
    width: 15px;
    height: 15px;
  }

  .tax-section .tab-content .tab-second .cal-buttom button {
    font-size: 0.9em;
    padding: 4px 8px;
    margin-right: 10px;
  }

  .tax-section .tab-content .tab-second .tabitem .item-right .input-width {
    width: 60px;
    font-size: 0.7em;
    padding: 3px;
  }

  .tax-section .tab-content .tab-second .tabitem .item-right .input-person {
    width: 40px;
    font-size: 0.7em;
    padding: 3px;
  }

  .tax-section .tab-content .btn {
    font-size: 0.7em;
    padding: 8px 15px;
  }

  .header-learnmore .learnmore {
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
  }

  .header-learnmore .learnmore a {
    font-size: 0.6em;
  }

  .instructor-profile-info {
    padding: 0px !important;
  }

  .instructor-profile-info .instructor-name {
    font-size: 1.5em !important;
    text-align: center;
  }

  .instructor-profile-info .instructor-short-desc {
    font-size: 1.1em !important;
    text-align: center;
  }

  .instructor-profile-info .instructor-desc {
    font-size: 1em !important;
    width: 100% !important;
  }

  .instructor-course .related-course-details {
    grid-template-columns: repeat(2, 1fr);
  }

  .instructor-course .instructor-course-header {
    font-size: 1.5em !important;
  }

  .instructor-serie .instructor-serie-header {
    font-size: 1.5em !important;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-text {
    font-size: 14px;
    padding-bottom: 5px;
    width: 65% !important;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-button {
    width: 35% !important;
  }
}

@media screen and (min-device-width: 400px) and (max-device-width: 450px) {
  .user-settings-form .form-group {
    margin-right: 0;
    margin-top: 0;
    margin-left: 0;
  }

  .tax-pit-first .form-group {
    margin-right: 0px;
    margin-left: 0px;
  }

  .tab-cit-content .form-group {
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  .link-clipboard .form-group {
    margin-right: 0;
    margin-top: 0;
    margin-left: 0;
  }

  .section-search .series-title {
    height: 26px;
  }

  .quiz-contain {
    padding: 20px 0px;
  }

  .quiz-wizard .quiz-name {
    font-size: 1.8rem;
  }

  .quiz-wizard .course-name {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-info span {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-time {
    text-align: center;
  }

  .quiz-wizard .quiz-time .minutes {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .seconds {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .time-title {
    top: -5px;
    left: 80%;
    font-size: 1.4rem;
    transform: translate(0, 0);
  }

  .quiz-form .form-card .question-title {
    font-size: 1.4rem;
  }

  .quiz-form .form-card .form-radio label .answer-title {
    font-size: 1.4rem;
  }

  .series-section .card-header .ribbon-title-popular {
    padding-top: 0px !important;
  }

  .series-section .card-header .series-title-main {
    padding-top: 3px !important;
  }
}

@media only screen and (max-width : 600px) {
  .btn {
    padding: 8px 14px;
    font-size: 1.4rem;
  }

  .formBox h2 {
    padding: 0 10px;
  }

  .formBox form {
    padding: 0 10px;
  }

  .formBox .switch-links {
    left: 10px;
  }

  .middle-header .header-title-caption {
    display: none;
  }

  .middle-header .header-login-in-button i {
    display: none;
  }

  .site-header {
    padding: 10px 10px;
  }

  .site-header a {
    font-size: 0.7em;
  }

  .search-box-click {
    margin-right: 0px;
  }

  .header-login-in-button img {
    width: 40px;
    height: 40px;
  }

  .logo-main {
    width: 90px;
  }

  .nine-dot .mobile-btn {
    font-size: 15px;
    padding: 10px 0 10px 10px;
  }

  .search-icon {
    font-size: 15px;
  }

  .parts-slider-left .btn {
    padding: 16px 32px;
  }

  .home-btn-wrapper {
    display: block;
    margin-top: 15px;
  }

  .home-btn-wrapper .btn {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    font-size: 18px;
  }

  .home-btn-wrapper .btn-line {
    font-size: 0.8em;
  }

  .home-btn-wrapper img {
    width: 200px;
  }

  .featured-list {
    flex-direction: column;
    margin-top: 15px;
    position: relative;
  }

  .featured-list li {
    text-align: left;
    font-size: 16px;
  }

  .parts-slider-left .parts-slider-header {
    font-size: 1.4em;
  }

  .parts-slider-left .parts-slider-header-2 {
    font-size: 1em;
  }

  .parts-slider-left .parts-slider-left-content {
    width: 100%;
    padding-top: 320px;
    padding-left: 0px;
  }

  .parts-slider-left .parts-slider-detail {
    font-size: 1em;
    line-height: 13pt;
    text-align: center;
    padding: 0px;
    margin-top: 20px;
  }

  .parts-slider-left h2 {
    font-size: 1.6em;
    text-align: center;
  }

  .footer-blow-inner {
    flex-direction: column;
    justify-content: flex-start;
  }

  .footer-blow-inner .copyright {
    margin-top: 15px;
  }

  .cate-title {
    padding: 2rem 0;
  }

  .cate-title span {
    font-size: 1.5em;
  }

  .cate-sidebar {
    display: none;
  }

  .dd-icon {
    font-size: 1.4em;
    vertical-align: -2px;
  }

  .section-search .search_results .courses-item .image {
    height: 100px;
  }

  .section-search .search_results .series-title {
    height: 25px;
  }

  .tax-section .tax-cit-section .tax-box .details .input-text {
    margin-left: 0px;
    flex-wrap: wrap;
  }

  .tax-section .tax-cit-section .tax-box .details .tax-group {
    margin: 10px 0px;
    padding: 10px 15px;
  }

  .tax-section .tax-cit-section .tax-box .details .tax-group .form-group {
    margin-left: 0px;
    width: 60px;
    font-size: 0.9em;
  }

  .tax-section .tax-cit-section .tax-box .details .tax-group .form-group label {
    height: 24px;
  }

  .tax-section .tax-cit-section .tax-box .details .tax-group .subject {
    width: 60px;
  }

  .tax-section .tax-cit-section .tax-box .last-table .final-table-tax {
    width: 100%;
  }

  .tax-section .tax-cit-section .tax-box .table-tax .tax-more-input .input-more {
    width: 30%;
  }

  .tax-section .tax-cit-section .tax-box .table-tax .tax-more-input .input-more .input {
    padding: 3px 5px 3px 3px;
  }

  .tax-section .tax-cit-section .tax-box .table-tax .tax-more-input .input-more .icon-percent {
    padding-top: 6px;
  }

  .tax-section .tax-cit-section .tax-box .table-tax .tax-more-input .btn {
    padding: 4px 10px;
    font-size: 0.8em;
  }

  .footer-section {
    padding: 20px 50px;
  }

  .connection-section .network-list-item .network-box {
    width: 130px;
    height: 90px;
    border-radius: 10px;
    margin: 0 auto 10px auto;
  }

  .connection-section .network-list-item .text-center span {
    font-size: 0.8em;
  }

  .header-section {
    margin-bottom: 10px;
  }

  .header-section span {
    font-size: 1.6rem !important;
  }

  .header-section a {
    font-size: 1.2rem !important;
  }

  .header-cate-section span {
    font-size: 1.6rem !important;
  }

  .header-cate-section a {
    font-size: 1.2rem !important;
  }

  .subscription-section .pricing-table .col-2,
  .header-lastest-section .pricing-table .col-2 {
    background-color: #ffffff;
    box-shadow: 0px 0px 0px #ffffff;
  }

  .contact-us .send-email {
    width: 250px;
  }

  .user-overlap ul li a {
    line-height: 30px;
  }

  .contact-us-section .contact-us .send-email {
    width: 250px;
  }

  .contact-us-section .contact-us .address .map-image {
    width: 100%;
  }

  .footer-ribbon .ribbon {
    gap: 2px;
  }

  .footer-ribbon .ribbon .is_ribbon {
    font-size: 9px !important;
  }

  .footer-content {
    height: 80px;
    padding: 5px;
  }

  .footer-content .footer-title {
    margin-top: 3px;
  }

  .footer-content .footer-title a {
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content .footer-user {
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content .footer-user span {
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content-blog {
    height: 80px;
    padding: 5px;
  }

  .footer-content-blog .footer-title {
    margin-top: 3px;
  }

  .footer-content-blog .footer-title a {
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .footer-content-series {
    height: 75px;
    padding: 5px;
  }

  .footer-content-series .footer-title {
    margin-top: 3px;
  }

  .footer-content-series .footer-title a {
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content-series .footer-user {
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content-series .footer-user span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .wish-list span {
    font-size: 16px;
  }

  .featured-cate-card h3 {
    font-size: 1.3rem;
  }

  .search-mobile {
    padding-top: 60px;
  }

  .series-section .card-header {
    margin-bottom: 10px !important;
  }

  .series-section .card-header span {
    font-size: 1.4rem;
  }

  .series-section .card-header .ribbon-title-popular {
    padding-top: 0px !important;
  }

  .series-section .card-header .series-title-main {
    padding-top: 3px !important;
  }

  .series-section .ep-list-item .content-box .image {
    border-radius: 5px;
  }

  .ep-series-image .ep-series-name span {
    font-size: 1.2rem;
    width: 300px;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 300;
  }

  .category-courses-image .category-courses-name span {
    font-size: 1.2rem;
    width: 300px;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 300;
  }

  .content-box .series-title {
    line-height: 10pt;
  }

  .content-box .series-title a {
    font-size: 0.7em !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .breadcrumb-list {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .breadcrumb-list span {
    font-size: 9px;
  }

  .all-series-image {
    margin-bottom: 10px;
  }

  .ep-series-image {
    margin-bottom: 10px;
  }

  .category-courses-image {
    margin-bottom: 10px;
  }

  .filter-item {
    margin-bottom: 0px;
  }

  .filter-item .filter-input {
    line-height: 30px;
    height: 30px;
    width: 80%;
    border-radius: 5px;
    padding: 0 15px 0 40px;
    border: 1px solid #dbe3e8;
    font-size: 0.7em;
  }

  .filter-item .filter-search-icon {
    top: 8px;
    font-size: 14px;
  }

  .filter-item .filter-order {
    margin-bottom: 10px;
  }

  .filter-item button {
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1.2rem;
  }

  .filter-item form {
    padding-bottom: 10px;
  }

  .filter-item .form-control {
    font-size: 1.2rem;
  }

  .filter-submenu .header {
    font-size: 1.3rem;
  }

  .filter-submenu .sub-menu-list .sub-menu-item span {
    font-size: 1.1rem;
  }

  .card-header span {
    font-size: 1.7rem;
  }

  .card-header .order-by select {
    font-size: 1.3rem;
    width: 130px;
  }

  .tax-cate img {
    height: 100px;
  }

  .doc-section .header span,
  .featured-cate .header span {
    font-size: 1.5rem;
  }

  .doc-section table th {
    font-size: 0.8em;
  }

  .doc-section table tbody {
    font-size: 0.8em;
  }

  .doc-section table tr td {
    font-size: 0.8em;
  }

  .tab-content .tab-second .tabitem2 .tabitem2-item span {
    font-size: 0.8em;
  }

  .tab-content .tab-second .tabitem2 .tabitem2-item .form-group span {
    font-size: 0.8em;
  }

  .tab-content .tab-second .tabitem2 .tabitem2-item .form-group input {
    width: 60px;
  }

  .tab-content .tab-first table .input input,
  .tab-content .tab-third table .input input {
    padding: 3px !important;
    font-size: 0.7em !important;
  }

  .tab-content .tab-first table .float-left,
  .tab-content .tab-first table .float-right,
  .tab-content .tab-third table .float-left,
  .tab-content .tab-third table .float-right {
    font-size: 1em;
  }

  .tab-content .tab-first table td,
  .tab-content .tab-third table td {
    font-size: 1em;
  }

  .tab-content .tab-first table th,
  .tab-content .tab-third table th {
    font-size: 1.1em;
  }

  .tab-content .tab-first table th,
  .tab-content .tab-content .tab-third table th {
    font-size: 1.1em;
    padding: 4px;
  }

  .tab-content .tab-second .childmore .tabitem span {
    font-size: 0.8em;
  }

  .tab-content .tab-second .childmore .input-child {
    width: 40px !important;
  }

  .tab-content .tab-second .childmore .input-width {
    width: 60px;
  }

  .tab-content .tab-second .tabitem .item-right .form-group {
    width: 140px;
  }

  .tab-content .tab-second .tabitem .item-right .form-group span {
    padding-left: 5px;
    font-size: 0.9em;
    min-width: 35px;
  }

  .tab-content .tab-second .tabitem .item-right .form-group input[type=radio] {
    margin-left: 3px;
  }

  .tab-content .tab-second .tabitem .item-right .input-total {
    width: 100px;
    padding: 0.4rem 0.7rem;
    font-size: 0.8em;
    text-align: right;
  }

  .tab-list {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm-learnmore .learnmore {
    margin-right: 0px;
  }

  .slick-prev {
    left: 5px;
    z-index: 555;
  }

  .slick-next {
    right: 5px;
    z-index: 555;
  }

  .slick-prev:before,
  .slick-next:before {
    font-size: 22px;
  }

  .pricing-panel {
    font-size: 1.3rem;
  }

  .footer-section {
    padding: 20px 20px 10px 20px;
  }

  .footer-contact .footer-left {
    text-align: center;
  }

  .footer-contact .footer-left img {
    width: 120px;
  }

  .footer-contact .footer-center {
    text-align: center;
    justify-content: center;
  }

  .footer-contact .footer-center .footer-detail {
    font-size: 1.6rem;
  }

  .footer-contact .footer-right {
    font-size: 1.2rem;
    margin-bottom: 15px;
    text-align: center;
  }

  .footer-contact .footer-right .footer-menu-header {
    font-size: 1.6rem;
  }

  .footer-contact .footer-right .footer-detail {
    font-size: 1.2rem;
  }

  .footer-bottom .footer-right-icon {
    gap: 20px;
    gap: 3px 20px;
    grid-template-columns: repeat(2, 46%);
    width: 100%;
  }

  .footer-bottom .footer-right-icon a {
    color: white;
    font-size: 1.2rem;
  }

  .footer-bottom .footer-right-icon .contact {
    margin-right: 0px;
  }

  .footer-bottom .footer-right-icon .logo-social {
    height: 15px;
  }

  .HeadAboutPage .headerimg span {
    font-size: 0.8rem;
  }

  .BodyText {
    font-size: 1.4rem;
  }

  .BodyText .bodytext-bold {
    font-size: 1.6rem;
  }

  .AboutFounder .bodytext3 .IMGMidtext .textName {
    padding-bottom: 5px;
  }

  .AboutFounder .bodytext3 .IMGMidtext .textName span {
    font-size: 1.5rem;
  }

  .AboutFounder .bodytext3 .IMGMidtext span {
    font-size: 1.2rem;
  }

  .AboutFounder .bodytext3 .IMGMidtext .IMGMid img {
    width: 40%;
  }

  .AboutFounder .bodytext3 .bodyheader1 {
    text-align: center;
  }

  .AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheader {
    padding-top: 20px;
  }

  .AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheader span {
    font-size: 1.5rem;
  }

  .AboutFounder .bodytext3 .bodyheader1 .bodyheader2 .bodyheaderchild .box span {
    font-size: 1.4rem;
  }

  .confirm-payment .confirm-payment-details {
    font-size: 1.3rem;
  }

  .confirm-payment .confirm-payment-details .detail-list {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0px;
  }

  .confirm-payment .confirm-payment-details h3 {
    font-size: 1.7rem;
  }

  .modal-dialog {
    width: auto;
    margin: 30px 10px;
  }

  .modal-content {
    min-width: 100%;
  }

  .ucp-menu-item .item-box .micon {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .user-menu-text {
    font-size: 1.2rem;
  }

  .user-menu {
    padding: 2.5rem 0;
  }

  .user-settings-menu {
    font-size: 1.4rem;
  }

  .user-settings-form {
    font-size: 1.4rem;
  }

  .user-settings-form .form-group .btn-orange {
    padding: 10px 20px;
    font-size: 1.4rem;
    border-radius: 5px;
  }

  .table-responsive > .table {
    font-size: 1.2rem;
  }

  .light-theme a span,
  .light-theme span {
    font-size: 1.2rem;
  }

  .product-header h2 {
    font-size: 2rem;
    line-height: 20pt;
  }

  .product-header span {
    font-size: 1.6rem;
  }

  .product-part-container .nav-tabs li a {
    font-size: 1.5rem;
  }

  .course-list-name {
    font-size: 1.4rem;
  }

  .course-list-name label {
    font-size: 1.3rem;
  }

  .course-list-name span {
    font-size: 1.2rem;
  }

  .product-body .product-details-box .proicon {
    font-size: 2.3rem;
  }

  .product-body .product-details-box span:nth-child(2) {
    font-size: 1.4rem;
  }

  .product-body .product-details-box .topic {
    font-size: 1.4rem;
  }

  .product-start .btn {
    padding: 8px 20px;
    font-size: 1.6rem;
  }

  .course_details .taecher-header span {
    font-size: 1.6rem;
  }

  .course_details .teacher-profile span {
    font-size: 1.6rem;
  }

  .course_details .img-box {
    width: 100px;
    height: 100px;
  }

  .similar-series-section .similar-details {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
  }

  .similar-series-section .series-title {
    justify-content: flex-start;
    margin: 10px 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1rem;
  }

  .similar-section .similar-details {
    grid-template-columns: repeat(2, 1fr);
  }

  .similar-section .content-box .footer-content {
    max-height: 55px;
    padding: 5px;
    font-size: 1.2rem;
  }

  .similar-section .content-box .footer-content .footer-title {
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .similar-blog-section .similar-details {
    grid-template-columns: repeat(2, 1fr);
  }

  .similar-blog-section .content-box .footer-content {
    font-size: 1.2rem;
    max-height: 55px;
    padding: 5px;
  }

  .series-similar-section .similar-details .content-box .courses-item .footer-content {
    max-height: 55px;
    padding: 5px;
    font-size: 1.2rem;
  }

  .series-similar-section .similar-details .content-box .courses-item .footer-content .footer-title {
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .series-similar-section .similar-details .content-box .series-title {
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
  }

  .watch-video h3,
  .watch-video .h3 {
    font-size: 1.4rem;
  }

  .series-list-item .series-item .overlay {
    display: none !important;
    visibility: hidden;
  }

  .series-list-item .series-item .serie-card-title {
    font-size: 1.1rem;
    padding-top: 2px;
    margin-left: 2px;
  }

  .series-list-item .series-item .serie-card-title a {
    font-size: 0.7em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .series-list-item .series-item .text {
    font-size: 0.8rem;
  }

  .series-list-item .series-item .text span {
    font-size: 0.8rem;
  }

  .section-series .series-section .series-list-item .series-item .serie-card-title a {
    font-size: 0.7em;
  }

  .ribbon-title-top .is_ribbon {
    padding: 1px 3px;
    font-size: 9px;
  }

  .type_title span {
    font-size: 1.5rem;
  }

  .section-search .header span {
    font-size: 1.8rem;
  }

  .section-search .type_title span {
    font-size: 1.5rem;
  }

  .section-search .type_title p {
    font-size: 1.3rem;
  }

  .section-search .search_results span {
    font-size: 1.3rem;
  }

  .section-series .series-section .series-list-item .series-item .overlay {
    display: none !important;
    visibility: hidden;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header {
    font-size: 1.3em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header-2 {
    font-size: 1em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-detail {
    font-size: 1em;
    line-height: 13pt;
  }

  .footer-content-blog .course-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content-blog .footer-user span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .cover-image .title span {
    font-size: 0.9em;
    border-radius: 10px;
    padding: 10px 20px;
    gap: 5px;
  }

  .cover-image .title span .title-icon {
    max-width: 35px;
  }

  .tax-cate {
    gap: 30px;
  }

  .popover-text {
    font-size: 0.7em;
  }

  .popover-text a {
    font-size: 0.7em;
  }

  .popover-text .icon-video {
    color: #0B76F7;
    font-size: 1.7rem;
  }

  .section-series .series-section .series-list-item .content-box .series-part .series-more-ep {
    padding: 0px;
    padding-top: 7px;
  }

  .product-list-item {
    display: grid;
    grid-template-columns: repeat(2, 46.5%);
    grid-column-gap: 20px;
  }

  .parts-slider-container {
    height: 390px;
  }

  .alert h3 {
    margin-bottom: 20px;
  }

  .tax-content-top {
    width: 100%;
    line-height: 18pt;
  }

  .tax-content-top h1 {
    font-size: 1.4em;
  }

  .tax-content-top span {
    font-size: 0.7em;
  }

  .tax-content-footer {
    padding: 10px 20px;
    font-size: 0.7em;
    line-height: 18pt;
  }

  .content-tag a {
    font-size: 0.7em;
  }

  .blog-text-section .text-section img {
    height: auto;
  }

  .doc-detail {
    padding-left: 0;
    padding-right: 0;
  }

  .summary-tax-total {
    width: 90%;
    padding: 10px;
  }

  .summary-tax-total .summary-tax-total-line .play-video {
    font-size: 12px;
    padding: 2px 8px;
  }

  .summary-tax-total .focus-percent {
    min-width: 35px;
  }

  .tab-content .tab-first table .input,
  .tab-content .tab-third table .input {
    padding: 12px 2px;
  }

  .tab-content .tab-second .tabitem-right span {
    padding-left: 0px;
    width: 30px;
  }

  .tax-section .container-fluid,
  .tax-section .wrapper {
    padding-left: 2%;
    padding-right: 2%;
  }

  .top-detail .step-deatil .step {
    width: 110px;
  }

  .tax-pit-first .tax-pit-first-first {
    grid-column-gap: 0px;
  }

  .tax-pit-first .tax-pit-first-second {
    grid-column-gap: 0px;
  }

  .tax-pit-first .tax-pit-first-cross {
    grid-column-gap: 25px;
  }

  .tax-pit-first .tax-pit-first-cross2 {
    grid-column-gap: 0px;
  }

  .tax-pit-first .content-box .footer-content {
    padding: 5px 5px;
    height: 65px;
    font-size: 1.2em;
    line-height: 12pt;
  }

  .tax-pit-first .content-box .footer-content .footer-title a {
    font-size: 1.1em;
  }

  .tax-pit-first .form-group input {
    width: 100% !important;
    font-size: 0.9em !important;
  }

  .tax-pit-first select.form-control {
    margin: 0 5px;
  }

  .cover-text .header-text {
    font-size: 1em;
    margin-bottom: 10px;
  }

  .cover-text .header-detail {
    font-size: 0.75em;
    line-height: 16pt;
  }

  .tab-third .cal-type2-detail {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1.2fr;
  }

  .tab-third .cal-type-box {
    width: 80%;
  }

  .tab-third .cal-type-box3 .item-list-sp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }

  .header-learnmore .learnmore a {
    font-size: 0.8em;
  }

  .tab-cit-content .item-between .input-percent {
    width: auto;
  }

  .tab-cit-content .item-between .input-percent input {
    padding: 0.5em 2.5em 0.5em 0.5em !important;
    width: 100% !important;
  }

  .tab-cit-content .item-between .input-percent select {
    padding: 0.5em 2.5em 0.5em 0.5em !important;
    width: 100% !important;
  }

  .tab-cit-content .item-between .input-currency {
    width: auto;
  }

  .tab-cit-content .item-between .input-currency input {
    padding: 0.5em 4em 0.5em 0.5em !important;
    width: 100% !important;
  }

  .tab-cit-content .item-between select {
    padding: 0.5em 2em 0.5em 0.5em !important;
    width: 100%;
    font-size: 0.7em;
  }

  .tab-cit-content .tax-cit-first-detail {
    width: 100%;
  }

  .tab-cit-content .item-vat-box {
    padding: 4px 5px;
  }

  .tab-cit-content .small-text {
    line-height: 13pt;
  }

  .tab-cit-content .item-between-2 {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-column-gap: 5px;
  }

  .tab-cit-content .item-between-2 .input-percent {
    width: 25%;
  }

  .tab-cit-content .item-between-2 .input-percent input {
    padding: 0.3em 2em 0.3em 0.3em !important;
    width: 100% !important;
  }

  .tab-cit-content .item-between-2 .input-currency {
    width: 45%;
  }

  .tab-cit-content .item-between-2 .input-currency input {
    padding: 0.3em 3em 0.3em 0.3em !important;
    width: 100% !important;
  }

  .tab-cit-content .item-between-2 .item-list .item-title {
    width: 45%;
    font-size: 0.9em;
  }

  .tab-cit-content .item-between-2 .item-list .item-title span {
    width: 100%;
  }

  .tab-cit-content .item-between-2 .item-list .form-group span {
    right: 5px !important;
    font-size: 0.8em;
  }

  .tab-cit-content .item-list {
    gap: 5px;
  }

  .tab-cit-content .item-list .item-title {
    width: 75px;
  }

  .tab-cit-content .item-between {
    flex-wrap: wrap;
  }

  .tab-cit-content .item-between .input-percent {
    width: 50px;
  }

  .tab-cit-content .item-between .input-percent input {
    padding: 0.5em 0.5em 0.5em 0.5em !important;
  }

  .tab-cit-content .withholding-box .input-currency {
    width: auto;
  }

  .tab-cit-content .withholding-box .item-inline .text-title {
    width: 90px !important;
    font-size: 0.9em;
  }

  .tab-cit-content .withholding-box .item-percent-wht .item-percent-text {
    width: 90px !important;
  }

  .tab-list span {
    padding: 8px 12px;
  }

  .tax-cit-section .tax-box {
    font-size: 1.3rem;
    padding: 20px;
  }

  .tax-cit-section .tax-box .header {
    margin-bottom: 15px;
  }

  .tax-cit-section .tax-box .header span {
    font-size: 0.8em;
  }

  .tax-cit-section .tax-box .header-learnmore a {
    font-size: 0.7em;
  }

  .tax-cit-section .tax-box .details {
    font-size: 0.7em;
  }

  .tax-cit-section .tax-box .details .input-text .input,
  .tax-cit-section .tax-box .details .input-text .tax {
    padding: 5px 10px 5px 10px;
    width: 120px;
    font-size: 0.8em;
  }

  .tax-cit-section .tax-box .details .input-text .icon-percent {
    padding-top: 8px;
  }

  .tax-cit-section .tax-box .details .input-text .input-label,
  .tax-cit-section .tax-box .details .input-text .tax-label {
    width: 100px;
    font-size: 0.8em;
  }

  .tax-cit-section .tax-box .details .button button {
    font-size: 0.8em;
    padding: 5px 10px;
  }

  .tax-cit-section .tax-box .details input {
    font-size: 1em;
    padding: 3px;
    width: 60px;
  }

  .tax-cit-section .popover-text {
    font-size: 1.3rem;
  }

  .tab-cit-content .tax-cit-second-box {
    padding: 10px;
  }

  .tab-cit-content .tax-cit-second-box input {
    width: 100% !important;
    padding: 0.5em 4em 0.5em 0.5em !important;
  }

  .tab-cit-content .tax-cit-second-box .input-currency {
    width: 100%;
  }

  .tab-cit-content .tax-cit-second-vat-box {
    padding: 10px;
  }

  .tab-cit-content .tax-cit-second-vat-box input {
    width: 100% !important;
    padding: 0.5em 4em 0.5em 0.5em !important;
  }

  .tab-cit-content .tax-cit-second-vat-box .input-currency {
    width: 100%;
  }

  .tab-cit-content .tax-cit-third-detail {
    width: 70%;
  }

  .tab-cit-content .tax-cit-third-detail table th div {
    padding: 2px;
  }

  .tab-cit-content .tax-cit-third-detail table td .form-group input {
    width: 90%;
    margin: 0 auto;
    padding: 0.5rem 1rem;
  }

  .tab-cit-content .tax_saving_box {
    padding: 15px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list {
    width: 100%;
    gap: 0px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency {
    width: 120px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency input {
    width: 100%;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .item1 {
    display: flex;
    justify-content: flex-end;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list-details {
    padding: 15px;
  }

  .tab-cit-content .tax_saving_box .cal-btn {
    padding: 3px 5px;
  }

  .tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 .input-currency {
    width: 80% !important;
  }

  .how-to-detail {
    font-size: 0.9em;
    line-height: 23pt;
  }

  .how-to-container {
    padding-top: 0px;
  }

  .how-to-container .header h1 {
    font-size: 28px;
  }

  .lastest-section .lastest-item .image-series {
    height: 250px;
  }

  .tab-content .tab-second .tabitem .item-right .input-child {
    padding: 3px;
    font-size: 0.7em;
  }

  .tab-content .tab-second .tabitem-more-box .tabitem .item-right .input-child {
    padding: 3px;
    font-size: 0.7em;
  }

  .tab-third-details .table-responsive table thead tr th:nth-child(1) {
    width: 25% !important;
  }

  .tab-third-details .table-responsive table thead tr th:nth-child(3) {
    width: 20% !important;
  }

  .tab-third-details .table-responsive table thead tr th:nth-child(4) {
    width: 18% !important;
  }

  .service-list-cover span {
    font-size: 10px;
  }

  .progress {
    margin-top: 0px;
    width: 100px;
  }

  .progress-bar {
    font-size: 10px;
    line-height: 15px;
  }

  .progress-percent {
    font-size: 12px;
  }

  .product-part-container .tab-content .part-ul li .part-links a {
    padding: 15px 8px;
  }

  .product-part-container .tab-content .part-ul li span {
    padding: 15px 8px;
  }

  .duration-view {
    padding: 15px 8px;
    font-size: 1.2rem;
  }

  .slideshow-promotion .slideshow-container img.img-desktop {
    display: none !important;
  }

  .slideshow-promotion .slideshow-container img.img-mobile {
    display: block;
  }

  .slideshow-promotion .slideshow-container .bullet-dot {
    padding-bottom: 5px;
  }

  .slideshow-promotion .slideshow-container .bullet-dot .dot {
    height: 8px;
    width: 8px;
  }

  .quiz-contain {
    padding: 0px 0px 20px 0px;
  }

  .quiz-wizard .quiz-name {
    font-size: 2rem;
  }

  .quiz-wizard .course-name {
    font-size: 1.6rem;
  }

  .quiz-wizard .quiz-info span {
    font-size: 1.5rem;
  }

  .quiz-wizard .quiz-time {
    text-align: center;
  }

  .quiz-wizard .quiz-time .minutes {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .seconds {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .time-title {
    top: -5px;
    left: 80%;
    font-size: 1.5rem;
    transform: translate(0, 0);
  }

  .quiz-wizard .display-title {
    font-size: 1.6rem;
  }

  .quiz-wizard .display-sub-title {
    font-size: 1.5rem;
  }

  .quiz-wizard .display-btn {
    text-align: center;
  }

  .quiz-wizard .share-icon {
    font-size: 1.2em;
    padding: 5px;
  }

  .quiz-wizard .student-result-border {
    padding: 10px;
  }

  .quiz-wizard .student-result-border .student-result-label {
    font-size: 1.5rem;
  }

  .quiz-wizard .student-result-border .student-result-btn {
    text-align: left;
    padding-top: 4px;
  }

  .quiz-wizard .student-result-border .btn-load-cert {
    padding: 8px 20px;
    font-size: 1.5rem;
  }

  .quiz-wizard .student-result-border .btn-learn-again {
    padding: 8px 20px;
    font-size: 1.5rem;
  }

  .quiz-wizard .answer-head {
    font-size: 2rem;
  }

  .quiz-form .form-card .question-title {
    font-size: 1.5rem;
  }

  .quiz-form .form-card .form-radio label .answer-title {
    font-size: 1.5rem;
  }

  .header-learnmore .learnmore {
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
  }

  .header-learnmore .learnmore a {
    font-size: 0.6em;
  }

  .instructor-profile-info {
    padding: 0px !important;
  }

  .instructor-profile-info .instructor-name {
    font-size: 1.4em !important;
    text-align: center;
  }

  .instructor-profile-info .instructor-short-desc {
    font-size: 1.1em !important;
    text-align: center;
  }

  .instructor-profile-info .instructor-desc {
    font-size: 0.9em !important;
    width: 100% !important;
  }

  .instructor-course .related-course-details {
    grid-template-columns: repeat(2, 1fr);
  }

  .instructor-course .instructor-course-header {
    font-size: 1.4em !important;
  }

  .instructor-serie .instructor-serie-header {
    font-size: 1.4em !important;
  }

  .modal-register .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-register .modal-body .line2 p {
    font-size: 1.8em;
  }

  .modal-register .modal-body .line3 p {
    font-size: 1.2em;
  }

  .modal-alert .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-alert .modal-body .line2 p {
    font-size: 1.8em;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .heading {
    font-size: 14px;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail {
    display: contents !important;
    justify-content: normal !important;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-text {
    font-size: 12px !important;
    padding-bottom: 5px;
    width: 100% !important;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-button {
    width: 100% !important;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-button .btn-consent-accept-all {
    font-size: 12px !important;
  }

  .cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-button .btn-consent-setting {
    font-size: 12px !important;
  }

  .consent-modal {
    padding-top: 60px !important;
  }

  .consent-modal .modal-header {
    padding: 10px 15px;
  }

  .consent-modal .modal-header .modal-title {
    font-size: 14px !important;
  }

  .consent-modal .modal-body {
    padding: 10px !important;
  }

  .consent-modal .modal-body .consent-header label {
    font-size: 14px;
    padding-left: 5px !important;
  }

  .consent-modal .modal-body .consent-detail label {
    font-size: 12px !important;
  }

  .consent-modal .modal-footer {
    padding: 10px !important;
  }

  .consent-modal .switch {
    width: 40px !important;
    height: 20px !important;
  }

  .consent-modal .slider:before {
    height: 16px !important;
    width: 16px !important;
    left: 4px !important;
  }
}

@media (max-width: 500px) {
  .btn {
    padding: 6px 12px;
    font-size: 1.4rem;
  }

  .lastest-section .lastest-item .image-series {
    height: 200px;
  }

  .tab-cit-content .tax_saving_box .focus-saving {
    padding: 5px;
  }

  .tab-cit-content .tax_saving_box .focus-saving .item-title span {
    width: 90px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .item-title {
    width: 100px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency {
    width: 100px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-percent {
    width: 40px;
  }

  .tab-cit-content .tax-cit-third-detail {
    width: 80%;
  }

  .connection-section .network-list-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10%;
  }

  .parts-slider-right .cover-home-image img {
    margin-right: 0px;
    height: 170px;
    margin-top: 0px;
  }

  .service-list-cover span {
    font-size: 10px;
  }

  .section-series .series-section {
    padding: 0px;
  }

  .section-series .series-section .card-header {
    margin-bottom: 15px;
    margin-top: 10px;
  }

  .section-series .series-section .card-header .ribbon-title-popular {
    padding-top: 0px !important;
  }

  .section-series .series-section .card-header .series-title-main {
    padding-top: 3px !important;
  }

  .quiz-contain {
    padding: 0px 0px 20px 0px;
  }

  .quiz-wizard .quiz-name {
    font-size: 1.8rem;
  }

  .quiz-wizard .course-name {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-info span {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-time {
    text-align: center;
  }

  .quiz-wizard .quiz-time .minutes {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .seconds {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .time-title {
    top: -5px;
    left: 80%;
    font-size: 1.4rem;
    transform: translate(0, 0);
  }

  .quiz-wizard .display-title {
    font-size: 1.4rem;
  }

  .quiz-wizard .display-sub-title {
    font-size: 1.2rem;
  }

  .quiz-wizard .display-btn {
    text-align: center;
  }

  .quiz-wizard .share-icon {
    font-size: 1.6rem;
    padding: 5px;
  }

  .quiz-wizard .student-result-border {
    padding: 10px;
  }

  .quiz-wizard .student-result-border .student-result-label {
    font-size: 1.4rem;
  }

  .quiz-wizard .student-result-border .student-result-btn {
    text-align: left;
    padding-top: 4px;
  }

  .quiz-wizard .student-result-border .btn-load-cert {
    padding: 8px 20px;
    font-size: 1.4rem;
  }

  .quiz-wizard .student-result-border .btn-learn-again {
    padding: 8px 20px;
    font-size: 1.4rem;
  }

  .quiz-wizard .answer-head {
    font-size: 1.8rem;
  }

  .quiz-form .form-card .question-title {
    font-size: 1.4rem;
  }

  .quiz-form .form-card .form-radio label .answer-title {
    font-size: 1.4rem;
  }

  .quiz-form .btn {
    width: auto;
    font-size: 1.4rem;
    padding: 8px 20px;
  }

  .quiz-form .incorrect-aws {
    width: 100%;
  }

  .quiz-form .incorrect-aws .incorrect-detail {
    padding-left: 0px;
    font-size: 1.2rem;
  }

  .header-learnmore .learnmore {
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
  }

  .header-learnmore .learnmore a {
    font-size: 0.6em;
  }

  .modal-register .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-register .modal-body .line2 p {
    font-size: 1.4em;
  }

  .modal-register .modal-body .line3 p {
    font-size: 1.1em;
  }

  .modal-alert .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-alert .modal-body .line2 p {
    font-size: 1.4em;
  }
}

@media (max-width: 400px) {
  .btn {
    padding: 6px 12px;
    font-size: 1.2rem;
  }

  .tax-pit-first .content-box .footer-content {
    font-size: 2.5vmin;
    height: 55px;
    line-height: 10pt;
  }

  .tax-pit-first .content-box .footer-content .footer-title a {
    font-size: 1.1em;
  }

  .tax-section .tab-content input[type=text].form-control,
  .tax-section .tab-content input[type=password].form-control,
  .tax-section .tab-content input[type=number].form-control {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }

  .tab-third .cal-type-detail {
    padding: 0px 0px 8px;
    line-height: 18pt;
  }

  .tab-third .cal-type-box {
    width: 90%;
    padding: 8px;
  }

  .tab-third .cal-type-box .item-list .item-right .last {
    width: 20px;
  }

  .tab-third .cal-type-box2 {
    width: 80%;
  }

  .tab-third .cal-type-box3 {
    width: 80%;
  }

  .lastest-section .lastest-item .image-series {
    height: 170px;
  }

  .tab-cit-content .item-between {
    grid-template-columns: 1fr;
  }

  .tab-cit-content .item-between .item-inline {
    width: -moz-fit-content;
    width: fit-content;
  }

  .tab-cit-content .withholding-box .item-percent-wht {
    gap: 20px;
    margin-top: 10px;
  }

  .tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item {
    grid-column-gap: 5px;
  }

  .tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 {
    grid-template-columns: 0.6fr 1fr;
  }

  .tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 .item-box-flex .title {
    width: 40%;
  }

  .tab-cit-content .tax-cit-second-vat-box .tax-cit-second-vat-box-item-2 .input-currency {
    width: 60% !important;
  }

  .tab-cit-content .tax_saving_box .focus-saving {
    padding: 5px;
  }

  .tab-cit-content .tax_saving_box .focus-saving .item-title span {
    width: 55px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .item-title {
    width: 80px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency {
    width: 80px;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-currency .taxsave_addcost {
    right: 35%;
  }

  .tab-cit-content .tax_saving_box .item-tax-saving-list .saving-currency .input-percent {
    width: 40px;
  }

  .tab-cit-content .tax-cit-third-detail {
    width: 100%;
  }

  .tab-cit-content .item-between-2 .item-list .form-group span {
    display: block;
    padding-top: 2px;
  }

  .parts-slider-right .cover-home-image img {
    margin-right: 0px;
    height: 65%;
    margin-top: 25px;
  }

  .parts-slider-container .parts-slider-left {
    padding-left: 5px;
    padding-right: 5px;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header {
    font-size: 1.2em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-header-2 {
    font-size: 1em;
  }

  .parts-slider-container .parts-slider-left .parts-slider-detail {
    font-size: 1em;
    line-height: 13pt;
  }

  .tab-content .tab-first table td,
  .tab-content .tab-third table td {
    font-size: 0.8em;
  }

  .featured-cate {
    margin-bottom: 10px;
  }

  .connection-section .network-list-item .network-item .text-center {
    margin-bottom: 5px;
  }

  .popular-series-section {
    padding-bottom: 10px;
  }

  .filter-item form {
    padding-bottom: 0px;
  }

  .simple-pagination {
    margin-bottom: 15px;
  }

  .section-series .series-section {
    padding: 0px;
  }

  .section-series .series-section .card-header {
    margin-bottom: 15px;
    margin-top: 10px;
  }

  .service-list-cover span {
    font-size: 9px;
    padding-left: 10px;
    padding-right: 0px;
  }

  .service-list-cover span:nth-child(1) {
    padding-right: 10px;
    padding-left: 0px;
  }

  .service-list-cover span:nth-child(3) {
    padding-right: 10px;
    padding-left: 0px;
  }

  .featured-cate-card .featured-cate-icon {
    width: 60px;
    height: 60px;
  }

  .tax-cate img {
    height: 80px;
  }

  .pricing-box-list {
    margin: 0px;
  }

  .section-request-inv .header h2 {
    font-size: 1.8rem;
    line-height: 18pt;
    font-weight: bold;
  }

  .section-request-inv .header span {
    font-size: 1.4rem;
  }

  .section-request-inv .detail {
    font-size: 1.4rem;
  }

  .slideshow-promotion .slideshow-container .bullet-dot {
    padding-bottom: 5px;
  }

  .slideshow-promotion .slideshow-container .bullet-dot .dot {
    height: 8px;
    width: 8px;
  }

  .section-search .series-title {
    height: 26px;
  }

  .quiz-contain {
    padding: 0px 0px 20px 0px;
  }

  .quiz-wizard .quiz-name {
    font-size: 1.8rem;
  }

  .quiz-wizard .course-name {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-info span {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-time {
    text-align: center;
  }

  .quiz-wizard .quiz-time .minutes {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .seconds {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .time-title {
    top: -5px;
    left: 80%;
    font-size: 1.4rem;
    transform: translate(0, 0);
  }

  .quiz-wizard .display-title {
    font-size: 1.4rem;
  }

  .quiz-wizard .display-sub-title {
    font-size: 1.2rem;
  }

  .quiz-wizard .display-btn {
    text-align: center;
  }

  .quiz-wizard .share-icon {
    font-size: 1.6rem;
    padding: 5px;
  }

  .quiz-wizard .student-result-border {
    padding: 10px;
  }

  .quiz-wizard .student-result-border .student-result-label {
    font-size: 1.4rem;
  }

  .quiz-wizard .student-result-border .student-result-btn {
    text-align: left;
    padding-top: 4px;
  }

  .quiz-wizard .student-result-border .btn-load-cert {
    padding: 8px 20px;
    font-size: 1.4rem;
  }

  .quiz-wizard .student-result-border .btn-learn-again {
    padding: 8px 20px;
    font-size: 1.4rem;
  }

  .quiz-wizard .answer-head {
    font-size: 1.8rem;
  }

  .quiz-form .form-card .question-title {
    font-size: 1.4rem;
  }

  .quiz-form .form-card .form-radio label .answer-title {
    font-size: 1.4rem;
  }

  .quiz-form .btn {
    width: auto;
    font-size: 1.4rem;
    padding: 8px 20px;
  }

  .quiz-form .incorrect-aws {
    width: 100%;
  }

  .quiz-form .incorrect-aws .incorrect-detail {
    padding-left: 0px;
    font-size: 1.2rem;
  }

  .header-learnmore .learnmore {
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
  }

  .header-learnmore .learnmore a {
    font-size: 0.6em;
  }

  .slideshow-promotion .slideshow-container .prev,
  .slideshow-promotion .slideshow-container .next,
  .slideshow-promotion .slideshow-container .text {
    font-size: 11px;
  }

  .modal-register .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-register .modal-body .line2 p {
    font-size: 1.4em;
  }

  .modal-register .modal-body .line3 p {
    font-size: 1em;
  }

  .modal-alert .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-alert .modal-body .line2 p {
    font-size: 1.4em;
  }
}

@media (max-width: 360px) {
  .header-logo {
    display: none;
  }

  .product-header h2 {
    font-size: 1.8rem;
    line-height: 18pt;
  }

  .product-header span {
    font-size: 1.4rem;
  }

  .product-start .btn {
    padding: 6px 18px;
    font-size: 1.4rem;
  }

  .product-body .product-details-box .progress {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    width: 150px;
  }

  .footer-content-blog {
    height: 75px;
    padding: 5px;
    border-radius: 0 0 10px 10px;
    font-size: 1rem;
  }

  .footer-content-blog .footer-title {
    margin-top: 3px;
  }

  .footer-content-blog .footer-title a {
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .footer-content-blog .footer-user {
    font-size: 1rem;
  }

  .footer-content-blog .footer-user span {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .lastest-section .lastest-slider-left-top {
    padding-left: 0px;
  }

  .lastest-section .lastest-slider-left {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .lastest-section .lastest-slider-left .lastest-item {
    width: 100%;
  }

  .lastest-section .lastest-slider-right-top {
    padding-left: 0px;
  }

  .lastest-section .lastest-slider-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .lastest-section .lastest-slider-right .lastest-item {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
  }

  .footer-content {
    height: 85px;
    padding: 5px;
    border-radius: 0 0 10px 10px;
    font-size: 1rem;
  }

  .footer-content .footer-user {
    font-size: 1.1rem;
    padding-bottom: 0px;
  }

  .footer-content .footer-user span {
    font-size: 1.1rem;
    padding-bottom: 0px;
  }

  .footer-content-series {
    height: 75px;
    padding: 5px;
    font-size: 1rem;
  }

  .footer-content-series .footer-title {
    margin-top: 3px;
  }

  .footer-content-series .footer-title a {
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-content-series .footer-user {
    font-size: 1rem;
  }

  .footer-content-series .footer-user span {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .footer-icon {
    display: flex;
    gap: 5px;
  }

  .footer-icon a {
    cursor: pointer;
    margin: auto 0;
  }

  .wish-list span {
    font-size: 1rem;
  }

  .footer-ribbon .ribbon {
    gap: 2px;
  }

  .footer-ribbon .ribbon .is_ribbon {
    font-size: 8px !important;
  }

  .progress {
    height: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100px;
  }

  .progress-bar {
    font-size: 10px;
    line-height: 15px;
  }

  .progress-percent {
    font-size: 10px;
  }

  .product-part-container .tab-content .part-ul li .part-links a {
    padding: 15px 8px;
  }

  .product-part-container .tab-content .part-ul li .part-links a .playicon {
    font-size: 20px;
    width: 32px;
    height: 32px;
  }

  .product-part-container .tab-content .part-ul li span {
    padding: 15px 8px;
  }

  .duration-view {
    padding: 15px 8px;
    font-size: 1.2rem;
  }

  .lesson_group {
    background-color: #1E2462;
    color: white;
    padding: 8px 16px;
  }

  .video-details {
    margin-top: 15px;
  }

  .course-list-name {
    font-size: 1.2rem;
  }

  .course-list-name label {
    font-size: 1.2rem;
  }

  .course-list-name span {
    font-size: 1.2rem;
  }

  .course_details {
    font-size: 1.4rem;
    padding: 16px;
    margin-bottom: 15px;
  }

  .similar-section {
    padding-top: 10px;
  }

  .similar-section .similar-details {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }

  .similar-section .content-box {
    margin-bottom: 20px;
  }

  .similar-section .content-box .footer-content {
    max-height: 60px;
    font-size: 1.1rem;
  }

  .similar-series-section {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .similar-series-section .product-header span {
    margin-bottom: 20px;
  }

  .section-series .series-section {
    padding: 0px;
  }

  .section-series .series-section .card-header {
    margin-bottom: 15px;
    margin-top: 10px;
  }

  .product-part-container .tab-content .part-series li .part-links a .course-list-name label {
    padding-bottom: 0px;
  }

  .product-part-container .tab-content .part-series li .part-links a .course-list-name label span {
    font-size: 1.1rem;
  }

  .iconify {
    width: 20px !important;
    height: 20px !important;
  }

  .watch-video .container-top {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .header-user-btn {
    font-size: 1.4rem;
  }

  .ucp-menu-item .item-box .micon {
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .btn {
    padding: 6px 12px;
    font-size: 1.2rem;
  }

  .product-part-container .nav-tabs li a {
    font-size: 1.4rem;
  }

  .pricing-box-list {
    margin: 0px;
  }

  .section-request-inv .header h2 {
    font-size: 1.8rem;
    line-height: 18pt;
    font-weight: bold;
  }

  .section-request-inv .header span {
    font-size: 1.4rem;
  }

  .section-request-inv .detail {
    font-size: 1.4rem;
  }

  .filter-item {
    margin-bottom: 0px;
  }

  .filter-item .filter-input {
    line-height: 30px;
    height: 30px;
    width: 80%;
    border-radius: 5px;
    padding: 0 15px 0 40px;
    border: 1px solid #dbe3e8;
    font-size: 0.7em;
  }

  .filter-item .filter-search-icon {
    top: 8px;
    font-size: 14px;
  }

  .filter-item .filter-order {
    margin-bottom: 10px;
  }

  .filter-item button {
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1.2rem;
  }

  .filter-item form {
    padding-bottom: 10px;
  }

  .filter-item .form-control {
    font-size: 1.2rem;
  }

  .series-list-item {
    margin-left: 0px;
    margin-right: 0px;
  }

  .quiz-contain {
    padding: 0px 0px 20px 0px;
  }

  .quiz-wizard .quiz-name {
    font-size: 1.8rem;
  }

  .quiz-wizard .course-name {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-info span {
    font-size: 1.4rem;
  }

  .quiz-wizard .quiz-time {
    text-align: center;
  }

  .quiz-wizard .quiz-time .minutes {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .seconds {
    padding-right: 30px;
  }

  .quiz-wizard .quiz-time .time-title {
    top: -5px;
    left: 80%;
    font-size: 1.4rem;
    transform: translate(0, 0);
  }

  .quiz-wizard .display-title {
    font-size: 1.4rem;
  }

  .quiz-wizard .display-sub-title {
    font-size: 1.2rem;
  }

  .quiz-wizard .display-btn {
    text-align: center;
  }

  .quiz-wizard .share-icon {
    font-size: 1.6rem;
    padding: 5px;
  }

  .quiz-wizard .student-result-border {
    padding: 10px;
  }

  .quiz-wizard .student-result-border .student-result-label {
    font-size: 1.4rem;
  }

  .quiz-wizard .student-result-border .student-result-btn {
    text-align: left;
    padding-top: 4px;
  }

  .quiz-wizard .student-result-border .btn-load-cert {
    padding: 8px 20px;
    font-size: 1.4rem;
  }

  .quiz-wizard .student-result-border .btn-learn-again {
    padding: 8px 20px;
    font-size: 1.4rem;
  }

  .quiz-wizard .answer-head {
    font-size: 1.8rem;
    font-weight: 600;
  }

  .quiz-form .form-card .question-title {
    font-size: 1.4rem;
  }

  .quiz-form .form-card .form-radio label .answer-title {
    font-size: 1.4rem;
  }

  .quiz-form .btn {
    width: auto;
    font-size: 1.4rem;
    padding: 8px 20px;
  }

  .quiz-form .incorrect-aws {
    width: 100%;
  }

  .quiz-form .incorrect-aws .incorrect-detail {
    padding-left: 0px;
    font-size: 1.2rem;
  }

  .header-learnmore .learnmore {
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
  }

  .header-learnmore .learnmore a {
    font-size: 0.6em;
  }

  .modal-register .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-register .modal-body .line2 p {
    font-size: 1.3em;
  }

  .modal-register .modal-body .line3 p {
    font-size: 1em;
  }

  .modal-alert .modal-body .line1 {
    font-size: 2.6em;
  }

  .modal-alert .modal-body .line2 p {
    font-size: 1.3em;
  }
}

@media (max-width: 321px) {
  .consent-modal .modal-header .modal-title {
    font-size: 12px !important;
  }

  .consent-modal .modal-body .consent-header label {
    font-size: 12px;
  }

  .consent-modal .modal-body .consent-detail label {
    font-size: 11px;
  }

  .consent-modal .modal-footer .btn-consent-accept {
    font-size: 12px !important;
  }
}

.cookie-user-consent-container {
  pointer-events: none;
}

.cookie-user-consent-container .cookie-user-consent-border {
  position: fixed;
  z-index: 1000000;
  opacity: 1;
  width: 100%;
  left: 0px;
  right: 0px;
  padding: 25px;
  bottom: 0px;
}

.cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent {
  max-width: 820px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(232, 232, 232);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px 0px;
  color: rgb(74, 74, 74);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 15px;
  pointer-events: all;
}

.cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .heading {
  color: #1f3776;
  font-weight: 600;
  padding: 0px 0px 5px 0px;
}

.cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail {
  display: flex;
  justify-content: flex-start;
  height: 35px;
  align-items: center;
}

.cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-text {
  font-size: 14px;
  width: 75%;
}

.cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-button {
  width: 25%;
  text-align: right;
}

.cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-button .btn-consent-accept-all {
  background-color: #1f3776;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-right: 5px;
}

.cookie-user-consent-container .cookie-user-consent-border .cookie-user-consent .detail .detail-button .btn-consent-setting {
  background-color: #787878;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-right: 5px;
}

.consent-modal {
  padding-top: 100px;
  /* Rounded sliders */
}

.consent-modal .modal-header {
  background-color: #1f3776 !important;
}

.consent-modal .modal-body {
  padding: 15px 15px 15px 15px;
}

.consent-modal .modal-body .consent-header {
  background-color: #f4f4f7;
  border: 1px solid #f4f4f7;
  border-radius: 8px;
}

.consent-modal .modal-body .consent-header label {
  font-weight: 600;
  padding-left: 10px;
}

.consent-modal .modal-body .consent-detail label {
  font-size: 14px;
  padding: 10px 10px 0px 10px;
  font-weight: 100;
}

.consent-modal .modal-footer {
  text-align: right;
}

.consent-modal .modal-footer .btn-consent-accept {
  background-color: #1f3776;
  border: 1px solid #1f3776;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-right: 5px;
}

.consent-modal .switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
}

.consent-modal .switch input {
  display: none;
}

.consent-modal .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.consent-modal .slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 6px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
}

.consent-modal input:checked + .slider {
  background-color: #673ab7;
}

.consent-modal input:focus + .slider {
  box-shadow: 0 0 1px #673ab7;
}

.consent-modal input:checked + .slider:before {
  transform: translateX(16px);
}

.consent-modal .slider.round {
  border-radius: 34px;
}

.consent-modal .slider.round:before {
  border-radius: 50%;
}