@font-face {
  font-family: 'mtdadventures';
  src: url('../webfonts/MTD-Adventures-Unlimited-Script.woff');
  font-display: block;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes shake-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,
  50% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes shake-anim {

  0%,
  100%,
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
}


.opacity-0 {
  opacity: 0;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }

  100% {
      opacity: 1 !important;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }

  100% {
      opacity: 1 !important;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes scaleLarge {
  0% {
    opacity: 0;
    transform: scale(2);
  }

  100% {
      opacity: 1 !important;
    transform: scale(1);
  }
}

/* Main */
:root {
  --color-red: #ec2d3f;
  --color-blue: #0E69B4;
  --color-medium-red: #cc2c32;
  --color-dark-red: #c31829;
  --color-green: #28a745;
  --color-dark-green: #207d36;
  --color-black: #212529;
  --color-gray: #6c757d;
  --background-static: #0e69b4;
  --background-hover: #FFBB00;
  --color-static: #000;
  --color-hover: #ec2d3f;
}

/* Text Hide */
.text-split {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

/* name */

@-webkit-keyframes anime {
  0% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

  50% {
    color: #ffc107;
    letter-spacing: 5px;
    text-shadow: 5px 10px 1px #000;
    transform: translateY(-10px)
  }

  100% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

}

@keyframes anime {
  0% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

  50% {
    color: #ffc107;
    letter-spacing: 5px;
    text-shadow: 5px 10px 1px #000;
    transform: translateY(-10px)
  }

  100% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

}

/* end name*/
@-webkit-keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0
  }

  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0
  }
}

@keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0
  }

  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0
  }
}

/*  end loadpage website */
body {
  font-size: 14px;
  font-family: 'Mulish', sans-serif;
}

blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}

blockquote p {
  margin-bottom: 0;
}

.footer-copyright a {
  color: #fff;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.col-30 {
  padding-left: 15px;
  padding-right: -15px;
}

.col-20 {
  padding-left: 10px;
  padding-right: 10px;
}

.mg-col-10 {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-top-bottom {
  padding: 2.5rem 0;
}

.pad-top {
  padding-top: 2.5rem;
}

.pad-bottom {
  padding-bottom: 2.5rem;
}

.mg-top {
  margin-top: 2.5rem;
}

.mg-bottom {
  margin-bottom: 2.5rem;
}

.hover_xemthem {
  transition: 0.4s;
}

.hover_xemthem:hover {
  letter-spacing: 2px;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a,
input,
textarea {
  outline: none;
  padding: 0px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.w-clear:after {
  display: block;
  content: "";
  clear: both;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.none {
  display: none;
}

.hidden-seoh {
  visibility: hidden;
  height: 0px;
  margin: 0px;
  overflow: hidden;
}

.wrap-content {
  max-width: 1255px;
  margin: auto;
  width: calc(100% - 30px);
}

.fix_head {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 999 !important;
}

.pd-l-10 {
  padding-left: -10px;
}

.pd-r-10 {
  padding-right: -10px;
}

.mg-l-10 {
  margin-left: -10px;
}

.mg-r-10 {
  margin-right: -10px;
}

.mg-b-20 {
  margin-bottom: 20px;
}

.title-detail-main {
  color: #252525;
  font-size: 23px;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

/* General */
.title-main {
  margin-bottom: 1.5rem;
  text-align: center;
}

.title-main span {
  text-transform: uppercase;
  color: var(--color-blue);
  font-size: 24px;
}

.title-main h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  color: var(--background-hover);
}

.time-main {
  margin-bottom: 0.75rem;
  color: #999999;
}

.time-main i {
  vertical-align: top;
  margin: 3px 7px 0px 0px;
}

.time-main span {
  vertical-align: top;
  display: inline-block;
}

.share {
  padding: 17px 15px 10px 15px;
  line-height: normal;
  background: rgba(128, 128, 128, 0.15);
  margin-top: 15px;
  border-radius: 5px;
}

.share b {
  display: block;
  margin-bottom: 5px;
}

.control-owl {
  position: absolute;
  width: 100%;
  z-index: 2;
  left: 0px;
  top: calc(50% - 45px / 2);
}

.control-owl button {
  opacity: 0.5;
  top: 0px;
  position: absolute;
  outline: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  cursor: pointer;
  color: #ffffff;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 25px;
  margin: 0px;
  background-color: #000000;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.control-owl button:hover {
  opacity: 1;
}

.control-owl button.owl-prev {
  left: 20px;
}

.control-owl button.owl-next {
  right: 20px;
}


.custom-form-row {
  margin-right: -10px;
  margin-left: -10px;
}

.custom-form-row>.col,
.custom-form-row>[class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.text-sm {
  font-size: 0.875rem !important;
}


/* head */
.head {
  background-color: #ffffff;
}

.head .head-top {
  color: #ffffff;
  background-color: var(--background-static);
}

.head .head-top .wrap-content {}

.slogan-head {
  height: 40px;
  display: flex;
  align-items: center;
  width: 40%;
}

.info-head {
  margin-bottom: 0;
}

.info-head i {
  vertical-align: top;
  margin: 3px 5px 0px 0px;
  font-size: 16px;
}

.head .head-bottom .wrap-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.social-head li {
  width: 30px;
}

.head-bottom .wrap-content {
  padding: 10px 0;
}

.hotline-head {}

.hotline-head p {}

.hotline-head span {}

.user-head a {
  color: #ffffff;
  padding-right: 9px;
  margin-right: 7px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}

.user-head a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 8px;
  background-color: #ffffff;
  top: calc(50% - 7px / 2);
  right: 0px;
  opacity: 0.7;
}

.user-head a:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.user-head a:last-child:after {
  display: none;
}

/* Menu */
.menu {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #E1E1E1;
}

.menu .wrap-content {
  padding: 20px 0;

}

.fix_head .menu .wrap-content {
  padding: 0;

}

.fix_head .menu {
  -webkit-animation: fadeInDown 1.3s ease backwards;
  -moz-animation: fadeInDown 1.3s ease backwards;
  -o-animation: fadeInDown 1.3s ease backwards;
  -ms-animation: fadeInDown 1.3s ease backwards;
  background: rgb(255 255 255);
}
.img_dn {
    height: 279px;
}
.menu_overview{
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    height: 142px;
}
.menu_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: unset;
    color: black;
    margin: 0 8px;
}
.box_item_menu{
    background: #DFE3E9;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.img_menu{
    width: 80px;
    height: 80px;
}
.title_menu{
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
}
.box_skill_interest{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px 20px;
    margin-top: 30px;
}
.box_skill{
    background: white;
    border-radius: 10px;
    padding: 15px;
}

@media only screen and (max-width: 991px) {
  .menu {
    display: none;
  }
    .box_skill_interest{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.menu ul {
  width: 100%;
  padding: 0px;
  margin: auto;
  list-style: none;
}

.menu ul.menu-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.menu ul li {
  position: relative;
  z-index: 1;
}

.menu ul li.logo-menu:hover::after,
.menu ul li.download-menu:hover::after,
.menu ul li.account-menu:hover::after,
.menu ul li#search:hover::after {
  display: none;
}

.fix_head .menu ul li a.active::after,
.fix_head .menu ul li:hover::after {
  bottom: -24px;
}

.menu ul li a.active::after,
.menu ul li:hover::after {
  content: '';
  background: var(--bs-blue);
  left: 0;
  right: 0;
  height: 2px;
  position: absolute;
  bottom: -44px;
  border-radius: 5px;
}

.menu ul li.download-menu {
  border: 1px solid var(--bs-blue);
  border-radius: 4px;
  margin: 0 5px;
}

.menu ul li.download-menu a {
  color: var(--color-blue);
  font-size: 14px;
  padding: 10px 10px;
}

.menu ul li.download-menu:hover {
  border: 1px solid var(--background-hover);
}

.menu ul li.download-menu:hover a {
  color: var(--background-hover);
}

.menu ul li.menu-line {
  width: 1px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}

.menu ul li.account-menu {
  background: var(--color-blue);
  border-radius: 4px;
  border: 1px solid var(--color-blue);
  margin: 0 5px;
}

.menu ul li.account-menu:hover {
  background: #fff;
  border: 1px solid var(--background-hover);
}

.menu ul li.account-menu:hover a {
  color: var(--background-hover);
}

.menu ul li.account-menu a {
  color: #fff;
  font-size: 14px;
  padding: 10px 10px;
}

.menu ul li a {
  display: block;
  position: relative;
  font-size: 16px;
  color: #6B7181;
  padding: 0px;
  font-weight: 700;
  text-decoration: none;
}

.menu ul li a:hover,
.menu ul li a.active {
  color: var(--bs-blue);
}

.menu ul li a.has-child {
  padding-right: 16px;
  margin-right: 8px;
}

.menu ul li a.has-child:after {
  content: "";
  position: absolute;
  bottom: calc(50% - 4px / 2);
  right: 5px;
  width: 5px;
  height: 5px;
  border: 1px solid #fafafa;
  border-top: 0px;
  border-left: 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu ul li ul {
  position: absolute;
  min-width: 250px;
  /* margin-top: -5px; */
  /* padding-top: 0.75rem; */
  /* padding-bottom: 0.75rem; */
  background-color: #fafafa;
  border-radius: 0.25rem;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  visibility: hidden;
}

.menu ul li:hover>ul {
  -webkit-transform: perspective(600px) rotateX(0);
  transform: perspective(600px) rotateX(0);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  opacity: 1;
  visibility: visible;
}

.menu ul li ul li {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.menu ul li ul li a {
  font-size: 14px;
  color: #313131;
  border-bottom: 1px solid #ececec;
  padding: 10px 0px 9px 0px;
  text-transform: capitalize;
}

.menu ul li ul li a.has-child {
  margin-right: 0px;
}

.menu ul li ul li a.has-child:after {
  border-color: #313131;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu ul li ul li a.active {
  color: #ec2d3f;
}

.menu ul li ul li a.active.has-child:after {
  border-color: #ec2d3f;
}

.menu ul li ul li:last-child>a {
  border-bottom: 0px;
}

.menu ul li ul li:hover>a {
  color: #ec2d3f;
}

.menu ul li ul li:hover>a.has-child:after {
  border-color: #ec2d3f;
}

.menu ul li ul li ul {
  top: 0;
  left: 100%;
  margin-top: 0px;
}

.flex-rightmenu {}

/* Search */
#search {
  z-index: 999;
  line-height: normal;
  padding-left: 0;
  padding-right: 0;
  margin: 0 5px;
}

#search a i {
  font-size: 15px;
}

#search a {
  float: right;
  width: 35px;
  height: 35px;
  color: #000000;
  padding: 0;
  background: url(../images/icon_search.png) no-repeat center, rgb(255 255 255 / 10%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

#search a img {
  max-width: none;
}

.fix_head #search input[type="text"] {}

#search input[type="text"] {
  transition: 0.4s;
  right: 0;
  position: absolute;
  top: calc(100% + -3px);
}

.hien {
  width: 300px;
  opacity: 1;
  padding: 0 15px;
  border: 1px;
  border-radius: 0;
  height: 40px;
  background: #fff;
  outline: 0;
  /* margin-top: 10px; */
  color: #666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.an {
  width: 0px;
  opacity: 0;
  padding: 0;
  border: 0px;
  height: 40px;
}

/* Mmenu */
.menu-res {
  z-index: 100;
  background: var(--background-static);
  position: relative;
  display: none;
}

@media only screen and (max-width: 991px) {
  .menu-res {
    display: block;
  }
}

.menu-bar-res {
  height: 80px;
  padding: 0px 15px;
  /*border-bottom: solid 1px #ccc;*/
}

#menu {
  display: none;
}

#hamburger {
  display: block;
  width: 30px;
  height: 23px;
  position: relative;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  background: #ffffff;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0px;
}

#hamburger:before {
  top: 0px;
}

#hamburger span {
  top: 10px;
}

#hamburger:after {
  top: 20px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  -webkit-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
}

.mm-wrapper_opening #hamburger:before,
.mm-wrapper_opening #hamburger:after {
  top: 10px;
}

.mm-wrapper_opening #hamburger span {
  left: -50px;
  opacity: 0;
}

.mm-wrapper_opening #hamburger:before {
  transform: rotate(45deg);
}

.mm-wrapper_opening #hamburger:after {
  transform: rotate(-45deg);
}

.mm-menu_opened {
  display: block !important;
}

/* Search Responsive */
.search-res {
  position: relative;
}

.search-res .icon-search {
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  line-height: 42px;
  color: #ffffff;
  font-size: 17px;
  margin: 0px;
}

.search-res .icon-search.active {
  color: var(--background-static);
  background: #ffffff;
  border-radius: 100%;
}

.search-res .search-grid {
  position: absolute;
  top: 50px;
  right: 0px;
  width: 0px;
  height: 40px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--background-static);
  z-index: 2;
  opacity: 0;
  border-radius: 25px;
  line-height: normal;
}

.search-res .search-grid p {
  float: left;
  width: 35px;
  height: 38px;
  cursor: pointer;
  outline: none;
  border: none;
  margin: 0px;
  font-size: 17px;
  display: block;
  color: var(--background-static);
  line-height: 40px;
  text-align: center;
}

.search-res .search-grid input {
  width: calc(100% - 35px);
  float: right;
  line-height: 38px;
  outline: none;
  border: none;
  color: var(--background-static);
}

.search-res .search-grid input::-webkit-input-placeholder {
  color: #313131;
}

.search-res .search-grid input:-moz-placeholder {
  color: #313131;
}

.search-res .search-grid input::-moz-placeholder {
  color: #313131;
}

.search-res .search-grid input:-ms-input-placeholder {
  color: #313131;
}

/* Slideshow */
.slideshow {
  position: relative;
}


.main-banner .owl-dots {
  position: absolute;
  bottom: 60px;
  left: 20%;
}

.main-banner .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 10px;
  transition: all .5s;
}

.main-banner .owl-dots .active {
  background-color: #f35525;
}

.main-banner .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50px);
}

.main-banner .owl-nav .owl-prev i,
.main-banner .owl-nav .owl-next i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  display: inline-block;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  opacity: 1;
  transition: all .3s;
}

.main-banner .owl-nav .owl-prev i {
  position: absolute;
  left: 45px;
}

.main-banner .owl-nav .owl-next i {
  position: absolute;
  right: 45px;
}

.main-banner .owl-nav .owl-prev i:hover,
.main-banner .owl-nav .owl-next i:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

/*main about*/
.main-about {}

.main-about .wrap-content {
  padding: 30px 0 60px 0;
}

.main-about .wrap-content .left-about {
  width: 40.6374501992%;
}

.main-about .wrap-content .right-about {
  width: 49.2430278884%;
}

.main-about .wrap-content .left-about .title-about {
  margin-bottom: 10px;
}

.main-about .wrap-content .left-about .title-about h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  color: var(--background-hover);
}

.main-about .wrap-content .left-about .title-about span {
  font-size: 24px;
  color: var(--color-blue);
  text-transform: uppercase;
  font-weight: 400;
}

.main-about .wrap-content .left-about .desc-about {
  font-size: 16px;
  text-align: justify;
}

.main-about .wrap-content .right-about .image-about {
  margin-top: 70px;
}

.main-about .wrap-content .right-about .image-about img,
.main-about .wrap-content .right-about .image1-about img {
  border-radius: 10px;
}

.main-about .wrap-content .right-about .image1-about {}

/*end main about*/
/*main about*/
/*main letter*/
.main-letter {
  background: #FFF4E8;
}

.main-letter .wrap-content {
  padding: 25px 0 50px 0;
}

.main-letter .wrap-content .left-letter {
  width: 40.3984063745%;
  margin-left: 65px;
}

.main-letter .wrap-content .left-letter .pic-letter {
  background: url(../images/bg_thungo.png) no-repeat bottom center;
}

.main-letter .wrap-content .right-letter {
  width: 49.2430278884%;
  padding-right: 105px;
}

.main-letter .wrap-content .right-letter .title-letter {
  margin-bottom: 35px;
}

.main-letter .wrap-content .right-letter .title-letter h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  color: var(--background-hover);
}

.main-letter .wrap-content .right-letter .title-letter span {
  font-size: 24px;
  color: var(--color-blue);
  text-transform: uppercase;
  font-weight: 400;
}


.main-letter .wrap-content .right-letter .desc-letter {
  text-align: justify;
}

.main-letter .wrap-content .right-letter .info-letter {}

.main-letter .wrap-content .right-letter .info-letter p {
  font-family: 'mtdadventures';
  font-size: 56px;
  margin-bottom: -20px;
}

.main-letter .wrap-content .right-letter .info-letter h2 {}

.main-letter .wrap-content .right-letter .info-letter span {
  display: block;
  font-size: 16px;
}

/*end main letter*/
/*main benefit*/
.main-benefit {
    background: #F6F6F6;
    margin-top: 60px;
    margin-bottom: 50px;
}

.main-benefit .wrap-content {
  padding: 50px 0;
}



.main-benefit .wrap-content .item-bennefit {
  background: #F6F6F6;
  border-radius: 10px;
  text-align: center;
  padding: 21px;
}

.main-benefit .wrap-content .item-bennefit .name-bennefit {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-blue);
}


/*end main benefit*/
/*main-Profit*/
.main-Profit {
  position: relative;
}

.main-Profit:after {
  content: '';
  background: url(../images/bg_cocau1.png) no-repeat;
  width: 133px;
  height: 263px;
  position: absolute;
  left: 0;
  top: 0;
}

.main-Profit:before {
  content: '';
  background: url(../images/bg_cocau2.png) no-repeat;
  width: 160px;
  height: 263px;
  position: absolute;
  right: 0;
  top: 0;
}

.main-Profit .wrap-content {
  padding: 53px 0;
}

.main-Profit .button-dowdload-file {
  width: 157px;
  margin: auto;
}

.main-Profit .button-dowdload-file a {
  background: var(--color-blue);
  color: #fff;
  padding: 14px 20px;
  border-radius: 4px;
  display: block;
}

/*main-steps-register-account*/
.main-steps-register-account {}

.main-steps-register-account .wrap-content {
  padding: 25px 0 60px 0;
}

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

.title-steps span {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--color-blue);
}

.title-steps h2 {
  font-size: 40px;
  color: var(--background-hover);
  font-weight: 700;
}

.slick-steps {
  margin: 0 -10px;
}

.item-steps {
  border-radius: 10px;
  border-top: 4px solid #FFF;
  border-right: var(--spacing-2, 4px) solid #FFF;
  border-bottom: var(--spacing-2, 4px) solid #FFF;
  border-left: var(--spacing-2, 4px) solid #FFF;
  background: var(--brand-primamy-3, #FFF8EA);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  margin: 5px 10px;
  padding: 25px;
  min-height: 685px;
}

.stt-steps {
  border-radius: 72px;
  background: var(--brand-primary-6, #0E69B4);
  width: 50px;
  height: 50px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  margin: auto;
  margin-bottom: 20px;
}

.pic-steps {
  position: relative;
  display: flex;
  justify-content: center;
  background: url(../images/icon_1.png) no-repeat center;
  margin-bottom: 10px;
}

.pic-steps:after {
  content: '';
  background: url(../images/icon_phone.png) no-repeat;
  width: 197px;
  height: 400px;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.item-steps a.name-steps {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
}

.desc-steps {
  color: rgb(29 28 49 / 60%);
}

/*main-level*/
.main-level {
  background: #FFBB00;
}

.main-level .wrap-content {
  padding: 50px 0;
  background: url(../images/bg_level.png) no-repeat center;
  min-height: 650px;
}

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

.title-level span {
  font-size: 24px;
  text-transform: uppercase;
}

.title-level h2 {
  font-size: 40px;
  color: var(--color-blue);
  font-weight: 700;
}

.frame-level {
  position: relative;
  min-height: 380px;
  max-width: 710px;
  margin: auto;
}

.item-level-main {
  width: 122px;
  height: 122px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.item-level {
  width: 155px;
  position: absolute;
  text-align: center;
}

.item-level p.pic-level {
  width: 72px;
  height: 72px;
  background: #fff;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-bottom: 10px;
}

.item-level h3 {
  font-size: 16px;
  font-weight: 700;
}

.item-level:nth-child(1) {
  top: 0;
  left: 70px;
}

.item-level:nth-child(2) {
  top: 165px;
  left: 15px;
}

.item-level:nth-child(3) {
  left: 90px;
  bottom: -40px;
}

.item-level:nth-child(4) {
  bottom: -40px;
  right: 90px;
}

.item-level:nth-child(5) {
  top: 165px;
  right: 15px;
}

.item-level:nth-child(6) {
  top: 0;
  right: 70px;
}

/*main-brand*/
.main-brand {
  background: var(--color-blue);
}

.main-brand .wrap-content {
  padding: 30px 0;
}

.title-brand {
  text-align: center;
  margin-bottom: 1.5rem;
  color: #fff;
}

.title-brand h2 {
  font-size: 40px;
  font-weight: 700;
}

.title-brand span {
  font-size: 24px;
  text-transform: uppercase;
}

.item-brand {
  width: calc(100%/5 - 10px);
  margin: 0 5px 10px 5px;
}

.item-brand a {
  display: block;
  border-radius: 4px;
}

.item-brand a img {}

.flex-brand {
  margin: 0 -5px;
}

/*main-ecological-system*/
.main-ecological-system {}

.main-ecological-system .wrap-content {
  padding: 80px 0 70px 0;
}

.left-ecological-system {
  width: 49.2430278884%;
  position: relative;
  min-height: 710px;
}

.right-ecological-system {
  width: 40.796812749%;
}

.pic-ecological-system {}

.pic-ecological-system p {
  border-radius: 10px;
}

.pic2-ecological-system p {
  border-radius: 10px;
}

.pic2-ecological-system {}

.pic3-ecological-system {
  width: 380px;
  bottom: 0;
  position: absolute;
  left: 0;
  border-radius: 10px;
}

.title-ecological-system {
  margin-bottom: 1.5rem;
}

.title-ecological-system h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--background-hover);
}

.title-ecological-system span {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--color-blue);
}

.box-ecological-system {}

.item-ecological-system {
  background: #F6F6F6;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 20px;
  margin: 10px 0;
}

/* .item-ecological-system:last-child{
  margin-bottom: 0;
} */
.icon-ecological-system {
  width: 72px;
}

.info-ecological-system {
  width: calc(100% - 82px);
}

.info-ecological-system h3 {
  margin-bottom: 0;
}

.info-ecological-system h3 a {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-blue);
}

.desc-ecological-system {
  font-size: 16px;
}

.button-dowdapp-ecological {
  width: 195px;
  margin-top: 20px;
}

.button-dowdapp-ecological a {
  display: block;
  padding: 12px 9px;
  background: var(--color-blue);
  color: #fff;
  border-radius: 4px;
  font-weight: 700;
}

/*main-feature*/
.main-feature {}

.main-feature .wrap-content {
  padding-bottom: 70px;
}

.right-feature {
  width: 35.2988047809%;
  background: url(../images/bg_tn.png) no-repeat center;
  display: flex;
  justify-content: center;
  min-height: 657px;
  align-items: center;
}

.right-feature p {
  margin-bottom: 0;
  position: relative;
}

.right-feature p:after {
  content: '';
  background: url(../images/icon_phone1.png) no-repeat;
  width: 295px;
  height: 600px;
  position: absolute;
  left: 0;
  top: 0;
}

.left-feature {
  width: 44.6215139442%;
  margin-left: 40px;
}

.item-feature {
  width: 50%;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  padding-left: 25px;
  position: relative;
  margin-bottom: 25px;
}

.item-feature:after {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--background-hover);
  position: absolute;
  border-radius: 50%;
  left: 6px;
  top: 7px;
}

/*main-source*/
.main-source {
  background: #FFFDE8;
}

.main-source .wrap-content {
  padding: 20px 0;
}

.flex-source {
  margin: 50px 0 0 0;
}

.left-source {
  width: 40%;
  position: relative;
}

.center-source {}

.pic-source {
  position: relative;
}

.pic-source:after {
  content: '';
  background: url(../images/icon_phone2.png);
  width: 192px;
  height: 392px;
  position: absolute;
  left: 0;
  top: 0;
}

.right-source {
  width: 40%;
  position: relative;
}

.item-source {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 85px;
  max-width: 350px;
}

.left-source .item-source:nth-child(1) {
  margin-left: 105px;
}

.left-source .item-source:nth-child(2) {
  margin-left: 60px;
}

.left-source .item-source:nth-child(3) {
  margin-left: 35px;
}

.left-source .item-source:last-child {
  margin-bottom: 0;
}

.info-source h3 {
  margin-bottom: 0;
}

.info-source h3 a {
  font-size: 20px;
  color: var(--color-blue);
  font-weight: 700;
}

.icon-source {
  width: 72px;
  height: 72px;
  border-radius: 4px;
  background: var(--background-hover);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.left-source span {
  position: absolute;
}

.left-source span.muiten1 {
  right: -20px;
  top: 0;
}

.left-source span.muiten2 {
  right: -20px;
  top: 170px;
}

.left-source span.muiten3 {
  right: -20px;
  bottom: 5px;
}

.info-source {
  width: calc(100% - 87px);
}

.desc-source {}

.right-source .item-source:nth-child(1) {
  margin-left: 40px;
}

.right-source .item-source:nth-child(2) {
  margin-left: 105px;
}

.right-source .item-source:nth-child(3) {
  margin-left: 55px;
}

.right-source .item-source:last-child {
  margin-bottom: 0;
}

.right-source span {
  position: absolute;
}

.right-source span.muiten4 {
  left: -20px;
  top: -15px;
}

.right-source span.muiten5 {
  left: -20px;
  top: 200px;
}

.right-source span.muiten6 {
  left: -20px;
  bottom: 20px;
}

/*main-leverage*/
.main-leverage {}

.main-leverage .wrap-content {
  padding: 55px 0;
}

.item-leverage {
  margin: 0 5px;
  background: var(--color-blue);
  padding: 25px;
  border-radius: 4px;
  color: #fff;
  min-height: 290px;
  max-height: 290px;
  padding-right: 1px;
}

.item-leverage:hover h3 {
  color: var(--background-hover);
}

.item-leverage:hover .desc-leverage {
  overflow-y: auto;
}

.item-leverage h3 {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.desc-leverage {
  font-size: 16px;
  max-height: 170px;
  min-height: 170px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.slick-leverage {
  margin: 0 -5px;
  margin-top: 50px;
}

#style-1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px #c6e2ff;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb {
  background-color: #feae1b;
}

#style-1::-webkit-scrollbar {
  width: 2px;
  background-color: #F5F5F5;
}

/*main-programme*/
.main-programme {
  margin-top: -200px;
  background: var(--background-hover);
  margin-bottom: 60px;
}

.main-programme .wrap-content {
  padding: 250px 0 40px;
}

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

.title-programme h2 {
  font-size: 40px;
  font-weight: 700;
}

.title-programme span {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--color-blue);
}

.desc-programme {
  max-width: 830px;
  margin: auto;
  font-size: 16px;
}

.boxttable-programme {}

.boxttable-programme h3 {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}

.border-right-1 {
  border-right: 1px solid #D3D3D3;
}

.boxttable-programme tbody {
  background: #fff;
}

.boxttable-programme tr,
.boxttable-programme td {
  border-width: 1px;
}

/* footer*/
footer .wrap-content {
  padding: 50px 0 30px 0;
}

.left-footer {
  width: 62.0408163265%;
  padding-right: 50px;
}

.logo-footer {
  width: 120px;
}

.info-footer {
  width: calc(100% - 130px);
}

.name-company {
  font-size: 16px;
  font-weight: 700;
}

.desc-footer {}

.right-footer {
  width: 26.1224489796%;
}

.down-title-footer {
  margin-bottom: 20px;
}

.down-title-footer h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--background-hover);
  margin-bottom: 0;
}

.down-title-footer span {
  font-size: 16px;
  font-weight: 700;
}

/*Download*/
.title-main-in {
  text-align: center;
}

.title-main-in span {
  max-width: 49.4023904382%;
  display: block;
  margin: auto;
  color: #616161;
}

.title-main-in h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-blue);
}

.flex-download {
  max-width: 83.187250996%;
  margin: auto;
  margin-top: 30px;
}

.item-download {
  width: calc(100%/2 - 10px);
  margin: 0 5px 0 5px;
}

footer.footer2 {
  background: var(--color-blue);
  color: #fff;
}

.button_kiemtiencungtoi {}

.button_kiemtiencungtoi a {
  text-align: center;
  width: 230px;
  margin-left: auto;
  display: block;
  color: #000;
  font-size: 18px;
  background: var(--background-hover);
  font-weight: 700;
  padding: 8px 0;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 15px;
}

.button_kiemtiencungtoi a:hover {
  color: #fff;
}




/* Newsletter */
.newsletter-slogan {
  margin-bottom: 0.5rem;
  color: var(--color-gray);
}

.form-newsletter {
  height: 45px;
  display: flex;
  justify-content: space-between;
}

.newsletter-input {
  position: relative;
  height: 100%;
  width: calc(100% - 60px);
}

.newsletter-input input {
  border-radius: 0px;
  height: 100%;
  width: 100%;
}

.newsletter-button {
  width: 60px;
}

.newsletter-button input[type="submit"] {
  border: 0px;
  color: #fff;
  text-transform: uppercase;
  height: 100%;
  border-radius: 0;
  background: var(--background-static);
  width: 100%;
}

.wrap-dangky {
  margin-bottom: -60px;
  position: relative;
}

.wrap-dangky .wrap-content {}

.box-dangky {
  background: var(--background-hover);
  max-width: 83.187250996%;
  margin: auto;
  padding: 25px 20px;
  border-radius: 10px;
}

.title-dangky {
  text-align: center;
  margin-bottom: 20px;
}

.title-dangky h2 {
  font-size: 28px;
  font-weight: 700;
}



.form-dangky {
  display: flex;
  justify-content: space-between;
}

.form-dangky .input-form {
  width: calc(100%/4 - 10px);
  margin: 0 5px 0 5px;
}

.form-dangky .input-form input {
  border-radius: 4px;
  height: 45px;
}

.form-dangky .input-form input::placeholder {
  color: #808080;
  font-weight: 300;
}

button.dangky {
  width: 80px;
  height: 45px;
  border-radius: 4px;
  border: none;
  background: var(--color-blue);
  color: #fff;
  margin-left: 5px;
}

footer.footer2 .wrap-content {
  padding-top: 115px;

}

/*end Download*/

/*About download*/
.backgournd-1 {
  background: url(../images/bg_1.png) no-repeat bottom;
  background-size: cover;
  margin-bottom: -89px;
}

.about-download {}

.about-download .wrap-content {
  padding: 40px 0 120px 0;
}

.left-abdown {
  width: 25.4980079681%;
  margin-right: 130px;
}

.title-abdown {
  margin-bottom: 20px;
}

.title-abdown h2 {
  font-size: 40px;
  color: var(--background-hover);
  font-weight: 700;
  margin-bottom: 0;
}

.title-abdown span {
  font-size: 16px;
  font-weight: 700;
  display: block;
}


.right-abdown {
  width: 35.2988047809%;
  background: url(../images/bg_2.png) no-repeat;
  display: flex;
  justify-content: center;
  min-height: 657px;
  align-items: center;
}

.right-abdown p {
  margin-bottom: 0;
  position: relative;
}

.right-abdown p:after {
  content: '';
  background: url(../images/phone_abd1.png) no-repeat;
  width: 295px;
  height: 600px;
  position: absolute;
  left: 0;
  top: 0;
}

.left-danhgia {
  width: 48%;
}

.left-danhgia img {
  margin-top: 12px;
}

.left-danhgia span {
  font-size: 16px;
  font-weight: 700;
  margin-top: 11px;
  display: block;
}

.right-danhgia {
  width: 48%;
}

.right-danhgia p.nguoidung {
  font-size: 36px;
  font-weight: 700;
  color: var(--color-blue);
  margin-bottom: -5px;
}

.right-danhgia span {
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  display: block;
}

/*End about download*/
/*about-dangkytaikhoan*/
.about-dangkytaikhoan {}

.about-dangkytaikhoan .wrap-content {
  padding: 40px 0;
}

.item-dangky {
  border-radius: 10px;
  border-top: 4px solid #FFF;
  border-right: var(--spacing-2, 4px) solid #FFF;
  border-bottom: var(--spacing-2, 4px) solid #FFF;
  border-left: var(--spacing-2, 4px) solid #FFF;
  background: var(--brand-primamy-3, #FFF8EA);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  margin: 5px 10px;
  padding: 25px;
  min-height: 700px;
}

.stt-dangky {
  border-radius: 72px;
  background: var(--brand-primary-6, #0E69B4);
  width: 50px;
  height: 50px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  margin: auto;
  margin-bottom: 20px;
}

.pic-dangky {
  position: relative;
  display: flex;
  justify-content: center;
  background: url(../images/icon_2.png) no-repeat center;
  margin-bottom: 15px;
}

.pic-dangky:after {
  content: '';
  background: url(../images/phone_dk.png) no-repeat;
  width: 197px;
  height: 400px;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.item-dangky a.name-dangky {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin-bottom: 10px;
}

.desc-dangky {
  color: rgb(29 28 49 / 60%);
}

/*end about-dangkytaikhoan*/

/*about-banner*/
.about-banner {}

.about-banner .wrap-content {
  padding: 40px 0;
}

.pic-bannner-about img {
  border-radius: 10px;
}

/*end-about-banner*/
/*brand-about*/
.about-brand {
  background: var(--color-blue);
    margin-bottom: 50px;
}

.about-brand .wrap-content {
  padding: 40px 0;
}

.right-brandabout {
  width: 31.0756972112%;
  text-align: end;
}

.left-brandabout {
  width: 66.1354581673%;
}

.flex-brandabout {
  margin: 0 -5px;
}

.item-brandabout {
  width: calc(100%/5 - 10px);
  margin: 0 5px 10px 5px;
}

.title-brandabout {}

.title-brandabout span {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}

.title-brandabout h2 {
  color: var(--background-hover);
  font-size: 40px;
  font-weight: 700;
}


/* end brand-about*/
/*about-us*/
.about-us {
  background: var(--color-blue);
}

.about-us .wrap-content {
  padding: 35px 0 50px 0;
}

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

.title-aboutus span {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
}

.title-aboutus h2 {
  font-size: 40px;
  color: var(--background-hover);
  font-weight: 700;
}

.desc-aboutus {
  width: 66.9387755102%;
  margin: auto;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin-bottom: 5px;
  -webkit-line-clamp: 6;
}

.desc-aboutus p {
  margin-bottom: 0px;
}

.name-aboutus {
  font-size: 56px;
  font-family: 'mtdadventures';
  text-align: center;
  color: #fff;
}

.left-aboutus {
  width: 32.6530612245%;
}

.item-aboutus {
  display: flex;
  justify-content: space-between;
  color: #fff;
  margin-bottom: 25px;
}

.item-aboutus p {
  margin-bottom: 0;
  width: 36px;
}

.right-aboutus {
  width: 50.4489795918%;

}

.pic-aboutus {
  background: url(../images/icon_3.png) no-repeat center;
  min-height: 314px;
}

.info-itemsabout {
  width: calc(100% - 50px);
}

.info-itemsabout h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

/*about-benefit*/
.about-benefit {}

.about-benefit .wrap-content {
  padding: 40px 0 120px 0;
}

.item-ab-benefit .stt {
  font-size: 40px;
  color: var(--color-blue);
  text-align: center;
  font-weight: 700;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.pic-ab-benefit {
  background: url(../images/bg_ali1.png) no-repeat;
  width: 209px;
  height: 237px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-column-reverse .pic-ab-benefit {
  background: url(../images/bg_ali2.png) no-repeat;
}

.info-ab-benefit {
  text-align: center;
}

.flex-column-reverse .info-ab-benefit h3,
.flex-column-reverse.item-ab-benefit .stt {
  color: var(--background-hover)
}

.info-ab-benefit h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-blue);
}

.desc-ab-benefit {
  font-size: 16px;
}

.item-ab-benefit {
  margin: 0 25px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 430px;
}

.flex-s-ab-benefit {
  margin: 0 -25px;
  margin-top: 80px;
}

.pic-ab-benefit:hover img {
  animation-name: sizingSmall;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform: scale(1);
}

@keyframes sizingSmall {
  0% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.9);
  }
}

/*about-join*/
.about-join-top {
  background: var(--color-blue);
  position: relative;
}

.about-join-top .wrap-content {
  position: relative;
  z-index: 1;
}

.about-join-top .wrap-content:after {
  content: '';
  background: url(../images/icon_6.png) no-repeat;
  width: 351px;
  height: 183px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.about-join-top:after {
  content: '';
  background: url(../images/icon_5.png) no-repeat;
  width: 357px;
  height: 339px;
  position: absolute;
  right: 0;
  top: 0;
}

.left-join-top {
  width: 34%;
}

.title-join-top {
  margin-bottom: 15px;
}

.title-join-top h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--background-hover);
}

.title-join-top span {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}


.right-join-top {}

.pic-join-top {
  margin-top: -80px;
}

.item-community {
  margin-right: 15px;
}

.item-community a {
  border: 1px solid #fff;
  padding: 11px 20px;
  display: block;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
}

.item-community a:hover {
  color: #000;
  background: #fff;
}

.about-join-bottom {
  position: relative;
  z-index: 2;
}

.left-join-bottom {
  width: 33.0612244898%;
  margin-top: 30px;
}

.center-join-bottom {
  margin-top: -140px;
}

.pic-join-bottom {
  position: relative;
  margin-bottom: 30px;
}

.pic-join-bottom:after {
  content: '';
  background: url(../images/icon_phone_tg.png) no-repeat;
  width: 294px;
  height: 600px;
  position: absolute;
  left: 0;
  top: 0;
}

.right-join-bottom {
  width: 33.0612244898%;
  margin-top: 30px;
}

.buttun-dkn {}

.buttun-dkn a:hover {
  color: var(--background-hover);
}

.buttun-dkn a {
  width: 200px;
  display: block;
  margin: auto;
  text-align: center;
  height: 45px;
  border-radius: 4px;
  background: var(--color-blue);
  line-height: 45px;
  color: #fff;
  font-weight: 700;
}

.item-join-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-row-reverse .info-join-bottom {
  text-align: start;
}

.info-join-bottom {
  width: calc(100% - 134px);
  text-align: end;
}

.info-join-bottom h3 {
  font-size: 20px;
  color: var(--color-blue);
  font-weight: 700;
}

.desc-join-bottom {
  font-size: 16px;
  -webkit-line-clamp: 2;
}

.icon-join-bottom {
  width: 124px;
  background: url(../images/bg_icon_tg.png) no-repeat;
  height: 126px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-mobile {
  display: block;
  text-align: center;
  padding: 5px 0;
}
.box_chinhsach {
  background: #FFF8EA;
  margin-top: 50px;
  padding: 50px 40px;
  border-radius: 5px;
  border: solid 1px #FFBB00;
}
.sologan_ctv {
  font-size: 16px;
  color: #0E69B4;
  font-weight: bold;
}

.name_ctv {
  font-size: 32px;
  color: #FFBB00;
  font-weight: 700;
}
.content_ctv span {
  display: block;
  font-size: 16px;
  padding: 5px 0;
}

.desc_ctv {
  color: #0E69B4;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.right_ctv{width: 50%;}
.left_ctv {
  width: 45%;
}
.info_ctv {
  width: calc(100% - 100px);
}

.info_ctv span {
  font-size: 29px;
  font-weight: 700;
  color: #0E69B4;
}

.info_ctv p {
  font-size: 16px;
  color: #1E1F20;
  margin-bottom: 0;
}
.uu_ctv {margin-bottom: 20px;}
.button_ctv a {
  padding: 10px 20px;
  background: #0E69B4;
  color: #fff;
  display: flex;
  align-items: center;
}

.button_ctv {
  display: inline-block;
  margin-top: 20px;
}

.button_ctv a img {
  margin-left: 10px;
}
.box_home_cc {
  background: #EAF4FF;
  border: solid 1px #0E69B4;
}
.box_tn_gt_sm{margin-top: 60px;}
.item_tn_gt_sm {
  width: 30%;
  box-shadow: 3px 6px 10px #ccc;
  padding: 20px;
  border-radius: 17px;
  margin: 0 15px;
}

.item_tn_gt_sm a img {
  width: 100%;
  border-radius: 5px;
}

.item_tn_gt_sm a {
  border-radius: 5px;
}

.name_tm_gt_sm {
  font-size: 20px;
  text-transform: uppercase;
  margin: 20px 0;
  font-weight: 700;
}

.desc_tm_gt_sm span {
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
}
.item_vs{width: calc((100% / 4) - 20px);margin-bottom: 25px;}
.info_vsc {
  width: calc(100% - 115px);
  margin-left: 15px;
}

.info_vsc span {
  font-size: 20px;
  font-weight: 700;
}

.info_vsc p {
  font-size: 20px;
  color: #1E1F20;
}

.info_vsc {
  padding-right: 20px;
}
.title_customer {
  width: 40%;
}

.right_customer {
  width: 40%;
}
.item_customer {
  width: 100%;
}
.box_customer {
  background: url(../images/bannerqc.png)no-repeat;
  padding: 60px 0;
  background-size: 100% 100%;
  color: #fff;
  margin-bottom: 30px;
}
.title_customer span {
  font-size: 24px;
  text-transform: uppercase;
}

.title_customer p {
  font-size: 40px;
  color: #FFBB00;
  font-weight: bold;
}

.item_customer {
  background: #FFFFFF4D;
  padding: 20px;
  background-size: 100% 100%;
  border-radius: 5px;
  border: solid 1px #fff;
}
.right_customer .slick-track {
  /* padding: 10px 0; */
}
.info_customer {
  margin-bottom: 0;
}
.item_customer p {
  font-size: 16px;
}

.item_customer img {
  margin-bottom: 10px;
}
.info_customer span {
  font-size: 16px;
  font-weight: bold;
}
.item_baochi span {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  display: block;
  padding: 10px 0;
}

.item_baochi {
  padding: 0 10px;
}
.box_chietkhau{padding-top: 0px !important;}
.item_san{width: 33.33%;padding: 20px;border-radius: 20px;background: #ccc3;height: 235px;margin: 0 10px}
.item_san span {
  display: block;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  padding: 5px 0;
}

.item_san p {
  font-size: 16px;
  margin-bottom: 0;
}

.item_san.center {
  background: #0E69B4;
}

.item_san.center span {
  color: #fff;
}

.item_san.center p {
  color: #fff;
  margin-bottom: 0;
}
.box_sp .title-steps h2{margin-bottom: 30px;}
.box_sp{padding: 50px 0;}
.left_cart68 {
  width: 43%;
}

.right_cart68 {
  width: 51%;
  display: flex;
  justify-content: space-between;
}

a.image_gt {
  width: 49% !important;
}
.left_cart68 span {
  font-size: 24px;
  color: #0E69B4;
  text-transform: uppercase;
}

.left_cart68 h2 {
  color: #FFBB00;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 15px;
}

.desc_ecart68 {
  font-weight: 500;
  line-height: 27px;
}

.image_gt:nth-child(1) {
  margin-top: 60px;
  display: block;
}
.about_ecart_kiemtien{padding-top: 30px;padding-bottom: 50px;}
.left_cart68.left_about_bt {
  width: 50%;
}

.box_about {
  padding: 50px 0;
  background: #FFF4E8;
}

.left_about {
  width: 50%;
  text-align: center;
}
.info_ecart68 h2{
    font-size: 56px;
    font-weight: 400;
    font-style: italic;
    font-family: 'mtdadventures';
    color: #000;
    margin-bottom: 0;
}
.info_ecart68 p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 900;
}
.info_ecart68 span{
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
}
.info_ecart68 {
  margin-top: 20px;
}
.item_tc {
  width: 32.5%;
  text-align: center;
  padding: 20px;
  background: #F6F6F6;
  border-radius: 10px;
  margin-bottom: 20px;
}

.item_tc span {
  display: block;
  font-size: 20px;
  color: #0E69B4;
  font-weight: 700;
  margin-top: 10px;
}
.box_pd_web{padding: 50px 0;}
.box_cap {
  padding: 50px;
  background: #FFBB00;
  position: relative;
  overflow: hidden;
}
.box_cap .title-main span{color: #000;}.box_cap .title-main h2{color: #0E69B4;}
.khung_cap{max-width: 640px;margin: auto;}

.item_cap {
  text-align: center;
  margin-bottom: 50px;
}

.item_cap span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.left_cap .item_cap:nth-child(2) {
  margin-left: -40px;
}


.left_cap .item_cap:nth-child(3) {
  margin-bottom: 0;
}
.right_cap .item_cap:nth-child(2) {
  margin-right: -40px;
}


.right_cap .item_cap:nth-child(3) {
  margin-bottom: 0;
}
.box_cap:after {
  position: absolute;
  content: '';
  width: 1019px;
  height: 658px;
  left: calc((100% - 1019px) / 2);
  top: 0;
  background: url(../images/vongtron.png)no-repeat;
  background-size: 100% 100%;
}
.box_dowload_file {
  padding: 60px 0;
}

.file_dowload a {
  background: #0E69B4;
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 30px;
  border-radius: 5px;
}
.box_doitac {
  padding: 50px 0;
  background: #0E69B4;
}
.box_doitac .title-main span{color: #fff;}.box_doitac .title-main h2{color: #fff;}
.item_dt {
  width: calc((100% / 5) - 10px);
  margin-bottom: 15px;
}
.hesinhthai .left_cart68{width: 45%;}
.hesinhthai .left_about{width: 48%;}
.item_hst {
  display: flex;
  align-items: center;
  background: #F6F6F6;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.box_about.hesinhthai {
  background: #fff;
}

.info_hst span {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
}

.info_hst {
  margin-left: 20px;
}

.info_hst p {
  margin-bottom: 0;
}
.box_uuviet {
  padding: 50px 0;
}
.uuviet_ecart {
  max-width: 1075px;
  margin: auto;
}

.left_uuviet {
  width: 52%;
}
.item_uuviet{width: 48%;margin-bottom: 20px;}
.item_uuviet span {
  display: block;
  width: 95%;
  font-size: 16px;
  font-weight: 700;
}
aside.left-sidebar.box_desk_l {
  width: 390px;
}

.body-wrapper.box_body_r {
  margin-left: 390px !important;
}
.item_vs {
  width: calc((100% / 4 ) - 10px);
  margin-bottom: 25px;
}
.box_mmneu_mb {
  background: #0e69b4;
  text-align: center;
}
.box_mmneu_mb .logo_hhv{padding-top: 50px;}
.share_link span{display: none;}
.line_mobile{display: none}
.tab_bar {display: none;}
.img_about_p{display: none;}

.box_scroll .slick-track {padding: 10px;/* margin: -10px; */}
.desc_tm_gt_sm {
  max-height: 200px;
  height: 190px;
}
.title_price_list {
  background: #fff;
  padding: 20px 0;
}

.title_price_list span {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.items_price_list p {
  font-size: 13px;
  color: #000;
  font-style: italic;
  font-weight: 300 !important;
  margin-bottom: 0;
    margin-top: 20px;
}
.items_price_list {}.items_price_list {
  padding-bottom: 15px;
  /*background: #F6F6F6;*/
}

.content_price_list {
  padding: 0 20px;
  padding-bottom: 20px;
}

.price_service p {
  color: #2B2B2B;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 0;
}

.price_service span {
  color: #2B2B2B;
  font-size: 24px;
  font-weight: 600;
}

.price_service {
  padding: 25px 0;
}

.price_service {}

.function_service span {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
    text-align: start;
}

.function_service {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.function_service img {
  margin-right: 10px;
}

.function_service {}
.button_register_service {
  margin-bottom: 20px;
  border-radius: 30px;
  margin-left: 15px;
  margin-right: 15px;
  background: #fff;
  display: block;
}.button_register_service a {
  padding: 15px;
  display: block;
  color: #FFBB00 !important;
  font-weight: bold;
}.button_register_service {
  margin-bottom: 20px;
  border-radius: 30px;
  margin-left: 15px;
  margin-right: 15px;
  background: #fff;
  display: block;
}.button_register_service a {
  padding: 10px;
  display: block;
  color: #fff !important;
  font-weight: bold;
       background: #0E69B4;
       margin: 0 15px;
       border-radius: 30px;
}
span.slogan {
  color: #1E1F20;
  text-transform: capitalize;
  margin-bottom: 35px;
  display: block;
}
.items_price_list:hover {
  /*background: #FFBB00;*/
  /*color: #fff;*/
}

.items_price_list:hover .title_price_list {
  /*background: #0e69b4;*/
}

.items_price_list {
    box-shadow: 0px 0px 10px #cccccc7d;
}

.items_price_list {
  transition: 1s;
}

.items_price_list:hover span {
  /*color: #ffff;*/
}

.items_price_list:hover p {
  /*color: #fff;*/
}

.items_price_list:hover {
  margin-top: -15px;
  transition: 1s;
}
.box_price_list .slick-slide {
  padding: 0 10px;
}
.top_title_card img{margin-right: 20px;}
.save_service span{color: #1E1F20;font-size: 16px;font-weight: 400;text-transform:none;text-decoration:line-through}
.tk_save{font-size: 13px !important;text-decoration: none !important;background: #E5EFFD;padding: 5px 10px;border-radius: 15px;margin-left: 10px;display: inline-block;}
.box_price_list .slick-track{padding: 10px;margin: -10px;}
.box_customer_news {
    padding: 50px 0;
    background: #FFF4CD;
    text-align: center;
}

.item_old_customer {
    text-align: center;
}

.img_customer {
    text-align: center;
    display: flex;
    justify-content: center;
}

.img_customer img {
    width: 105px;
    height: 105px;
    border-radius: 50%;
}
.scale-img {
    overflow: hidden;
    display: block;
}
.scale-img img {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.scale-img:hover > img {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.box_customer_news { padding: 50px 0; background: #FFF4CD; }
.item_old_customer { font-size: 20px; font-weight: bold; text-align: center; }
.desc_customer { font-size: 16px; font-weight: 400 }
.img_customer { display: flex; justify-content: center; }
.img_customer_icon { display: flex; justify-content: center; }
.img_customer_icon { }
.img_customer img { width: 105px; height: 105px; border-radius: 50%; border: solid 1px #fff; }
.info_customer { background: #fff; padding: 25px; padding-top: 70px; margin-top: -50px;min-height: 412px;margin-right: 10px;margin-left: 10px }
/*.item_old_customer .info_customer { border-top-left-radius: 140px; }*/
.customer_center_left .info_customer { background: #FFEDAB; border-top-left-radius: 0; }
.customer_center_right .info_customer { background: #fff; border-top-left-radius: 0; }
.customer_even_right .info_customer { background: #FFEDAB; border-top-left-radius: 0; border-bottom-right-radius: 140px; }
.name_customer { margin: 10px 0; }
.anh_friend img {
    width: 82px;
    height: 82px;
    border-radius: 50px;
}
.icon_link_trang img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.box_dl{
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    background: white;
    /*max-width: calc(100%/5 - 10px);*/
    margin-bottom: 10px;
    /*min-width: 241px;*/
    margin-left: 10px;
    margin-right: 10px;
    min-height: 400px;
}
.img_td{
    width: 170px;
}
._item_td{
    margin-left: 10px;
    margin-top: 0;
}
.moldal-cardvisit .modal-dialog{
    --bs-modal-width: auto;
    width: 95%;
    max-width: 1020px;
    margin: 0 auto;

}
.wrap-card-modal {
    overflow-x: auto; /* Tạo thanh cuộn ngang */
    /*padding-bottom: 15px;*/
    height: 250px;
}
.wrap-card-modal::-webkit-scrollbar {
    height: 6px;
}

.wrap-card-modal::-webkit-scrollbar-thumb {
    background-color: #0E69B4; /* Màu nền của thanh cuộn */
    border-radius: 5px; /* Bo tròn các góc của thanh cuộn */
}

.wrap-card-modal::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Màu nền của vùng track (nền thanh cuộn) */
    border-radius: 10px; /* Bo tròn các góc của vùng track */
}
.moldal-cardvisit .modal-title {font-size: 20px;font-weight: 700;}
.box_dowload_modal{margin-top:10px}
.content-cardvisit-modal{    width: 100%}
.box_dowload_modal a.button_click {
    cursor: pointer;
    width: 27%;
    text-align: center;
    background: #fff;
    padding: 9px 10px;
    border-radius: 30px;
    color: #000;
    font-size: 14px;
    border: 1px solid #0E69B4;
    margin-left: 10px;
    font-weight: 700;
}
.box_dowload_modal a.button_click button{
    border: unset;
    font-weight: 700;
    background: transparent;
}
.box_dowload_modal a.button_click button i{margin-right:5px; }
.box_dowload_modal a.button_click:hover{background: #0E69B4;color: #fff;}
.box_dowload_modal a.button_click:hover button{color: #fff;}
.wrap-card-modal .item-templatemore-cart{margin-right: 10px;min-width: 320px;width: 320px;height: 170px}
.box_giamgia{background: url(../images/bg_box_giamgia.png) no-repeat;padding: 20px 25px;min-width: 404px;}
.top_giamgia{
    color: #FA6338;
}
.left_giamgia{
    width: calc(100% - 85px);
}
.name_giamgia{margin-bottom: 0;font-size: 20px;font-weight: 700;}
.proviso_giamgia{margin-bottom: 0;font-size: 12px;}
.code_giamgia{}
.right_giamgia{
    text-align: center;
    font-size: 12px;
    width: 85px;
}
.title_time_giamgia{}
.title1_time_giamgia{}
.bottom_giamgia{
    padding-top: 8px;
}
.right_giamgia span.cham_pd {
    padding: 3px;
    color: #000;
}
.right_giamgia .time_fls p {border-radius:4px;}

100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes scaleLarge {
    0% {
        opacity: 0;
        transform: scale(2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.desc-slide{
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}
.desc1-slide{
    font-size: 40px;
    color: #FFBB00;
    margin: 10px 0 15px 0;
    font-weight: 700;
}
.thamgia-slide{
    background: #FFBB00;
    color: #000;
    font-weight: 700;
    padding: 12px 10px;
    border-radius: 5px;
    margin-right: 15px;
}
.taiungdung-slide{
    color: #FFBB00;
    padding: 12px 10px;
    border: 1px solid #FFBB00;
    border-radius: 5px;
    font-weight: 700;
}

.item-slide{position: relative;}
.info-slide {
    position: absolute;
    top: 0;
    left: calc((100% - 1200px)/2);
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    text-align: start;
}
.owl-banner .owl-item.active .desc-slide {
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
.owl-banner .owl-item.active .desc1-slide {
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.owl-banner .owl-item.active .thamgia-slide {
    animation: scaleLarge;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}
.owl-banner .owl-item.active .taiungdung-slide {
    animation: scaleLarge;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}
.opacity-00{opacity: 0;}


.owl-banner .owl-item.active .descabout-slide {
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
.owl-banner .owl-item.active .descabout1-slide {
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.owl-banner .owl-item.active .down_slideabout a {
    animation: scaleLarge;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}
.down_slideabout a{
    margin-right: 15px;
}
.descabout1-slide{
    font-size: 40px;
    font-weight: 700;
    width: 520px;
    line-height: 45px;
    margin: 10px 0 15px 0;
}
.descabout-slide{
    font-size: 24px;
    color: #0E69B4;
    text-transform: uppercase;
}
.prev-arrow-e68 {
    position: absolute;
    right: calc(100% + -50px);
    top: 47% !important;
    z-index: 10000;
}

.next-arrow-e68 {
    position: absolute;
    left: calc(100% + -50px);
    top: 47% !important;
}
.prev-arrow {
    position: absolute;
    right: calc(100% + -15px);
    top: 47% !important;
    z-index: 100;
}

.next-arrow {
    position: absolute;
    left: calc(100% + -20px);
    top: 47% !important;
}
.btn-arrow{
    width: 50px;
    height: 50px;
    background: #efefef;
    border-radius: 50%;
    outline: unset;
}
.prev-arrow-header {
    position: absolute;
    right: calc(100% + -45px);
    top: 28% !important;
    z-index: 10;
}

.next-arrow-header {
    position: absolute;
    left: calc(100% + -50px);
    top: 28% !important;
}
.btn-arrow-header{
    width: 50px;
    height: 50px;
    outline: unset;
    font-size: 20px;
}
.btn-arrow:hover{
    background: #e5e5e5;
    border: unset;
}
.btn-arrow-header:hover{
    border: unset;
}
.box_list_friend{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: white;
    padding: 20px;
}
.box_item_friend{
    border: 1px solid #DADBE0;
    padding: 8px 24px 8px 10px;
    width: 49.4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.title_friend{
    font-weight: 700;
    font-size: 16px;
    color: black;
    margin-bottom: 0;
}
.btn-toggle{
    font-size: 26px;
    color: black;
    outline: unset;
}
@media (max-width: 1300px) {
    .prev-arrow {
        right: calc(100% + -30px);
    }
    .flex-s-ab-benefit{
        margin: 0;
    }
    .next-arrow {
        left: calc(100% + -30px);
    }
}
@media (max-width: 1024px) {
    .img_dn {
        height: 100%;
    }
    .descabout1-slide{width:100%;font-size: 32px;}
    .info-slide {
        left: 25px;
        justify-content: start;
        top: 50px;
        right: 25px;
    }
    .box_dl{
        max-width: calc(100%/3 - 10px);
    }
  .box_menu_h{height: 50px;}
  .head{display: none !important;}
  .profile_businessman {
      padding-top: 35px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
  }
  .title_setting {
    font-size: 32px;
    color: #000;
    font-weight: 700;
    margin-bottom: 25px;
  }

  .profile_businessman {}

  .box_info_short {
      background: #FFFFFF;
      border-radius: 15px;
      padding: 10px;
      box-shadow: 0px 0px 10px #cccccc2b;
  }
  .box_info_short a img {
    border-radius: 50%;
    max-width: 57px;
}

.box_info_short span {
    color: #1E1F20;
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
}
.title_bank {
  font-size: 20px;
  color: #1E1F20;
  margin-top: 20px;
  margin-bottom: 15px;
}
.item_socical_mb{width: 49%;padding: 17px 10px;background: #fff;box-shadow:0px 0px 10px #cccccc2b;border-radius: 15px;margin-bottom: 10px;}
a.item_socical_mb span {
  color: #000;
  display: block;
  padding-top: 10px;
}
.box_bank {}

.item_bank {
  width: 49%;
  background: #fff;
  padding: 20px 10px;
  box-shadow: 0px 0px 10px #cccccc2b;
  border-radius: 10px;
}

.img_bank {
  max-width: 35px;
}

.info_bank {
  width: calc(100% - 45px);
}

.info_bank span {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.bg_xam_full{background: #F5F6FA;padding-bottom: 50px;}
  .img_about_p{display: block;padding: 15px 0;}
  .tab_bar {
    display: block !important;
    position: fixed;
    bottom: 0;
      z-index: 10;
    width: 100%;
    padding: 15px 20px;
    background: #f3f3f3;
    box-shadow: 0px 19px 39px #000;
}
.tab_bar a:last-child:hover img {filter: none;}
.tab_bar a:hover img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(35%) saturate(1114%) hue-rotate(164deg) brightness(87%) contrast(108%);
}
  ul.tab__menu::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: red;}
  .box_pd_color{padding-top: 20px !important;}
  .button_edit_about{margin-bottom: 0;}
  .tab.active {
    width: 100%;
    display: block !important;
}
  .share_link span {
      display: block;
      position: relative;
      z-index: 10;
      text-align: center;
      letter-spacing: 2px;
      font-weight: bold !important;
      font-size: 20px;
  }
  .box_mxh_none{display: none !important;}
  .right_icon:after{display: none;}
  .share_link span{display: block;position: relative;z-index: 10;}
  .line_mobile{display: flex;justify-content: center;align-items: center}
  .share_link img{display: none;}
  .album_anh{display: none;}
  .mb_none{display: none;}
  a.add_friend{width: 33%;}
  a.chat_mess{width: 33%;justify-content: start !important; }
  a.chat_mess{}
  .down-title-footer span {
    font-size: 14px;
  }

  .down-title-footer h2 {
    font-size: 30px;
  }

  .right-footer {
    width: 30%;
  }

  .desc-programme {
    max-width: unset;
  }

  .title-programme h2 {
    font-size: 30px;
  }

  .title-programme span {
    font-size: 20px;
  }

  .main-programme .wrap-content {
    padding: 210px 0 40px;
  }

  .item-leverage {
    padding: 15px;
  }

  .item-leverage h3 {
    margin-bottom: 20px;
  }

  .slick-leverage {
    margin-top: 20px;
  }

  .main-leverage .wrap-content {
    padding: 25px 0;
  }

  .left-feature {
    width: 50%;
    margin-left: 0px;
  }

  .title-ecological-system h2 {
    font-size: 30px;
  }

  .title-ecological-system span {
    font-size: 20px;
  }

  .main-ecological-system .wrap-content {
    padding: 40px 0 30px 0;
  }

  .title-brand h2 {
    font-size: 30px;
  }

  .title-brand span {
    font-size: 20px;
  }

  .main-Profit .wrap-content {
    padding: 30px 0;
  }

  .main-Profit:after,
  .main-Profit:before {
    display: none;
  }

  .title-level span {
    font-size: 15px;
  }

  .title-level h2 {
    font-size: 30px;
  }

  .item-steps a.name-steps {
    font-size: 18px;
    line-height: 25px;
  }

  .title-steps h2 {
    font-size: 30px;
  }

  .title-steps span {
    font-size: 20px;
  }

  .main-benefit .wrap-content {
    padding: 20px 0;
  }

  .title-main span {
    font-size: 20px;
  }

  .title-main h2 {
    font-size: 30px;
  }

  .main-letter .wrap-content .right-letter {
    width: 40%;
    padding-right: 0;
  }

  .main-letter .wrap-content .left-letter {
    margin-left: 0;
    width: 54%;
  }

  .main-letter .wrap-content .right-letter .title-letter h2 {
    font-size: 30px;
  }

  .main-letter .wrap-content .right-letter .title-letter span {
    font-size: 20px;
  }

  .main-about .wrap-content .left-about .desc-about {
    font-size: 14px;
  }

  .main-about .wrap-content .left-about .title-about h2 {
    font-size: 30px;
  }

  .main-about .wrap-content .left-about .title-about span {
    font-size: 20px;
  }

  .main-about .wrap-content {
    padding: 20px 0 30px 0;
  }

  .main-source .wrap-content,
  .main-level .wrap-content {
    overflow: hidden;
  }

  .left-abdown {
    margin-right: 30px;
    width: 40%;
  }

  .title-abdown h2 {
    font-size: 30px;
  }

  .item-dangky a.name-dangky {
    font-size: 16px;
    line-height: 25px;
  }

  .about-dangkytaikhoan .wrap-content {
    padding: 20px 0;
  }

  .title-brandabout h2 {
    font-size: 30px;
  }

  .title-brandabout span {
    font-size: 20px;
  }

  .info-join-bottom h3 {
    font-size: 18px;
  }

  .item-community a {
    padding: 5px;
  }

  .title-join-top span {
    font-size: 15px;
  }

  .title-join-top h2 {
    font-size: 25px;
  }

  .about-benefit .wrap-content {
    padding: 20px 0 100px 0;
  }

  .desc-aboutus span {
    font-size: 46px;
  }

  .desc-aboutus {
    width: 100%;
    -webkit-line-clamp: 3;
  }

  .title-aboutus h2 {
    font-size: 30px;
  }

  .title-aboutus span {
    font-size: 20px;
  }

  .about-us .wrap-content {
    padding: 25px 0 30px 0;
  }



  .main-banner .owl-nav .owl-prev i {

    left: 25px;
  }

  .main-banner .owl-nav .owl-next i {

    right: 25px;
  }

  .main-banner .owl-nav .owl-prev i,
  .main-banner .owl-nav .owl-next i {
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
  }

  .about-benefit .wrap-content,
  .about-join-top .wrap-content {
    overflow: hidden;
  }

  .flex-download {
    max-width: 100%;
  }

  .padding-top-bottom {
    padding: 1.5rem 0;
  }


  .title-dangky h2 {
    font-size: 25px;
  }

  .box-dangky {
    max-width: 100%;
    padding: 10px 5px;
  }

  .title-main-in h2 {
    font-size: 25px;
  }
  aside.left-sidebar.box_desk_l{display: none;}
  .body-wrapper.box_body_r{margin-left: 0 !important;padding-bottom: 30px;}
  .pd_top{padding: 0 !important;}
  .left_desk_img{width: 100%;padding-left: 0;margin-bottom: 20px;}
  .img_prf.img_none{margin-top: -50px !important;}
  .right_kh_desk{width: 100% !important;margin-bottom: 10px;padding: 0 5px;justify-content: space-between !important;}
  a.add_friend{display: flex;align-items: center;padding: 5px !important;height: 50px;}
  a.chat_mess {
    padding: 10px 7px 10px 10px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: start;
    height: 50px;
  }
  .left_all_tt_dn{width: 100% !important;}
  .album_anh{padding: 10px;}
  a.add_them{padding: 5px 10px;}
  a.go_friend{padding: 5px 20px;}
  .mxh_desk{margin-right: 5px !important;}
  .right_icon{width: 100% !important;}
  .share_link{margin-top: 10px; margin-bottom: 10px !important;padding-right: 10px;}
  .box_ecard_mb {
    display: inline-block !important;
    position: fixed;
    top: 5px;
    border-radius: 30px;
    left: 20px;
    width: 50px;
    height: 50px;
}
.info_avt h2{font-size: 20px;}
p.all_friend {font-size: 14px !important;display: flex !important;align-items: center;}
p.all_friend span{font-size: 14px !important;}
.custom-model-inner{width: 100%;}
.all_nganhang{padding: 10px;}
.logo_nganhang{margin-bottom: 10px;}
.coppy_ma{padding: 5px;font-size: 15px;}
.photo_about{width: 100%;margin-bottom: 20px;}
.right_about{width: 100%;}
.photo_about img{width: 100%;}
.mr_20{margin: 0 10px !important;}
.tamnhin_sumenh {justify-content: center !important;}
.img_cong {
  width: 100%;
  text-align: center;
  margin: 0;
  margin-top: -80px;
  margin-bottom: -80px;
}
.content_tamnhin_sumenh{width: 100%;margin-bottom: 20px;}
.left_lanhdao{width: 100%;margin-bottom: 10px}
.center_lanhdao{width: 100%;margin-bottom: 20px;}
.lanh_dao_desk{padding: 50px 20px;margin-bottom: 20px;}
.right_lanhdao{width: 100%;}
.box_nhansu_cty{
    justify-content: space-between;
}
.item_nhansu{
    width: calc((100% / 2) - 10px);
    padding: 0;
}
.item_thanhtuu{width: calc((100% / 2 ) - 10px);}
.left_vh_cty{width: 100%;}
.right_vh_cty {
  width: 100%;
  order: 1;
}
.item_duan {
  width: calc((100% / 2) - 10px);
  margin-bottom: 20px;
}
.img_al_desk{width: 49%;}
.box_sp{padding: 20px 0;}
.item_sp{width: 49%;}
.left_sp_details{width: 100%;}
.images_sp_dl{max-width: 100%; display: flex;justify-content: space-between;width: 100%;order: 2;}
.images_sp_dl_big{max-width: 100%;width: 100%;margin-bottom: 15px;}
.images_sp_dl_big img{width: 100%;}
.images_sp_dl img{width: calc((100% / 5) - 10px);}
.right_sp_details{width: 100%;}
.all_kichthuoc{flex-wrap: wrap;}
.kichthuoc_sp{flex-wrap: wrap;}
.ds_color_sp{width: 100%;}
.kichthuoc_spp span{padding: 5px 15px;}
.ds_kichthuoc{width: 100%;}
.color_sp span{margin-bottom: 10px;}
.kichthuoc_sp span{margin-bottom: 10px;}
.ma_giam_gia span{width: 100%;margin-bottom: 10px;}
.ma_giam_gia p{margin-bottom: 10px;}
span.all_sp_tt{padding-left: 0;margin-top: 10px;}
.muangay{padding: 10px 20px;display: flex;align-items: center;}
.add_sp_cart{padding: 10px 15px;display: flex;align-items: center;}
.heart_sp{margin-top: 10px;}
.d-flex.booxx_start span{margin-left: 0;}
.menu_scroll.slick-initialized.slick-slider {
  padding-top: 30px;
  padding-bottom: 0;
}
.header.d-flex.justify-content-center{text-align: center;}
.thanh_search {
  display: flex;
  align-items: center;
  width: 100%;
}
.search_web{margin-left: 0px;width: 100%;margin-bottom: 10px;}
.header_botom_menu {padding: 0 10px;}
.thanh_search input {
  width: calc(100% - 40px);
}
.logo_shop {
  display: block;
  text-align: center;
  width: 100%;
  padding: 10px;
}
.tien_ich.d-flex{margin-left: 0;}
.info_nguoidung.d-flex.align-items-center{margin-left: 30px;}
.dowload_shop{margin-left: 0;}
.info_shop{padding: 0 10px}
.left_info_shop{width: 100%;}
.left_info_shop img{width: 100%;}
.giam_gian img{margin-bottom: 20px;}
.giam_gian.d-flex.justify-content-between.wrap_eshop{margin-bottom: 20px;}
.wrap_eshop{padding: 0 10px;}
.box_footer_firts{width: 100%;margin-top: 0;}
.item_tab_shop{padding: 0 10px;}
.item_icon_tuyendung {
  text-align: center;
  width: calc((100% / 2) - 10px);
}
.box_pd_color{padding: 10px}
.item_tuyendung{width: 100%;}
.item_tuyendung a{width: 100%;}
.info_tuyendung{width: 100%;margin-top: 15px;}
.item_tuyendung a img{width: 100%;}
.item_bv_tuyendung{width: 100%;margin-bottom: 10px;}
.title_about_p{font-size: 18;font-weight: bold;}
    .item_tuyendung{width: 49%}
    ._item_td_bv{
        width: calc((100%/3) - 10px)!important;
        margin-bottom: 10px;
    }
    ._item_icon_td{
        width: calc((100% / 4) - 10px);}
    ._item_td{
        margin-top: 0px;
    }
}
.text_bio:hover{
    color: black!important;
}
.mota_doanhnhan img,.content_post img{
    max-width: 100%!important;
    height: auto!important;
}
.note_dowload_text{
    font-size: 14px;
    font-weight: 700;
    color: black;
    display: none;
}
.coppy_link_user{
    background: white;
    padding: 0px 15px;
    border: 1px solid #333333;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    margin-right: 15px;
    border-radius: 5px;
}
.box_career_goals{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.img_career_goals{
    width: 45%;
    margin-right: 15px;
}
.box_right_goals{
    width: 55%;
}
.img_item_career{
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.title_career{
    color: #0E69B4;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
}
.content_career{
    margin-bottom: 0;
    font-size: 16px;
    color: #535458;
}
.line_item_career{
    display: flex;
    border-top: 1px solid #C8C8C8;
    padding: 10px 0;
}
.see_cv{
    background: #0E69B4;
    color: white;
    padding: 10px 25px;
    border-radius: 40px;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 20px;
}

.box_left_work{
    width: 33%;
}
.title_name_word{
    margin-bottom: 5px;
    font-size: 28px;
    font-weight: 700;
    color: #0E69B4;
}
.describe_word{
    font-size: 16px;
    color: black;
    margin-bottom: 10px;
}
.box_right_work{
    width: 66%;
}
.content_right_work{
    max-width: 80%;
    width: 100%;
}
.img_point_work{
    width: 20px;
    height: 20px;
}
.title_date_work{
    font-size: 16px;
    font-weight: 700;
    color: #1E1F20;
    margin-bottom: 0;
}
.line_hight_content{
    width: 1px;
    border-right: 1px dashed #868686;
    height: 100%;
}
.name_content_work{
    font-weight: 700;
    font-size: 16px;
    color: #1E1F20;
    margin-bottom: 5px;
}
.content_describe_work{
    color: #1E1F20;
    font-size: 16px;
    margin-bottom: 15px;
}
.box_education{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 20px;
}
.box_item_education{
    border: 1px solid #6B7181;
    padding: 20px;
    border-radius: 10px;
}
.title_education{
    font-size: 16px;
    font-weight: 700;
    color: #1E1F20;
    margin-bottom: 5px;
}
.title_course{
    font-size: 12px;
    color: #1E1F20;
    margin-bottom: 5px;
}
.content_education{
    font-size: 16px;
    color: #1E1F20;
    margin-bottom: 0;
}
.content_letter img{
    max-width: 100%;
}
.mr_20{
    margin-bottom: 70px!important;
}
.name_shop{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    color: black;
}
.title_shop_big{
    font-weight: 700;
    font-size: 22px;
    color: black;
    margin-top: 25px;
}
.select_address_item{
    width: calc((100%/2) - 70px);
}
.btn_search_address{
    background: #FFBB00;
    color: white;
    border: none;
    outline: unset;
    padding: 9px 20px;
    border-radius: 4px;
}
.box_address_shop{
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
}
.img_address_shop{
    width: 90px;
    height: 90px;
    object-fit: cover;
    margin-right: 10px;
}
.address_shop_item{
    display: flex;
    padding: 10px;
    border: 1px solid #7f7f7f;
    border-radius: 4px;
}
.title_big_shop{
    margin-bottom: 2px;
    color: black;
    font-weight: 700;
    font-size: 16px;
}
.box_work{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 20px;
    margin-top: 20px;
}
.img_work{
    width: 100%;
    object-fit: cover;
    max-height: 188px;
}
.btn_link_work{
    padding: 10px 20px;
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: black;
}
.active_work{
    background: #FFBB00;
    border-color: #FFBB00;
    color: white;
}
.box_work_img{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px 10px;
}
@media (max-width: 1024px) {
    .box_work_img{grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width: 992px) {
    .title_career,.content_career{
        font-size: 14px;
    }
    .title_name_word{font-size: 22px}
    .box_education{grid-template-columns: 1fr 1fr;}
}

.footer_mobile{
    display: none;
}
@media (max-width: 768px) {
    .box_career_goals{
        flex-wrap: wrap;
    }
    .img_career_goals{
        width: 100%;
        height: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        max-height: 358px;
        object-fit: cover;
    }
    .box_right_goals,.box_left_work,.box_right_work{
        width: 100%;
    }
    .title_name_word{
        font-size: 18px;
        margin-bottom: 0;
    }
    .img_point_work{
        width: 20px!important;
        height: 18px!important;
    }
    .box_education{grid-template-columns: 1fr}
    .box_skill_interest{
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px 10px;
    }
    .footer_mobile{
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        background: #0157C8;
        position: fixed;
        bottom: 0;
        padding: 17px 0;
        z-index: 10000;
    }
    footer{
        padding-bottom: 50px;
    }
    .menu_overview{width: 100%;}
    .img_menu{width: 45px;height: 45px}
    .menu_overview{height: auto}
  .item-source {
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-right: 0 !important;
  }

  .left-source,
  .right-source {
    width: 50%;
  }

  .center-source {
    order: 3;
    margin: auto;
    margin-top: 15px;
  }

  .right-source {
    order: 2;
  }

  .right-source span,
  .left-source span {
    display: none;
  }

  .desc-programme {
    font-size: 14px;
  }

  .title-programme span {
    font-size: 17px;
  }

  .title-programme h2 {
    font-size: 25px;
  }

  .right-feature {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .left-feature {
    width: 100%;
  }

  .button-dowdapp-ecological {
    margin: auto;
  }

  .title-ecological-system {
    margin-bottom: .5rem;
  }

  .right-ecological-system {
    width: 100%;
  }

  .left-ecological-system {
    width: 100%;
  }

  .item-brand {
    width: calc(100%/3 - 10px);
  }

  .item-steps a.name-steps {
    font-size: 16px;
  }

  .title-steps h2 {
    font-size: 25px;
  }

  .title-steps span {
    font-size: 18px;
  }

  .main-benefit .wrap-content .item-bennefit .name-bennefit {
    font-size: 15px;
  }

  .main-letter .wrap-content .right-letter .title-letter {
    margin-bottom: 15px;
    text-align: center;
    margin-top: 15px;
  }

  .main-letter .wrap-content .left-letter .pic-letter {
    background-size: contain;
  }

  .main-letter .wrap-content .left-letter {
    margin-left: 0;
    width: 54%;
  }

  .main-about .wrap-content .left-about .title-about h2 {
    font-size: 25px;
  }

  .main-about .wrap-content .left-about .title-about span {
    font-size: 18px;
  }

  .main-about .wrap-content .right-about {
    width: 100%;
  }


  .main-about .wrap-content .left-about {
    width: 100%;
  }

  .name-aboutus {
    font-size: 46px;
  }

  .title-abdown h2 {
    font-size: 25px;
  }

  .left-abdown {
    margin-right: 10px;
    width: 50%;
  }

  .item-brandabout {
    width: calc(100%/4 - 10px);
  }

  .title-brandabout h2 {
    font-size: 25px;
  }

  .title-brandabout span {
    font-size: 17px;
  }

  .right-brandabout {
    width: 100%;
    text-align: center;
  }

  .left-brandabout {
    width: 100%;
    order: 2;
  }

  .right-join-bottom {
    width: 50%;
    order: 2;
  }

  .left-join-bottom {
    width: 50%;
  }

  .about-join-top {
    padding-top: 30px;
  }

  .pic-join-top {
    margin-top: 0;
  }

  .right-join-top {
    width: 100%;
    position: relative;
    z-index: 1;
  }

  .left-join-top {
    width: 100%;
  }

  .center-join-bottom {
    margin-top: 0px;
    order: 3;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .item-ab-benefit .stt {
    font-size: 30px;
  }

  .flex-s-ab-benefit {
    margin-top: 30px;
  }

  .item-ab-benefit {
    min-height: 310px;
  }

  .flex-column-reverse .pic-ab-benefit {
    background-size: cover;
  }

  .pic-ab-benefit {
    width: 100px;
    height: 109px;
    background-size: cover;
    margin: auto;
  }

  .pic-ab-benefit img {
    width: 50px;
  }

  .title-main h2 {
    font-size: 30px;
  }

  .title-main span {
    font-size: 20px;
  }

  .right-aboutus {
    width: 57%;
  }

  .left-aboutus {
    width: 50%;
  }

  .title-aboutus h2 {
    font-size: 25px;
  }

  .title-aboutus span {
    font-size: 17px;
  }

  .title-main-in span {
    max-width: 100%;
  }

  .left-footer {
    width: 100%;
    padding-right: 0;
  }

  .right-footer {
    width: 100%;
  }

  .form-dangky {
    flex-wrap: wrap;
  }
  .left_ctv{width: 100%;}
  .right_ctv{width: 100%;margin-top: 30px;}
  .box_scroll .slick-track{/* min-width: 1349px; */padding: 20px 10px;margin: 0 -10px;}
  .desc_tm_gt_sm{max-height: 180px;overflow-x: scroll;/* background: RED; */height: 180px;}
  .item_vs {
    width: calc((100% / 2) - 10px);
    margin-bottom: 25px;
  }
  .title_customer{width: 100%;}
  .right_customer{width: 100%;}
  .item_baochi img{width: 100%;}
  .box_item_friend{width: 100%;}
    .box_address_shop{grid-template-columns: 1fr;margin-top: 10px;gap: 10px}
    .name_shop,.title_shop_big{font-size: 18px}
    .select_address_item{width: 100%;}
    .from_search_address{height: 147px}
    .box_work{grid-template-columns: 1fr;margin-top: 10px;gap: 10px}
    .btn_link_work{padding: 5px 10px;}
    .title_big_shop{font-size: 14px}
    .box_work_img{grid-template-columns: 1fr 1fr;}
}


@media (max-width: 576px) {
    .box_item_friend{padding: 8px 12px}
    .left-brandabout{
        max-height: 715px;
        overflow: hidden;
    }
    .btn-arrow{
        width: 40px;
        height: 40px;
    }
  .box_chinhsach{padding: 40px 15px;}
    .send_dk{
        width: 100%!important;
        display: flex!important;
        justify-content: center!important;
    }
    button.dangky{
        width: 120px!important;
    }
    .main-level .wrap-content {
      min-height: auto;
      padding: 20px;
  }
  .item_vs {
    width: calc((100% ) - 10px);
    margin-bottom: 25px;
  }
  .frame-level {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    min-height: auto;
    max-height: unset;
}
  .item-level-main {
    position: relative;
    top: 0;
    transform: translate(0px,0px);
    left: unset;
    margin: auto;
}
  .item-level {
    position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    width: calc(100%/2 - 10px );
    margin: 0 5px 10px 5px;
}
  .down-title-footer h2 {
    font-size: 20px;
  }
  .item-leverage h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .item-source {
    margin-bottom: 5px;
  }

  .left-source {
    margin-bottom: 5px;
  }

  .left-source,
  .right-source {
    width: 100%;
  }

  .main-feature .wrap-content {
    padding-bottom: 20px;
  }

  .item-feature {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .item-ecological-system {
    padding: 10px;
  }

  .title-ecological-system h2 {
    font-size: 25px;
  }

  .title-ecological-system span {
    font-size: 15px;
  }

  .pic3-ecological-system {
    position: relative;
    margin-top: 1rem;
  }

  .pic3-ecological-system img {
    width: 100%;
  }

  .pic2-ecological-system {
    width: 100%;
  }

  .pic-ecological-system {
    width: 100%;
    margin-bottom: 1rem;
  }

  .pic-ecological-system img {
    width: 100%;
  }

  .pic2-ecological-system img {
    width: 100%;
  }

  .item-brand {
    width: calc(100%/2 - 10px);
  }

  .title-brand span {
    font-size: 15px;
  }

  .title-brand h2 {
    font-size: 20px;
    text-transform: uppercase;
  }

  .title-main h2 {
    font-size: 20px;
  }

  .title-steps h2 {
    font-size: 20px;
  }

  .title-steps span {
    font-size: 15px;
  }

  .main-benefit .wrap-content .item-bennefit {
    padding: 10px;
  }

  .main-letter .wrap-content .right-letter .info-letter {
    text-align: center;
  }

  .main-letter .wrap-content {
    padding: 20px 0 20px 0;
  }

  .main-letter .wrap-content .right-letter .info-letter p {
    font-size: 36px;
    margin-bottom: -10px;
  }

  .main-letter .wrap-content .right-letter .title-letter h2 {
    font-size: 20px;
  }

  .main-letter .wrap-content .right-letter .title-letter span {
    font-size: 15px;
  }

  .main-letter .wrap-content .right-letter {
    width: 100%;
  }

  .main-letter .wrap-content .left-letter {
    width: 100%;
  }

  .main-about .wrap-content .right-about .image-about {
    margin-top: 0;
    margin-right: 10px;
  }

  .main-about .wrap-content .left-about .title-about h2 {
    font-size: 20px;
  }

  .main-about .wrap-content .left-about .title-about span {
    font-size: 15px;
  }

  .right-abdown {
    width: 100%;
  }

  .right-danhgia p.nguoidung {
    /* font-size: 30px; */
  }

  .title-abdown h2 {
    font-size: 20px;
  }

  .about-download .wrap-content {
    padding: 20px 0 120px 0;
  }

  .left-abdown {
    width: 100%;
    margin-right: 0;
  }

  .item-brandabout {
    width: calc(100%/2 - 10px);
  }

  .item-brandabout a img {
    width: 100%;
    display: block;
  }

  .about-brand .wrap-content {
    padding: 20px 0;
  }

  .right-join-bottom {
    width: 100%;
  }

  .left-join-bottom {
    width: 100%;
  }

  .about-benefit .wrap-content {
    padding: 20px 0 20px 0;
  }

  .title-main span {
    font-size: 15px;
  }

  .pic-aboutus {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .right-aboutus {
    width: 100%;
  }

  .left-aboutus {
    width: 100%;
  }

  .desc-footer {
    text-align: justify;
  }

  .name-company {
    font-size: 15px;
  }

  .info-footer {
    width: 100%;
  }

  footer.footer2 .wrap-content {
    padding-top: 90px;
  }

  .logo-footer {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .button_kiemtiencungtoi a {
    font-size: 15px;
    width: 200px;
    margin: auto;
    margin-bottom: 15px;
  }

  .buttongui {
    width: 100%;
    display: flex;
    justify-content: end;
  }

  button.dangky {
    height: 40px;
    margin-left: unset;
    margin-right: 5px;
  }

  .form-dangky .input-form input {
    height: 40px;
  }

  .title-dangky {
    margin-bottom: 5px;
  }

  .form-dangky .input-form {
    width: 100%;
    margin-bottom: 5px;
  }

  .title-dangky h2 {
    font-size: 18px;
  }

  .title-main-in h2 {
    font-size: 18px;
  }
}
.img_album1{width: 100%;}
.add_them:hover{
    color: white;
}
.input_copy{
    border: none;
    outline: unset;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.box_customer_news { padding: 50px 0; background: #FFF4CD; }
.item_old_customer { font-size: 20px; font-weight: bold; text-align: center; }
.desc_customer { font-size: 16px; font-weight: 400 }
.img_customer { display: flex; justify-content: center; }
.img_customer_icon { display: flex; justify-content: center; }
.img_customer_icon { }
.img_customer img { width: 105px; height: 105px; border-radius: 50%; border: solid 1px #fff; }
.info_customer { background: #fff; padding: 25px; padding-top: 70px; margin-top: -50px; }
/*.item_old_customer .info_customer { border-top-left-radius: 140px; }*/
.customer_center_left .info_customer { background: #FFEDAB; border-top-left-radius: 0;min-height: 412px }
.customer_center_right .info_customer { background: #fff; border-top-left-radius: 0; }
.customer_even_right .info_customer { background: #FFEDAB; border-top-left-radius: 0; border-bottom-right-radius: 140px; }
.name_customer { margin: 10px 0; }
.mobile-footer-logo{
    display: none;
}
.banner_profile{
    height: 280px;object-fit: cover
}
.avatar_profile{
    object-fit: cover;border-radius: 50%;height: 148px;width: 148px;
}
.icon_vs{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}
.title_dl{
    font-size: 16px;
    color: #0E69B4;
    font-weight: 700;
    margin: 10px 0;
}
.content_dl{
    font-weight: 400;
    font-size: 16px;
    color: #535458;
}
.icon_dl{
    width: 60px;
    height: 60px;
}
.line_title{
    line-height: unset!important;
}
@media only screen and (max-width: 576px) {
    .desc-slide,.descabout-slide{
        font-size: 20px!important;
    }
    .desc1-slide{
        font-size: 22px;
    }
    .descabout1-slide{
        font-size: 22px;
        line-height: unset;
    }
    .box_brand{
        max-height: 490px;
        overflow: hidden;
    }
    .next-arrow{
        top: 47%!important;
    }
    .box_dl{
        min-height: 290px;
    }
    .desktop-footer-logo{
        display: none;
    }
    .mobile-footer-logo{
        display: inline-block;
    }
    .item_vs img{
        width: 60px;
        height: 60px;
    }
    .banner_profile{
        height: 210px;
    }
    .avatar_profile{
      height: 125px;width: 125px;
        margin-right: 10px;
    }
    .box_dl{
        max-width: 100%;
    }
    .item_bio{
        width: 100%;
    }
    .item_giaothuong{
        width: calc((100% / 2) - 15px);
    }
    .name_bio{
        max-height: 84px;
    }
    a.name_giaothuong{
        font-size: 15px;
    }
    .title_st{
        padding: 0px!important;
    }
    ._item_td_bv{
        width: 49%!important;
    }
    .box_item_td{
        width: 100%;
        margin-bottom: 15px;
    }
    .news_tuyendung_top{
        padding-bottom: 15px;
    }
    .info_duan a.name_duan{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .cart .list-view-item__title,.money{
        font-size: 13px!important;
    }
    .title_bio_nganhnghe span,.title_bio_nganhnghe p,.title_tc_bio{
        font-size: 18px;
    }
    .item_tc_bio span{
        font-size: 16px;
    }
    .name_bio {
        font-size: 16px;
        padding: 10px;
    }
    .info_giaothuong{
        padding: 10px;
    }
    .du_an_box{
        padding: 0;
    }
    .info_duan{
        padding: 0 10px;
    }
    .right_vh_cty{
        padding: 20px;
    }
}
.icon_link_trang .active_menu{
    color: #ff3a00 !important;
}
.icon_link_trang .item_menu_card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}