/*
		Theme Name: Flatsome Child

		Description: This is a child theme for Flatsome Theme

		Author: UX Themes

		Template: flatsome

		Version: 3.19.7
	*/

.d-flex {
  display: flex;
}
.flex-wrap {
  flex-flow: nowrap;
}
.menu_link_footer span {
  color: rgba(255, 255, 255, 0.9);
}
.menu_footer {
  flex-direction: row !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mt-15 {
  margin-top: 15px;
}
.mt-30 {
  margin-top: 30px;
}
.menu_footer span {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.6);
}
.menu_footer_info span {
  color: rgba(255, 255, 255, 0.8);
}
.text-inner {
  position: relative;
}
.box_black_banner {
  position: absolute;
  top: -3%;
  right: -5%;
}
.box_black_banner {
  width: 272px !important;
  height: 245px;
}
@media screen and (max-width: 768px) {
  .box_black_banner {
    width: 100px !important; /* Thay đổi theo ý muốn */
    height: 40px; /* Thay đổi theo ý muốn */
  }
  .h1_banner h1 {
    text-align: right;
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    position: relative;
  }
  .banner_home .text-box {
    z-index: 100;
  }
}
@media screen and (max-width: 768px) {
  .y40 {
    top: 39%;
    left: 55%;
  }
}
@media screen and (max-width: 549px) {
  .x0 {
    left: 22%;
    top: 45%;
  }
}

.h1_banner h1 {
  text-align: right;
  font-size: 52px;
  line-height: 66px;
  color: rgba(255, 255, 255, 1);
  position: relative;
}
.p_banner p {
  font-size: 16px;
  line-height: 22.82px;
  text-align: right;
  color: rgba(255, 255, 255, 1);
  position: relative;
}
.line_yellow_left img {
  width: 127px;
  height: 15px;
}
.line_yellow_top img {
  width: 132px;
  height: 57px;
}
.line_yellow_left {
  position: absolute;
  top: 14%;
  right: 21%;
}
.line_yellow_top {
  position: absolute;
  top: -10%;
  right: -46%;
}
.p_about {
  font-weight: 500;
  font-size: 40px;
  line-height: 52px;
  text-align: justify;
  /* letter-spacing: 1px; */
}
.p_about p {
  margin-bottom: 1.3rem;
}
.btn-info-more {
  background-color: rgba(249, 200, 58, 1) !important;
  text-transform: none;
}
.btn-info-more span {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: rgba(17, 15, 13, 1);
}
.col-info-more .col-inner {
  margin-left: 30px !important;
}
.h1-about {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: rgba(17, 15, 13, 1);
}
.img_about_us_left {
  /* width: 399px !important;
      height: 577px; */
  position: absolute;
  width: 399px;
  height: 557px;
  top: 800px;
  left: -103px;
  gap: 0px;
  opacity: 0px;
}
.row_bg_black {
  position: absolute;
  top: 18%;
}
.img_about_us_top {
  width: 556px !important;
  /* height: 474px; */
}
.img_frame_1 img {
  /* width: 296px !important;
      height: 527px !important; */
}
.img_frame_2 img {
  width: 556px !important;
  height: 383px !important;
}
.img_frame_2 {
  position: absolute;
  top: 12%;
  right: -16%;
}
.text-content-about-us {
  position: absolute;
  top: 34%;
  right: 50%;
  letter-spacing: 2px;
}
.text-content-about-us h2 {
  line-height: 74px;
}
.text-h2-about-us {
  position: absolute;
  top: 27%;
  right: 58%;
}
.row_gtcl img {
  padding-top: 25%;
}
.banner_introduce {
  margin-top: 13%;
  position: relative;
  right: 30%;
  height: 346px;
}
.banner_gtcl_black {
  width: 430px;
  height: 300px;
  gap: 48px;
  border-radius: 4px 0px 0px 0px;
  opacity: 0px;
  right: 36%;
  position: absolute;
  top: 15%;
}

.banner_gtcl_black .text-box {
  margin-top: 20px;
}
.banner_gtcl_black_1 {
  width: 430px;
  height: 300px;
  gap: 48px;
  border-radius: 4px 0px 0px 0px;
  opacity: 0px;
  right: 17%;
  position: absolute;
  top: -51%;
}
.banner_gtcl_black_2 {
  width: 430px;
  height: 300px;
  gap: 48px;
  border-radius: 4px;
  opacity: 0px;
  right: 0;
  position: absolute;
  top: -117%;
}

.banner-child h4 {
  margin-top: 20px;
}
.banner-child p {
  font-size: 18px;
  opacity: 0.6;
}
.banner_gtcl {
  width: 606.44px;
  height: 315.41px;
  left: 79px;
  padding-top: 0 !important;
  margin-top: 12%;
}
/* @media screen and (min-width: 850px) {
  .lg-x50.lg-y50 {
    transform: translate(-64%, -40%) !important;
  }
} */
.banner_introduce h2 {

  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.01em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.banner_introduce p {

  font-size: 32px;
  /* font-weight: 400; */
  /* line-height: 72px; */
  /* letter-spacing: -0.02em; */
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.h2-about-us {
  margin-top: 13%;
  font-size: 13px;
  line-height: 28px;
  font-weight: 200;
}
.class-test {
  position: absolute;
  top: 15%;
  right: 33%;
}
.img_about_us_top {
  position: absolute;
  top: 20%;
  right: 32%;
}

/* .row-custom .col {
      padding: 0px !important;
    } */
.pt-0 {
  padding-top: 0px;
}
.pt-7 {
  padding-top: 7%;
}
.pt-10 {
  padding-top: 10%;
}
.pt-10px {
  padding-top: 10px;
}
.lvhd {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.5%;
}
/* .logo_footer {
      width: 62px;
      height: 56px;
    } */

.blog_posts_home .post-title::after {
  content: "";
  display: inline-block;
  background-image: url(img/action.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin-left: 80%;
  vertical-align: middle;
  position: absolute;
  right: -4px;
  top: 7px;
}
/* .blog_posts_media .is-divider, */
.is-divider {
  display: none;
}

.blog_posts_media .button {
  background-color: rgba(249, 200, 58, 1) !important;
  font-weight: 600;
  font-size: 12px;
  font-weight: 600;
  color: rgba(17, 15, 13, 1);
  border-radius: 4px;
  padding: 10px 20px;
  order: 1;
  width: fit-content;
}
.blog_posts_media .button:hover {
    color: rgba(17, 15, 13, 1) !important;
}

hr {
  border: none;
  border-left: 2px solid black;
  height: 500px;
  margin: 0 auto;
}
.line_ht::before {
  content: "";
  position: absolute;
  left: 50%; /* Vị trí line */
  top: 0;
  width: 1px; /* Độ dày của line */
  height: 100%; /* Chiều cao */
  background-color: #000; /* Màu của line */
  z-index: 10;
}
.col-inner {
  position: relative; /* Để định vị line dọc trong .col-inner */
}
.timeline {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px; /* Khoảng cách giữa các phần tử */
}
/* .year img {
      padding-top: 10%;
      padding-bottom: 50%;
    } */
.timeline hr {
  border: none;
  border-top: 2px solid #000; /* Độ dày và màu sắc của đường kẻ */
  margin: 0; /* Loại bỏ khoảng cách thừa */
}

.timeline .icon {
  position: absolute;
  top: -10px; /* Đưa hình ảnh lên trên đường kẻ */
  background: white; /* Nền trắng để hình ảnh rõ ràng hơn */
  z-index: 1; /* Đảm bảo hình ảnh nằm trên hr */
}

.timeline .year {
  background: #fff; /* Nền trắng để làm rõ chữ */
  font-size: 16px;
  font-weight: bold;
  line-height: 12.5;
}
.group-year {
  line-height: 7.7;
  text-align: right;
}
.white-space-nowrap {
  white-space: nowrap;
}
.mr-0 {
  margin-right: 0;
}
.ml-0 {
  margin-left: 0;
}
.mx-10 {
  margin: 10% 0px;
}
.pr-0 {
  padding: 0;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5%;
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.text-introduce {
  position: absolute;
  top: 36%;
  right: 53%;
}
.text-content-introduce {
  position: absolute;
  top: 250px;
  right: 420px;
}
.text-content-introduce h2 {
  letter-spacing: 2px;
}
.accordion .toggle {
  width: 100% !important;
  text-align: right !important;
}
.active > .toggle {
  transform: rotate(0deg) !important;
}
.list_sponsor .box-image {
  border: 1px solid #dddfea;
  border-radius: 13px;
  padding: 20px;
}
/* Ẩn icon cũ */
.accordion-item .toggle i {
  display: none; /* Ẩn icon mặc định */
}
.h1_dtcl {

  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.015em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 3% 0px;
}
.content_kdht p {
  padding-bottom: 30px;
}
/* Thêm icon mới bằng pseudo-element */
.accor_custom_home .accordion-item .toggle::before {
  content: "";
  margin-left: 82%;
  display: inline-block;
  background-image: url(img/icon_lvhd.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-left: 80%;
  vertical-align: middle;
  margin-top: 46px;
}
.icon-all-lvhd img {
  width: 48px;
  height: 48px;
}
.row_lvhd .accordion_custom_fintech a::before {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/icon-fintech.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
}

.row_lvhd .accordion_custom_technology a::before {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/icon-technology.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
}
.row_lvhd .accordion_custom_assets a::before {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/icon-assets.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
}
.accordion_custom_health_care a::before {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/icon-health-care.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
}

.accordion_custom_vision span::before {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/vision.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 97px;
  height: 97px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
}

.row_arcoo_about .accordion-title {
  padding-bottom: 0;
}
.accordion_custom_vision .accordion-inner p::before,
.accordion_custom_mission .accordion-inner p::before,
.accordion_custom_promise .accordion-inner p::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 60px;
  border-radius: 17px 0px 0px 0px;
  background-color: rgba(75, 76, 77, 1);
}
.accordion_custom_vision,
.accordion_custom_mission,
.accordion_custom_promise {
  position: relative;
}
.accordion_custom_vision .accordion-inner p::before,
.accordion_custom_mission .accordion-inner p::before,
.accordion_custom_promise .accordion-inner p::before {
  position: absolute;
  top: 45%;
  right: 86%;
}
/* .accordion_custom_mission .accordion-inner p::before {
      position: absolute;
      top: 50%;
      right: 86%;
    } */
.accordion_custom_vision a,
.accordion_custom_mission a,
.accordion_custom_promise a {
  padding-left: 0;
}
.accordion_custom_vision .accordion-inner p {
  padding-left: 20%;
  margin-bottom: 0;
}
.accordion_custom_mission .accordion-inner p,
.accordion_custom_promise .accordion-inner p {
  padding-left: 16%;
  margin-bottom: 0;
}

.accordion_custom_mission a::before {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/mission.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 97px;
  height: 97px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
}
.accordion_custom_promise a::before {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/promise.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 97px;
  height: 97px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
}
.accordion_custom_vision .accordion-inner {
  padding: 0;
}

.accor_custom_about
  .accordion-title.active
  ~ .accordion_custom_vision
  span::before {
  content: ""; /* Nội dung trống để hiển thị icon qua background */
  display: inline-block; /* Hiển thị icon */
  background-image: url("img/vision.png"); /* Đường dẫn đến icon */
  background-size: contain; /* Giúp hình ảnh nằm vừa trong kích thước */
  background-repeat: no-repeat; /* Không lặp lại hình ảnh */
  width: 97px; /* Kích thước icon */
  height: 97px; /* Kích thước icon */
  vertical-align: middle; /* Canh giữa */
}

.accor_custom_about .accordion-title.active,
.accordion-inner p {
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  margin-bottom: 0;
  opacity: 0.6;
}

.row_lvhd .accordion span {
  font-size: 25px;
  line-height: 41px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 1);
  text-transform: capitalize;
  font-weight: 500;
  padding-left: 10px;
}
.row_lvhd .accordion-title {
  border-top: 0;
}
.row_lvhd .accor_custom_about .accordion-title {
  border-top: 0;
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 20px !important;
}
.row_arcoo_about .accordion-title {
  border-top: none !important;
  display: block;
  font-size: 110%;
  padding: 0 2.3em;
  /* padding-bottom: 0 !important; */
  position: relative;
  transition: border 0.2s ease-out, background-color 0.3s;
}
.row_arcoo_about .accordion-inner {
  padding-top: 0px;
}
/* .img_black_introduce img {
  width: 540px;
  height: 532px;
  border-radius: 12px;
} */
/* .img_yellow_introduce {
  position: absolute;
  top: 294px;
  left: 156px;
  padding: 10px 0px 0px 0px;
  gap: 10px;
  border-radius: 12px 0px 0px 0px;
  opacity: 0px;
}
.img_yellow_introduce img {
  width: 418px;
  height: 280px;
  border-radius: 12px; */
/* width: Fixed (418px) px; */
/* height: Fixed (280px) px; */
/* } */

/* gia tri cot lot */
.bg_gtcl {
  background: linear-gradient(180deg, #ffffff 0%, #999999 100%);
  overflow: hidden;
}
.bg_gtcl .section-content {
  width: 100%;
  /*   height: 823px; */
}
.bg_brown_about {
  position: absolute;
  width: 606.44px !important;
  height: 315.41px;
  top: 375.12px;
  left: 120px;
  gap: 0px;
  opacity: 0px;
}
.img_background_aura_gtcl {
  margin-left: 64px;
  margin-top: 15px;
  width: 609px !important;
  height: 277px !important;
}
.h2_gtcl h2 {
  position: absolute;
  width: 169.33px;
  height: 112px;
  color: rgba(17, 15, 13, 1);

  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.CEO_share p:first-child {
  font-size: 30px;
  font-weight: 500;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.CEO_share span {
  color: #000000;
  font-weight: 500;
}

.list_CEO small {
  color: #5d6274;
}
.list_CEO h2 {

  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.015em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(17, 15, 13, 1);
}
/* .list_CEO img {
  width: 386.67px;
  height: 400px;
  gap: 0px;
  opacity: 0px;
} */
/* .row_space {
      position: absolute;
      bottom: -22%;
    } */
.row-dashed .col:after,
.row-solid .col:after {
  border-bottom: none !important;
  bottom: -1px;
  content: " ";
  height: 0;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
}
.row-dashed .col:before,
.row-solid .col:before {
  border-bottom: none !important;
  bottom: -1px;
  content: " ";
  height: 0;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
}

.vpdd .ux-menu span {

  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(228, 228, 228, 1);
  letter-spacing: 1px;
}
.btn_explore {
  color: rgba(17, 15, 13, 1) !important;

  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background-color: rgba(249, 200, 58, 1) !important;
  text-transform: math-auto;
  border-radius: 4px;
  padding: 5px 15px;
}

.btn_explore::after {
  content: ""; /* Thay "\f007" bằng mã icon của bạn (Font Awesome, etc.) */
  display: inline-block; /* Đảm bảo icon xuất hiện cạnh văn bản */
  background-image: url("img/arrow-right-up-line.png");
  background-size: contain; /* Đảm bảo hình ảnh vừa với khung */
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle; /* Canh giữa ảnh và văn bản */
  margin-bottom: 2px;
  margin-left: 10px;
}
/* //truyen thong */

.banner_truyenthong .cat-label {

  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.015em;
  text-align: left;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  color: rgba(249, 200, 58, 1);
  margin: 0;
}
.banner_truyenthong .post-title {

  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.015em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-top: 0px;
}
.banner_truyenthong span {

  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.banner_truyenthong .date {

  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(255, 255, 255, 0.6);
}
.banner_truyenthong .box-text-inner {
  display: flex;
  flex-direction: column;
}
.banner_truyenthong .post-title {
  margin-bottom: 0;
}
.banner_truyenthong .post-meta {
  order: 1;
  margin-bottom: 5%;
}

.list_blog_post .cat-label {
    background-color: rgba(249, 200, 58, 1);
    width: 155px;
    color: rgba(17, 15, 13, 1);
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    margin: 3% 0;
    opacity: 1;
    padding: 5px;
}
.list_blog_post .box-normal {
  padding: 10px;
  /* border-radius: 5px; */
}
.list_blog_post .post-meta {
  margin-top: 5%;
  opacity: 1;
}
.list_blog_post .post-title {
  color: rgba(17, 15, 13, 1);
}
.list_blog_post .col-inner:hover {
  background-color: rgba(17, 15, 13, 1) !important;
  border-radius: 4px;
}

.list_blog_post .col-inner:hover .box:not(.box-overlay):not(.box-shade), .list_blog_post .col-inner:hover .box:not(.box-overlay):not(.box-shade) {
    background-color: rgba(17, 15, 13, 1) !important;
}
.list_blog_post .col-inner:hover .post-title,
.list_blog_post .col-inner:hover .post-meta {
  color: rgba(244, 244, 244, 1) !important;
}

.list_blog_post .post-title a:hover {
    color: #fff;
}
/* a.icon-circle:hover,
    a.remove:hover,
    a:hover {
      color: white;
    } */
.list_blog_post img {
  border-radius: 4px;
}
.row_header_news .is-outline,
.primary.is-outline {
  border: none;
}
.css_gtc {
  background-image: url("img/Frame_192.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.banner_gtc {
  right: -17%;
  margin-top: 9%;
  width: 80%;
}

/* tuyen dung */

.banner_td h2 {

  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -0.015em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.banner_td p {

  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.015em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.row_list_banner_3 .banner h5 {


  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.row_list_banner_3 .banner span {


  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.015em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(255, 255, 255, 0.6);
}
.row_list_banner_3 .banner {
  /* width: 410px; */
  /* height: 300px !important; */
}
.row_list_banner_3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.h2_contact h2 {


  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.015em;
  text-align: left;
  text-decoration-skip-ink: none;
  color: rgba(17, 15, 13, 1);
}
.content_map_1 h4 {

  font-size: 28px;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
}
.iframe_map iframe {
  width: 100%;
}

.content_map_1 .row .medium-4 .ux-menu {
  padding-left: 27%;
}
.content_map_1 .row .medium-8 .ux-menu {
  padding-right: 10%;
}
.content_map_1 .row span {

  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}
.content_map_1 .row .medium-4 {
  color: rgba(255, 255, 255, 0.6);
}
.content_map_1 .row .medium-8 {
  color: rgba(220, 227, 249, 1);
}
.content_map_1 {
  position: absolute;
  top: 18%;
  left: 53%;
}

/* responsive mobile */
/* .css_banner_home {
  position: absolute;
  top: 33%;
  right: 8%;
} */

.two_line_yellow {
  position: absolute;
  top: -5px;
  right: -3px;
}

.btn-yellow {
  background-color: rgba(249, 200, 58, 1);
}
.text-black {
  color: rgba(17, 15, 13, 1);
  font-weight: 500;
}
.flex-row {
  flex-flow: row;
}
@media screen and (max-width: 549px) {
  /*     h2 {
        font-size: 75%!important;
        white-space:nowrap;
      } */
  /*     span{
        white-space : nowrap;
      } */

  .h2-about-us {
    margin-top: 10%;
    font-size: 14px;
    line-height: 28px;
  }
  .col-info-more .col-inner {
    margin-left: 0px !important;
  }
  .line_ht::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 50%;
    background-color: #000;
    z-index: 10;
  }
  .timeline .year {
    padding: 0 10px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 5.8;
    height: 303px;
    margin-top: -14px;
  }
  .content_kdht p {
    padding-bottom: 0px;
    font-size: 70%;
    margin-bottom: 30px;
  }
  .group-year {
    line-height: 5.2;
    text-align: right;
    margin-top: -8px;
  }

  .group-year h3 {
    color: #000 !important;
  }

  .h1_about {
    font-size: 13px !important;
    color: #000;
    font-weight: 500;
  }
  .p_about {
    font-size: 32px;
    text-align: left;
  }
  .content_kdht .col-inner {
    line-height: 13px;
  }
  .content_hanhtrinh {
    height: 300px;
  }
  .row_lvhd .accordion-title {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }
  .accor_custom_home .accordion-item .toggle::before {
    width: 8px !important;
    height: 8px !important;
  }
  .list_sponsor {
    justify-content: center;
  }
  .list_sponsor .box-image {
    padding-top: 76px !important;
  }
  /*   .list_sponsor .box-image img {
    width: 150px;
  } */
  .h1_dtcl {
    font-size: 1em;
  }
  .blog_posts_home .post-title::after {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 26%;
    right: 1%;
  }
  #logo a::after {
    height: 44px;
  }
  /* 	gioi-thieu   */

  .img_background_aura_gtcl {
    width: 100px !important;
    height: 0px !important;
    margin: 0;
  }
  .bg_gtcl {
    height: auto !important;
  }
  .col-space {
    /* 		      padding-bottom: 0;
        position: absolute;
          bottom: -48%;
        left:3%; */
  }
  .bg-gtcl .bg_gray {
    width: 150px;
    margin-right: 36%;
    top: 33%;
  }
  .banner_black {
    width: 30% !important;
  }
  .banner_black_1 {
    position: absolute;
    top: -74%;
    left: 30%;
    z-index: 1;
  }
  .mt-50 {
    margin-top: 50%;
  }
  .mt-10 {
    margin-top: 10%;
  }
  .mt-20 {
    margin-top: 20%;
  }
  .CEO_share p:first-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.015em;
  }

  .content_map_1 h4 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
  }
}
/*  css time line gtcl */
.group-box-gtcl {
	position: absolute;
	width: 100%;
	height: 100%;
  }
  .box-out .box-gtcl {
	width: 146px;
	height: 146px;
	background-color: rgb(140, 82, 255);
	border-radius: 1000px;
  }
  .box-in .box-gtcl {
	width: 112px;
	height: 112px;
	background-color: rgb(79, 16, 145);
	border-radius: 1000px;
  }
  .box-in .box-gtcl {
	top: 17px;
	left: 17px;
  }
  /* css icon box  */
  .icon-box-out .icon-box-gtcl {
	width: 24px;
	height: 24px;
	background-color: rgb(242, 67, 13);
	border-radius: 1000px;
  }
  .icon-box-in .icon-box-gtcl {
	width: 12px;
	height: 12px;
	background-color: rgb(255, 255, 255);
	border-radius: 1000px;
  }
  /* end css icon box  */

  /* css icon box position 1 */
  .icon-box-gtcl-1 .icon-box-out .icon-box-gtcl {
	left: 185px;
	top: 174px;
  }
  .icon-box-gtcl-1 .icon-box-in .icon-box-gtcl {
	   top: 180px;
		left: 191px;
  }
  /* end css icon box position 1 */

  /* css icon box position 2 */
  .icon-box-gtcl-2 .icon-box-out .icon-box-gtcl {
	left: 658px;
	top: 175px;
  }
  .icon-box-gtcl-2 .icon-box-in .icon-box-gtcl {
	top: 181px;
	left: 664px;
  }
  /* end css icon box position 2 */

  /* css icon box position 3 */
  .icon-box-gtcl-3 .icon-box-out .icon-box-gtcl {
	left: 1126px;
	top: 175px;
  }
  .icon-box-gtcl-3 .icon-box-in .icon-box-gtcl {
	top: 181px;
	left: 1132px;
  }
  /* end css icon box position 3 */
  .box-gtcl,
  .headline-box-content-gtcl,
  .line-box-gtcl,
  .icon-box-gtcl,
  .group-shape-content,
  .background-triangle {
	position: absolute;
	width: 100%;
	height: 100%;
  }
.line-box-gtcl {
padding-left:9%;
}
  .headline-box-gtcl .headline-box-content-gtcl {
	width: 109px;
	top: 47px;
	left: 18.5px;
  }
  .headline-box-content-gtcl {
	font-weight: bold;
	line-height: 1.6;
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 32px;
	width: 100%;
	display: inline-block;
	word-break: break-word;
	background-size: cover;
	background-position: center center;
  }
  .line-box-gtcl {
	top: 187px;
	left: 68px;
  }
  .line-box-gtcl-content {
  width: 949px;
	height: 1px;
	border-top: 2px solid rgb(13, 98, 242);
  }
  .group-shape-content {
	position: absolute;
  }
  .group-shape-content {
	width: 30.316px;
	height: 21.6714px;
  }
  .group-shape-content {
	top: 25%;
	left: 9%;
	background-color: red;
	border-radius: 1000px;
  }
  .shape-content {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transform: rotate(-180deg);
  }
  /* .triangle {
	position: absolute;
	transform: rotate(-180deg);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 13px solid rgb(140, 82, 255);
	bottom: 386px;
	left: 9%;
  } */
  .triangle {
	position: absolute;
	transform: rotate(-180deg);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 13px solid rgb(140, 82, 255);
	left: 63px;
	top: 145px;
  }
.pl-10{
padding-left:10%;
}
.mt-10{
	margin-top:10%;
}

/* icon box for mobile timeline */
@media screen and (max-width: 549px) {
.box-out .box-gtcl {
  width: 68.6075px;
  height: 68.6075px;
}

.box-in .box-gtcl {
  width: 52.6304px;
  height: 52.6304px;
}
.box-in .box-gtcl {
  top: 7.98855px !important;
  left: 7.98854px !important;
}
.headline-box-content-gtcl {
  font-size: 18px !important;
}
.headline-box-gtcl .headline-box-content-gtcl {
  top: 20px !important;
  left: -18.5px !important;
}
.line-box-gtcl {
   top: 118px;
   left: -16px;
}
.line-box-gtcl-content {
  width: 100px;
  transform: rotate(90deg);
}
	.h1_about{
		font-size:18px!important;
	}
	.flex-direction-column p{
		font-size:12px!important;
	}
}
.flex-direction-column{
	flex-direction:column;
}
.h-500{
	height:500px;
}
.kdht p{
	text-align:justify;
}
/* //animation
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.banner-child{
	 animation: fadeIn 1s ease forwards; 
} */