* {
  /*  box-sizing: border-box;*/
}

/**
 * --------------------------------------------------------------------
 * UTM Helve
 * --------------------------------------------------------------------
 */
@font-face {
  font-family: "UTM Helve Regular";
  font-display: swap;
  src: local("UTM Helve Regular"), url("fonts/utm_helve/UTM-Helve.ttf") format("woff"), url("fonts/utm_helve/UTM-Helve.ttf") format("opentype"), url("fonts/utm_helve/UTM-Helve.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UTM Helve Regular Italic";
  font-display: swap;
  src: local("UTM Helve Regular Italic"), url("fonts/utm_helve/UTM-Helve_Italic.ttf") format("woff"), url("fonts/utm_helve/UTM-Helve_Italic.ttf") format("opentype"), url("fonts/utm_helve/UTM-Helve_Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UTM Helve Bold";
  font-display: swap;
  src: local("UTM Helve Bold"), url("fonts/utm_helve/UTM-HelveBold.ttf") format("woff"), url("fonts/utm_helve/UTM-HelveBold.ttf") format("opentype"), url("fonts/utm_helve/UTM-HelveBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UTM Helve Bold Italic";
  font-display: swap;
  src: local("UTM Helve Bold Italic"), url("fonts/utm_helve/UTM-HelveBold_Italic.ttf") format("woff"), url("fonts/utm_helve/UTM-HelveBold_Italic.ttf") format("opentype"), url("fonts/utm_helve/UTM-HelveBold_Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue Medium";
  font-display: swap;
  src: local("Helvetica Neue Medium"), url("fonts/HelveticalNeue/helvetica-neue-medium.ttf") format("woff"), url("fonts/HelveticalNeue/HelveticaNeue-Medium.otf") format("opentype"), url("fonts/HelveticalNeue/helvetica-neue-medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  font-display: swap;
  src: local("Helvetica Neue"), url("fonts/HelveticalNeue/helvetica-neue-regular.ttf") format("woff"), url("fonts/HelveticalNeue/HelveticaNeue.otf") format("opentype"), url("fonts/HelveticalNeue/helvetica-neue-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/**/
@font-face {
  font-family: "Linotte";
  font-display: swap;
  src: local("Linotte"), url("fonts/Linotte/DFVN-Linotte-Regular.otf") format("woff"), url("fonts/Linotte/DFVN-Linotte-Regular.otf") format("opentype"), url("fonts/Linotte/DFVN-Linotte-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Linotte Bold";
  font-display: swap;
  src: local("Linotte Bold"), url("fonts/Linotte/DFVN-Linotte-Bold.otf") format("woff"), url("fonts/Linotte/DFVN-Linotte-Bold.otf") format("opentype"), url("fonts/Linotte/DFVN-Linotte-Bold.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/**/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Linotte Bold" !important;
  font-weight: normal !important;
}

.uk-height-min-small {
  min-height: 150px;
}

.uk-height-min-medium {
  min-height: 300px;
}

.uk-height-min-large {
  min-height: 450px;
}

.uk-container {
  max-width: 1280px;
}

.uk-container-small {
  max-width: 846px;
}

.uk-container-expand-left,
.uk-container-expand-right {
  max-width: calc(50% + (1280px / 2) - 40px);
}

.uk-lightbox {
  background: rgba(0, 0, 0, 0.8);
}

@media (min-width: 1600px) {
  .uk-grid-5-xl {
    margin-left: -5px !important;
  }

  .uk-grid-5-xl>* {
    padding-left: 5px !important;
  }

  .uk-grid-5-xl>.uk-grid-margin {
    margin-top: 5px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-5-l {
    margin-left: -5px !important;
  }

  .uk-grid-5-l>* {
    padding-left: 5px !important;
  }

  .uk-grid-5-l>.uk-grid-margin {
    margin-top: 5px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-5-m {
    margin-left: -5px !important;
  }

  .uk-grid-5-m>* {
    padding-left: 5px !important;
  }

  .uk-grid-5-m>.uk-grid-margin {
    margin-top: 5px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-5-s {
    margin-left: -5px !important;
  }

  .uk-grid-5-s>* {
    padding-left: 5px !important;
  }

  .uk-grid-5-s>.uk-grid-margin {
    margin-top: 5px !important;
  }
}

.uk-grid-5 {
  margin-left: -5px;
}

.uk-grid-5>* {
  padding-left: 5px;
}

.uk-grid-5>.uk-grid-margin {
  margin-top: 5px;
}

@media (min-width: 1600px) {
  .uk-grid-10-xl {
    margin-left: -10px !important;
  }

  .uk-grid-10-xl>* {
    padding-left: 10px !important;
  }

  .uk-grid-10-xl>.uk-grid-margin {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-10-l {
    margin-left: -10px !important;
  }

  .uk-grid-10-l>* {
    padding-left: 10px !important;
  }

  .uk-grid-10-l>.uk-grid-margin {
    margin-top: 10px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-10-m {
    margin-left: -10px !important;
  }

  .uk-grid-10-m>* {
    padding-left: 10px !important;
  }

  .uk-grid-10-m>.uk-grid-margin {
    margin-top: 10px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-10-s {
    margin-left: -10px !important;
  }

  .uk-grid-10-s>* {
    padding-left: 10px !important;
  }

  .uk-grid-10-s>.uk-grid-margin {
    margin-top: 10px !important;
  }
}

.uk-grid-10 {
  margin-left: -10px;
}

.uk-grid-10>* {
  padding-left: 10px;
}

.uk-grid-10>.uk-grid-margin {
  margin-top: 10px;
}

@media (min-width: 1600px) {
  .uk-grid-12-xl {
    margin-left: -12px !important;
  }

  .uk-grid-12-xl>* {
    padding-left: 12px !important;
  }

  .uk-grid-12-xl>.uk-grid-margin {
    margin-top: 12px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-12-l {
    margin-left: -12px !important;
  }

  .uk-grid-12-l>* {
    padding-left: 12px !important;
  }

  .uk-grid-12-l>.uk-grid-margin {
    margin-top: 12px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-12-m {
    margin-left: -12px !important;
  }

  .uk-grid-12-m>* {
    padding-left: 12px !important;
  }

  .uk-grid-12-m>.uk-grid-margin {
    margin-top: 12px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-12-s {
    margin-left: -12px !important;
  }

  .uk-grid-12-s>* {
    padding-left: 12px !important;
  }

  .uk-grid-12-s>.uk-grid-margin {
    margin-top: 12px !important;
  }
}

.uk-grid-12 {
  margin-left: -12px;
}

.uk-grid-12>* {
  padding-left: 12px;
}

.uk-grid-12>.uk-grid-margin {
  margin-top: 12px;
}

@media (min-width: 1600px) {
  .uk-grid-16-xl {
    margin-left: -16px !important;
  }

  .uk-grid-16-xl>* {
    padding-left: 16px !important;
  }

  .uk-grid-16-xl>.uk-grid-margin {
    margin-top: 16px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-16-l {
    margin-left: -16px !important;
  }

  .uk-grid-16-l>* {
    padding-left: 16px !important;
  }

  .uk-grid-16-l>.uk-grid-margin {
    margin-top: 16px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-16-m {
    margin-left: -16px !important;
  }

  .uk-grid-16-m>* {
    padding-left: 16px !important;
  }

  .uk-grid-16-m>.uk-grid-margin {
    margin-top: 16px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-16-s {
    margin-left: -16px !important;
  }

  .uk-grid-16-s>* {
    padding-left: 16px !important;
  }

  .uk-grid-16-s>.uk-grid-margin {
    margin-top: 16px !important;
  }
}

.uk-grid-16 {
  margin-left: -16px;
}

.uk-grid-16>* {
  padding-left: 16px;
}

.uk-grid-16>.uk-grid-margin {
  margin-top: 16px;
}

@media (min-width: 1600px) {
  .uk-grid-20-xl {
    margin-left: -20px !important;
  }

  .uk-grid-20-xl>* {
    padding-left: 20px !important;
  }

  .uk-grid-20-xl>.uk-grid-margin {
    margin-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-20-l {
    margin-left: -20px !important;
  }

  .uk-grid-20-l>* {
    padding-left: 20px !important;
  }

  .uk-grid-20-l>.uk-grid-margin {
    margin-top: 20px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-20-m {
    margin-left: -20px !important;
  }

  .uk-grid-20-m>* {
    padding-left: 20px !important;
  }

  .uk-grid-20-m>.uk-grid-margin {
    margin-top: 20px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-20-s {
    margin-left: -20px !important;
  }

  .uk-grid-20-s>* {
    padding-left: 20px !important;
  }

  .uk-grid-20-s>.uk-grid-margin {
    margin-top: 20px !important;
  }
}

.uk-grid-20 {
  margin-left: -20px;
}

.uk-grid-20>* {
  padding-left: 20px;
}

.uk-grid-20>.uk-grid-margin {
  margin-top: 20px;
}

@media (min-width: 1600px) {
  .uk-grid-30-xl {
    margin-left: -30px !important;
  }

  .uk-grid-30-xl>* {
    padding-left: 30px !important;
  }

  .uk-grid-30-xl>.uk-grid-margin {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-30-l {
    margin-left: -30px !important;
  }

  .uk-grid-30-l>* {
    padding-left: 30px !important;
  }

  .uk-grid-30-l>.uk-grid-margin {
    margin-top: 30px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-30-m {
    margin-left: -30px !important;
  }

  .uk-grid-30-m>* {
    padding-left: 30px !important;
  }

  .uk-grid-30-m>.uk-grid-margin {
    margin-top: 30px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-30-s {
    margin-left: -30px !important;
  }

  .uk-grid-30-s>* {
    padding-left: 30px !important;
  }

  .uk-grid-30-s>.uk-grid-margin {
    margin-top: 30px !important;
  }
}

.uk-grid-30 {
  margin-left: -30px;
}

.uk-grid-30>* {
  padding-left: 30px;
}

.uk-grid-30>.uk-grid-margin {
  margin-top: 30px;
}

@media (min-width: 1600px) {
  .uk-grid-40-xl {
    margin-left: -40px !important;
  }

  .uk-grid-40-xl>* {
    padding-left: 40px !important;
  }

  .uk-grid-40-xl>.uk-grid-margin {
    margin-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-40-l {
    margin-left: -40px !important;
  }

  .uk-grid-40-l>* {
    padding-left: 40px !important;
  }

  .uk-grid-40-l>.uk-grid-margin {
    margin-top: 40px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-40-m {
    margin-left: -40px !important;
  }

  .uk-grid-40-m>* {
    padding-left: 40px !important;
  }

  .uk-grid-40-m>.uk-grid-margin {
    margin-top: 40px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-40-s {
    margin-left: -40px !important;
  }

  .uk-grid-40-s>* {
    padding-left: 40px !important;
  }

  .uk-grid-40-s>.uk-grid-margin {
    margin-top: 40px !important;
  }
}

.uk-grid-40 {
  margin-left: -40px;
}

.uk-grid-40>* {
  padding-left: 40px;
}

.uk-grid-40>.uk-grid-margin {
  margin-top: 40px;
}

@media (min-width: 1600px) {
  .uk-grid-50-xl {
    margin-left: -50px !important;
  }

  .uk-grid-50-xl>* {
    padding-left: 50px !important;
  }

  .uk-grid-50-xl>.uk-grid-margin {
    margin-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-50-l {
    margin-left: -50px !important;
  }

  .uk-grid-50-l>* {
    padding-left: 50px !important;
  }

  .uk-grid-50-l>.uk-grid-margin {
    margin-top: 50px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-50-m {
    margin-left: -50px !important;
  }

  .uk-grid-50-m>* {
    padding-left: 50px !important;
  }

  .uk-grid-50-m>.uk-grid-margin {
    margin-top: 50px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-50-s {
    margin-left: -50px !important;
  }

  .uk-grid-50-s>* {
    padding-left: 50px !important;
  }

  .uk-grid-50-s>.uk-grid-margin {
    margin-top: 50px !important;
  }
}

.uk-grid-50 {
  margin-left: -50px;
}

.uk-grid-50>* {
  padding-left: 50px;
}

.uk-grid-50>.uk-grid-margin {
  margin-top: 50px;
}

@media (min-width: 1600px) {
  .uk-grid-80-xl {
    margin-left: -80px !important;
  }

  .uk-grid-80-xl>* {
    padding-left: 80px !important;
  }

  .uk-grid-80-xl>.uk-grid-margin {
    margin-top: 80px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-80-l {
    margin-left: -80px !important;
  }

  .uk-grid-80-l>* {
    padding-left: 80px !important;
  }

  .uk-grid-80-l>.uk-grid-margin {
    margin-top: 80px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-80-m {
    margin-left: -80px !important;
  }

  .uk-grid-80-m>* {
    padding-left: 80px !important;
  }

  .uk-grid-80-m>.uk-grid-margin {
    margin-top: 80px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-80-s {
    margin-left: -80px !important;
  }

  .uk-grid-80-s>* {
    padding-left: 80px !important;
  }

  .uk-grid-80-s>.uk-grid-margin {
    margin-top: 80px !important;
  }
}

.uk-grid-80 {
  margin-left: -80px;
}

.uk-grid-80>* {
  padding-left: 80px;
}

.uk-grid-80>.uk-grid-margin {
  margin-top: 80px;
}

@media (min-width: 1600px) {
  .uk-grid-88-xl {
    margin-left: -88px !important;
  }

  .uk-grid-88-xl>* {
    padding-left: 88px !important;
  }

  .uk-grid-88-xl>.uk-grid-margin {
    margin-top: 88px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-88-l {
    margin-left: -88px !important;
  }

  .uk-grid-88-l>* {
    padding-left: 88px !important;
  }

  .uk-grid-88-l>.uk-grid-margin {
    margin-top: 88px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-88-m {
    margin-left: -88px !important;
  }

  .uk-grid-88-m>* {
    padding-left: 88px !important;
  }

  .uk-grid-88-m>.uk-grid-margin {
    margin-top: 88px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-88-s {
    margin-left: -88px !important;
  }

  .uk-grid-88-s>* {
    padding-left: 88px !important;
  }

  .uk-grid-88-s>.uk-grid-margin {
    margin-top: 88px !important;
  }
}

.uk-grid-88 {
  margin-left: -88px;
}

.uk-grid-88>* {
  padding-left: 88px;
}

.uk-grid-88>.uk-grid-margin {
  margin-top: 88px;
}

@media (min-width: 1600px) {
  .mb-0-xl {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .mb-0-l {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 960px) {
  .mb-0-m {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 640px) {
  .mb-0-s {
    margin-bottom: 0px !important;
  }
}

.mb-0 {
  margin-bottom: 0px;
}

@media (min-width: 1600px) {
  .mb-10-xl {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .mb-10-l {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 960px) {
  .mb-10-m {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 640px) {
  .mb-10-s {
    margin-bottom: 10px !important;
  }
}

.mb-10 {
  margin-bottom: 10px;
}

@media (min-width: 1600px) {
  .mb-20-xl {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .mb-20-l {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 960px) {
  .mb-20-m {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 640px) {
  .mb-20-s {
    margin-bottom: 20px !important;
  }
}

.mb-20 {
  margin-bottom: 20px;
}

@media (min-width: 1600px) {
  .mb-30-xl {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .mb-30-l {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 960px) {
  .mb-30-m {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 640px) {
  .mb-30-s {
    margin-bottom: 30px !important;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

@media (min-width: 1600px) {
  .mb-40-xl {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .mb-40-l {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 960px) {
  .mb-40-m {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 640px) {
  .mb-40-s {
    margin-bottom: 40px !important;
  }
}

.mb-40 {
  margin-bottom: 40px;
}

@media (min-width: 1600px) {
  .mb-50-xl {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .mb-50-l {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 960px) {
  .mb-50-m {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 640px) {
  .mb-50-s {
    margin-bottom: 50px !important;
  }
}

.mb-50 {
  margin-bottom: 50px;
}

@media (min-width: 1600px) {
  .mt-0-xl {
    margin-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  .mt-0-l {
    margin-top: 0px !important;
  }
}

@media (min-width: 960px) {
  .mt-0-m {
    margin-top: 0px !important;
  }
}

@media (min-width: 640px) {
  .mt-0-s {
    margin-top: 0px !important;
  }
}

.mt-0 {
  margin-top: 0px;
}

@media (min-width: 1600px) {
  .mt-10-xl {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .mt-10-l {
    margin-top: 10px !important;
  }
}

@media (min-width: 960px) {
  .mt-10-m {
    margin-top: 10px !important;
  }
}

@media (min-width: 640px) {
  .mt-10-s {
    margin-top: 10px !important;
  }
}

.mt-10 {
  margin-top: 10px;
}

@media (min-width: 1600px) {
  .mt-20-xl {
    margin-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .mt-20-l {
    margin-top: 20px !important;
  }
}

@media (min-width: 960px) {
  .mt-20-m {
    margin-top: 20px !important;
  }
}

@media (min-width: 640px) {
  .mt-20-s {
    margin-top: 20px !important;
  }
}

.mt-20 {
  margin-top: 20px;
}

@media (min-width: 1600px) {
  .mt-30-xl {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .mt-30-l {
    margin-top: 30px !important;
  }
}

@media (min-width: 960px) {
  .mt-30-m {
    margin-top: 30px !important;
  }
}

@media (min-width: 640px) {
  .mt-30-s {
    margin-top: 30px !important;
  }
}

.mt-30 {
  margin-top: 30px;
}

@media (min-width: 1600px) {
  .mt-40-xl {
    margin-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .mt-40-l {
    margin-top: 40px !important;
  }
}

@media (min-width: 960px) {
  .mt-40-m {
    margin-top: 40px !important;
  }
}

@media (min-width: 640px) {
  .mt-40-s {
    margin-top: 40px !important;
  }
}

.mt-40 {
  margin-top: 40px;
}

@media (min-width: 1600px) {
  .mt-50-xl {
    margin-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .mt-50-l {
    margin-top: 50px !important;
  }
}

@media (min-width: 960px) {
  .mt-50-m {
    margin-top: 50px !important;
  }
}

@media (min-width: 640px) {
  .mt-50-s {
    margin-top: 50px !important;
  }
}

.mt-50 {
  margin-top: 50px;
}

.pagination>li>* {
  font-size: 16px;
  font-family: "UTM Helve Bold", sans-serif;
  color: rgba(28, 29, 31, 0.5);
}

.pagination>li>a span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid rgba(28, 29, 31, 0.2);
}

.pagination>li>a:hover span {
  border-color: #E92629;
  color: #E92629;
}

.pagination>li.uk-active>span {
  color: var(--Red, #E92629);
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item__20:nth-child(n+2) {
  margin-top: 20px;
}

.item__16:nth-child(n+2) {
  margin-top: 16px;
}

.item__15:nth-child(n+2) {
  margin-top: 15px;
}

.item__12:nth-child(n+2) {
  margin-top: 12px;
}

.item__10:nth-child(n+2) {
  margin-top: 10px;
}

.item__8:nth-child(n+2) {
  margin-top: 8px;
}


/**/
.learn-more-circle {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

.learn-more-circle {
  width: 12rem;
  height: auto;
  left: 50%;
  transform: translateX(-50%);

}

.learn-more-circle .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #E92629;
  border-radius: 1.625rem;
}

.learn-more-circle .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}

.learn-more-circle .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}

.learn-more-circle .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}

.learn-more-circle .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  /* text-transform: uppercase; */
}

.learn-more-circle:hover .circle {
  width: 100%;
}

.learn-more-circle:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}

.learn-more-circle:hover .button-text {
  color: #fff;
}

/**/
body {
  color: #262626;
}

a:hover {
  text-decoration: none;
}

li {
  margin-bottom: 8px;
}

/**
 * --------------------------------------------------------------------
 * row-gap
 * --------------------------------------------------------------------
 */
.row-gap-12 {
  row-gap: 12px;
}

.row-gap-16 {
  row-gap: 16px;
}

.row-gap-20 {
  row-gap: 20px;
}

.row-gap-24 {
  row-gap: 24px;
}

.row-gap-30 {
  row-gap: 30px;
}

@media (min-width: 960px) {
  .row-gap-40-m {
    row-gap: 40px;
  }
}

@media (min-width: 960px) {
  .row-gap-60-m {
    row-gap: 60px;
  }
}

/**
 * --------------------------------------------------------------------
 * column-gap
 * --------------------------------------------------------------------
 */
.column-gap-20 {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.header {
  z-index: 999;
}

.header.uk-active {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.header__top {
  position: relative;
}

.header__top:not(.uk-navbar-transparent) {
  background: var(--header-top-left) top left, var(--header-top-right) top right;
  background-repeat: no-repeat;
  background-color: #273E8A;
}

.header__top__item,
.header__top .uk-navbar-nav>li>a,
.header__top .uk-navbar-item {
  min-height: 48px;
}

.header__top__btnCart {
  display: inline-flex;
  align-items: center;
  background: #58B1E4;
  text-transform: inherit;
}

.header__top__btnCart img {
  margin-right: 5px;
}

.header__top__btnLogin {
  border-radius: 6px;
  background: #58B1E4;
  font-size: 14px;
  font-family: "UTM Helve Regular", sans-serif;
  text-transform: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  padding: 0 24px;
}

.header__top__btnLogin:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_251_1624)'%3E%3Cpath d='M7.00111 7.26985C9.00112 7.26985 10.636 5.63494 10.636 3.63493C10.636 1.63491 9.00112 0 7.00111 0C5.00109 0 3.36621 1.63491 3.36621 3.63493C3.36621 5.63494 5.00112 7.26985 7.00111 7.26985Z' fill='white'/%3E%3Cpath d='M13.2393 10.1746C13.144 9.93654 13.0171 9.71432 12.8742 9.50797C12.144 8.42859 11.0171 7.71431 9.74725 7.5397C9.58853 7.52384 9.41393 7.55556 9.28693 7.65081C8.62026 8.14288 7.82662 8.39684 7.00121 8.39684C6.17579 8.39684 5.38215 8.14288 4.71548 7.65081C4.58849 7.55556 4.41388 7.50796 4.25516 7.5397C2.98532 7.71431 1.84247 8.42859 1.12819 9.50797C0.985338 9.71432 0.858342 9.95243 0.763125 10.1746C0.715516 10.2699 0.731376 10.381 0.778984 10.4762C0.905981 10.6985 1.0647 10.9207 1.20755 11.1112C1.42977 11.4128 1.66787 11.6826 1.93772 11.9365C2.15993 12.1588 2.4139 12.3651 2.66789 12.5715C3.92184 13.508 5.42979 14 6.98535 14C8.5409 14 10.0488 13.508 11.3028 12.5715C11.5568 12.381 11.8107 12.1588 12.033 11.9365C12.2869 11.6826 12.5409 11.4127 12.7631 11.1112C12.9219 10.9048 13.0647 10.6985 13.1917 10.4762C13.271 10.381 13.2869 10.2699 13.2393 10.1746Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_251_1624'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

@media (min-width: 960px) {
  .header__top .uk-navbar-nav {
    gap: 40px;
  }
}

.header__top .uk-navbar-nav>li:nth-child(n+2) {
  position: relative;
}

.header__top .uk-navbar-nav>li:nth-child(n+2):before {
  content: "";
  width: 1px;
  height: 16px;
  background: #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20px;
}

.header__top .uk-navbar-nav>li>a {
  text-transform: inherit;
  font-size: 14px;
  color: #fff;
  font-family: "UTM Helve Regular", sans-serif;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.header__top .uk-navbar-nav>li>a:before {
  content: "";
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 1px;
}

.header__top .uk-navbar-nav>li.phone>*:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.91424 13.3925C3.92863 13.3925 2.72432 9.65267 5.87283 6.73938C6.00192 6.61975 6.2107 6.7301 6.18558 6.9041C6.1778 6.95894 6.02723 8.11104 6.86696 8.98554C6.65864 7.79154 6.46196 4.94425 8.86018 3.33718C9.01797 3.23152 9.21765 3.40262 9.13234 3.5769C9.12559 3.59105 8.40934 5.19644 11.1667 8.09585C11.1708 8.10017 11.175 8.10467 11.1785 8.10935C13.2977 10.8197 10.5202 13.3925 7.91443 13.3925C7.91443 13.3924 7.91424 13.3924 7.91424 13.3924V13.3925ZM7.19499 12.5746C7.04068 12.5746 6.9023 12.5176 6.79458 12.4099C5.80955 11.4249 5.82539 11.6403 6.88552 10.5793C7.17277 10.2919 7.45027 10.6113 7.59108 10.7521L8.58071 9.76255C8.43343 9.61508 8.11815 9.34667 8.40793 9.0568C9.46272 8.00173 9.25534 7.98317 10.2385 8.96595C10.4484 9.17567 10.4581 9.49395 10.2635 9.79592C9.59866 10.8291 8.7114 11.7165 7.62652 12.4336C7.48712 12.5259 7.33787 12.5746 7.1949 12.5746H7.19499Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0832 3.68036C12.8697 3.68036 11.5228 3.70951 11.4292 3.65879C11.3978 3.64211 11.3743 3.61679 11.3589 3.58726C9.77233 1.13981 6.21947 1.14206 4.63706 3.59457C4.60256 3.64801 4.54312 3.68036 4.47956 3.68036H2.91805C2.78258 3.68036 2.69024 3.54029 2.74799 3.41373C4.84256 -1.1792 11.2447 -1.07335 13.2543 3.41617C13.3019 3.52248 13.2425 3.67754 13.0833 3.68036H13.0832Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0228 6.74205C12.5371 6.74205 12.681 6.06142 12.6658 5.57777C12.6422 4.82861 12.4521 4.15088 12.1152 3.48141C11.9061 3.06601 12.5374 2.74529 12.7478 3.16285C13.343 4.34439 13.3771 5.11079 13.3771 6.38796C13.3771 6.58352 13.2183 6.74205 13.0228 6.74205ZM2.97733 6.74205C2.78186 6.74205 2.62323 6.58333 2.62323 6.38796C2.62323 5.10733 2.65023 4.34382 3.25314 3.16135C3.46446 2.74697 4.09662 3.06647 3.8839 3.48319C2.9523 5.30823 3.57696 6.35411 3.19811 6.66911C3.13511 6.72152 3.05805 6.74214 2.97724 6.74214L2.97733 6.74205ZM6.14919 15.3332C6.09687 15.3332 6.0454 15.3214 5.99806 15.2991C3.94699 14.3298 2.62305 12.2387 2.62305 9.97025C2.62305 9.50394 3.33124 9.50403 3.33124 9.97025C3.33124 11.9654 4.4958 13.8069 6.30031 14.6588C6.64034 14.8193 6.52466 15.3332 6.14909 15.3332H6.14919Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.74984 14.6216C6.30753 14.6216 6.19943 15.2419 6.61587 15.3902C6.76775 15.4443 7.22122 15.6252 7.34366 15.6252C7.78616 15.6252 7.89416 15.0048 7.47763 14.8565C7.32603 14.8025 6.8719 14.6217 6.74984 14.6217V14.6216Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.34322 15.9999C7.12984 15.9999 6.72137 15.8256 6.48971 15.7433C5.52802 15.4011 6.05424 13.9521 7.00618 14.291L7.60272 14.503C8.41403 14.7916 8.20272 15.9999 7.34312 15.9999H7.34322Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.28209 6.65625C2.03993 6.65625 1.84277 6.85341 1.84277 7.09556V9.31951C1.84277 9.56167 2.03974 9.75873 2.28209 9.75873H2.93693V6.65625H2.28209Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.12434 10.1338H2.282C1.83302 10.1338 1.46777 9.76848 1.46777 9.31951V7.09557C1.46777 6.6466 1.83302 6.28125 2.282 6.28125H3.12434C3.22784 6.28125 3.31184 6.36525 3.31184 6.46875V9.94623C3.31184 10.0497 3.22784 10.1339 3.12434 10.1339V10.1338Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0635 9.75873H13.7181C13.9603 9.75873 14.1574 9.56176 14.1574 9.31951V7.09556C14.1574 6.85341 13.9604 6.65625 13.7181 6.65625H13.0635V9.75873Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7183 10.1338H12.876C12.7725 10.1338 12.6885 10.0497 12.6885 9.94633V6.46875C12.6885 6.36525 12.7726 6.28125 12.876 6.28125H13.7183C14.1673 6.28125 14.5326 6.6466 14.5326 7.09557V9.31951C14.5326 9.76848 14.1673 10.1338 13.7183 10.1338Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.4205 12.1211C8.4617 11.433 9.31229 10.5826 9.94895 9.59331C9.98448 9.53799 10.0915 9.3488 9.97398 9.23143L9.3707 8.62805L8.67385 9.32237C8.87476 9.52496 9.15573 9.71884 8.9792 9.89537L7.72435 11.15C7.54725 11.3271 7.3545 11.0453 7.15397 10.8447L6.45703 11.539L7.06041 12.1447C7.15725 12.2418 7.30716 12.1959 7.4205 12.1211Z' fill='white'/%3E%3C/svg%3E");
}

.header__top .uk-navbar-nav>li.email>*:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.4 1.59998H1.6C0.72 1.59998 0 2.31998 0 3.19998V12.8C0 13.68 0.72 14.4 1.6 14.4H14.4C15.28 14.4 16 13.68 16 12.8V3.19998C16 2.31998 15.28 1.59998 14.4 1.59998ZM14.4 12.8H12.8V5.75998L8 8.79998L3.2 5.75998V12.8H1.6V3.19998H2.56L8 6.55998L13.44 3.19998H14.4V12.8Z' fill='white'/%3E%3C/svg%3E");
}

.header__bottom .uk-navbar-nav>li>a {
  color: #273E8A;
  font-size: 14px;
  font-family: "UTM Helve Regular", sans-serif;
  font-weight: bold;
}

.header__bottom .uk-navbar-dropdown {
  padding: 10px 0px;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
}

.header__bottom .uk-navbar-dropdown-nav>li>a {
  padding: 6px 20px;
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
}

.header__bottom .uk-navbar-dropdown-nav>li>a:hover {
  color: var(--Blue, #273E8A);
}

.header__bottom .uk-navbar-dropdown-nav>li.uk-active>a {
  color: var(--Blue, #273E8A);
}

.footer {
  background-color: var(--Blue, #273E8A);
}

.footer__bottom {
  border-top: 1px solid rgba(217, 217, 217, 0.12);
}

.footer__bottom__txt {
  font-size: 14px;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.footer__w413 {
  max-width: 413px;
  width: 100%;
}

@media (min-width: 960px) {
  .footer__w413 {
    min-width: 413px;
  }
}

.footer__top__title {
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: "UTM Helve Bold", sans-serif;
}

.footer__top__title--c1 {
  font-size: 1rem;
  line-height: 1.75;
  font-family: "UTM Helve Regular Italic", sans-serif;
  margin-bottom: 12px;
}

.footer__top__address {
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
}

.footer__top__address__name {
  color: #fff;
  font-family: "UTM Helve Bold", sans-serif;
}

.footer__top__navLink>li>a {
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
}

.footer__top__social a {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  background: #fff;
}

.footer__form__input {
  padding-right: calc(12px + var(--width-form)) !important;
  border-radius: 8px;
  background-color: #FFF !important;
  font-size: 14px;
  color: #666 !important;
  font-family: "UTM Helve Regular Italic", sans-serif;
  height: 48px !important;
}

.footer__form__input::-webkit-input-placeholder {
  color: #AAA !important;
}

.footer__form__input::-moz-placeholder {
  color: #AAA !important;
}

.footer__form__input:-ms-input-placeholder {
  color: #AAA !important;
}

.footer__form__input::-ms-input-placeholder {
  color: #AAA !important;
}

.footer__form__input::placeholder {
  color: #AAA !important;
}

.footer__form__input:focus {
  border-color: #E92629 !important;
}

.footer__form__btn {
  width: var(--width-form);
  padding: 0;
  border-radius: 8px;
  background: var(--Red, #E92629);
  text-transform: inherit;
  font-size: 16px;
  font-family: "UTM Helve Bold", sans-serif;
  line-height: calc(48px - 2px);
}

.blockForm {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 155, 211, 0)), color-stop(258.54%, rgba(25, 155, 211, 0.6)));
  background: linear-gradient(180deg, rgba(25, 155, 211, 0) 0%, rgba(25, 155, 211, 0.6) 258.54%);
  position: relative;
  z-index: 10;
}

.blockForm:before,
.blockForm:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.blockForm:after {
  background: var(--bg-after);
  background-repeat: no-repeat;
  background-position: bottom center;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: -25px;
  background-size: contain;
}

#footer {
  background-size: cover;
}

@media (min-width: 960px) {
  .blockForm:after {
    bottom: -27px;
  }
}

@media (min-width: 1500px) {
  .blockForm::after {
    bottom: -105px;
  }

  #footer {
    padding-top: 120px;
  }
}

@media (min-width: 2000px) {
  .blockForm:after {
    bottom: -230px;
  }

  #footer {
    padding-top: 220px;
  }
}

.blockForm__sectionContent {
  padding-bottom: 145px;
}

@media (min-width: 960px) {
  .blockForm__sectionContent {
    padding-bottom: 59px;
  }
}

.blockForm__heading__txt {
  color: var(--Red, #E92629);
  font-size: 1rem;
  line-height: 1;
  font-family: "UTM Helve Bold", sans-serif;
  font-style: italic;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 14px;
  -moz-column-gap: 14px;
  column-gap: 14px;
}

.blockForm__heading__txt:before,
.blockForm__heading__txt:after {
  content: "";
  width: 43px;
  height: 7px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.blockForm__heading__txt:before {
  background-image: var(--line-left);
}

.blockForm__heading__txt:after {
  background-image: var(--line-right);
}

.blockForm__heading__title {
  line-height: 1 !important;
}

.blockForm__card {
  border-radius: 12px;
  background: #F2FBFF;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
  padding: 20px;
}

@media (min-width: 960px) {
  .blockForm__card {
    max-width: 522px;
    margin-top: 115px;
  }
}

.blockForm__card__title,
.baiviet__title,
.baiviet__article .uk-article-title,
.flash_card__cauhoi__title,
.login__title,
.blockForm__heading__title {
  text-transform: uppercase;
  line-height: 1.375;
  font-size: calc(1.325rem + 0.9vw);
  font-family: "UTM Helve Bold", sans-serif;
  color: var(--Blue, #273E8A);
  text-align: center;
}

@media (min-width: 1200px) {

  .blockForm__card__title,
  .baiviet__title,
  .baiviet__article .uk-article-title,
  .flash_card__cauhoi__title,
  .login__title,
  .blockForm__heading__title {
    font-size: 2rem;
  }
}

.blockForm__card__desc {
  color: #262626;
  font-size: 1rem;
  line-height: 1.75;
  font-family: "UTM Helve Regular", sans-serif;
}

.blockForm__card__btnSelect {
  line-height: calc(48px - 2px);
  -webkit-box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.04) inset;
  box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.04) inset;
  border-radius: 4px;
  border: 1px solid rgba(25, 155, 211, 0.2);
  background: #FFF;
  text-align: left;
  padding: 0 20px;
  text-transform: inherit;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1rem;
  font-family: "UTM Helve Regular Italic", sans-serif;
}

.blockForm__card__btnSubmit {
  line-height: calc(48px - 2px);
  text-transform: inherit;
  border-radius: 4px;
  background: var(--Blue-P, #199BD3);
  font-size: 1rem;
  font-family: "UTM Helve Bold", sans-serif;
}

.blockForm__card__input {
  height: 48px;
  border-radius: 4px;
  border: 1px solid rgba(25, 155, 211, 0.2);
  background: #FFF;
  -webkit-box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.04) inset;
  box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 0 20px;
  font-size: 1rem;
  font-family: "UTM Helve Regular Italic", sans-serif;
}

.blockForm__card__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.blockForm__card__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.blockForm__card__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.blockForm__card__input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.blockForm__card__input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.block1__bg {
  position: relative;
}

@media (min-width: 960px) {
  .block1__bg {
    padding-top: 80px;
  }
}

.block1__bg .icon-sao {
  left: 50px !important;
  bottom: -20px;
}

.block1__bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* background: url(images/Group_131.png); */
  background-repeat: no-repeat;
  display: none;
  width: 263px;
  height: 263px;
  z-index: 998;
}

.block1__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/bg-taisao.png);
}

@media (min-width: 960px) {
  .block1__bg:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.block1__bg--home {
  background: url(images/Rectangle_140585-2.png) repeat-x top center, url(images/Group_131.png) no-repeat top left;
}

.block1__bg--nothome {
  background: url(images/Rectangle_140585.png) repeat-x top center, url(images/Group_131.png) no-repeat top left;
}

.block1__phanhoi__avatar {
  position: relative;
  border: 8px solid #FFF;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(183, 18, 18, 0.12);
  box-shadow: 0px 2px 4px 0px rgba(183, 18, 18, 0.12);
  z-index: 10;
}

.block1__phanhoi__card {
  margin-top: -60px;
  border-radius: 20px;
  border: 2px solid #E92629;
  background-color: #FFFEFA;
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
  padding-top: 70px;
}

.block1__phanhoi__card:before {
  left: 36px;
  top: -36px;
  background: url("images/quotation_2.png");
}

.block1__phanhoi__card:after {
  bottom: -36px;
  right: 33px;
  background: url("images/quotation_1.png");
}

.block1__phanhoi__card:before,
.block1__phanhoi__card:after {
  content: "";
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 11;
}

@media (min-width: 960px) {
  .block1__phanhoi__card {
    padding: 84px 60px 80px;
  }
}

.block1__phanhoi__card__txt {
  color: var(--Red, #E92629);
  font-size: 1rem;
  line-height: 1.75;
  font-family: "UTM Helve Regular Italic", sans-serif;
}

.block1__phanhoi__card__desc {
  font-size: 1rem;
  line-height: 1.75;
  font-family: "UTM Helve Bold", sans-serif;
  color: #262626;
}

.block1__card__title {
  color: var(--Blue, #273E8A);
  font-family: "UTM Helve Bold", sans-serif;
  font-size: 1.25rem;
  line-height: 1;
  margin-top: 16px;
  margin-bottom: 0;
}

.block1__card__desc,
.block1__card__list>li {
  color: #000;
  line-height: 1.5;
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
  margin-top: 16px;
  margin-bottom: 0;
}

.block1__card__list {
  margin-top: 16px;
  margin-bottom: 0;
}

.block1__card__list>li:nth-child(n+2) {
  margin-top: 5px;
}

.block1__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  text-transform: uppercase;
  font-size: calc(1.325rem + 0.9vw);
  font-family: "UTM Helve Bold", sans-serif;
  line-height: 1.375;
  color: #fff;
}

@media (min-width: 1200px) {
  .block1__title {
    font-size: 2rem;
  }
}

.block1__title:after {
  content: var(--txt-after);
  width: 259px;
  height: 66px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--bg-block1-line);
}

.dangkyhocthu {
  background-color: #D9D9D9;
  background-size: cover;
}

@media (min-width: 1600px) {
  .dangkyhocthu {
    padding: 50px 0;
  }
}

@media (min-width: 960px) {
  .dangkyhocthu {
    min-height: 280px;
  }
}

.dangkyhocthu__box>* {
  font-size: calc(1.325rem + 0.9vw);
  font-family: "UTM Helve Bold", sans-serif;
  line-height: 1.125;
  font-style: italic;
  color: rgba(61, 64, 74, 0.12);
}

@media (min-width: 1200px) {
  .dangkyhocthu__box>* {
    font-size: 2rem;
  }
}

.dangkyhocthu__box>*:first-child {
  color: #E8EA89;
}

.dangkyhocthu__btn {
  background: #199BD3;
  font-size: calc(1.275rem + 0.3vw);
  font-family: "UTM Helve Bold", sans-serif;
  position: relative;
}

@media (min-width: 1200px) {
  .dangkyhocthu__btn {
    font-size: 1.5rem;
  }
}

.dangkyhocthu__btn span {
  color: #fff;
  z-index: 1;
}

.dangkyhocthu__btn:before,
.dangkyhocthu__btn:after {
  content: "";
  position: absolute;
  border-radius: 500px;
}

.dangkyhocthu__btn:before {
  content: "";
  top: calc(0px - 6px);
  right: calc(0px - 6px);
  left: calc(0px - 6px);
  bottom: calc(0px - 6px);
  background: rgba(103, 184, 219, 0.4);
}

.dangkyhocthu__btn:after {
  content: "";
  top: calc(0px - 10px);
  right: calc(0px - 10px);
  left: calc(0px - 10px);
  bottom: calc(0px - 10px);
  background: rgba(87, 204, 255, 0.32);
  -webkit-filter: blur(4px);
  filter: blur(4px);
}

.hesinhthai__bg {
  background: url(images/Ellipse_100.png) no-repeat top -150px center, url(images/Mask_group.png) no-repeat bottom -70px center, linear-gradient(181deg, rgba(25, 155, 211, 0) -0.83%, rgba(25, 155, 211, 0.2) 94.63%);
  background-size: contain, cover;
  background-size: contain, cover;
}

.hesinhthai__bg .icon-tt3 {
  top: 80px;
}

.hesinhthai__bg .icon-tt2 {
  top: -150px;
}

.hesinhthai__bg .icon-tt1 {
  top: 150px;
}

.hesinhthai__box {
  margin-top: 90px;
  left: calc(0px - 70px);
  right: calc(0px - 70px);
}

.hesinhthai__box .icon img {
  border: 5px solid #E2832A;
}

.hesinhthai__box .icon2 img {
  border-color: #EA1639;
}

.hesinhthai__box .icon3 img {
  border-color: #48016E;
}

.hesinhthai__box .icon4 img {
  border-color: #2A94A3;
}

.hesinhthai__box h3 {
  background-repeat: no-repeat;
  background-position: center;
  font-size: 27px;
  color: #fff;
  text-align: center;
  margin: 0;
  background-size: 300px;
  padding: 7px 50px;
  font-style: italic;
  margin-top: -50px;
  z-index: 1;
  position: relative;
  min-width: 220px;
}

.hst-box a {
  display: block;
  margin-right: 0;
  margin-left: auto;
  text-decoration: none;
}

.hesinhthai__box img {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
  max-width: 250px;
  display: block;
  margin: 0 auto;
}


.taisao__bg {
  background: url(images/Group_198.png) no-repeat bottom center;
  background-size: cover;
  background-position: center -320px;
}

.taisao__title {
  text-transform: uppercase;
  line-height: 1.125;
  font-size: calc(1.325rem + 0.9vw);
  font-family: "UTM Helve Bold", sans-serif;
  color: var(--Blue, #273E8A);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.taisao__title:before {
  content: var(--txt-taisao-before);
  color: #fff;
  background: url(images/Group_19.png);
  width: 268px;
  height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 1200px) {
  .taisao__title {
    font-size: 2rem;
  }
}

.taisao__box {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0 !important;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

@media only screen and (min-width: 960px) {
  .taisao__box_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .taisao__row {
    margin-top: 0;
  }

  .taisao__box {
    max-width: 235px;
  }

  .taisao__box1.taisao__box {
    position: absolute;
    top: 75px;
    left: 168px;
    width: 100%;
  }

  .taisao__box2.taisao__box {
    position: absolute;
    right: 200px;
    top: 70px;
  }

  .taisao__box3.taisao__box {
    display: flex;
    align-items: center;
  }

  .taisao__box5.taisao__box {
    position: absolute;
    left: 170px;
    bottom: 84px;
  }

  .taisao__box6.taisao__box {
    position: absolute;
    bottom: 80px;
    right: 190px;
  }
}

.taisao__row2 {
  margin: 0 !important;
  padding: 0 70px 0 40px !important;
  top: 7px;
  position: relative;
}
}

/**/
.khoahoc__bg {
  background: url(images/Group_121.png) top -90px left no-repeat, url(images/pngegg_1_3.png) top -250px right no-repeat;
}

.hoctap__input-group__input {
  padding: 14px 10px 3px;
  min-height: 42px;
  border-color: #000;
  background-color: transparent;
}

.hoctap__input-group__input:is(:focus, :valid) {
  background-color: #fff;
  border-color: #1e87f0;
  color: #666;
}

.hoctap__input-group__input:is(:valid) {
  background-color: #faffbd;
}

.hoctap__input-group__label {
  letter-spacing: 0.52px;
  text-transform: uppercase;
  font-size: 0.8125rem;
  color: #000 !important;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 42px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  pointer-events: none;
}

.hoctap__input-group__dc,
.hoctap__input-group__input:focus+label,
.hoctap__input-group__input:valid+label {
  -webkit-transform: translateY(-5px) scale(0.8);
  transform: translateY(-5px) scale(0.8);
}

.home__hinhanh {
  position: relative;
  background-image: var(--bg-hinhanh);
  background-position: bottom center;
  background-repeat: repeat-x;
}

.home__hinhanh:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 200px;
  background-color: #ECF3F6;
}

@media only screen and (min-width: 641px) {

  .home__hinhanh__grid1 .item-gall:nth-child(1) canvas,
  .home__hinhanh__grid1 .item-gall:nth-child(3) canvas,
  .home__hinhanh__grid1 .item-gall:nth-child(6) canvas,
  .home__hinhanh__grid1 .item-gall:nth-child(8) canvas {
    width: 100%;
    height: 286px;
  }

  .home__hinhanh__grid1 .item-gall:nth-child(2) canvas,
  .home__hinhanh__grid1 .item-gall:nth-child(4) canvas,
  .home__hinhanh__grid1 .item-gall:nth-child(5) canvas,
  .home__hinhanh__grid1 .item-gall:nth-child(7) canvas {
    width: 100%;
    height: 394px;
  }
}

.home__hinhanh__grid1 {
  padding: 6px;
}

.home__video {
  background: #199BD3 url(images/video/image1-5.png) no-repeat top right;
  position: relative;
}

.home__video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(39, 62, 138, 0.5);
}

.home__video__txt {
  color: #FAF2F2;
  font-size: 16px;
  font-family: "UTM Helve Regular", sans-serif;
  line-height: 1.75;
}

.home__sugia {
  background: url(images/sugia/Group_128.png) no-repeat bottom -250px left;
}

.home__sugia__btn {
  line-height: 46px;
  border-radius: 8px;
  background: #E92629;
  text-transform: inherit;
  font-size: 1rem;
  font-family: "UTM Helve Bold", sans-serif;
  padding: 0 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.home__sugia__btn:after {
  position: relative;
  top: 2px;
  content: "";
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M16.8747 7.7335C16.8018 7.66683 16.8018 7.60016 16.7288 7.5335L12.3538 3.5335C12.0622 3.26683 11.6247 3.26683 11.333 3.5335C11.0413 3.80016 11.0413 4.20016 11.333 4.46683L14.4684 7.3335H3.09342C2.65592 7.3335 2.36426 7.60016 2.36426 8.00016C2.36426 8.40016 2.65592 8.66683 3.09342 8.66683H14.4684L11.333 11.5335C11.0413 11.8002 11.0413 12.2002 11.333 12.4668C11.4788 12.6002 11.6976 12.6668 11.8434 12.6668C11.9893 12.6668 12.208 12.6002 12.3538 12.4668L16.7288 8.46683C16.8018 8.40016 16.8747 8.3335 16.8747 8.26683C16.9476 8.06683 16.9476 7.9335 16.8747 7.7335Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.home__sugia__txt,
.about__phuongphapdaotao__desc {
  color: #262626;
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
  line-height: 1.75;
}

.home__sugia__txt div,
.about__phuongphapdaotao__desc div {
  font-family: "UTM Helve Bold", sans-serif;
  color: var(--Red, #E92629);
}

.about__banner {
  background-color: #B51618;
}

@media (min-width: 960px) {
  .about__banner {
    min-height: 200px;
  }
}

.about__trietly {
  min-height: 704px;
  padding-top: 60px;
}

@media (min-width: 960px) {
  .about__trietly {
    padding-top: 120px;
  }
}

.about__trietly__title {
  color: #FEE92A !important;
  font-family: "Paytone One", sans-serif;
  font-size: calc(1.3rem + 0.6vw);
  line-height: 1.28;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #4F240C;
}

@media (min-width: 1200px) {
  .about__trietly__title {
    font-size: 1.75rem;
  }
}

.about__trietly__coverContainer {
  position: relative;
}

.about__trietly__coverContainer:before {
  content: "";
  background: var(--urlLine) no-repeat center;
  background-size: contain;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}

@media (min-width: 960px) {
  .about__trietly__coverContainer:before {
    opacity: 1;
  }
}

.about__trietly__coverContainer:nth-child(1):before {
  width: 288px;
}

.about__trietly__coverContainer:nth-child(2):before {
  width: 299px;
}

.about__trietly__coverContainer:nth-child(3):before {
  width: 357px;
}

.about__trietly__canvas {
  height: 136px;
}

@media (min-width: 960px) {
  .about__trietly__canvas {
    height: 112px;
  }
}

.about__trietly__box {
  color: #9B2A06;
  font-family: "UTM Helve Bold", sans-serif;
  font-size: 1rem;
}

@media (min-width: 960px) {
  .about__trietly__box {
    padding-left: 30px;
  }
}

@media (min-width: 960px) {
  .about__phuongphapdaotao__gridTop {
    margin-top: -120px !important;
  }
}

.about__phuongphapdaotao__w1057 {
  max-width: 100%;
  width: 1057px;
}

.about__phuongphapdaotao__boxcard {
  background: #fff;
  -webkit-box-shadow: 0px 11.0052547455px 22.010509491px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 11.0052547455px 22.010509491px rgba(0, 0, 0, 0.12);
}

@media (min-width: 960px) {
  .about__phuongphapdaotao__boxcard {
    min-height: 237px;
    padding-top: 20px;
  }
}

.left .about__phuongphapdaotao__lineimg {
  margin-left: 97px;
}

.right .about__phuongphapdaotao__lineimg {
  margin-right: 97px;
}

.about__phuongphapdaotao__avartar {
  border: 12px solid #fff;
}

.about__phuongphapdaotao__body {
  padding-top: 12px;
}

.about__phuongphapdaotao__title {
  color: #fff;
  max-width: 100%;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.25rem;
  font-family: "UTM Helve Bold", sans-serif;
  margin-bottom: 40px;
}

@media (min-width: 960px) {
  .about__sumenh {
    min-height: 400px;
  }
}

.about__sumenh__w590 {
  max-width: 100%;
  width: 590px;
}

.about__sumenh__title {
  color: var(--Blue, #273E8A);
}

.about__sumenh__desc {
  color: var(--Blue, #273E8A);
}

.about__sumenh__boxquote {
  position: relative;
}

.about__sumenh__boxquote:before,
.about__sumenh__boxquote:after {
  content: "";
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
}

.about__sumenh__boxquote:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M11.5 44.75C9 42 7.5 39 7.5 34C7.5 25.25 13.75 17.5 22.5 13.5L24.75 16.75C16.5 21.25 14.75 27 14.25 30.75C15.5 30 17.25 29.75 19 30C23.5 30.5 27 34 27 38.75C27 41 26 43.25 24.5 45C22.75 46.75 20.75 47.5 18.25 47.5C15.5 47.5 13 46.25 11.5 44.75ZM36.5 44.75C34 42 32.5 39 32.5 34C32.5 25.25 38.75 17.5 47.5 13.5L49.75 16.75C41.5 21.25 39.75 27 39.25 30.75C40.5 30 42.25 29.75 44 30C48.5 30.5 52 34 52 38.75C52 41 51 43.25 49.5 45C48 46.75 45.75 47.5 43.25 47.5C40.5 47.5 38 46.25 36.5 44.75Z' fill='%23D9DEEC'/%3E%3C/svg%3E");
}

.about__sumenh__boxquote:after {
  top: 100%;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M48.25 44.25C50.75 41.5 52.25 38.5 52.25 33.5C52.25 24.75 46 17 37.25 13L35 16.25C43.25 20.75 45 26.5 45.5 30.25C44.25 29.5 42.5 29.25 40.75 29.5C36.25 30 32.75 33.5 32.75 38.25C32.75 40.5 33.75 42.75 35.25 44.5C37 46.25 39 47 41.5 47C44.25 47 46.75 45.75 48.25 44.25ZM23.25 44.25C25.75 41.5 27.25 38.5 27.25 33.5C27.25 24.75 21 17 12.25 13L10 16.25C18.25 20.75 20 26.5 20.5 30.25C19.25 29.5 17.5 29.25 15.75 29.5C11.25 30 7.75 33.5 7.75 38.25C7.75 40.5 8.75 42.75 10.25 44.5C11.75 46.25 14 47 16.5 47C19.25 47 21.75 45.75 23.25 44.25Z' fill='%23D9DEEC'/%3E%3C/svg%3E");
}

@media (min-width: 960px) {
  .about__sumenh__boxquote:after {
    bottom: -20px;
    left: 97%;
    top: inherit;
    right: inherit;
  }
}

.about__sumenh::before,
.about__sumenh::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
}

.about__sumenh::before {
  left: 0;
  background-image: url(images/about/sumenh4.png);
  width: 75px;
  height: 60px;
}

.about__sumenh::after {
  right: 0;
  width: 88px;
  height: 84px;
  background-image: url(images/about/sumenh2.png);
}

.bg-sumenh {
  z-index: 2;
}

.iconline-sumenh {
  width: 100%;
}

.icon-docquyen {
  top: -100px !important;
}

/**/
.about__tamnhin {
  background: #B42D45;
}

@media (min-width: 960px) {
  .about__tamnhin {
    min-height: 400px;
  }
}

.about__tamnhin__w421 {
  max-width: 100%;
  width: 421px;
}

.about__tamnhin__bg {
  max-width: 100%;
  width: 1440px;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .about__tamnhin__bg {
    min-height: 400px;
  }
}

.about__tamnhin__section {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 960px) {
  .about__tamnhin__section {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.about__tamnhin__quote {
  position: relative;
}

.about__tamnhin__quote:before,
.about__tamnhin__quote:after {
  content: "";
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
}

.about__tamnhin__quote:before {
  top: 0;
  left: -30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M11.5 44.75C9 42 7.5 39 7.5 34C7.5 25.25 13.75 17.5 22.5 13.5L24.75 16.75C16.5 21.25 14.75 27 14.25 30.75C15.5 30 17.25 29.75 19 30C23.5 30.5 27 34 27 38.75C27 41 26 43.25 24.5 45C22.75 46.75 20.75 47.5 18.25 47.5C15.5 47.5 13 46.25 11.5 44.75ZM36.5 44.75C34 42 32.5 39 32.5 34C32.5 25.25 38.75 17.5 47.5 13.5L49.75 16.75C41.5 21.25 39.75 27 39.25 30.75C40.5 30 42.25 29.75 44 30C48.5 30.5 52 34 52 38.75C52 41 51 43.25 49.5 45C48 46.75 45.75 47.5 43.25 47.5C40.5 47.5 38 46.25 36.5 44.75Z' fill='%23DC7273'/%3E%3C/svg%3E");
}

.about__tamnhin__quote:after {
  position: absolute;
  bottom: -10px;
  left: 97%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M48.25 44.25C50.75 41.5 52.25 38.5 52.25 33.5C52.25 24.75 46 17 37.25 13L35 16.25C43.25 20.75 45 26.5 45.5 30.25C44.25 29.5 42.5 29.25 40.75 29.5C36.25 30 32.75 33.5 32.75 38.25C32.75 40.5 33.75 42.75 35.25 44.5C37 46.25 39 47 41.5 47C44.25 47 46.75 45.75 48.25 44.25ZM23.25 44.25C25.75 41.5 27.25 38.5 27.25 33.5C27.25 24.75 21 17 12.25 13L10 16.25C18.25 20.75 20 26.5 20.5 30.25C19.25 29.5 17.5 29.25 15.75 29.5C11.25 30 7.75 33.5 7.75 38.25C7.75 40.5 8.75 42.75 10.25 44.5C11.75 46.25 14 47 16.5 47C19.25 47 21.75 45.75 23.25 44.25Z' fill='%23DC7273'/%3E%3C/svg%3E");
}

.about__tamnhin__quote__title,
.about__sumenh__title {
  font-size: calc(1.6625rem + 4.95vw);
  line-height: 1.03;
  font-family: "Hurricane", cursive;
  margin: 0;
}

@media (min-width: 1200px) {

  .about__tamnhin__quote__title,
  .about__sumenh__title {
    font-size: 5.375rem;
  }
}

.about__tamnhin__quote__desc,
.about__sumenh__desc {
  font-family: "UTM Helve Bold", sans-serif;
  line-height: 1.33;
  font-size: calc(1.275rem + 0.3vw);
  margin: 0;
}

@media (min-width: 1200px) {

  .about__tamnhin__quote__desc,
  .about__sumenh__desc {
    font-size: 1.5rem;
  }
}

/**/
.item-content-taisao h3 {
  color: #E92629;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.item-content-taisao p {
  color: #262626;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 160% */
}

.icon-taisao-1 {
  top: -30px;
}

.icon-taisao-3 {
  bottom: 10%;
}

.icon-taisao-5 {
  top: 40%;
}

.icon-taisao-6 {
  bottom: 20%;
}

/*quytrinhdangky*/
.hinhthuchoc_block {
  margin-top: -72px;
  padding-top: 200px;
  background-size: cover;
  background-position: center top;
  position: relative;
}

.hinhthuchoc_title {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  background-size: cover;
  background-position: center;
  padding: 56px 122px 37px;
  display: inline-block;
  margin-bottom: 50px;
}

.hinhthuchoc-banner img {
  aspect-ratio: 403/271;
  width: 100%;
  object-fit: contain;
}

.uk-grid .item-hinhthuchoc h3 {
  color: #fff;
  background-size: contain;
  font-size: 24px;
  margin-bottom: -55px;
  margin-left: -20px;
  margin-right: -20px;
  z-index: 1;
  position: relative;
  padding: 13px 28px 37px;
  background-repeat: no-repeat;
  font-weight: 700;
}

.uk-grid .item-hinhthuchoc:nth-child(odd) h3 {
  background-image: url('images/quytrinhdangki/bgtitle1.png');
}

.uk-grid .item-hinhthuchoc:nth-child(even) h3 {
  background-image: url('images/quytrinhdangki/bgtitle2.png');
  background-position: right;
}

.khoahoc_con-dacdiem-desc,
.content-hinhthuchoc {
  border-radius: 20px;
  background: rgba(254, 254, 254, 0.98);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.16);
  padding: 8px;
  color: #262626;
}

.khoahoc_con-dacdiem-wrap,
.content-hinhthuchoc-wrap {
  border: 1px solid #E92629;
  border-radius: 20px;
  padding: 60px 10px 40px;
}

.content-hinhthuchoc h5 {
  color: #262626;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.content-hinhthuchoc p {
  margin-top: 0;
}

.content-hinhthuchoc ul {
  margin-top: 10px;
  display: inline-block;
}

.qtr-button,
.content-hinhthuchoc a {
  border-radius: 8px;
  background-color: #273E8A;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-transform: unset;
  margin-top: 20px;
}

.content-hinhthuchoc a svg {
  margin-left: 5px;
}

@media only screen and (min-width: 641px) {
  .item-hinhthuchoc .icon-maybay {
    left: -60px;
  }

  .item-hinhthuchoc .icon-tenlua {
    right: -100px;
  }
}

/*quy trinh dki*/
.qtrdangki_box .icon-hoavan-top {
  top: -120px;
  right: 20%;
}

.main-qtrdki {
  background-size: 80%;
  background-position: center top;
  padding: 150px 0 150px;
  background-repeat: no-repeat;
  margin-top: -50px;
}

.content-qtr h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; */
}

.content-qtr {
  color: #fff;
}

.content-qtr p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media only screen and (min-width: 1201px) {
  .content-qtr {
    padding: 0 80px 0 180px;
  }

  .main-qtrdki .item-qtr .content-qtr {
    margin-top: 45px;
  }

  .main-qtrdki .item-qtr:nth-child(odd) .content-qtr {
    padding: 0 180px 0 80px;
  }

  .main-qtrdki .item-qtr:not(:nth-child(2)) .content-qtr {
    margin-top: -30px;
  }

  .content-qtr p {
    /* height: 75px; */
  }

  .item-qtr_1 {
    left: -60px;
    position: relative;
  }

  .item-qtr_2 {
    top: 50px;
    position: relative;
    left: 67px;
  }

  .item-qtr_3 {
    display: block;
    position: relative;
    top: 90px;
    left: -66px;
  }

  .item-qtr_4 {
    position: relative;
    top: 120px;
    left: 62px;
  }

  .item-qtr_5 {
    position: relative;
    top: 120px;
    left: -63px;
  }
  .qtr-button{
    margin-top: 105px;
  }

}

.qtrdangki_box .icon-hoavan {
  left: -40px;
  top: 20%;
}

.qtr-button {
  background-color: #E92629;
}

/**/
.khoahoc_con-title {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.khoahoccon-title {
  z-index: 1;
}

.khoahoccon-title h1 {
  font-size: 48px;
  color: #fff;
  font-family: "Paytone One", sans-serif;
  text-shadow: 3px 4px #4d4d4d73;
  transform: perspective(2000px) rotateX(20deg) rotateY(-7deg);
  line-height: 66px;
}

.item-video::before {
  content: "";
  background-color: #199BD3;
  width: 40%;
  height: 50%;
  border-radius: 20px;
  position: absolute;
  top: -20px;
  left: -20px;
}

.item-video .banner-video {
  width: 100%;
  display: block;
  z-index: 1;
  border-radius: 20px;
}

.item-video .icon-vienvideo {
  right: -40px;
  bottom: -20px;
}

.khoahoc_con-desc {
  color: #262626;
}

.right-gt-khoahoc {
  padding-left: 50px;
}

/**/
.khoahoc_con-dacdiem span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #199BD3;
  box-sizing: border-box;
}

.khoahoc_con-dacdiem .nen2 {
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  width: calc(100% - 10px);
  height: calc(100% - 14px);
  top: 5px;
  left: 5px;
}

.khoahoc_con-dacdiem h2 {
  margin-bottom: 0;
  color: #fff;
  z-index: 1;
  position: relative;
  padding: 15px 45px;
  min-height: 71px;
  box-sizing: border-box;
}

.khoahoc_con-dacdiem .nen1::before,
.khoahoc_con-dacdiem .nen2::before,
.khoahoc_con-dacdiem .nen2 span::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 36px solid transparent;
  border-right: 36px solid #199BD3;
  border-bottom: 36px solid transparent;
  left: -36px;
  position: absolute;
}

.khoahoc_con-dacdiem .nen2::after,
.khoahoc_con-dacdiem .nen1::after,
.khoahoc_con-dacdiem .nen2 span::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 36px solid transparent;
  border-left: 36px solid #199BD3;
  border-bottom: 36px solid transparent;
  right: -36px;
  position: absolute;
}

.khoahoc_con-dacdiem .nen2::before {
  border-top: 29px solid transparent;
  border-right: 29px solid #fff;
  border-bottom: 29px solid transparent;
  left: -29px;
  top: -3px;
}

.khoahoc_con-dacdiem .nen2::after {
  border-top: 29px solid transparent;
  border-left: 29px solid #fff;
  border-bottom: 29px solid transparent;
  right: -29px;
  top: -3px;
}

.khoahoc_con-dacdiem .nen2 span::before {
  border-top-width: 24px;
  border-right-width: 24px;
  border-bottom-width: 24px;
  left: -24px;
  top: 2px;
}

.khoahoc_con-dacdiem .nen2 span::after {
  border-top-width: 24px;
  border-left-width: 24px;
  border-bottom-width: 24px;
  right: -24px;
  top: 2px;
  z-index: 1;
}

/**/
.khoahoc_con-dacdiem-wrap {
  padding: 70px 100px;
}

.khoahoc_con-dacdiem-title {
  margin-bottom: -36px;
}

/**/
.lotrinh-title h2 {
  text-align: ;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 50px 162px 50px 84px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background-position: center;
  margin-bottom: 0;
}

.list-lotrinh {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-right: 31px;
  /* margin-top: -150px; */
}

.head-item-lotrinh {
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 65px;
  padding-top: 44px;
  z-index: 2;
}

.head-item-lotrinh h3 {
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  font-size: 20px;
}

.short-desc-lotrinh {
  color: #273E8A;
  padding: 15px 20px 35px 0;
}

.short-desc-lotrinh p {
  margin: 5px 0;
}

.short-desc-lotrinh hr {
  margin: 10px 0;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #ffff;
}

.icon-up-lotrinh {
  bottom: -24px;
  left: 50%;
  transition: .3s all;
  transform: rotateX(180deg);
}

.item-lotrinh:hover .icon-up-lotrinh {
  transform: none;
}

.item-lotrinh {
  position: relative;
}

.item-lotrinh .kylan1 {
  opacity: 0;
  transition: .3s all;
  transform: translateY(-10px);
  top: 50px;
  z-index: 1;
  position: relative;
  z-index: 3;
}

.item-lotrinh:hover .kylan1 {
  opacity: 1;
  transform: translateY(15px);
}

/* .item-lotrinh:last-child::before {
  content: "";
  background-image: url('images/khoahoccon/kylan2.png');
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  top: 89px;
  z-index: 1;
  background-size: contain;
  left: 20px;
  background-repeat: no-repeat;
  z-index: 3;
} */
.item-lotrinh:last-child:hover::before {
  opacity: 0;
}

.list-lotrinh .item-lotrinh.mover:nth-child(1) .kylan1,
.list-lotrinh .item-lotrinh:nth-child(1) .kylan1 {
  opacity: 1;
  transform: translateY(15px);
}

/* .item-lotrinh:first-child::after {
  content: "";
  background-image: url('images/khoahoccon/kylan1.png');
  width: 220px;
  height: 220px;
  display: block;
  position: absolute;
  top: 89px;
  z-index: 3;
  background-size: contain;
  left: 20px;
  background-repeat: no-repeat;
  transition: .3s all;
} */
.item-lotrinh:first-child:hover .kylan1,
.item-lotrinh:first-child .kylan1,
.mover-wrap .item-lotrinh::after,
.mover-wrap .kylan1 {
  opacity: 0 !important;
}

.mover-wrap .item-lotrinh:hover::after,
.item-lotrinh:hover .kylan1 {
  opacity: 1 !important;
}

/*//////////*/
@media only screen and (min-width: 960px) {
  .list-lotrinh .item-lotrinh:nth-child(1) {
    margin-top: 303px;
  }

  .list-lotrinh .item-lotrinh:nth-child(2) {
    margin-top: 243px;
  }

  .list-lotrinh .item-lotrinh:nth-child(3) {
    margin-top: 180px;
  }

  .list-lotrinh .item-lotrinh:nth-child(4) {
    margin-top: 120px;
  }

  .list-lotrinh .item-lotrinh:nth-child(5) {
    margin-top: 59px;
  }

  .list-lotrinh .item-lotrinh {
    margin-right: -31px;
  }

  .list-lotrinh .item-lotrinh:nth-child(1) .head-item-lotrinh {
    padding-bottom: 23px;
  }
}

/**/
.content-khoahoc {
  fill: #FFF;
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
  background-color: #fff;
  padding: 30px;
  position: absolute;
  width: 150%;
  z-index: 1;
  opacity: 0;
  transition: .3s all;
  color: #000;
  visibility: hidden;
}

.item-lotrinh:hover .content-khoahoc {
  opacity: 1;
  visibility: visible;
}

.item-lotrinh:hover {
  z-index: 2;
}

/*khoa hoc online*/
.khoahoconline-vande {
  background-size: cover;
  background-position: center;
}

.khoahoconline-vande-title h2 {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 98px 62px 50px 165px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background-position: center;
  margin-bottom: 0;
}

.item-vande p {
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media only screen and (min-width: 811px) {
  .main-khoahoc_online-vande {
    margin-top: 120px;
  }

  .item-vande {
    position: absolute;
    font-weight: 700;
    color: #273E8A;
    background-size: contain;
    padding: 10%;
    background-position: center;
    width: 300px;
    height: 317px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    background-repeat: no-repeat;
  }

  .item-vande:nth-child(1) {
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5% 10% 10%;
    width: 320px;
    height: 376px;
  }

  /**/
  .item-vande:nth-child(2) {
    right: -15px;
    top: 5%;
    width: 300px;
  }

  .item-vande:nth-child(7) {
    left: -15px;
    top: 5%;
    width: 300px;
    padding: 5% 10% 5% 8%;
  }

  /**/
  .item-vande:nth-child(3) {
    right: -110px;
    bottom: 20%;
    width: 341px;
    height: 320px;
    padding: 10%;
  }

  .item-vande:nth-child(6) {
    left: -110px;
    bottom: 20%;
    width: 341px;
    height: 320px;
    padding: 10%;
    padding-right: 12%;
  }

  /**/
  .item-vande:nth-child(4) {
    right: 12%;
    bottom: -83px;
  }

  .item-vande:nth-child(5) {
    left: 12%;
    bottom: -83px;
  }
}

/**/
.khoahoconline-video {
  background-color: rgba(240, 195, 79, 0.40);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.khoahoconline-video-title h2 {
  color: #fff;
  margin-top: 0;
  background-z: ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 33px 59px 20px 60px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0;
  z-index: 1;
  position: relative;
}

.khoahoconline-video-title-phu {
  margin-left: 84px;
}

.khoahoconline-video-title-phu h3 {
  color: #fff;
  margin: 0;
  font-weight: bold;
  z-index: 1;
  position: relative;
}

.khoahoconline-video-title-phu span {
  padding: 35px;
  position: absolute;
  background: #A7080A;
  transform-style: preserve-3d;
  transform: perspective(100px) rotateX(20deg) rotateY(3deg);
  top: -9px;
  left: -14px;
  width: 125%;
}

.khoahoconline-main-video .banner-video {
  width: 100%;
  border-radius: 12px;
  border: 8px solid #199bd3;
  z-index: 1;
}

.khoahoconline-main-video .icon-vienvideo {
  right: -40px;
  bottom: -20px;
}

/**/
.list-khoahoc {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.item-khoahoc {
  padding: 12px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}

.item-khoahoc:hover {
  box-shadow: 0px 1px 12px 0px rgba(20, 55, 95, 0.32);
}

.item-khoahoc:hover a {
  text-decoration: none;
}

.img-khoahoc {
  margin-bottom: 12px;
}

.img-khoahoc img {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 360 / 200;
}

.khoahoc-title {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.info-khoahoc {
  color: rgba(38, 38, 38, 0.90);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.info-khoahoc p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.khoahoc-last {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}

.price .amount {
  color: #E92629;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.price del {
  font-size: 14px;
  font-weight: 400;
  color: rgba(38, 38, 38, 0.40);
  margin-right: 10px;
}

.price ins {
  text-decoration: none;
  background-color: transparent;
}

.khoahoc-last .price del {
  font-style: italic;
}

.read-khoahoc {
  display: block;
  background-color: transparent;
  border-radius: 12px;
  padding: 12px;
  text-align: center;
  transition: .2s all;
  background-color: #E3322C;
  color: #fff;
}

.item-khoahoc:hover .read-khoahoc {}

.item-khoahoc:hover .read-khoahoc svg path {
  fill: #fff;
}

/**/
.khoahoconline-dacdiem {
  background-position: bottom;
  background-repeat: no-repeat;
  background-position: bottom right;
}

@media only screen and (min-width: 641px) {
  .dacdiem-banner {
    transform: scale(1.2);
  }
}

.dacdiem-content {
  padding: 0 80px;
  color: #fff;

}

.page_gioithieu .dacdiem-content {
  padding-bottom: 80px;
  /* padding-left: 20%; */
  position: relative;
  background-color: #199BD3;
  border-radius: 20px;
}

.page_gioithieu .dacdiem-content:after {
  content: "";
  width: 90%;
  height: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  /* background-image: url(./images/_dacdiem3_bg.svg); */
  position: absolute;
  z-index: 2;
  opacity: 0.8;
  border-radius: 20px;
  border: solid 5px #fff;
}

.dacdiem-content>h2 {
  background-size: contain;
  background-repeat: no-repeat;
  padding: 22px 35px;
  color: #fff;
  font-weight: 700;

  text-transform: uppercase;

}

.page_gioithieu .dacdiem-content>h2 {
  margin-left: auto;
  position: relative;
  top: -50px;
  left: 59px;
  width: fit-content;
}

.dacdiem-content h3 {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0;
}

.main-uudai {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 50px 0;
}

.uudai-col {
  width: 40%;
  box-sizing: border-box;
}

.item-uudai {
  width: 360px;
  height: 280px;
  padding: 20px 60px;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-position: center;
  box-sizing: border-box;
  color: #262626;
  margin: 0 auto;
}

.item-uudai h3 {
  color: #262626;
  font-size: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.item-uudai p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media only screen and (min-width: 810px) {
  .main-uudai .uudai-col:nth-child(3) {
    padding-right: 90px;
  }

  .main-uudai .uudai-col:nth-child(4) {
    padding-left: 90px;
  }

  .uudai-box::after {
    content: "";
    display: block;
    background-image: url('images/khoahoconline/uudai-line.svg');
    background-size: 100%;
    width: 104%;
    height: 150px;
    background-position: center;
    position: absolute;
    bottom: -15px;
    left: -3px;
    background-repeat: no-repeat;
  }
}

/**/
.uudai-box {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e92629;
}

.uudai-title h2 {
  display: inline-block;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 48px;
  font-style: italic;
  text-transform: uppercase;
  font-family: "Paytone One", sans-serif;
  text-shadow: 3px 4px #4d4d4d73;
  transform: perspective(2000px) rotateX(20deg) rotateY(-7deg);
  line-height: 66px;
  background-position: center;
  padding: 10px 95px;
}

/**/
.main-loiich {
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 50px;
  padding-bottom: 100px;
  box-sizing: border-box;
}

.loiich-title h2 {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: bold;
  padding: 40px 100px 40px 155px;
  text-transform: uppercase;
}

.loiich-title {
  text-align: center;
}

.item-loiich {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  margin: 20px 0;
}

.content-loiich h3 {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.content-loiich {
  width: 62%;
  margin: 0 0 0 auto;
  padding: 41px 70px 60px 11px;
  box-sizing: border-box;
  text-align: center;
}

.content-loiich p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}

/**/
@media only screen and (min-width: 960px) {
  .feedback-slide li {
    transform: scale(.9);
  }

  .feedback-slide .uk-first-column+.uk-active {
    transform: scale(1.0);
  }

  .feedback-slide .uk-first-column+.uk-active img {
    border: 4px solid #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  }
}

/**/
.flash-card-box {
  background: linear-gradient(197deg, #E92629 -98.37%, #273E8A 354.28%);
}

.flash-card-title {
  margin-bottom: 50px;
}

.flash-card-title h2 {
  color: #fff;
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: 36px;
}

.flash-card-title h2 span {
  display: inline-block;
  padding: 20px 35px 20px 50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-style: normal;
}


/**/
.nav-tag {
  --nav-tag-height: 3.875rem;
  --nav-tag-number-font-size: 2.5rem;
  --nav-tag-border-width: 2px;
  --nav-tag-border-color: #F2F3FA;
  --nav-tag-bg: #F4F5FB;
  --nav-tag-hover-bg: #e8e9ee;
  --nav-tag-active-bg: #BF2022;
  --nav-tag-active-color: #F2F3FA;
  --nav-tag-skew: 2.77deg;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
  max-width: 557px;
  padding: 1.125rem 3.125rem;
  box-sizing: border-box;
}

@media (min-width: 1260px) {
  .nav-tag {
    --bs-nav-link-font-size: 1.125rem;
  }
}

@media (max-width: 1259.98px) {
  .nav-tag {
    --nav-tag-skew: 3deg;
    max-width: 28.75rem;
  }
}

@media (max-width: 575.98px) {
  .nav-tag {
    gap: 1.0625rem;
  }

  .nav-tag .nav-text {
    font-size: 16px !important;
    padding: 0 10px;
  }

  .tab-mhlh .mhlh-content {
    padding: 10px;
  }
}

.nav-tag .nav-number {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  height: 80px;
  width: 80px;
  margin-right: 0;
  margin-left: -0.3em;
  border-radius: 50rem;
  background-color: #fff;
  font-weight: normal;
  font-size: var(--nav-tag-number-font-size);
  line-height: 1.5;
  color: var(--bs-primary);
  color: #E92629;
  font-family: "UTM Helve Bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .nav-tag .nav-number {
    font-size: 1.875rem;
    line-height: 2.1;
  }
}

.nav-tag .nav-link-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  background-color: var(--nav-tag-bg);
}

.nav-tag .nav-link-inner::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: -2.287rem;
  height: 4.575rem;
  width: 4.575rem;
  transform: rotate(45deg);
  background-color: var(--nav-tag-bg);
  box-shadow: 0 0 0 var(--nav-tag-border-width) var(--nav-tag-border-color);
  pointer-events: none;
  top: -4px;
}

@media (max-width: 575.98px) {
  .nav-tag .nav-link-inner:before {
    left: -1.875rem;
    height: 3.875rem;
    width: 3.875rem;
  }
}

.nav-tag .nav-text {
  flex-grow: 1;
  padding: 0 1rem;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "UTM Helve Bold", sans-serif;
  font-weight: normal;
}

.nav-tag .nav-desc {
  display: inline-block;
  margin-top: 0.25rem;
  font-weight: normal;
  color: rgba(34, 34, 34, 0.7);
}

.nav-tag .nav-link {
  position: relative;
  z-index: 0;
  height: var(--nav-tag-height);
  padding: 0;
  border: none;
  box-shadow: 0 0 0 var(--nav-tag-border-width) var(--nav-tag-border-color);
  background-color: var(--nav-tag-bg);
  text-align: left;
  font-weight: bold;
  transition: none;
  outline: none;
  line-height: 1.3;
  white-space: normal;
  cursor: pointer;
}

.nav-tag .nav-link:before,
.nav-tag .nav-link:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--nav-tag-bg);
  transform-origin: right center;
  pointer-events: none;
}

.nav-tag .nav-link:before {
  transform: skew(0, var(--nav-tag-skew));
  box-shadow: 0 calc(var(--nav-tag-border-width) * -1) 0 var(--nav-tag-border-color);
}

.nav-tag .nav-link:after {
  transform: skew(0, calc(var(--nav-tag-skew) * -1));
  box-shadow: 0 var(--nav-tag-border-width) 0 var(--nav-tag-border-color);
}

.nav-tag .nav-link:nth-child(odd):before,
.nav-tag .nav-link:nth-child(odd):after {
  transform-origin: left center;
}

.nav-tag .nav-link:nth-child(odd):before {
  transform: skew(0, calc(var(--nav-tag-skew) * -1));
}

.nav-tag .nav-link:nth-child(odd):after {
  transform: skew(0, var(--nav-tag-skew));
}

.nav-tag .nav-link:nth-child(odd) .nav-link-inner {
  justify-content: flex-end;
  text-align: right;
}

.nav-tag .nav-link:nth-child(2n+1) .nav-link-inner::before {
  left: auto;
  right: -2.287rem;
  top: -7px;
}

@media (max-width: 575.98px) {
  .nav-tag .nav-link:nth-child(odd) .nav-link-inner:before {
    right: -1.875rem;
  }
}

.nav-tag .nav-link:nth-child(odd) .nav-number {
  order: 2;
  margin-left: 0;
  margin-right: -0.3em;
}

.nav-tag .nav-link:nth-child(odd).active .nav-number {
  background: linear-gradient(90deg, #FFFFFF 0%, #F7F7F7 26.35%, #E2E2E2 66.89%, #CCCBCB 100%);
}

.nav-tag .nav-link:hover,
.nav-tag .nav-link:focus {
  color: #222;
}

.nav-tag .nav-link:hover,
.nav-tag .nav-link:hover:before,
.nav-tag .nav-link:hover:after,
.nav-tag .nav-link:hover .nav-link-inner,
.nav-tag .nav-link:hover .nav-link-inner:before,
.nav-tag .nav-link:focus,
.nav-tag .nav-link:focus:before,
.nav-tag .nav-link:focus:after,
.nav-tag .nav-link:focus .nav-link-inner,
.nav-tag .nav-link:focus .nav-link-inner:before {
  background-color: var(--nav-tag-hover-bg);
}

.nav-tag .nav-link.active,
.nav-tag .nav-link.active:before,
.nav-tag .nav-link.active:after,
.nav-tag .nav-link.active .nav-link-inner,
.nav-tag .nav-link.active .nav-link-inner:before {
  background-color: var(--nav-tag-active-bg);
  color: var(--nav-tag-active-color);
}

.nav-tag .nav-link.active,
.nav-tag .nav-link.active .nav-link-inner:before {
  box-shadow: 0 0 0 var(--nav-tag-border-width) var(--nav-tag-border-color), 3px 10px 30px rgba(182, 51, 51, 0.25);
}

.nav-tag .nav-link.active .nav-desc {
  color: var(--nav-tag-active-color);
}

.nav-tag .nav-link.active .nav-number {
  background: linear-gradient(-90deg, #FFFFFF 0%, #F7F7F7 26.35%, #E2E2E2 66.89%, #CCCBCB 100%);
}

/**/
.tab-mhlh {
  padding: 8px;
  border-radius: 20px;
  background-color: #fff;

}

.tab-mhlh .mhlh-content {
  border-radius: 20px;
  border: 1px solid #E92629;
  padding: 28px;
  border-radius: 20px;
  color: #262626;
}

@keyframes name-of-animation {
  0% {
    opacity: 0;
  }

  /*  20%   { opacity: 1; }
  80%   { opacity: 0; }*/
  100% {
    opacity: 1;
  }
}

.tab-mhlh {
  animation: name-of-animation 2s normal;
}

/*Sach*/
.banner-sach img {
  width: 100%;
}

.page_sach_box1 {
  border-top: 12px solid #273E8A;
  overflow: hidden;
  padding: 40px 0;
}

.page_sach_box1 .baiviet__title {
  color: #fff;
  margin-top: 0;
}

.page_sach_box1::before {
  content: "";
  background-color: #273E8A;
  width: 670px;
  height: 324px;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  top: -165px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.main-sach-box1 .banner {
  display: block;
}

.list-sach-vd {
  right: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 126px;
  box-sizing: border-box;
  margin-left: -140px;
  padding-bottom: 17px;
}

.item-sach-vd {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

@media only screen and (min-width: 1301px) {

  .list-sach-vd .item-sach-vd:first-child,
  .list-sach-vd .item-sach-vd:last-child {
    margin-left: -109px;
  }
}

.item-sach-vd .num-vd {
  background-color: #655C6D80;
  font-size: 56px;
  font-weight: 700;
  border-radius: 100%;
  z-index: 1;
  padding: #606060;
  width: 160px;
  height: 160px;
  padding: 15px;
  box-sizing: border-box;
}

.item-sach-vd .num-vd span {
  background-color: #FAFAFA;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.item-sach-vd .content-vd {
  color: #FFF;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  background-image: linear-gradient(90deg, #FABD14 -31.76%, #F170AB 102.94%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 75px 0 125px;
  margin-left: -50px;
  border-radius: 130px;
  width: 575px;
  height: 142px;
  box-sizing: border-box;
  box-shadow: 10px 20px 15px #AEAEAE5E;
}

/**/
.page-sach .khoahoconline-video-title h2 {
  padding: 35px 50px 29px 66px;
}

.icon-container-right {
  top: -200px;
  right: -50px;
}

/**/
@media only screen and (min-width: 960px) {
  .list-sach-loiich {
    display: flex;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 70%;
    padding-bottom: 30px;
  }

  .item-sach-loiich {
    max-width: 194px;
    padding: 24px;
    flex: 1;
  }

  .item-sach-loiich:nth-child(2) {
    margin-top: -30px;
  }

  .item-sach-loiich:nth-child(3) {
    margin-top: 20px;
  }

  .item-sach-loiich:nth-child(4) {
    margin-top: -70px;
  }
}

/**/
@media (min-width: 960px) {
  .login .uk-container {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media (min-width: 960px) {
  .login__section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 960px) {
  .login__w522 {
    max-width: 100%;
    width: 522px;
  }
}

.login__btnBackhome {
  border-radius: 8px;
  border: 1px solid rgba(20, 55, 95, 0.04);
  background: #ECF4FD !important;
  line-height: 58px;
  width: 60px;
  padding: 0;
}

.login__forgotLink {
  color: var(--Blue, #14375F) !important;
  font-size: 14px;
  line-height: 1.57;
  font-family: "UTM Helve Regular", sans-serif;
}

.login__txt1 {
  color: rgba(38, 38, 38, 0.8);
  line-height: 1.5;
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
}

.login__txt1 a {
  color: var(--Blue, #273E8A);
  font-family: "UTM Helve Bold", sans-serif;
}

.login__title {
  line-height: 1.1 !important;
  text-align: left !important;
}

.login__desc {
  color: #000;
  line-height: 1.75;
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
}

.login__input {
  height: 60px;
  border-radius: 8px;
  background: #F1F7FD;
  font-family: "UTM Helve Regular Italic", sans-serif;
  padding: 0 20px;
}

.login__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.login__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.login__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.login__input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.login__input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.login__btnSubmit {
  line-height: calc(60px - 2px);
  border-radius: 8px;
  background: var(--Blue, #14375F) !important;
  font-size: 1rem;
  font-family: "UTM Helve Bold", sans-serif;
  text-transform: inherit;
}

.login__btnSocial {
  line-height: calc(60px - 2px);
  border-radius: 8px;
  background: #F1F7FD !important;
  color: rgba(38, 38, 38, 0.8) !important;
  text-transform: inherit;
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
}

.login__btnSocial:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: 100%;
  background: var(--social-url);
}

.login__btnSocial--google:before {
  width: 28px;
  height: 28px;
}

.login__btnSocial--fb:before {
  width: 32px;
  height: 32px;
}

.login__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.5;
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
}

.login__line:before,
.login__line:after {
  content: "";
  width: 1px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px dashed rgba(0, 0, 0, 0.4);
}

.giangvien__cover {
  border-radius: 12px;
}

.giangvien__title {
  font-size: calc(1.325rem + 0.9vw);
  font-family: "UTM Helve Bold", sans-serif;
  color: #FFF;
  line-height: 1.12;
  min-height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 1200px) {
  .giangvien__title {
    font-size: 2rem;
  }
}

.giangvien__desc {
  font-size: 1rem;
  line-height: 1.75;
  color: #262626;
  text-align: center;
  font-family: "UTM Helve Regular", sans-serif;
}

.giangvien__desc strong {
  font-family: "UTM Helve Bold", sans-serif;
  color: var(--Red, #E92629);
}

.giangvien__desc span {
  font-family: "UTM Helve Bold", sans-serif;
  color: var(--Blue, #273E8A);
}

.giangvien__box {
  display: none !important;
  padding: 0 20px;
  padding-left: 88px;
  padding-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 8px;
}

.giangvien__box>*:nth-child(1) {
  color: #262626;
  font-family: "UTM Helve Bold", sans-serif;
  line-height: 1.4;
  font-size: 1.25rem;
}

.giangvien__box>*:nth-child(2) {
  color: #FFF;
  font-size: 0.875rem;
  font-family: "UTM Helve Bold", sans-serif;
  line-height: 1.4285714286;
}

.flash_card__cauhoi {
  background: #F9F0DA;
}

.flash_card__cauhoi__title {
  line-height: 1.375 !important;
}

.flash_card__cauhoi__desc {
  color: #172C48;
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: "UTM Helve Regular", sans-serif;
  margin-bottom: 0;
}

.flash_card__cauhoi__accordion {
  background: rgba(244, 248, 255, 0.8);
  padding-left: 20px;
}

@media (min-width: 960px) {
  .flash_card__cauhoi__accordion {
    padding-left: 40px;
  }
}

.flash_card__cauhoi__accordion__li {
  padding-top: 24px;
  padding-bottom: 24px;
}

.flash_card__cauhoi__accordion__li:nth-child(n+2) {
  margin-top: 0;
  border-top: 2px solid #fff;
}

.flash_card__cauhoi__accordion__title {
  color: var(--text, #122E52);
  line-height: 1.2;
  font-size: 1.25rem;
  font-family: "UTM Helve Regular", sans-serif;
}

.uk-open>.flash_card__cauhoi__accordion__title {
  color: var(--color-2, #2854AB);
}

.flash_card__cauhoi__accordion__title:before {
  margin-right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%232854AB' stroke-width='1.03' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
}

.uk-open>.flash_card__cauhoi__accordion__title:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%232854AB' stroke-width='1.03' points='4 13 10 7 16 13'%3E%3C/polyline%3E%3C/svg%3E");
}

.flash_card__cauhoi__accordion__content {
  margin-top: 24px;
}

@media (min-width: 960px) {
  .flash_card__cauhoi__accordion__content {
    padding-left: 48px;
  }
}

.flash_card__cauhoi__accordion__content>* {
  color: #484848;
  font-size: 1.125rem;
  font-family: "UTM Helve Regular", sans-serif;
  line-height: 1.33;
  display: -webkit-box;
  display: -ms-flexbox;
  /*  display: flex;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  position: relative;
}

.flash_card__cauhoi__accordion__content>*:before {
  content: "";
  width: 4px;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  background: #2854AB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flash_card_page .khoahoconline-dacdiem {
  background-position: center right;
  background-size: unset;
  padding: 74px 0;
}

@media (min-width: 960px) {
  .baiviet__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.baiviet__box {
  color: var(--Red, #E92629);
  font-size: 14px;
  font-family: "UTM Helve Bold", sans-serif;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
}

.baiviet__box>* {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
}

.baiviet__box>*:nth-child(n+2):before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #E92629;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: inherit;
  position: relative;
  top: 3px;
}

.baiviet__article .uk-article-title {
  line-height: 1.4375 !important;
  text-transform: inherit;
}

.baiviet__article .uk-article-meta {
  color: #002A40;
  font-size: 1rem;
  line-height: 1.75;
  font-family: "UTM Helve Regular", sans-serif;
}

.baiviet__social {
  top: 20px;
  right: 0;
  left: 100%;
  padding-left: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute !important;
  max-width: calc(100% - var(--uk-position-margin-offset) * 2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.baiviet__social__icon {
  border-radius: 28px;
  background: #FFF;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.baiviet__slider-container-offset {
  margin-left: calc(0px - 14px);
  margin-right: calc(0px - 14px);
  padding-left: 14px;
  padding-right: 14px;
}

.baiviet__icon {
  width: 40px;
  height: 40px;
  background: #E2E2E2;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff !important;
}

.baiviet__icon:hover {
  background: #E92629;
}

.baiviet__card {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 12px;
}

.baiviet__card--hv {
  padding: 8px;
}

.baiviet__card:hover {
  background: #EEF2FF;
  -webkit-box-shadow: 0px 3px 12px rgba(39, 39, 45, 0.16);
  box-shadow: 0px 3px 12px rgba(39, 39, 45, 0.16);
}

.baiviet__card__coverImg {
  border-radius: 8px;
}

.baiviet__card__title {
  color: #363636;
  font-size: 1.125rem;
  line-height: 1.55;
  font-family: "UTM Helve Bold", sans-serif;
}

.baiviet__card__title a {
  color: #363636;
}

.baiviet__card:hover .baiviet__card__title a {
  color: var(--Blue, #273E8A);
}

.baiviet__card__time {
  color: var(--Blue, #273E8A);
  font-size: 1rem;
  font-family: "UTM Helve Regular", sans-serif;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.baiviet__card__time:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  background: var(--icon-datetime);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.baiviet__card__linkMore {
  color: rgba(233, 38, 41, 0.6);
  text-transform: inherit;
  font-size: 1rem;
  font-family: "UTM Helve Regular Italic", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.baiviet__card__linkMore:after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--icon-more);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.baiviet__card:hover .baiviet__card__linkMore {
  color: var(--Red, #E92629);
  font-family: "UTM Helve Bold", sans-serif;
  font-style: italic;
}

.baiviet__title {
  line-height: 1.12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.baiviet__title:after {
  content: "";
  width: 143px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--icon-title-bottom);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tintuc__banner {
  background: var(--tintuc-7) no-repeat bottom right, var(--tintuc-1) no-repeat top left, var(--tintuc-2) no-repeat bottom left 72px, var(--tintuc-3) no-repeat top right 40px, var(--tintuc-4) no-repeat top right 213px, var(--tintuc-5) no-repeat bottom right, var(--tintuc-6) no-repeat bottom 16px center;
  background-color: var(--Blue, #273E8A);
}

@media (min-width: 960px) {
  .tintuc__banner {
    min-height: 400px;
  }
}

.tintuc__banner__title,
.lichkhaigiang__banner__title {
  font-size: calc(1.46875rem + 2.625vw);
  text-transform: uppercase;
  line-height: 1.08262;
  font-family: "Paytone One", sans-serif;
}

@media (min-width: 1200px) {

  .tintuc__banner__title,
  .lichkhaigiang__banner__title {
    font-size: 3.4375rem;
  }
}

.tintuc__formSearch {
  width: 100%;
}

@media (min-width: 960px) {
  .tintuc__formSearch {
    width: 480px;
  }
}

.tintuc__formSearch__input {
  font-family: "UTM Helve Regular Italic", sans-serif;
  font-size: 1rem;
  border-radius: 12px;
  background: #FFF !important;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12) inset;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12) inset;
}

@media (min-width: 960px) {
  .tintuc__formSearch__input {
    height: 56px !important;
  }
}

.tintuc__formSearch__input:not(:focus) {
  border: 1px solid #ECECEC !important;
}

.tintuc__formSearch__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.tintuc__formSearch__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.tintuc__formSearch__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.tintuc__formSearch__input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.tintuc__formSearch__input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.tintuc__formSearch__icon {
  color: #fff !important;
}

.tintuc__formSearch__datetime {
  padding: 0 20px;
  width: 160px;
  border-radius: 12px;
  background: var(--Blue-P, #199BD3) !important;
  color: #fff !important;
}

@media (min-width: 960px) {
  .tintuc__formSearch__datetime {
    height: 56px !important;
  }
}

.tintuc__formSearch__btnSort {
  border-radius: 12px;
  background: var(--Blue-P, #199BD3);
  text-transform: inherit;
}

@media (min-width: 960px) {
  .tintuc__formSearch__btnSort {
    line-height: calc(56px - 2px);
  }
}

@media (min-width: 960px) {
  .tintuc__accordion__li:nth-child(n+2) {
    margin-top: 40px;
  }
}

.tintuc__accordion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  gap: 12px;
  color: #383838;
  font-family: "UTM Helve Regular", sans-serif;
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  .tintuc__accordion__title {
    font-size: 1.5rem;
  }
}

.tintuc__accordion__title:before {
  float: left;
  margin-left: 0;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.4447 7.37568L5.32449 0.255608C5.15981 0.090796 4.93997 0 4.70557 0C4.47116 0 4.25133 0.090796 4.08664 0.255608L3.56229 0.779831C3.22109 1.12142 3.22109 1.6766 3.56229 2.01767L9.5413 7.99668L3.55566 13.9823C3.39097 14.1471 3.30005 14.3668 3.30005 14.6011C3.30005 14.8357 3.39097 15.0554 3.55566 15.2203L4.08001 15.7444C4.24482 15.9092 4.46453 16 4.69893 16C4.93334 16 5.15317 15.9092 5.31785 15.7444L12.4447 8.61782C12.6098 8.45248 12.7004 8.23174 12.6999 7.99707C12.7004 7.7615 12.6098 7.54088 12.4447 7.37568Z' fill='%23383838'/%3E%3C/svg%3E");
}

.uk-open>.tintuc__accordion__title:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1_110930)'%3E%3Cpath d='M8.62432 12.4447L15.7444 5.32449C15.9092 5.15981 16 4.93997 16 4.70557C16 4.47116 15.9092 4.25133 15.7444 4.08664L15.2202 3.56229C14.8786 3.22109 14.3234 3.22109 13.9823 3.56229L8.00332 9.5413L2.01768 3.55566C1.85286 3.39097 1.63316 3.30005 1.39888 3.30005C1.16435 3.30005 0.944643 3.39097 0.779701 3.55566L0.255608 4.08001C0.0907964 4.24482 9.02773e-07 4.46453 8.92527e-07 4.69893C8.82281e-07 4.93334 0.0907964 5.15317 0.255608 5.31785L7.38218 12.4447C7.54752 12.6098 7.76826 12.7004 8.00293 12.6999C8.2385 12.7004 8.45912 12.6098 8.62432 12.4447Z' fill='%23383838'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_110930'%3E%3Crect width='16' height='16' fill='white' transform='translate(16) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tintuc__accordion__title:after {
  background: rgba(217, 217, 217, 0.6);
  width: 100%;
  height: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.ui-datepicker {
  background: url(images/tintucsukien/Ellipse_3.png) no-repeat bottom left, url(images/tintucsukien/Ellipse_1.png) no-repeat top left, url(images/tintucsukien/Ellipse_1-2.png) no-repeat center right;
  background-color: #EFEBC3;
  border-radius: 10px;
}

.ui-datepicker-header {
  background: transparent;
  border: none;
  color: #262626;
}

.dstest__banner {
  min-height: 100px;
  background: #273E8A var(--dstest-bg) no-repeat bottom center;
  background-size: contain;
}

@media (min-width: 960px) {
  .dstest__banner {
    min-height: 200px;
  }
}

.dstest__title {
  text-transform: uppercase;
  text-align: center;
  font-size: calc(1.325rem + 0.9vw);
  font-family: "UTM Helve Bold", sans-serif;
  line-height: 1.5;
  color: #FFF;
  background: url(images/dstest/Vector.png) no-repeat center;
  min-height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: contain;
  margin-top: -80px;
}

@media (min-width: 1200px) {
  .dstest__title {
    font-size: 2rem;
  }
}

@media (min-width: 960px) {
  .dstest__title {
    margin-top: -110px;
  }
}

.dstest__title span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.dstest__title span:before,
.dstest__title span:after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  opacity: 0;
}

@media (min-width: 960px) {

  .dstest__title span:before,
  .dstest__title span:after {
    opacity: 1;
  }
}

.dstest__title span:before {
  background: url(images/dstest/Q5_1.png);
  width: 312px;
  height: 312px;
  top: -181px;
  left: -252px;
}

.dstest__title span:after {
  background: url(images/dstest/trophy_1-2.png);
  width: 180px;
  height: 180px;
  top: -154px;
  right: -134px;
  z-index: 0;
}

.dstest__card {
  padding: 20px;
  min-height: 247px;
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

.dstest__card__box {
  padding: 16px 20px;
  background: #F9E6E6;
  border-radius: 8px;
  color: #B10D10;
  font-size: 16px;
  line-height: 1;
  font-family: "UTM Helve Regular", sans-serif;
}

.dstest__card__box__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.dstest__card__box__txt:before {
  content: "";
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.dstest__card__box__txt--check:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='18.5' height='18.5' rx='5.25' stroke='%23B10D10' stroke-width='1.5'/%3E%3Cpath d='M8.83354 13.3541H8.82479C8.6982 13.3518 8.57862 13.294 8.49695 13.1966L5.58029 9.6966C5.42512 9.5111 5.4502 9.23518 5.63629 9.0806C5.82179 8.92602 6.09712 8.95052 6.25287 9.1366L8.84579 12.2481L13.758 6.79043C13.9202 6.61077 14.1967 6.59677 14.3764 6.75777C14.556 6.91935 14.5706 7.19585 14.409 7.3761L9.15904 13.2094C9.07562 13.3016 8.95779 13.3541 8.83354 13.3541Z' fill='%23B10D10'/%3E%3C/svg%3E%0A");
}

.dstest__card__box__txt--time:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_526_2243)'%3E%3Cpath d='M9.99968 0.833252C8.18668 0.833252 6.4144 1.37087 4.90695 2.37811C3.3995 3.38536 2.22459 4.817 1.53078 6.49199C0.83698 8.16698 0.655449 10.0101 1.00915 11.7882C1.36284 13.5664 2.23589 15.1998 3.51787 16.4817C4.79985 17.7637 6.43319 18.6368 8.21135 18.9904C9.98951 19.3441 11.8326 19.1626 13.5076 18.4688C15.1826 17.775 16.6142 16.6001 17.6215 15.0926C18.6287 13.5852 19.1663 11.8129 19.1663 9.99992C19.1635 7.56965 18.1968 5.23974 16.4783 3.52127C14.7599 1.80281 12.4299 0.836119 9.99968 0.833252ZM9.99968 17.4999C8.51632 17.4999 7.06627 17.0601 5.8329 16.2359C4.59953 15.4118 3.63824 14.2405 3.07058 12.87C2.50292 11.4996 2.3544 9.9916 2.64379 8.53674C2.93318 7.08188 3.64748 5.74551 4.69638 4.69662C5.74527 3.64772 7.08164 2.93342 8.5365 2.64403C9.99136 2.35464 11.4994 2.50316 12.8698 3.07082C14.2402 3.63848 15.4116 4.59977 16.2357 5.83314C17.0598 7.06651 17.4997 8.51656 17.4997 9.99992C17.4973 11.9883 16.7063 13.8945 15.3003 15.3005C13.8943 16.7065 11.9881 17.4975 9.99968 17.4999Z' fill='%23B10D10'/%3E%3Cpath d='M10.8337 9.65508V5.00008C10.8337 4.77907 10.7459 4.56711 10.5896 4.41083C10.4333 4.25455 10.2213 4.16675 10.0003 4.16675C9.77931 4.16675 9.56735 4.25455 9.41107 4.41083C9.25479 4.56711 9.16699 4.77907 9.16699 5.00008V10.0001C9.16704 10.2211 9.25487 10.433 9.41116 10.5892L11.9112 13.0892C12.0683 13.241 12.2788 13.325 12.4973 13.3231C12.7158 13.3212 12.9248 13.2336 13.0793 13.0791C13.2338 12.9246 13.3215 12.7156 13.3234 12.4971C13.3253 12.2786 13.2413 12.0681 13.0895 11.9109L10.8337 9.65508Z' fill='%23B10D10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_526_2243'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.dstest__card__box__txt--user:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0147 9.27363C14.2945 8.34031 15.1278 6.82984 15.1278 5.1282C15.1278 2.30051 12.8273 0 9.99961 0C7.17191 0 4.87141 2.30051 4.87141 5.1282C4.87141 6.82984 5.70473 8.34031 6.98449 9.27363C3.80324 10.491 1.53809 13.5754 1.53809 17.1795C1.53809 18.7347 2.80336 20 4.35859 20H15.6406C17.1959 20 18.4611 18.7347 18.4611 17.1795C18.4611 13.5754 16.196 10.491 13.0147 9.27363ZM6.40988 5.1282C6.40988 3.14883 8.02023 1.53848 9.99961 1.53848C11.979 1.53848 13.5893 3.14883 13.5893 5.1282C13.5893 7.10758 11.979 8.71797 9.99961 8.71797C8.02023 8.71797 6.40988 7.10758 6.40988 5.1282ZM15.6406 18.4615H4.35859C3.65168 18.4615 3.07656 17.8864 3.07656 17.1795C3.07656 13.362 6.18219 10.2564 9.99965 10.2564C13.8171 10.2564 16.9227 13.362 16.9227 17.1795C16.9227 17.8864 16.3476 18.4615 15.6406 18.4615Z' fill='%23B10D10'/%3E%3C/svg%3E%0A");
}

.dstest__card__title {
  color: var(--Blue, #273E8A);
  font-size: 1.25rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: "UTM Helve Bold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.dstest__card__title:before {
  content: "";
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_526_2193)'%3E%3Cmask id='mask0_526_2193' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='21'%3E%3Cpath d='M0 0.00439644H20V20.0044H0V0.00439644Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_526_2193)'%3E%3Cpath d='M7.27594 4.61206H6.70883C6.44355 4.61206 6.22852 4.39702 6.22852 4.13175V2.59237C6.22852 2.3271 6.44355 2.11206 6.70883 2.11206H7.27594' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.22852 3.36206H7.12668' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.74949 2.11206H9.2998C8.95461 2.11206 8.6748 2.39187 8.6748 2.73706C8.6748 3.08226 8.95461 3.36206 9.2998 3.36206H9.34539C9.69055 3.36206 9.97039 3.64187 9.97039 3.98706C9.97039 4.33226 9.69055 4.61206 9.34539 4.61206H8.6748' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.4043 2.11206V4.61206' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75977 2.11377H5.04883' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9238 2.11206V4.61206' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2793 2.11377H12.5684' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6641 11.2136V18.6746C15.6641 19.1923 15.2443 19.6121 14.7266 19.6121H1.60156C1.08379 19.6121 0.664062 19.1923 0.664062 18.6746V1.33081C0.664062 0.813037 1.08379 0.393311 1.60156 0.393311H14.7266C15.2443 0.393311 15.6641 0.813037 15.6641 1.33081V6.56519' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.70508 8.51831H3.14258V6.95581H4.70508V8.51831Z' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.25391 8.51831H11.4688' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.70508 12.5808H3.14258V11.0183H4.70508V12.5808Z' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.25391 12.5808H12.2534' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.70508 16.6433H3.14258V15.0808H4.70508V16.6433Z' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.25391 16.645H9.6084' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8134 5.59697L13.4486 14.8892L11.1719 16.645L11.5542 13.7954L17.295 3.85201C17.597 3.32889 18.2659 3.14963 18.7891 3.45166C19.3122 3.75369 19.4914 4.42264 19.1894 4.94576L18.8134 5.59697Z' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3379 14.8235L11.5996 13.8199' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8134 5.59497L16.9189 4.50122' stroke='%23273E8A' stroke-width='0.78125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_526_2193'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.dstest__card__txt {
  color: rgba(39, 62, 138, 0.8);
  font-size: 14px;
  font-family: "UTM Helve Regular", sans-serif;
  line-height: 1;
  text-transform: uppercase;
}

.dstest__card__btn {
  min-width: 112px;
  border-radius: 8px;
  text-transform: inherit;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dstest__card__btn--left {
  background: #E4F2F8;
  font-family: "UTM Helve Regular", sans-serif;
  color: var(--Blue-P, #199BD3);
}

.dstest__card__btn--right {
  background: var(--Blue, #273E8A);
  font-family: "UTM Helve Bold", sans-serif;
  gap: 4px;
}

.dstest__card__btn--right:after {
  position: relative;
  top: 2px;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99965 12.6666C5.86723 12.6674 5.73758 12.6287 5.62724 12.5555C5.51689 12.4823 5.43084 12.3779 5.38006 12.2556C5.32929 12.1333 5.31608 11.9987 5.34213 11.8688C5.36817 11.739 5.43229 11.6199 5.52631 11.5266L9.05965 7.99996L5.52631 4.47329C5.40078 4.34776 5.33025 4.1775 5.33025 3.99996C5.33025 3.91205 5.34757 3.82501 5.38121 3.74379C5.41485 3.66258 5.46415 3.58879 5.52631 3.52663C5.58847 3.46447 5.66226 3.41516 5.74348 3.38152C5.82469 3.34788 5.91174 3.33057 5.99965 3.33057C6.17718 3.33057 6.34744 3.40109 6.47298 3.52663L10.473 7.52663C10.5971 7.65154 10.6668 7.8205 10.6668 7.99663C10.6668 8.17275 10.5971 8.34172 10.473 8.46663L6.47298 12.4666C6.41124 12.5296 6.33761 12.5797 6.25636 12.6141C6.17511 12.6484 6.08785 12.6663 5.99965 12.6666Z' fill='white'/%3E%3C/svg%3E%0A");
}

.tailieu__banner {
  background: var(--tailieu-bg) no-repeat bottom center;
  background-color: #273E8A;
  background-size: contain;
}

@media (min-width: 960px) {
  .tailieu__banner {
    min-height: 200px;
  }
}

.tailieu__title {
  color: #000;
  font-size: calc(1.275rem + 0.3vw);
  font-family: "UTM Helve Bold", sans-serif;
}

@media (min-width: 1200px) {
  .tailieu__title {
    font-size: 1.5rem;
  }
}

.tailieu__tab>*>* {
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.04) !important;
  font-size: 1.125rem;
  font-family: "UTM Helve Bold", sans-serif;
  text-transform: inherit !important;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px !important;
}

.tailieu__tab>*.uk-active>* {
  background: #E0F6FF !important;
  color: var(--Blue-P, #199BD3) !important;
}

.tailieu__card {
  padding: 12px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.tailieu__card__img {
  border-radius: 6px;
}

.tailieu__card__title {
  color: var(--Blue, #273E8A);
  font-size: 16px;
  font-family: "UTM Helve Bold", sans-serif;
}

.tailieu__card__title a {
  color: var(--Blue, #273E8A);
}

.tailieu__card__download {
  color: var(--Blue-P, #199BD3);
  font-size: 16px;
  font-family: "UTM Helve Regular", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.tailieu__card__download:after {
  content: "";
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1_134583)'%3E%3Cpath d='M15.7307 10.7309C15.5514 10.5515 15.3333 10.4617 15.077 10.4617H10.6154L9.30768 11.7693C8.93586 12.1282 8.49999 12.3078 8 12.3078C7.50011 12.3078 7.0641 12.1285 6.69232 11.7693L5.39425 10.4617H0.923065C0.666703 10.4617 0.448768 10.5516 0.269227 10.7309C0.08972 10.9103 0 11.1283 0 11.3848V14.4617C0 14.7181 0.08972 14.936 0.269227 15.1155C0.448735 15.2949 0.66667 15.3846 0.923065 15.3846H15.0771C15.3334 15.3846 15.5515 15.2949 15.7308 15.1155C15.9103 14.936 16 14.7181 16 14.4617V11.3848C16 11.1283 15.9103 10.9103 15.7307 10.7309ZM12.1252 13.9713C12.0032 14.0931 11.8589 14.1539 11.6923 14.1539C11.5256 14.1539 11.3815 14.0931 11.2596 13.9713C11.1379 13.8494 11.077 13.7053 11.077 13.5387C11.077 13.372 11.1379 13.2276 11.2596 13.106C11.3815 12.9841 11.5256 12.9231 11.6923 12.9231C11.8589 12.9231 12.0032 12.9841 12.1252 13.106C12.2468 13.2276 12.3077 13.372 12.3077 13.5387C12.3077 13.7052 12.2468 13.8494 12.1252 13.9713ZM14.5865 13.9713C14.4648 14.0931 14.3205 14.1539 14.1538 14.1539C13.9872 14.1539 13.843 14.0931 13.7212 13.9713C13.5995 13.8494 13.5386 13.7053 13.5386 13.5387C13.5386 13.372 13.5995 13.2276 13.7212 13.106C13.843 12.9841 13.9872 12.9231 14.1538 12.9231C14.3205 12.9231 14.4648 12.9841 14.5865 13.106C14.7084 13.2276 14.7693 13.372 14.7693 13.5387C14.7693 13.7052 14.7085 13.8494 14.5865 13.9713Z' fill='%23199BD3'/%3E%3Cpath d='M7.5677 10.8943C7.68315 11.016 7.82736 11.0768 8.00037 11.0768C8.17351 11.0768 8.31755 11.016 8.43304 10.8943L12.7408 6.5865C12.9394 6.40062 12.9844 6.17622 12.8754 5.9134C12.7666 5.66347 12.5774 5.53848 12.3081 5.53835H9.8465V1.23064C9.8465 1.064 9.78551 0.919757 9.66393 0.797975C9.54201 0.676159 9.39783 0.615234 9.23126 0.615234H6.76948C6.6029 0.615234 6.45866 0.676159 6.33681 0.797975C6.21506 0.919757 6.15414 1.06397 6.15414 1.23064V5.53838H3.6926C3.42323 5.53838 3.23423 5.6635 3.12524 5.91343C3.01633 6.17616 3.06115 6.40066 3.25992 6.58653L7.5677 10.8943Z' fill='%23199BD3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_134583'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tailieu__modal__w366 {
  max-width: 100%;
  width: 366px;
}

.tailieu__modal__imgCover {
  margin-top: -65px;
}

.tailieu__modal__title {
  font-size: 1.25rem;
  text-transform: uppercase;
  line-height: 1.6;
  font-family: "UTM Helve Bold", sans-serif;
  color: #fff;
  margin: 0;
}

.tailieu__modal__dialog {
  border-radius: 12px;
  border-bottom: 4px solid var(--Blue-P, #199BD3);
}

.tailieu__modal__header {
  border-radius: 12px 12px 0 0;
  padding: 20px;
  background: #199BD3 url(images/tailieu/Group_45453.png) center;
}

.tailieu__modal__close {
  color: #e4e4e4;
}

.tailieu__modal__close:hover {
  color: #fff;
}

.tailieu__modal__input {
  height: 48px;
  border-radius: 6px;
  border: 1px solid #199BD3;
  font-size: 14px;
  font-family: "UTM Helve Regular Italic", sans-serif;
}

@media (min-width: 960px) {
  .tailieu__modal__input {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.tailieu__modal__input::-webkit-input-placeholder {
  color: #AFAFAF;
}

.tailieu__modal__input::-moz-placeholder {
  color: #AFAFAF;
}

.tailieu__modal__input:-ms-input-placeholder {
  color: #AFAFAF;
}

.tailieu__modal__input::-ms-input-placeholder {
  color: #AFAFAF;
}

.tailieu__modal__input::placeholder {
  color: #AFAFAF;
}

.tailieu__modal__btnSend {
  line-height: calc(48px - 2px);
  border-radius: 6px;
  background: var(--Blue, #273E8A);
  text-transform: inherit;
  font-size: 16px;
  font-family: "UTM Helve Bold", sans-serif;
  max-width: 100%;
  width: 200px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

.tailieu__modal__btnSend:after {
  content: "";
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M15.7307 11.2309C15.5514 11.0515 15.3333 10.9617 15.077 10.9617H10.6154L9.30768 12.2693C8.93586 12.6282 8.49999 12.8078 8 12.8078C7.50011 12.8078 7.0641 12.6285 6.69232 12.2693L5.39425 10.9617H0.923065C0.666703 10.9617 0.448768 11.0516 0.269227 11.2309C0.08972 11.4103 0 11.6283 0 11.8848V14.9617C0 15.2181 0.08972 15.436 0.269227 15.6155C0.448735 15.7949 0.66667 15.8846 0.923065 15.8846H15.0771C15.3334 15.8846 15.5515 15.7949 15.7308 15.6155C15.9103 15.436 16 15.2181 16 14.9617V11.8848C16 11.6283 15.9103 11.4103 15.7307 11.2309ZM12.1252 14.4713C12.0032 14.5931 11.8589 14.6539 11.6923 14.6539C11.5256 14.6539 11.3815 14.5931 11.2596 14.4713C11.1379 14.3494 11.077 14.2053 11.077 14.0387C11.077 13.872 11.1379 13.7276 11.2596 13.606C11.3815 13.4841 11.5256 13.4231 11.6923 13.4231C11.8589 13.4231 12.0032 13.4841 12.1252 13.606C12.2468 13.7276 12.3077 13.872 12.3077 14.0387C12.3077 14.2052 12.2468 14.3494 12.1252 14.4713ZM14.5865 14.4713C14.4648 14.5931 14.3205 14.6539 14.1538 14.6539C13.9872 14.6539 13.843 14.5931 13.7212 14.4713C13.5995 14.3494 13.5386 14.2053 13.5386 14.0387C13.5386 13.872 13.5995 13.7276 13.7212 13.606C13.843 13.4841 13.9872 13.4231 14.1538 13.4231C14.3205 13.4231 14.4648 13.4841 14.5865 13.606C14.7084 13.7276 14.7693 13.872 14.7693 14.0387C14.7693 14.2052 14.7085 14.3494 14.5865 14.4713Z' fill='white'/%3E%3Cpath d='M7.5677 11.3943C7.68315 11.516 7.82736 11.5768 8.00037 11.5768C8.17351 11.5768 8.31755 11.516 8.43304 11.3943L12.7408 7.0865C12.9394 6.90062 12.9844 6.67622 12.8754 6.4134C12.7666 6.16347 12.5774 6.03848 12.3081 6.03835H9.8465V1.73064C9.8465 1.564 9.78551 1.41976 9.66393 1.29797C9.54201 1.17616 9.39783 1.11523 9.23126 1.11523H6.76948C6.6029 1.11523 6.45866 1.17616 6.33681 1.29797C6.21506 1.41976 6.15414 1.56397 6.15414 1.73064V6.03838H3.6926C3.42323 6.03838 3.23423 6.1635 3.12524 6.41343C3.01633 6.67616 3.06115 6.90066 3.25992 7.08653L7.5677 11.3943Z' fill='white'/%3E%3C/svg%3E");
}

.testoln__banner {
  background: var(--testonline-color) var(--testonline-bgurl) no-repeat center;
}

@media (min-width: 960px) {
  .testoln__banner {
    min-height: 400px;
  }
}

.testoln__title1 {
  background: url(images/testoln/Group-10.png) no-repeat center;
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: calc(1.325rem + 0.9vw);
  line-height: 1.5;
  font-family: "UTM Helve Bold", sans-serif;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .testoln__title1 {
    font-size: 2rem;
  }
}

@media (max-width: 639.98px) {
  .testoln__title1 {
    background-size: contain;
  }
}

.testoln__title1 span {
  position: relative;
}

.testoln__title1 span:before {
  content: "";
  width: 93px;
  height: 131px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -64px;
  left: -135px;
  background-size: contain;
  background: url(images/testoln/Group-9.png) no-repeat center;
  opacity: 0;
}

@media (min-width: 960px) {
  .testoln__title1 span:before {
    opacity: 1;
  }
}

.testoln__section {
  background: url(images/testoln/Frame_427322640.png) no-repeat top left, url(images/testoln/Group_164.png) no-repeat top right;
}

.testoln__item__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 140px;
  padding-right: 0px;
}

.testoln__item__img {
  min-height: 322px;
}

.testoln__item__title {
  font-size: calc(1.35rem + 1.2vw);
  line-height: 1.33;
  font-family: "UTM Helve Bold", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

@media (min-width: 1200px) {
  .testoln__item__title {
    font-size: 2.25rem;
  }
}

.lichkhaigiang__banner {
  background-color: var(--Blue, #273E8A);
}

@media (min-width: 960px) {
  .lichkhaigiang__banner {
    min-height: 400px;
  }
}

.lichkhaigiang__banner__txt .txt {
  -webkit-transform: rotate(-2.576deg);
  transform: rotate(-2.576deg);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: "UTM Helve Bold", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.lichkhaigiang__banner__txt .txt {
  font-size: 18px !important;
}

@media screen and (min-width: 640px) {
  .lichkhaigiang__banner__txt .txt {
    font-size: calc(18px + 14 * ((100vw - 640px) / 560)) !important;
  }
}

@media screen and (min-width: 1200px) {
  .lichkhaigiang__banner__txt .txt {
    font-size: 32px !important;
  }
}

.lichkhaigiang__banner__txt canvas {
  width: 240px;
}

@media (min-width: 960px) {
  .lichkhaigiang__banner__txt canvas {
    width: 390px;
  }
}

.lichkhaigiang__tab {
  margin-left: 0;
}

@media (min-width: 960px) {
  .lichkhaigiang__tab {
    margin-bottom: 60px;
  }
}

.lichkhaigiang__tab>li {
  padding-left: 0;
}

.lichkhaigiang__tab>li>a {
  background: #F5F0DF;
  border: none;
  color: #E92629;
  font-family: "UTM Helve Bold", sans-serif;
  min-height: 40px;
  height: 100%;
}

@media (min-width: 960px) {
  .lichkhaigiang__tab>li>a {
    min-height: 60px;
    font-size: 1.25rem;
  }
}

.lichkhaigiang__tab>li.uk-active>a {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#E92629), color-stop(145.95%, #C0181B));
  background: linear-gradient(180deg, #E92629 0%, #C0181B 145.95%);
  background: #E92629;
  position: relative;
}

.lichkhaigiang__tab>li.uk-active>a:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #E92629;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.lichkhaigiang__table {
  background-color: #fff;
}

.lichkhaigiang__table__btn {
  font-size: 14px;
  border-radius: 8px;
  background: var(--Red, #E92629);
  text-transform: inherit;
  padding: 0 16px;
  font-family: "Helvetica Neue Medium", sans-serif;
}

@media (min-width: 960px) {
  .lichkhaigiang__table__btn {
    font-size: 16px;
  }
}

.lichkhaigiang__table tr th {
  text-align: center;
  background: var(--Blue-P, #199BD3);
  color: #fff;
  font-family: "Helvetica Neue Medium", sans-serif;
}

@media (min-width: 960px) {
  .lichkhaigiang__table tr th {
    font-size: 1.25rem;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.lichkhaigiang__table tr td,
.lichkhaigiang__table tr th {
  border: 1px solid #DCDCDC;
  white-space: nowrap;
}

.lichkhaigiang__table tr td {
  font-size: 14px;
  color: #262626;
  font-family: "Helvetica Neue", sans-serif;
}

#table_kq_lichkhaigiang .post-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
  gap: 10px;
}

#table_kq_lichkhaigiang .post-list li {
  margin-bottom: 0;
}

#table_kq_lichkhaigiang .post-list a {
  padding: 10px 12px;
  border: solid 1px #707070;
  border-radius: 8px;
  color: #707070;
  display: flex;
  height: 40px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
}

#table_kq_lichkhaigiang .post-list a.active,
#table_kq_lichkhaigiang .post-list a:hover {
  background-color: #273E8A;
  color: #fff;
  border: solid 1px #273E8A;
}

#table_kq_lichkhaigiang .post-list li:not(:first-child) {
  /* margin-left: 10px; */
}

@media (min-width: 960px) {
  .lichkhaigiang__table tr td {
    font-size: 16px;
  }
}

.page-lich-khai-giang .block1__bg {
  margin-top: -30px;
}


/*////////////////////*/
.khoahoc-head {
  position: relative;
  text-align: center;
  top: 0;
  overflow: hidden;
}

.khoahoc-head .iconKh {
  position: absolute;
  top: 0;
}

.khoahoc-arr-title {
  width: auto;
  display: inline-block;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  padding-top: 80px;
}

.khoahoc-arr-title .title::after {
  margin-left: auto;
  margin-right: auto;
}

.khoahoc-head .iconLeft {
  left: 0;
}

.khoahoc-head .iconRight {
  right: 0;
}

.khoahoc-head .iconLeft1 {
  right: 100%;
}

.khoahoc-head .iconRight1 {
  left: 100%;
  top: unset;
}

/**/
.item-khoahoc {
  padding: 20px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
}

.item-khoahoc:hover {
  box-shadow: 0px 1px 12px 0px rgba(20, 55, 95, 0.32);
}

.img-khoahoc {
  margin-bottom: 25px;
  border-radius: 6px;
}

.img-khoahoc img {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 265 / 200;
  border-radius: 6;
}

.khoahoc-title {
  display: flex;
  align-items: first baseline;
}

.khoahoc-title .title {
  color: #262626;
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.khoahoc-title::after {
  content: "";
  background-color: #ED1C24;
  flex: 1;
  height: 2px;
  display: block;
  margin-left: 5px;
}

.info-khoahoc {
  color: rgba(38, 38, 38, 0.80);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.info-khoahoc p {
  color: rgba(38, 38, 38, 0.80);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.attr-khoahoc {
  padding-top: 16px;
  border-top: 1px solid #EEE;
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}

.attr-khoahoc li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.attr-khoahoc li label {
  flex: 1;
  padding: 0 5px;
}

.attr-khoahoc li span {
  color: #262626;
}

.related-post .related-title {
  color: #273E8A;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

.related-post .related-title::after {
  content: "";
  background-color: #ED1C24;
  height: 4px;
  width: 80px;
  margin: 16px auto 20px;
  display: block;
}

.related_khoahoc .khoahoc-last {
  margin-top: 40px;
}

.item-khoahoc .price {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.price .amount {
  color: #ED1C24;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.price del {
  color: rgba(38, 38, 38, 0.40);
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}

.price ins {
  text-decoration: none;
  margin-left: 5px;
}

.khoahoc-last .price del {
  display: block;
  font-style: italic;
}

.read-khoahoc {
  display: block;
  background-color: transparent;
  border-radius: 12px;
  padding: 12px;
  text-align: center;
  transition: .2s all;
  background-color: #E3322C;
  color: #fff;
}

.item-khoahoc:hover .read-khoahoc {}

.item-khoahoc:hover .read-khoahoc svg path {
  fill: #fff;
}

/*single khoahoc*/
.singleKhoahoc-head {
  background-color: #273E8A;
  padding: 40px 0;
}

#breadcrumbs,
#breadcrumbs a {
  color: #fff;
}

.breadcrumb_last {
  color: #F3D670;
}

.singleKhoahoc-box1 {
  position: relative;
}

.singleKhoahoc-head-wrap {
  max-width: 690px;
  color: #fff;
}

.singleKhoahoc-head-wrap p {
  color: #fff;
}

@media only screen and (min-width: 991px) {
  .singleKhoahoc-box .main-head h1 {
    font-size: 32px;
    color: #FFF;
    font-size: 32px;
    font-weight: 700;
  }
}

.single-attr-kh {
  margin-top: 40px;
}

.main-head .tac-gia img {
  min-height: unset;
  width: unset;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  border: 2px solid #999;
  margin-right: 16px;
}

.tac-gia {
  display: flex;
  align-items: center;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 20px;
}

.lich-su svg {
  margin-right: 12px;
}

.singleKhoahoc-box1 img.arrow-down {
  position: absolute;
  bottom: -50px;
  right: 20%;
}


.sidebar-khoahoc {
  width: 28%;
  float: left;
  margin-right: 2%;
}

/**/
.singleKhoahoc-left {
  position: relative;
}

.singleKhoahoc-left .banner img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

.sticky-up {
  top: 70px !important;
}

.tablinks {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #D9D9D9;
  background-color: #FFF;
  position: sticky;
  top: 0;
  transition: .3s all;
}

.tablinks li {
  list-style: none;
  padding: 0 20px;
  margin: 0;
}

.tablinks li:first-child {
  padding-left: 0;
}

.tablinks li a {
  display: block;
  padding: 14px 0;
  border-bottom: 2px solid transparent;
}

.tablinks li:hover a,
.tablinks li.active a {
  color: #14375F;
  border-color: #14375F;
  font-weight: 600;
}

.item-tab {
  padding-top: 40px;
}

.item-tab ul li strong {
  color: #ED1C24;
  text-transform: uppercase
}

.single-content-khoahoc .khoahoc-title .title {
  font-size: 28px;
}

.single-content-khoahoc .khoahoc-title::after {
  max-width: 80px;
  border-radius: 50px;
}

.content-tab-text {
  background-color: #FAFAFA;
  padding: 20px;
}

.content-tab-video {
  border-radius: 12px;
  background: #FCFCFC;
  padding: 20px;
  max-height: 908px;
  overflow: auto;
}

.item-phan {
  margin-bottom: 8px;
}

.item-phan .phan-title {
  border-radius: 8px;
  background: #EAEAEA;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  color: rgba(38, 38, 38, 0.60);
  cursor: pointer;
}

.item-phan .phan-title h3 {
  color: #14375F;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  flex: 1;
  padding: 0 12px;
  margin: 0;
}

.phan-title i {
  font-size: 22px;
  transition: .3s all;
}

.item-phan ul {
  list-style: none;
  display: none;
  padding: 20px;
  margin: 0;
}

.item-phan ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #262626;
  font-weight: 400;
  text-decoration: none;
}

.item-phan ul li a .title {
  flex: 1;
  padding: 0 12px;
}

.item-phan .phan-title.active {
  border-radius: 8px 8px 0px 0px;
  background: #314788;
}

.item-phan .phan-title.active,
.item-phan .phan-title.active h3 {
  color: #fff;
}

.item-phan .phan-title.active i {
  transform: rotate(180deg);
}

/**/
.singleKhoahoc-sidebar {
  position: sticky;
  margin-left: 20px;
  top: 0;
  transition: .3s all;
  z-index: 1;
}

.singleKhoahoc-right {
  fill: #F8FBE5;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
}

@media only screen and (min-width: 901px) {
  .singleKhoahoc-right {
    margin-top: -280px;
  }
}

.single-info-khoahoc {
  padding: 0 20px 20px;
}

.singleKhoahoc-video-nb {
  position: relative;
}

.singleKhoahoc-video-nb .playIcon {
  color: #ED1C24;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -51%);
  background-color: #ffffff5c;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.singleKhoahoc-video-nb .playIcon i {
  background-color: #ffffffe3;
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.singleKhoahoc-right .zoom-img img {
  width: 100%;
  aspect-ratio: 3/1.6;
  object-fit: cover;
}

.singleKhoahoc-right ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.singleKhoahoc-right ul li {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.singleKhoahoc-right ul li span {
  color: #000;
  margin-left: 5px;
}

.singleKhoahoc-right .price {
  display: block;
  margin: 20px 0;
  color: #3C3333;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}

.singleKhoahoc-right .btn-khoahoc {
  height: 48px;
  display: block;
  margin: 10px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border: 1px solid #273E8A;
  color: #273E8A;
}

.singleKhoahoc-right .addtocart-khoahoc.btn-khoahoc {
  background: linear-gradient(180deg, #58B1E4 -59.37%, #273E8A 144.79%);
  color: #fff;
  border-color: transparent;
}

.buynow-khoahoc svg {
  margin-left: 5px;
}

.buynow-khoahoc svg path {
  fill: #273E8A;
}

.singleKhoahoc-attr {
  margin: 20px 0;
}

.content-tab-text li {
  margin-bottom: 10px;
}

/**/
.related_khoahoc {
  padding-top: 80px;
}


@media only screen and (max-width: 1100px) {
  .sticky-up {
    top: 0px !important;
  }
}

@media only screen and (max-width: 990px) {
  .list-post-khoahoc .col-mb {
    width: 33.3333%;
  }

  .price .amount {
    font-size: 18px;
  }

  .read-khoahoc {
    padding: 8px;
  }

  /**/
  .main-head h1 {
    font-size: 26px;
  }

  .tac-gia {
    font-size: 16px;
  }

  /**/
  .item-tab h2 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
  }

  .item-tab {
    padding-top: 25px;
  }

  .tablinks {
    overflow: auto;
  }

  .tablinks li {
    padding: 0 10px;
    white-space: nowrap;
  }

  /**/
  .khoahoc-arr-title {
    margin-bottom: 20px;
    padding-top: 20px;
  }

  .khoahoc-head .iconLeft1,
  .khoahoc-head .iconRight1 {
    width: 80px;
  }

  .khoahoc-head .iconLeft {
    width: 50px;
  }
}

@media only screen and (max-width: 900px) {
  .tablinks-kh {
    width: 100%;
  }

  .tablinks-kh ul {
    padding: 10px;
    white-space: nowrap;
    overflow: auto;
  }

  .singleKhoahoc-box2 .col-mb {
    width: 100%;
  }

  .singleKhoahoc-sidebar {
    margin: 0;
  }

  /**/
  .item-khoahoc {
    padding: 10px;
  }

  .item-khoahoc,
  .img-khoahoc img {
    border-radius: 0 20px 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  .list-post-khoahoc .col-mb {
    width: 50%;
  }

  .khoahoc-title .title {
    font-size: 18px;
  }

  .price .amount,
  .khoahoc-title {
    font-size: 16px;
  }

  .info-khoahoc p {
    font-size: 14px;
    line-height: 20px;
  }

  .info-khoahoc {
    font-size: 14px;
    line-height: 18px;
  }

  /**/
  .single-content-khoahoc .khoahoc-title .title {
    font-size: 18px;
    line-height: 25px;
  }

  .content-tab-text {
    padding: 10px;
  }

  .item-tab .content-tab-text h3 {
    font-size: 17px !important;
    line-height: 20px;
  }

  .content-tab-video {
    padding: 10px;
  }

  .item-phan .phan-title h3 {
    font-size: 15px;
    line-height: 22px;
  }

  /**/
  .tablinks-kh li span {
    font-size: 15px;
    padding: 10px 20px;
  }

  /**/
  .singleKhoahoc-right .price {
    margin: 20px 0;
  }

  .btn-dkikh {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 640px) {
  .main-head h1 {
    font-size: 22px;
  }

  .search-khoahoc img {
    right: 0;
    width: 80px;
  }

  .related_khoahoc {
    padding-top: 20px;
  }

  /**/
  .item-phan .phan-title {
    padding: 10px;
  }

  .content-tab-video {
    padding: 0px;
  }

  .singleKhoahoc-right .price {
    margin: 10px 0;
    font-size: 22px;
  }

  .single-info-khoahoc {
    padding: 0 10px 10px;
  }

  .singleKhoahoc-right ul li:last-child {
    margin-bottom: 0;
  }

  .uk-logo img {
    max-width: 200px;
  }
}

@media only screen and (max-width: 414px) {
  .list-post-khoahoc .col-mb {
    width: 100%;
  }
}

/*menu mobile*/
/**/
.main-menu {
  font-size: 13px;
}

.main-menu * {
  box-sizing: border-box;
}

.main-menu ul {}

.header-logo a {
  display: block;
}

.header-logo a img {
  max-height: 80px;
  object-fit: contain;
}

.main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}

.main-menu .menu-primary>ul {
  display: flex;
  flex-wrap: wrap;
}

.main-menu ul li {
  position: relative;
  margin: 0;
}

.main-menu ul li {
  /*padding: 0 40px;*/
}

.main-menu ul li a {
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

.main-menu .menu-primary>ul>li:first-child {
  padding-left: 0;
}

@media only screen and (min-width: 1101px) {
  .main-menu .menu-primary>ul>li::after {
    background-color: #ee353e;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 5;
    bottom: -4px;
    margin-left: -4px;
    left: 50%;
    pointer-events: none;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #ee5b54;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

  }

  .main-menu .menu-primary>ul>li:hover::after,
  .main-menu .menu-primary>ul>li.current-item::after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/*submenu*/
.main-menu a:hover {
  color: #ee353e;
}

.main-menu .menu-primary>ul>li {
  min-height: 35px;
  line-height: 35px;
  margin-right: 50px;
}

.has-children>i {
  display: none;
}

.main-menu ul li {
  position: relative;
}

ul.sub-menu::before {
  position: absolute;
  top: -9px;
  left: 20px;
  /*content: "";*/
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

ul.sub-menu {
  position: absolute;
  display: none;
  background-color: #fff;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));
  min-width: 250px;
  padding: 10px 0;
}

@media only screen and (min-width: 1100px) {
  li:hover>ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
  }
}

ul.sub-menu li {
  margin-bottom: 10px;
}

ul.sub-menu li a {
  padding: 0 20px;
  min-height: 35px;
  display: block;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #000;
  font-weight: normal;
}

@media screen and (min-width: 769px) {
  ul.sub-menu li:not(:last-child)>a::after {
    content: ' ';
    display: block;
    position: absolute;
    left: 1.5em;
    right: 1.5em;
    bottom: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
  }
}

ul.sub-menu li a:hover {
  color: #ee353e !important;
}

/**/
.main-menu .menu-toggle {
  display: none;
}

@media only screen and (max-width: 959px) {
  .menu-opend {
    z-index: 999;
  }

  .main-menu .menu-toggle {
    display: block;
    background: linear-gradient(180deg, #ee353e 0%, #ee353e 100%);
    border: 0;
    box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
  }

  .main-menu .menu-toggle::after {
    position: fixed;
    width: 100%;
    height: 99999px;
    content: "";
    top: 0;
    left: 0;
    opacity: 0.5;
    background: black;
    cursor: pointer;
    z-index: 9999999998;
  }

  .main-menu {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }

  .main-menu:not(.active) .menu-toggle::after {
    display: none;
  }

  .main-menu .menu-primary {
    position: fixed;
    width: 300px;
    max-width: 90%;
    height: 100vh;
    max-height: 100vh;
    top: 0;
    box-sizing: border-box;
    transition: left 200ms ease-in-out, right 200ms ease-in-out;
    overflow: auto;
    z-index: 9999999999;
    overscroll-behavior: contain;
    left: -300px;
    background-color: #fff;
  }

  .main-menu.active .menu-primary {
    left: 0;
  }

  .main-menu ul li {
    line-height: 35px;
    font-size: 14px;
    width: 100%;
  }

  .main-menu ul li a {
    padding: 0 10px;
    color: #262626;
    display: block;
  }

  .main-menu .menu-primary>ul {
    display: block;
    padding: 0;
  }

  ul.sub-menu {
    width: 100%;
    background-color: #fff;
    z-index: 1;
    position: unset;
  }

  .has-children i {
    display: block;
    color: #333;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 35px;
    text-align: right;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: .3s all;
  }

  .has-children.active i::before {
    content: "\f068";
  }

  /**/
  .header-cart a {
    height: 33px;
    width: 36px;
  }

  .header-search {
    padding-left: 40px;
    order: -1;
  }

  .header-logo a img {
    max-height: 90px;
  }

  .header-top ul {
    display: none;
  }

  .header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  body:not(.home) .header-mxh a,
  body.home .menu-primary .header-mxh a {
    color: #000 !important;
  }

  /**/
  .main-menu .menu-primary>ul>li {
    min-height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #ccc;
    /*    padding-left: 15px !important;*/
  }

  ul.sub-menu {
    /*    margin-left: -8px;*/
  }

  .main-menu ul li {
    border-bottom: 1px dashed #ccc;
    line-height: 45px;
  }

  .main-menu ul li:last-child {
    border-bottom: none !important;
  }

  ul.sub-menu li a {
    padding-left: 15px;
  }

  /*  */
  .header__top__btnLogin {
    height: 32px;
    width: 35px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .header__top__btnLogin.header__top__btnCart::before {
    display: none;
  }

  .header-right-moblie {
    grid-gap: 5px;
  }
}

/**/
@media only screen and (max-width: 1300px) {
  .list-sach-vd {
    right: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 126px;
    box-sizing: border-box;
    margin-left: 0;
    padding-bottom: 17px;
  }

  .item-sach-vd .content-vd {
    font-size: 24px;
    width: auto;
    height: 102px;
    flex: 1;
  }

  .main-sach-box1 .banner {
    display: none;
  }

  .item-sach-vd .num-vd {
    font-size: 50px;
  }

  .list-sach-vd {
    position: unset !important;
  }
}

@media only screen and (max-width: 1200px) {
  .main-qtrdki {
    padding: 0;
    margin-top: 0;
    background-image: none !important;
  }

  .item-qtr {
    width: 100%;
  }

  .item-qtr-none {
    display: none;
  }

  .item-qtr1 {
    background-color: #29becd;
  }

  .item-qtr2 {
    background-color: #175670;
  }

  .item-qtr3 {
    background-color: #f68d2f;
  }

  .item-qtr4 {
    background-color: #ee4657;
  }

  .item-qtr5 {
    background-color: #f1b31c;
  }

  .item-qtr6 {
    background-color: #1a608d;
  }

  .content-qtr {
    padding: 20px 10px 0;
  }

  .main-qtrdki .qtr-button {
    margin: 0 0 20px;
  }

  /**/
  .content-loiich {
    width: 71%;
    padding: 26px 36px 31px 20px;
  }
}

@media only screen and (max-width: 1100px) {
  .taisao__box {
    font-size: 16px;
  }

  .taisao__box1.taisao__box {
    top: 47px;
    left: 145px;
  }

  .taisao__box2.taisao__box {
    right: 155px;
    top: 34px;
  }

  .taisao__row2 {
    padding: 0 53px 0 8px !important;
  }

  .taisao__box5.taisao__box {
    left: 123px;
    bottom: 40px;
  }

  .taisao__box6.taisao__box {
    bottom: 78px;
    right: 120px;
  }

  /**/
  .gioithieu-khoahoc .icon {
    width: 150px;
  }
}

@media only screen and (max-width: 959px) {
  .hesinhthai__bg .icon-tt2 {
    top: -50px;
    width: 150px;
  }

  .hesinhthai__box h3 {
    font-size: 20px;
    background-size: 250px;
    padding: 7px 30px;
    margin-top: -35px;
  }

  .hesinhthai__box img {
    max-width: 200px;
  }

  /*  */
  .taisao__box,
  .taisao__box_wrap {
    position: unset !important;
  }

  .taisao__box_wrap .uk-grid {
    display: flex;
    margin: 0;
    box-sizing: border-box;
    justify-content: space-between;
  }

  .taisao__box {
    width: 49%;
    padding: 20px;
    background-color: red;
    border-radius: 50px;
    box-sizing: border-box;
    margin-bottom: 10px !important;
    text-align: left;
  }

  .taisao__box br {
    display: none;
  }

  .taisao__row2 {
    padding: 0 !important;
  }

  .taisao__box1 {
    background-color: #006681;
  }

  .taisao__box2 {
    background-color: #ffb90b;
  }

  .taisao__box3 {
    background-color: #00a9b9;
  }

  .taisao__box4 {
    background-color: #ff8d2a;
  }

  .taisao__box5 {
    background-color: #10be81;
  }

  .taisao__box6 {
    background-color: #f14258;
  }

  /**/
  .about__sumenh__boxquote {
    padding-bottom: 80px;
  }

  .about__trietly {
    padding-top: 120px;
  }

  .about__trietly__title {
    margin: 0;
  }

  .icon-docquyen {
    width: 100px;
  }

  /**/
  .item-content-taisao h3 {
    font-size: 22px;
  }

  .item-content-taisao p {
    font-size: 16px;
    line-height: 28px;
  }

  .tai_sao_box1 .uk-width-1-2 {
    width: 100%;
  }

  .tai_sao_box1>img {
    width: 80px;
  }

  /* */
  .hinhthuchoc_block {
    margin-top: -62px;
    padding-top: 100px;
  }

  .hinhthuchoc_title {
    font-size: 28px;
    padding: 49px 95px 25px;
    margin-bottom: 20px;
  }

  .hinhthuchoc_block>.uk-position-relative>img {
    width: 80px;
  }

  .uk-grid .item-hinhthuchoc h3 {
    font-size: 18px;
    padding: 13px 28px 37px;
  }

  .content-hinhthuchoc h5 {
    font-size: 16px;
  }

  /**/
  .khoahoccon-title h1 {
    font-size: 40px;
    line-height: 50px;
  }

  /*Footer*/
  .blockForm__sectionContent {
    padding-bottom: 45px;
  }

  .blockForm__sectionContent .uk-width-expand img {
    max-width: 465px;
    margin: 0 auto;
    display: block;
  }

  /**/
  .gioithieu-khoahoc .icon {
    width: 150px;
    bottom: -20px;
  }

  .gioithieu-khoahoc .uk-width-1-2 {
    width: 100%;
  }

  .right-gt-khoahoc {
    padding-left: 0;
    padding-top: 20px;
  }

  .khoahoc_con-dacdiem-wrap {
    padding: 50px;
  }

  /**/
  .list-lotrinh {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0px;
    margin-right: 0;
  }

  .item-lotrinh {
    margin-bottom: 25px;
    z-index: unset !important;
  }

  .list-lotrinh .kylan1,
  .list-lotrinh .item-lotrinh:first-child::after,
  .list-lotrinh .item-lotrinh:last-child::before {
    display: none !important;
  }

  .head-item-lotrinh {
    padding-left: 0;
    padding-top: 0;
    z-index: unset;
    background-image: none !important;
  }

  .head-item-lotrinh h3 {
    font-size: 18px;
    background-color: #417ec3;
    text-align: center;
    margin-bottom: 0;
    padding: 10px;
  }

  .item-lotrinh:nth-child(1) .head-item-lotrinh h3 {
    background-color: #417ec3;
  }

  .item-lotrinh:nth-child(1) .short-desc-lotrinh {
    background-color: #d4e8ff;
  }

  .item-lotrinh:nth-child(2) .head-item-lotrinh h3 {
    background-color: #5acde2;
  }

  .item-lotrinh:nth-child(2) .short-desc-lotrinh {
    background-color: #cef0f9;
  }

  .item-lotrinh:nth-child(3) .head-item-lotrinh h3 {
    background-color: #9ede5d;
  }

  .item-lotrinh:nth-child(3) .short-desc-lotrinh {
    background-color: #e0f1ce;
  }

  .item-lotrinh:nth-child(4) .head-item-lotrinh h3 {
    background-color: #ffc44b;
  }

  .item-lotrinh:nth-child(4) .short-desc-lotrinh {
    background-color: #ffe7b6;
  }

  .item-lotrinh:nth-child(5) .head-item-lotrinh h3 {
    background-color: #f15455;
  }

  .item-lotrinh:nth-child(5) .short-desc-lotrinh {
    background-color: #ffe3e2;
  }

  .item-lotrinh:nth-child(6) .head-item-lotrinh h3 {
    background-color: #cf33a4;
  }

  .item-lotrinh:nth-child(6) .short-desc-lotrinh {
    background-color: #f8daef;
  }

  /**/
  .short-desc-lotrinh {
    color: #273E8A;
    padding: 20px 10px;
  }

  .icon-up-lotrinh {
    left: 50%;
    transform: rotateX(180deg) translateX(-50%);
    z-index: 2;
  }

  .item-lotrinh .content-khoahoc {
    width: 100%;
    z-index: 3;
    box-sizing: border-box;
    padding: 10px;
  }

  /**/
  .khoahoconline-dacdiem {
    background-size: cover;
    padding-bottom: 40px;
  }

  .dacdiem-content {
    padding: 0 40px;
  }

  /**/
  .main-loiich {
    padding: 0;
  }

  .main-loiich .uk-width-1-2 {
    width: 100%;
  }

  .content-loiich {
    width: 79%;
    padding: 50px 184px 50px 150px;
  }

  /**/
  .list-sach-loiich {
    position: relative !important;
  }

  .main-loiich-sach>img {
    display: none;
  }

  .item-sach-loiich {
    display: flex;
    align-items: center;
    background-color: #cf364a;
    padding: 10px;
    color: #fff;
    font-size: 18px;
  }

  .item-sach-loiich p {
    flex: 1;
    padding-left: 20px;
    text-align: left;
    font-weight: bold;
  }

  .item-sach-loiich img {
    width: 70px;
    object-fit: contain;
    height: 68px;
  }

  .item-sach-loiich:nth-child(2) {
    background-color: #ecb13e;
  }

  .item-sach-loiich:nth-child(3) {
    background-color: #7dca94;
  }

  .item-sach-loiich:nth-child(4) {
    background-color: #599db5;
  }
}

@media only screen and (min-width: 811px) and (max-width: 959px) {

  /**/
  .item-vande:nth-child(1) {
    padding: 5% 8% 8%;
    width: 300px;
    height: 300px;
  }

  .item-vande:nth-child(2) {
    width: 270px;
    padding: 7%;
  }

  .item-vande:nth-child(7) {
    top: 5%;
    width: 250px;
    padding: 5% 7% 5% 5%;
  }

  .item-vande:nth-child(6) {
    width: 290px;
    height: 320px;
    padding: 5% 10% 5% 8%;
  }

  .item-vande:nth-child(5) {
    width: 261px;
    padding: 5% 6%;
  }

  .item-vande:nth-child(4) {
    width: 260px;
  }

  .item-vande:nth-child(3) {
    right: -55px;
    bottom: 20%;
    width: 261px;
    padding: 7%;
  }
}

@media only screen and (max-width: 810px) {
  .blockForm__sectionContent {
    padding-bottom: 0;
  }

  .blockForm::after {
    background-size: 100% 165px;
  }

  /**/
  .main-khoahoc_online-vande .bg {
    display: none;
  }

  .item-vande {
    background-color: #fff;
    padding: 20px;
    border-radius: 50px;
    margin-bottom: 20px;
    background-image: linear-gradient(143deg, #FF062C 14.26%, #C40077 85.01%) !important;
    font-size: 18px;
    color: #273E8A;
    font-weight: 700;
  }

  .item-vande p {
    background-color: #fff;
    border-radius: 50px;
    padding: 20px;
  }

  .item-vande:nth-child(2) {
    background-image: linear-gradient(113deg, #F15D24 30.98%, #F26B21 43.15%, #F6991B 88.05%) !important;
  }

  .item-vande:nth-child(3) {
    background-image: linear-gradient(135deg, #FFED00 31.61%, #FAC60C 54.95%, #F6991B 85.36%) !important;
  }

  .item-vande:nth-child(4) {
    background-image: linear-gradient(144deg, #92CA37 14.17%, #D3D726 85.79%) !important;
  }

  .item-vande:nth-child(5) {
    background-image: linear-gradient(153deg, #3D8B67 12.85%, #009894 87.13%) !important;
  }

  .item-vande:nth-child(6) {
    background-image: linear-gradient(135deg, #5EB5EB 15.35%, #39559E 84.66%) !important;
  }

  .item-vande:nth-child(7) {
    background-image: linear-gradient(169deg, #322D81 8.38%, #B91E69 92.47%) !important;
  }

  /**/
  .main-khoahoc_online-vande {
    margin-bottom: 0 !important;
  }

  .list-khoahoc {
    grid-template-columns: repeat(2, 1fr);
  }

  /**/
  .uudai-title h2 {
    font-size: 32px;
    line-height: 43px;
    padding: 15px 65px;
    background-size: contain;
  }

  .main-uudai {
    padding: 10px 0;
  }

  .item-uudai {
    width: auto;
    height: auto;
    margin: 10px 0;
    background-size: cover;
    padding: 20px 30px;
  }

  .uudai-col {
    width: 50%;
  }

  /* */
  .flash-card-box .uk-width-1-2 {
    width: 100%;
  }

  /**/
  .item-sach-vd .num-vd {
    font-size: 40px;
    width: 130px;
    height: 130px;
  }

  .item-sach-vd .content-vd {
    font-size: 20px;
    flex: 1;
    padding: 0 50px 0 60px;
  }

  .khoahoconline-video>.uk-position-relative>img {
    width: 50px;
  }

  .page-sach .khoahoconline-video-title h2 {
    margin-bottom: 0;
  }

  /**/

}

@media only screen and (max-width: 640px) {
  .uk-section-large {
    padding: 20px 0 !important;
  }

  .hesinhthai__bg .icon-tt2 {
    top: -100px;
  }

  .hesinhthai__box {
    position: unset;
    margin-top: 10px;
  }

  .hesinhthai__box .uk-grid {
    justify-content: center;
  }

  .uk-margin-xlarge-top {
    margin-top: 20px !important;
  }

  .taisao__box {
    width: 100%;
  }

  /**/
  .block1__phanhoi__card::before,
  .block1__phanhoi__card::after {
    width: 30px;
    height: 30px;
    background-size: contain;
  }

  .block1__phanhoi__card::before {
    top: -12px;
  }

  .block1__phanhoi__card::after {
    bottom: -12px;
  }

  .block1__bg .icon-sao {
    bottom: -10px;
    width: 80px;
  }

  /*  */
  .content-qtr h3 {
    font-size: 18px;
  }

  .qtrdangki_box img {
    width: 40px;
  }

  /**/
  .hinhthuchoc_title {
    font-size: 22px;
  }

  .item-hinhthuchoc .uk-card {
    max-width: 403px;
    margin: 0 auto;
  }

  .item-hinhthuchoc {
    width: 100%;
  }

  /**/
  .khoahoccon-title h1 {
    font-size: 22px;
    line-height: 30px;
  }

  /**/
  .khoahoc_con-dacdiem-wrap {
    padding: 50px 20px 0;
  }

  .lotrinh-title h2 {
    padding: 25px 65px 20px 42px;
  }

  .list-lotrinh {
    grid-template-columns: repeat(1, 1fr);
  }

  .item-lotrinh:nth-child(even) .content-khoahoc {
    right: 0;
    width: 100%;
  }

  /**/
  .khoahoconline-video-title h2 {
    background-size: cover;
    padding: 15px 10px;
  }

  .list-khoahoc {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

  /**/
  .khoahoconline-dacdiem>div {
    width: 100%;
  }

  .khoahoconline-dacdiem {
    background-size: unset;
  }

  .flash_card_page .khoahoconline-dacdiem {
    padding: 0;
  }

  /**/
  .loiich-title h2 {
    padding: 31px 67px 34px 112px;
    background-position: right;
    background-size: cover;
  }

  /**/
  .content-loiich {
    padding: 20px 100px;
  }

  .flash-card-title h2 {
    font-size: 22px;
  }

  .flash_card_page .khoahoconline-dacdiem {
    background-position: bottom right;
  }

  /**/
  .dacdiem-content {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 550px) {
  .khoahoconline-vande-title h2 {
    padding: 67px 21px 32px 94px;
  }

  .uudai-col,
  .blockForm__sectionContent .uk-width-expand img {
    width: 100%;
  }

  .item-uudai {
    padding: 20px 60px;
  }

  /**/
  .loiich-title h2 {
    padding-left: 30px;
    padding-right: 43px
  }

  /**/
  .content-loiich {
    width: 100%;
    padding: 20px 20px 10px;
  }

  .item-loiich {
    background-image: none !important;
    background-color: #f0a700;
    margin: 0;
  }

  .main-loiich .uk-width-1-2:nth-child(2) .item-loiich {
    background-color: #ff3648;
  }

  .main-loiich .uk-width-1-2:nth-child(3) .item-loiich {
    background-color: #0068a2;
  }

  .main-loiich .uk-width-1-2:nth-child(4) .item-loiich {
    background-color: #00aa56;
  }

  .khoahoconline-vande-title h2 {
    padding: 85px 25px 26px 25px;
    background-size: cover;
    display: block;
  }

  /**/
  .item-sach-loiich img {
    width: 50px;
    height: 55px;
  }

  .item-sach-loiich {
    padding: 10px;
    font-size: 16px;
  }

  .item-sach-loiich p {
    margin: 5px 0;
  }
}

/*box 9*/

.introduce-section-9-zigzag {
  position: relative;
  overflow: hidden;
  padding: 80px 0;

  /* Background styles - CHỈ ẢNH NỀN THÔI */
  /* <?php if (!empty($bg_image)):
                background: 
                    linear-gradient(rgba(255,255,255,<?php echo esc_attr($overlay_opacity); ?>), rgba(255,255,255,<?php echo esc_attr($overlay_opacity); ?>)),
                    url('<?php echo esc_url($bg_image); ?>') center/cover no-repeat fixed;
            <?php else: ?>
                background-color: <?php echo esc_attr($bg_color); ?>;
            <?php endif; */
}

/* Main title styles */
.main-title {
  font-size: 2.8rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 20px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.title-underline {
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #ff6b6b, #4ecdc4);
  margin: 0 auto;
}

/* Zigzag container */
.zigzag-container {
  position: relative;
  z-index: 2;
}

.zigzag-box {
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(50px);
  animation: slideInUp 0.8s ease-out forwards;
  position: relative;
}

.zigzag-box.left-align {
  transform: translateY(50px) translateX(-50px);
}

.zigzag-box.right-align {
  transform: translateY(50px) translateX(50px);
}

@keyframes slideInUp {
  to {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}

/* Box image styles */
.box-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.placeholder-image {
  width: 100%;
  height: 300px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 3rem;
  font-weight: bold;
}

/* Box title styles */
.box-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #e74c3c;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* Content box styles */
.content-box {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #555;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Simple hover effects */
.image-container:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;
}

.box-number:hover {
  transform: scale(1.1);
  transition: all 0.3s ease;
}

/* Decorative elements - SIMPLE */
.decorative-star {
  animation: starTwinkle 2s ease-in-out infinite alternate;
}

.decorative-rocket {
  animation: rocketFloat 1.5s ease-in-out infinite;
}

@keyframes starTwinkle {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(1.1);
    opacity: 1;
  }
}

@keyframes rocketFloat {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-8px);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .zigzag-box .uk-grid {
    flex-direction: column !important;
  }

  .content-container {
    padding: 20px 0 !important;
    text-align: center !important;
    margin-top: 30px;
  }

  .image-container {
    margin: 0 !important;
  }

  .box-number {
    position: static !important;
    margin: 20px auto 0 !important;
  }

  .main-title {
    font-size: 2rem !important;
  }
}