:root {
  --primary-color: #363636;
  --second-color: #fff;
  --third-color: #3366ff;
  --four-color: rgb(100, 0, 200);
  --five-color: rgb(250, 70, 234);
  --six-color: #00ccff;
  --seven-color: rgb(100, 0, 200, 0.5);
  --eight-color: rgb(233, 213, 254);
  --nine-color: rgb(233, 213, 254, 0.5);
  --ten-color: #00bfff;
  --eleven-color: #060e78;
  --twelve-color: rgb(127, 87, 172);
  --thirteen-color: #f1f1f1;
  --fourteen-color: rgba(255, 255, 255, 0.2);
  --fifteen-color: #ddd;
  --sixteen-color: rgb(128, 0, 255);
  --seventeen-color: #ff68ff;
  --eighteen-color: rgb(6, 14, 120);
  --nineteen-color: rgba(51, 102, 255, 0.512);
  --twenty-color: rgb(200, 200, 255);
  --twentyone-color: rgba(0, 191, 255, 0.483);
  --twentytwo-color: rgba(201, 51, 255, 0.424);
  --twentythree-color: #666;
  --twentyfour-color: #b0049c;
  --twentyfive-color: #2580dc;
  --twentysix-color: #1000c3;
  --twentyseven-color: rgb(80, 180, 255);
  --twentyeight-color: #fd7529;
  --twentynine-color: rgb(51, 102, 255);
  --thirty-color: rgb(160, 67, 254);

  --background-color-1: rgba(0, 0, 0, 0.302);
  --background-color-2: rgba(0, 0, 0, 0.03);
  --background-color-3: rgb(77, 0, 155);
  --background-color-4: rgba(0, 0, 0, 0.5);
  --background-color-5: rgb(236, 217, 255);
  --background-color-6: rgba(100, 0, 200, 0.797);
  --background-color-7: rgba(100, 0, 200, 0.349);
  --background-color-8: rgba(100, 0, 200, 0.494);
  --background-color-9: rgb(209, 220, 254);
  --background-color-10: rgba(51, 102, 255, 0.14);
  --background-color-11: rgba(6, 14, 120, 0.453);
  --background-color-12: rgba(100, 0, 200, 0.593);
  --background-color-13: rgba(100, 0, 200, 0.233);
  --background-color-14: rgba(100, 0, 200, 0.448);
  --background-color-15: rgba(6, 14, 120, 0.523);
  --background-color-16: rgba(6, 14, 120, 0.297);
  --background-color-17: rgb(211, 233, 255);
  --background-color-18: rgb(239, 229, 249);
  --background-color-19: rgba(24, 0, 84, 0.552);
  --background-color-20: rgba(1, 8, 74, 0.645);
  --background-color-21: rgba(255, 255, 255, 0.291);
  --background-color-22: rgba(6, 14, 120, 0.651);
  --background-color-23: rgba(53, 1, 106, 0.477);
  --background-color-24: rgba(51, 102, 255, 0.157);
  --background-color-25: rgba(191, 0, 200, 0.157);
  --background-color-26: rgba(0, 0, 0, 0.3);
  --background-color-27: rgba(0, 0, 0, 0.064);
  --background-color-28: rgb(49 5 90 / 74%);

  --box-shadow-1: rgba(0, 0, 0, 0.2);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.h-100 {
  height: 100%;
}

.adm-glyphicon span {
  background: url("./img/setting.png");
  background-size: cover;
  width: 12px;
  height: 12px;
  display: block;
}

.wrap-img {
  display: block;
}

.img-100 {
  position: relative;
  height: 0;
  overflow: hidden;
  display: block;
}

.img-100 > img {
  object-fit: cover;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s linear;
}

html,
body {
  /* font-family: "SFCompactText", sans-serif; */
  font-family: "Roboto", sans-serif;
  color: var(--primary-color);
  font-weight: 300;
}

.wrap {
  max-width: 1380px;
  margin: 0 auto;
}

a,
a:focus,
a:hover {
  text-decoration: none;
  outline: none;
  color: var(--primary-color);
}

a {
  transition: all 0.2s linear;
}

.pcc {
  display: block !important;
}

.mbb {
  display: none !important;
}

p {
  margin-bottom: 0;
}

img {
  width: 100%;
}

.line {
  width: 70px;
  height: 6px;
  background: var(--five-color);
}

.un-col {
  padding-left: 0;
  padding-right: 0;
}

/* header */
.logo-header {
  padding: 0;
  margin: 0;
  line-height: 80px;
}

.logo-header img {
  max-width: 150px;
}

.main-menu {
  text-align: center;
}

.main-menu ul {
  margin-bottom: 0;
}

.main-menu li {
  position: relative;
  display: inline-block;
}

.main-menu li a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  padding: 27px 10px;
  transition: 0.3s linear;
  color: var(--third-color);
  transition: all 0.2s linear;
  z-index: 999;
  background-color: var(--second-color);
}

.header-wrap {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 99999;
  background-color: var(--second-color);
}

.header-affix.affix .main-menu li a {
  background-color: transparent;
}

.main-menu li:hover > a {
  color: var(--four-color);
}

.main-menu li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: var(--four-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}

.main-menu li:hover > a::after {
  opacity: 1;
  visibility: visible;
}

.main-menu li:hover .menu-child {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.menu-child {
  position: absolute;
  top: -200%;
  left: 0;
  min-width: 260px;
  padding: 20px;
  border: 2px solid var(--fifteen-color);
  background-color: var(--second-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s linear;
  z-index: 99;
}

.menu-child li {
  display: block;
  text-align: left;
}

.menu-child li a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: var(--twentythree-color);
}

.menu-child li a:hover {
  color: var(--four-color);
}

.menu-child li a:hover::after {
  display: none;
}

.login {
  text-align: center;
  line-height: 80px;
}

.login .btn-login {
  line-height: 41px;
  text-align: center;
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background-color: var(--third-color);
  color: var(--second-color);
  transition: all 0.2s linear;
}

.login .btn-login:hover::before {
  background-color: var(--four-color);
  /* color: var(--second-color); */
}

/* css btn left to right */
.btn-ltr {
  display: inline-block;
  cursor: pointer;
  position: relative;
}

span {
  /* display: inline-block; */
  position: relative;
  z-index: 9;
}

.btn-ltr::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: var(--four-color);
  opacity: 0;
  z-index: 8;
  transition: all 1s;
}

.btn-ltr:hover span {
  color: #fff;
}

.btn-ltr:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.btn-btt {
  display: inline-block;
  cursor: pointer;
  position: relative;
  background: linear-gradient(to right, #3420d7, #df3bba) !important;
}

.btn-btt::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: linear-gradient(to right, #13c0ff, #3420d7) !important;
  opacity: 0;
  z-index: 8;
  transition: all 1s;
}

.btn-btt:hover {
  color: #fff;
}

.btn-btt span {
  position: relative;
  z-index: 10;
}

.btn-btt:hover::before {
  bottom: 0;
  right: 0;
  opacity: 1;
}

.header-wrap.affix {
  /* position: fixed; */
  /* top: 0; */
  width: 100%;
}

.header-affix.affix {
  animation: headerdown 0.3s linear;
  position: fixed !important;
  width: 100%;
  z-index: 99999;
  top: 0;
  background-color: rgb(255 255 255 / 85%);
  box-shadow: 0 0 15px 1px var(--box-shadow-1);
}

.header-affix {
  position: fixed;
  top: -100%;
  width: 100%;
  z-index: 99;
  left: 0;
}

/* end header */

/* banner */
.banner-wrap {
  padding-top: 40px !important;
  min-height: 650px;
  padding-bottom: 50px !important;
  overflow: hidden;
  position: relative;
}

.banner-wrap::before {
  display: none;
}

.banner-wrap h2 {
  color: var(--second-color);
  font-size: 36px;
  margin-bottom: 16px;
  font-weight: 600;
}

.banner-wrap .banner-content {
  padding-top: 80px;
  font-size: 55px;
  color: var(--six-color);
  font-weight: 600;
  line-height: 66px;
  text-align: left;
  margin-top: 0;
}

.banner-wrap .banner-content p {
  font-size: 68px;
  line-height: 78px;
  /* margin: 14px 0; */
  font-weight: 700;
}

.banner-abs-wrap {
  margin-top: 60px;
  /* margin-left: 60px; */
}

.banner-btn {
  position: absolute;
  top: -68px;
  left: 15px;
}

.banner-btn a {
  /* position: absolute; */
  display: inline-block;
  padding: 14px 30px;
  line-height: 40px;
  text-align: center;
  color: var(--second-color);
  background: var(--third-color);
  font-size: 18px;
  font-weight: 600;
  /* bottom: 50px; */
  /* margin-top: 50px; */
  left: -15px;
}

.banner-title {
  text-align: right;
}

.banner-title p {
  text-transform: uppercase;
  font-size: 19px;
  line-height: 30px;
  color: var(--second-color);
}

.banner-title {
  position: absolute;
  top: 42%;
  right: 10%;
  transform: translateY(-50%);
}

/* end banner */

/* ss1-wrap */
.ss1-wrap {
  height: 404px;
  position: relative;
  z-index: 9;
  margin-top: -100px;
}

.ss1-wrap .wrap {
}

.ss1 {
  height: 404px;
  position: relative;
}

.ss1 > img {
  height: auto;
  object-fit: cover;
  height: 100%;
}

.ss1-content-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* overflow: hidden; */
}

.ss1-content-wrap .un-col {
  padding-left: 15px;
}

.ss1-left {
  height: 404px;
  background-color: var(--seven-color);
  color: var(--second-color);
  font-size: 24px;
  line-height: 32px;
  padding: 100px;
  background-size: 0;
  transform: translateX(200px);
  opacity: 0;
  visibility: hidden;
  transition: all 1s linear;
}

.ss1-content-wrap:hover .ss1-left {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ss1-content-left {
  overflow: hidden;
}

.ss1-content p {
  font-style: italic;
  font-size: 24px;
  line-height: 34px;
}

.ss1-right {
  height: 404px;
  position: relative;
  /* top: -103px; */
}

.ss1-right img {
  width: 420px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.ss1-content {
  margin-top: 30px;
}

/*  */
.ss2-wrap {
  position: relative;
  height: 700px;
  float: left;
  width: 100%;
  margin-top: -100px;
}

.ss2-left {
  width: 50%;
  position: relative;
  z-index: 1;
  float: left;
  height: 700px;
  overflow: hidden;
}

.ss2-left:hover img {
  transform: scale(1);
}

.ss2-left img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.3);
  transition: all 3s linear;
}

.ss2-left::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--background-color-21);
  left: 0;
  top: 0;
}

.ss2-right {
  float: left;
  background-color: rgb(217 227 255);
  width: 50%;
  height: 700px;
}

.ss2-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}

.ss2-text {
  position: absolute;
  bottom: 55px;
  right: 100px;
  max-width: 575px;
  z-index: 2;
  font-size: 20px;
  line-height: 36px;
  font-weight: 600;
  color: var(--second-color);
  /* padding: 28px 100px; */
  /* padding-left: 275px; */
  /* padding: 294px 0 50px; */
}

.ss2-text .line {
  margin-bottom: 15px;
}

.ss2-title {
  font-size: 40px;
  font-weight: 500;
  color: var(--four-color);
  margin-bottom: 200px;
  padding-left: 60px;
}

.ss2-title span {
  font-size: 50px !important;
  text-transform: uppercase;
}

.ss2-title p {
  font-size: 30px !important;
}

.ss2-btn a {
  display: inline-block;
  padding: 24px 30px;
  /* line-height: 46px; */
  text-align: center;
  color: var(--second-color);
  background: var(--third-color);
  font-size: 18px;
  font-weight: 600;
  transition: all 0.2s linear;
}

.ss2-btn a:hover::before {
  background-color: var(--four-color);
}

.ss2-btn a span {
  color: var(--second-color);
  position: relative;
  z-index: 10;
}

/* .ss2-btn a:hover {
    box-shadow: inset 0 0 0 100px var(--box-shadow-1);
  } */

.bg-00bfff {
  background-color: var(--ten-color) !important;
}

.bg-060e78 {
  background-color: #060e78 !important;
}

/*  */
.ss3-wrap {
  height: 650px;
  position: relative;
}

/* .ss3-wrap .wrap {
    max-width: 1650px;
  } */

.ss3-left {
  background: #6400c8;
  height: 650px;
  float: left;
  width: 50%;
}

.ss3-right {
  height: 650px;
  float: left;
  width: 50%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ss3-right:hover img {
  transform: scale(1);
}

.ss3-right::after {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgb(100, 0, 200, 0.5);
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

.ss3-right img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.3);
  transition: all 3s linear;
}

.ss3-content-wrap {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 0;
}

.ss3-title {
  font-size: 50px;
  color: rgb(0, 191, 255);
  margin-bottom: 50px;
  padding-top: 90px;
  margin-top: 0;
}

.ss3-title span,
.ss4-title span {
  font-size: 50px !important;
  text-transform: uppercase;
}

.ss3-title p,
.ss4-title p {
  font-size: 30px !important;
}

.ss3-content {
  margin-top: 20px;
  color: var(--second-color);
  font-size: 18px;
  line-height: 26px;
  padding-right: 237px;
}

.ss3-btn,
.ss4-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  /* margin-top: 100px; */
  text-align: right;
  z-index: 99;
  /* padding-right: 25px; */
}

.ss3-btn {
  transform: translateX(-100%);
}

.ss3-btn a,
.ss4-btn a {
  display: inline-block;
  padding: 14px 30px;
  text-align: center;
  color: var(--second-color);
  background: var(--third-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
}

.ss4-btn {
  left: 50%;
  right: auto;
}

.ss3-content-height {
  min-height: 650px;
}

/*  */
.ss4-wrap {
  position: relative;
  height: 700px;
}

.ss4-left-img {
  overflow: hidden;
  position: relative;
}

.ss4-left-img img {
  transition: all 3s linear;
}

.ss4-left-img:hover img {
  transform: scale(1.3);
}

.ss4-left {
  width: 50%;
  position: relative;
  z-index: 0;
  float: left;
  height: 700px;
}

.ss4-left img {
  height: 100%;
  object-fit: cover;
  min-height: 700px;
}

.ss4-right {
  float: left;
  background-color: rgb(217 227 255);
  width: 50%;
  height: 700px;
}

.ss4-content {
  position: absolute;
  left: 0;
  z-index: 9;
  width: 100%;
  top: 0;
  margin-top: 50px;
}

.ss4-text {
  font-size: 18px;
  color: white;
  padding-left: 120px;
  line-height: 26px;
  margin-top: 30px;
  padding-right: 310px;
}

.ss4-text p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.ss4-title {
  font-size: 40px;
  font-weight: 500;
  color: rgb(100, 0, 200);
  padding-right: 140px;
  padding-left: 120px;
  margin-top: 60px;
}

.ss4-sub {
  padding-left: 120px;
  padding-right: 140px;
  color: #6400c8;
  font-size: 14px;
  line-height: 14px;
  margin-top: 35px;
}

.ss4-sub p {
  margin-bottom: 14px;
  font-weight: 400;
}

.ss4-content .line {
  margin-top: 20px;
}

/*  */
.ss5-wrap {
  position: relative;
  background-position: center;
  background-size: cover;
  padding: 50px 0 50px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.ss5-wrap .ss5-img img {
  transition: all 3s linear;
}

.ss5-wrap:hover .ss5-img img {
  transform: scale(1.3);
}

.ss5-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -117%);
}

.ss5-wrap::after {
  content: "";
  position: absolute;
  background-color: var(--background-color-28);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ss5-wrap .wrap {
  position: relative;
  z-index: 2;
}

.ss5-title {
  font-size: 28px;
  color: var(--ten-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.36px;
}

.ss5-s2 {
  padding-top: 45px;
}

.ss5-s2 img {
  max-width: 200px;
  height: auto;
}

.ss5-s2 ul {
  margin-top: 15px;
}

.ss5-s2 ul li {
  display: inline-block;
  color: var(--second-color);
  font-size: 18px;
  line-height: 28px;
  padding: 0 10px;
  position: relative;
  font-weight: 500;
}

.ss5-s2 ul li + li {
  border-left: 1px solid #fa7dfa;
}

.ss5-s33-slide {
  margin: 150px 0 0;
}

.ss5-s33.owl-carousel .owl-item {
  text-align: center;
}

.ss5-s33.owl-carousel img {
  height: 90px;
  width: auto;
  margin: 0 auto;
}

/*  */
.ss6-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgb(202, 215, 252);
}

.ss6-wrap .wrap {
  max-width: 1580px;
}

.ss6-s1 {
  background-position: top;
  background-size: cover;
  padding: 180px 0px 250px;
  position: relative;
  min-height: 700px;
  z-index: 0;
  overflow: hidden;
}

.ss6-s1 img {
  height: 100%;
  object-fit: cover;
}

.ss6-s1:hover .ss6-s1-bg {
  transform: scale(1.1);
}

.ss6-s1::after {
  content: "";
  position: absolute;
  background-color: var(--background-color-28);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ss6-s1 > div {
  position: relative;
  z-index: 2;
}

.ss6-title {
  font-size: 44px;
  font-weight: 700;
  color: var(--ten-color);
  margin-bottom: 209px;
  line-height: 52px;
  text-align: center;
}

.ss6-s2-title .ss6-title {
  margin-bottom: 35px;
  margin-top: 0;
  color: var(--second-color);
  font-size: 20px;
  line-height: 38px;
  font-weight: 400;
  text-align: left;
}

.ss6-s1-bg {
  position: absolute !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0 !important;
  transition: all 3s linear;
}

.ss6-s1 .col-wrap {
  margin: 0 auto;
  float: none;
}

.ss6-content {
  margin-top: 25px;
  text-align: left;
}

.ss6-content p,
.ss6-content span {
  color: rgb(241, 241, 241);
  font-size: 18px !important;
  line-height: 26px;
  margin-bottom: 10px;
}

.ss6-btn {
  position: absolute;
  top: -70px;
  left: 0;
  text-align: center;
}

.ss6-btn a {
  display: inline-block;
  padding: 15px 30px;
  text-align: center;
  color: var(--second-color);
  background: var(--third-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
}

.ss6-s2 {
  position: relative;
  background-color: rgba(51, 102, 255, 0.6);
  padding: 30px 30px 20px;
  /* max-width: 1240px; */
  margin: 0 auto;
}

.tacgia-ss6 {
}

.brand-logo img {
  max-width: 200px;
  width: 100%;
  height: auto;
  object-fit: contain;
  padding: 0px 8px;
}

.brand-logo {
  text-align: center;
  height: 145px;
  line-height: 145px;
  /* padding-bottom: 20px; */
  margin-bottom: 20px;
}

/*  */
.ss7-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #060e78;
  color: white;
}

.ss7-wrap-2 {
  padding-left: 80px;
}

.ss7-sub-title {
  font-size: 22px;
  color: var(--ten-color);
  margin-bottom: 30px;
  margin-top: 100px;
}

.ss7-title {
  font-size: 50px;
  line-height: 58px;
  margin-bottom: 15px;
  font-weight: 700;
}

.ss7-title br {
  display: none;
}

.ss7-sub {
  font-size: 14px;
  color: var(--ten-color);
  margin-bottom: 50px;
}

.ss7-content {
  margin-top: 20px;
}

.ss7-content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
}

.ss7-btn {
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}

.ss7-btn a::before {
  background: linear-gradient(to right, #3420d7, #df3bba) !important;
}

.ss7-btn a {
  display: inline-block;
  padding: 15px 30px;
  text-align: center;
  color: var(--second-color);
  background: linear-gradient(to right, #13c0ff, #3420d7) !important;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  /* border: 1px solid var(--third-color); */
}

.ss7-btn a:hover::before {
  background: var(--four-color);
}

.ss7-btn-wrap {
  display: flex;
  justify-content: center;
}

.ss7-buy {
  text-align: center;
  display: block;
}

.ss7-buy svg {
  transform: translate(5px, 0px);
}

.ss7-buy a {
  display: inline-block;
  /* border: 1px solid var(--ten-color); */
  padding: 15px 30px;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: var(--second-color);
  line-height: 26px;
  transition: 0.2s linear;
  background-color: var(--twentysix-color);
}

.ss7-buy a:hover::before {
  background: var(--four-color);
}

/*  */
.ss8-wrap {
  padding: 50px 0;
  background-color: rgb(202, 215, 252);
}

.ss8-title {
  font-size: 40px;
  line-height: 56px;
  color: #6400c8;
  margin-bottom: 25px;
}

.ss8-btn {
  margin-top: 60pxpx;
}

.ss8-btn a {
  display: inline-block;
  padding: 15px 30px;
  text-align: center;
  color: var(--second-color);
  background: var(--third-color);
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
}

/*  */
.ss9-wrap {
  padding: 50px 0 100px 0;
}

.ss9-title {
  font-weight: 700;
  color: #6400c8;
  text-align: center;
  font-size: 30px;
  line-height: 56px;
  margin-bottom: 30px;
}

.ss9-content .faq-list,
.ss9-content .faq-list > li {
  list-style: none;
}

.ss9-content .faq-list > li {
  margin-bottom: 0;
}

.ss9-content .faq-list > li a {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-color);
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid var(--fifteen-color);
  margin-bottom: 20px;
  transition: 0.3s linear;
}

.ss9-content .faq-list > li a.collapsed {
  margin-bottom: 0;
  background-color: transparent;
  font-weight: normal;
  border-color: var(--fifteen-color);
}

.ss9-content .faq-list > li a.collapsed svg {
  transform: rotate(-90deg);
}

.ss9-content .faq-list > li a svg {
  position: absolute;
  right: 15px;
  top: 18px;
  transform: rotate(0deg);
  transition: all 0.3s linear;
  color: var(--four-color);
  margin-bottom: 1px;
}

.ss9-colap-content {
  margin: 0px 30px;
  font-size: 16px;
  line-height: 24px;
  color: var(--primary-color);
}

.ss9-colap-content p {
  margin-bottom: 10px;
  font-size: 18px;
}

.ss9-colap-content > div {
  padding: 0 30px 30px;
}

.ss9-colap-content ul,
.ss9-colap-content li {
  margin-bottom: 20px;
  list-style: disc;
}

.ss9-colap-content li {
  margin-bottom: 10px;
  font-size: 18px;
}

/*  */
.ss10-wrap {
  padding-bottom: 90px;
}

.ss10-wrap .wrap {
  max-width: 1230px;
}

.ss10-img {
  text-align: center;
  margin-bottom: 30px;
}

.ss10-img img {
  max-width: 250px;
}

.col-cus-right {
  padding-right: 0;
}

.col-cus-left {
  padding-left: 0;
}

.ss10-left ul li,
.ss10-right ul li {
  list-style: none;
}

.ss10-right-img,
.ss10-left-img {
  padding-right: 15px;
  text-align: right;
}

.ss10-right h3,
.ss10-left h3 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

.ss10-right li,
.ss10-left li {
  margin-bottom: 30px;
  color: var(--second-color);
}

.ss10-right,
.ss10-left {
  padding-top: 50px;
}

.ss10-right ul,
.ss10-left ul {
  padding: 0 30px;
}

.ss10-left img,
.ss10-right img {
  max-width: 125px;
}

.ss10-left .col-cus,
.ss10-right .col-cus {
  padding: 0;
}

.ss10-right {
  background: var(--third-color);
}

.ss10-left {
  background: rgb(100, 0, 200);
}

.ss10-right p,
.ss10-left p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}

.ss10-right img {
  width: 100%;
  max-width: 70px;
}

.ss10-btn {
  margin-top: 60px;
  text-align: right;
}

.ss10-right .ss10-btn {
  text-align: right;
}

.ss10-btn a {
  display: inline-block;
  padding: 15px 30px;
  text-align: center;
  color: var(--second-color);
  background: var(--third-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
}

/* .ss10-btn a:hover {
    box-shadow: inset 0 0 0 100px var(--box-shadow-1);
  } */

/*  */
/* footer */
.footer-wrap {
  padding: 50px 0;
  background-color: rgb(17, 1, 82);
}

.logo-footer {
  max-width: 230px;
}

.sub-logo-footer {
  font-size: 18px;
  margin-top: 20px;
  text-transform: uppercase;
  color: var(--ten-color);
  letter-spacing: 2px;
}

.footer-des {
  margin-top: 50px;
  color: var(--second-color);
}

.footer-des p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 24px;
}

.footer-des p a {
  color: var(--second-color);
}

.footer-social {
  margin-top: 30px;
  padding-top: 20px;
}

.footer-social a {
  color: var(--four-color);
  margin-right: 5px;
}

.copyright {
  padding: 10px 0;
  background-color: var(--eleven-color);
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: var(--twenty-color);
}

.footer-col-inner {
  float: left;
  width: calc(100% / 3);
  margin-right: 30px;
}

.footer-col-inner.last {
  width: 200px;
  margin-right: 0;
}

.footer-col-inner h4 {
  color: var(--second-color);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.bullet-arrow {
  list-style: none;
  margin-bottom: 0;
}

.bullet-arrow a {
  position: relative;
  font-size: 15px;
  line-height: 26px;
  padding: 10px 0;
  padding-left: 30px;
  display: block;
  border-bottom: 1px solid #6400c8;
  transition: 0.2s linear;
  color: var(--ten-color);
}

.bullet-arrow a:after {
  content: url("./img/icon-next3.png");
  position: absolute;
  top: 11px;
  left: 0;
}

.bullet-arrow a:hover {
  color: var(--ten-color);
}

/* -----------------------------niemtinthuonghieu2------------------------------------------ */
.banner-niemtin {
  position: relative;
  padding-top: 150px;
  /* padding-bottom: 100px; */
  overflow: hidden;
  height: calc(100vh - 200px);
}

.banner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  /* top: -50%; */
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.banner-niemtin::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--background-color-1);
}

.banner-bg img {
  width: 100%;
  height: 100%;
  transform: scale(1.3);
  object-fit: cover;
  transition: all 5s linear;
}

.banner-niemtin:hover .banner-bg img {
  transform: scale(1);
}

.niemtin-img img {
  max-width: 381px;
  transform: translate(99px, -9px);
}

.banner-niemtin h3 {
  text-align: center;
  font-size: 30px;
  line-height: 43px;
  text-transform: uppercase;
  color: var(--second-color);
  letter-spacing: 1.2px;
  margin-top: 0;
  transform: translateX(66px);
  font-weight: 200;
}

.banner-content {
  text-align: center;
  margin-top: 267px;
}

.banner-niemtin .wrap-cus {
  max-width: 1030px;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
}

.banner-content h1 {
  font-size: 68px;
  line-height: 68px;
  color: var(--seventeen-color);
  margin-bottom: 20px;
  font-weight: 700;
}

.banner-content h1 br {
  display: none;
}

.banner-content p {
  font-size: 30px;
  line-height: 48px;
  color: var(--ten-color);
}

/* ------------------------------------------niemtin------------------------------ */
.niemtin-content-1 {
  text-align: center;
  position: relative;
}

.niemtin-content-1 .wrap {
  position: relative;
}

.niemtin-content-1 .loitich-btn {
  right: 110px;
  bottom: 0;
}

.niemtin-content-1 .tacgia {
  left: 40%;
}

.niemtin-content-wrap {
  display: flex;
  position: relative;
  height: 404px;
  align-items: center;
  padding: 50px 40% 50px 50px;
  margin: -100px auto 0px auto;
  background-color: var(--four-color);
}

.niemtin-bg {
  position: absolute;
  bottom: 0;
  width: 400px;
  right: 180px;
}

.niemtin-content-wrap .content-1 {
  width: calc(100% - 100px);
  text-align: left;
  transform: translateX(-100px);
  opacity: 0;
  visibility: hidden;
  transition: all 1s linear;
}

.niemtin-content-wrap:hover .content-1 {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.niemtin-content-wrap .digital {
  width: 100px;
}
.content-1 p {
  font-size: 20px;
  line-height: 35px;
  /* margin-bottom: 24px; */
  color: var(--second-color);
  font-style: italic;
}

/* -----------------------------------------loiich--------------------------------------- */
.loiich {
  position: relative;
  min-height: 700px;
}

.title-main {
  padding-top: 70px;
  padding-right: 250px;
  padding-left: 126px;
  padding-bottom: 35px;
}

.title-main h2 {
  position: relative;
  color: var(--four-color);
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
/* 
.title-main h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 68px;
  height: 5px;
  background-color: var(--five-color);
} */

.title-main p {
  color: var(--primary-color);
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 0;
}

.loiich .loiich-content {
  padding-top: 0;
}

.loiich .loitich-btn {
  bottom: 0;
  top: auto;
  left: 50%;
  right: auto;
  background-color: var(--third-color);
}

.loiich .line {
  margin-bottom: 10px;
}

.loiich-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.loiich-bg img {
  width: 100%;
  height: 100%;
  transition: all 5s;
  position: relative;
  object-fit: cover;
}

.kiemdinh-2 .loiich-bg img {
  width: 100%;
  height: auto;
  transition: all 5s;
  top: -15%;
  position: relative;
}

.kiemdinh-2 .loitich-btn {
  transform: translateX(-100%);
}

.kiemdinh-2 .title-main {
  padding-left: 0;
}

.kiemdinh-2 .loiich-content p {
  color: var(--second-color) !important;
}

.kiemdinh-2 .loiich-content {
  color: var(--second-color);
}

.loiich-bg:hover img {
  transform: scale(1.3);
}

.loiich-content {
  padding-right: 250px;
  padding-left: 126px;
  padding-top: 70px;
  padding-bottom: 20px;
}

.loiich-content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
}

.loiich-item {
  float: left;
  width: 100%;
  list-style: none;
}

.loiich-item img {
  width: 90px;
  float: left;
  margin-right: 20px;
}

.loiich-item p {
  text-transform: uppercase;
  color: var(--four-color);
  font-size: 19px;
  line-height: 23px;
  float: left;
  width: calc(100% - 150px);
  margin-top: 19px;
}

.loitich-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--ten-color);
  color: var(--second-color);
  font-size: 18px;
  font-weight: 600;
  min-height: 60px;
  line-height: 40px;
  padding: 14px 30px;
}

.loitich-btn:focus {
  color: var(--second-color);
}

.loitich-btn:hover {
  color: var(--second-color);
  /* box-shadow: inset 0 0 0 100px var(--box-shadow-1); */
}

/* -------------------------------mucdich----------------------------------- */
.mucdich {
  background-color: var(--twelve-color);
}

.mucdich-bg {
  right: 0;
  left: auto;
}

.mucdich-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(62, 0, 123, 0.5);
}

.mucdich-bg .loitich-btn {
  text-align: center;
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
  z-index: 2;
  background-color: var(--third-color);
}

.mucdich .title-main p {
  color: var(--second-color);
}

.mucdich .title-main h2 {
  color: var(--ten-color);
}

.mucdich h3 {
  font-size: 18px;
  line-height: 27px;
  color: var(--second-color);
  font-weight: 700;
  margin-bottom: 21px;
}

.mucdich-item {
  margin-top: 0;
  border: none;
}

.kiemdinh-1 .title-main {
  padding-right: 0;
}

.kiemdinh-1 .loiich-content {
  padding-right: 0;
}

.panel {
  box-shadow: none !important;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-default > .panel-heading {
  padding: 0;
  background: none;
  border: none;
  color: unset;
}

.mucdich-title {
  position: relative;
}

.mucdich-title svg {
  position: absolute;
  top: 21px;
  left: 12px;
  color: var(--thirteen-color);
  transition: all 0.2s linear;
}

.mucdich-title h4 {
  color: var(--thirteen-color);
  font-size: 18px;
  line-height: 29px;
}

.mucdich-title h4 a {
  position: relative;
  display: block;
  padding: 11px 20px;
  border-top: 1px solid var(--fourteen-color);
  background-color: var(--background-color-2);
  color: var(--second-color);
  font-weight: 700;
}

.panel-body {
  padding: 16px 38px;
  color: var(--second-color);
}

.panel-body p {
  color: var(--thirteen-color);
}

.panel {
  background-color: unset;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
  font-size: 16px;
}

.mucdich-title h4 a svg {
  position: absolute;
  right: 15px;
  top: 20px;
  left: auto;
  transform: rotate(0deg);
}

.mucdich-title h4 a.collapsed svg {
  transform: rotate(-90deg);
}

.mucdich-title h4 a.collapsed {
  border-top: 1px solid var(--fourteen-color);
  background-color: unset;
  font-weight: 400;
}

.mucdich .mucdich-content {
  padding-left: 190px;
  padding-right: 127px;
  padding-bottom: 60px;
}

.kiemdinh-2 .mucdich-content {
  padding-left: 0;
}

/* ------------------------------------kiemdinh----------------------------------- */
.kiemdinh {
  padding-bottom: 80px;
}

.kiemdinh-title {
  padding-left: 170px;
  padding-right: 170px;
  margin-bottom: 0;
}

.kiemdinh .loiich-content {
  padding-top: 0;
}

.kiemdinh .line {
  margin-bottom: 10px;
}

.kiemdinh .title-main {
  padding-left: 170px;
  padding-right: 170px;
}

.kiemdinh-title h2 {
  padding-bottom: 0;
}

.kiemdinh-title h2::after {
  display: none;
}

.kiemdinh-title h3 {
  font-size: 20px;
  color: var(--four-color);
  line-height: 32px;
  margin-bottom: 22px;
}

.kiemdinh-wrap {
  padding: 0 170px;
  float: left;
  width: 100%;
}

.kiemdinh-item {
  position: relative;
  float: left;
  width: calc(100% / 3);
  background-color: var(--background-color-3);

  height: 350px;
}

.kiemdinh-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 20%);
  z-index: 2;
}

.kiemdinh-item:nth-child(2n) {
  background-color: var(--four-color);
}

.kiemdinh-title-item {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}

.kiemdinh-title-item h3 span:first-child {
  display: block;
  color: var(--second-color);
}

.kiemdinh-title-item h3 span {
  color: var(--seventeen-color);
  font-size: 30px;
  line-height: 30px;
  margin: 5px 0;
  font-weight: 400;
}

.kiemdinh-title-item h3 {
  font-size: 20px;
  line-height: 20px;
  color: var(--seventeen-color);
  text-align: center;
  font-weight: 700;
}

.kiemdinh-content {
  position: relative;
  z-index: 3;
  padding: 0 40px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transition: all 0.3s linear;
}

.kiemdinh-content ul li,
.kiemdinh-content ul p {
  font-size: 18px;
  color: var(--second-color);
  line-height: 20px;
  list-style: disc;
  /* margin-bottom: 7px; */
  margin-top: 11px;
  font-weight: 700;
  /* min-height: 40px; */
}

.kiemding-item-img {
  position: absolute;
  top: 63%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.kiemdinh-item:hover .kiemdinh-content {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.kiemding-item-img img {
  transition: all 0.3s linear;
}

.kiemdinh-item:hover .kiemding-item-img img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  transform: scale(1.3);
}

/* --------------------------------quytrinh--------------------------------------- */
.quytrinh {
  min-height: 700px;
}

.quytrinh-content {
  padding: 70px 80px 20px 50px;
}

.quytrinh-title h4,
.quytrinh-title svg {
  color: var(--primary-color);
}

.panel-quytrinh p {
  color: var(--primary-color);
}

.quytrinh-title h4 a {
  padding-left: 20px;
  text-transform: uppercase;
  font-weight: 700;
}

.quytrinh-title h4 a.collapsed {
  font-weight: 400;
}

.quytrinh-title h4 a.collapsed {
  border-color: var(--fifteen-color);
}

.quytrinh-btn {
  bottom: 0;
  top: auto;
}

.kiemdinh-3 .title-main {
  padding-left: 50px;
}

.kiemdinh-3 .loiich-bg {
  height: 700px;
}

.kiemdinh-3 {
  min-height: 700px;
  background-color: var(--background-color-5);
}

.kiemdinh-3 .quytrinh-content {
  padding-right: 0;
  padding-bottom: 60px;
}

.kiemdinh-3 .col-sm-6:last-child {
  min-height: 700px;
  background-color: var(--background-color-5);
}

.kiemdinh-3 .mucdich-title h4 a,
.kiemdinh-3 .mucdich-title h4 a svg {
  color: var(--primary-color);
}

.kiemdinh-3 .line {
  margin-bottom: 10px;
}

/* ------------------------------------taisao--------------------------- */
.taisao {
  position: relative;
  padding-top: 70px;
  padding-bottom: 100px;
}

.taisao .wrap-cus {
  max-width: 900px;
}

.taisao .title-main {
  padding-left: 0;
  padding-top: 0;
}

.taisao .line {
  margin-bottom: 10px;
}

.taisao .title-main p {
  margin-bottom: 20px;
}

.taisao-content {
  padding: 0;
}

.taisao-panel {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0;
}

.taisao-content span {
  font-size: 16px;
  color: var(--primary-color);
  line-height: 24px;
}

.taisao .mucdich-title h4 a {
  color: var(--primary-color);
}

.taisao .mucdich-title svg {
  color: var(--four-color);
}

.taisao .mucdich-title h4 a {
  border-color: var(--thirteen-color);
}

.digital {
  position: absolute;
  bottom: 0;
  right: 0;
  float: left;
  z-index: 9;
  background-color: var(--second-color);
}

.digital-item {
  overflow: hidden;
  position: relative;
  padding: 40px 10px 20px;
  display: block;
  width: 110px;
  height: calc(404px / 3);
  text-align: center;
  opacity: 1;
  transition: all 0.3s linear;
}

.digital-item:hover {
  opacity: 1;
}

.digital-item img {
  position: relative;
  height: 100%;
  width: auto;
  z-index: 12;
}

.digital-item-1 {
  background-color: var(--eleven-color);
}

.digital-item-2 {
  background-color: var(--background-color-6);
}

.digital-item-3 {
  background-color: var(--third-color);
}

/* ----------------------------------niemtin-2-------------------------------- */
.niemtin-2 {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  /* float: left; */
  background-position-y: 43%;
  display: flex;
  align-items: center;
  height: 404px;
  width: 100%;
}

.niemtin-2 .wrap-cus {
  max-width: 900px;
}

.niemtin-2 .wrap {
  position: relative;
}

.niemtin-2::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgb(75 10 139 / 70%);
}

.niemtin-2 img {
  position: relative;
  z-index: 1;
}

.niemtin-2-content {
  /* padding-top: 200px; */
  position: relative;
  text-align: left;
  z-index: 1;
}

.niemtin-2-content p {
  font-size: 19px;
  line-height: 30px;
  font-weight: 700;
  color: var(--second-color);
}

.niemtin-2 .loitich-btn {
  position: absolute;
  z-index: 10;
  top: -68px;
  right: 110px;
  display: inline-block;
  background-color: var(--third-color);
  bottom: auto;
  z-index: 99;
}

.tacgia {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.tacgia p {
  color: var(--ten-color);
}

/* -------------------------------banner-tuvan----------------------------------------- */
.banner-tuvan {
  position: relative;
  /* padding-top: 400px; */
  height: calc(100vh - 200px);
  /* padding-bottom: 150px; */
}

.banner-tuvan::before {
  background-color: var(--background-color-8);
}

.banner-tuvan-title {
  padding: 0 180px;
  text-align: center;
}

.banner-tuvan .banner-tuvan-title p {
  font-size: 30px;
  line-height: 37px;
  text-transform: uppercase;
  color: var(--second-color);
  text-align: left;
}

.banner-tuvan .banner-tuvan-title p {
  position: absolute;
  top: calc(50% - 55px);
  transform: translateY(-50%);
}

.banner-tuvan-title img {
  width: 272px;
  display: inline-block;
  margin: 0 auto 50px auto;
}

.banner-tuvan-title h1,
.banner-page-1-title h1 {
  font-size: 68px;
  line-height: 68px;
  font-weight: 700;
  color: var(--seventeen-color);
  text-align: center;
}

.banner-tuvan-title h1 br {
  display: none;
}

.banner-page-1-title h1 {
  color: var(--seventeen-color);
}

/* ----------------------------------tuvan-cotent-1------------------------------------ */

.tuvan-cotent-1 .content-1 {
  position: relative;
  max-width: unset;
  display: flex;
  justify-content: end;
  align-items: center;
  height: 404px;
  margin-top: -100px;

  background-color: var(--four-color);
}

.content-1-wrap {
  position: relative;
  text-align: left;
  width: calc(60% - 100px);
  margin-right: 100px;
  padding-right: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-200px);
  height: 100%;
  display: flex;
  overflow: hidden;
  align-items: center;
  transition: all 1s linear;
}

.tuvan-cotent-1:hover .content-1-wrap {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.content-1-wrap p {
  position: relative;
}

.tuvan-wrap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.tuvan-cotent-img {
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 366px;
}

.tuvan-cotent-1 .content-1 .tacgia {
  position: relative;
  margin-top: 30px;
}

.tuvan-cotent-1 .content-1 .tacgia p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 19px;
}

.tuvan-item {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 40px 10px 20px;
  text-align: center;
  height: calc(100% / 3);
  /* float: left; */
  width: 100px;
  /* height: 112px; */
  opacity: 1;
  transition: all 0.5s linear;
}

.tuvan-item img {
  width: auto;
}

.tuvan-item:hover::after {
  left: 0;
}

.tuvan-item img {
  position: relative;
  z-index: 10;
}

.tuvan-item-1 {
  background-color: var(--sixteen-color);
}

.tuvan-item-2 {
  background-color: var(--third-color);
}

.tuvan-item-3 {
  background-color: var(--ten-color);
}

/* --------------------------------phuongthuc--------------------------- */
.phuongthuc {
  position: relative;
  padding: 50px 0 120px 0;
}

.phuongthuc .mohinh-img::before {
  display: none;
}

.phuongthuc-title {
  text-align: center;
  padding: 0;
  margin-bottom: 40px;
}

.phuongthuc-title h2 {
  font-size: 64px;
  line-height: 83px;
  color: var(--four-color);
  margin-bottom: 0;
  text-transform: uppercase;
  /* font-weight: 700; */
}

.phuongthuc-title p {
  font-size: 30px;
  line-height: 32px;
  color: var(--four-color);
  padding-left: 250px;
}

.trainghiem-6 span,
.page-1-content span {
  background-color: var(--seventeen-color);
  max-width: 68px;
  height: 5px;
  display: inline-block;
  width: 100%;
  margin-right: 40px;
  margin-bottom: 10px;
}

.phuongthuc-content {
  margin-top: 10px;
  padding-right: 20px;
}

.phuongthuc-content-2 {
  padding-right: 0;
}

.phuongthuc-content p,
.phuongthuc-content span {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 20px;
  color: var(--primary-color);
}

.phuongthuc-content span {
  margin-bottom: 0;
}

.phuongthuc .wrap {
  position: relative;
}

.phuongthuc .loitich-btn {
  left: 15px;
  right: auto;
  bottom: -120px;
  background-color: var(--third-color);
}

.phuongthuc .loitich-btn:hover::before {
  background-color: var(--four-color);
}

/* -------------------------------------------mucdich-tuvan------------------------------- */
.mucdich-tuvan {
  position: relative;
  padding: 200px 0;
  overflow: hidden;
}

.mucdich-tuvan .title-main {
  padding-right: 150px;
  padding-left: 250px;
  text-align: right;
}

.mucdich-tuvan .title-main p {
  color: var(--four-color);
}

.mucdich-tuvan:hover .mucdich-tuvan-bg img {
  transform: scale(1);
}

.mucdich-tuvan .line {
  margin-bottom: 10px;
  display: inline-block;
}

.mucdich-tuvan-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.mucdich-tuvan-bg img {
  width: 100%;
  height: 100%;
  transform: scale(1.3);
  transition: all 3s linear;
  object-fit: cover;
}

.mucdich-tuvan-content {
  text-align: right;
  padding-left: 250px;
  padding-right: 150px;
}

.mucdich-tuvan-content h2::after {
  right: 0;
  left: auto;
}

.mucdich-tuvan-content h2 {
  font-size: 67px;
  line-height: 67px;
  color: var(--second-color);
}

.mucdich-tuvan-content p {
  color: var(--four-color);
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 40px;
}

.mucdich-tuvan .quytrinh-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: auto;
  background-color: var(--third-color);
  transform: translateX(-100%);
}

.mucdich-tuvan .quytrinh-btn:hover::before {
  background-color: var(--four-color) !important;
}

.hieuqua-title span {
  display: inline-block !important;
}

/* -------------------------------hieuqua-------------------------------- */
.hieuqua {
  position: relative;
  min-height: 700px;
}

.hieuqua .loitich-btn {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 3;
  background-color: var(--third-color);
}

.hieuqua .title-main {
  padding-left: 0;
  padding-right: 60px;
}

.hieuqua .title-main p {
  color: var(--four-color);
}

.hieuqua-title {
  padding-top: 50px;
  padding-right: 100px;
}

.hieuqua-des {
  padding-right: 100px;
}

.hieuqua-des .line {
  margin-bottom: 10px;
}

.hieuqua-title h2 {
  color: var(--four-color);
  font-size: 64px;
  line-height: 83px;
  font-weight: 700;
  margin-bottom: 32px;
}

.hieuqua-title p,
.hieuqua-title-2 p {
  color: var(--four-color);
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 13px;
  text-align: right;
}

.hieuqua-title-2 {
  text-align: right;
}

.hieuqua-title-2 p {
  display: inline;
  padding-left: 20px;
}

.hieuqua-title span,
.banner-trainghiem-title .line {
  display: block;
  max-width: 68px;
  height: 5px;
  background-color: var(--seventeen-color);
  width: 100%;
  margin: 16px auto;
}

.hieuqua-title span {
  margin: 5px auto;
}

.hieuqua-des p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
  color: var(--primary-color);
}

.hieuqua-img {
  position: relative;
}

.hieuqua-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--background-color-7);
}

.hieuqua-img img {
  /* height: 700px;
    width: auto; */
  height: 100%;
  object-fit: cover;
  transition: all 3s linear;
}

.hieuqua-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.hieuqua-item p {
  text-transform: uppercase;
  display: inline-block;
  font-size: 18px;
  padding: 24px 30px;
  /* line-height: 46px; */
  color: var(--second-color);
  font-weight: 700;
  transition: all 0.3s linear;
}

.hieuqua-item-1 p {
  background-color: var(--ten-color);
}

.hieuqua-item-2 p {
  background-color: var(--third-color);
}

.hieuqua-item-3 p {
  background-color: var(--eleven-color);
}

.hieuqua .col-cus {
  padding-left: 0;
}

/* ------------------------------------loiich-tuvan-content---------------------------------- */
.loiich-tuvan {
  background: none;
}

.loiich-tuvan .title-main {
  padding-left: 60px;
  padding-right: 0;
}

.loiich-tuvan .title-main p {
  color: var(--four-color);
}

.loiich-tuvan-content {
  padding-top: 80px;
  padding-left: 40px;
  padding-right: 140px;
}

.loiich-tuvan-content li {
  position: relative;
  width: 100%;
  margin-bottom: 27px;
  padding-left: 110px;
  list-style: none;
  min-height: 64px;
}

.loiich-tuvan-content li::after {
  content: "";
  background-image: url("./img/check-1s.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  width: 60px;
  height: 60px;
}

.loiich-tuvan-content li {
  font-size: 20px;
  line-height: 32px;
  color: var(--four-color);
}

.loiich-tuvan-title {
  position: absolute;
  bottom: 100px;
  right: 100px;
  text-align: right;
}

.loiich-tuvan-title h2 {
  font-size: 64px;
  line-height: 83px;
  font-weight: 700;
  color: var(--second-color);
  margin-bottom: 18px;
}

.loiich-tuvan-title p {
  font-size: 25px;
  line-height: 33px;
  color: var(--second-color);
  font-weight: 700;
}

.loiich-tuvan .loiich-tuvan-content {
  padding-top: 0 !important;
}

.loiich-tuvan .hieuqua-title {
  padding-right: 0;
}

.loiich-tuvan .loitich-btn:hover::before {
  background-color: var(--four-color);
}

.loiich-tuvan .loitich-btn {
  right: 0;
  left: auto;
  /* transform: translate(0); */
}

/* ----------------------------------------tuvan-2-------------------------------------- */
.tuvan-2 {
  position: relative;
  padding: 170px 0;
  overflow: hidden;
  min-height: 473px;
  display: flex;
  align-items: center;
}

.tuvan-2:hover .tuvan-2-img img {
  transform: scale(1);
}

.tuvan-2-content p {
  font-size: 24px;
  line-height: 38.4px;
  color: var(--second-color);
  font-weight: 700;
}

.tuvan-2-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.tuvan-2-img img {
  width: 100%;
  height: 100%;
  transition: all 3s linear;
  transform: scale(1.3);
  object-fit: cover;
}

.tuvan-2-content {
  text-align: right;
  padding-left: 450px;
}

.tuvan-2 .loitich-btn {
  left: 50%;
  right: auto;
  transform: translateX(-100%);
}

.mohinh-img {
  overflow: hidden;
}

/* .mohinh-img::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-color: var(--background-color-7);
} */

.mohinh-img img {
  transition: all 3s linear;
}

.mohinh-img:hover img {
  transform: scale(1.3);
}

/* ------------------------------tuvan-3---------------------------------------- */
.tuvan-3 {
  position: relative;
  background-color: var(--background-color-5);
}

.tuvan-3::before {
  content: "";
  position: absolute;
  width: 50%;
  right: 0;
  height: 100%;
  background-color: var(--background-color-9);
  z-index: -1;
}

.tuvan-3 .quytrinh-content {
  padding-left: 0;
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 0;
}

.tuvan-3-item {
  display: flex;
  align-items: center;
}

.tuvan-3-title {
  width: 30%;
  text-align: center;
}

.tuvan-3-title img {
  max-width: 150px;
  width: 100%;
  transform: translateY(-10px);
}

.tuvan-3-title p {
  font-size: 55px !important;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 52px !important;
  margin-bottom: 0;
}

.tuvan-3-item .panel-group {
  width: 70%;
}

.tuvan-3-item-1 .tuvan-3-title p {
  color: var(--nineteen-color);
}

.tuvan-3-item-2 .tuvan-3-title p {
  color: var(--twentyone-color);
}

.tuvan-3-item-3 .tuvan-3-title p {
  color: var(--twentytwo-color);
}

.tuvan-3-item-1 .panel-group {
  background-color: var(--background-color-10);
}

.tuvan-3-item-2 .panel-group {
  background-color: var(--twentyone-color);
}

.tuvan-3-item-3 .panel-group {
  background-color: var(--twentytwo-color);
}

.tuvan-3 .mucdich-title h4 a,
.tuvan-3 .mucdich-title h4 a svg {
  color: var(--four-color);
}

.tuvan-3 .loiich-bg {
  height: 700px;
}

.tuvan-3 .col-sm-6:last-child {
  background-color: var(--background-color-5);
  min-height: 700px;
}

/* ------------------------------------tuvan-4---------------------------------- */
.tuvan-4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 404px;
  overflow: hidden;
  /* border-bottom: 6px solid var(--four-color); */
}

.tuvan-4:hover .tuvan-4-bg {
  transform: scale(1.3);
}

.tuvan-4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-color-11);
}

.tuvan-4-title {
  position: relative;
  z-index: 1;
  padding-left: 100px;
  padding-right: 30%;
}

.tuvan-4-title p {
  color: var(--second-color);
  font-size: 20px;
  line-height: 35px;
  font-style: italic;
  font-weight: 700;
}

.tuvan-4 .quytrinh-btn {
  position: relative;
  margin-top: 80px;
  display: inline-block;
}

.tuvan-4 .tuvan-wrap {
  bottom: 0;
  top: auto;
  z-index: 11;
  height: 100%;
}

.tuvan-4-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transition: all 3s linear;
  bottom: 0;
}

.tuvan-4-bg img {
  height: 100%;
  object-fit: cover;
}

.tuvan-5 {
  min-height: 700px;
  position: relative;
  background-color: var(--background-color-5);
}

.tuvan-5 .hieuqua-img::after {
  background-color: rgb(100 0 200 / 10%);
}

/* .tuvan-5 .wrap {
    max-width: 1530px;
  } */

.tuvan-5 .col-cus {
  padding: 0;
}

.tuvan-5 .hieuqua-img,
.hieuqua-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.hieuqua-img:hover img {
  transform: scale(1.3);
}

.tuvan-5 .loitich-btn {
  left: 50%;
  transform: translateX(-100%);
  bottom: 0;
  right: auto;
  top: auto;
}

/* -----------------------------------------------banner-trainghiem---------------------------------- */
.banner-trainghiem {
  min-height: 700px;
}

.banner-trainghiem::before {
  background-color: rgb(70 1 105 / 59%);
}

.banner-trainghiem .banner-tuvan-title {
  padding: 0;
}

.banner-trainghiem .banner-tuvan-title p {
  top: 20%;
  transform: translate(0);
}

.banner-trainghiem .banner-tuvan-title h1 br {
  display: none;
}

.banner-trainghiem .banner-tuvan-title img {
  margin-bottom: 130px;
}

.banner-trainghiem .wrap {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  width: 100%;
}

.banner-trainghiem-title {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 80px;
  text-align: center;
  background-color: rgb(70 1 105 / 59%);
  color: var(--second-color);
}

.banner-trainghiem-title img {
  width: 241px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.banner-trainghiem-title span {
  margin: 0 auto 30px auto;
}

.banner-trainghiem-title p {
  font-size: 30px;
  line-height: 32px;
  margin: 5px 0;
}

.banner-trainghiem-title h1 {
  font-size: 36px;
  line-height: 43px;
  letter-spacing: 1.36px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 50px;
}

.banner-trainghiem-title h1 br {
  display: none;
}

.banner-trainghiem .quytrinh-btn {
  left: 50%;
  /* transform: translateX(calc(-50% - 234px)); */
  right: auto;
  bottom: 100px;
  background-color: var(--third-color);
}

/* --------------------------------trainghiem-1---------------------------------- */
.trainghiem-1 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.trainghiem-1 .title-main {
  padding-left: 150px;
  padding-right: 150px;
  text-align: center;
  padding-top: 0;
}

.trainghiem-1 .title-main p {
  color: var(--four-color);
}

.trainghiem-1 .title-main br {
  display: none;
}

.trainghiem-1 .phuongthuc-content {
  text-align: center;
  padding: 0 150px;
}

.trainghiem-1 .phuongthuc-content .line {
  display: inline-block;
  margin-bottom: 10px;
}

.trainghiem-1 .phuongthuc-content p {
  font-size: 19px;
  line-height: 30px;
}

/* --------------------------------------------trainghiem-video--------------------------------- */
.trainghiem-video {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: var(--twenty-color);
}

.trainghiem-video iframe {
  width: 100% !important;
  max-width: 1020px;
}

/* ----------------------------------------------trainghiem-2---------------------------------------- */
.trainghiem-2 {
  text-align: center;
  padding-bottom: 50px;
}

.trainghiem-2-wrap {
  display: flex;
  margin: 50px 0;
}

.trainghiem-2 .phuongthuc-content h3 {
  font-size: 29px;
  line-height: 46px;
  color: var(--four-color);
}

.trainghiem-2-item {
  position: relative;
  text-align: center;
  width: calc(100% / 3);
  height: 400px;
  overflow: hidden;
}
/* 
.trainghiem-2-item:hover::before {
  top: 0;
} */

/* .trainghiem-2-item::before {
  content: "";
  position: absolute;
  top: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--four-color);
  opacity: 0.6;
  transition: all 1s linear;
  z-index: 2;
} */

.trainghiem-2-item:hover .trainghiem-2-img img {
  transform: scale(1);
}

.trainghiem-2-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--background-color-13);
  z-index: 1;
}

.trainghiem-2-item .trainghiem-2-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.trainghiem-2-item .trainghiem-2-img img {
  width: 100%;
  position: relative;
  height: 100%;
  transition: all 3s linear;
  transform: scale(1.3);
  object-fit: cover;
}

.trainghiem-2 .loitich-btn {
  bottom: 0;
  position: relative;
}

.trainghiem-2-item h3 {
  position: relative;
  z-index: 2;
}

.trainghiem-2-content {
  padding-top: 250px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 50%;
  padding: 20px;
}

.trainghiem-2-content::before {
  content: "";
  position: absolute;
  top: 100%;
  opacity: 0.6;
  transition: all 1s linear;
  z-index: 2;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--four-color);
}

.trainghiem-2-item:hover .trainghiem-2-content::before {
  top: 0;
}

.trainghiem-2-content h3 {
  color: var(--second-color);
  font-size: 43px;
  line-height: 43px;
}

.trainghiem-2-content h3 strong {
  display: block;
  margin: 5px 0;
}

.trainghiem-2 .loitich-btn {
  position: relative;
  display: inline-block;
  left: 0;
  background-color: var(--four-color);
}

.trainghiem-2 .loitich-btn:hover::before {
  background-color: var(--third-color);
}

/* --------------------------------trainghiem-3-------------------------------------------- */
.trainghiem-3 {
  padding-top: 100px;
  padding-bottom: 40px;
  background-color: var(--eleven-color);
}

.trainghiem-3-title {
  text-align: center;
  margin-bottom: 50px;
}

.trainghiem-3-title h2 {
  color: var(--ten-color);
  font-size: 38px;
  line-height: 50px;
}

.trainghiem-3-item {
  padding: 30px 40px;
  background-color: var(--four-color);
  text-align: center;
  margin-bottom: 30px;
}

.trainghiem-3-item img {
  width: 80px;
  margin-bottom: 16px;
}

.trainghiem-3-item p {
  font-size: 20px;
  line-height: 32px;
  color: var(--ten-color);
  font-weight: 700;
  margin-bottom: 10px;
}

.trainghiem-3 .quytrinh-btn {
  margin-top: 50px;
  background-color: var(--four-color);
}

/* -----------------------------------trainghiem-4------------------------------------------ */
.trainghiem-4 {
  background: none;
}

.trainghiem-4 .title-main {
  padding-left: 0;
  padding-right: 0;
}

.trainghiem-4 .loiich-content {
  padding-left: 0;
}

.trainghiem-4 .title-main p,
.trainghiem-5 .title-main p {
  color: var(--four-color);
}

.trainghiem-4 .loiich-bg {
  right: 0;
  left: auto;
}

.trainghiem-4 .loiich-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-color-14);
}

.trainghiem-4 .loitich-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 24px 30px;
  /* line-height: 46px; */
  left: 0;
  transform: translate(0);
}

.trainghiem-4 .trainghiem-4-btn-1 {
  background-color: var(--ten-color);
}

.trainghiem-4 .loitich-btn:hover::before {
  background-color: var(--four-color);
}

.trainghiem-4-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  text-align: left;
}

.trainghiem-4-btn-1 {
  background-color: var(--third-color);
}

/* ---------------------------------------trainghiem-5------------------------------------ */
.trainghiem-5 {
  background: none;
}

.trainghiem-5 .title-main {
  padding-left: 50px;
  padding-right: 80px;
}

.trainghiem-5 .quytrinh-btn {
  left: 0;
  background: linear-gradient(to right, #3420d7, #df3bba);
}

.trainghiem-5 .quytrinh-btn:hover::before {
  background-color: var(--twentysix-color);
}

.trainghiem-5-wrap {
  min-height: 700px;
}

/* --------------------------------------trainghiem-6------------------------------------------------- */
.trainghiem-6 {
  padding-top: 97px;
  padding-bottom: 78px;
  background-color: var(--four-color);
  text-align: center;
  color: var(--thirteen-color);
}

.trainghiem-6 p {
  font-size: 19px;
  line-height: 30px;
  margin-bottom: 25px;
}

.trainghiem-6 h3 {
  font-size: 29px;
  line-height: 42px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.trainghiem-6-content {
  padding: 0 245px;
}

/* ------------------------------------------trainghiem-7----------------------------------- */
.trainghiem-7 {
  position: relative;
  padding-bottom: 86px;
  padding-top: 150px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
}

.trainghiem-7::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--background-color-15);
}

.trainghiem-7-content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.trainghiem-7-content p {
  font-size: 32px;
  line-height: 41px;
  color: var(--second-color);
  margin-bottom: 62px;
  font-weight: 700;
}

.trainghiem-7-content img {
  width: 206px;
  margin-top: 50px;
  margin-bottom: 60px;
}

.trainghiem-7-content .loitich-btn {
  position: relative;
  display: inline-block;
  /* background-color: unset; */
  /* border: 1px solid var(--second-color); */
}

.trainghiem-7-content .loitich-btn::before {
  content: "";
  position: absolute;
  top: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--four-color);
  opacity: 0;
  z-index: 8;
  transition: all 1s;
}

.trainghiem-7-content .loitich-btn:hover::before {
  bottom: 0;
  top: 0;
  opacity: 1;
}

/* -----------------------------------------bcare-banner---------------------------------------- */
.bcare-banner {
  position: relative;
  height: calc(100vh - 200px);
  overflow: hidden;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 42%;
}

.bcare-banner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--background-color-16);
}

.bcare-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(./img/glass1.png), url(./img/glass2.png);
  animation: glass 30s linear infinite;
  z-index: 1;
}

/* ---------------------------------------------bcare-1----------------------------------------------------- */
.bcare-1 {
  padding-top: 60px;
  padding-bottom: 90px;
  background-color: var(--third-color);
}

.bcare-1-title {
  text-align: center;
  padding: 0 80px 30px 80px;
}

.bcare-1-title h2 {
  font-size: 36px;
  line-height: 57px;
  color: var(--second-color);
  font-weight: 700;
  margin-bottom: 18px;
}

.bcare-1-title p {
  font-size: 18px;
  line-height: 28px;
  color: var(--second-color);
  margin-bottom: 23px;
}

.bcare-1-item {
  padding: 40px 30px;
  background-color: var(--second-color);
  text-align: center;
  min-height: 500px;
}

.bcare-1-img {
  padding-top: 4px;
  margin-bottom: 90px;
}

.bcare-1-img img {
  width: 100%;
  max-width: 225px;
}

.bcare-1-content {
  margin-top: -65px;
}

.bcare-1-content img {
  width: 100%;
  max-width: 212px;
}

.bcare-1-content h3 {
  font-size: 27px;
  line-height: 35px;
  margin-bottom: 13px;
  font-weight: 700;
}

.bcare-1-content p {
  font-size: 18px;
  line-height: 29px;
  margin-bottom: 21px;
  color: var(--eleven-color);
}

.bcare-1-item-1 h3 {
  color: var(--twentyfour-color);
}

.bcare-1-item-2 h3 {
  color: var(--twentyfive-color);
}

.bcare-1-item-3 h3 {
  color: var(--twentysix-color);
}

/* -------------------------------------------------bcare-2----------------------------------------- */
.bcare-2 {
  padding-top: 30px;
  padding-bottom: 60px;
  background-color: var(--background-color-17);
}

.bcare-2-title {
  text-align: center;
  margin-bottom: 60px;
}

.bcare-2-title img {
  max-width: 290px;
}

.bcare-2-title h2 {
  margin-top: 16px;
  font-size: 24px;
  line-height: 25px;
  text-transform: uppercase;
}

.bcare-2-item {
  display: flex;
}

.bcare-2-img {
  width: 80px;
  height: 80px;
  padding: 15px;
  margin-right: 15px;
}

.bcare-2-content {
  width: calc(100% - 95px);
}

.bcare-2-content h3 {
  font-size: 21px;
  line-height: 33px;
  font-weight: 700;
  color: var(--four-color);
  margin-bottom: 10px;
}

.bcare-2-content p {
  font-size: 18px;
  line-height: 27px;
  color: var(--four-color);
  margin-bottom: 21px;
}

/* -----------------------------------------------bcare-3-------------------------------------- */
.bcare-3 {
  position: relative;
  padding-top: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bcare-3::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgb(1 8 74 / 70%);
}

.bcare-3-title {
  padding-top: 200px;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}

.bcare-3-title h2 {
  font-size: 53px;
  line-height: 59px;
  color: var(--second-color);
  font-weight: 700;
}

.bcare-3-item {
  position: relative;
  z-index: 1;
  display: flex;
  padding-right: 120px;
  margin-bottom: 30px;
}

.bcare-3-img {
  width: 120px;
  padding: 15px;
  margin-right: 10px;
}

.bcare-3-content {
  width: calc(100% - 130px);
  padding-left: 10px;
}

.bcare-3-content h3 {
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
  color: var(--second-color);
  margin-bottom: 10px;
}

.bcare-3-content p {
  font-size: 18px;
  line-height: 27px;
  color: var(--second-color);
  margin-bottom: 25px;
}

/* --------------------------------------------bcare-4----------------------------------------- */
.bcare-4-content {
  text-align: center;
  padding: 35px 150px 30px 150px;
  background-color: var(--third-color);
  /* max-width: 900px; */
  margin-top: -30px;
}

.bcare-4-content p {
  font-size: 26px;
  line-height: 41px;
  font-weight: 700;
  color: var(--second-color);
}

/* --------------------------------------------bcare-5----------------------------------------- */
.bcare-5 {
  position: relative;
  padding-bottom: 110px;
  min-height: 700px;
}
/* 
  .bcare-5 .wrap {
    max-width: 930px;
  } */

.bcare-5-item:first-child {
  padding-top: 60px;
}

.bcare-5-title {
  padding-top: 60px;
}

.bcare-5-item,
.bcare-5-title {
  display: flex;
  padding-right: 155px;
  margin-bottom: 22px;
}

.bcare-5-title {
  margin-bottom: 50px;
}

.bcare-5-img {
  width: 36px;
  height: 36px;
}

.bcare-5-content {
  width: calc(100% - 36px);
  padding-left: 5px;
}

.bcare-5-title p {
  font-size: 26px;
  line-height: 41px;
  font-weight: 700;
  color: var(--twentyfive-color);
}

.bcare-5-content p {
  font-size: 18px;
  line-height: 27px;
}

.bcare-5-content p strong {
  color: var(--third-color);
}

.bcare-5-img-3 {
  margin-top: -31px;
  transform: translateX(70px);
}

.bcare-5-img-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.bcare-5-img-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 3s linear;
}

.bcare-5-img-2:hover img {
  transform: scale(1.3);
}

/* ----------------------------------------------bcare-6-------------------------------------- */
.bcare-6 {
  padding: 60px 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  min-height: 800px;
  background-position-y: 38%;
}

.bcare-6 .wrap {
  position: relative;
  z-index: 2;
}

.bcare-6-title {
  text-align: center;
  margin-bottom: 46px;
  position: relative;
  z-index: 1;
}

.bcare-6-title h2 {
  font-size: 33px;
  line-height: 43px;
  font-weight: 700;
  color: var(--second-color);
}

.bcare-6-img {
  position: relative;
  z-index: 1;
  text-align: center;
}

.bcare-6-img img {
  width: auto;
}

/* --------------------------------------------------bcare-7--------------------------------------------- */
.bcare-7 {
  padding: 67px 0;
  background-color: var(--background-color-17);
}

.bcare-7-title {
  margin-bottom: 43px;
}

.bcare-7-title h2 {
  font-size: 32px;
  line-height: 42px;
  color: var(--third-color);
  font-weight: 700;
}

.bcare-7-item {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--twentyseven-color);
  margin-bottom: 10px;
}

.bcare-7-item h3 {
  width: 120px;
  margin-top: 0;
  text-align: center;
  font-size: 27px;
  line-height: 35px;
  font-weight: 700;
  color: #50b4ff;
  display: block;
}

.bcare-7-item p {
  width: calc(100% - 120px);
  text-transform: uppercase;
  font-size: 18px;
  line-height: 19px;
  color: var(--four-color);
  padding-top: 8px;
  margin: 0 20px;
  display: block;
}

/* ----------------------------------------sinhthai-banner---------------------------------------- */
.sinhthai-banner {
  position: relative;
  text-align: center;
  padding: 160px 0;
  height: calc(100vh - 200px);
  /* min-height: 500px; */
}

.sinhthai-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sinhthai-bg img {
  height: 100%;
  width: 100%;
  top: 15%;
  object-fit: cover;
  transition: all 3s linear;
}

.sinhthai-banner:hover .sinhthai-bg img {
  transform: scale(1.3);
}

.sinhthai-banner h1 {
  margin-top: 0;
  position: relative;
  font-size: 40px;
  line-height: 52px;
  color: var(--second-color);
  font-weight: 700;
  z-index: 1;
}

/* ----------------------------------------------tamnhin-------------------------------------------------- */
.tamnhin {
  padding-bottom: 120px;
  background-color: var(--background-color-18);
}

.tamnhin-bg {
  background-color: var(--second-color);
  margin-top: -100px;
}

.tamnhin-content {
  text-align: center;
  padding: 35px 100px 0;
}

.tamnhin-content h2 {
  font-size: 23px;
  line-height: 36px;
  color: var(--twentyfour-color);
  margin-bottom: 25px;
  font-weight: 700;
}

.tamnhin-content p {
  font-size: 18px;
  line-height: 30px;
  color: var(--primary-color);
  margin-bottom: 25px;
}

.tamnhin-img {
  overflow: hidden;
  margin-bottom: 30px;
}

.tamnhin-img:hover img {
  transform: scale(1.1);
}

.tamnhin-img img {
  width: 100%;
  transition: all 3s linear;
}

.tamnhin-item {
  padding: 30px 40px;
  background-color: var(--second-color);
  text-align: center;
  margin-bottom: 30px;
}

.tamnhin-item-img {
  margin-bottom: 20px;
}

.tamnhin-item-img img {
  width: auto;
  max-height: 105px;
}

.tamnhin-item-content p {
  font-size: 18px;
  line-height: 27px;
  color: var(--primary-color);
}

/* -------------------------------------cauhoi------------------------------------- */
.cauhoi {
  position: relative;
  padding: 100px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cauhoi::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--background-color-19);
}

.cauhoi-content {
  position: relative;
  z-index: 1;
  text-align: center;
  color: var(--second-color);
}

.cauhoi-content h2 {
  font-size: 30px;
  line-height: 48px;
  font-weight: 700;
}

.cauhoi-content p {
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 28px;
}

.cauhoi-btn {
  padding: 10px 30px;
  border: 2px solid var(--second-color);
  font-size: 18px;
  line-height: 35px;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.5px;
  color: var(--second-color);
}

.cauhoi-btn:hover {
  background-color: var(--second-color);
  color: var(--twentythree-color);
}

.cauhoi .loitich-btn {
  position: relative;
}

/* -----------------------------------------------banner-tuvan--------------------------------------------- */
.banner-page-1 {
  padding-top: 200px;
  padding-bottom: 150px;
}

.banner-page-1::before {
  background-color: var(--background-color-23);
}

.banner-page-1 .banner-tuvan-title {
  position: absolute;
  top: calc(50% - 100px);
  left: 50%;
  transform: translateX(-50%);
  max-width: 1380px;
  width: 100%;
  padding: 0 15px;
  text-align: center;
}

.banner-page-1 .banner-tuvan-title p {
  margin: 0;
}

.banner-page-1 .banner-tuvan-title h1,
.banner-page-1-title h1 {
  text-align: right;
  color: var(--ten-color);
}

.banner-page-1-title h1 {
  text-align: center;
}

.banner-page-1 .banner-tuvan-title h1 br,
.banner-page-1-title h1 br {
  display: none;
}

.banner-page-1 .container-fluid {
  position: relative;
}

.banner-page-1-title {
  position: absolute;
  bottom: 130px;
  left: 50%;
  width: 100%;
  max-width: 1380px;
  text-align: right;
  transform: translateX(-50%);
  padding: 0 15px;
}

/* ---------------------------------------------page-1---------------------------------------------- */
.page-1 {
  margin-top: -100px;
  position: relative;
  z-index: 2;
  max-height: 404px;
  /* overflow: hidden; */
}

/* .page-1 .wrap {
    max-width: 1580px;
  } */

.page-1 .row {
  position: relative;
  height: 404px;
  overflow: hidden;
}

.page-1 .row:hover .page-1-bg img,
.page-1 .row:hover .page-1-content {
  transform: scale(1);
}

.page-1 .row:hover .page-1-content {
  opacity: 1;
  visibility: visible;
}

.page-1-img {
  position: absolute;
  width: 474px;
  top: -78px;
}

.page-1-bg {
  position: absolute;
  top: -260px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}

.page-1-bg img {
  transform: scale(1.3);
  transition: all 3s linear;
}

.page-1 .col-cus {
  position: absolute;
  /* bottom: 0; */
  top: 100px;
  right: 0;
}

.page-1-content {
  padding: 80px 60px 50px 60px;
  text-align: right;
  opacity: 0;
  visibility: visible;
  transform: scale(0.9);
  transition: all 0.5s linear;
}

.page-1-content p {
  font-size: 27px;
  line-height: 43px;
  font-style: italic;
  color: var(--second-color);
}

.page-1-content span {
  margin-right: 0;
}

.page-1 .tacgia {
  margin-top: 0;
  position: absolute;
  bottom: 10px;
  left: 37%;
  transform: translateX(-50%);
}

.page-1 .tacgia p {
  font-size: 14px;
}

/* -----------------------------------page-1-2-------------------------------------- */
.page-1-2 {
  background-size: cover;
  background-repeat: no-repeat;
}

/* .page-1-2 .wrap {
    max-width: 1610px;
  } */

.page-1-2-content {
  background-color: var(--four-color);
  padding: 35px 90px 35px 90px;
}

.page-1-2-content p {
  font-size: 20px;
  line-height: 35px;
  color: var(--second-color);
  margin-bottom: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.page-1-2-title {
  text-align: center;
}

.page-1-2-title h2 {
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 41.6px;
  line-height: 50px;
  color: var(--second-color);
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
  text-shadow: 0px 0px 10px var(--background-color-1);
}

.page-1-2-title h2 br {
  display: none;
}

.page-1-3 {
  background-color: var(--second-color);
  min-height: 700px;
}

.page-1-3 .mucdich-bg::after {
  display: none;
}

.page-1-3 .loiich-content {
  padding-left: 0;
  padding-bottom: 35px;
}

.page-1-3 .mucdich-content {
  position: relative;
  padding-right: 100px;
  padding-left: 0;
  padding-bottom: 45px;
  margin-top: 10px;
}

.page-1-3 .mucdich-content p {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 28px;
}

.page-1-3 .title-main p {
  color: var(--third-color);
}

.page-1-3 .title-main span,
.page-1-4 .title-main span {
  font-size: 18px;
  line-height: 26px;
}

.page-1-3 .loitich-btn {
  line-height: 40px;
  padding: 14px 30px;
  transform: translate(-100%);
}

/* --------------------------------------------page-1-4--------------------------------------------- */
.page-1-4-bg {
  position: absolute;
  width: 100%;
  top: -150px;
  height: 300px;
  background-color: var(--background-color-24);
}

.page-1-4 .loiich-content {
  padding-right: 0;
  padding-top: 70px;
}

.page-1-4 .loitich-btn {
  /* position: relative; */
  display: inline-block;
  /* top: 0; */
  /* bottom: auto; */
  right: auto;
  left: 50%;
}

.page-1-4 .title-main h2 {
  color: var(--twentynine-color);
}

.page-1-4 .mucdich-content {
  padding-right: 120px;
}

.page-1-4-2 {
  background-color: var(--background-color-5);
}

.page-1-4-2 .page-1-4-bg-2 {
  overflow: hidden;
  height: 100%;
}

.page-1-4-2 .mucdich-bg::after {
  display: none;
}

.page-1-4-2 .title-main {
  padding-left: 0;
}

/* ---------------------------------------page-1-5---------------------------------- */
.page-1-5 {
  /* margin-bottom: 160px; */
  background-color: var(--background-color-5);
}

.page-1-5 .page-1-4-bg {
  background-color: var(--background-color-25);
  height: 360px;
  top: -180px;
}

.page-1-5 .loiich-bg {
  /* margin-top: 160px; */
}

.page-1-6-bg {
  height: 100%;
  overflow: hidden;
}

.page-1-6 .title-main {
  padding-right: 90px;
  padding-left: 0;
}

.page-1-6 .title-main h2,
.page-1-4 .title-main h2,
.page-1-3 .title-main h2 {
  font-weight: 400;
}

.page-1-3 .title-main h2 {
  color: var(--third-color);
}

.page-1-3 .title-main {
  padding-left: 0;
  padding-right: 0;
}

.page-1-7 {
  background-color: var(--second-color);
}

/* ---------------------------------------deepb-contact---------------------------------- */
.deepb-contact {
  position: relative;
  background-position: 27% 28%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0;
  height: 600px;
  border-top: 2px solid var(--seventeen-color);
}

.deepb-contact::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--background-color-28);
}

.deepb-contact-title {
  position: relative;
  z-index: 1;
  text-align: center;
  color: var(--second-color);
}

.deepb-contact-title-2 h2 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 12px;
  font-weight: 700;
  color: var(--second-color);
  z-index: 1;
}

.deepb-contact-title p {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 16px;
}

.deepb-contact-title-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -110%);
  text-align: center;
  z-index: 1;
  width: 100%;
}

.form-group input {
  width: 100%;
  border: 1px solid var(--thirteen-color);
  outline: none;
  height: 43px;
  padding: 0 0 0 34px;
}

.form-contact .form-group input {
  padding: 0 15px;
}

.form-group textarea {
  height: 100px;
  outline: none;
  border: 1px solid #e0e0e0;
  padding: 10px 15px;
  width: 100%;
  resize: none;
}

.form-group button {
  width: 100%;
  height: 43px;
  text-align: center;
  line-height: 43px;
  background-color: var(--twentyfour-color);
  color: var(--second-color);
  font-weight: 600;
  font-size: 18px;
  border: none;
  outline: none;
}

.form-group button:hover::before {
  background-color: var(--four-color);
}

.form-group label {
  font-size: 18px;
  font-weight: 400;
}

.contact-submit {
  margin-top: 40px;
  margin-bottom: 0;
  text-align: right;
  line-height: normal;
}

.contact-submit .loitich-btn {
  position: relative;
  min-height: auto;
}

.contact-submit a {
  font-size: 18px !important;
  font-weight: 600;
  background-color: var(--four-color) !important;
  line-height: 41px;
  text-align: center;
  display: inline-block;
  padding: 0 20px;
  letter-spacing: 0.5px;
  color: var(--second-color);
  transition: all 0.2s linear;
}

.contact-submit a:hover::before {
  background-color: var(--third-color) !important;
}

.deepb-form-title {
  text-align: center;
}

.deepb-form-title h2 {
  font-size: 20px;
  line-height: 33px;
  padding-bottom: 10px;
  margin-top: 0;
}

.deepb-form-title h2::after {
  left: 50%;
  transform: translateX(-50%);
}

.deepb-form {
  background-color: var(--background-color-5);
  padding-bottom: 30px;
}

.deepb-form .wrap {
  max-width: 1300px;
}

.deepb-form .deepb-wrap {
  padding: 40px;
  max-width: 800px;
  background-color: #efefef;
  margin: -200px auto 0 auto;
}

.deepb-form-contact {
  max-width: 1000px;
  margin: 0 auto;
}

/* ---------------------------------------------banner-thuonghieu------------------------------------------------ */
.banner-thuonghieu {
  position: relative;
  padding-top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-thuonghieu .wrap {
  max-width: 1830px;
}

.banner-thuonghieu-title {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
}

.banner-thuonghieu-title h1 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 200;
  color: var(--second-color);
}

.banner-thuonghieu-image {
  position: absolute;
  top: 50%;
  right: -5%;
  transform: translate(-50%, -50%);
}

.banner-thuonghieu-image img {
  width: auto;
  max-width: 421px;
}

.banner-thuonghieu-title-2 {
  text-align: center;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.banner-thuonghieu-title-2 h2 {
  font-size: 68px;
  line-height: 68px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--seventeen-color);
}

.banner-thuonghieu-title-2 h2 br {
  display: none;
}

/* .banner-thuonghieu .banner-bg {
    top: -50%;
  } */

/* ------------------------------------------------thuonghieu-1------------------------------------------ */
.thuonghieu-1 {
  position: relative;
  max-height: 404px;
  overflow: hidden;
  margin-top: -100px;
}

.thuonghieu-1-img img {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.thuonghieu-1 .col-cus {
  padding: 0;
}

.thuonghieu-1 .wrap {
  /* max-width: 1030px; */
  background-color: #7d36bf;
}

.thuonghieu-1-wrap {
  position: relative;
  display: flex;
  /* background-color: var(--four-color); */
}

.thuonghieu-1-img {
  position: relative;
  width: 50%;
}

.thuonghieu-1-content {
  position: relative;
  width: calc(50% - 110px);
  padding-top: 90px;
  padding-left: 50px;
  padding-right: 50px;
}

.thuonghieu-1-content-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 50px));
  width: 100%;
  left: 0;
  padding: 0 50px;
}

.thuonghieu-1-content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  left: 0;
  bottom: 0;
  background-color: var(--four-color);
  transition: all 1s linear;
}

.thuonghieu-1-content:hover::before {
  right: 0;
}

.thuonghieu-1-content p {
  font-size: 23px;
  line-height: 36px;
  font-style: italic;
  margin-bottom: 25px;
  color: var(--second-color);
  position: relative;
  z-index: 10;
}

.thuonghieu-1-content span {
  display: block;
  text-align: right;
  font-size: 18px;
  line-height: 25px;
  color: var(--twentyfive-color);
  margin-bottom: 20px;
}

.thuonghieu-1-icon {
  position: relative;
  z-index: 14;
}

.thuonghieu-1-item:hover::after,
.digital-item:hover::after {
  left: 0;
}

.thuonghieu-1-item img {
  position: relative;
  z-index: 2;
  width: auto;
  height: 100%;
  transition: all 0.4s linear;
}

.thuonghieu-1-icon:hover img {
  transform: scale(1.02);
}

.thuonghieu-1-item {
  position: relative;
  width: 110px;
  height: calc(404px / 3);
  text-align: center;
  padding: 40px 10px 20px;
  /* opacity: 0.6; */
  overflow: hidden;
  transition: all 0.4s linear;
}

.thuonghieu-1-item::after,
.digital-item::after,
.tuvan-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  transition: all 0.4s linear;
}

.thuonghieu-1-item-1,
.digital-item-1,
.tuvan-item-1 {
  background-color: #3389e6;
}

.thuonghieu-1-item-2,
.digital-item-2,
.tuvan-item-2 {
  background-color: #5154e6;
}

.thuonghieu-1-item-3,
.digital-item-3,
.tuvan-item-3 {
  background-color: #361f95;
}

.thuonghieu-1-item-1:after,
.digital-item-1::after,
.tuvan-item-1::after {
  background-color: var(--ten-color);
}

.thuonghieu-1-item-2:after,
.digital-item-2::after,
.tuvan-item-2::after {
  background-color: var(--third-color);
}

.thuonghieu-1-item-3:after,
.digital-item-3::after,
.tuvan-item-3::after {
  background-color: var(--eleven-color);
}

/* --------------------------------------------thuonghieu-2---------------------------------------- */
.thuonghieu-2 .title-main h2,
.thuonghieu-5 .title-main h2 {
  color: var(--four-color);
  font-weight: 400;
}

.thuonghieu-2 .title-main {
  padding-right: 100px;
}

.thuonghieu-2 .title-main p {
  color: var(--four-color);
}

.thuonghieu-2 .mucdich-bg::after {
  display: none;
}

.thuonghieu-5 .title-main h2 br {
  display: none;
}

.thuonghieu-5 {
  /* background-color: var(--background-color-5); */
}

.thuonghieu-5 .title-main {
  padding-right: 0;
}

.thuonghieu-5 .title-main p {
  color: var(--four-color);
}

.thuonghieu-5 .loiich-content {
  padding-top: 0 !important;
}

.thuonghieu-5 .line {
  margin-bottom: 10px;
}

/* -------------------------------------------thuonghieu-3------------------------------------------------ */
.thuonghieu-3 {
  min-height: 700px;
}

.thuonghieu-3 .loiich-content {
  position: relative;
  padding-bottom: 200px;
  min-height: 700px;
  padding-top: 70px;
}

.thuonghieu-3 .loitich-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
}

/* --------------------------------------------thuonghieu-4------------------------------------------------------- */
.thuonghieu-4 {
  padding: 150px 0;
  background-color: var(--four-color);
}

.thuonghieu-4-wrap {
  display: flex;
}

.thuonghieu-4-img {
  width: 30%;
  margin-top: 30px;
}

.thuonghieu-4-content {
  width: 70%;
  padding-left: 50px;
}

.thuonghieu-4-content h2 {
  font-size: 40px;
  line-height: 52px;
  font-weight: 700;
  color: var(--seventeen-color);
  margin-bottom: 20px;
  margin-top: 0;
  transform: translateY(-14px);
}

.thuonghieu-4-content ul,
.thuonghieu-4-content ol {
  padding-left: 25px;
}

.thuonghieu-4-content li,
.thuonghieu-4-content p {
  font-size: 20px;
  line-height: 33px;
  color: var(--second-color);
  font-weight: 700;
  margin-bottom: 31px;
}

/* ------------------------------------------------------------thuonghieu-6----------------------------------- */
.thuonghieu-6 .loitich-btn {
  position: absolute;
  display: inline-block;
  right: auto;
  transform: translateX(-100%);
  left: 50%;
}

.thuonghieu-6 {
  /* background-color: var(--background-color-5); */
}

.thuonghieu-6 .loiich-content {
  padding-top: 70px;
}

.thuonghieu-6 .title-main p {
  color: var(--primary-color);
}

/* ------------------------------------------------------------thuonghieu-7----------------------------------- */
.thuonghieu-7 h2 {
  font-weight: 400;
}

.thuonghieu-7 {
  background-color: var(--background-color-5);
}

.thuonghieu-7 .quytrinh-title h4 a {
  color: var(--primary-color);
}

.thuonghieu-7 .loitich-btn {
  bottom: 0;
  top: auto;
  left: 50%;
  right: auto;
  background-color: var(--ten-color);
  z-index: 9;
}

.thuonghieu-7 .title-main {
  padding-right: 0;
}

.thuonghieu-7 .title-main p {
  color: var(--four-color);
}

.thuonghieu-7 .quytrinh-content {
  padding-left: 126px;
}

/* ------------------------------------------------------------thuonghieu-8----------------------------------- */
.thuonghieu-8 {
  background-color: var(--four-color);
  display: flex;
}

.thuonghieu-8-content {
  position: relative;
  width: 50%;
  padding: 6% 5% 0 14%;
}

.thuonghieu-8-content h2 {
  font-size: 29px;
  line-height: 38px;
  margin-bottom: 13px;
  color: var(--second-color);
}

.thuonghieu-8-content h2 br {
  display: none;
}

.thuonghieu-8-content p {
  font-size: 19px;
  line-height: 29px;
  margin-bottom: 21px;
  color: var(--second-color);
}

.thuonghieu-8-img {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: end;
  background-color: var(--background-color-3);
}

.thuonghieu-8-img-wrap {
  width: calc(50% + 100px);
  height: 100%;
  overflow: hidden;
  max-height: 500px;
}

.thuonghieu-8-img-wrap img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  min-height: 500px;
  transition: all 3s linear;
}

.thuonghieu-8-img-wrap img:hover {
  transform: scale(1.3);
}

.thuonghieu-8-item-icon {
  position: relative;
  width: 100px;
}

.thuonghieu-8 .loitich-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
}

.thuonghieu-8 .loitich-btn:hover {
  box-shadow: none;
}

.thuonghieu-8 .loitich-btn:hover::before {
  bottom: 0;
  right: 0;
  opacity: 1;
}

.thuonghieu-8 .loitich-btn::before {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #13c0ff, #3420d7) !important;
  opacity: 0;
  z-index: 8;
  transition: all 1s;
}

.thuonghieu-8-item-icon {
  text-align: center;
}
/* 
.thuonghieu-8-item-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
} */

.thuonghieu-8-item-icon .thuonghieu-1-item {
  width: 100px;
  height: 112px;
}

.thuonghieu-8 .thuonghieu-1-item-2 {
  background-color: #5154e6;
}

/* ---------------------------menu-mobile-------------------------------- */
.menu-mobile {
  position: fixed;
  width: 300px;
  top: 0;
  right: -100%;
  background-color: var(--second-color);
  z-index: 999999999;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s linear;
}

.menu-mobile .menu-m {
  padding: 20px 30px;
  height: 100%;
  overflow: auto;
}

.menu-mobile.active {
  opacity: 1;
  visibility: visible;
  right: 0;
}

.close-menu {
  position: absolute;
  top: 10px;
  left: -45px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  background-color: var(--second-color);
  cursor: pointer;
}

.close-menu svg {
  color: var(--twentysix-color);
  margin-bottom: -2px;
}

.menu-mobile .logo-mb {
  text-align: center;
  margin-bottom: 20px;
}

.menu-mobile .logo-mb img {
  width: 120px;
}

.menu-mobile .menu-m-list {
  float: left;
  width: 100%;
  border-top: 1px solid var(--fifteen-color);
  margin-bottom: 40px;
}

.menu-mobile .menu-m-list li {
  list-style: none;
  margin-bottom: 0;
}

.menu-mobile .menu-m-item p,
.menu-mobile .menu-m-child a {
  padding: 5px 0;
  line-height: 26px;
  display: block;
  padding-right: 20px;
  font-size: 18px;
  position: relative;
}

.menu-mobile .menu-m-item p svg {
  float: right;
  position: absolute;
  right: 0;
  top: 14px;
}

.menu-mobile .menu-m-item p .close-cate {
  display: none;
}

.menu-mobile .menu-m-item p .open-cate {
  display: block;
}

.menu-mobile .menu-m-item p.collapsed .close-cate {
  display: block;
}

.menu-mobile .menu-m-item p.collapsed .open-cate {
  display: none;
}

.menu-mobile .menu-m-child {
  padding-left: 15px;
  border-left: 1px solid var(--twentysix-color);
}

.menu-mobile .menu-m-child a {
  color: var(--twentythree-color);
  opacity: 0.5;
}

.menu-mobile .navbar-other-link {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 150px;
}

.menu-mobile .nsocial-list {
  text-align: center;
  width: 100%;
}

.menu-mobile .nsocial-list li {
  list-style: none;
}

.navbar-other-link li {
  display: inline-block;
}

.menu-mobile .nsocial-list svg {
  color: var(--twentysix-color);
}

.menu-mobile .nsocial-list a {
  padding: 0 10px;
}

.backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: var(--box-shadow-1);
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}

.backdrop.active {
  opacity: 1;
  visibility: visible;
}

.form-dk .modal-dialog {
  width: 402px;
  max-width: 92%;
}

.dktv-form .modal-content {
  border-radius: 0;
  overflow: hidden;
}

.modal-content {
  background-color: #f7f7f7;
}

.dktv-form .modal-body {
  padding: 0;
}

.dktv-img {
  position: relative;
  background-color: var(--ten-color);
  text-align: center;
}

.dktv-body {
  position: relative;
  padding: 20px 20px 15px;
}

.dktv-close {
  position: absolute;
  top: -45px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 30px;
  height: 30px;
  background-color: var(--twentyfour-color);
}

.dktv-close svg {
  color: var(--second-color);
}

.dktv-body p {
  text-align: center;
}

.dktv-body form {
  padding: 0 15px;
  margin-top: 0;
}

.dktv-title {
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 16px;
}

.form-dk form .form-group {
  position: relative;
  float: left;
  width: 100%;
}

#modal-home .form-check-item.last,
#dktv-form .form-check-item.last {
  margin-bottom: 30px;
}

.form-dk form .input-addon {
  position: absolute;
  left: 10px;
  top: 10px;
}

.form-dk form .input-addon svg {
  color: #a8a8a8;
}

.form-group input {
  width: 100%;
  border: 1px solid #e0e0e0;
  outline: none;
  height: 43px;
  padding: 0 0 0 34px;
}

.dktv-form .modal-dialog {
  top: 53% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  padding: 0;
  margin: 30px 0 0;
}

.modal.modal-fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.modal.modal-fade.in {
  opacity: 1;
}

.dktv-form .form-check-item:first-child {
  margin-top: 20px;
}

.dktv-form .form-check-item.first {
  margin-top: 20px;
}

.dktv-form .form-check-item {
  float: left;
  width: 100%;
}

.dktv-form .form-check-item label {
  margin-bottom: 0;
  float: left;
}

.dktv-form .dktv-checkbox {
  position: relative;
  width: 20px;
  background-color: transparent;
  font-size: 18px;
  line-height: 16px;
  margin-right: 12px;
  margin-top: 0;
  height: 16px !important;
  border: none;
}

.dktv-form .dktv-checkbox::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  opacity: 1;
  cursor: pointer;
  border: 1px solid var(--fifteen-color);
}

.dktv-form .form-group p {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: var(--primary-color);
  float: left;
  width: calc(100% - 32px);
  text-align: left;
}

.dktv-form .dktv-checkbox:checked::after {
  background-image: url(./img/tick-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}

.swal2-title {
  font-size: 18px;
}

.swal2-confirm {
  height: 30px;
  font-size: 14px !important;
  padding: 5px 20px;
  background-color: var(--four-color) !important;
}

.swal2-confirm a {
  color: var(--second-color);
}

.swal2-html-container {
  font-size: 16px !important;
}

.swal2-container {
  z-index: 9999999999;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  outline: none !important;
  box-shadow: none !important;
}

div:where(.swal2-icon).swal2-warning {
  border-color: var(--four-color) !important;
  color: var(--four-color) !important;
}

.page-404 img {
  width: auto;
}

/* -------------------------------------News-------------------------------------- */
/* ----------------------header-page-------------------------------------- */
.header-page {
  display: block !important;
  position: unset;
  box-shadow: 1px 1px 10px var(--box-shadow-1);
}

.header-page .menu-header-item > a,
.header-page .menu-header-item svg,
.header-page .menu-tool-item svg {
  color: var(--primary-color);
}

.header-page.affix {
  background: none;
  background-color: var(--second-background);
}

.banner-page {
  padding-top: 70px;
  padding-bottom: 75px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: center;
}

.banner-page h1 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  color: var(--second-color);
  margin-bottom: 7px;
  margin-left: 40%;
}

.breadcrumb-page li {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
}

.breadcrumb-page li a {
  color: var(--second-color);
}

.breadcrumb-page li:not(:last-child)::after {
  content: ">";
  margin: 0 8px;
  color: var(--twentysix-color);
}

.breadcrumb-page li:last-child a {
  pointer-events: none;
  color: var(--third-color);
}

.breadcrumb-page li a {
  transition: all 0.2s linear;
}

.breadcrumb-page li:hover a {
  color: var(--third-color);
}

.news-page {
  padding-top: 90px;
  padding-bottom: 100px;
}

.news-item {
  padding-bottom: 45px;
  margin-bottom: 45px;
  border-bottom: 1px solid var(--fifteen-color);
}

.news-item .news-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.news-item .news-img .wrap-img {
  padding-bottom: 60.38%;
}

/* .news-item .news-caategory {
  position: absolute;
  bottom: 20px;
  left: 20px;
} */

/* .news-item .news-caategory a, */
.news-category-list .news-category a {
  background: var(--third-color);
  padding: 6px 15px;
  font-weight: 500;
  line-height: 18px;
  color: var(--second-color);
  display: inline-block;
}

/* .news-item .news-caategory a:hover, */
.news-category-list .news-category a:hover {
  background-color: var(--four-color);
}

.news-item .news-des span,
.news-item .news-des p,
.news-item .news-des {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-item .news-content {
  padding-top: 40px;
}

.news-item-2 .news-content {
  padding-top: 20px;
}

.news-item .news-content p {
  color: #737373;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 10px;
}

.news-item .news-content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 5px;
}

.news-item-2 .news-content h3 {
  margin-top: 0;
}

.news-item .news-content h3:hover a {
  color: var(--twentysix-color);
}

.news-item .btn-readmore {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.news-item .btn-readmore::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 1px;
  background: var(--twentysix-color);
  transition: all 0.3s ease;
}

.news-item .btn-readmore:hover {
  color: var(--twentysix-color);
}

.news-item .btn-readmore:hover::after {
  width: 100%;
}

.disabled {
  display: none;
}

.sidebar-new {
  float: left;
  width: 100%;
}

.sidebar-wrap-1,
.sidebar-news-list {
  position: sticky;
  top: 100px;
}

.sidebar-new .sidebar-category {
  float: left;
  width: 100%;
}

.sidebar-new .sidebar-search {
  margin-bottom: 45px;
  float: left;
  width: 100%;
}

.sidebar-new .form-search {
  position: relative;
}

.sidebar-new .form-search input {
  width: 100%;
  border: none;
  border-bottom: 2px solid var(--primary-color);
  padding: 0 30px 5px 0;
  height: 30px;
}

.sidebar-new .form-search input:focus {
  outline: none;
}

.sidebar-new .form-search svg {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s linear;
  color: var(--primary-color);
  cursor: pointer;
}

.sidebar-new .form-search svg:hover {
  color: var(--fourth-hover);
}

.sidebar-new .category-title,
.sidebar-related .related-title,
.sidebar-socials .socials-title {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--fifteen-color);
}

.sidebar-new .category-title h2,
.sidebar-related .related-title h2,
.sidebar-socials .socials-title h2 {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
  color: var(--four-color);
}

.sidebar-new .category-item {
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: 300;
  line-height: 21px;
  list-style: none;
}

.sidebar-new .category-item a {
  color: var(--primary-color);
}

.sidebar-new .category-item a:hover,
.sidebar-new .category-item.active a {
  color: var(--twentysix-color);
  font-weight: 600;
}

.sidebar-related .related-item {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  list-style: none;
}

.sidebar-related .related-img {
  width: 103px;
  height: 100px;
  float: left;
  margin-right: 10px;
}

.sidebar-related .related-img img {
  height: 100%;
}

.sidebar-related .related-content {
  float: left;
  width: calc(100% - 120px);
  padding-top: 10px;
}

.sidebar-related .related-content p,
.sidebar_mucluc p {
  font-size: 14px;
  font-weight: 300;
  line-height: 20.8px;
  color: #737373;
}

.sidebar-related .related-content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 5px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sidebar-related .related-content h3:hover a {
  color: var(--twentysix-color);
}

.sidebar-socials .socials-title {
  border-bottom: 1px solid var(--fifteen-color);
}

.sidebar-socials .socials-list a,
.news-share .socials-list a {
  border: 1px solid var(--fifteen-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  transition: all 0.2s ease;
  margin: 0 5px;
}

.sidebar-socials .socials-list a:first-child,
.news-share .socials-list a:first-child {
  margin-left: 0;
}

.sidebar-socials .socials-list a:last-child,
.news-share .socials-list a:last-child {
  margin-right: 0;
}

.sidebar-socials .socials-list a svg,
.news-share .socials-list a svg {
  margin-bottom: -3px;
  color: var(--primary-color);
}

.sidebar-socials .socials-list a:hover,
.news-share .socials-list a:hover {
  background-color: var(--twentyfive-color);
}

.sidebar-socials .socials-list a:hover svg,
.news-share .socials-list a:hover svg {
  color: var(--second-color);
}

.search-null {
  padding-top: 130px;
  padding-bottom: 100px;
}

.search-null h2 {
  font-size: 50px;
  font-style: italic;
  font-weight: 400;
  line-height: 55px;
  margin-bottom: 12px;
}

.search-null p {
  margin-bottom: 20px;
}

.search-null .btn_backtoshop {
  font-size: 24px;
}

.sidebar_mucluc ul li {
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  list-style: none;
}

.sidebar_mucluc ul li a:hover,
.sidebar_mucluc ul li .ah2.active,
.sidebar_mucluc ul li .ah3.active {
  /* font-weight: 700; */
  color: var(--four-color);
}

.sidebar_mucluc ul li.active > a .sidebar_mucluc ul li ul {
  margin-top: 10px;
  padding-left: 20px;
}

/* ----------------------News detail-------------------------------------- */
.news-detail-breadcrumb {
  padding: 20px 0;
}

.news-detail-breadcrumb ol {
  margin-bottom: 0;
}

.news-detail-breadcrumb .breadcrumb-page li a {
  color: var(--third-color);
}

.news-detail-breadcrumb .breadcrumb-page li:last-child a {
  color: var(--primary-color);
}

.news-detail-img {
  margin-bottom: 50px;
}

.news-detail-img iframe {
  width: 100% !important;
  height: 500px !important;
}

.news-detail-page {
  padding-bottom: 100px;
}

.news-category-list {
  text-align: left;
  margin-bottom: 0;
  max-width: 600px;
}

.tuvan-tag h3 {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22.5px;
}

.tag-list {
  display: flex;
}

.tag-list li {
  margin-right: 30px;
  list-style: none;
}

.tag-list li a {
  font-size: 16px;
  line-height: 20px;
}

.tag-list li a:hover {
  color: var(--four-color);
}

.news-category-list .news-category {
  display: inline-block;
  margin: 0 4px 10px;
}

.news-detail-page .news-detail-title {
  margin-bottom: 50px;
  padding-bottom: 40px;
  position: relative;
}

.news-detail-page .news-detail-title h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  font-weight: 700;
  color: var(--four-color);
}

.sidebar-socials {
  float: left;
  width: 100%;
}

.news-detail-page .news-detail-title h2::before {
  content: "";
  position: absolute;
  bottom: 30px;
  width: 210px;
  height: 1px;
  background-color: var(--fifteen-color);
}

/* .news-detail h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}

.news-detail h3 {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 45px;
}

.news-detail h4 {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 35px;
}

.news-detail h5 {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 35px;
}

.news-detail h6 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 35px;
} */

.news-detail img {
  margin: 35px 0;
  width: auto !important;
  max-width: 100% !important;
}

.news-detail ul {
  padding-left: 20px;
}

.news-detail p,
.news-detail li {
  font-size: 18px;
  margin-bottom: 10px !important;
  line-height: 25px !important;
}

.news-detail li {
  list-style: disc;
}

.news-share {
  display: flex;
  justify-content: space-between;
  text-align: right;
  align-items: center;
  margin-top: 40px;
}

.news-share .news-share-title {
  display: inline-block;
  font-weight: 500;
  margin-right: 10px;
}

.news-share .socials-list {
  display: inline-block;
}

.news-comment {
  margin-top: 55px;
}

.news-comment .news-comment-title {
  margin-bottom: 42px;
  text-align: center;
}

.news-comment .news-comment-title h2,
.news-reply .news-reply-title h2 {
  font-size: 30px;
  margin-top: 0;
  font-weight: 500;
  line-height: 36px;
}

.comment-item {
  float: left;
  width: 100%;
  padding-bottom: 35px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--fourth-color);
}

.comment-item .comment-img {
  width: 80px;
  float: left;
  margin-right: 25px;
  overflow: hidden;
}

.comment-item .comment-content h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 28.8px;
  margin-bottom: 7px;
  margin-top: 0;
}

.comment-item .comment-content p {
  color: var(--third-color);
}

.comment-item a {
  display: inline-block;
  margin-top: 10px;
  text-decoration: underline;
}

.comment-item a:hover {
  color: var(--fourth-hover);
}

.comment-item .comment-child-list {
  padding-left: 90px;
  margin-top: 40px;
}

.comment-item .comment-child-item {
  border: none;
  margin-top: 20px;
}

.comment-item .comment-child-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.news-reply {
  margin-top: 30px;
}

.news-reply .news-reply-title {
  margin-bottom: 25px;
}

.news-reply .news-reply-title h2 {
  margin-bottom: 10px;
}

.news-reply .news-reply-title h6 {
  font-weight: 300;
  font-size: 14px;
  line-height: 19.6px;
}

.news-reply .form-reply textarea,
.news-reply .form-reply input {
  width: 100%;
  padding: 10px 25px;
  border: 1px solid var(--fifteen-color);
  margin-bottom: 30px;
}

.news-reply .form-reply textarea:focus,
.news-reply .form-reply input:focus {
  outline: none;
}

.news-reply .form-reply input {
  height: 47px;
}

.news-reply .form-group input {
  margin-right: 30px;
  width: calc(50% - 15px);
  float: left;
}

.news-reply .form-group input:last-child {
  margin-right: 0;
}

.news-reply .btn-post {
  text-align: center;
}

.news-reply .btn-post button {
  color: var(--second-color);
  padding: 15px 35px;
  font-weight: 500;
  border: none;
  font-size: 16px;
  background: var(--third-color);
  transition: all 0.3s ease;
}

.news-reply .btn-post button:hover {
  background-color: var(--four-color);
}

.news-reply.new-reply-child {
  padding-left: 90px;
  float: left;
  width: 100%;
}

.news-reply.new-reply-child .news-reply-title,
.news-reply.new-reply-child .btn-post {
  text-align: left;
}

#modal-menu .modal-dialog {
  width: 100%;
  margin: 100px auto 0 auto;
  max-width: 1380px;
}

#modal-menu .modal-content {
  border-radius: 0;
}

#modal-menu .col-sm-4.col-cus {
  padding-right: 0;
}

#modal-menu .col-sm-8.col-cus {
  padding-left: 0;
  position: absolute;
  height: 100%;
  right: -15px;
  margin-left: -15px;
  width: calc(66.66666667% + 20px);
}

.menu-modal-item {
  padding: 24px 20px;
}

.menu-modal-item h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 16px;
  margin-bottom: 32px;
  text-transform: uppercase;
  color: var(--four-color);
  border-bottom: 1px solid var(--fifteen-color);
}

.menu-modal-item.first h2 {
  color: var(--four-color);
}

.menu-modal-item h2 a {
  color: var(--primary-color);
}

.menu-modal-item h2:hover a {
  color: var(--four-color);
}

.menu-main {
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out,
    box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.menu-main:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.menu-modal-item.first {
  border-right: 1px solid var(--fifteen-color);
}

.menu-modal-item.last {
  background-color: #eaeef3;
  float: left;
  width: 100%;
  height: 100%;
}

.menu-main-content {
  padding: 8px 24px;
  border: 1px solid var(--fifteen-color);
}

.menu-main-content h3 {
  font-size: 27px;
  line-height: 35px;
  font-weight: 700;
  margin-bottom: 27px;
}

.menu-main-content h3 a {
  color: var(--third-color);
}

.menu-main-content h3:hover a {
  color: var(--four-color);
}

.menu-link {
  font-size: 16px;
  line-height: 24px;
  color: var(--twentyfive-color);
  display: flex;
  align-items: center;
}

.menu-link:hover {
  color: var(--four-color);
}

.menu-link svg {
  margin-left: 9px;
  margin-bottom: 2px;
}

.menu-list {
  max-height: 352px;
  overflow-y: auto;
}

.mt-0 {
  margin-top: 0 !important;
}

.menu-list .menu-list-item {
  list-style: none;
  font-size: 19px;
  line-height: 28px;
  float: left;
  width: calc(100% / 3);
  margin-top: 24px;
  font-weight: 500;
  margin-bottom: 36px;
  text-transform: uppercase;
}

.menu-list .menu-list-item a:hover {
  color: var(--third-color);
  font-weight: 700;
}

.menu-modal-item.last .menu-link {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.modal-close a {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--third-color);
  transition: all 0.2s linear;
}

.modal-close a:hover {
  background-color: var(--four-color);
}

.modal-close svg {
  color: var(--second-color);
}

.content-short {
  max-height: 488px;
  overflow: hidden;
  margin-bottom: 20px;
}

.read-more a {
  font-size: 18px;
  line-height: 32px;
  color: var(--third-color);
}

.read-more a:hover {
  color: var(--four-color);
}

.title h2 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.news-related-title h2 {
  margin-bottom: 20px;
  line-height: 40px;
}

.news-related-title {
  margin-top: 60px;
}

.news-detail-page .news-item-related h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.022em;
  margin-bottom: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-detail-page .news-item-related h3:hover a {
  color: var(--twentysix-color);
}

.news-detail-page .news-item-related p {
  font-size: 16px;
  text-align: left;
  line-height: 24px;
}

.news-detail-page .news-item-related .news-img {
  position: relative;
}

.news-detail-page .news-item-related .news-img .wrap-img {
  padding-bottom: 56.67%;
}

.news-detail-page .news-item-related img {
  height: 100% !important;
}

.news-detail-page .news-description p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

.news-detail-page .news-description span {
  display: inline;
}

.new-related {
  margin-bottom: 60px;
}

.new-related .owl-nav button,
.news-owl .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.new-related .owl-nav .owl-prev,
.news-owl .owl-nav .owl-prev {
  left: -30px;
}

.new-related .owl-nav .owl-next,
.news-owl .owl-nav .owl-next {
  right: -30px;
}

/* ----------------------pagination-------------------------------------- */
.paging-n {
  padding-top: 50px;
  text-align: center;
}

.paging-n li {
  display: inline-block;
}

.paging-n li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 7px;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  transition: all 0.3s linear;
  border-radius: 2px;
}

.paging-n li.active a,
.paging-n li:hover a {
  background-color: var(--third-color);
}

.paging-n li:hover a,
.paging-n li.active a {
  color: var(--second-color);
}

.paging-n .prev:hover a,
.paging-n .next:hover a {
  color: var(--third-color);
}

.paging-n .prev:hover a,
.paging-n .next:hover a {
  background-color: var(--second-background);
}

.disabled {
  display: none !important;
}

.new-related .owl-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -20px;
}

.new-related .owl-dots button {
  width: 10px;
  height: 10px;
  background-color: var(--third-color);
  border-radius: 100%;
  margin-right: 11px;
}

.new-related .owl-dots button:last-child {
  margin-right: 0;
}

.new-related .owl-dots button.active {
  background-color: var(--four-color);
}

.loiich .loiich-content p {
  color: var(--primary-color);
}

.tuvan-3 .loiich-content p {
  color: var(--four-color);
}

.tuvan-3 .tuvan-3-title p {
  color: var(--second-color);
}

.digital-banner .banner-tuvan-title p {
  right: 160px;
}

.digital-ss-1 .content-1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.digital-ss-1 .content-1-wrap {
  text-align: right;
  width: calc(62% - 100px);
}

.digital-banner:before {
  background-color: #39065eb5;
}

.phuongthuc-title h2 {
  transform: translateX(-166px);
}

.digital-ss-2 .phuongthuc-content p,
.digital-ss-2 .phuongthuc-content span {
  margin-bottom: 10px;
}

.digital-ss-2 .loitich-btn,
.digital-ss-5 .loitich-btn,
.digital-ss-9 .loitich-btn {
  background-color: var(--four-color);
}

.digital-ss-2 .loitich-btn:hover::before,
.digital-ss-5 .loitich-btn:hover::before,
.digital-ss-9 .loitich-btn:hover::before {
  background-color: var(--twentysix-color);
}

.digital-ss-5 .loitich-btn {
  left: 50%;
  right: auto;
}

.digital-ss-1 .content-1 {
  background-color: var(--four-color);
}

.digital-ss-3 {
  display: flex;
  align-items: center;
  min-height: 700px;
}

.digital-ss-3 .title-main {
  padding-left: 323px;
}

.digital-ss-3 .title-main p {
  color: var(--second-color);
  line-height: 38px;
}

.digital-ss-3 .title-main {
  /* padding-left: 0; */
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 0;
}

.digital-ss-4,
.digital-ss-5 {
  background-color: var(--background-color-5);
}

.digital-ss-4 p {
  margin-bottom: 10px;
}

.digital-ss-4 .hieuqua-img::after {
  display: none;
}

.digital-ss-5 .loiich-content {
  padding-right: 0;
  padding-top: 70px !important;
  padding-bottom: 70px;
}

.digital-ss-8 .hieuqua-des {
  padding-left: 60px;
  padding-right: 0;
}

.digital-ss-8 .hieuqua-des ul {
  padding-left: 20px;
}

.digital-ss-8 .title-main {
  padding-left: 60px;
}

.digital-ss-8 .loiich-bg {
  height: 100%;
}

.digital-ss-8 {
  background-color: var(--second-color);
}

.digital-ss-8 .col-sm-6:last-child {
  background-color: var(--second-color);
}

.digital-ss-8 .loitich-btn {
  bottom: 0;
  top: auto;
  left: 50%;
}

.digital-ss-9 {
  background-color: var(--background-color-5);
}

.digital-ss-9 .hieuqua-des {
  padding-top: 70px;
}

.digital-banner .banner-tuvan-title h1 {
  color: var(--seventeen-color);
}

.digital-banner .banner-tuvan-title h1 br {
  display: none;
}

.modal {
  z-index: 999999 !important;
}

.product-item .btn-readmore {
  color: var(--four-color);
}

.map iframe {
  width: 100% !important;
  height: 500px !important;
}

.modal-home-more {
  display: none;
}

#modal-home form {
  margin-top: 0;
}

.sidebar-wrap {
  padding: 10px;
  border: 1px solid var(--twentythree-color);
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.pdf-link {
  text-decoration: underline;
  color: blue;
}

.ss11-wrap {
  height: auto;
  background-color: rgb(217 227 255);
}

.ss11-iframe {
  padding: 60px 0;
  height: 600px;
}

.ss11-iframe iframe {
  width: 100% !important;
  height: 100% !important;
}

.ss11-wrap .title-main {
  padding-right: 0;
  padding-left: 40px;
}

.ss11-wrap .title-main h2 {
  text-transform: none;
}

.ss11-wrap .title-main p {
  color: var(--four-color);
}

.ss11-content {
  padding-right: 0;
  padding-left: 40px;
}

.ss11-content p {
  font-size: 16px;
  line-height: 24px;
}

.ss11-content h3 {
  font-size: 20px;
  margin-top: 30px;
  line-height: 24px;
}

.ss11-btn {
  transform: translateX(-100%);
}

.ss11-social {
  margin-top: 30px;
}

.ss11-social li {
  display: inline-block;
  text-align: center;
  width: 35px;
  height: 35px;
  background-color: #696969;
  line-height: 35px;
  margin-right: 10px;
  border-radius: 5px;
  transition: all 0.3s linear;
}

.ss11-social li:hover {
  background-color: var(--four-color);
}

.ss11-social li svg {
  color: var(--second-color);
  margin-bottom: -4px;
}

.news-featured {
  position: relative;
}

.news-featured-img {
  height: 350px;
  overflow: hidden;
  position: relative;
}

.news-featured-img img {
  height: 100%;
  width: auto !important;
  transform: scale(1.3);
  transition: all 1s linear;
}

.news-featured-content h3 {
  margin-top: 0;
  font-weight: 200;
  font-size: 16px;
  line-height: 24px;
}

.news-featured-content h3:hover a {
  color: var(--four-color);
}

.news-featured-content a {
  color: var(--primary-color);
}

.news-featured:hover .news-featured-img img {
  transform: scale(1);
}

.news-featured:hover .news-featured-content {
  transform: translateY(0);
}

/* mobile */
@media (max-width: 1800px) {
  .ss3-content,
  .ss4-text {
    padding-right: 150px;
  }
}

@media (max-width: 1500px) {
  .deepb-contact {
    height: 500px;
  }

  .deepb-contact-title-2 h2 {
    margin-bottom: 0;
  }

  #modal-menu .modal-dialog {
    max-width: 1240px;
  }

  /* .banner-content h1 {
    transform: translateX(100px);
  } */

  .niemtin-bg {
    /* left: 50px; */
    width: 380px;
  }

  .contact-submit a,
  .form-group label,
  .swal2-title {
    font-size: 18px;
  }

  .banner-page-1-title {
    max-width: 1130px;
    bottom: 100px;
  }

  .banner-page-1-title h1,
  .banner-tuvan-title h1 {
    margin: 20px 0;
  }

  .deepb-contact-title p {
    font-size: 18px;
  }

  .page-1-3 .title-main span,
  .page-1-4 .title-main span {
    font-size: 18px;
  }

  .footer-col-inner {
    width: calc(100% / 2 - 115px);
  }

  .page-1-content p {
    font-size: 20px;
  }

  .page-1 .tacgia p {
    font-size: 14px;
  }

  .footer-col-inner.last {
    width: 170px;
  }

  .ss2-text {
    right: 0;
    padding-right: 40px;
  }

  .ss5-s33.owl-carousel img {
    height: 70px;
  }

  .banner-page-1 .banner-tuvan-title {
    max-width: 1130px;
  }

  .ss5-img {
    transform: translate(-50%, -70%);
  }

  .banner-abs-wrap {
    margin-top: 10px;
  }

  .hieuqua-item p {
    font-size: 16px;
    /* line-height: 40px; */
  }

  .ss2-title {
    margin-bottom: 100px;
  }

  .wrap,
  .tuvan-5 .wrap,
  .ss6-wrap .wrap,
  .ss10-wrap .wrap {
    max-width: 1130px;
  }

  .banner-bg img {
    height: 100%;
  }

  .banner-thuonghieu .banner-bg {
    top: 0;
  }

  .trainghiem-5 .loiich-bg img {
    height: 100%;
    top: 0;
  }

  .tuvan-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
  }

  /* .banner-tuvan-title h1 {
    transform: translateX(100px);
  } */

  .banner-trainghiem .banner-tuvan-title h1 {
    transform: translateX(0);
    margin-bottom: 20px;
  }

  .banner-thuonghieu-image img {
    max-width: 250px;
  }

  .banner-thuonghieu-image {
    right: -2%;
    margin-bottom: 100px;
  }

  .banner-thuonghieu-title {
    top: 50%;
    left: 0;
    margin-bottom: 100px;
    transform: translate(0, -50%);
  }

  .niemtin-img img {
    max-width: 250px;
    transform: translate(150px, 17px);
  }

  .banner-niemtin {
    padding-top: 100px;
  }

  .banner-niemtin h3 {
    transform: translate(10px, 70px);
  }

  .banner-thuonghieu {
    padding-top: 0;
  }

  .loiich .loiich-content {
    padding-right: 60px;
    padding-left: 60px;
  }

  .loiich .loiich-content p {
    font-size: 18px;
  }

  .loiich .loiich-content ul {
    float: left;
    margin-bottom: 35px;
  }

  .tuvan-3 .loiich-content {
    padding-right: 0;
  }

  .trainghiem-3-item {
    min-height: 241px;
    padding: 30px 35px;
  }

  .loiich-tuvan .loiich-tuvan-content {
    padding-right: 0;
  }

  .hieuqua-title,
  .hieuqua-des {
    padding-right: 60px;
  }

  .banner-content {
    margin-top: 300px;
  }

  .kiemdinh-2 .loiich-bg img {
    height: 100%;
    top: 0;
  }

  .kiemdinh-2 .panel-group {
    margin-bottom: 35px;
  }

  .kiemdinh-2-btn {
    /* text-align: center; */
  }

  .kiemdinh-2-btn .loitich-btn {
    left: -15px;
    position: relative;
    /* margin-bottom: 35px; */
  }

  .thuonghieu-8-content {
    padding: 10% 75px 0 10%;
  }

  .tuvan-5 .hieuqua-img img {
    width: auto;
    height: 100%;
    position: relative;
    left: -10%;
  }

  .ss2-text {
    max-width: 550px;
  }

  .main-menu li a {
    padding: 27px 8px;
    font-size: 16px;
  }

  .menu-child li a {
    padding: 10px 0px;
  }

  .banner-title {
    top: 45%;
  }

  .ss1 {
  }

  .banner-btn a,
  .banner-btn {
    left: 0;
  }

  .ss7-wrap-2 {
    padding-left: 0;
  }

  .ss3-content {
    padding-right: 60px;
  }

  .ss3-content p,
  .ss4-text p,
  .ss6-content p,
  .ss7-content p,
  .ss9-content .faq-list > li a,
  .ss9-colap-content p {
    font-size: 18px;
  }

  .kiemdinh-wrap {
    padding: 0 100px;
  }

  .bcare-5-img-3 {
    margin-top: 20px;
    transform: translateX(0);
  }

  .ss4-title {
    margin-top: 90px;
  }

  .ss4-title,
  .ss4-sub,
  .ss4-text {
    padding-left: 75px;
    padding-right: 140px;
  }

  .banner-bg {
    top: 0;
  }

  .title-main h2 {
    margin-top: 0;
  }

  .mucdich h3,
  .mucdich-title h4 a {
    font-size: 16px;
  }

  .banner-thuonghieu-title-2 h2 {
    font-size: 68px;
    line-height: 68px;
  }

  .trainghiem-5 .loiich-content {
    padding-left: 60px;
    padding-right: 0;
  }

  .bcare-5-item,
  .bcare-5-title {
    padding-right: 60px;
  }

  .bcare-3-item {
    padding-right: 60px;
  }

  .ss10-right p,
  .ss10-left p {
    font-size: 16px;
  }

  .bullet-arrow a,
  .footer-des p {
    font-size: 14px;
  }

  .bullet-arrow a {
    padding-left: 20px;
  }

  .footer-des p {
    margin-bottom: 10px;
  }

  .company-name {
    font-size: 16px !important;
  }

  .page-1-content {
    padding: 80px 40px 50px 255px;
  }

  .page-1 .tacgia {
    /* bottom: 40px; */
    left: 37%;
  }

  .page-1-img img {
    position: relative;
    left: -40px;
  }

  .page-1-bg {
    top: -130px;
  }

  .page-1 .row {
    position: relative;
    height: 404px;
    overflow: hidden;
  }

  .page-1-img {
    position: absolute;
    width: 474px;
    top: -78px;
  }

  /* .page-1-img img {
    position: relative;
    left: -40px;
  } */

  .page-1-4-bg {
    top: -155px;
  }

  .page-1-3 .mucdich-content {
    padding-right: 60px;
  }

  .page-1-6 .mucdich-content,
  .page-1-4-2 .mucdich-content,
  .page-1-3 .mucdich-content {
    padding-left: 0;
  }

  .page-1-4 .loiich-content {
    padding-right: 0;
  }

  .page-1-3 .title-main h2 {
    margin-top: 0;
  }

  .page-1-4-2 .loiich-content,
  .page-1-6 .loiich-content {
    padding-right: 75px;
  }

  .banner-niemtin .wrap-cus {
    bottom: 100px;
  }

  .banner-tuvan {
    padding-top: 0;
  }

  .banner-tuvan-title {
    padding: 0 120px;
  }

  .ss2-content {
    bottom: 0;
  }

  .page-1-2-content {
    padding: 30px 40px;
    text-align: left;
  }

  .banner-thuonghieu .wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1130px;
    margin: 0 auto;
  }

  .banner-thuonghieu-title h1 {
    font-size: 30px;
  }

  .thuonghieu-1-content p {
    font-size: 24px;
  }

  .thuonghieu-1-content span,
  .tuvan-cotent-1 .content-1 .tacgia p {
    font-size: 14px;
  }

  .loitich-btn {
    font-size: 18px;
  }

  .thuonghieu-4 {
    padding: 80px 0;
  }

  .thuonghieu-4-content h2,
  .phuongthuc-title h2,
  .title-main h2,
  .hieuqua-title h2,
  .loiich-tuvan-title h2 {
    font-size: 50px;
    line-height: 58px;
  }

  .phuongthuc-title h2 {
    transform: translateX(-166px);
  }

  .phuongthuc-title p {
    font-weight: 400;
  }

  .hieuqua-title h2 {
    margin-bottom: 5px;
    margin-top: 0;
  }

  .thuonghieu-4-content li,
  .thuonghieu-4-content p,
  .thuonghieu-8-content p,
  .phuongthuc-content p,
  .mucdich-tuvan-content p,
  .hieuqua-des p,
  .trainghiem-1 .phuongthuc-content p,
  .trainghiem-3-item p,
  .trainghiem-6 p,
  .bcare-1-title p,
  .bcare-1-content p,
  .bcare-5-content p,
  .bcare-2-content p,
  .bcare-3-content p,
  .tamnhin-content p,
  .tamnhin-item-content p,
  .cauhoi-content p {
    font-size: 18px;
    line-height: 25px;
  }

  .content-1 p {
    font-size: 24px;
  }

  .thuonghieu-5 .title-main,
  .thuonghieu-7 .title-main {
    padding-left: 60px;
  }

  .thuonghieu-5 .title-main h2 br {
    display: block;
  }

  .thuonghieu-8-content h2,
  .phuongthuc-title p,
  .hieuqua-title p,
  .loiich-tuvan-title p,
  .bcare-5-title p {
    font-size: 30px;
  }

  .banner-tuvan .wrap {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    width: 100%;
  }

  .banner-tuvan-title p,
  .tuvan-4-title p {
    font-size: 20px;
  }

  .phuongthuc {
    padding: 60px 0 120px 0;
  }

  .mucdich-tuvan {
    padding: 120px 0;
    min-height: 500px;
  }

  .hieuqua-title {
    padding-top: 70px;
    margin-bottom: 30px;
  }

  .loiich-tuvan-content {
    padding-left: 60px;
    padding-top: 70px;
  }

  .loiich-tuvan-content li {
    padding-left: 80px;
    font-size: 16px;
  }

  .loiich-tuvan-content li::after {
    left: 0;
  }

  .tuvan-2 {
    padding: 120px 0;
  }

  .tuvan-2-content p {
    font-size: 20px;
    line-height: 34px;
  }

  .tuvan-4-title {
    padding-top: 0px;
  }

  .banner-trainghiem-title p,
  .trainghiem-2 .phuongthuc-content h3,
  .trainghiem-6 h3,
  .trainghiem-7-content p {
    font-size: 30px;
  }

  .banner-trainghiem-title h1 {
    font-size: 50px;
    line-height: 64px;
  }

  .trainghiem-1 .phuongthuc-title h2 {
    font-size: 50px;
    line-height: 58px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .trainghiem-1 .phuongthuc-title p,
  .bcare-1-item-1 h3 {
    font-size: 30px;
  }

  .phuongthuc-content {
    margin-top: 0;
  }

  .trainghiem-2-content h3 {
    font-size: 30px;
    line-height: 34px;
  }

  .trainghiem-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .trainghiem-3-title h2 {
    margin-top: 0;
    font-size: 30px;
  }

  .trainghiem-4 .loiich-content {
    padding-right: 0;
  }

  .bcare-1-title h2,
  .bcare-6-title h2,
  .bcare-2-title h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .bcare-5-title {
    margin-bottom: 30px;
  }

  .bcare-2-content h3,
  .bcare-3-content h3 {
    font-size: 20px;
  }

  .bcare-3-title h2,
  .sinhthai-banner h1 {
    font-size: 50px;
  }

  .tamnhin-content h2 {
    font-size: 20px;
    margin-top: 0;
  }

  .tamnhin-item {
    min-height: 285px;
  }

  .kiemdinh-content ul li,
  .kiemdinh-content ul p,
  .kiemdinh-title h3 {
    font-size: 16px;
    line-height: 24px;
  }

  .kiemdinh-title h3 {
    font-weight: 700;
  }

  .tuvan-3-title img {
    transform: translateY(-10px);
  }

  .tuvan-3-title p {
    font-size: 55px !important;
    line-height: 52px !important;
  }

  .mucdich-tuvan p {
    font-size: 20px;
    line-height: 28px;
  }

  .thuonghieu-5 .loiich-content {
    padding-bottom: 0;
    min-height: unset;
  }

  .loiich .title-main {
    padding-left: 60px;
    padding-right: 60px;
  }

  .loiich-content p {
    font-size: 18px;
    line-height: 24px;
  }

  .kiemdinh-title-item h3 span:last-child {
    margin: 0;
    line-height: 24px;
  }

  .trainghiem-5 .title-main {
    padding-left: 60px;
  }

  .page-1-3 .title-main {
    padding-left: 0;
  }

  .thuonghieu-7 .title-main {
    padding-right: 0;
  }

  .thuonghieu-5 .title-main {
    padding-right: 0;
  }

  .phuongthuc .line {
    margin-bottom: 10px;
  }

  .tuvan-3 .loiich-content {
    padding-right: 0;
  }

  .phuongthuc-content-2 {
    margin-top: 16px;
  }

  .phuongthuc-content span {
    font-size: 16px;
    line-height: 26px;
  }

  .mucdich-tuvan .title-main {
    padding-top: 5px;
  }

  .thuonghieu-8-img > img {
    min-height: 500px;
  }

  .thuonghieu-3 .loiich-content {
    padding-right: 0;
  }

  .thuonghieu-7 .loiich-content {
    padding-right: 0;
  }

  /* .phuongthuc .loitich-btn {
    bottom: -60px;
  } */

  .digital-banner .banner-tuvan-title {
    padding: 0;
  }

  .digital-banner .wrap {
    bottom: 138px;
  }

  .digital-ss-4,
  .digital-ss-5 {
    min-height: 600px;
  }

  .digital-ss-7 .tuvan-2-content {
    padding-left: 400px;
  }

  .digital-ss-8 .title-main {
    padding-right: 0;
  }

  .digital-ss-3 .title-main p {
    line-height: 32px;
  }

  .page-1-5 .loiich-content {
    padding-bottom: 60px;
    padding-right: 0;
  }

  .trainghiem-4 .title-main,
  .trainghiem-4 .loiich-content {
    padding-left: 0;
  }

  .trainghiem-4 .loiich-content {
    padding-right: 60px;
  }

  .kiemdinh-1 .title-main,
  .kiemdinh-3 .title-main,
  .kiemdinh-3 .loiich-content {
    padding-right: 0;
  }

  .kiemdinh-1 .loiich-content {
    padding-right: 0 !important;
  }

  .kiemdinh-2 .title-main,
  .kiemdinh-2 .loiich-content {
    padding-left: 0;
  }

  .ss11-wrap .title-main h2 {
    font-size: 40px;
  }

  .ss11-wrap .title-main,
  .ss11-wrap .ss11-content {
    padding-left: 30px;
  }

  .ss1-content {
    margin-top: 0;
  }
}

@media (max-width: 1080px) {
  .page-1-img img {
    position: relative;
    left: 0;
  }

  .main-menu li a {
    padding: 7px 10px;
  }

  .login .btn-login {
    font-size: 16px;
    padding: 0 10px;
    border: none;
  }

  .ss2-text {
    padding-left: 15px;
  }

  .wrap,
  .tuvan-5 .wrap,
  .ss6-wrap .wrap,
  .ss10-wrap .wrap {
    max-width: 900px;
  }

  .digital-ss-3 {
    min-height: 500px;
  }
}

@media (max-width: 1000px) {
  .loiich-content {
    padding-right: 40px;
    padding-left: 40px;
  }

  .loiich .title-main {
    padding-left: 0;
    padding-right: 0;
    padding-top: 35px;
  }

  .kiemdinh-wrap {
    padding: 0 40px;
  }

  .page-1-3 .mucdich-content p {
    font-size: 16px;
    line-height: 24px;
  }

  .deepb-contact-title-2 {
    bottom: 180px;
  }

  .mucdich .mucdich-content {
    padding-left: 0;
    padding-right: 0;
  }

  .mucdich-tuvan-content,
  .tuvan-2-content {
    padding-left: 100px;
  }

  .loiich-tuvan-content {
    padding-right: 0;
  }

  .main-menu li a {
    font-size: 16px;
  }

  .banner-wrap .banner-content p {
    font-size: 40px;
    line-height: 48px;
  }

  .banner-wrap .ss1-content {
    max-width: 60%;
    margin-bottom: 20px;
  }

  .banner-wrap .ss1-content p {
    font-size: 18px;
    line-height: 28px;
  }

  .banner-niemtin {
    min-height: 450px;
    background-size: cover;
    background-position: 50% 100%;
  }

  .banner-title {
    top: 47%;
    right: 4%;
  }

  .banner-title p {
    font-size: 16px;
  }

  .banner-btn a {
    font-size: 16px;
    padding: 14px 20px;
    line-height: 35px;
  }

  .loiich {
    min-height: unset;
  }

  .ss1,
  .ss1-img {
    height: 400px;
  }

  .ss1-left {
    padding: 50px;
    height: 400px;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .ss1-right {
    height: 400px;
    top: 0;
  }

  .banner-trainghiem-title {
    position: unset;
  }

  .banner-btn {
    top: -63px;
  }

  .ss1-wrap {
    margin-top: 0;
  }

  .ss1-content-left {
    padding-right: 0;
  }

  .banner-wrap .banner-content {
    padding-left: 15px;
  }

  .ss1-img {
    overflow: hidden;
  }

  .ss2-left {
    position: absolute;
  }

  .banner-thuonghieu-title-2 h2 {
    font-size: 40px;
    line-height: 48px;
  }

  .digital-ss-1 .content-1-wrap {
    width: 100%;
  }

  .hieuqua-img {
    left: auto;
  }

  .ss2-btn a,
  .ss6-btn a,
  .ss7-btn a,
  .ss7-buy a,
  .page-1-3 .loitich-btn,
  .contact-submit .loitich-btn,
  .thuonghieu-3 .loitich-btn,
  .thuonghieu-8 .loitich-btn,
  .loitich-btn {
    font-size: 16px;
    padding: 14px 20px;
    line-height: 35px;
  }

  .ss2-text {
    font-size: 21px;
    bottom: 15px;
    line-height: 32px;
    padding-left: 35px;
  }

  .ss2-wrap {
    margin-top: -100px;
  }

  .ss2-content {
    bottom: 0;
  }

  .ss2-wrap,
  .ss2-left,
  .ss2-right {
    height: 500px;
  }

  .ss2-title {
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 100px;
  }

  .ss2-title span,
  .ss3-title span,
  .ss4-title span {
    font-size: 48px !important;
  }

  .ss2-title p,
  .ss3-title p,
  .ss4-title p,
  .ss6-title {
    font-size: 28px;
  }

  .trainghiem-1 .title-main {
    padding-bottom: 0;
  }

  .ss3-title {
    padding-top: 40px;
    margin-bottom: 20px;
  }

  .ss3-content {
    margin-top: 0;
    font-size: 16px;
    padding-right: 30px;
  }

  .ss3-right,
  .ss3-left,
  .ss3-wrap {
    height: 500px;
  }

  .ss4-right,
  .ss4-left,
  .ss4-wrap {
    height: auto;
    min-height: unset;
  }

  .ss4-left img {
    min-height: 650px;
    height: 100%;
  }

  .ss4-wrap {
    background-color: rgb(217 227 255);
  }

  .ss4-sub {
    margin-top: 20px;
  }

  .ss4-sub p {
    margin-bottom: 5px;
  }

  .ss4-right {
    width: 50%;
    padding-bottom: 30px;
  }

  .ss4-title {
    margin-top: 40px;
  }

  .ss4-title,
  .ss4-sub,
  .ss4-text {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ss4-left {
    position: absolute;
    top: 0;
    right: 0;
  }

  .ss4-text p {
    font-size: 16px;
  }

  .ss4-sub .line {
    margin-top: 15px;
  }

  .ss5-s33-slide {
    margin-top: 50px;
  }

  .ss5-s2 img {
    max-width: 150px;
  }

  .ss5-s33.owl-carousel img {
    height: 60px;
  }

  .ss6-s1 {
    padding-top: 0;
    padding-bottom: 70px;
  }

  .ss6-title {
    /* margin-top: 100px; */
    margin-bottom: 0;
  }

  .ss6-content p,
  .ss7-content p,
  .ss9-content .faq-list > li a,
  .ss9-colap-content p {
    font-size: 16px;
  }

  .ss6-btn {
    top: -63px;
  }

  .brand-logo {
    line-height: 80px;
    height: 80px;
  }

  .ss7-sub-title {
    margin-top: 0;
  }

  .ss7-sub-title {
    margin-top: 0;
  }

  .ss7-title br {
    display: none;
  }

  .ss7-sub-title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .ss7-sub {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .ss7-content {
    margin-top: 5px;
  }

  .ss7-content p {
    margin-bottom: 16px;
  }

  .ss9-title {
    margin-top: 0;
  }

  .ss10-img img {
    max-width: 250px;
  }

  .ss10-right,
  .ss10-left {
    position: relative;
    padding-top: 30px;
    min-height: 734px;
  }

  .ss10-btn {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .ss10-right .ss10-btn {
    left: 0;
    right: auto;
  }

  .ss10-right h3,
  .ss10-left h3 {
    margin-bottom: 10px;
  }

  .ss10-right p,
  .ss10-left p,
  .deepb-contact-title p {
    font-size: 16px;
  }

  .banner-page-1 {
    padding-top: 100px;
    min-height: 450px;
  }

  .banner-tuvan-title {
    position: relative;
    padding: 0 100px;
  }

  .banner-tuvan-title p {
    font-size: 26px;
  }

  .banner-tuvan-title h1 {
    font-size: 48px;
    line-height: 48px;
    transform: translate(0);
  }

  .page-1-bg {
    position: relative;
    bottom: -20px;
    top: -130px;
  }

  .page-1 .col-cus {
    top: 130px;
  }

  .page-1 .tacgia {
    bottom: 10px;
    z-index: 9;
    left: 50%;
  }

  .page-1-content {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    padding: 20px;
  }

  .page-1-content p {
    font-size: 24px;
    line-height: 32px;
  }

  .page-1-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }

  .page-1-2-content {
    padding: 20px 40px 10px 40px;
  }

  .page-1-2-content p {
    font-size: 18px;
    margin-bottom: 0;
  }

  .page-1-2-title h2 {
    font-size: 28px;
    padding: 40px 0;
  }

  .page-1-3 .title-main h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .page-1-3 .loiich-content {
    padding-top: 70px !important;
  }

  .page-1-4-2 .loiich-content,
  .page-1-6 .loiich-content,
  .page-1-7 .loiich-content,
  .page-1-5 .loiich-content {
    padding-top: 30px;
  }

  .deepb-contact {
    padding: 120px 0;
  }

  .page-1-3 .loitich-btn {
    z-index: 11;
  }

  .banner-thuonghieu-title {
    display: none;
  }

  .banner-niemtin .banner-bg img {
    transform: scale(1);
  }

  .banner-thuonghieu {
    position: relative;
    padding-bottom: 100px;
  }

  .banner-thuonghieu-title {
    display: block;
    margin-top: 0;
    top: 47%;
  }

  .banner-thuonghieu-title h1 {
    margin-top: 0;
  }

  .banner-thuonghieu-image {
    right: 2%;
    top: 45%;
  }

  .banner-thuonghieu-image img {
    max-width: 180px;
  }

  .thuonghieu-1-img .banner-thuonghieu-title {
    display: none;
  }

  .thuonghieu-1-img-sau {
    display: none;
  }

  .thuonghieu-1 .thuonghieu-1-img img {
    height: 100%;
  }

  .thuonghieu-1-content p {
    font-size: 20px;
    line-height: 32px;
  }

  .thuonghieu-2 .loiich-content,
  .thuonghieu-3 .loiich-content {
    padding-top: 30px;
  }

  .page-1-3,
  .thuonghieu-3,
  .thuonghieu-3 .loiich-content {
    min-height: auto;
  }

  .thuonghieu-3 .loiich-content {
    padding-bottom: 100px;
  }

  .thuonghieu-4 {
    padding: 50px 0 30px 0;
  }

  .thuonghieu-4-content h2,
  .thuonghieu-5 .title-main h2,
  .thuonghieu-7 h2,
  .title-main h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .thuonghieu-4-content li,
  .thuonghieu-4-content p,
  .thuonghieu-7 h4,
  .thuonghieu-8-content p {
    font-size: 16px;
    line-height: 28px;
  }

  .thuonghieu-6 .loiich-content {
    padding-top: 80px;
  }

  .thuonghieu-7 {
    min-height: auto;
  }

  .thuonghieu-7 .loiich-content {
    padding-top: 30px;
  }

  .thuonghieu-8-content {
    padding-top: 3%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .banner-content {
    margin-top: 150px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    max-width: 900px;
    transform: translateX(-50%);
    text-align: right;
    width: 100%;
  }

  .niemtin-img img {
    max-width: 150px;
    /* transform: translate(144px, 120px); */
  }

  .banner-kiemdinh h3 {
    transform: translate(203px, -73px);
    font-size: 20px;
    margin-bottom: 0;
  }

  .banner-kiemdinh .banner-content h1 {
    font-size: 44px;
    transform: translate(0);
    line-height: 44px;
  }

  .banner-content p {
    font-size: 22px;
    line-height: 22px;
  }

  .niemtin-content-1 .loitich-btn {
    top: -63px;
  }

  .content-1 p,
  .kiemdinh-title h3,
  .kiemdinh-title-item h3,
  .taisao-content span {
    font-size: 16px;
  }

  .kiemdinh {
    padding-bottom: 30px;
  }

  .loiich .loiich-content {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mucdich-tuvan p {
    font-size: 16px;
    line-height: 24px;
  }

  .tuvan-cotent-1 .content-1 .tacgia {
    position: absolute;
  }

  .kiemdinh .title-main {
    padding-left: 40px;
    padding-right: 40px;
  }

  .taisao .title-main {
    padding-left: 40px;
  }

  .kiemdinh-title-item {
    margin-bottom: 15px;
  }

  .mucdich h3,
  .mucdich-title h4 a,
  .title-main p,
  .kiemdinh-content ul li,
  .kiemdinh-content ul p,
  .phuongthuc-content p,
  .hieuqua-des p,
  .trainghiem-1 .phuongthuc-content p,
  .trainghiem-3-item p,
  .trainghiem-6 p,
  .bcare-1-title p,
  .bcare-1-content p,
  .bcare-5-content p,
  .bcare-2-content p,
  .bcare-3-content p,
  .tamnhin-item-content p {
    font-size: 18px;
  }

  .kiemdinh-3 {
    min-height: unset;
    /* padding-bottom: 80px; */
  }

  .kiemdinh-1 .loiich-content {
    padding-bottom: 60px;
  }

  .trainghiem-4 .loiich-bg {
    left: 0;
    right: auto;
  }

  .thuonghieu-1-item img {
    width: 100%;
  }

  .trainghiem-5 .loiich-bg {
    left: auto;
    right: 0;
  }

  .trainghiem-5 .quytrinh-btn {
    left: 50%;
  }

  .taisao {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .niemtin-2-content {
    padding-top: 90px;
  }

  .niemtin-2 .loitich-btn {
    top: -63px;
  }

  .footer-des p {
    margin-bottom: 16px;
  }

  .bullet-arrow a,
  .footer-des p {
    font-size: 14px;
  }

  .banner-tuvan-title img {
    width: 150px;
  }

  .niemtin-content-1 {
    position: relative;
  }

  .tuvan-cotent-1 .content-1 {
    padding-top: 66px;
    padding-right: 130px;
    padding-left: 345px;
    padding-bottom: 65px;
  }

  .tuvan-cotent-img {
    width: 300px;
  }

  .phuongthuc {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .phuongthuc-title h2,
  .hieuqua-title h2,
  .trainghiem-1 .phuongthuc-title h2 {
    font-size: 42px;
    line-height: 42px;
    transform: translate(0);
  }

  .phuongthuc-title p,
  .hieuqua-title p,
  .trainghiem-1 .phuongthuc-title p {
    font-size: 24px;
    line-height: 28px;
  }

  .hieuqua-title {
    padding-top: 30px;
    padding-right: 30px;
  }

  .hieuqua-des {
    padding-right: 30px;
  }

  .phuongthuc-content span {
    font-size: 18px;
  }

  .mucdich-tuvan {
    padding: 60px 0;
  }

  .loiich-tuvan-content {
    padding-top: 30px;
  }

  .loiich-tuvan-content li::after {
    width: 40px;
    height: 40px;
  }

  .loiich-tuvan-content li {
    padding-left: 70px;
    font-size: 16px;
  }

  .tuvan-2 {
    padding: 80px 0;
  }

  .tuvan-2-content p {
    font-size: 18px;
  }

  .tuvan-2-img {
    left: -100px;
  }

  .tuvan-2-img img {
    transform: scale(1);
  }

  .tuvan-3-title p {
    font-size: 48px !important;
  }

  .tuvan-3-title img {
    max-width: 100px;
  }

  .tuvan-3-title {
    width: 25%;
  }

  .tuvan-3-item .panel-group {
    width: 75%;
  }

  .panel-group .panel + .panel {
    margin-top: 0;
  }

  .tuvan-3 {
    padding-bottom: 30px;
  }

  .tuvan-4-title {
    padding: 50px 100px 0;
  }

  .tuvan-4 {
    padding-bottom: 60px;
  }

  .banner-trainghiem-wrap img {
    display: inline-block;
    max-width: 150px;
    margin-bottom: 0;
  }

  .banner-trainghiem-title h1 {
    font-size: 38px;
    line-height: 46px;
  }

  .banner-trainghiem .quytrinh-btn {
    top: auto;
    bottom: 0;
  }

  .trainghiem-1 .phuongthuc-title h2,
  .trainghiem-1 .phuongthuc-title p {
    margin-bottom: 15px;
  }

  .trainghiem-1 .phuongthuc-content {
    padding: 0 60px;
    margin-top: 20px;
  }

  .trainghiem-2-content h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .trainghiem-3 {
    padding-top: 60px;
  }

  .trainghiem-3-title h2 {
    margin-top: 0;
  }

  .trainghiem-3-item {
    padding: 20px;
    min-height: 274px;
  }

  .trainghiem-3 .quytrinh-btn {
    margin-top: 10px;
    display: inline-block !important;
  }

  .trainghiem-6,
  .trainghiem-7 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .trainghiem-6-content {
    padding: 0 100px;
  }

  .trainghiem-6 h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .trainghiem-6 span {
    margin-bottom: 0;
  }

  .trainghiem-7 {
    min-height: unset;
  }

  .trainghiem-7-content img {
    margin-top: 0;
    width: 150px;
    margin-bottom: 60px;
  }

  .trainghiem-7-content p {
    font-size: 28px;
    line-height: 36px;
  }

  .bcare-banner {
    /* height: auto; */
    min-height: 450px;
  }

  .bcare-1 {
    padding-bottom: 60px;
  }

  .bcare-1-title h2 {
    margin-top: 0;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 30px;
  }

  .bcare-1-content h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .bcare-5-title {
    margin-bottom: 20px;
  }

  .bcare-5-title p {
    font-size: 24px;
    line-height: 32px;
  }

  .bcare-5 {
    min-height: unset;
    padding-bottom: 60px;
  }

  .bcare-6-img img {
    width: 100%;
  }

  .bcare-6 {
    min-height: unset;
  }

  .bcare-2-title img {
    max-width: 150px;
  }

  .bcare-2-title {
    margin-bottom: 30px;
  }

  .bcare-2-content h3 {
    position: relative;
    padding-right: 30px;
    font-size: 18px;
    line-height: 24px;
  }

  .bcare-2-content h3 svg {
    position: absolute;
    top: 10px;
    right: 5px;
  }

  .bcare-3-item {
    margin-bottom: 0;
  }

  .bcare-3-title {
    padding-right: 0;
  }

  .bcare-3-title h2 {
    font-size: 39px;
    line-height: 47px;
  }

  .bcare-3-content h3,
  .cauhoi-content p {
    font-size: 18px;
  }

  .tamnhin {
    padding-bottom: 60px;
  }

  .tamnhin-item {
    padding: 30px;
    min-height: 320px;
  }

  .tamnhin-item-img img {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .tamnhin-content {
    padding: 35px 60px 0;
  }

  .ss10-wrap {
    padding-bottom: 60px;
  }

  .page-1-bg img {
    transform: scale(1.3);
  }

  .page-1 .row:hover .page-1-bg img {
    transform: scale(1.3);
  }

  .page-1-4 .loiich-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px !important;
  }

  .thuonghieu-1-content {
    padding-top: 40px;
  }

  .thuonghieu-2 .loiich-content {
    padding-top: 30px !important;
  }

  .thuonghieu-3 .loiich-content {
    padding-bottom: 60px;
  }

  .thuonghieu-6 .loiich-content {
    padding-top: 30px !important;
  }

  .thuonghieu-7 .loiich-content {
    padding-left: 0;
    padding-right: 0;
  }

  .kiemdinh-2-btn .loitich-btn {
    left: 0;
    position: absolute;
  }

  .quytrinh-btn {
    bottom: 0;
    top: auto;
  }

  .loiich-tuvan .loiich-tuvan-content {
    padding-left: 0;
  }

  .tuvan-4-btn {
    text-align: center;
  }

  .tuvan-4 .quytrinh-btn {
    z-index: 999;
  }

  .ss9-wrap {
    padding-bottom: 50px;
  }

  .banner-page-1 .banner-tuvan-title {
    bottom: 120px;
    top: auto;
  }

  .thuonghieu-8-item-icon .thuonghieu-1-item {
    height: calc(100% / 3);
  }

  .thuonghieu-8-item-wrap {
    height: 100%;
  }

  .niemtin-content-wrap {
    padding-right: 110px;
    margin: 0;
  }

  .niemtin-content-wrap .content-1 {
    opacity: 1;
    visibility: visible;
    width: 40%;
    transform: translateX(0);
  }

  .niemtin-bg {
    /* left: 0; */
    width: 350px;
  }

  .content-1-wrap {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
    opacity: 1;
    transform: translate(0);
    visibility: visible;
  }

  .mucdich-tuvan .quytrinh-btn {
    top: auto;
  }

  .trainghiem-2 .phuongthuc-title h2 {
    transform: translate(0);
  }

  .news-des span,
  .news-des p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px !important;
  }

  .news-item .news-content {
    padding-top: 0;
  }

  .news-item .news-content .news-date {
    font-size: 12px;
  }

  .news-item .news-content h3 {
    font-size: 16px;
    margin-top: 10px;
    line-height: 24px;
  }

  .news-item .btn-readmore {
    font-size: 14px;
    line-height: 20px;
  }

  .news-detail-page .news-detail-title h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .news-detail-page .news-detail-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .news-detail-page .news-detail-title h2::before {
    bottom: 20px;
  }

  .news-detail p,
  .news-detail li,
  .news-detail span,
  .sidebar-related .related-content h3,
  .news-detail-page .news-item-related p,
  .news-detail-page .news-item-related span {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .news-detail-page .news-item-related h3 {
    font-size: 16px;
    line-height: 24px;
  }

  .new-related {
    margin-bottom: 30px;
  }

  .ss6-s1:hover .ss6-s1-bg {
    transform: scale(1);
  }

  .phuongthuc .loitich-btn {
    bottom: -60px;
  }

  .dktv-form .modal-dialog {
    top: 100% !important;
  }
}

@media (min-width: 600px) and (max-width: 768px) {
  .banner-niemtin {
    min-height: 400px;
  }
}

@media screen and (max-width: 768px) {
  .title-main p {
    font-size: 16px;
  }

  .btn-btt span {
    white-space: nowrap;
    font-size: 16px;
  }

  .dktv-form .form-group p {
    text-align: left;
  }

  .dktv-form .modal-dialog {
    top: 50% !important;
  }

  .loiich .loiich-content {
    padding: 0;
  }

  .loiich .title-main h2 {
    margin-bottom: 0;
  }

  .header-affix.affix {
    z-index: 999;
  }

  .pcc {
    display: none !important;
  }

  .mbb {
    display: block !important;
  }

  .logo-header {
    text-align: center;
  }

  .logo-header img {
    max-width: 150px;
  }

  .menu-btn-mobile {
    position: fixed;
    top: 0;
    line-height: 60px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    right: 0;
    align-items: center;
    z-index: 999999999;
  }

  .menu-btn-mobile svg {
    color: #9a9999;
  }

  .header-affix.affix .menu-btn-mobile {
    background: none;
  }

  .banner-content {
    padding-top: 20px;
    font-size: 30px;
    line-height: 45px;
  }

  .banner-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: unset;
    background-repeat: no-repeat;
    background-position: 53% 100% !important;
    background-size: cover;
    height: calc(100vh - 140px);
  }

  .banner-btn {
    margin-top: 0;
  }

  .banner-title {
    padding-top: 53px;
  }

  .banner-title p {
    text-align: left;
    font-size: 14px;
  }

  .banner-abs-wrap {
    margin-left: 0;
    margin-top: 35px;
  }

  .banner-btn a {
    bottom: 0;
    padding: 8px 30px;
  }

  .banner-bg img {
    height: 100%;
    width: 100%;
    transform: scale(1);
  }

  .ss1 {
    top: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 0;
    overflow: hidden;
  }

  .ss1-wrap {
    height: auto;
    margin-top: 0;
  }

  .ss1-left {
    padding: 40px;
    height: auto;
    background-size: 40%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
  }

  .ss1-content-left {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    padding-right: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 1;
  }

  .ss1 > img {
    display: none;
  }

  .ss1-content-wrap {
    position: relative;
    z-index: 4;
  }

  .ss1-content {
    padding-right: 60px;
  }

  .ss2-right {
    width: 100%;
    height: 328px;
    display: none;
  }

  .ss2-left {
    position: relative;
    height: 400px;
    width: 100%;
  }

  .ss2-wrap {
    height: auto;
    margin-top: 0;
  }

  .ss2-text {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 26px;
    line-height: 40px;
    /* top: 50%; */
    bottom: 50px;
    /* transform: translateY(-50%); */
    padding-top: 0;
    padding-bottom: 0;
  }

  .ss2-content {
    position: unset;
    float: left;
    width: 100%;
    background-color: var(--eight-color);
  }

  .ss2-title {
    margin-bottom: 35px;
    font-size: 30px !important;
    line-height: 40px;
    padding: 0 15px;
    margin-top: 35px;
  }

  .ss2-title span {
    font-size: 40px !important;
  }

  .ss2-btn a {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
  }

  /*  */
  .ss3-right {
    width: 100%;
    height: auto;
  }

  .ss3-wrap {
    height: auto;
  }

  .ss3-btn {
    position: unset;
    text-align: center;
    margin-top: 35px;
  }

  .ss3-content-height {
    min-height: unset;
    float: left;
    width: 100%;
  }

  .ss3-content-height .line {
    margin-top: 35px;
    margin-bottom: 10px;
  }

  .ss3-left {
    height: auto;
    width: 100%;
  }

  .ss3-title {
    padding-top: 35px;
    margin-bottom: 10px;
  }

  .ss3-title {
    font-size: 30px !important;
    line-height: 40px;
  }

  .ss3-title span {
    font-size: 40px !important;
  }

  .ss3-btn a {
    font-size: 18px;
  }

  .ss3-content-wrap {
    position: relative;
    background-color: var(--four-color);
    padding-bottom: 35px;
  }

  /*  */
  .ss4-wrap {
    height: auto;
  }

  .ss4-right {
    width: 100%;
    padding: 30px 0 15px;
    height: auto;
  }

  .ss4-left {
    position: relative;
    width: 100%;
    height: auto;
  }

  .ss4-left img {
    height: 100%;
    min-height: auto;
  }

  .ss4-title {
    font-size: 30px !important;
    line-height: 40px;
    margin-top: 0;
    padding: 5px 0 0;
  }

  .ss4-title span {
    font-size: 40px !important;
  }

  .ss4-sub {
    padding: 15px 0 0;
    margin-top: 0;
  }

  .ss4-text {
    /* padding: 0 15px; */
    margin-top: 10px;
    padding-right: 0;
  }

  .footer-social {
    margin-bottom: 0;
  }

  .ss4-text p {
    font-size: 16px;
  }

  .ss4-sub .line {
    margin-top: 35px;
  }

  .ss4-left.owl-carousel.owl-drag .owl-item {
    height: auto;
  }

  .col-cus-right {
    padding-right: 15px;
  }

  .col-cus-left {
    padding-left: 15px;
  }

  /*  */
  .ss5-wrap {
    padding: 35px 0;
    background-size: 150%;
    background-position: 50% -53%;
  }

  .ss5-s33-slide {
    margin-top: 60px;
  }

  /*  */
  .ss6-s1 {
    padding: 40px 15px 80px;
  }

  .brand-logo {
    height: 50px;
    line-height: 50px;
  }

  .brand-logo img {
    width: 100%;
    height: auto;
  }

  .ss6-title {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 40px;
  }

  /*  */
  .ss7-sub-title {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .ss7-btn a,
  .ss7-buy a {
    font-size: 18px;
    height: 50px;
  }

  .ss7-sub {
    margin-bottom: 10px;
  }

  .ss7-wrap-2 .line {
    margin-top: 35px;
    margin-bottom: 0;
  }

  .ss7-title {
    font-size: 36px;
    line-height: 42px;
  }

  .quytrinh,
  .tuvan-5 {
    padding-bottom: 0;
  }

  .ss7-content p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .ss8-wrap iframe {
    width: 100%;
    margin-top: 30px;
  }

  .ss9-colap-content > div {
    padding-left: 0;
    padding-right: 0;
  }

  .ss10-right,
  .ss10-left {
    min-height: unset;
  }

  .ss10-right img,
  .ss10-left img {
    padding-right: 10px;
  }

  .ss10-right h3,
  .ss10-left h3 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .ss10-img img {
    max-width: 200px;
  }

  .ss10-btn {
    position: relative;
  }

  .ss10-btn a {
    position: relative;
    font-size: 18px;
  }

  .ss10-left,
  .ss10-right {
    padding-top: 35px;
    margin-bottom: 15px;
    /* padding-bottom: 35px; */
  }

  .ss10-right {
    margin-bottom: 0;
  }

  .niemtin-img img {
    width: 120px;
    transform: translate(0);
  }

  .banner-niemtin h3 {
    font-size: 29px;
    line-height: 34px;
    margin-top: 0;
    transform: translateX(0);
  }

  .banner-content {
    position: absolute;
    bottom: 100px;
    left: 15px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    font-size: 55px;
    color: var(--six-color);
    font-weight: 600;
    line-height: 66px;
    text-align: left;
  }

  .banner-content h1 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .banner-abs .banner-content p,
  .banner-content p {
    font-size: 29px;
    line-height: 46px;
    font-weight: 700;
  }

  .banner-content p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .banner-niemtin {
    padding-top: 0;
    padding-bottom: 0;
    height: 100vh;
    background-size: cover;
    background-position: 16% 100%;
    background-repeat: no-repeat;
    max-height: 1000px;
  }

  .niemtin-content-wrap .content-1 {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .niemtin-content-wrap {
    padding: 35px 0;
    display: block;
  }

  .niemtin-content-wrap .digital {
    width: 100%;
  }

  .digital {
    position: relative;
    float: none;
  }

  .digital-item {
    width: calc(100% / 3);
    float: left;
  }

  .niemtin-content-1 .loitich-btn {
    left: 50%;
  }

  .content-1 {
    margin: 0 -15px;
  }

  .content-1 p {
    font-size: 16px;
    line-height: 26px;
  }

  .loiich-bg {
    position: relative;
    width: 100%;
    height: 400px;
  }

  .loitich-btn {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    min-width: 355px;
  }

  .loiich-content {
    padding: 0;
  }

  .mucdich-bg .loitich-btn {
    right: 0;
    top: auto;
    bottom: 0;
    left: auto;
  }

  .kiemdinh {
    padding-bottom: 35px;
  }

  .kiemdinh-wrap {
    padding: 0;
  }

  .kiemdinh-item {
    width: 100%;
    float: none;
    height: auto;
    margin-top: 0;
    min-height: 350px;
  }

  .kiemdinh-item.active .kiemdinh-content {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }

  .kiemdinh-item.active .kiemdinh-content li p {
    font-size: 18px;
  }

  .kiemdinh-item.active .kiemding-item-img img {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    transform: scale(1.3);
  }

  .kiemdinh-title-item {
    padding-top: 20px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .kiemdinh-title h3 {
    margin-bottom: 10px;
  }

  .taisao {
    padding-bottom: 35px;
    padding-top: 35px;
  }

  .taisao .loiich-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .tacgia {
    width: 100%;
    text-align: center;
  }

  .niemtin-2-content .loitich-btn {
    text-align: center;
  }

  .niemtin-2-content {
    padding-top: 40px;
  }

  .niemtin-2-content p {
    text-align: center;
  }

  .niemtin-2 .loitich-btn {
    position: relative;
    text-align: center;
  }

  /* ---------------------------------------tuvan-4-------------------------------------- */
  .banner-tuvan {
    padding: 200px 0;
  }

  .banner-tuvan-title {
    padding: 0;
  }

  .banner-tuvan-title img {
    width: 190px;
  }

  .banner-tuvan-title p {
    margin-top: 0;
    font-size: 24px;
  }

  .banner-tuvan-title h1 {
    font-size: 41px;
    line-height: 41px;
  }

  .loiich .loitich-btn {
    width: 100%;
    position: relative;
    text-align: center;
    left: auto;
    right: 0;
    bottom: 0;
    transform: translateX(0);
  }

  .content-1-wrap {
    padding-right: 0;
  }

  .tuvan-cotent-img {
    position: relative;
    text-align: center;
    width: 100%;
  }

  .tuvan-cotent-1 .content-1 {
    margin-top: -100px;
    padding-bottom: 0;
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 40px;
  }

  .phuongthuc-title h2,
  .hieuqua-title h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .phuongthuc-title p {
    padding-left: 0;
  }

  .phuongthuc-title p,
  .hieuqua-title p {
    font-size: 24px;
  }

  .phuongthuc .loitich-btn {
    width: 100%;
    position: relative;
    left: auto;
    right: 0;
    bottom: 0;
    top: 0;
    transform: translateX(0);
    z-index: 9;
  }

  .hieuqua-img:hover img {
    transform: scale(1);
  }

  .mucdich-tuvan-content {
    padding-left: 0;
    text-align: left;
    padding-right: 0;
  }

  .mucdich-tuvan .title-main {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .mucdich-tuvan-content h2::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .mucdich-tuvan {
    padding-top: 0;
    padding-bottom: 300px;
  }

  .mucdich-tuvan-bg img {
    transform: scale(1);
  }

  .hieuqua .title-main {
    padding-top: 35px;
    padding-right: 0;
  }

  .hieuqua-title {
    padding-top: 35px;
  }

  .hieuqua-title h2 {
    text-align: center;
    margin-bottom: 5px;
  }

  .hieuqua-title p {
    text-align: center;
  }

  .hieuqua-title span {
    margin: 16px auto 35px auto;
    display: block;
  }

  .hieuqua-des {
    margin-bottom: 35px;
  }

  .hieuqua-img img {
    min-height: 400px;
    height: 400px;
  }

  .loiich-tuvan-content {
    padding-left: 0;
    padding-top: 35px;
    /* margin-bottom: 35px; */
  }

  .loiich-tuvan-content li img {
    margin-right: 20px;
  }

  .loiich-tuvan-content li p {
    font-size: 18px;
    line-height: 28px;
  }

  .loiich-tuvan-title {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }

  .tuvan-2 {
    padding: 100px 0;
  }

  .tuvan-2-content {
    text-align: center;
    padding-left: 0;
  }

  .tuvan-2-content p {
    font-size: 20px;
    line-height: 28px;
  }

  .tuvan-3-item {
    display: block;
    margin-bottom: 20px;
  }

  .tuvan-3-title,
  .tuvan-3-item .panel-group {
    width: 100%;
  }

  .tuvan-4-title {
    padding-top: 100px;
  }

  .tuvan-4 .quytrinh-btn {
    margin-top: 60px;
  }

  .tuvan-4 .loitich-btn {
    font-size: 14px;
  }

  .tuvan-4 .tuvan-wrap {
    transform: translateX(0);
    margin-top: 20px;
  }

  .quytrinh-title h4 a {
    padding-left: 20px;
  }

  /* ----------------------------------------trainghiem--------------------------------------------- */
  .banner-trainghiem {
    padding-top: 100px;
    height: calc(100vh - 140px);
  }

  .banner-trainghiem-title img {
    width: 150px;
  }

  .banner-trainghiem-title p {
    font-size: 24px;
    line-height: 32px;
  }

  .banner-trainghiem-title h1 {
    font-size: 28px;
    line-height: 34px;
  }

  .banner-trainghiem .quytrinh-btn {
    text-align: center;
  }

  .trainghiem-1 {
    padding: 60px 0;
  }

  .trainghiem-1 .phuongthuc-title h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 15px;
  }

  .trainghiem-1 .phuongthuc-title p {
    font-size: 26px;
    line-height: 32px;
    padding-right: 0;
    margin-bottom: 10px;
  }

  .phuongthuc-title span,
  .trainghiem-6 span {
    margin-right: 0;
    height: 3px;
    margin-bottom: 0;
  }

  .trainghiem-1 .phuongthuc-content {
    padding: 0;
    margin-top: 20px;
  }

  .trainghiem-video {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .trainghiem-2 .phuongthuc-content h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .trainghiem-2-wrap {
    display: block;
    margin: 35px 0;
  }

  .trainghiem-2-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .trainghiem-2-content h3 {
    font-size: 32px;
    margin-top: 0;
    line-height: 32px;
  }

  .trainghiem-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .trainghiem-3-title h2 {
    font-size: 28px;
    margin-top: 0;
    line-height: 34px;
    font-weight: 700;
  }

  .trainghiem-3-title {
    margin-bottom: 35px;
  }

  .trainghiem-3-item {
    margin-bottom: 30px;
    height: auto;
    min-height: 236px;
    padding: 15px 10px;
  }

  .trainghiem-3 .quytrinh-btn {
    left: 0;
  }

  .trainghiem-3-item p {
    font-size: 16px;
  }

  .trainghiem-4-btn {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }

  .trainghiem-4-btn .loitich-btn {
    transform: translateX(0);
  }

  .trainghiem-6,
  .trainghiem-7 {
    padding: 35px 0;
  }

  .trainghiem-6-content {
    padding: 0;
  }

  .trainghiem-7-content p {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 28px;
  }

  .trainghiem-7-content .loitich-btn {
    transform: translateX(0);
    min-width: auto;
    font-size: 16px;
  }

  .banner-trainghiem-title {
    padding-top: 60px;
  }

  /* -------------------------------------bcare----------------------------------------- */
  .bcare-1-title {
    padding: 0;
  }

  .bcare-1-title h2 {
    margin-top: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .bcare-1-title p {
    font-size: 16px;
  }

  .bcare-1 {
    padding-bottom: 20px;
    padding-top: 35px;
  }

  .bcare-1-item {
    padding: 20px;
    margin-bottom: 15px;
    min-height: 400px;
  }

  .bcare-2 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .bcare-2-title h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .bcare-2-title {
    margin-bottom: 40px;
  }

  .bcare-2-img {
    margin-right: 0;
  }

  .bcare-2-content {
    width: calc(100% - 80px);
    padding-left: 10px;
  }

  .bcare-3-title {
    padding-top: 0;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .bcare-3-title h2 {
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    margin-top: 0;
  }

  .bcare-3-item {
    display: block;
    margin-bottom: 35px;
  }

  .bcare-3-img {
    margin: 0 auto 10px auto;
  }

  .bcare-3-content {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .bcare-4-content p {
    font-size: 18px;
    line-height: 24px;
  }

  .bcare-5-item:first-child {
    padding-top: 0;
  }

  .bcare-5 {
    padding-bottom: 35px;
  }

  .bcare-6-title h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .bcare-7-title h2 {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
  }

  .bcare-7 img {
    margin-top: 30px;
  }

  .bcare-1-img {
    margin-bottom: 57px;
  }

  /* -----------------------------------------sinhthai--------------------------------- */
  .sinhthai-banner h1 {
    font-size: 31px;
    line-height: 40px;
  }

  .tamnhin-content h2 {
    margin-top: 0;
    font-size: 19px;
    line-height: 30px;
  }

  .tamnhin-content p {
    font-size: 16px;
    line-height: 25px;
  }

  .tamnhin-item {
    padding: 30px 20px;
    margin-bottom: 15px;
    min-height: unset;
  }

  .tamnhin-img {
    margin-bottom: 15px;
  }

  .tamnhin {
    padding-bottom: 20px;
  }

  .cauhoi {
    padding: 35px 0;
  }

  .cauhoi-content h2 {
    margin-top: 0;
  }

  .ss7-wrap-2 {
    padding-left: 0;
  }

  .ss3-content {
    padding-right: 0;
  }

  .ss3-content p {
    font-size: 16px;
  }

  /* ------------------------------------------niemtinthuonghieu----------------------------------------- */
  .loiich-bg:hover img {
    transform: scale(1) !important;
  }

  .footer-col-inner.last {
    width: 100%;
  }

  .banner-page-1 .banner-tuvan-title p {
    margin-bottom: 60px;
  }

  .page-1 {
    min-height: 340px;
  }

  .page-1-content {
    padding: 0;
    margin-bottom: 40px;
    margin-right: 20px;
  }

  .page-1-content p {
    font-size: 12px;
    line-height: 19px;
  }

  .page-1-bg {
    position: absolute;
    top: 0px;
    right: -100px;
  }

  .page-1-bg img {
    height: 100%;
    width: 100%;
  }

  .page-1 .tacgia p {
    font-size: 12px;
    color: var(--second-color);
  }

  .page-1-img {
    transform: translateX(-30px);
  }

  .page-1-img img {
    position: absolute;
    min-height: 294px;
    bottom: 0;
  }

  .page-1-2-content {
    padding: 0;
  }

  .page-1-2-content p {
    font-size: 18px;
    line-height: 26px;
  }

  .page-1 .row {
    position: unset;
  }

  .page-1-4 .loiich-content {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .page-1-2-title h2 {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 24px;
    line-height: 34px;
    margin: 0;
  }

  .page-1-3 .loitich-btn {
    text-align: center;
  }

  .page-1-3 .title-main p,
  .page-1-4 .title-main p {
    font-size: 12px;
    line-height: 27px;
  }

  .page-1-3 .title-main span,
  .page-1-4 .title-main span {
    font-size: 16px;
    line-height: 24px;
  }

  .page-1-3 .loiich-bg,
  .page-1-4 .loiich-bg {
    height: auto;
    min-height: 300px;
  }

  .page-1-3 .loiich-bg {
    text-align: center;
  }

  .page-1-4 .loitich-btn {
    transform: none;
    left: auto;
    text-align: center;
  }

  .page-1-5 .loiich-bg {
    margin-top: 0;
  }

  .page-1-5 {
    margin-bottom: 0;
  }

  .banner-page-1 {
    padding-top: 100px;
  }

  .page-1 .col-cus {
    top: 100px;
  }

  /* --------------------------------------thuonghieu----------------------------------------- */
  .banner-thuonghieu-image {
    text-align: center;
  }

  .banner-thuonghieu-image img {
    max-width: 250px;
  }

  .thuonghieu-1-img-trc {
    display: none;
  }

  .thuonghieu-1-img-sau {
    display: block;
  }

  .thuonghieu-1-wrap {
    display: block;
  }

  .banner-thuonghieu-title-2 h2 {
    font-size: 28px;
    line-height: 28px;
    width: 100%;
  }

  .thuonghieu-1 {
    max-height: none;
  }

  .thuonghieu-1-img .banner-thuonghieu-title {
    display: block;
  }

  .thuonghieu-1-img {
    position: relative;
  }

  .thuonghieu-1-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(62, 0, 123, 0.5);
  }

  .thuonghieu-1-img,
  .thuonghieu-1-content {
    width: 100%;
  }

  .thuonghieu-1-img img {
    min-height: 400px;
    object-fit: cover;
    position: relative;
  }

  .thuonghieu-1-content {
    padding: 15px;
  }

  .thuonghieu-1-icon {
    display: none;
  }

  .thuonghieu-1-item {
    width: calc(100% / 3);
    padding: 20px;
  }

  .thuonghieu-2 .title-main h2,
  .thuonghieu-4-content h2,
  .thuonghieu-7 h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .thuonghieu-2 .loiich-bg,
  .thuonghieu-3 .loiich-bg {
    min-height: unset;
  }

  .thuonghieu-3 .loiich-content {
    padding-top: 35px;
    padding-bottom: 100px;
  }

  .thuonghieu-3 .loitich-btn,
  .thuonghieu-6-btn .loitich-btn {
    left: -15px;
    position: relative;
    padding: 10px 30px;
    /* transform: translateX(-50%);
    min-width: 290px;
    bottom: 35px; */
  }

  .thuonghieu-3 {
    min-height: auto;
  }

  .thuonghieu-3 .loiich-content {
    min-height: auto;
    padding-bottom: 10px;
    padding-top: 35px;
  }

  .thuonghieu-4 {
    padding: 35px 0;
  }

  .thuonghieu-4-wrap {
    display: block;
  }

  .thuonghieu-4-img,
  .thuonghieu-4-content {
    width: 100%;
  }

  .thuonghieu-4-content {
    padding-left: 0;
  }

  .thuonghieu-4-img {
    text-align: center;
    margin-top: 0;
  }

  .thuonghieu-4-img img {
    max-width: 180px;
  }

  .thuonghieu-4-content li,
  .thuonghieu-4-content p {
    font-size: 18px;
    line-height: 24px;
  }

  .thuonghieu-5 .loiich-content {
    padding-bottom: 0;
    padding-top: 0;
  }

  .thuonghieu-5 .mucdich-content {
    padding-top: 0;
  }

  .quytrinh-title h4 {
    font-size: 18px;
  }

  .thuonghieu-7 {
    min-height: unset;
  }

  .thuonghieu-7 p {
    font-size: 16px;
    line-height: 24px;
  }

  .thuonghieu-7 h2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .thuonghieu-7 .panel-group {
    margin-bottom: 35px;
  }

  .thuonghieu-8-content p,
  .thuonghieu-8-content span {
    font-size: 20px !important;
  }

  .thuonghieu-8 {
    display: block;
  }

  .thuonghieu-8-content {
    width: 100%;
    padding: 35px 15px;
    /* padding-bottom: 70px; */
    text-align: left;
    background-color: var(--four-color);
  }

  .thuonghieu-8-img,
  .thuonghieu-8-item-icon {
    width: 100%;
  }

  .thuonghieu-8-img img {
    object-fit: cover;
    height: 400px;
    min-height: 400px;
  }

  .thuonghieu-8-item-icon {
    display: none;
  }

  .thuonghieu-8 .loitich-btn {
    position: relative;
    width: 100%;
    bottom: 0;
    text-align: center;
    top: auto;
    left: 0;
    transform: translateX(0);
    /* left: 0; */
    /* transform: translateX(-50%); */
    min-width: auto;
    font-size: 14px;
  }

  .thuonghieu-8-item-wrap {
    position: relative;
  }
}

@media (max-width: 768px) {
  .dktv-form .form-check-item {
    display: flex;
  }

  .banner-title {
    position: absolute;
    padding-top: 0;
    top: 50%;
    transform: translateY(calc(-50% - 20px));
    left: 30%;
  }

  .banner-page-1 .banner-bg img {
    transform: scale(1.6);
    position: relative;
    top: 22px;
    transition: all 3s linear;
  }

  .banner-page-1:hover .banner-bg img {
    transform: scale(2);
  }

  .banner-abs h2 {
    margin-top: 0;
    font-size: 28px;
    font-weight: 700;
  }

  .banner-btn {
    margin-top: 0;
    position: absolute;
    width: 100%;
    bottom: 100px;
  }

  .banner-btn a {
    margin-top: 0;
  }

  .banner-abs {
    position: absolute;
    top: 6%;
  }

  .banner-wrap .banner-content {
    padding-top: 0;
    padding-left: 0;
    bottom: 0;
    left: 0;
    /* margin-bottom: 80px; */
    text-align: left;
    transform: translate(0);
  }

  .banner-wrap .banner-content p {
    font-size: 40px;
    line-height: 43px;
    padding-left: 15px;
    font-weight: 700;
  }

  .banner-btn a {
    position: relative;
    left: 0;
    /* transform: translateX(-50%); */
    width: 100%;
  }

  /* .banner-page-1 .banner-tuvan-title {
    top: calc(50% - 100px);
    bottom: auto;
  } */

  .banner-tuvan .banner-tuvan-title p {
    position: relative;
    font-size: 20px;
  }

  .loiich .title-main {
    padding-left: 0;
    padding-right: 0;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .ss1-right {
    height: auto;
    text-align: right;
    bottom: 0;
    right: 84px;
    top: auto;
  }

  .ss1-right img {
    max-width: 300px;
    position: relative;
    bottom: -18px;
    left: 62%;
  }

  .ss1-left {
    background-color: rgb(98 3 125);
    padding: 30px 0;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .banner-wrap .ss1-content {
    max-width: 100%;
    margin-bottom: 0;
  }

  .ss1-content {
    margin-top: 20px;
    padding: 15px 25px 15px 15px;
    background-color: rgb(98 3 125 / 70%);
  }

  .ss1-content p {
    font-size: 20px;
    line-height: 28px;
  }

  .ss2-text p {
    font-size: 20px;
    line-height: 28px;
  }

  .line {
    height: 2px;
  }

  .ss2-btn a,
  .ss3-btn a,
  .ss6-btn a,
  .ss7-btn a,
  .ss7-buy a,
  .ss10-btn a,
  .ss4-btn a {
    padding: 16px 30px;
    line-height: normal;
    width: 100%;
  }

  .ss3-btn {
    position: relative;
    text-align: left;
    bottom: 0;
    margin-top: 0;
    right: 0;
    transform: translateX(0);
    left: auto;
  }

  .ss3-right,
  .ss4-left-img {
    height: 400px;
  }

  .ss5-title {
    font-size: 20px;
    margin-top: 0;
    line-height: 28px;
  }

  .ss5-s2 img {
    max-width: 150px;
  }

  .ss5-s33.owl-carousel img {
    height: auto;
    width: 100%;
  }

  .ss6-content p,
  .ss7-sub p {
    font-size: 16px;
  }

  .ss6-content p span {
    font-size: 18px;
  }

  .ss6-title {
    margin-top: 0;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 115px;
  }

  .ss6-btn {
    top: -51px;
    left: -13px;
    min-width: 240px;
    transform: translateX(0);
  }

  .footer-col-inner h4 {
    margin-top: 40px;
  }

  .ss7-wrap {
    padding-top: 35px;
    padding-bottom: 0;
  }

  .ss7-title {
    font-size: 27px;
    margin-top: 0;
    line-height: 40px;
  }

  .ss9-wrap {
    padding: 35px 0;
  }

  .ss9-title {
    margin-top: 0;
    font-size: 23px;
    line-height: 28px;
  }

  .ss9-content .faq-list > li a {
    padding-right: 30px;
    font-size: 18px;
  }

  .ss9-colap-content {
    margin: 0 15px;
  }

  .ss9-colap-content p {
    font-size: 18px;
  }

  .ss10-img {
    margin-bottom: 35px;
  }

  .ss10-img img {
    max-width: 150px;
  }

  .ss10-right p,
  .ss10-left p {
    margin-bottom: 0;
    font-size: 16px !important;
  }

  .ss10-btn {
    margin-top: 40px;
    text-align: right;
    padding-bottom: 0;
  }

  .ss10-left img {
    padding-right: 0;
  }

  .ss10-right .ss10-btn {
    text-align: right;
    margin-bottom: 35px;
  }

  .sub-logo-footer {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 2px;
  }

  .ss6-s1 {
    padding-top: 118px;
    padding-bottom: 70px;
  }

  .ss6-s2 {
    padding: 15px;
  }

  .ss6-s2-title {
    text-align: center;
  }

  .ss6-s2-title h2 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 700;
    color: var(--second-color);
    margin-top: 20px;
  }

  .banner-page-1 {
    min-height: calc(100vh - 140px);
    padding-top: 0;
    padding-bottom: 0;
    background-position: 60% 100%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .banner-page-1 .banner-tuvan-title p {
    margin-bottom: 46px;
    font-size: 17px;
  }

  .page-1 {
    margin-top: -100px;
    height: 400px;
    overflow: hidden;
  }

  .banner-page-1 .banner-tuvan-title h1 {
    text-align: left;
    font-size: 44px;
    line-height: 46px;
    margin-bottom: 62px;
  }

  .banner-page-1 .banner-tuvan-title h1 br {
    display: block;
  }

  .page-1-img {
    position: absolute;
    bottom: -18px;
    left: -30px;
    max-width: 385px;
    z-index: -1;
  }

  .page-1 .tacgia {
    z-index: 9;
    text-align: center;
    padding-right: 0;
  }

  .page-1-bg img {
    object-fit: cover;
    transform: scale(1);
  }

  .page-1-content {
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 25px;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }

  .page-1 .col-cus {
    top: auto;
    bottom: 30px;
    z-index: 10;
  }

  .page-1-content span {
    height: 3px;
  }

  .page-1-content p,
  .trainghiem-6 p {
    font-size: 16px;
    line-height: 25px;
  }

  .page-1-2-content {
    padding: 35px;
  }

  .page-1-2-content p {
    margin-bottom: 0;
    text-align: left;
  }

  .deepb-contact-title-2 {
    bottom: 90px;
  }

  .loitich-btn,
  .trainghiem-4 .loitich-btn,
  .hieuqua-item p {
    right: 0;
    left: auto;
    transform: translateX(0);
    min-width: unset;
    padding: 10px 30px;
    min-height: unset;
    bottom: 0;
    top: auto;
  }

  .trainghiem-4 .trainghiem-4-btn-1 {
    background-color: var(--ten-color);
  }

  .hieuqua-wrap {
    width: 100%;
  }

  /* .hieuqua-item p {
    width: 100%;
  } */

  .title-main h2::after {
    height: 3px;
  }

  .page-1-3 .loitich-btn {
    padding: 10px 30px;
    position: relative;
    left: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: translateX(0);
  }

  .page-1-3 .title-main p,
  .page-1-4 .title-main p,
  .form-group label {
    font-size: 16px;
  }

  .page-1-3 .loiich-bg img,
  .page-1-4 .loiich-bg img {
    height: 400px;
  }

  .page-1-4-bg,
  .page-1-5 .page-1-4-bg {
    top: -150px;
    z-index: -1;
  }

  .page-1-3 .title-main h2 {
    margin-top: 0;
  }

  .deepb-form .deepb-wrap {
    padding: 20px;
    margin-top: -100px;
    margin-bottom: 15px;
  }

  .deepb-form-title h2 {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0;
  }

  .deepb-contact-title-2 h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .contact-submit .loitich-btn {
    padding: 0 30px;
  }

  .page-1-3 .mucdich-content {
    padding-top: 0;
  }

  .page-1-4-content {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  /* .page-1-6 .mucdich-content {
    padding-top: 35px;
  } */

  .page-1-5-content,
  .page-1-7-content {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .page-1-7 .loitich-btn {
    position: relative;
    left: auto;
    right: 0;
    width: 100%;
    bottom: 0;
    transform: translateX(0);
  }

  .deepb-contact {
    padding: 160px 0;
    background-position: center;
    height: auto;
  }

  .deepb-contact-title h2 {
    margin-top: 0;
  }

  .banner-trainghiem-title {
    width: 100%;
    top: auto;
    height: 50%;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .banner-trainghiem-wrap {
    margin-top: -35px;
  }

  .hieuqua-title span,
  .banner-trainghiem-title .line {
    margin: 8px auto;
  }

  .banner-trainghiem-wrap img {
    display: none;
  }

  .banner-trainghiem {
    min-height: 500px;
  }

  .banner-trainghiem .quytrinh-btn {
    position: relative;
    left: 0;
    transform: translate(0);
    margin-top: 35px;
  }

  .banner-trainghiem .quytrinh-btn span {
    margin-bottom: 0;
  }

  .trainghiem-1 .phuongthuc-title h2 {
    margin-top: 0;
  }

  .trainghiem-1 .phuongthuc-title h2 br {
    display: block;
  }

  .trainghiem-1 .phuongthuc-content p {
    font-size: 16px;
    margin-bottom: 0;
  }

  .trainghiem-1 .phuongthuc-title p br {
    display: block;
  }

  .trainghiem-video iframe {
    height: 400px !important;
  }

  .trainghiem-1 {
    padding-bottom: 0;
  }

  .trainghiem-2-btn {
    text-align: center;
  }

  .trainghiem-2-btn .loitich-btn {
    position: relative;
    left: 0;
    transform: translate(0);
    bottom: 0;
  }

  .trainghiem-3 {
    position: relative;
    padding-top: 35px;
    padding-bottom: 70px;
  }

  .trainghiem-3 .quytrinh-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 35px;
  }

  .trainghiem-4 .title-main h2::after,
  .trainghiem-5 .title-main h2::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .trainghiem-4 .loiich-bg {
    height: 400px;
  }

  .trainghiem-4 .loiich-content,
  .trainghiem-5 .loiich-content {
    margin-bottom: 35px;
  }

  .trainghiem-4-btn {
    width: auto;
    left: 0;
    transform: translateX(0);
    text-align: left;
  }

  .trainghiem-4 .loitich-btn {
    line-height: 40px;
    width: auto;
  }

  .trainghiem-5 .loiich-bg {
    height: 400px;
  }

  .trainghiem-6 h3 {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }

  .trainghiem-7 {
    min-height: 400px;
  }

  .trainghiem-7-content img {
    max-width: 180px;
    margin-top: 0;
    margin-bottom: 30px;
  }

  .banner-tuvan {
    padding: 60px 0 70px 0;
  }

  .banner-tuvan-title p {
    margin-bottom: 30px;
    text-align: center;
  }

  .banner-tuvan-title h1 {
    line-height: 50px;
    margin-top: 0;
  }

  .tuvan-cotent-img {
    left: 0;
  }

  .tuvan-wrap {
    height: 260px;
  }

  .map iframe {
    width: 100% !important;
    height: 400px !important;
  }

  .tuvan-item {
    width: 80px;
    padding: 20px 10px 10px;
  }

  .tuvan-item img {
    height: 100%;
    width: auto;
  }

  .tuvan-cotent-1 .content-1 {
    padding: 20px 20px 0;
    display: block;
    height: auto;
  }

  .tuvan-cotent-1 {
    position: relative;
  }

  .content-1-wrap > p::after {
    display: none;
  }

  .phuongthuc-title h2,
  .hieuqua-title h2 {
    margin-top: 0;
    transform: translate(0);
  }

  .phuongthuc {
    padding: 35px 0 19px 0;
  }

  .trainghiem-2 {
    padding: 35px 0;
  }

  .mucdich-tuvan .mucdich-tuvan-content h2 {
    margin-top: 0;
    color: var(--four-color);
  }

  .mucdich-tuvan-bg img {
    position: relative;
    left: -27%;
    top: 16%;
    width: auto;
  }

  .mucdich-tuvan-content p {
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    padding: 0 5px;
  }

  .hieuqua-img,
  .tuvan-5 .hieuqua-img {
    width: 100%;
    position: relative;
  }

  .hieuqua-title,
  .hieuqua-des {
    padding-right: 0;
  }

  .hieuqua-item p {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
  }

  .loiich-tuvan .loiich-tuvan-content {
    padding-bottom: 35px;
  }

  .loiich-tuvan-content li::after {
    width: 40px;
    height: 40px;
  }

  .loiich-tuvan-content li {
    padding-left: 60px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
  }

  .loiich-tuvan .loiich-bg {
    height: 400px;
  }

  .loiich-tuvan-title h2 {
    font-size: 48px;
    line-height: 48px;
    margin-top: 40px;
  }

  .loiich-tuvan-title {
    bottom: 86px;
  }

  .tuvan-2 {
    padding: 88px 0;
  }

  .tuvan-2-content p {
    font-size: 16px;
    line-height: 24px;
  }

  .tuvan-3 .loiich-bg {
    height: auto;
  }

  .tuvan-3 .loiich-bg img {
    min-height: 400px;
    transform: scale(1);
  }

  .tuvan-3 .loiich-bg:hover img {
    transform: scale(1.3) !important;
  }

  .tuvan-4-title {
    padding: 0;
  }

  .tuvan-4-btn {
    /* position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9; */
    /* text-align: center; */
    /* margin-bottom: 35px; */
  }

  .tuvan-4 .loitich-btn {
    position: relative;
    padding: 10px 25px;
    margin-top: 35px;
  }

  .tuvan-4 .loitich-btn span {
    font-size: 14px;
  }

  .tuvan-4 {
    padding-bottom: 0;
    min-height: 400px;
  }
  .tuvan-4-title p {
    text-align: left;
    padding: 0 5px;
    font-size: 20px;
    line-height: 28px;
  }

  .tuvan-4-title h2 {
    color: var(--second-color);
  }

  .ss1-wrap .col-cus {
    position: relative;
  }

  .ss1-wrap .row-cus {
    margin-bottom: -25px;
  }

  .ss1-img {
    position: absolute;
    /* object-fit: cover; */
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    bottom: 0;
  }

  .ss1-img img {
    height: 119%;
    width: auto;
    position: relative;
    left: -60%;
    top: -75px;
  }

  .ss4-left-img:hover img {
    transform: scale(1);
  }

  .ss5-s2 ul li {
    font-size: 16px;
  }

  .deepb-contact-title p {
    padding: 0 20px;
    font-size: 16px;
  }

  .banner-trainghiem {
    background-size: cover;
    background-position: 76% 100%;
    background-repeat: no-repeat;
  }

  .banner-trainghiem-img {
    text-align: center;
    position: absolute;
    left: 50%;
    top: calc(50% - 70px);
    transform: translate(-50%, -50%);
  }

  .banner-trainghiem-img img {
    max-width: 180px;
  }

  .phuongthuc-content p {
    text-align: left;
    font-size: 16px;
  }

  .content-1 p {
    font-size: 20px;
    line-height: 28px;
  }

  .phuongthuc .col-cus {
    padding: 0;
  }

  .phuongthuc-title p {
    padding: 0;
  }

  .phuongthuc-content {
    margin-top: 10px;
  }

  .phuongthuc-title {
    text-align: left;
  }

  .hieuqua-des p {
    padding: 0 5px;
    font-size: 14px;
    text-align: left;
  }

  .hieuqua-des ul {
    padding-left: 20px;
  }

  .tuvan-2-content p {
    font-size: 22px;
    line-height: 28px;
    text-align: left;
  }

  .tuvan-2-img img {
    left: -100%;
    width: auto;
    position: relative;
    transform: scale(1);
  }

  .tuvan-5 .hieuqua-title p {
    padding: 0 20px;
  }

  .tuvan-5 .hieuqua-img img {
    width: auto;
    height: 400px;
    position: relative;
    left: -10%;
  }

  .banner-kiemdinh .banner-bg img {
    position: relative;
    left: -47%;
    width: auto;
    transform: scale(1);
    transition: all 1s linear;
  }

  .banner-kiemdinh .niemtin-img {
    position: absolute;
    left: 50%;
    top: 26%;
    transform: translateX(-50%);
  }

  .banner-kiemdinh .niemtin-img img {
    max-width: 250px;
    width: 180px;
  }

  .banner-kiemdinh h3 {
    font-size: 24px;
    margin-top: 20px;
    position: absolute;
    color: var(--ten-color);
    top: 6%;
    left: 15px;
  }

  .niemtin-content-wrap {
    margin: -100px -15px 0;
    height: auto;
    padding-bottom: 0;
  }

  .niemtin-content-1 .loitich-btn {
    left: 0;
    transform: translateX(0);
    top: -55px;
  }

  .banner-kiemdinh .banner-content {
    position: absolute;
    bottom: 130px;
    left: 0;
    padding-right: 15px;
    /* top: 44%; */
    padding-left: 15px;
    transform: translate(0);
  }

  .banner-kiemdinh .banner-content p {
    font-size: 24px;
    line-height: 36px;
    padding-left: 0;
  }

  .loiich-item p {
    font-size: 16px;
    width: calc(100% - 110px);
    padding-right: 10px;
  }

  .mucdich .title-main h2 {
    margin-top: 0;
  }

  .mucdich h3,
  .mucdich-title h4 a {
    font-size: 20px;
    line-height: 28px;
  }

  .mucdich-title h4 a {
    padding-right: 40px;
  }

  .kiemdinh-3 .loitich-btn {
    font-size: 14px;
    text-align: center;
  }

  .kiemdinh-3 .loitich-btn span {
    line-height: 28px;
  }

  .kiemdinh-3-btn {
    text-align: left;
    /* margin-bottom: 35px; */
  }

  .kiemdinh-3 .panel-group {
    margin-bottom: 35px;
  }

  .taisao .title-main h2 {
    margin-top: 0;
  }

  .taisao-content span,
  .niemtin-2-content p {
    font-size: 18px;
  }

  .taisao .title-main p {
    font-size: 18px;
  }

  .taisao .panel-quytrinh p {
    margin-bottom: 0;
  }

  .niemtin-2-content p {
    text-align: left;
    font-size: 20px;
  }

  .niemtin-2-content {
    padding-top: 35px;
  }

  .niemtin-2 .tacgia {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }

  .niemtin-2 .loitich-btn {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
  }

  .niemtin-2-btn .loitich-btn {
    right: 0;
    left: auto;
  }

  .banner-thuonghieu {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 400px;
    height: calc(100vh - 140px);
  }

  .banner-thuonghieu-title {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
    left: 0;
    transform: translate(0);
    text-align: left;
    top: 10%;
    width: 100%;
    z-index: 3;
    padding-left: 15px;
  }

  .thuonghieu-1-wrap .banner-thuonghieu-title {
    top: 20px;
    bottom: auto;
  }

  .thuonghieu-1-wrap .banner-thuonghieu-title::before {
    display: none;
  }

  .thuonghieu-1-wrap .banner-thuonghieu-title p {
    margin-bottom: 0;
  }

  .thuonghieu-1-content span {
    margin-bottom: 0;
    color: var(--ten-color);
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
  }

  .thuonghieu-2 .mucdich-bg::after {
    background-color: rgba(62, 0, 123, 0.1);
  }

  .banner-thuonghieu-image img {
    max-width: 180px;
    position: relative;
    z-index: 9;
  }

  .banner-thuonghieu-image {
    text-align: center;
    padding: 20px 0;
    position: unset;
    transform: translate(0);
    width: 100%;
    background-color: #7d36bf;
  }

  .banner-thuonghieu-image:hover::before {
    background-color: var(--four-color);
  }

  .banner-thuonghieu-title h1 {
    margin-top: 0;
    font-size: 20px;
  }

  .banner-thuonghieu-title-2 {
    padding: 0 15px;
    position: absolute;
    bottom: 140px;
    transform: translate(0);
    left: 0;
    text-align: left;
    /* bottom: 120px;
    position: absolute; */
  }

  .banner-thuonghieu-title-2 h2 {
    font-size: 44px;
    line-height: 46px;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
  }

  .banner-thuonghieu-title-2 h2 br {
    display: block;
  }

  .thuonghieu-1-content p {
    margin-bottom: 15px;
  }

  .banner-thuonghieu .banner-bg img {
    position: relative;
  }

  .thuonghieu-4-content {
    margin-top: 40px;
  }

  .tamnhin-content {
    padding: 35px 10px;
  }

  .tamnhin-content p {
    text-align: left;
    margin-bottom: 0;
  }

  .tamnhin-item-img img {
    max-height: 80px;
    width: auto;
  }

  .sinhthai-banner h1 {
    position: relative;
    top: -75px;
  }

  .bcare-banner {
    height: calc(100vh - 140px);
  }

  .bcare-1-img img {
    max-width: 230px;
  }

  .bcare-5-img-2 {
    position: relative;
    width: 100%;
    height: 332px;
  }

  .bcare-5-title p {
    font-size: 18px;
    line-height: 30px;
  }

  .bcare-1-content h3 {
    font-size: 24px;
  }

  .bcare-1-content p {
    font-size: 16px;
  }

  .bcare-5-item,
  .bcare-5-title {
    padding-right: 0;
  }

  .bcare-5-content p {
    font-size: 16px;
  }

  .bcare-5-title {
    padding-top: 35px;
    margin-bottom: 35px;
  }

  .bcare-6-img img {
    width: 100%;
  }

  .bcare-2-title img {
    max-width: 180px;
  }

  .bcare-3 {
    padding-top: 35px;
  }

  .bcare-3-item {
    padding-right: 0;
  }

  .bcare-2-content h3 {
    position: relative;
    margin-top: 0;
    padding-right: 20px;
  }

  .bcare-2-content svg {
    position: absolute;
    top: 11px;
    right: 10px;
  }

  .bcare-2-img {
    width: 50px;
    height: 50px;
    padding: 5px;
  }

  .bcare-2-content {
    width: calc(100% - 50px);
  }

  .bcare-2-content p {
    margin-bottom: 0;
  }

  .bcare-2-item {
    margin-bottom: 20px;
  }

  .bcare-2-content h3 svg {
    transform: rotate(0);
    transition: all 0.2s linear;
  }

  .bcare-2-content h3.collapsed svg {
    transform: rotate(-90deg);
  }

  .login {
    display: none;
  }

  .login-mb {
    display: block;
    line-height: normal;
    text-align: center;
    padding-bottom: 30px;
  }

  .thuonghieu-6 .loiich-content {
    padding-top: 0;
  }

  .thuonghieu-8-content h2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 28px;
  }

  .thuonghieu-8-content h2 br {
    display: block;
  }

  .thuonghieu-5 .loiich-bg {
    height: 400px;
  }

  .thuonghieu-5 .loiich-bg img {
    width: 100%;
    /* left: -170px; */
    /* top: -40px; */
    height: 100%;
  }

  .thuonghieu-5 .title-main h2 {
    margin-top: 0;
  }

  .thuonghieu-4-content h2 {
    font-size: 28px;
    line-height: 34px;
    margin-top: 35px;
  }

  .kiemdinh-title-item h3 {
    max-width: 337px;
    margin: 0 auto;
  }

  .kiemding-item-img {
    top: 60%;
  }

  .niemtin-2-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .niemtin-2 {
    overflow: hidden;
  }

  .niemtin-2-bg img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }

  .niemtin-2 .tacgia {
    z-index: 6;
  }

  .niemtin-2 .wrap,
  .niemtin-2-img {
    position: relative;
    z-index: 3;
  }

  .niemtin-2-bg img {
    height: 148%;
    width: 302%;
    left: -150%;
  }

  .niemtin-2::after {
    z-index: 1;
  }

  .bcare-banner {
    overflow: hidden;
  }

  .bcare-bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .bcare-bg-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }

  .bcare-5-img-2 img {
    width: auto;
    left: -9%;
    position: relative;
  }

  .bcare-6.bcare-banner {
    height: auto;
  }

  .bcare-6-title h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--ten-color);
  }

  .bcare-6-title {
    margin-bottom: 20px;
  }

  .bcare-2-content h3 {
    font-size: 16px;
  }

  .bcare-2-content p,
  .bcare-3-content p {
    font-size: 16px;
  }

  .ss2-btn a {
    width: auto;
    /* width: 100%; */
    padding: 15px;
    padding: 24px 30px;
    font-size: 16px;
  }

  .ss2-left img,
  .ss3-right img {
    transform: scale(1);
  }

  .ss4-sub p {
    margin-bottom: 6px;
  }

  .ss6-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .ss10-wrap {
    padding-bottom: 15px;
  }

  .footer-des p,
  .bullet-arrow a {
    font-size: 18px !important;
  }

  .tamnhin-item-content p {
    font-size: 16px;
  }

  .cauhoi-content p {
    font-size: 18px;
  }

  .banner-trainghiem-btn {
    text-align: left;
    position: absolute;
    bottom: 0;
  }

  .mucdich-tuvan .quytrinh-btn {
    left: 0;
  }

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

  .trainghiem-7 .loitich-btn {
    z-index: 9;
  }

  .footer-col-inner {
    width: 100%;
  }

  .news-reply .form-group input {
    width: 100%;
    margin-right: 0;
  }

  /* ------------------------------------news----------------------------------- */
  .news-item .news-img {
    width: 100%;
  }

  .news-item .news-content {
    padding-top: 30px;
  }

  .sidebar-new {
    margin-top: 70px;
  }

  .news-detail {
    padding-top: 0;
  }

  .news-detail h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .news-detail h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .news-detail-page .news-detail-title h2 {
    font-size: 30px;
  }

  /* .news-detail h3 {
    font-size: 26px;
    line-height: 30px;
  }

  .news-detail h4 {
    font-size: 22px;
    line-height: 24px;
  }

  .news-detail h5 {
    font-size: 18px;
    line-height: 24px;
  }

  .news-detail h6 {
    font-size: 22px;
    line-height: 24px;
  }

  .news-detail p,
  .news-detail li {
    font-size: 14px;
  } */

  .comment-item {
    float: left;
    margin-bottom: 20px;
  }

  .comment-item .comment-img {
    width: 45px;
  }

  .comment-item .comment-content p {
    float: left;
    margin-top: 10px;
  }

  .comment-item .comment-content {
    float: left;
    width: 80%;
  }

  .comment-item a {
    text-align: right;
    float: left;
    margin-left: 70px;
    display: block;
  }

  .comment-item .comment-child-list {
    /* float: left; */
    margin-top: 20px;
    padding-left: 40px;
  }

  .comment-child-item .comment-content {
    width: 75%;
  }

  .news-reply.new-reply-child {
    padding-left: 10px;
    margin-top: 20px;
    float: left;
  }

  .news-reply .form-group input {
    width: 100%;
    margin-right: 0;
  }

  .banner-kiemdinh .banner-content h1 {
    transform: translate(0);
    text-align: center;
  }

  .banner-content h1 br {
    display: block;
  }

  .taisao .title-main {
    padding-right: 0;
    padding-left: 0;
  }

  .banner-kiemdinh::before {
    background-color: rgb(0 0 0 / 44%);
  }

  .kiemdinh-3 {
    background-color: var(--background-color-5);
  }

  .kiemdinh-3 .col-sm-6:last-child {
    min-height: auto;
  }

  .kiemdinh-3 .loiich-bg {
    height: auto;
  }

  .niemtin-bg {
    position: relative;
    left: 0;
    bottom: 40px;
  }

  .banner-tuvan .wrap {
    bottom: 200px;
  }

  .hieuqua-title-2 {
    text-align: center;
  }

  .hieuqua-title-2 p {
    display: block;
  }

  .banner-tuvan {
    position: relative;
  }

  .banner-tuvan-content {
    position: absolute;
    top: 10%;
    left: 0;
    padding-left: 15px;
  }

  .banner-tuvan-content p {
    font-size: 20px;
    line-height: 37px;
    text-transform: uppercase;
    color: var(--second-color);
    text-align: left;
  }

  .banner-tuvan .banner-tuvan-title .page-1-content {
    padding-left: 0;
    text-align: left;
  }

  .banner-tuvan .banner-tuvan-title .page-1-content p {
    position: relative;
    top: 0;
    transform: translate(0);
    text-transform: none;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
  }

  .banner-tuvan .banner-tuvan-title .page-1-content span {
    margin-bottom: 0;
  }

  .page-1-2-title h2 br {
    display: block;
  }

  .thuonghieu-3 .loiich-content {
    padding-top: 35px !important;
  }

  .thuonghieu-6-btn .loitich-btn {
    left: auto;
    position: relative;
    width: 100%;
    background-color: var(--third-color);
  }

  .thuonghieu-6-btn {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
  }

  .thuonghieu-7 .loitich-btn {
    position: relative;
    width: 100%;
    left: auto;
    text-align: center;
    right: 0;
    bottom: 0;
    transform: translateX(0);
  }

  .thuonghieu-8-img {
    position: relative;
  }

  .niemtin-content-1-1 .niemtin-content-wrap {
    padding-top: 20px;
  }

  .niemtin-content-1-2 .niemtin-content-wrap {
    margin-top: -40px;
    padding: 15px;
    background-color: rgb(98 3 125);
  }

  .kiemdinh-title-item h3,
  .kiemdinh-title-item h3 span:first-child {
    font-size: 25px;
    line-height: 30px;
  }

  .kiemdinh-title-item h3 span:last-child {
    margin: 0;
    line-height: 16px;
  }

  .kiemdinh-3 .loitich-btn {
    position: absolute;
    background-color: var(--twentysix-color);
  }

  .kiemdinh-3 .loitich-btn::before {
    background-color: var(--four-color);
  }

  .taisao-content span {
    font-weight: 400;
  }

  .kiemdinh-4 .niemtin-2-btn .loitich-btn {
    position: absolute;
    bottom: 0;
    top: auto;
    background-color: var(--twentysix-color);
    width: 100%;
  }

  .kiemdinh-4 .niemtin-2-btn .loitich-btn::before {
    background-color: var(--four-color);
  }

  .kiemdinh-4 .wrap {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 30px));
  }

  .kiemdinh-4 .niemtin-2-content {
    padding-top: 0;
  }

  .kiemdinh-4 .niemtin-2-content h2 {
    color: var(--second-color);
  }

  .banner-tuvan-title {
    position: absolute;
    top: 10%;
    left: 0;
    padding-left: 15px;
  }

  .banner-tuvan-img {
    position: absolute;
    top: calc(50% - 100px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .banner-tuvan-img img {
    width: 150px;
  }

  .banner-tuvan-title-2 {
    position: absolute;
    bottom: 140px;
    width: 100%;
    text-align: center;
  }

  .banner-tuvan-title-2 h1 {
    text-align: center;
    font-size: 44px;
    line-height: 42px;
    color: var(--seventeen-color);
    font-weight: 700;
  }

  .tuvan-cotent-1 .content-1 {
    padding: 0;
  }

  .tuvan-cotent-img {
    bottom: 60px;
    width: 300px;
  }

  .content-1-wrap {
    margin-top: -60px;
    padding: 35px 15px;
    background-color: rgb(98 3 125);
  }

  .tuvan-cotent-1 .content-1 .tacgia {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: 70px;
  }

  .tuvan-cotent-1 .content-1 .tacgia p {
    text-align: center;
  }

  .kiemdinh .title-main {
    padding-left: 0;
    padding-right: 0;
    padding-top: 35px;
  }

  .page-1-3 .mucdich-content p {
    font-size: 16px;
    line-height: 24px;
  }

  .title-main h2 {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  .title-main p {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .title-main p span {
    font-size: 20px !important;
  }

  .thuonghieu-5 .loiich-content {
    padding-top: 0 !important;
  }

  .thuonghieu-6 .loiich-content {
    padding-bottom: 35px !important;
  }

  .tuvan-3-title p {
    font-size: 60px !important;
    line-height: 58px !important;
  }

  .banner-trainghiem-title-1 {
    position: absolute;
    top: 6%;
    width: 100%;
    left: 15px;
  }

  .banner-trainghiem-title-1 p {
    font-size: 30px;
    line-height: 37px;
    text-transform: uppercase;
    color: var(--second-color);
    text-align: left;
  }

  .banner-trainghiem-title-2 {
    position: absolute;
    bottom: 100px;
    padding: 20px 15px;
    text-align: center;
    left: 0;
    background-color: rgb(98 3 125 / 50%);
    width: 100%;
  }

  .banner-trainghiem-title-2 h1 {
    text-align: center;
    font-size: 44px;
    line-height: 44px;
    color: var(--seventeen-color);
    font-weight: 700;
    margin-top: 0;
  }

  .banner-trainghiem {
    padding-top: 0;
  }

  .trainghiem-1 .title-main {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }

  .trainghiem-1 .phuongthuc-content {
    text-align: left;
    margin-top: 20px;
  }

  .trainghiem-2-item .trainghiem-2-img img {
    top: -100px;
    transform: scale(1);
    height: auto;
  }

  .trainghiem-2-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 10px 20px;
  }

  .trainghiem-2-item:hover::before {
    display: none;
  }

  .trainghiem-2-item .trainghiem-2-content::before {
    content: "";
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--four-color);
    opacity: 0.6;
    transition: all 1s linear;
    z-index: 2;
  }

  .trainghiem-2-item:hover .trainghiem-2-content::before {
    top: 0;
  }

  .trainghiem-2-item {
    height: 250px;
  }

  .trainghiem-7 {
    padding: 80px 0;
  }

  .thuonghieu-3 .loitich-btn {
    position: relative;
    left: auto;
    right: 0;
    width: 100%;
    bottom: 0;
    transform: translateX(0);
  }

  .ss6-s1 {
    padding-bottom: 0;
  }

  .ss6-s1-bg {
    left: -38%;
    transform: translateX(-50%);
  }

  .ss6-s1 img {
    width: auto;
    height: 100%;
  }

  .ss6-s1 .ss6-s1-bg {
    transform: translateX(-50%) scale(1.1) !important;
  }

  .tuvan-3 .loiich-content {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .tuvan-3 .tuvan-3-item:first-child img {
    transform: translateY(-20px);
  }

  .trainghiem-7-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }

  .banner-trainghiem-title h1 br {
    display: block;
  }

  .banner-trainghiem .banner-tuvan-title h1 br {
    display: block;
  }

  .banner-trainghiem::before {
    display: none;
  }

  .sidebar_mucluc {
    display: none;
  }

  .news-share {
    display: block;
  }

  .news-category-list {
    margin-bottom: 20px;
  }

  .ss4-btn {
    position: relative;
    left: auto;
    right: 0;
    transform: translateX(0);
    bottom: 0;
  }

  .thuonghieu-8-img {
    display: block;
  }

  .digital-ss-1 .content-1-wrap {
    width: 100%;
    text-align: left;
  }

  .digital-ss-3 .mucdich-tuvan-bg img {
    top: 0;
  }

  .digital-ss-3 .mucdich-tuvan-bg::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--seven-color);
    z-index: 1;
  }

  .digital-ss-5 .loitich-btn {
    left: auto;
  }

  .digital-ss-9 .loitich-btn {
    left: 50%;
    right: auto;
    /* transform: translate(0); */
  }

  .tuvan-3 .col-sm-6:last-child {
    min-height: unset;
  }

  .digital-ss-9 .hieuqua-des {
    padding-top: 35px;
  }

  .thuonghieu-8-img-wrap {
    width: 100%;
  }

  .thuonghieu-8-img-wrap img:hover {
    transform: scale(1);
  }

  .thuonghieu-7 .loiich-content p {
    color: var(--four-color);
  }

  #modal-menu .col-sm-8.col-cus {
    position: relative;
    margin-left: 0;
    right: 0;
    width: 100%;
    padding-left: 15px;
  }

  #modal-menu .col-sm-4.col-cus {
    padding-right: 15px;
  }

  .menu-list .menu-list-item {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .news-page {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .banner-page h1 {
    font-size: 30px;
    line-height: 38px;
  }

  .new-related .owl-nav button {
    display: none;
  }

  .loiich-bg:hover .btn-btt::before,
  .thuonghieu-8-img:hover .btn-btt::before {
    bottom: 0;
    right: 0;
    opacity: 1;
  }

  .digital-banner .banner-tuvan-title h1 br {
    display: block;
  }

  .digital-ss-1 .tuvan-cotent-1 .content-1 .tacgia {
    left: 50%;
    transform: translateX(-50%);
  }

  .digital-ss-3 {
    min-height: unset;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .digital-ss-2 .tuvan-4-btn {
    position: relative;
  }

  .digital-ss-2 .hieuqua-img::after {
    display: none;
  }

  .digital-ss-2 .phuongthuc-content {
    padding-right: 0;
    padding-bottom: 20px;
  }

  .digital-ss-2 .phuongthuc-content-2 {
    padding-bottom: 0;
    margin-top: 20px;
  }

  .digital-ss-4 .tuvan-4-btn {
    position: relative;
  }

  .digital-ss-4 .loitich-btn {
    width: 100%;
    position: relative;
    left: auto;
    right: 0;
    bottom: 0;
    transform: translateX(0);
    top: auto;
  }

  .digital-ss-6 .loitich-btn {
    width: 100%;
    position: relative;
    text-align: center;
    left: auto;
    right: 0;
    bottom: 0;
    transform: translateX(0);
  }

  .digital-ss-5 .loiich-tuvan-bg:hover img {
    transform: scale(1.3) !important;
  }

  .tuvan-cotent-img-wrap {
    position: relative;
  }

  .dao-tao-bx-8 .thuonghieu-6-btn {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    transform: translateX(0);
  }

  .banner-wrap .ss1-content p {
    font-size: 20px;
    line-height: 28px;
    color: var(--second-color);
    font-weight: 400;
    padding-left: 0;
  }

  .ss2-ss1-wrap .banner-btn {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    bottom: auto;
    z-index: 9;
  }

  .ss7-btn {
    margin-right: 0;
  }

  .ss7-slide-wrap:hover .ss7-btn .btn-btt::before,
  .ss10-left:hover .btn-btt::before,
  .ss10-right:hover .btn-btt::before,
  .deepb-form .deepb-wrap:hover .btn-btt::before,
  .ss1-wrap:hover .btn-btt::before,
  .mucdich-tuvan:hover .btn-btt::before,
  .hover-btn:hover .btn-btt::before {
    bottom: 0;
    right: 0;
    opacity: 1;
  }

  .ss9-colap-content li {
    font-size: 18px;
  }

  .ss7-btn-wrap {
    margin: 0 -15px;
  }

  .ss7-btn,
  .ss7-buy {
    width: 100%;
  }

  .ss7-btn a,
  .ss7-buy a {
    width: 100%;
  }

  .ss1-wrap .banner-btn {
    position: relative;
    bottom: 0;
    /* right: 0; */
    top: 0;
    z-index: 9999;
    text-align: center;
  }

  .banner-tuvan::before {
    background-color: rgb(51 0 102 / 53%);
  }

  .niemtin-content-1 .tacgia {
    left: 50%;
    bottom: 60px;
  }

  .niemtin-content-1 .tacgia p {
    color: rgb(98 3 125);
  }

  .banner-tuvan-title h1 br {
    display: block;
  }

  .tuvan-cotent-1 .content-1 .tacgia p {
    color: var(--ten-color);
  }

  .mucdich-tuvan .mucdich-tuvan-btn .quytrinh-btn {
    position: relative;
    width: 100%;
    left: auto;
    bottom: -300px;
    right: 0;
    z-index: 99;
    text-align: center;
    transform: translate(0);
  }

  .tuvan-3-title {
    text-align: left;
  }

  .tuvan-3-title-wrap {
    display: inline-block;
    text-align: center;
  }

  .daotao-bx-1 .tacgia p {
    color: var(--ten-color);
  }

  .trainghiem-2-item.active .trainghiem-2-content::before {
    top: 0;
  }

  .trainghiem-5 .loitich-btn {
    left: 0;
    width: 100%;
    right: auto;
    bottom: 0;
    top: auto;
    position: relative;
  }

  .digital-ss-5 .loiich-tuvan-content {
    padding-top: 30px !important;
  }

  .tacgia-ss6 span,
  .tacgia-ss6 p {
    font-size: 14px !important;
  }

  .dktv-form .modal-dialog {
    margin-top: 100px;
  }

  .niemtin-content-1-1 .tacgia {
    bottom: 50px;
  }

  .niemtin-content-1-1 .tacgia p {
    color: var(--ten-color);
  }

  .tuvan-5 {
    min-height: unset;
  }

  .phuongthuc .hieuqua-img::after {
    display: none;
  }

  .ss11-content-wrap {
    position: unset;
  }

  .ss11-iframe {
    padding: 0;
    height: 400px;
    margin: 0 -15px;
  }

  .ss11-wrap .title-main,
  .ss11-wrap .ss11-content {
    padding-right: 0;
    padding-left: 0;
  }

  .ss11-wrap {
    padding-bottom: 60px;
  }

  .news-detail iframe {
    width: 100% !important;
    height: 240px !important;
  }

  .news-detail-img iframe {
    height: 300px !important;
  }
}

@keyframes glass {
  0% {
    background-position: 0 0, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px;
  }
}

@keyframes headerdown {
  0% {
    opacity: 0;
    transform: translate(0, -100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}