@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800,900&subset=latin-ext,vietnamese";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700&display=swap&subset=latin-ext,vietnamese";
/* clear first in row in ie 8 or lower */
/*Banner and Breadcrumb inpage*/
/*end Banner and Breadcrumb inpage*/
/*!
  menu mobile
*/
@-webkit-keyframes flo {
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
@keyframes flo {
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
@-webkit-keyframes rectangle {
  50% {
    opacity: 0;
  }
}
@keyframes rectangle {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes animationPlay {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.6;
  }
  70% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(6);
    transform: scale(6);
    opacity: 0;
  }
}
@keyframes animationPlay {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.6;
  }
  70% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(6);
    transform: scale(6);
    opacity: 0;
  }
}
body {
  font-size: 14px;
  color: #333333;
  font-family: "Inter", "Yanone Kaffeesatz", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  overflow-x: hidden;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", "Yanone Kaffeesatz", sans-serif;
}

.page-content .h1,
.page-content .h2,
.page-content .h3,
.page-content .h4,
.page-content .h5,
.page-content .h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
  margin-top: 0;
}

img {
  max-width: 100%;
}

.div-table {
  display: table;
  width: 100%;
}

.div-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.flex-row {
  -js-display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.flex-row-top {
  -js-display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  -ms-flex-align: top;
  -webkit-box-align: top;
  align-items: top;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.flex-col {
  max-height: 100%;
}

.flex-left {
  margin-right: auto;
}

.flex-right {
  margin-left: auto;
}

.vertical {
  display: table;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.center {
  text-align: center;
}

.left {
  float: left;
}

.right {
  float: right;
}

.full-width {
  display: block;
  width: 100%;
  overflow: hidden;
}

.pad-0 {
  padding: 0;
}

.margin-0 {
  margin: 0 !important;
}

.title-blue {
  font-style: normal;
  color: #187CFA;
  font-weight: 400;
  line-height: 128.571%;
  margin-bottom: 58px;
}

.jobs {
  position: relative;
  z-index: 1;
}

.list-jobs {
  position: relative;
  width: 100%;
  margin: 80px 0;
}
.list-jobs .title-standard {
  margin-bottom: 70px;
}
.list-jobs .list-item {
  width: 100%;
  padding: 18px 30px;
}
.list-jobs .list-item:nth-child(odd) {
  background: white;
}
.list-jobs .list-item .list-content-body {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-jobs .list-item .list-content-title {
  width: 100%;
  max-width: 40%;
  padding-bottom: 0;
}
.list-jobs .list-item .list-content-title h3 {
  color: #00285B;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 6px;
}
.list-jobs .list-item .list-content-title .interview_time {
  color: #7F8FA3;
  font-style: normal;
  font-weight: 400;
}
.list-jobs .list-item .list-content-detail {
  width: 100%;
  max-width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list-jobs .list-item .list-content-detail .job-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.list-jobs .list-item .list-content-detail .job-info-item .job-info-text {
  font-style: normal;
  font-weight: 400;
  padding-top: 3px;
}
.list-jobs .list-item .list-content-detail .job-info-item .job-info-text .title-info {
  color: #00285B;
  font-weight: 400;
  margin-bottom: 6px;
}
.list-jobs .list-item .list-content-detail .job-info-item .job-info-text .text-info {
  color: #7F8FA3;
  font-style: normal;
  font-weight: 400;
}
.list-jobs .list-item .list-content-detail .btn-view-more {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #187CFA;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
}
.list-jobs .list-item .list-content-detail .btn-view-more svg {
  stroke: #187CFA;
}

.banner-homepage {
  float: left;
  width: 100%;
  position: relative;
}

#main {
  float: left;
  width: 100%;
  position: relative;
}

#footer {
  float: left;
  width: 100%;
  position: relative;
}

#header {
  float: left;
  width: 100%;
  position: relative;
}

.slick-slide {
  outline: none;
}

.multi-columns-row .col-xs-1:nth-child(12n+13) {
  clear: left;
}
.multi-columns-row .col-xs-2:nth-child(6n+7) {
  clear: left;
}
.multi-columns-row .col-xs-3:nth-child(4n+5) {
  clear: left;
}
.multi-columns-row .col-xs-4:nth-child(3n+4) {
  clear: left;
}
.multi-columns-row .col-xs-6:nth-child(2n+3) {
  clear: left;
}
.multi-columns-row .first-in-row {
  clear: left;
}

.content-standard-ck {
  color: #565656;
  float: left;
  font-weight: 400;
}
.content-standard-ck p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 150.1%;
}
.content-standard-ck li {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 150.1%;
}
.content-standard-ck h1 {
  font-weight: 700;
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 150.1%;
}
.content-standard-ck h2 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 150.1%;
}
.content-standard-ck h3 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 150.1%;
}
.content-standard-ck h4 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 150.1%;
}
.content-standard-ck h5 {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 150.1%;
}
.content-standard-ck h6 {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 150.1%;
}
.content-standard-ck table > thead > tr > th {
  border: 1px solid #eee;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #eee;
  text-align: left;
  font: 22px/30px "Yanone Kaffeesatz";
}
.content-standard-ck table > thead > tr > td {
  border: 1px solid #eee;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #eee;
  text-align: left;
  font: 22px/30px "Yanone Kaffeesatz";
}
.content-standard-ck table > tbody > tr > th {
  border: 1px solid #eee;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #eee;
  text-align: left;
  font: 22px/30px "Yanone Kaffeesatz";
}
.content-standard-ck table > tbody > tr > td {
  border: 1px solid #eee;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #eee;
  text-align: left;
  font: 22px/30px "Yanone Kaffeesatz";
}
.content-standard-ck table > tfoot > tr > th {
  border: 1px solid #eee;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #eee;
  text-align: left;
  font: 22px/30px "Yanone Kaffeesatz";
}
.content-standard-ck table > tfoot > tr > td {
  border: 1px solid #eee;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #eee;
  text-align: left;
  font: 22px/30px "Yanone Kaffeesatz";
}
.content-standard-ck table tr:hover {
  background-color: #f8fafb;
}
.content-standard-ck ul {
  display: block;
  color: #4f4f4f;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 30px;
}
.title-standard {
  position: relative;
  margin-bottom: 37px;
}
.title-standard h2 {
  position: relative;
  color: #001355;
  font-size: 45px;
  font-weight: 500;
  line-height: 111.111%;
  margin: 0;
  z-index: 1;
}

.title-standard.title-opic h2 {
  text-align: left;
}

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

.slick-dots {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: rgba(142, 136, 123, 0.6588235294);
  margin: 0px 3px;
  cursor: pointer;
}
.slick-dots li button {
  opacity: 0;
  visibility: hidden;
}
.slick-dots li.slick-active {
  background-color: #fb5c0d;
}

.slick-prev {
  position: absolute;
  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;
  left: -60px;
  top: 0;
  bottom: 0;
  width: 44.67px;
  height: 44.67px;
  cursor: pointer;
  z-index: 99;
  border: none;
  border-radius: 100%;
  margin: auto;
  padding: 0;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
  border: 1px solid #8C9BAC;
}
.slick-prev::before {
  content: url("../images/icon/prev.png");
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
}
.slick-prev:hover {
  opacity: 1;
  background: #187CFA;
  border: 1px solid #187CFA;
}
.slick-prev:hover::before {
  content: url("../images/icon/prev-white.png");
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
}

.slick-next {
  position: absolute;
  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;
  right: -60px;
  top: 0;
  bottom: 0;
  width: 44.67px;
  height: 44.67px;
  cursor: pointer;
  z-index: 99;
  border: none;
  border-radius: 100%;
  margin: auto;
  padding: 0;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
  border: 1px solid #8C9BAC;
}
.slick-next::before {
  content: url("../images/icon/next.png");
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
}
.slick-next:hover {
  opacity: 1;
  background: #187CFA;
  border: 1px solid #187CFA;
}
.slick-next:hover::before {
  content: url("../images/icon/next-white.png");
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
}

.hover-img {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.hover-img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.fullwidth {
  float: left;
  width: 100%;
}

.section_service_home {
  padding: 87px 0 104px 0;
}
.section_service_home .title-standard {
  margin-bottom: 80px;
}
.section_service_home .bar-product {
  margin: 0 -16px;
}
.section_service_home .bar-product .box-bar-prd {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 16px;
  cursor: pointer;
}
.section_service_home .bar-product .box-bar-prd:hover .img-pr a {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.section_service_home .bar-product .box-bar-prd .box {
  position: relative;
  border: 1px solid transparent;
}
.section_service_home .bar-product .box-bar-prd .img-pr {
  width: 100%;
  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;
  overflow: hidden;
}
.section_service_home .bar-product .box-bar-prd .img-pr a {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.section_service_home .bar-product .box-bar-prd .img-pr a img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section_service_home .bar-product .box-bar-prd .text-pr {
  width: 100%;
  height: 200px;
  padding: 30px 30px 20px 30px;
  background: rgba(24, 124, 250, 0.9);
}
.section_service_home .bar-product .box-bar-prd .text-pr a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.section_service_home .bar-product .box-bar-prd .text-pr .title {
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section_service_home .bar-product .box-bar-prd .text-pr .btn-more {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: white;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
}
.section_service_home .bar-product .box-bar-prd:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section_service_home .bar-product .box-bar-prd:hover .box {
  border: 1px solid #187CFA;
}

.listnews {
  width: 100%;
}
.listnews .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.listnews .list .image {
  width: 100%;
  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;
}
.listnews .list .image .img {
  width: 100%;
  padding-top: 73%;
  position: relative;
  overflow: hidden;
}
.listnews .list .image .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.listnews .list .box-text .date {
  color: #7F8FA3;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
  margin-bottom: 20px;
}
.listnews .list .box-text h3 {
  font-weight: 400;
  color: #00285B;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.listnews .list .box-text .btn-view-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #187CFA;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
}
.listnews .list .box-text .btn-view-more svg {
  stroke: #187CFA;
}
.listnews .list .left {
  width: 100%;
}
.listnews .list .left .news-main {
  width: 100%;
  margin-bottom: 48px;
}
.listnews .list .left .news-main a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.listnews .list .left .news-main a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.listnews .list .left .news-main .image {
  z-index: 1;
}
.listnews .list .left .news-main .image .img {
  width: 100%;
  padding-top: 61.6%;
}
.listnews .list .left .news-main .box-text {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  z-index: 3;
}
.listnews .list .left .news-main .box-text .date {
  color: white;
}
.listnews .list .left .news-main .box-text h3 {
  color: white;
  height: auto;
  margin-bottom: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.listnews .list .left .news-main .box-text p {
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 30px;
}
.listnews .list .left .news-main .box-text .btn-view-more {
  color: white;
}
.listnews .list .left .news-main .box-text .btn-view-more svg {
  stroke: white;
}
.listnews .list .left .news-bott {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 30px;
}
.listnews .list .left .news-bott > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  border-radius: 10px;
}
.listnews .list .left .news-bott > a > div {
  width: 100%;
  background: white;
}
.listnews .list .left .news-bott > a .box-text {
  padding: 30px;
}
.listnews .list .right {
  max-width: 400px;
  min-width: 400px;
  padding-left: 130px;
}
.listnews .list .right .list-news .box-text {
  padding-bottom: 38px;
  margin-bottom: 46px;
  border-bottom: 1px solid #CCCCCC;
}
.listnews .list .right .list-news a:last-child .box-text {
  padding-bottom: 15px;
  margin-bottom: 0;
  border-bottom: none;
}

.page-sanpham,
.page-tintuc {
  background: rgba(220, 232, 247, 0.5);
  overflow: hidden;
}

.page-detail-product {
  padding: 86px 0 43px 0;
  overflow: hidden;
}

.item-sanpham-single {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.item-sanpham-single .single-sanpham {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.item-sanpham-single .image {
  width: 100%;
  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;
}
.item-sanpham-single .image .img {
  width: 100%;
  padding-top: 73%;
  position: relative;
  overflow: hidden;
}
.item-sanpham-single .image .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.item-sanpham-single .item-titlesp {
  width: 100%;
  height: 210px;
  padding: 30px;
  background: white;
}
.item-sanpham-single .item-titlesp .box-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.item-sanpham-single .item-titlesp .title-name {
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 0;
  height: 48px;
  color: #00285B;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 13px;
}
.item-sanpham-single .item-titlesp .sortdesc {
  color: #728CAC;
  font-weight: 400;
  line-height: 150%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.item-sanpham-single .item-titlesp .btn-more {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #187CFA;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
}
.item-sanpham-single:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item-sp-pro {
  margin-bottom: 88px;
}
.item-sp-pro .title-box-list {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 20px;
  margin-bottom: 60px;
}
.item-sp-pro .title-box-list h3 {
  font-style: normal;
  font-weight: 400;
  color: #00285B;
}
.item-sp-pro .title-box-list .view-all {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
  color: #8C9BAC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 6px;
}
.item-sp-pro .title-box-list .view-all svg {
  stroke: #8C9BAC;
}
.item-sp-pro .item-list-sp {
  margin: 0 -15px;
}
.item-sp-pro .item-list-sp .item-sanpham-single {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 15px;
}

.page-list-sanpham {
  padding-bottom: 80px;
}
.page-list-sanpham .title-standard {
  margin-bottom: 40px;
}

.grid-sanpham-list {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-bann {
  width: 100%;
  float: left;
  padding: 70px 0;
  background: white;
}
.client-bann .title-standard {
  margin-bottom: 60px;
}
.client-bann .list-client-brand {
  display: -ms-grid;
  display: grid;
  background: #bdbdbd;
  gap: 1px;
  -ms-grid-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.client-bann .list-client-brand .item-brand {
  position: relative;
  background: #ffffff;
  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;
  padding: 20px 30px;
}
.client-bann .list-client-brand .item-brand::before {
  content: "";
  width: 16px;
  height: 16px;
  background: white;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.comment-client {
  padding: 97px 0 213px 0;
  background-image: url("../images/bg427321862.png");
  background-size: cover;
}
.comment-client .title-standard {
  margin-bottom: 90px;
}
.comment-client .title-standard h2 {
  color: white;
}
.comment-client .list-client-comment {
  margin-left: -34px;
  margin-right: -34px;
}
.comment-client .list-client-comment .item-comment {
  position: relative;
  padding: 0 34px;
}
.comment-client .list-client-comment .item-comment .bg-desc {
  position: relative;
  width: 100%;
  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;
}
.comment-client .list-client-comment .item-comment .bg-desc::before {
  position: absolute;
  content: url("../images/bg-line-left.png");
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.comment-client .list-client-comment .item-comment .bg-desc::after {
  position: absolute;
  content: url("../images/bg-line-right.png");
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.comment-client .list-client-comment .item-comment .images {
  width: 90px;
}
.comment-client .list-client-comment .item-comment .images .img {
  width: 100%;
  padding-top: 90%;
  position: relative;
  overflow: hidden;
}
.comment-client .list-client-comment .item-comment .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
}

.bottom-index {
  margin-bottom: 90px;
}
.bottom-index .flex-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -35px;
}
.bottom-index .flex-index .single-item {
  width: 50%;
  padding: 0 35px;
  margin-bottom: 70px;
}
.bottom-index .flex-index .item-box {
  position: relative;
}
.bottom-index .flex-index .item-box .images {
  width: 100%;
}
.bottom-index .flex-index .item-box .images .img {
  width: 100%;
  padding-top: 60%;
  position: relative;
  overflow: hidden;
}
.bottom-index .flex-index .item-box .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  float: right;
}
.bottom-index .flex-index .item-box .desc {
  position: absolute;
  width: 100%;
  padding-left: 146px;
  bottom: -12px;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bottom-index .flex-index .item-box .title-item {
  position: absolute;
  bottom: 0;
  left: 18px;
  width: 116.92px;
  height: 104.51px;
  -webkit-transform: translate(0, 60%);
  transform: translate(0, 60%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #9dbf62;
}
.bottom-index .flex-index .item-box .title-item h2 {
  margin: 0;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  text-transform: uppercase;
  color: white;
}

.hastag {
  float: left;
  min-width: 50%;
}
.hastag .tags {
  float: left;
  padding: 3px 10px;
  background: #f7f7f7;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #00285B;
}

.tag_title {
  float: left;
  padding: 3px 10px;
  background: #f7f7f7;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #00285B;
}
.tag_title:hover {
  background: #1a7ac2;
  color: white;
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -2px, 0);
  -webkit-transform: translate3d(0, -2px, 0);
}

.pagination {
  width: 100%;
  margin: 60px 0 0 0;
}
.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 0;
}
.pagination ul li {
  margin-right: 14px;
  width: 37px;
  height: 37px;
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.pagination ul li a {
  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;
  width: 100%;
  height: 100%;
  font-size: 13px;
  line-height: 37px;
  color: #8c8c8c;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination ul li:hover {
  border: none;
  background: #6ea820;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination ul li:hover a {
  color: white;
}
.pagination ul li:hover:first-child::before {
  border: 2px solid #ffffff;
  border-top: 2px #ffffff;
  border-right: 2px #ffffff;
}
.pagination ul li:hover:last-child::before {
  border: 2px solid #ffffff;
  border-bottom: 2px #ffffff;
  border-left: 2px #ffffff;
}
.pagination ul li:first-child {
  position: relative;
}
.pagination ul li:first-child::before {
  position: absolute;
  content: "";
  left: 16px;
  top: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border: 2px solid #8c8c8c;
  border-top: 2px #8c8c8c;
  border-right: 2px #8c8c8c;
}
.pagination ul li:last-child {
  position: relative;
  margin: 0;
}
.pagination ul li:last-child::before {
  position: absolute;
  content: "";
  left: 12px;
  top: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border: 2px solid #8c8c8c;
  border-bottom: 2px #8c8c8c;
  border-left: 2px #8c8c8c;
}
.pagination ul .v_v {
  border: none;
  width: 12px;
}
.pagination ul .v_v span {
  color: #8c8c8c;
  line-height: 35px;
}
.pagination ul .v_v:hover {
  color: #6ea820;
  background: repeat;
  border: none;
}
.pagination ul .active {
  border: none;
  background: #6ea820;
}
.pagination ul .active a {
  color: white;
}

.btn-style {
  margin: 25px 0;
  width: 100%;
  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;
}
.btn-style a {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  color: #548235;
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  vertical-align: middle;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.btn-style a:after {
  content: url("../images/icon/btn-more.png");
  margin-left: 20px;
  line-height: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.btn-style a:hover {
  border: none;
}
.btn-style button {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  color: #548235;
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  vertical-align: middle;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.btn-style button:after {
  content: url("../images/icon/btn-more.png");
  margin-left: 20px;
  line-height: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.btn-style button:hover {
  border: none;
}
.btn-style input[type=submit] {
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  padding: 0;
  color: #6ea820;
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  vertical-align: middle;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

.btn-style.hascolor {
  padding: 18px 52px;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  float: right !important;
  margin: 0 !important;
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  vertical-align: middle;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  border-radius: 10px;
  background: #187CFA;
}
.btn-style.hascolor input {
  padding: 0;
  overflow: hidden;
  color: #FFF;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}

.menu-contact-module .row > div {
  border-right: 1px solid #CCCCCC;
}
.menu-contact-module .row > div:last-child {
  border-right: none;
}
.menu-contact-module .box-menu-contact {
  text-align: center;
}
.menu-contact-module .box-menu-contact .icon-item {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  background: rgba(24, 124, 250, 0.1);
}
.menu-contact-module .box-menu-contact .icon-item .img {
  width: 80%;
  height: 80%;
  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;
}
.menu-contact-module .box-menu-contact .title-item {
  font-style: normal;
  font-weight: 400;
  color: #187CFA;
  margin-bottom: 30px;
}
.menu-contact-module .box-menu-contact .desc-item {
  font-style: normal;
  font-weight: 400;
  color: #000000;
}

.banner-page-list {
  height: 400px;
  overflow: hidden;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
  margin-bottom: 30px;
}
.banner-page-list .title-page {
  position: absolute;
  float: left;
  width: 100%;
  height: 100%;
  max-height: 425px;
  left: 0px;
  z-index: 9;
}
.banner-page-list h2 {
  left: 0px;
  font-size: 6rem;
  color: #00a021;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  text-align: center;
  margin: 0;
}
.banner-page-list .container {
  position: relative;
  height: 100%;
}

.header {
  float: left;
  width: 100%;
  height: 127px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  z-index: 995;
  background: #ffffff;
  padding: 8px 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.header .logo {
  position: relative;
  float: left;
  max-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.header .logo img {
  max-height: 100%;
}
.header .languages-box .dropdown #dropbtn-lang p {
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  margin: 0;
}
.header .btn-search-header {
  float: right;
  position: relative;
  margin-left: 15px;
  margin-top: 21px;
  margin-right: 12px;
  width: 40px;
}
.header .btn-search-header #hSearch input[type=search] {
  width: 5px;
  border-radius: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1001;
  border: 0;
  background: url(../images/icon-search.png) no-repeat 12px center;
  background-size: 22px;
  color: #000000;
  padding: 6px 15px 1px 40px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 2;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  cursor: pointer;
  outline: none;
  font-size: 18px;
}
.header .btn-search-header #hSearch input[type=search]::-webkit-input-placeholder {
  color: #333333;
}
.header .btn-search-header #hSearch input[type=search]::-moz-placeholder {
  color: #333333;
}
.header .btn-search-header #hSearch input[type=search]:-moz-placeholder {
  color: #333333;
}
.header .btn-search-header #hSearch input[type=search]:-ms-input-placeholder {
  color: #333333;
}
.header .btn-search-header #hSearch input[type=search]:focus {
  width: 240px;
  background-color: #eee;
  cursor: text;
}
.header .right-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header.fixed-header {
  position: fixed;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.page-in .header {
  position: relative;
}
.page-in .header .languages-box .dropdown #dropbtn-lang p {
  color: #333333;
}
.page-in .header .languages-box .dropdown #dropbtn-lang svg {
  stroke: #333333;
  color: #333333;
}
.page-in .header .logo-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-in .header .logo-white {
  display: none;
}
.page-in .header.fixed-header {
  position: fixed;
  background: #ffffff;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.footer {
  width: 100%;
  float: left;
  background: #00285B;
  color: white;
  font-size: 16px;
  position: relative;
}
.footer ul {
  list-style: none;
}
.footer ul li {
  list-style: none;
}
.footer .menu-footer h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 20px;
  color: white;
}
.footer .menu-footer ul li {
  margin-bottom: 12px;
}
.footer .menu-footer ul li a {
  font-size: 14px;
  font-weight: 300;
  line-height: 114%;
  color: #ACC0D9;
}
.footer .content-foot {
  position: relative;
  padding: 49px 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.footer .left-footer {
  width: 41%;
}
.footer .center-footer {
  width: 32%;
  padding: 0 15px;
}
.footer .center-footer ul li {
  margin-bottom: 24px;
}
.footer .center-footer ul li h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 14px;
  color: white;
}
.footer .center-footer ul li p {
  font-size: 14px;
  font-weight: 300;
  line-height: 114%;
  color: #ACC0D9;
}
.footer .right-footer {
  width: 27%;
  padding: 0 15px;
}
.footer .right-footer h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 18px;
  color: white;
}
.footer .right-footer .menu-contact {
  margin-bottom: 8px;
}
.footer .right-footer .menu-contact .desc a {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #187CFA;
}
.footer .right-footer .list-contact {
  float: left;
  margin-bottom: 6px;
}
.footer .list-social {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 30px 0 0 0;
  position: relative;
}
.footer .list-social .social-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}
.footer .list-social .social-widget a .icon_social {
  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;
  text-align: center;
  border-radius: 100%;
  min-height: 36px;
  max-height: 36px;
  min-width: 36px;
  max-width: 36px;
  background: white;
}
.footer .list-social .social-widget a .icon_social .background {
  display: none;
}
.footer .list-social .social-widget a .icon_social img {
  max-width: 50%;
}
.footer .list-social .social-widget a:hover .icon_social {
  background: #187CFA;
}
.footer .list-social .social-widget a:hover .icon_social .icon {
  display: none;
}
.footer .list-social .social-widget a:hover .icon_social .background {
  display: block;
}

.bott-foot {
  width: 100%;
  background: #187CFA;
  padding: 22px 0;
  float: left;
  color: white;
}
.bott-foot .content-bott {
  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;
  gap: 50px;
}
.bott-foot .menu-bott-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  float: left;
}
.bott-foot .menu-bott-foot a {
  font-size: 14px;
  line-height: 114.286%;
  font-weight: 300;
  color: white;
}

.copy-right {
  float: left;
  width: 100%;
  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;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: white;
  mix-blend-mode: normal;
}
.copy-right p {
  font-size: 14px;
  line-height: 114.286%;
  font-weight: 300;
  margin-bottom: 0;
}

.nav-menu {
  float: left;
  width: 100%;
  position: relative;
}
.nav-menu .container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  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;
}

.container:before {
  display: none;
}
.container:after {
  display: none;
}

.shadow-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5215686275);
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.shadow-menu.active {
  opacity: 1;
  visibility: visible;
}

.iconmenu {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 999;
  cursor: pointer;
  width: 33px;
  height: 45px;
  display: none;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
}
.iconmenu span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #333333;
  border-radius: 0px;
  opacity: 1;
  right: 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  left: 0;
  margin: auto;
}
.iconmenu span:nth-child(1) {
  top: 12px;
}
.iconmenu span:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}
.iconmenu span:nth-child(3) {
  bottom: 12px;
}

.iconmenu.open span {
  background: #fff;
}
.iconmenu.open span:nth-child(1) {
  top: 19px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 0px;
}
.iconmenu.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.iconmenu.open span:nth-child(3) {
  top: 6px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 0px;
}

.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: right;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.main-menu > ul {
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  display: block;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-menu > ul > li {
  margin: 0 0;
  position: relative;
  display: inline-block;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
}
.main-menu > ul > li a {
  text-decoration: none;
  position: relative;
  line-height: 135.714%;
  color: #7D7D7D;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 8px;
}
.main-menu > ul > li a img {
  display: inline-block;
  margin-top: -14px;
}
.main-menu > ul > li a img.home-hover {
  display: none;
}
.main-menu > ul > li a:before {
  content: "";
  width: 40px;
  display: none;
  height: 20px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  position: absolute;
  left: calc(50% + 10px);
  bottom: -26.8px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0;
  visibility: hidden;
  background: #fff;
}
.main-menu > ul > li:hover > a {
  font-weight: 600;
}
.main-menu > ul > li:hover > ul {
  display: block;
}
.main-menu > ul > li > ul {
  display: none;
  min-width: 230px;
  background: #ffffff;
  padding: 10px 0;
  position: absolute;
  z-index: 99;
  left: 0px;
  top: 100%;
  text-align: left;
  -webkit-box-shadow: 0 2px 3px rgba(154, 142, 142, 0.48);
  box-shadow: 0 2px 3px rgba(154, 142, 142, 0.48);
  margin: 0px 0 0 0;
}
.main-menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 100%;
  background: 0 0;
  float: left;
  position: relative;
  text-align: left;
  padding: 0px;
}
.main-menu > ul > li > ul > li a {
  color: #7D7D7D;
  padding: 11px 15px 8px;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  margin: 0;
}
.main-menu > ul > li > ul > li a:hover {
  color: white;
  background: rgba(24, 124, 250, 0.8980392157);
}
.main-menu > ul > li > ul > li > ul {
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 130%;
  min-width: 220px;
  background: white;
  top: 0;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  visibility: hidden;
  opacity: 0;
}
.main-menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
}
.main-menu > ul > li > ul > li:hover > ul {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu > ul > li:last-child > ul {
  right: 0;
  left: initial;
}
.main-menu > ul > li.active > a {
  font-weight: 600;
}
.main-menu > ul > li.active > a:before {
  opacity: 1;
  visibility: visible;
}
.main-menu > ul > li.active img.home {
  display: none;
}
.main-menu > ul > li.active img.home-hover {
  display: inline-block;
}
.main-menu > ul > li.home-icon:hover img.home {
  display: none;
}
.main-menu > ul > li.home-icon:hover img.home-hover {
  display: inline-block;
}

.home-page .header {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
}
.home-page .header .iconmenu span {
  background: white;
}
.home-page .header .languages-box .dropdown #dropbtn-lang p {
  color: white;
}
.home-page .header .languages-box .dropdown #dropbtn-lang svg {
  stroke: white;
  color: white;
}
.home-page .header .logo-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-page .header .logo-color {
  display: none;
}
.home-page .header.fixed-header {
  background: rgba(24, 124, 250, 0.8980392157);
}
.home-page .main-menu .span-lv-1,
.home-page .main-menu .span-lv-2 {
  color: white;
}
.home-page .main-menu > ul > li a {
  color: white;
}
.home-page .main-menu > ul > li > ul {
  background: rgba(24, 124, 250, 0.8980392157);
}
.home-page .main-menu > ul > li > ul > li a {
  color: white;
}
.home-page .main-menu > ul > li > ul > li a:hover {
  color: rgba(24, 124, 250, 0.8980392157);
  background: white;
}
.home-page .main-menu > ul > li > ul > li > ul {
  background: rgba(24, 124, 250, 0.8980392157);
}

.main-menu.menu-left {
  float: left;
  width: calc(50% - 50px);
  padding-right: 50px;
}
.main-menu.menu-left > ul {
  text-align: right;
  float: right;
}

.main-menu.menu-right {
  float: right;
  width: calc(50% - 50px);
  padding-left: 50px;
}

.span-lv-1 {
  bottom: initial;
  margin: auto;
  height: 15px;
  color: #7D7D7D;
}

.span-lv-2 {
  bottom: initial;
  margin: auto;
  height: 15px;
  color: #7D7D7D;
  top: 13px;
  right: 15px;
  color: #333333;
}

.arcontactus-widget {
  position: fixed;
  top: 50%;
  right: 5%;
  display: -ms-grid;
  display: grid;
  z-index: 600;
  gap: 15px;
}
.arcontactus-widget .item_arcontactus {
  width: 42px;
  height: 42px;
}
.arcontactus-widget .item_arcontactus .icon_arcontactus {
  width: 100%;
  height: 100%;
}
.arcontactus-widget .item_arcontactus img {
  width: 100%;
  height: 100%;
}

.menu-bar-mobile {
  position: fixed;
  height: 100%;
  width: 300px;
  background: #fff;
  z-index: 9999999;
  -webkit-box-shadow: 1px 0 1px #ccc;
  box-shadow: 1px 0 1px #ccc;
  overflow-y: scroll;
  display: none;
}
.menu-bar-mobile .whtml {
  margin-top: 10px;
  float: left;
}
.menu-bar-mobile .whtml .language {
  padding-left: 10px;
}

.logo-menu {
  float: left;
  width: 100%;
  background: #fff;
  text-align: center;
}
.logo-menu img {
  margin-bottom: 15px;
  margin-top: 15px;
}

.menu-bar-lv-1 {
  float: left;
  width: 100%;
  position: relative;
}
.menu-bar-lv-1 a {
  color: #333333;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 30px;
  background: #fff;
  margin-bottom: 1px;
  padding: 5px 15px;
  font-size: 14px;
  border-top: 1px solid #ebebeb;
}
.menu-bar-lv-1 a:hover {
  -webkit-box-shadow: 0 0 2px #433;
  box-shadow: 0 0 2px #433;
}
.menu-bar-lv-1 span {
  color: #000000;
  position: absolute;
  right: 10px;
  top: 4px;
  width: 30px;
  height: 30px;
  font-size: 17px;
  text-align: center;
  padding-top: 9px;
  cursor: pointer;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
}

.menu-bar-lv-2 {
  position: relative;
  width: 100%;
  float: left;
  display: none;
}
.menu-bar-lv-2 a {
  position: relative;
  width: 100%;
  float: left;
  padding: 5px 15px;
  padding: 5px 25px;
}
.menu-bar-lv-2 i:last-child {
  margin-right: 7px;
}

.menu-bar-lv-3 {
  position: relative;
  width: 100%;
  float: left;
  display: none;
}
.menu-bar-lv-3 a {
  position: relative;
  width: 100%;
  float: left;
  padding: 5px 33px;
  padding: 5px 40px;
}

.rotate-menu {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 10px !important;
  bottom: initial;
}

.menu-btn-show {
  position: absolute;
  width: 28px;
  height: 27px;
  float: left;
  margin-right: 15px;
  cursor: pointer;
  right: 15px;
  top: 130px;
  z-index: 9999;
}
.menu-btn-show .border-style {
  width: 100%;
  height: 4px;
  background: #106d62;
  float: left;
  margin-bottom: 5px;
  border-radius: 10px;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
}

.fixed-box .menu-btn-show .border-style {
  background: #707070;
}

.box-login-logout {
  float: left;
  width: 100%;
  position: relative;
  background: #f9f9f9;
}
.box-login-logout a {
  color: #333333;
}
.box-login-logout i {
  margin-right: 6px;
}
.box-login-logout .left {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  font-size: 15px;
  border-top: 1px solid #ebebeb;
}

.boder-rotate {
  position: absolute;
  left: 50%;
  height: 40px;
  width: 1px;
  background: #ebebeb;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.shadow-open-menu {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.51);
  z-index: 999;
  display: none;
}

.menu-btn-show.active .border-style {
  background: #fff;
  display: none;
}
.menu-btn-show.active .border-style:first-child {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  margin-top: 5px;
  display: block;
}
.menu-btn-show.active .border-style:last-child {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  margin-top: -9px;
  display: block;
}

.title48 {
  font-size: 48px;
  line-height: 150%;
}

.title42 {
  font-size: 42px;
  line-height: 150%;
}

.title40 {
  font-size: 40px;
  line-height: 150%;
}

.title36 {
  font-size: 36px;
  line-height: 150%;
}

.title35 {
  font-size: 35px;
  line-height: 150%;
}

.title32 {
  font-size: 32px;
  line-height: 150%;
}

.title30 {
  font-size: 30px;
  line-height: 150%;
}

.title28 {
  font-size: 28px;
  line-height: 150%;
}

.title26 {
  font-size: 26px;
  line-height: 150%;
}

.title25 {
  font-size: 25px;
  line-height: 150%;
}

.title24 {
  font-size: 24px;
  line-height: 150%;
}

.title22 {
  font-size: 22px;
  line-height: 150%;
}

.title21 {
  font-size: 21px;
  line-height: 150%;
}

.title20 {
  font-size: 20px;
  line-height: 150%;
}

.title19 {
  font-size: 19px;
  line-height: 150%;
}

.title18 {
  font-size: 18px;
  line-height: 150%;
}

.title17 {
  font-size: 17px;
  line-height: 150%;
}

.title16 {
  font-size: 16px;
  line-height: 150%;
}

.title15 {
  font-size: 15px;
  line-height: 150%;
}

.title14 {
  font-size: 14px;
  line-height: 150%;
}

.title13 {
  font-size: 13px;
  line-height: 150%;
}

.title12 {
  font-size: 12px;
  line-height: 150%;
}

.breadcrumb {
  background: no-repeat;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  border: 1px solid transparent;
  margin-bottom: 0;
}
.breadcrumb a {
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  line-height: 150.19%;
  color: #4f4f4f;
  padding-right: 30px;
}
.breadcrumb a::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  overflow: hidden;
  background: #4f4f4f;
}
.breadcrumb a:last-child {
  padding-right: 0;
}
.breadcrumb a:last-child::before {
  display: none;
}
.breadcrumb a:hover {
  opacity: 1;
}

.bann_col0_slidein .breadcrumb a {
  color: white;
}
.bann_col0_slidein .breadcrumb a::before {
  background: white;
}

.bann_col0_slidein {
  position: relative;
  width: 100%;
  z-index: 1;
}
.bann_col0_slidein::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #979797;
  mix-blend-mode: multiply;
  z-index: 2;
}
.bann_col0_slidein .slidein-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.bann_col0_slidein .slidein-banner .item {
  width: 100%;
  padding-top: 25.15%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bann_col0_slidein .slidein-banner .item img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.bann_col0_slidein .link-page {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 3;
}
.bann_col0_slidein .link-page .title-banner {
  font-size: 60px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 30px;
  color: white;
}

.no-bg {
  background: transparent;
}

.btn-viewmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #728CAC;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
  z-index: 1;
}
.btn-viewmore span {
  position: relative;
  text-align: center;
  z-index: 2;
  color: #00285B;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
  font-size: 14px;
  line-height: 178.571%;
  text-transform: uppercase;
}
.btn-viewmore svg {
  z-index: 1;
  margin-left: 10px;
  color: #00285B;
}
.btn-viewmore::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #00285B;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  z-index: -1;
}
.btn-viewmore:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-viewmore:hover span {
  color: white;
}
.btn-viewmore:hover svg {
  color: white;
}
.btn-viewmore:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  z-index: 1;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.btn-viewmore.active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-viewmore.active span {
  color: white;
}
.btn-viewmore.active svg {
  color: white;
}
.btn-viewmore.active::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.btn-viewmore.active:hover {
  border: 1px solid #001355;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-viewmore.active:hover span {
  color: #001355;
}
.btn-viewmore.active:hover svg {
  color: #001355;
}
.btn-viewmore.active:hover::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.about-us-index {
  width: 100%;
  padding: 72px 0px 116px;
  position: relative;
  background-image: radial-gradient(circle at right bottom, #495bfc, #495bfc 5%, #F3F4FC 33%);
}
.about-us-index .btn-style-mobile {
  margin-top: 20px;
  margin-bottom: 0;
}
.about-us-index .row > .left {
  padding-right: 58px;
}
.about-us-index .row > .right {
  padding-left: 72px;
}
.about-us-index .content-sortdesc {
  margin-bottom: 20px;
}
.about-us-index .sort-desc-about {
  width: 100%;
  line-height: 150%;
  color: #565656;
}
.about-us-index .sort-desc-about b {
  color: #565656;
  font-weight: 700;
  font-size: 3rem;
}
.about-us-index .btn-viewmore {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 14px 37px;
}

.our-services-index {
  width: 100%;
  position: relative;
  padding-top: 70px;
}
.our-services-index .disabling {
  color: #187CFA;
  margin-bottom: 36px;
}
.our-services-index .slider-services-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 60px;
}
.our-services-index .item-services {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.our-services-index .item-services h4 {
  font-style: normal;
  color: #00285B;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}
.our-services-index .item-services .item-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  color: #00285B;
  font-size: 96px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
}
.our-services-index .item-services .item-count .mode {
  display: none;
  margin-top: -8%;
}
.our-services-index .item-services:first-child .item-count .mode {
  display: block;
}

.video-index {
  float: left;
  width: 100%;
  margin: 6rem 0;
}
.video-index .title-standard {
  margin-top: 4rem;
}

.brand-index {
  float: left;
  width: 100%;
  background: #F3F3F3;
  padding: 80px 0 105px 0;
}
.brand-index .title-standard {
  margin-bottom: 67px;
}
.brand-index .slider-brand {
  margin: 0 -20px;
}
.brand-index .slider-brand .item-brand {
  padding: 0px 20px;
}
.brand-index .slider-brand .item-brand > a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 124px;
  border-radius: 10px;
  background: white;
}
.brand-index .slider-brand .item-brand img {
  display: inline-block;
  max-width: 80%;
  max-height: 90%;
}

.testimonial-index {
  float: left;
  width: 100%;
  padding: 7.5rem 0;
  position: relative;
}
.testimonial-index .bg-img {
  position: absolute;
  background: url(../images/bg-sv.jpg);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.testimonial-index .box-testimonial {
  float: left;
  width: 100%;
  padding: 2rem 0;
  position: relative;
}
.testimonial-index .box-testimonial .slider-customer {
  float: left;
  width: 100%;
}
.testimonial-index .box-testimonial .slider-customer .slick-slide > div {
  padding: 20px;
  float: left;
  width: 100%;
}
.testimonial-index .box-testimonial .slider-customer .item-customer {
  float: left;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  background-color: white;
  padding: 3rem;
}
.testimonial-index .box-testimonial .slider-customer .item-customer .title {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.testimonial-index .box-testimonial .slider-customer .item-customer .title .img {
  float: left;
  width: 90px;
  height: 90px;
  border-radius: 50px;
  overflow: hidden;
}
.testimonial-index .box-testimonial .slider-customer .item-customer .title h3 {
  float: left;
  width: calc(100% - 90px);
  margin: 15px 0 15px 0;
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  padding-left: 15px;
}
.testimonial-index .box-testimonial .slider-customer .item-customer .title h3 span {
  font-weight: 400;
  float: left;
  width: 100%;
}
.testimonial-index .box-testimonial .slider-customer .item-customer p {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.blog-index {
  float: left;
  width: 100%;
  padding: 7rem 0;
}
.blog-index .title-standard {
  margin-bottom: 5rem;
}
.blog-index .row {
  margin: 0px -20px;
}
.blog-index .row .col-lg-4 {
  padding: 0px 20px;
}

.we_choose_module {
  background-image: url(../images/worker_bg.png);
  background-size: cover;
}
.we_choose_module .choose_section {
  position: relative;
  width: 100%;
  padding: 95px 0 70px 0;
}
.we_choose_module .choose_section::before {
  position: absolute;
  content: url(../images/worker.png);
  bottom: 0;
  left: 0;
}
.we_choose_module .content_choose {
  width: 100%;
  max-width: 570px;
  margin-right: 0;
  margin-left: auto;
}
.we_choose_module .content_choose .title-standard {
  margin-bottom: 76px;
}
.we_choose_module .content_choose .list_item_choose {
  width: 100%;
  gap: 40px 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.we_choose_module .content_choose .list_item_choose .item_choose {
  width: 100%;
}
.we_choose_module .content_choose .list_item_choose .item_choose .icon_img {
  min-width: 70px;
  max-width: 70px;
  height: 70px;
  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;
  margin-bottom: 35px;
}
.we_choose_module .content_choose .list_item_choose .item_choose .title {
  margin-bottom: 14px;
  color: #001355;
}
.we_choose_module .content_choose .list_item_choose .item_choose .description {
  color: #7D7D7D;
}

.mansory-album {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}
.mansory-album .item-album {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10px;
}
.mansory-album .item-album img {
  min-width: 100%;
  min-width: 100%;
}
.mansory-album .grid-item {
  width: 33.3333%;
}
.mansory-album .item-video .item-album img {
  opacity: 0.8;
}
.mansory-album .item-video .item-album:before {
  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  height: 64px;
  width: 64px;
  display: inline-block;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  background-image: url(../images/icon-play-video-1.png);
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  opacity: 1;
  z-index: 99;
}
.mansory-album .item-video .item-album:hover:before {
  background-image: url(../images/icon-play-video.png);
}

.bg-square {
  width: 124rem;
  height: 76rem;
  background-color: #fdfaf4;
  position: absolute;
  right: 0;
  top: 100rem;
  z-index: -1;
}

.item-dichvu {
  float: left;
  width: 100%;
}
.item-dichvu .img {
  float: left;
  width: 50%;
}
.item-dichvu .title {
  float: left;
  width: 50%;
  text-align: right;
  margin-top: 17rem;
  padding-right: 4rem;
}
.item-dichvu .title .icon {
  float: right;
  width: 80px;
  display: none;
}
.item-dichvu .title .sort-desc {
  float: left;
  width: calc(100% - 80px);
  padding-right: 35px;
  width: calc(100% - 0px);
}
.item-dichvu .title .sort-desc h3 {
  color: #000000;
  margin: 15px 0 0 0;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
}
.item-dichvu .title .sort-desc p {
  color: #707070;
  font-size: 2.5rem;
  font-weight: 400;
}

.contact-page {
  float: left;
  width: 100%;
  margin-top: 15px;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.contact-page .box-contact {
  margin: 87px 0 67px 0;
}
.contact-page .title-standard {
  margin-top: 0;
}
.contact-page .contact-form {
  margin-top: 30px;
}
.contact-page .bg-contact {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contact-page .bg-contact img {
  height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.contact-page .contact-content {
  float: left;
  width: 100%;
  position: relative;
  z-index: 99;
  padding: 8rem 0;
}
.contact-page .box-white {
  background: rgba(255, 255, 255, 0.9);
  float: right;
  width: 100%;
  max-width: 670px;
  padding: 4rem 7rem;
}
.contact-page .box-white .title-box {
  float: left;
  width: 100%;
}
.contact-page .box-white .title-box h2 {
  color: #d8bd86;
  font-family: "UTM Beautiful Caps";
  font-size: 50px;
  font-weight: 400;
  margin: 0px 0px 30px 0;
}
.contact-page .box-white b {
  float: left;
  width: 100%;
  color: #646c75;
  font-family: "Cormorant Garamond";
  font-size: 25px;
  margin-bottom: 15px;
}
.contact-page .box-white p {
  float: left;
  width: 100%;
  color: #646c75;
  font-family: "Cormorant Garamond";
  font-size: 25px;
  margin-bottom: 15px;
}
.contact-page .box-white .form-contact {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.infor-contact {
  float: left;
  width: 100%;
  padding-right: 130px;
  color: #000000;
  margin-bottom: 30px;
}
.infor-contact h3 {
  font-size: 20px;
  color: #00285B;
  font-weight: 400;
  line-height: 150.84%;
  margin-bottom: 20px;
}
.infor-contact p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150.84%;
}
.infor-contact ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 0;
}
.infor-contact ul li {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px;
}
.infor-contact ul li img {
  margin-right: 10px;
  float: left;
}
.infor-contact ul li a {
  color: #000000;
}
.infor-contact ul li a:hover {
  color: #ff4c52;
}

.contact-form .form-horizontal > div {
  padding: 0 10px;
}
.contact-form .form-input {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.contact-form .form-input input {
  width: 100%;
  float: left;
  background: #F4F4F4;
  border: none;
  padding-left: 20px;
  border-radius: 10px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 60px;
  color: #4f4f4f;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
}
.contact-form .form-input input::-webkit-input-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input input::-moz-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input input:-ms-input-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input input::-ms-input-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input input::placeholder {
  color: #7D7D7D;
}
.contact-form .form-input select {
  width: 100%;
  float: left;
  background: #F4F4F4;
  border: none;
  border-radius: 10px !important;
  height: 60px;
  color: #4f4f4f;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
}
.contact-form .form-input textarea {
  width: 100%;
  float: left;
  background: #F4F4F4;
  border: none;
  padding-left: 20px;
  border-radius: 10px !important;
  height: 60px;
  color: #4f4f4f;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  padding: 15px;
  min-height: 195px;
  border-radius: 0px;
}
.contact-form .form-input textarea::-webkit-input-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input textarea::-moz-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input textarea:-ms-input-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input textarea::-ms-input-placeholder {
  color: #7D7D7D;
}
.contact-form .form-input textarea::placeholder {
  color: #7D7D7D;
}
.contact-form .btn-style {
  float: left;
  width: 100%;
  text-align: left;
  margin-top: 10px;
}

.map {
  float: left;
  width: 100%;
  margin: 80px 0;
}

.page-tintuc {
  float: left;
  width: 100%;
  padding: 3rem 0;
}

.search-news {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 4rem;
}
.search-news input[type=text] {
  float: left;
  width: 100%;
  background-color: rgba(112, 112, 112, 0.1);
  border: none;
  padding: 11px 23px 8px 23px;
  font-size: 21px;
}
.search-news input[type=search] {
  float: left;
  width: 100%;
  background-color: rgba(112, 112, 112, 0.1);
  border: none;
  padding: 11px 23px 8px 23px;
  font-size: 21px;
}
.search-news .ic-search {
  background: url(../images/icon-search.png) center no-repeat;
  position: absolute;
  right: 5px;
  top: 6px;
  border: none;
  text-indent: -8000px;
  width: 40px;
  height: 40px;
  background-size: 23px;
}

.news-hot {
  float: left;
  width: 100%;
  float: left;
  width: 100%;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.news-hot .title h2 {
  color: #333333;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 15px 0;
  padding-bottom: 15px;
}
.news-hot .title h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7rem;
  height: 2px;
  background: #00a021;
}
.news-hot .list-news-hot {
  float: left;
  width: 100%;
  float: left;
  width: 100%;
}
.news-hot .list-news-hot .item-news {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
}
.news-hot .list-news-hot .item-news h2 {
  margin: 0;
  float: left;
  width: 100%;
  color: #000000;
  font-size: 20px;
}
.news-hot .list-news-hot .item-news h2 a {
  color: #000000;
  font-size: 20px;
}
.news-hot .list-news-hot .item-news h2 a:hover {
  color: #00a021;
}
.news-hot .list-news-hot .item-news h2 a span {
  color: #707070;
  font-size: 15px;
  margin-left: 8px;
}
.news-hot .list-news-hot .item-news-hot {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
}
.news-hot .list-news-hot .item-news-hot .img {
  float: left;
  width: 170px;
}
.news-hot .list-news-hot .item-news-hot .title {
  float: left;
  width: calc(100% - 170px);
  padding-left: 13px;
}
.news-hot .list-news-hot .item-news-hot .title h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px 0;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-hot .list-news-hot .item-news-hot .title h3 a {
  color: #646c75;
}
.news-hot .list-news-hot .item-news-hot .title h3 a:hover {
  color: #ec1b30;
}
.news-hot .list-news-hot .item-news-hot .title p {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}
.news-hot .list-news-hot .item-news-hot .title .time {
  margin: 0px;
  font-size: 11px;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.news-hot .list-news-hot .item-news-hot .title .time i {
  margin: 0;
}
.news-hot .title-box h2 {
  float: left;
  color: #646c75;
  font-size: 20px;
  font-weight: 500;
  margin: 0px 0px 15px 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #666;
  padding-right: 10px;
}
.news-hot .title-box h2 i {
  margin-right: 5px;
}

.news-tag {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.news-tag .title h2 {
  color: #333333;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 15px 0;
  padding-bottom: 15px;
}
.news-tag .title h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7rem;
  height: 2px;
  background: #00a021;
}
.news-tag .list-tag {
  float: left;
  width: 100%;
}
.news-tag .list-tag a {
  display: inline-block;
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  background-color: rgba(112, 112, 112, 0.1);
  padding: 10px 15px 4px 15px;
  margin: 4px 3px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.news-tag .list-tag a:hover {
  background: #00a021;
  color: white;
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -2px, 0);
  -webkit-transform: translate3d(0, -2px, 0);
}

.video-hot {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.video-hot .img {
  float: left;
  width: 100%;
  position: relative;
}
.video-hot .img img {
  min-width: 100%;
}
.video-hot .img .icon-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 11rem;
  width: 11rem;
  margin: auto;
  background-size: 100%;
  background-image: url(../images/icon-play.png);
  background-repeat: no-repeat;
  background-position: center;
}

.standard-top {
  float: left;
  width: 100%;
  padding-top: 23px;
  margin-bottom: 40px;
}

.page-detail .page-list-detail {
  margin-bottom: 80px;
}
.page-detail .column-images {
  min-width: 570px;
  max-width: 570px;
}
.page-detail .column-images .slider_main_single {
  margin-bottom: 30px;
}
.page-detail .column-images .slider-single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 9px;
  overflow: hidden;
  position: relative;
}
.page-detail .column-images .slider-single .draggable {
  z-index: 1;
}
.page-detail .column-images .slider-single .slick-dots {
  display: none !important;
}
.page-detail .column-images .slider-single .img_single {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.page-detail .column-images .slider-single .img_single .img {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-detail .column-images .slider-single .img_single .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-detail .column-images .slider-single .img_single:hover .img {
  -webkit-transition: all 3s;
  transition: all 3s;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.page-detail .column-images .slider-single .video {
  position: relative;
}
.page-detail .column-images .slider-single .video .play-video {
  padding: 11px 17px;
  position: absolute;
  background: var(--color1);
  height: 45px;
  width: 45px;
  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;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  cursor: pointer;
}
.page-detail .column-images .slider-single .video .play-video::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid var(--white);
  border-radius: 50%;
  -webkit-animation: animationPlay infinite 1s linear;
          animation: animationPlay infinite 1s linear;
}
.page-detail .column-images .slider-single .video .play-video .svg-inline--fa.fa-w-14 {
  color: var(--white);
  margin-left: 2px;
}
@keyframes animationPlay {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}
.page-detail .column-images .slider-nav .slick-list {
  margin-right: -18px;
}
.page-detail .column-images .slider-nav .slick-list .slick-slide {
  margin-right: 18px;
}
.page-detail .column-images .slider-nav .slick-list .slick-slide:last-child {
  margin: 0;
}
.page-detail .column-images .slider-nav .img_nav {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-detail .column-images .slider-nav .img_nav img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-detail .column-images .slider-nav .img_nav:hover {
  border: 0.5px solid var(--color1);
}
.page-detail .column-images .slider-nav .video {
  position: relative;
}
.page-detail .column-images .slider-nav .video::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #4a4a4a;
  opacity: 0.4;
}
.page-detail .column-images .slider-nav .video .play-video {
  padding: 0px 9px;
  position: absolute;
  background: var(--color1);
  height: 26px;
  width: 26px;
  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;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  cursor: pointer;
}
.page-detail .column-images .slider-nav .video .play-video .svg-inline--fa.fa-w-14 {
  color: var(--white);
  font-size: 10px;
  margin-left: 2px;
}
.page-detail .box-text-note {
  width: 100%;
}
.page-detail .box-text-note .title-name-product {
  font-style: normal;
  font-weight: 400;
  color: #00285B;
  margin-top: 0;
  margin-bottom: 26px;
}
.page-detail .box-text-note .sort-desc {
  color: #565656;
}
.page-detail .option-desc .title-desc {
  padding-bottom: 22px;
  margin-bottom: 30px;
  border-bottom: 1px solid #CCCCCC;
}
.page-detail .option-desc .title-desc h3 {
  font-style: normal;
  font-weight: 400;
  color: #187CFA;
  margin: 0;
}

.bg-news {
  width: 100%;
  margin-bottom: 30px;
}
.bg-news img {
  min-width: 100%;
}

.sortdesc {
  font-weight: 400;
  font-size: 16px;
  line-height: 150.1%;
  color: #4f4f4f;
}

.social-right {
  float: right;
}
.social-right a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50px;
  color: #001355;
  text-align: center;
  font-size: 16px;
  margin: 0 7px;
  margin-top: -6px;
  line-height: 32px;
}

.news-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.news-list .item-news .images {
  margin-bottom: 25px;
  overflow: hidden;
}
.news-list .item-news .images .img {
  width: 100%;
  padding-top: 68%;
  position: relative;
  overflow: hidden;
}
.news-list .item-news .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-list .item-news .title {
  text-align: left;
  padding-left: 50px;
  position: relative;
  margin: 0;
}
.news-list .item-news .title::before {
  content: "";
  height: calc(100% + 60px);
  width: 1px;
  background: #6ea820;
  position: absolute;
  bottom: 0;
  left: 25px;
}
.news-list .item-news .title .news_title {
  font-weight: 700;
  line-height: 150.4%;
  color: #333333;
  margin-top: 0;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-list .item-news .title .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #828282;
}
.news-list .item-news .title .time .icon {
  width: 19px;
  height: 19px;
  margin-right: 7px;
}
.news-list .item-news .title .sortdesc {
  margin: 16px 0;
  line-height: 150%;
  color: #333333;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-list .item-news .title .btn-style {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
}
.news-list .item-news .title .btn-style button {
  color: #6ea820;
}
.news-list .item-news .title .btn-style button:after {
  content: url("../images/icon/btn-more-1.png");
}
.news-list .item-news:hover .title h3 {
  color: #6ea820;
}

.news_sliding .item-news .images {
  margin-bottom: 25px;
  overflow: hidden;
}
.news_sliding .item-news .images .img {
  width: 100%;
  padding-top: 68%;
  position: relative;
  overflow: hidden;
}
.news_sliding .item-news .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news_sliding .item-news .title {
  text-align: left;
  padding-left: 50px;
  position: relative;
  margin: 0;
}
.news_sliding .item-news .title::before {
  content: "";
  height: calc(100% + 60px);
  width: 1px;
  background: #6ea820;
  position: absolute;
  bottom: 0;
  left: 25px;
}
.news_sliding .item-news .title .news_title {
  font-weight: 700;
  line-height: 150.4%;
  color: #333333;
  margin-top: 0;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news_sliding .item-news .title .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #828282;
}
.news_sliding .item-news .title .time .icon {
  width: 19px;
  height: 19px;
  margin-right: 7px;
}
.news_sliding .item-news .title .sortdesc {
  margin: 16px 0;
  line-height: 150%;
  color: #333333;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news_sliding .item-news .title .btn-style {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
}
.news_sliding .item-news .title .btn-style button {
  color: #6ea820;
}
.news_sliding .item-news .title .btn-style button:after {
  content: url("../images/icon/btn-more-1.png");
}
.news_sliding .item-news:hover .title h3 {
  color: #6ea820;
}

.html_col12_relate {
  width: 100%;
  margin-top: 23px;
  float: left;
  margin-bottom: 80px;
}
.html_col12_relate .news_sliding {
  margin: 0 -16px;
}
.html_col12_relate .news_sliding a {
  padding: 0 16px;
}

.item-news {
  width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

.list-news-incate {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 50px;
}
.list-news-incate .item-news {
  margin-bottom: 15px;
}
.list-news-incate .item-news .img {
  position: relative;
  padding: 35%;
}
.list-news-incate .item-news .img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.list-news-incate .item-news .img a img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  min-width: 100%;
}

.detail-blog {
  float: left;
  width: 100%;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.detail-blog h1 {
  color: #00285B;
  font-size: 32px;
  font-weight: 700;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  line-height: 150.4%;
}
.detail-blog .time {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.detail-blog .time span {
  color: #828282;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}
.detail-blog .time .icon {
  width: 19px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 7px;
}
.detail-blog .time .icon img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content-jobs {
  padding: 60px 0 30px 0;
}
.content-jobs .title-standard h2 {
  font-size: 35px;
}

.jobdetail .standard {
  float: left;
  width: 100%;
  margin-top: 46px;
  margin-bottom: 46px;
  padding: 27px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  gap: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.jobdetail .standard .item-stan {
  font-style: normal;
  font-weight: 400;
}
.jobdetail .standard .item-stan .title-stan {
  color: #00285B;
  margin: 0 0 8px 0;
}
.jobdetail .standard .item-stan .desc-stan {
  color: #565656;
}
.jobdetail .content .title-work {
  font-weight: 700;
  line-height: 159.84%;
  color: #565656;
  margin-top: 0;
  margin-bottom: 8px;
}
.jobdetail .content .title-work span {
  font-weight: 500;
  line-height: 159.84%;
}
.jobdetail .content .desc-work {
  color: #565656;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.jobdetail .content p {
  line-height: 159.84%;
  color: #565656;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.jobdetail .content li {
  line-height: 159.84%;
  color: #333333;
  margin-bottom: 10px;
}
.jobdetail .content ul {
  display: block;
  color: #333333;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 30px;
}
.jobdetail .content .work_info {
  margin-bottom: 30px;
}
.jobdetail .content .work_info .item-content {
  margin-bottom: 40px;
}
.jobdetail .content .contact_info {
  margin-bottom: 30px;
}
.jobdetail h1 {
  color: #333333;
  font-size: 32px;
  font-weight: 700;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  line-height: 150.4%;
}
.jobdetail .time {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.jobdetail .time span {
  color: #828282;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}
.jobdetail .time .icon {
  width: 19px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 7px;
}
.jobdetail .time .icon img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.standard {
  position: relative;
}
.standard .utnow {
  position: absolute;
  right: 13px;
  bottom: 14px;
}

.utnow .btn-utnow {
  width: 160px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #6ea820;
  border: 1px solid #6ea820;
  border-radius: 5px;
}
.utnow .btn-utnow span {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: white;
}

.social-detail {
  float: left;
  width: 100%;
  margin: 30px 0;
  padding: 15px 0;
  border-top: 1px dashed #cbcbcb;
  border-bottom: 1px dashed #cbcbcb;
  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-detail .poster {
  font-weight: 600;
  color: #4f4f4f;
}
.social-detail .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 25px;
}
.social-detail .social span {
  padding-right: 5px;
}
.social-detail .social a {
  width: 44.5px;
  height: 44.5px;
  border-radius: 100%;
  overflow: hidden;
}
.social-detail .social a img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}

.news-cate-inblog {
  float: left;
  width: 100%;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  background-color: white;
  padding: 25px;
  margin-top: 15px;
  border-top: 3px solid #51a84e;
  margin-bottom: 20px;
}
.news-cate-inblog .title-box h2 {
  color: rgba(24, 124, 250, 0.8980392157);
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin: 0px 0px 18px 0px;
}
.news-cate-inblog .title-box h2 i {
  margin-right: 5px;
}
.news-cate-inblog ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.news-cate-inblog ul li {
  float: left;
  width: 100%;
  border-top: 1px solid #ebebeb;
  background: url(../images/dots.png) 0 20px no-repeat;
  padding-left: 20px;
}
.news-cate-inblog ul li a {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding: 15px 0;
  display: inline-block;
}

.news-other {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.news-other .title-box {
  float: left;
  width: 100%;
}
.news-other .title-box h2 {
  color: #333333;
  font-size: 22px;
  font-weight: 500;
  line-height: 21px;
  margin: 0px 0px 22px 0px;
}
.news-other .title-box h2 i {
  margin-right: 5px;
}
.news-other .item-news {
  margin-bottom: 30px;
}
.news-other .item-news .title {
  padding: 10px 0;
}
.news-other .item-news .title h3 a {
  font-size: 16px;
  line-height: 20px;
}
.news-other .item-news .title .time {
  border-bottom: none;
  margin: 0;
}

.page-content {
  padding-top: 68px;
  width: 100%;
}
.page-content .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-content .content-page {
  width: 100%;
  color: #333333;
}
.page-content .content-page .content-gioithieu p {
  line-height: 150%;
}
.page-content .content-page .content-gioithieu img {
  width: 100%;
  margin-bottom: 40px;
}
.page-content .title {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.page-content .title h2 {
  color: #333333;
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.page-content .content-gioithieu {
  width: 100%;
  color: #333333;
}
.page-content .content-gioithieu img {
  margin-bottom: 20px;
}
.page-content .content-gioithieu tr td {
  padding-bottom: 30px;
}
.page-content .content-gioithieu tr td:first-child {
  padding-right: 15px;
}
.page-content .content-gioithieu tr td:last-child {
  padding-left: 15px;
}
.page-content .content-gioithieu b {
  color: #000000;
  font-size: 30px;
  font-weight: 700;
}

.page-aboutus {
  position: relative;
  z-index: 1;
}
.page-aboutus::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  -webkit-transform: translate(45%, 0);
  transform: translate(45%, 0);
  width: 667.77px;
  height: 667.77px;
  border-radius: 100%;
  z-index: -1;
  background: rgba(29, 142, 66, 0.06);
}
.page-aboutus .module-bann-pro .list-content .single {
  margin-bottom: 35px;
}
.page-aboutus .module-bann-pro .list-content .single .item-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.page-aboutus .module-bann-pro .list-content .single .item-intro .images {
  position: relative;
  min-width: 388.25px;
  max-width: 388.25px;
  border-radius: 100%;
  padding: 13px;
  border: 1px dashed #a9d18e;
}
.page-aboutus .module-bann-pro .list-content .single .item-intro .images::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  -webkit-transform: translate(50%, 0%);
  transform: translate(50%, 0%);
  background: #a9d18e;
  opacity: 0.7;
  border-radius: 100%;
  height: 87.8810806274px;
  width: 87.8810806274px;
}
.page-aboutus .module-bann-pro .list-content .single .item-intro .images .img {
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.page-aboutus .module-bann-pro .list-content .single .item-intro .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-aboutus .module-bann-pro .list-content .single .item-intro .desc {
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #333333;
}
.page-aboutus .module-bann-pro .list-content .single .item-intro .desc p {
  line-height: 150%;
}

.page-sumenh {
  position: relative;
  z-index: 1;
}
.page-sumenh::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  -webkit-transform: translate(45%, 0);
  transform: translate(45%, 0);
  width: 667.77px;
  height: 667.77px;
  border-radius: 100%;
  z-index: -1;
  background: rgba(29, 142, 66, 0.06);
}
.page-sumenh .module-bann-pro .list-content .single {
  margin-bottom: 35px;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  overflow: hidden;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .images {
  position: relative;
  min-width: 388.25px;
  max-width: 388.25px;
  border-radius: 100%;
  padding: 13px;
  border: 1px dashed #a9d18e;
  z-index: 3;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .images::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  -webkit-transform: translate(50%, 0%);
  transform: translate(50%, 0%);
  background: #a9d18e;
  opacity: 0.7;
  border-radius: 100%;
  height: 87.8810806274px;
  width: 87.8810806274px;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .images .img {
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .desc {
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #333333;
  -webkit-line-clamp: 7;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .desc p {
  line-height: 150%;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .text-desc {
  position: relative;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .text-desc::after {
  content: "";
  position: absolute;
  right: 0;
  top: -34px;
  z-index: 1;
  background: #6ea820;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: 13.13px;
  width: 13.13px;
  border-radius: 100%;
}
.page-sumenh .module-bann-pro .list-content .single .item-intro .text-desc::before {
  content: "";
  position: absolute;
  right: 0;
  top: -34px;
  z-index: 1;
  background: #1d8e42;
  height: 1px;
  width: 150%;
}
.page-sumenh .module-bann-pro .list-content .single:nth-child(even) .item-intro .text-desc::after {
  right: auto;
  left: 0;
}
.page-sumenh .module-bann-pro .list-content .single:nth-child(even) .item-intro .text-desc::before {
  right: auto;
  left: 0;
}

.page-content.page-revert {
  position: relative;
  z-index: 1;
}
.page-content.page-revert .module-bann-pro .list-content .single {
  margin-bottom: 30px;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  overflow: hidden;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro .images {
  position: relative;
  min-width: 53%;
  max-width: 53%;
  border-radius: 0px 50px;
  overflow: hidden;
  z-index: 1;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro .images .img {
  width: 100%;
  padding-top: 80%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro .desc {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #333333;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro .desc p {
  line-height: 150%;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro .text-desc {
  position: relative;
}
.page-content.page-revert .module-bann-pro .list-content .single .item-intro .text-desc::before {
  content: "";
  position: absolute;
  right: 0;
  top: -20px;
  z-index: 1;
  background: #6ea820;
  height: 1px;
  width: 120%;
}

.menu-date {
  margin-bottom: 66px;
}
.menu-date .title-module {
  color: #00285B;
  margin-bottom: 68px;
}
.menu-date .up-icon {
  position: absolute;
  top: 0;
  right: 0;
  color: #187CFA;
  -webkit-transform: translate(50%, -6px);
          transform: translate(50%, -6px);
}
.menu-date ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
  padding-bottom: 0;
}
.menu-date ul::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: #187CFA;
  width: 1px;
  height: 100%;
}
.menu-date ul li {
  margin-bottom: 80px;
  padding: 0 15px;
  list-style: none;
  position: relative;
  padding-right: 26px;
}
.menu-date ul li::after {
  position: absolute;
  content: "";
  top: calc(40% - 11px);
  right: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border-style: solid;
  border-width: 0 11px 19px 11px;
  border-color: transparent transparent #F3F3F3 transparent;
}
.menu-date ul li::before {
  position: absolute;
  content: "";
  top: 40%;
  width: 10px;
  height: 10px;
  background: #187CFA;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid white;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.menu-date ul li > div {
  border-radius: 5px;
  background: #F3F3F3;
  padding: 20px 16px 20px 20px;
  overflow: hidden;
}
.menu-date ul li > div .dy-date {
  background: #187CFA;
  color: white;
  min-width: 135px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  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;
  padding: 8px;
  border-radius: 5px;
  overflow: hidden;
}
.menu-date ul li > div p {
  margin-top: 16px;
  margin-bottom: 0;
  color: #565656;
}
.menu-date ul li:last-child {
  margin-bottom: 0;
}

.page-tuyendung {
  position: relative;
  width: 100%;
  background: rgba(220, 232, 247, 0.5);
  overflow: hidden;
}
.page-tuyendung .container-fix {
  max-width: 900px;
}
.page-tuyendung .module-bann-pro .list-content .single {
  margin-bottom: 70px;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  overflow: hidden;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro .images {
  position: relative;
  min-width: 48%;
  max-width: 48%;
  border-radius: 0px 50px;
  overflow: hidden;
  z-index: 1;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro .images .img {
  width: 100%;
  padding-top: 60%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro .desc {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #333333;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro .desc p {
  line-height: 150%;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro .text-desc {
  position: relative;
}
.page-tuyendung .module-bann-pro .list-content .single .item-intro .text-desc::before {
  content: "";
  position: absolute;
  right: 0;
  top: -26px;
  z-index: 1;
  background: #1d8e42;
  height: 1px;
  width: 120%;
}

.module-vision-mission {
  padding: 85px 0 190px 0;
  background-image: url(../images/vision.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.module-vision-mission .title-standard {
  margin-bottom: 70px;
}
.module-vision-mission .title-standard h2 {
  color: white;
}
.module-vision-mission .module-group {
  padding-right: 110px;
}
.module-vision-mission .module-group .title-module {
  margin-bottom: 22px;
}
.module-vision-mission .module-group .title-module h3 {
  font-weight: 400;
  color: #187CFA;
}
.module-vision-mission .module-group .desc {
  color: white;
  font-weight: 400;
}
.module-vision-mission .module-menu .img {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  background: #187CFA;
  margin-bottom: 40px;
}
.module-vision-mission .module-menu .img img {
  max-width: 80%;
}
.module-vision-mission .module-menu .content-text h3 {
  color: white;
  margin-bottom: 28px;
  font-weight: 400;
}
.module-vision-mission .module-menu .content-text p {
  color: white;
  font-weight: 400;
}

.page-congnghe {
  padding: 87px 0 67px 0;
  color: #565656;
}
.page-congnghe .content-page {
  margin-bottom: 65px;
}
.page-congnghe .title-standard,
.page-congnghe .name-banner-group {
  margin-bottom: 60px;
}
.page-congnghe .bann-congnghe-top {
  margin-bottom: 57px;
}
.page-congnghe .list-colunm-menu {
  width: 100%;
  margin-bottom: 45px;
  gap: 28px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-congnghe .congnghe_section_menu .content_menu_cn {
  width: 100%;
  border: 1px solid #187CFA;
  background: #FFF;
  border-radius: 10px;
  overflow: hidden;
}
.page-congnghe .congnghe_section_menu .content_menu_cn .title-cn-menu {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #187CFA;
  padding: 10px 20px;
  line-height: 118.75%;
}
.page-congnghe .congnghe_section_menu .content_menu_cn .title-cn-menu > div {
  font-style: normal;
  font-weight: 600;
  line-height: 118.75%;
  color: #FFF;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu {
  padding: 20px;
}
.page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu .list-menu-cn {
  padding-left: 30px;
  list-style: none;
}
.page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu .list-menu-cn .item_menu {
  padding-bottom: 8px;
  list-style: none;
  margin-bottom: 18px;
  position: relative;
  border-bottom: 1px solid #CCC;
}
.page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu .list-menu-cn .item_menu::before {
  content: url("../images/icon/layer1.png");
  position: absolute;
  top: 3px;
  left: -10px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu .list-menu-cn .item_menu:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu .list-menu-cn .item_menu > div {
  color: #565656;
  font-style: normal;
  font-weight: 400;
}
.page-congnghe .bann-congnghe-mid .name-banner-group {
  font-style: normal;
  font-weight: 400;
  color: #187CFA;
}
.page-congnghe .bann-congnghe-mid .single-content .rows-colunm {
  width: 100%;
  margin-bottom: 45px;
  gap: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  color: #565656;
}
.page-congnghe .bann-congnghe-mid .single-content .congnghe_section_menu .content_menu_cn {
  margin-bottom: 40px;
}
.page-congnghe img,
.page-congnghe .images {
  width: 100%;
}
.page-congnghe .slide_bann_bott .title-bann-slide {
  font-style: normal;
  font-weight: 600;
  color: #565656;
  text-align: center;
  margin-bottom: 40px;
}
.page-congnghe .slide_bann_bott .colunm-rows {
  width: 100%;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}
.page-congnghe .slide_bann_bott .colunm-rows .images {
  width: 100%;
  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;
}
.page-congnghe .slide_bann_bott .colunm-rows .images .img {
  width: 100%;
  padding-top: 73.6%;
  position: relative;
  overflow: hidden;
}
.page-congnghe .slide_bann_bott .colunm-rows .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-congnghe .slide_bann_bott .colunm-rows .congnghe-left .images .img {
  padding-top: 73.6%;
}
.page-congnghe .slide_bann_bott .colunm-rows .congnghe-left .slick-prev {
  left: -120px;
}
.page-congnghe .slide_bann_bott .colunm-rows .congnghe-left .slick-next {
  right: -320px;
}
.page-congnghe .slide_bann_bott .colunm-rows .congnghe-right .slick-track .slick-slide {
  opacity: 0.3;
  overflow: hidden;
}
.page-congnghe .slide_bann_bott .colunm-rows .congnghe-right .slick-track .slick-current {
  opacity: 1;
}
.page-congnghe .slide_bann_bott .colunm-rows .congnghe-right .images .img {
  padding-top: 71%;
}

.module-core-values {
  width: 100%;
  padding: 85px 0;
  background-image: radial-gradient(circle at left bottom, #495bfc, #495bfc 5%, #F3F4FC 33%);
}
.module-core-values .title-standard {
  margin-bottom: 30px;
}
.module-core-values .module-group {
  margin-bottom: 40px;
}
.module-core-values .module-group .desc {
  color: #00285B;
  font-weight: 400;
}
.module-core-values .module-menu {
  gap: 45px 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.module-core-values .module-menu > div {
  position: relative;
  padding-left: 100px;
}
.module-core-values .module-menu .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #187CFA;
  background: rgba(24, 124, 250, 0.1);
  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;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 111.111%;
  color: #187CFA;
}
.module-core-values .module-menu .title-menu {
  color: #00285B;
  margin-bottom: 18px;
  font-weight: 600;
}
.module-core-values .module-menu p {
  color: #565656;
  font-weight: 400;
}

.page-certification .disabling {
  width: 100%;
  position: relative;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 35px;
  text-align: center;
  margin-bottom: 50px;
  overflow: hidden;
  background-image: url("../images/bg-certification.png");
  background-size: 100% 100%;
}
.page-certification .disabling p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  font-weight: 700;
  color: white;
}
.page-certification .slide-certification .draggable .slick-slide {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.page-certification .slide-certification .draggable .slick-slide .single .images .img {
  border: 1px solid #80c90e;
}
.page-certification .slide-certification .draggable .slick-slide .single .tilte-name {
  font-weight: 500;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.page-certification .slide-certification .draggable .slick-center {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.page-certification .slide-certification .draggable .slick-center .single .images {
  border-bottom: 4px solid #006220;
}
.page-certification .slide-certification .draggable .slick-center .single .images .img {
  border: 10px solid rgba(128, 201, 14, 0.3);
}
.page-certification .slide-certification .draggable .slick-center .single .tilte-name {
  font-weight: 600;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.page-certification .slide-certification .slick-next {
  opacity: 1;
  width: 50.53px;
  height: 50.53px;
  right: 0;
  -webkit-filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.16));
  border: none;
  background: #ffffff;
}
.page-certification .slide-certification .slick-next::before {
  content: url("../images/icon/next-green.png");
  opacity: 1;
}
.page-certification .slide-certification .slick-next:hover {
  background: #6ea820;
}
.page-certification .slide-certification .slick-next:hover::before {
  content: url("../images/icon/next.png");
}
.page-certification .slide-certification .slick-prev {
  opacity: 1;
  width: 50.53px;
  height: 50.53px;
  left: 0;
  -webkit-filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.16));
  border: none;
  background: #ffffff;
}
.page-certification .slide-certification .slick-prev::before {
  content: url("../images/icon/prev-green.png");
  opacity: 1;
}
.page-certification .slide-certification .slick-prev:hover {
  background: #6ea820;
}
.page-certification .slide-certification .slick-prev:hover::before {
  content: url("../images/icon/prev.png");
}
.page-certification .slide-certification .single .images {
  width: 100%;
  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;
  margin-bottom: 30px;
}
.page-certification .slide-certification .single .images .img {
  width: 100%;
  padding-top: 150%;
  position: relative;
  overflow: hidden;
}
.page-certification .slide-certification .single .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-certification .slide-certification .single .tilte-name {
  text-align: center;
  color: #333333;
}

.page-service {
  width: 100%;
}
.page-service .slide-service {
  margin-left: -22px;
}
.page-service .slide-service .slick-next {
  opacity: 1;
  width: 57px;
  height: 57px;
  right: -75px;
  top: auto;
  bottom: 10px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
  border: none;
  background: #ffffff;
}
.page-service .slide-service .slick-next::before {
  content: url("../images/icon/next-gray.png");
  opacity: 1;
}
.page-service .slide-service .slick-next:hover {
  -webkit-filter: none;
  filter: none;
  border: 1px solid #059046;
}
.page-service .slide-service .slick-next:hover::before {
  content: url("../images/icon/next-green1.png");
}
.page-service .slide-service .slick-prev {
  opacity: 1;
  width: 57px;
  height: 57px;
  right: 15px;
  left: auto;
  top: auto;
  bottom: 10px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
  border: none;
  background: #ffffff;
}
.page-service .slide-service .slick-prev::before {
  content: url("../images/icon/prev-gray.png");
  opacity: 1;
}
.page-service .slide-service .slick-prev:hover {
  -webkit-filter: none;
  filter: none;
  border: 1px solid #059046;
}
.page-service .slide-service .slick-prev:hover::before {
  content: url("../images/icon/prev-green1.png");
}
.page-service .slide-service .single {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.page-service .slide-service .single .images {
  width: calc(55% - 22px);
  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;
  position: relative;
  z-index: 1;
  margin: 0 0 22px 22px;
}
.page-service .slide-service .single .images::before {
  position: absolute;
  left: -22px;
  bottom: -22px;
  content: "";
  width: 160.35px;
  height: 176.78px;
  background: #6ea820;
  opacity: 0.3;
  z-index: -1;
}
.page-service .slide-service .single .images .img {
  width: 100%;
  padding-top: 136%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.page-service .slide-service .single .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-service .slide-service .single .content {
  position: relative;
  width: 45%;
  padding-left: 30px;
}
.page-service .slide-service .single .content .tilte-name {
  position: relative;
  font-weight: 700;
  line-height: 140%;
  padding-bottom: 16px;
  margin-bottom: 26px;
  color: #333333;
}
.page-service .slide-service .single .content .tilte-name::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #6ea820;
  height: 1px;
  width: 124%;
}
.page-service .slide-service .single .content .desc-item {
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 150%;
  color: #333333;
}
.page-service .slide-service .single .content .item-img {
  width: 100%;
  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;
  padding-left: 30px;
  position: absolute;
  bottom: 22px;
  right: 0;
}
.page-service .slide-service .single .content .item-img .img {
  width: 100%;
  padding-top: 62%;
  position: relative;
  z-index: 1;
}
.page-service .slide-service .single .content .item-img .img img {
  position: absolute;
  bottom: 0;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  width: 100%;
}

.list-image-hot {
  float: left;
  margin-bottom: 7rem;
  width: 100%;
}
.list-image-hot .slider-image-hot {
  float: left;
  width: 100%;
}
.list-image-hot .slider-image-hot .item-image {
  float: left;
  height: 27rem;
  padding-right: 10px;
}
.list-image-hot .slider-image-hot .item-image img {
  height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.list-image-hot .slider-image-hot .slick-dots {
  bottom: -60px;
}
.list-image-hot .slick-slider:hover .slick-next {
  visibility: visible;
  right: 35px;
  opacity: 1;
}
.list-image-hot .slick-slider:hover .slick-prev {
  visibility: visible;
  left: 35px;
  opacity: 1;
}

.banner-slider-index {
  position: relative;
  float: left;
  width: 100%;
}

.main_bann_col0_slide {
  position: relative;
  overflow: hidden;
}
.main_bann_col0_slide .slick-slide > div {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main_bann_col0_slide .item_background {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.main_bann_col0_slide .item_background .images {
  position: relative;
  width: 100%;
}
.main_bann_col0_slide .item_background .images .img {
  width: 100%;
  padding-top: 64.3%;
  position: relative;
  overflow: hidden;
}
.main_bann_col0_slide .item_background .images .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.btn-slider-home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ffc635;
  text-transform: uppercase;
  color: white;
  width: 250.78px;
  height: 74.92px;
  z-index: 2;
  background: #9eff00;
  -webkit-box-shadow: 0px 9px 0px #67a600;
  box-shadow: 0px 9px 0px #67a600;
  border-radius: 12px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 175ms cubic-bezier(0, 0, 1, 1);
  transition: all 175ms cubic-bezier(0, 0, 1, 1);
  font-size: 16px;
  padding-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.btn-slider-home span {
  font-weight: 700;
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
  color: white;
  text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn-slider-home .arrow-icon {
  margin-left: 18px;
}
.btn-slider-home::before {
  position: absolute;
  content: "";
  width: calc(100% - 22px);
  height: calc(100% - 10px);
  top: -9px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: -1;
  background: #1d8e42;
  border: 1px solid #1cba50;
  border-radius: 10px;
  border-radius: inherit;
  -webkit-transition: all 175ms cubic-bezier(0, 0, 1, 1);
  transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
.btn-slider-home::after {
  position: absolute;
  content: "";
  width: calc(100% - 13px);
  height: calc(100% - 6px);
  top: -3px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: -3;
  background: #006220;
  border-radius: 12px;
  border-radius: inherit;
  -webkit-transition: all 175ms cubic-bezier(0, 0, 1, 1);
  transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
.btn-slider-home:hover {
  padding-bottom: 13px;
}
.btn-slider-home:hover::before {
  top: -2px;
  -webkit-transition: all 175ms cubic-bezier(0, 0, 1, 1);
  transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
.btn-slider-home:hover::after {
  top: 0;
  -webkit-transition: all 175ms cubic-bezier(0, 0, 1, 1);
  transition: all 175ms cubic-bezier(0, 0, 1, 1);
}

.scroll-top-btn {
  display: none;
  width: 43px;
  height: 43px;
  z-index: 99;
  bottom: 10%;
  cursor: pointer;
  right: 5%;
  position: fixed;
  border-radius: 100%;
  overflow: hidden;
}
.scroll-top-btn img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}

#exampleModal {
  padding: 90px 15px;
  background: rgba(23, 23, 23, 0.67);
}
#exampleModal .modal-dialog-centered {
  width: 100%;
  height: 100%;
  max-width: 919px;
  margin: 0 auto;
}
#exampleModal .modal-dialog-centered .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%;
  overflow-y: scroll;
}
#exampleModal .modal-dialog-centered .modal-content::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
#exampleModal .modal-dialog-centered .modal-content button.close {
  position: relative;
  z-index: 1;
  font-size: 41px;
  color: #828282;
  padding: 12px;
  opacity: 1;
  line-height: 30px;
}
#exampleModal .modal-dialog-centered .modal-content button.close::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: -11px;
  width: 60px;
  height: 60px;
  background: #e0e0e0;
  border-radius: 0px 0px 0px 60px;
}
#exampleModal .modal-dialog-centered .modal-content .modal-header {
  border-bottom: none;
}
#exampleModal .modal-dialog-centered .modal-content .modal-header h2 {
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #333333;
  margin: 35px 0 10px 0;
}
.form-jobapply .title-form {
  margin-bottom: 40px;
}
.form-jobapply .title-form h3 {
  font-style: normal;
  font-weight: 400;
  color: #187CFA;
}
.form-jobapply .form-career .form-group-separate {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
.form-jobapply .form-career .form-group {
  width: 100%;
  margin: 0;
  position: relative;
}
.form-jobapply .form-career .form-group .form-control {
  width: 100%;
  height: 60px;
  padding-left: 25px;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  color: #4f4f4f;
}
.form-jobapply .form-career .form-group .form-control::-webkit-input-placeholder {
  font-size: 16px;
  color: #7D7D7D;
}
.form-jobapply .form-career .form-group .form-control::-moz-placeholder {
  font-size: 16px;
  color: #7D7D7D;
}
.form-jobapply .form-career .form-group .form-control:-ms-input-placeholder {
  font-size: 16px;
  color: #7D7D7D;
}
.form-jobapply .form-career .form-group .form-control::-ms-input-placeholder {
  font-size: 16px;
  color: #7D7D7D;
}
.form-jobapply .form-career .form-group .form-control::placeholder {
  font-size: 16px;
  color: #7D7D7D;
}
.form-jobapply .form-career .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-jobapply .form-career .form-group .item-place {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  padding-left: 25px;
  border: none;
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7D7D7D;
  font-size: 16px;
  display: none;
}
.form-jobapply .form-career .form-group .item-place span {
  color: #7D7D7D;
}
.form-jobapply .form-career .form-group .hidden {
  display: none;
}
.form-jobapply .form-career .group-take .upload-cv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.form-jobapply .form-career .group-take .upload-cv .policy {
  font-size: 16px;
  line-height: 170.84%;
  color: #828282;
}
.form-jobapply .form-career .group-take #uploadFile {
  border: none;
  float: right;
  text-align: right;
  margin-right: 10px;
  -webkit-transform: translateY(-110%);
          transform: translateY(-110%);
  color: #7D7D7D;
}
.form-jobapply .form-career .group-take .btn-browse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 54px;
  border: 1px dashed #CCC;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
.form-jobapply .form-career .group-take .btn-browse input {
  display: none;
}
.form-jobapply .form-career .group-take .btn-browse .icon {
  min-width: 40px;
  max-width: 40px;
}
.form-jobapply .form-career .group-take .btn-browse .policy {
  text-align: left;
  text-wrap: balance;
  color: #7D7D7D;
  font-weight: 400;
}
.form-jobapply .form-career .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding-bottom: 25px;
}
.form-jobapply .form-career .btn-career {
  width: 100%;
}
.form-jobapply .form-career .btn-career .icon {
  min-width: 57px;
  max-width: 57px;
  height: 57px;
}
.form-jobapply .form-career .btn-career button {
  padding: 18px 52px;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: 0 !important;
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  vertical-align: middle;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  border-radius: 10px;
  background: #187CFA;
}
.form-jobapply .form-career .btn-career button span {
  padding: 0;
  overflow: hidden;
  color: #FFF;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 0px) and (max-width: 500px) {
  .iconmenu {
    width: 22px;
    height: 41px;
  }
}
@media screen and (min-width: 601px) {
  .listnews .list .left .news-bott > a .box-text h3 {
    height: 51px;
  }
  .page-detail .item-top-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-detail .box-text-note {
    padding-left: 30px;
  }
  .menu-date .up-icon {
    right: 50%;
    -webkit-transform: translate(50%, -6px);
            transform: translate(50%, -6px);
  }
  .menu-date ul {
    padding-bottom: 48px;
  }
  .menu-date ul::before {
    right: 50%;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
  .menu-date ul li {
    padding-right: 26px;
    position: relative;
  }
  .menu-date ul li:nth-child(odd) {
    padding-right: 0;
    padding-left: 26px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .menu-date ul li:nth-child(odd)::before {
    right: auto;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .menu-date ul li:nth-child(odd)::after {
    right: auto;
    left: 14px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .menu-date ul li:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .listnews .list .left .news-bott > a .box-text h3 {
    height: 57px;
  }
  .multi-columns-row .col-xs-1:nth-child(12n+13) {
    clear: none;
  }
  .multi-columns-row .col-xs-2:nth-child(6n+7) {
    clear: none;
  }
  .multi-columns-row .col-xs-3:nth-child(4n+5) {
    clear: none;
  }
  .multi-columns-row .col-xs-4:nth-child(3n+4) {
    clear: none;
  }
  .multi-columns-row .col-xs-6:nth-child(2n+3) {
    clear: none;
  }
  .multi-columns-row .col-sm-1:nth-child(12n+13) {
    clear: left;
  }
  .multi-columns-row .col-sm-2:nth-child(6n+7) {
    clear: left;
  }
  .multi-columns-row .col-sm-3:nth-child(4n+5) {
    clear: left;
  }
  .multi-columns-row .col-sm-4:nth-child(3n+4) {
    clear: left;
  }
  .multi-columns-row .col-sm-6:nth-child(2n+3) {
    clear: left;
  }
}
@media screen and (min-width: 992px) {
  .multi-columns-row .col-sm-1:nth-child(12n+13) {
    clear: none;
  }
  .multi-columns-row .col-sm-2:nth-child(6n+7) {
    clear: none;
  }
  .multi-columns-row .col-sm-3:nth-child(4n+5) {
    clear: none;
  }
  .multi-columns-row .col-sm-4:nth-child(3n+4) {
    clear: none;
  }
  .multi-columns-row .col-sm-6:nth-child(2n+3) {
    clear: none;
  }
  .multi-columns-row .col-md-1:nth-child(12n+13) {
    clear: left;
  }
  .multi-columns-row .col-md-2:nth-child(6n+7) {
    clear: left;
  }
  .multi-columns-row .col-md-3:nth-child(4n+5) {
    clear: left;
  }
  .multi-columns-row .col-md-4:nth-child(3n+4) {
    clear: left;
  }
  .multi-columns-row .col-md-6:nth-child(2n+3) {
    clear: left;
  }
  .menu-btn-show {
    display: none;
  }
  .page-congnghe .colunm-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-congnghe .colunm-rows .congnghe-left {
    width: calc(100% - 190px);
    padding-right: 10px;
  }
  .page-congnghe .colunm-rows .congnghe-right {
    min-width: 190px;
    max-width: 190px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
  .listnews .list .left .news-bott > a .box-text h3 {
    height: 60px;
  }
  .multi-columns-row .col-md-1:nth-child(12n+13) {
    clear: none;
  }
  .multi-columns-row .col-md-2:nth-child(6n+7) {
    clear: none;
  }
  .multi-columns-row .col-md-3:nth-child(4n+5) {
    clear: none;
  }
  .multi-columns-row .col-md-4:nth-child(3n+4) {
    clear: none;
  }
  .multi-columns-row .col-md-6:nth-child(2n+3) {
    clear: none;
  }
  .multi-columns-row .col-lg-1:nth-child(12n+13) {
    clear: left;
  }
  .multi-columns-row .col-lg-2:nth-child(6n+7) {
    clear: left;
  }
  .multi-columns-row .col-lg-3:nth-child(4n+5) {
    clear: left;
  }
  .multi-columns-row .col-lg-4:nth-child(3n+4) {
    clear: left;
  }
  .multi-columns-row .col-lg-6:nth-child(2n+3) {
    clear: left;
  }
}
@media (min-width: 1440px) {
  .container {
    width: 1330px;
  }
}
@media (max-width: 1440px) {
  .item-dichvu .title .sort-desc h3 {
    font-size: 27px;
  }
}
@media (max-width: 1399px) {
  .header .right-header {
    gap: 0 40px;
  }
  .main-menu > ul > li a {
    font-size: 15px;
  }
  .title-standard h2 {
    font-size: 40px;
  }
  .arcontactus-widget {
    right: 15px;
  }
  .scroll-top-btn {
    right: 15px;
  }
}
@media (max-width: 1300px) {
  .title48 {
    font-size: 46px;
  }
  .title42 {
    font-size: 40px;
  }
  .title40 {
    font-size: 39px;
  }
  .title36 {
    font-size: 35px;
  }
  .title35 {
    font-size: 34px;
  }
  .title32 {
    font-size: 31px;
  }
  .title30 {
    font-size: 29px;
  }
  .title28 {
    font-size: 27px;
  }
  .title26 {
    font-size: 25px;
  }
  .title25 {
    font-size: 24px;
  }
  .header .right-header {
    gap: 0 24px;
  }
  .title-standard h2 {
    font-size: 36px;
  }
  .about-us-index .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .about-us-index .row > .left,
  .about-us-index .row > .right {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1279px) {
  .we_choose_module .choose_section {
    padding: 70px 0 60px 0;
  }
  .we_choose_module .choose_section::before {
    zoom: 0.8;
  }
}
@media (max-width: 1199px) {
  .bann_col0_slidein .link-page .title-banner {
    font-size: 50px;
  }
  .page-detail .column-images {
    min-width: 470px;
    max-width: 470px;
  }
  .btn-style {
    margin: 20px 0;
  }
  .title-standard h2 {
    font-size: 32px;
  }
  .content-jobs {
    padding: 30px 0;
  }
  .page-congnghe .title-standard,
  .page-congnghe .name-banner-group {
    margin-bottom: 50px;
  }
  .page-congnghe .slide_bann_bott .colunm-rows .congnghe-left .slick-prev {
    left: -70px;
  }
  .page-congnghe .slide_bann_bott .colunm-rows .congnghe-left .slick-next {
    right: -270px;
  }
  .form-jobapply .form-career .group-take .btn-browse {
    padding: 30px;
  }
  .contact-page .title-standard {
    margin-bottom: 0px;
  }
  .contact-page .box-contact {
    margin: 60px 0 50px 0;
  }
  .listnews .list .right {
    max-width: 320px;
    min-width: 320px;
    padding-left: 60px;
  }
  .header {
    height: 72px;
  }
  .main-menu > ul > li {
    padding-left: 8px;
  }
  .main-menu > ul > li a {
    font-size: 14px;
  }
  .our-services-index .slider-services-index {
    gap: 30px;
  }
  .our-services-index .item-services .item-count {
    font-size: 72px;
  }
  .section_service_home {
    padding: 60px 0;
  }
  .section_service_home .title-standard {
    margin-bottom: 60px;
  }
  .title48 {
    font-size: 42px;
  }
  .title42 {
    font-size: 38px;
  }
  .title40 {
    font-size: 37px;
  }
  .title36 {
    font-size: 33px;
  }
  .title35 {
    font-size: 31px;
  }
  .title32 {
    font-size: 30px;
  }
  .title30 {
    font-size: 26px;
  }
  .title28 {
    font-size: 25px;
  }
  .title26 {
    font-size: 24px;
  }
  .title25 {
    font-size: 23px;
  }
  .title24 {
    font-size: 23px;
  }
  .title22 {
    font-size: 21px;
  }
  .title21 {
    font-size: 20px;
  }
  .title20 {
    font-size: 19px;
  }
  .about-us-index {
    padding: 50px 0px 80px;
  }
  .brand-index {
    padding: 60px 0 80px 0;
  }
  .brand-index .title-standard {
    margin-bottom: 56px;
  }
  .testimonial-index {
    padding: 40px 0;
  }
  .testimonial-index .container {
    padding: 0px 40px;
  }
  .blog-index {
    padding: 40px 0;
  }
  .page-detail-product {
    padding: 60px 0 40px 0;
  }
  .page-content {
    padding-top: 50px;
  }
  .page-content .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .module-vision-mission .module-group {
    padding-right: 0;
    margin-bottom: 40px;
  }
  .item-dichvu .title .sort-desc h3 {
    font-size: 22px;
  }
  .item-dichvu .title .sort-desc p {
    font-size: 20px;
  }
  .main-menu > .whtml {
    display: none;
  }
  .comment-client .title-standard {
    margin-bottom: 70px;
  }
  .page-aboutus .module-bann-pro .list-content .single .item-intro {
    gap: 30px;
  }
  .page-aboutus .module-bann-pro .list-content .single .item-intro .images {
    min-width: 50%;
    max-width: 50%;
  }
  .page-sumenh .module-bann-pro .list-content .single .item-intro {
    gap: 30px;
  }
  .page-sumenh .module-bann-pro .list-content .single .item-intro .images {
    min-width: 50%;
    max-width: 50%;
  }
  .page-service .slide-service .slick-next {
    right: -15px;
    zoom: 0.8;
  }
  .page-service .slide-service .slick-prev {
    right: 60px;
    zoom: 0.8;
  }
  .news-list {
    gap: 20px;
  }
  .news-list .item-news .images {
    margin-bottom: 16px;
  }
  .news-list .item-news .title {
    padding-left: 30px;
  }
  .news-list .item-news .title::before {
    left: 15px;
  }
  .news_sliding .item-news .images {
    margin-bottom: 16px;
  }
  .news_sliding .item-news .title {
    padding-left: 30px;
  }
  .news_sliding .item-news .title::before {
    left: 15px;
  }
  .page-tuyendung .module-bann-pro .list-content .single {
    margin-bottom: 60px;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .text-desc::before {
    top: -15px;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .desc {
    -webkit-line-clamp: 8;
  }
}
@media (max-width: 1080px) {
  .main-menu > ul > li {
    padding-left: 6px;
  }
  .main-menu > ul > li a {
    font-size: 13px;
  }
  .languages-box .dropdown {
    padding: 0;
    zoom: 0.9;
  }
  .comment-client {
    padding: 40px 0 60px 0;
  }
  .comment-client .title-standard {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .bott-foot .container {
    max-width: 100%;
    width: 100%;
  }
  .we_choose_module .choose_section {
    padding: 50px 0;
  }
  .we_choose_module .choose_section::before {
    display: none;
  }
  .we_choose_module .content_choose {
    max-width: none;
  }
  .we_choose_module .content_choose .title-standard {
    margin-bottom: 50px;
  }
  .client-bann {
    padding: 56px 0;
  }
  .client-bann .title-standard {
    margin-bottom: 50px;
  }
  .footer .left-footer {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 30px;
  }
  .footer .center-footer {
    width: 60%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer .right-footer {
    width: 40%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 991px) {
  .bann_col0_slidein .link-page .title-banner {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .page-congnghe .congnghe_section_menu .content_menu_cn .title-cn-menu {
    height: auto;
    padding: 20px;
  }
  .page-detail .column-images {
    min-width: 320px;
    max-width: 320px;
  }
  .section_service_home .title-standard {
    margin-bottom: 40px;
  }
  .infor-contact h3 {
    margin-top: 0;
    margin-bottom: 12px;
    zoom: 0.8;
  }
  .jobdetail .standard {
    padding: 20px 0;
    margin-top: 30px;
    margin-bottom: 30px;
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-congnghe .title-standard,
  .page-congnghe .name-banner-group {
    margin-bottom: 40px;
  }
  .page-congnghe .bann-congnghe-top {
    margin-bottom: 40px;
  }
  .page-congnghe .list-colunm-menu {
    margin-bottom: 35px;
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .page-congnghe .bann-congnghe-mid .single-content .rows-colunm {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .form-jobapply .form-career .form-group-separate {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .content-jobs .title-standard h2 {
    font-size: 28px;
  }
  .list-jobs .title-standard {
    margin-bottom: 57px;
  }
  .contact-page .box-contact {
    margin-top: 20px;
  }
  .menu-contact-module .row > div {
    border-right: none;
  }
  .menu-contact-module .box-menu-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
  .menu-contact-module .box-menu-contact .icon-item {
    max-width: 60px;
    min-width: 60px;
  }
  .menu-contact-module .box-menu-contact .box-menu-content {
    width: 100%;
    padding-left: 14px;
  }
  .menu-contact-module .box-menu-contact .box-menu-content .title-item {
    margin-bottom: 8px;
  }
  .listnews .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px 0;
  }
  .listnews .list .right {
    max-width: none;
    min-width: none;
    padding-left: 0;
    width: 100%;
  }
  .copy-right p {
    font-size: 12px;
  }
  .bott-foot {
    padding: 16px 0;
  }
  .bott-foot .content-bott {
    gap: 20px;
  }
  .bott-foot .menu-bott-foot {
    gap: 12px;
  }
  .bott-foot .menu-bott-foot a {
    font-size: 12px;
  }
  .iconmenu {
    display: block;
  }
  .menu-btn-show {
    display: block;
    top: 77px;
  }
  .hide-mobile {
    display: none;
  }
  .main-menu {
    display: none;
  }
  .title-standard {
    margin-top: 0;
    margin-bottom: 23px;
  }
  .title-standard h2 {
    font-size: 28px;
  }
  .slick-dots {
    bottom: 0;
  }
  .banner-page-list {
    height: 200px;
  }
  .banner-page-list h2 {
    font-size: 35px;
  }
  .header {
    padding: 10px 0;
  }
  .header .languages-box {
    margin-right: 60px;
  }
  .header .languages-box .dropdown {
    zoom: 1;
  }
  .header .btn-search-header {
    float: right;
    position: relative;
    margin-left: 25px;
    margin-top: 20px;
    height: 34px;
    margin-right: 15px;
  }
  .grid-sanpham-list {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .title48 {
    font-size: 34px;
  }
  .title42 {
    font-size: 31px;
  }
  .title40 {
    font-size: 28px;
  }
  .title36 {
    font-size: 27px;
  }
  .title35 {
    font-size: 26px;
  }
  .title32 {
    font-size: 27px;
  }
  .title30 {
    font-size: 24px;
  }
  .title26 {
    font-size: 22px;
  }
  .title25 {
    font-size: 21px;
  }
  .title24 {
    font-size: 20px;
  }
  .title22 {
    font-size: 19px;
  }
  .title18 {
    font-size: 17px;
  }
  .title17 {
    font-size: 16px;
  }
  .title16 {
    font-size: 15px;
  }
  .title15 {
    font-size: 14px;
  }
  .video-index {
    margin: 30px 0;
  }
  .brand-index {
    padding: 40px 0 60px 0;
  }
  .blog-index {
    padding: 30px 0;
  }
  .blog-index .row {
    margin: 0px -15px;
  }
  .blog-index .row .col-lg-4 {
    padding: 0px 10px;
  }
  .module-core-values {
    padding: 56px 0;
  }
  .module-core-values .module-menu .icon {
    width: 47px;
    height: 47px;
    font-size: 28px;
  }
  .module-core-values .module-menu > div {
    padding-left: 70px;
  }
  .module-vision-mission {
    padding: 56px 0 90px 0;
  }
  .module-vision-mission .title-standard {
    margin-bottom: 50px;
  }
  .menu-date .title-module {
    margin-bottom: 40px;
  }
  .item-dichvu .title {
    margin-top: 6rem;
  }
  .item-dichvu .title .icon {
    width: 60px;
    margin-top: 15px;
  }
  .item-dichvu .title .sort-desc {
    padding-right: 15px;
  }
  .bottom-index {
    margin-bottom: 70px;
  }
  .bottom-index .flex-index {
    margin: 0 -15px;
  }
  .bottom-index .flex-index .single-item {
    padding: 0 15px;
    margin-bottom: 50px;
  }
  .bottom-index .flex-index .item-box .title-item {
    width: 100px;
    height: 80px;
  }
  .page-tuyendung .module-bann-pro .list-content .single {
    margin-bottom: 40px;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .text-desc::before {
    top: -15px;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .desc {
    -webkit-line-clamp: 6;
  }
  .page-detail-product {
    padding: 50px 0 30px 0;
  }
  .page-content {
    padding-top: 30px;
  }
  .page-content .content-page {
    width: 100%;
  }
  .page-content .content-page .content-gioithieu img {
    margin-bottom: 20px;
  }
  .page-service .slide-service .single .content {
    padding-left: 20px;
  }
  .page-service .slide-service .single .content .tilte-name {
    padding-bottom: 10px;
    margin-bottom: 18px;
  }
  .page-service .slide-service .single .content .item-img {
    padding-left: 20px;
  }
  .map {
    margin: 60px 0;
  }
  .item-sp-pro .title-box-list {
    margin-bottom: 40px;
  }
}
@media (max-width: 820px) {
  .title-standard.title-opic {
    margin-left: 0;
  }
  #exampleModal .modal-dialog-centered .modal-content .modal-body .form-career {
    zoom: 0.9;
  }
  #exampleModal .modal-dialog-centered .modal-content .modal-body .form-career .btn-career .icon {
    min-width: 43px;
    max-width: 43px;
    height: 43px;
  }
  #exampleModal .modal-dialog-centered .modal-content .modal-body .form-career .btn-career button {
    height: 68px;
  }
}
@media (max-width: 767px) {
  .heading-nhaplieu h1,
  .heading-nhaplieu h2,
  .heading-nhaplieu h3,
  .heading-nhaplieu h4,
  .heading-nhaplieu h5,
  .heading-nhaplieu h6 {
    zoom: 0.9;
  }
  .title-blue {
    margin-bottom: 30px;
  }
  .listnews .list .box-text .date,
  .listnews .list .box-text h3 {
    margin-bottom: 12px;
  }
  .listnews .list .left .news-main {
    margin-bottom: 30px;
  }
  .listnews .list .right .list-news .box-text {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .map {
    margin: 40px 0;
  }
  .list-jobs {
    margin: 60px 0;
  }
  .list-jobs .title-standard {
    margin-bottom: 40px;
  }
  .list-jobs .list-item {
    padding: 16px;
  }
  .module-vision-mission {
    padding: 40px 0;
  }
  .module-vision-mission .title-standard {
    margin-bottom: 30px;
  }
  .module-vision-mission .module-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }
  .module-vision-mission .module-menu .img {
    max-width: 60px;
    min-width: 60px;
    margin-bottom: 20px;
  }
  .module-vision-mission .module-menu .content-text {
    width: 100%;
    padding-left: 20px;
  }
  .module-vision-mission .module-menu .content-text h3 {
    margin-bottom: 14px;
  }
  .bann_col0_slidein .link-page .title-banner {
    font-size: 30px;
    margin-bottom: 12px;
  }
  .footer .content-foot {
    padding: 30px 0;
  }
  .footer .right-footer .menu-contact .desc {
    zoom: 0.9;
  }
  .flex-row-top {
    display: block;
  }
  .flex-row-top .flex-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
  }
  .slick-prev {
    left: 0;
    zoom: 0.8;
  }
  .slick-next {
    right: 0;
    zoom: 0.8;
  }
  html {
    font-size: 4px !important;
  }
  .flex-row {
    display: block;
    width: 100%;
  }
  .title-standard {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .title-standard h2 {
    font-size: 26px;
  }
  .btn-style {
    margin: 15px 0;
  }
  .btn-style a {
    font-size: 16px;
  }
  .btn-style a:after {
    margin-left: 16px;
    zoom: 0.9;
  }
  .btn-style button {
    font-size: 16px;
  }
  .btn-style button:after {
    margin-left: 16px;
    zoom: 0.9;
  }
  .client-bann {
    padding: 40px 0;
  }
  .client-bann .title-standard {
    margin-bottom: 40px;
  }
  .client-bann .list-client-brand {
    display: block;
    background: transparent;
  }
  .client-bann .list-client-brand .item-brand {
    max-width: 200px;
    min-width: 200px;
    height: 100px;
    padding: 15px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 0.540052px solid #bdbdbd;
  }
  .client-bann .list-client-brand .item-brand img {
    max-width: 100%;
    max-height: 100%;
  }
  .client-bann .slick-track .slick-slide > div:last-child .item-brand {
    border-top: 0.540052px solid #bdbdbd;
  }
  .client-bann .slick-track .slick-slide > div:last-child .item-brand::before {
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    bottom: auto;
    right: 0;
  }
  .banner-page-list {
    margin-bottom: 30px;
  }
  .section_service_home .bar-product {
    margin: 0 -10px;
  }
  .section_service_home .bar-product .box-bar-prd {
    padding: 0 10px;
  }
  .section_service_home .bar-product .box-bar-prd .text-pr {
    height: 170px;
    padding: 20px;
  }
  .header {
    position: relative;
  }
  .header .btn-search-header {
    margin-right: 55px;
    margin-left: 0px;
    margin-top: 42px;
    width: 30px;
    zoom: 0.8;
  }
  .header .btn-search-header #hSearch input[type=search] {
    right: -15px;
  }
  .iconmenu.open span:nth-child(3) {
    top: 10px;
  }
  .title48 {
    font-size: 28px;
  }
  .title42 {
    font-size: 28px;
  }
  .title40 {
    font-size: 26px;
  }
  .title36 {
    font-size: 24px;
  }
  .title35 {
    font-size: 24px;
  }
  .title32 {
    font-size: 23px;
  }
  .title30 {
    font-size: 22px;
  }
  .title28 {
    font-size: 21px;
  }
  .title26 {
    font-size: 20px;
  }
  .title25 {
    font-size: 20px;
  }
  .title24 {
    font-size: 19px;
  }
  .title22 {
    font-size: 18px;
  }
  .title21 {
    font-size: 18px;
  }
  .title20 {
    font-size: 17px;
  }
  .title18 {
    font-size: 16px;
  }
  .title17 {
    font-size: 15px;
  }
  .title16 {
    font-size: 14px;
  }
  .about-us-index {
    padding: 30px 0px 50px;
  }
  .about-us-index .btn-viewmore {
    padding: 8px 26px;
  }
  .our-services-index .item-services .item-count {
    font-size: 48px;
  }
  .testimonial-index .slick-dots {
    bottom: -40px;
  }
  .brand-index .title-standard {
    margin-bottom: 40px;
  }
  .brand-index .slider-brand {
    margin: 0 -8px;
  }
  .brand-index .slider-brand .item-brand {
    padding: 0px 8px;
  }
  .brand-index .slider-brand .item-brand a {
    height: 111px;
  }
  .blog-index .row .col-lg-4 {
    padding: 0px 15px;
  }
  .item-dichvu .img {
    width: 100%;
  }
  .item-dichvu .title {
    width: 100%;
    text-align: left;
  }
  .item-dichvu .title .icon {
    float: left;
    margin-top: 0;
  }
  .item-dichvu .title .sort-desc {
    float: right;
    padding-left: 20px;
    padding-right: 0;
  }
  .infor-contact p {
    font-size: 15px;
  }
  .infor-contact ul li {
    font-size: 15px;
  }
  .contact-form .form-input input {
    height: 50px;
    font-size: 15px;
  }
  .contact-form .form-input select {
    height: 50px;
    font-size: 15px;
  }
  .contact-form .form-input textarea {
    height: 50px;
    font-size: 15px;
  }
  .list-news-incate {
    margin-top: 20px;
    margin-top: 20px;
  }
  .list-news-incate .item-news .img {
    padding: 0;
  }
  .list-news-incate .item-news .img a {
    position: relative;
    height: initial;
    -o-object-fit: initial;
    object-fit: initial;
  }
  .list-news-incate .item-news .img a img {
    height: initial;
    -o-object-fit: initial;
    object-fit: initial;
  }
  .page-content .content-gioithieu tr td {
    padding: 0px !important;
    width: 100%;
    float: left;
    padding-bottom: 20px !important;
  }
  #exampleModal .modal-dialog-centered .modal-content .modal-body .form-career .form-group-separate {
    -ms-grid-columns: minmax(0, 1fr) [1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .comment-client {
    padding: 30px 0 40px 0;
  }
  .comment-client .title-standard {
    margin-bottom: 40px;
  }
  .comment-client .list-client-comment {
    margin-left: -20px;
    margin-right: -20px;
  }
  .comment-client .list-client-comment .item-comment {
    padding: 0 20px;
  }
  .arcontactus-widget {
    zoom: 0.9;
  }
  .scroll-top-btn {
    zoom: 0.9;
  }
}
@media (max-width: 600px) {
  .section_service_home .bar-product .box-bar-prd {
    max-width: 290px;
    min-width: 290px;
  }
  .page-congnghe .title-standard,
  .page-congnghe .name-banner-group {
    margin-bottom: 30px;
  }
  .page-congnghe .bann-congnghe-top {
    margin-bottom: 30px;
  }
  .page-congnghe .list-colunm-menu {
    margin-bottom: 28px;
  }
  .page-congnghe .bann-congnghe-mid .single-content .rows-colunm {
    gap: 20px;
  }
  .page-congnghe .bann-congnghe-mid .single-content .congnghe_section_menu .content_menu_cn {
    margin-bottom: 26px;
  }
  .page-congnghe .slide_bann_bott .title-bann-slide {
    margin-bottom: 28px;
  }
  .map {
    margin-top: 20px;
  }
  .listnews .list .left .news-bott > a .box-text {
    height: 152px;
  }
  .page-detail .column-images {
    min-width: none;
    max-width: 100%;
    width: 100%;
  }
  .page-detail .page-list-detail {
    margin-bottom: 60px;
  }
  .page-detail .option-desc .title-desc {
    padding-bottom: 12px;
    margin-bottom: 20px;
  }
  .list-jobs {
    margin: 46px 0;
  }
  .list-jobs .list-item .list-content-title {
    max-width: none;
    margin-bottom: 20px;
  }
  .list-jobs .list-item .list-content-detail {
    max-width: none;
  }
  .listnews .list .left .news-bott {
    gap: 16px;
  }
  .listnews .list .left .news-bott > a .box-text {
    padding: 16px;
  }
  .item-sp-pro .title-box-list {
    margin-bottom: 30px;
  }
  .item-sp-pro .item-list-sp .item-sanpham-single {
    max-width: 320px;
    min-width: 320px;
  }
  .item-sp-pro .item-list-sp .item-sanpham-single .item-titlesp {
    height: 190px;
    padding: 15px;
  }
  .menu-date {
    padding-right: 30px;
  }
  .menu-date ul {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .menu-date ul li {
    margin-bottom: 30px;
  }
  .menu-date ul li > div {
    padding: 12px;
    text-align: right;
  }
  .menu-date ul li > div .dy-date {
    margin: auto 0 auto auto;
  }
  .module-core-values .module-menu {
    gap: 30px;
  }
  .footer .center-footer {
    width: 100%;
  }
  .footer .right-footer {
    width: 100%;
    margin-top: 20px;
  }
  .footer .list-social {
    padding-top: 15px;
  }
  .mansory-album .grid-item {
    width: 50%;
  }
  .mansory-album .item-album {
    padding: 15px;
  }
  .bottom-index {
    margin-bottom: 20px;
  }
  .bottom-index .flex-index .single-item {
    width: 100%;
    margin-bottom: 100px;
  }
  .bottom-index .flex-index .item-box .desc {
    display: -webkit-box;
  }
  .bottom-index .flex-index .item-box .title-item {
    width: 90px;
    height: 80px;
    -webkit-transform: translate(0, 70%);
    transform: translate(0, 70%);
  }
  .page-tuyendung .module-bann-pro .list-content .single {
    margin-bottom: 30px;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .images {
    min-width: 100%;
    max-width: 100%;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .desc {
    display: inline-block;
    display: inline-block;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .text-desc::before {
    display: none;
  }
  .page-tuyendung .module-bann-pro .list-content .single .item-intro .text-desc::after {
    display: none;
  }
  .page-aboutus .module-bann-pro .list-content .single .item-intro {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
  .page-aboutus .module-bann-pro .list-content .single .item-intro .images {
    min-width: 100%;
    max-width: 100%;
  }
  .page-aboutus .module-bann-pro .list-content .single .item-intro .desc {
    display: inline-block;
  }
  .page-sumenh .module-bann-pro .list-content .single .item-intro {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
  .page-sumenh .module-bann-pro .list-content .single .item-intro .images {
    min-width: 100%;
    max-width: 100%;
  }
  .page-sumenh .module-bann-pro .list-content .single .item-intro .desc {
    display: inline-block;
  }
  .page-sumenh .module-bann-pro .list-content .single .item-intro .text-desc::before {
    display: none;
  }
  .page-sumenh .module-bann-pro .list-content .single .item-intro .text-desc::after {
    display: none;
  }
  .page-service .slide-service .single .content .desc-item {
    -webkit-line-clamp: 8;
  }
  .html_col12_relate .news_sliding {
    margin: 0 -8px;
  }
  .html_col12_relate .news_sliding a {
    padding: 0 8px;
  }
  .html_col12_relate .news_sliding .item-news {
    min-width: 360px;
    max-width: 360px;
  }
}
@media (max-width: 576px) {
  .bann_col0_slidein .link-page .title-banner {
    font-size: 24px;
    margin-bottom: 6px;
  }
  .page-list-sanpham {
    padding-bottom: 60px;
  }
  .page-list-sanpham .title-standard {
    margin-bottom: 30px;
  }
  .grid-sanpham-list {
    gap: 20px 16px;
  }
  .grid-sanpham-list .item-sanpham-single .item-titlesp {
    padding: 16px;
  }
  .breadcrumb a {
    font-size: 12px;
  }
  .module-core-values {
    padding-top: 40px;
    background-image: radial-gradient(circle at left bottom, #495bfc, #495bfc 0%, #F3F4FC 20%);
  }
  .module-core-values .module-menu {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .jobdetail {
    padding: 0;
  }
  .jobdetail .content .work_info .item-content {
    margin-bottom: 30px;
  }
  .form-jobapply .title-form {
    margin-bottom: 20px;
  }
  .content-jobs .title-standard h2 {
    font-size: 24px;
  }
  #exampleModal {
    padding: 15px;
  }
  #exampleModal .modal-dialog-centered .modal-content .modal-body .form-career {
    zoom: 0.8;
  }
  .arcontactus-widget {
    zoom: 0.8;
  }
  .scroll-top-btn {
    zoom: 0.8;
  }
  .comment-client {
    padding: 20px 0 30px 0;
  }
  .comment-client .list-client-comment {
    margin-left: -14px;
    margin-right: -14px;
  }
  .comment-client .list-client-comment .item-comment {
    padding: 0 14px;
  }
  .infor-contact {
    padding-right: 0px;
    margin-bottom: 0px;
  }
  .infor-contact ul {
    margin-top: 0px;
  }
  .contact-form .btn-style {
    margin-top: 0;
    zoom: 0.8;
  }
  .page-certification .disabling {
    padding: 7px 25px;
  }
  .page-certification .disabling p {
    font-size: 15px;
  }
  .social-detail .social {
    gap: 0 15px;
  }
  .social-detail .social a {
    zoom: 0.8;
  }
  .detail-blog h1 {
    font-size: 26px;
  }
}
@media (max-width: 500px) {
  .heading-nhaplieu h1,
  .heading-nhaplieu h2,
  .heading-nhaplieu h3,
  .heading-nhaplieu h4,
  .heading-nhaplieu h5,
  .heading-nhaplieu h6 {
    zoom: 0.8;
  }
  .bann_col0_slidein .slidein-banner .item {
    padding-top: 130px;
  }
  .grid-sanpham-list .item-sanpham-single .item-titlesp {
    padding: 10px;
    height: 180px;
  }
  .form-jobapply .form-career .form-group .form-control {
    height: 48px;
    padding-left: 20px;
  }
  .form-jobapply .form-career .form-group .item-place {
    padding-left: 18px;
    font-size: 14px;
  }
  .form-jobapply .form-career .btn-career button {
    padding: 12px 30px;
  }
  .copy-right {
    display: none;
  }
  .section_service_home .bar-product .box-bar-prd .text-pr {
    height: 140px;
  }
  .title-standard h2 {
    font-size: 24px;
  }
  .client-bann {
    padding: 30px 0;
  }
  .client-bann .title-standard {
    margin-bottom: 30px;
  }
  .client-bann .list-client-brand .item-brand {
    max-width: 120px;
    min-width: 120px;
    height: 70px;
    padding: 12px;
  }
  .page-certification .disabling p {
    font-size: 14px;
  }
  .page-service .slide-service {
    margin-left: 0;
    margin-bottom: 80px;
  }
  .page-service .slide-service .slick-next {
    bottom: -86px;
    right: 0;
  }
  .page-service .slide-service .slick-prev {
    bottom: -86px;
    right: 75px;
  }
  .page-service .slide-service .single .images {
    width: calc(100% - 22px);
  }
  .page-service .slide-service .single .content {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
  .page-service .slide-service .single .content .tilte-name {
    padding-bottom: 10px;
    margin-bottom: 18px;
  }
  .page-service .slide-service .single .content .item-img {
    padding-right: 0;
    padding-left: 0;
    bottom: auto;
    top: auto;
    position: relative;
    margin-top: 20px;
    z-index: 10;
  }
  .standard .utnow {
    zoom: 0.8;
  }
  .news-list {
    -ms-grid-columns: minmax(0, 1fr) [1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .pagination ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .content-standard-ck table tr {
    display: -ms-grid;
    display: grid;
  }
  .about-us-index {
    padding: 30px 0px 40px;
  }
  .about-us-index .btn-viewmore {
    padding: 6px 20px;
  }
  .btn-viewmore span {
    font-size: 12px;
  }
  .our-services-index {
    padding-top: 40px;
  }
  .our-services-index .item-services .item-count {
    font-size: 28px;
  }
  .list-jobs .list-item .list-content-detail {
    zoom: 0.9;
  }
}
@media (max-width: 480px) {
  .title48 {
    font-size: 24px;
  }
  .title42 {
    font-size: 22px;
  }
  .title40 {
    font-size: 21px;
  }
  .title36 {
    font-size: 20px;
  }
  .title35 {
    font-size: 20px;
  }
  .title32 {
    font-size: 19px;
  }
  .title30 {
    font-size: 18px;
  }
  .title28 {
    font-size: 17px;
  }
  .title26 {
    font-size: 17px;
  }
  .title25 {
    font-size: 16.5px;
  }
  .title24 {
    font-size: 16.5px;
  }
  .title22 {
    font-size: 16px;
  }
  .title21 {
    font-size: 15px;
  }
  .title20 {
    font-size: 15px;
  }
  .list-jobs .list-item .list-content-detail {
    zoom: 0.8;
  }
  .page-congnghe .congnghe_section_menu .content_menu_cn .title-cn-menu {
    padding: 10px;
  }
  .page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu {
    padding: 12px;
  }
  .page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu .list-menu-cn {
    padding-left: 20px;
  }
  .page-congnghe .congnghe_section_menu .content_menu_cn .box-list-menu .list-menu-cn .item_menu::before {
    zoom: 0.8;
    top: 5px;
  }
  .btn-style a {
    font-size: 14px;
  }
  .btn-style a:after {
    margin-left: 12px;
    zoom: 0.8;
  }
  .btn-style button {
    font-size: 14px;
  }
  .btn-style button:after {
    margin-left: 12px;
    zoom: 0.8;
  }
  .video-hot {
    margin-bottom: 15px;
  }
  .social-right span {
    display: none;
  }
  .contact-page .box-white .title-box h2 {
    font-size: 40px;
    margin: 20px 0px 20px 0;
  }
  .contact-page .box-white b {
    font-size: 20px;
  }
  .contact-page .box-white p {
    font-size: 20px;
  }
  .html_col12_relate .news_sliding .item-news {
    min-width: 320px;
    max-width: 320px;
  }
  .bottom-index {
    margin-bottom: 0px;
  }
  .bottom-index .flex-index .single-item {
    margin-bottom: 82px;
  }
  .bottom-index .flex-index .item-box .desc {
    padding-left: 100px;
  }
  .bottom-index .flex-index .item-box .title-item {
    width: 75px;
    height: 67px;
    left: 11px;
    -webkit-transform: translate(0, 70%);
    transform: translate(0, 70%);
  }
  .page-content {
    padding-top: 20px;
  }
  .page-detail-product {
    padding: 30px 0;
  }
  .page-certification .disabling p {
    font-size: 13px;
  }
}
@media (max-width: 460px) {
  .listnews .list .left .news-bott > a .box-text {
    padding: 10px;
  }
  .footer .right-footer .menu-contact .desc {
    zoom: 0.8;
  }
  .item-sp-pro .item-list-sp {
    margin: 0 -8px;
  }
  .item-sp-pro .item-list-sp .item-sanpham-single {
    padding: 0 8px;
    max-width: 280px;
    min-width: 280px;
  }
  .we_choose_module .choose_section {
    padding: 36px 0;
  }
  .we_choose_module .content_choose .title-standard {
    margin-bottom: 36px;
  }
  .we_choose_module .content_choose .list_item_choose {
    gap: 26px;
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .we_choose_module .content_choose .list_item_choose .item_choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .we_choose_module .content_choose .list_item_choose .item_choose .icon_img {
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    margin-bottom: 0;
  }
  .we_choose_module .content_choose .list_item_choose .item_choose .choose_text_content {
    width: 100%;
    padding-left: 20px;
  }
  .section_service_home .bar-product .box-bar-prd {
    max-width: 260px;
    min-width: 260px;
  }
  .title-standard h2 {
    font-size: 21px;
  }
  .page-certification .disabling p {
    font-size: 12px;
  }
}
@media (max-width: 400px) {
  .mansory-album .grid-item {
    width: 100%;
  }
  .heading-nhaplieu h1,
  .heading-nhaplieu h2,
  .heading-nhaplieu h3,
  .heading-nhaplieu h4,
  .heading-nhaplieu h5,
  .heading-nhaplieu h6 {
    zoom: 0.7;
  }
  .news-hot .list-news-hot .item-news-hot .title {
    width: calc(100% - 120px);
  }
  .news-hot .list-news-hot .item-news-hot .img {
    width: 120px;
  }
  .detail-blog h1 {
    font-size: 22px;
  }
  .html_col12_relate .news_sliding .item-news {
    min-width: 280px;
    max-width: 280px;
  }
  .social-detail .social a {
    zoom: 0.7;
  }
}
@media (max-width: 375px) {
  .pagination ul li {
    zoom: 0.8;
  }
  .html_col12_relate .news_sliding .item-news {
    min-width: 260px;
    max-width: 260px;
  }
}
@media screen and (max-width: 360px) {
  .menu-bar-mobile {
    width: 250px;
  }
  .grid-sanpham-list .item-sanpham-single .item-titlesp {
    height: 150px;
  }
  .grid-sanpham-list .item-sanpham-single .item-titlesp .title-name {
    margin-bottom: 0;
  }
  .grid-sanpham-list .item-sanpham-single .item-titlesp .btn-more {
    zoom: 0.9;
  }
  .grid-sanpham-list .item-sanpham-single .item-titlesp .box-content {
    zoom: 0.9;
  }
}