html {
  margin: 0px !important;
  padding: 0px !important;
  overflow-x: hidden;
}

body {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0em;
  font-family: "Inter", sans-serif;
  color: #27282c;
  position: relative;
  overflow-x: hidden;
  padding: 0px;
}

ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

a,
a:hover {
  text-decoration: none !important;
}

a:hover {
  color: #3f6d53;
}

:hover,
:focus {
  outline: none !important;
}

p:empty {
  display: none !important;
}

figure {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.container {
  max-width: 1200px;
  width: 100% !important;
  margin: 0px auto;
}

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

.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: inherit !important;
  margin: 10px auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

/* SLICK SLIDE */
.slick-slide img {
  display: table;
  margin: 0px auto;
}
.slick-dots li button {
  font-size: 0px;
  line-height: 0px;
  display: block;
  width: 13px;
  height: 13px;
  padding: 5px;
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
  content: "" !important;
}
.slick-prev:before {
  content: "\f104" !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: 22px !important;
  background: #e52c2c;
  width: 28px;
  height: 28px;
  display: inline-block;
  line-height: 28px !important;
  color: #fff !important;
  /* padding: 23px 0px; */
  border-radius: 20px;
}
.slick-next:before {
  content: "\f105" !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: 22px !important;
  background: #e52c2c;
  width: 28px;
  height: 28px;
  display: inline-block;
  line-height: 28px !important;
  color: #fff !important;
  padding: 0px 0px;
  border-radius: 20px;
  text-align: center;
}
.slick-prev {
  left: -60px !important;
}
.slick-next {
  right: -60px !important;
}
.slick-prev:hover::before,
.slick-next:hover::before {
  background: #e52c2c !important;
  color: #fff !important;
}
.slick-prev,
.slick-next {
  top: 50% !important;
  margin-top: -50px;
  width: 35px !important;
  height: 35px !important;
  margin: -17px 0px 0px 0px;
}
.slick-dots li {
  padding: 0px !important;
  width: initial !important;
  height: initial !important;
}
.slick-dots li button::before {
  content: "" !important;
}
.slick-dots li.slick-active button {
  background: #d62825 !important;
}
.slick-dots {
  bottom: 20px;
}
.slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
  background: #ccc;
}
.slick-dots li.slick-active button {
  background: #ff9e00 !important;
}

/* --SLICK SLIDE-- */

/*  POPUP */

.popup {
  position: fixed;
  top: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgb(0, 0, 0, 0.5);
  font-size: 15px;
  overflow: auto;
  transition: all 0.5s;
  display: none;
  padding: 0px 15px !important;
}
.popup::-webkit-scrollbar {
  display: none;
}
.content_popup h2 {
  font-size: 22px;
  text-transform: uppercase;
  background: #37b34a;
  padding: 12px 0 10px;
  color: #fff;
  margin: 0px 0px 30px 0px;
}

.popup.pop_active {
  left: 0px;
}

.popup_search .content_popup .search {
  position: relative;
  width: 0px;
  transition: all 1s;
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
}

.popup_search.pop_active .content_popup .search {
  opacity: 1;
  visibility: visible;
}

.popup .content_popup {
  position: relative;
  margin: 50px auto 0px auto;
  z-index: 9;
  width: 80%;
  text-align: center;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  background: none;
  padding: 0px 0px 30px 0px;
  max-width: 800px;
  width: 100%;
  border-radius: 15px;
  animation-name: animatetop;
  animation-duration: 0.4s;
  background: #fff;
  min-height: 500px;
}

.popup .content_popup .title {
  font-size: 18px;
  background: url(images/icon_noice.png) top center no-repeat;
  padding-top: 70px;
  margin-bottom: 15px;
}

.popup .close_popup {
  cursor: pointer;
  color: #fff;
  padding: 7px 15px;
  text-transform: uppercase;
  display: table;
  margin: 0 auto;
  clear: both;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 20px;
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* MENU MOBILE*/
.icon_mobile_click {
  margin: 0px;
  cursor: pointer;
  z-index: 99;
  display: none;
  cursor: pointer;
  max-width: 40px;
  position: absolute;
  top: 18px;
  right: 15px;
}
.icon_mobile_click i.fa {
  font-size: 30px;
  color: #e52c2c;
}
.middle_header {
  position: relative;
}
#page_wrapper {
  transition: all 0.3s;
}
#menu_mobile_full {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 260px;
  left: -260px;
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  z-index: 9999999;
  border-right: 1px solid #fff;
  overflow: auto;
}
.fixedheader {
  position: fixed !important;
  box-shadow: 0px 0px 10px #ccc;
  background: #fff;
  padding: 10px 0px !important;
  width: 100%;
  z-index: 999;
}
.bg_opacity {
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  z-index: 999999;
  display: none;
}

.menu_hidden {
  z-index: -1;
  left: -260px;
}
.menu_show {
  z-index: 9999999;
}
#menu_mobile_full .close_menu {
  padding: 10px;
  font-size: 20px;
  text-align: right;
  color: #fff;
  background: none;
  cursor: pointer;
  position: absolute;
  right: 0px;
  display: none;
  cursor: pointer;
  top: 0px;
  z-index: 999;
}
#menu_mobile_full .mobile-menu {
  margin: 55px 0px 0px 0px;
}

#menu_mobile_full ul li {
  width: 100%;
  display: block;
}
#menu_mobile_full .menu > li.active {
  padding: 15px 0px 10px 10px;
}
#menu_mobile_full ul li {
  position: relative;
  padding: 15px 0px 15px 10px;
  border-bottom: 1px solid #ededed;
}
#menu_mobile_full ul li a {
  color: #000;
  text-transform: uppercase;
}

#menu_mobile_full ul li a:hover {
  text-decoration: none;
  background: none;
}
#menu_mobile_full li span {
  margin: 0px 0px 0px 10px;
}
#menu_mobile_full .sub-menu {
  display: none;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #ededed;
  margin: 10px 0px 0px 0px;
}
#menu_mobile_full .sub-menu li {
  padding: 15px 0px 15px 15px;
}
#menu_mobile_full .sub-menu li:last-child {
  border-bottom: none;
  padding: 15px 0px 0px 15px;
}
#menu_mobile_full .sub-menu li a {
  font-size: 14px;
  text-transform: none;
}
.editBefore_mobile::before {
  content: "-" !important;
}
#menu_mobile_full li.menu-item-has-children::before {
  content: "+";
  position: absolute;
  right: 10px;
  top: 15px;
  color: #000000;
}
#menu_mobile_full .menu > li.not-have-child {
  padding: 0px;
}

#menu_mobile_full .menu li ul.sub-menu li.not-have-child {
  padding: 0px;
  display: table;
}

#menu_mobile_full .menu li ul.sub-menu li.not-have-child > a {
  padding: 10px 0px 10px 15px;
  display: table;
  width: 100%;
}
#menu_mobile_full .menu li ul.sub-menu li.not-have-child:last-child > a {
  padding: 10px 0px 0px 15px;
}

#menu_mobile_full .menu > li.not-have-child > a {
  display: block;
  padding: 15px 0px 15px 10px;
}
#menu_mobile_full .sub-menu li {
  padding: 10px 0px 10px 15px;
}
#menu_mobile_full .sub-menu li:last-child {
  padding: 10px 0px 0px 15px;
}
/* END MENU MOBILE*/
/*HEADER*/
.tg_wrap_hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottom_header {
  width: 100%;
  z-index: 9999;
  padding: 15px 0px;
  box-shadow: 0 0 10px #ccc;
  background: #fff;
  position: relative;
  transition: all 0.5s;
}

 .bottom_header {
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  box-shadow: 0 0 10px #ccc;
}

.bottom_header .logo_site {
  max-width: 150px;
  width: 100%;
  transition: all 0.5s;
}

.bottom_header .menu_header {
  float: right;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottom_header .menu_header .nav_primary {
  float: left;
}

.bottom_header .menu_header .search_form {
  float: left;
  position: relative;
  margin: 0px 100px 0px 0px;
  display: none;
}

.qb_memu_header {
  display: flex;
  align-items: center;
  gap: 40px;
}

.qb_memu_header > li {
  position: relative;
}

.qb_memu_header > li.menu-item-has-children > a::after {
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0px 0px 0px 5px;
}
.home .qb_memu_header > li.menu-item-has-children > a::after , .page-template-page-template-gioithieu .qb_memu_header > li.menu-item-has-children > a::after{
  color: #000000;
}

.qb_memu_header > li.current-menu-item > a:after,
.qb_memu_header > li.menu-item-has-children > a:hover:after,
.bottom_header   .qb_memu_header > li.current-page-parent>a::after {
  color: #e52c2c;
}

.bottom_header.fixedheader .qb_memu_header > li.menu-item-has-children > a:after{
}

.bottom_header.fixedheader .qb_memu_header > li.menu-item-has-children > a:hover:after{
  color:#e52c2c;
}

.qb_memu_header > li > a {
  position: relative;
  display: block;
  padding: 0px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  /* Body/ExtraBold/lg */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.qb_memu_header > li > a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -9px;
  background: #ffffff;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.home .qb_memu_header > li > a,
.page-template-page-template-gioithieu .qb_memu_header > li > a {
  color: #000000;
}

.qb_memu_header > li > a:hover::before {
  right: 0px;
  background: #fff;
}

.bottom_header   .qb_memu_header > li > a:hover::before , .bottom_header   .qb_memu_header > li.current-menu-item>a::before {
  background: #e52c2c;
  right: 0;
}

.bottom_header   .qb_memu_header > li > a:hover , .bottom_header   .qb_memu_header > li.current-menu-item>a, 
.bottom_header   .qb_memu_header > li.current-page-parent>a{
  color: #e52c2c;
}

.home .bottom_header   .qb_memu_header > li > a:hover::before , .page-template-page-template-gioithieu .bottom_header   .qb_memu_header > li > a:hover::before{
}

.home .bottom_header   .qb_memu_header > li > a:hover ,.page-template-page-template-gioithieu .qb_memu_header > li > a:hover{
}

.home  .bottom_header.fixedheader .qb_memu_header > li > a:hover , .page-template-page-template-gioithieu  .bottom_header.fixedheader .qb_memu_header > li > a:hover {
  color: #e52c2c;
}

.home .bottom_header.fixedheader   .qb_memu_header > li > a:hover::before , .page-template-page-template-gioithieu .bottom_header.fixedheader .qb_memu_header > li > a:hover::before {
  background: #e52c2c;
}

.qb_memu_header > li > ul.sub-menu {
  position: absolute;
  box-shadow: 0 0 10px #c5c0c0;
  width: 200px;
  background: #fff;
  z-index: 10;
  top: 40px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.qb_memu_header > li:hover > ul.sub-menu {
  top: 30px;
  opacity: 1;
  visibility: visible;
}
.qb_memu_header > li > ul.sub-menu > li {
}

.qb_memu_header > li > ul.sub-menu > li > a {
  display: block;
  border-bottom: 1px solid #dfeae4;
  padding: 10px;
  background: #fff;
  color: #26272b;
}
.qb_memu_header > li > ul.sub-menu > li.current-menu-item > a,
.qb_memu_header > li > ul.sub-menu > li:hover > a {
  color: #3f6d53;
  background: #ebebeb;
}

.search_form .cover_form {
  position: absolute;
  top: 104px;
  right: 90%;
  background: #27282c;
  padding: 20px;
  z-index: 100;
  margin-left: 0;
  width: 290px;
  height: 85px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.banner_home video {
  width: 100% !important;
  height: 100vh;
  bottom: 0px;
  object-fit: cover;
}

.tg_language select {
  background-repeat: no-repeat !important;
  background-position: 7px 4px;
  border: 1px solid #ccc;
  padding: 7px 2px 6px 35px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
}
.tg_language select option {
  padding: 10px;
  text-align: center;
}
.tg_language ul > li img {
  display: none;
}
.tg_language ul > li a {
  border: 1px solid rgb(255 255 255 / 30%);
  padding: 7px 31px 8px 55px;
  border-radius: 50px;
  font-size: 14px;
  text-align: center;
  position: relative;
  display: block;
  color: #fff;
  width: 120px;
  border: 1px solid rgb(16 16 16 / 30%);
  color: #000;
}
.home .tg_language ul > li a,
.page-template-page-template-gioithieu .tg_language ul > li a {
  border: 1px solid rgb(255 255 255 / 30%);
  color: #fff;
}
.tg_language ul li.current-lang {
  display: none;
}
.tg_language ul > li:nth-child(2) span::before {
  content: url(../images/flag-usa-lang.png);
  position: absolute;
}
.tg_language ul > li:nth-child(1) span::before {
  content: url(../images/flag-vn-lang.png);
  position: absolute;
}
.tg_language ul > li span::before {
  top: 5px;
  left: 18px;
}

.tg_language ul > li span::after {
  content: "\f0d7";
  font: normal normal normal 14px/1 FontAwesome;
  top: 10px;
  right: 15px;
  position: absolute;
}

.fixedheader .qb_memu_header > li > a {
  color: #000;
}

.fixedheader .logo_site {
  max-width: 130px;
}

.fixedheader .tg_language ul > li a {
  border: 1px solid rgb(16 16 16 / 30%);
  color: #000;
}

.fixedheader .tg_language ul > li span::after {
  color: #000;
}

.tg_text_banner {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  display: none;
}

.tg_text_banner h3 {
  color: #fff;
  font-size: 56px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
}

.tg_text_banner p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.header {
  position: relative;
}

.short_text_h {
  margin: 0px 0px 25px 0px;
}

.short_text_h h3.widget-title {
  color: #000000;
  text-align: center;
  /* Display 1/SemiBold */
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 78.4px */
  margin: 0px;
}

.tg_gtcl_2024 {
  background: url(../images/tg_bg_gtcl.png) center center no-repeat;
  background-size: cover;
}

.tg_gtcl_2024 .tg_list_gtcl .textwidget {
  display: table;
  margin: 0px auto;
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 190px;
}

.tg_gtcl_2024 .tg_list_gtcl .textwidget h4 {
  color: #072a30;

  font-size: 30px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;
}

.tg_pd_100 {
  padding: 100px 0px;
}

.tg_gtcl_2024 .tg_list_gtcl .textwidget figure {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0px 15px 0px;
}

.home .tg_gtcl_2024 .tg_list_gtcl .textwidget::before {
  content: "";
  width: 260px;
  height: 260px;
  border-radius: 60px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(55, 179, 74, 0.5);
  transform: rotate(-45deg);
  position: absolute;
  left: -36px;
  top: -44px;
}

.home .tg_gtcl_2024 .tg_list_gtcl {
  min-height: 245px;
}

.home .tg_gtcl_2024 .tg_list_gtcl .textwidget * {
  position: relative;
  z-index: 2;
}

.tg_gtcl_2024 .short_text_h {
  margin: 0px 0px 130px 0px;
}

.tg_product_2024 {
  background: linear-gradient(
    157deg,
    rgba(175, 243, 138, 0.5) -8.39%,
    rgba(136, 233, 157, 0.5) 57.69%
  );
}


.tg_product_2024 .tg_list_gp .panel-layout .textwidget {
  color: #072a30;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-align: justify;
}

.tg_product_2024 .tg_list_gp .panel-layout .textwidget a {
  color: #37b34a;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  position: relative;
  display: table;
}

.tg_product_2024 .tg_list_gp .panel-layout .textwidget a::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #37b34a;
}

.tg_product_2024 .short_text_h h3.widget-title {
  color: #072a30;
}

.tg_product_2024 .tg_list_gp .panel-layout h3.widget-title , .tg_product_2024 .tg_list_gp .panel-layout .textwidget h3 a {
  color: #ee4036;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px 0px 20px 0px;
  display: block;
  text-align: left;
}

.tg_product_2024 .tg_list_gp .panel-layout .textwidget h3 a::before{
  background: none;
}

.tg_product_2024
.tg_list_gp
> .panel-grid-cell
> .so-panel
> .panel-layout
> .panel-grid:nth-child(2n + 1)
> .panel-grid-cell:nth-child(1),
.tg_product_2024
.tg_list_gp
> .panel-grid-cell
> .so-panel
> .panel-layout
> .panel-grid:nth-child(2n)
> .panel-grid-cell:nth-child(2) {
  width: 45% !important;
}

.tg_product_2024
.tg_list_gp
> .panel-grid-cell
> .so-panel
> .panel-layout
> .panel-grid {
  position: relative;
  align-items: center !important;
  gap: 50px;
}

.tg_product_2024
.tg_list_gp
> .panel-grid-cell
> .so-panel
> .panel-layout
> .panel-grid:nth-child(1)
~ .panel-grid {
}

.tg_product_2024
.tg_list_gp
> .panel-grid-cell
> .so-panel
> .panel-layout
> .panel-grid:nth-child(2n + 1)
> .panel-grid-cell:nth-child(2),
.tg_product_2024
.tg_list_gp
> .panel-grid-cell
> .so-panel
> .panel-layout
> .panel-grid:nth-child(2n)
> .panel-grid-cell:nth-child(1) {
  width: 60% !important;
}



.tg_product_2024
.tg_list_gp
> .panel-grid-cell
> .so-panel
> .panel-layout
> .panel-grid:nth-child(2n)
> .panel-grid-cell:nth-child(1)
img {
}

.wrap_genera figure span {
  color: #fff;

  /* Bodyxl/semibold */

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  position: absolute;

  background: #e52c2c;

  padding: 10px 20px;

  border-radius: 30px;

  bottom: 0px;
}



.wrap_genera .wrap_figure img {
  height: 300px;
  border-radius: 20px 20px 0px 0px;
  width: 100%;
  object-fit: cover;
}

.wrap_genera .wrap_figure:hover img{
  opacity: 0.7;
}

.wrap_genera .wrap_figure {
  position: relative;
}

.wrap_genera .wrap_figure span {
  position: absolute;

  bottom: -20px;

  left: 20px;

  color: #fff;

  /* Bodyxl/semibold */

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  padding: 10px 20px;

  background: #e52c2c;

  border-radius: 30px;
}

.wrap_genera .text_widget {
  padding: 40px 20px 20px 20px;
  border-radius: 0px 0px 20px 20px;
}

.wrap_genera .text_widget p {
  margin: 0;
  display: block;
}

.wrap_genera .text_widget p a {
  color: #072a30;
  font-size: 20px;
  line-height: 27px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap_genera .text_widget em a {
  color: #37b34a;
  font-family: Inter;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  position: relative;
  display: none;
}

.wrap_genera .text_widget em a::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #37b34a;
}

.wrap_genera .text_widget p a {
}

.home .tg_news_layout .tg_layout_gen .text_widget p a {
  color: #000000;
}

.tg_news_layout .wrap_genera .text_widget {
  background: #fff7f7;
}

.tg_layout_gen {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}

.tg_news_layout .slick-slide .wrap_genera .text_widget p a {
  min-height: 87px;
  display: block;
}

.tg_news_layout .slick-list {
  margin: 0px -20px;
}

.tg_news_layout .slick-slide {
  padding: 0px 20px;
}

.tg_bot_footer {
  position: relative;
  padding: 50px 0px 90px 0px;
  overflow: hidden;
}

.tg_bot_footer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.tg_bot_footer .container {
  position: relative;
  z-index: 2;
}

.scroll_top {
  bottom: 20px;
  position: fixed;
  right: -40px;
  transition: all 0.3s;
  z-index: 500;
  cursor: pointer;
  max-width: 40px;
  left: initial;
}

.scroll_top i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e52c2c;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
}

.scroll_top i.fa:hover {
  background: #e52c2c;
}
.go_scrolltop {
  right: 20px;
}

.copyright {
  background: #720f0f;
  text-align: center;
  padding: 9px 0px;
  position: relative;
  bottom: 0px;
  width: 100%;
  z-index: 2;
}
.copyright p {
  color: #fff;
  margin: 0px 0px 0px auto;
  font-size: 14px;
}
.copyright p a {
  color: #fff;
}
.copyright p img {
  max-width: 15px;
  margin: -1px 2px 0px 0px;
  transition: all 0.3s;
}
.copyright p:hover img {
  transform: rotate(360deg);
}

.sc_partner_home {
  background: #fff7f7;
  position: relative;
}
.sc_partner_home:before {
  position: absolute;
  content: "";
  background: url(../images/single-ellipse-bg1_#e52c2c.png) no-repeat;
  width: 831px;
  height: 831px;
  left: -530px;
  top: -400px;
  opacity: 0;
  pointer-events: none;
  background-size: contain;
}

.page-template-page-template-gioithieu .tg_product_2024 {
  background: none;
}

.page-template-page-template-gioithieu .tg_gtcl_2024 {
  background: #fff7f7;
}



.tg_list_out_conainer .panel-layout h3.widget-title {
  color: #ee4036;

  /* Heading 1/SemiBold */
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 50.4px */
  margin: 0px 0px 30px 0px;
}

.tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n + 1)::before {
  content: "";
  background: url(../images/tg_before_tech.png) center center no-repeat;
  width: 917px;
  height: 917px;
  position: absolute;
  top: -140px;
  left: -400px;
  pointer-events: none;
  background-size: contain;
}

.tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n)::before {
  content: "";
  background: url(../images/tg_before_tech.png) center center no-repeat;
  width: 917px;
  height: 917px;
  position: absolute;
  top: -140px;
  right: -400px;
  pointer-events: none;
  background-size: contain;
}

.tg_list_out_conainer .panel-layout > .panel-grid {
  position: relative;
  margin: 0px 0px 270px 0px !important;
}
.tg_list_out_conainer .panel-layout > .panel-grid:last-child {
  margin: 0px 0px 100px 0px !important;
}

.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n + 1)
> .panel-grid-cell:nth-child(1),
.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n)
> .panel-grid-cell:nth-child(2) {
  width: 78% !important;
  z-index: 2;
  min-height: 346px;
  display: flex;
  align-items: end;
}

.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n + 1)
> .panel-grid-cell:nth-child(2) {
  position: absolute;
  bottom: -30px;
  right: -300px;
  width: 100% !important;
  max-width: 723px;
  height: 437px;
}

.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n)
> .panel-grid-cell:nth-child(1) {
  position: absolute;
  bottom: -30px;
  left: -300px;
  width: 100% !important;
  max-width: 723px;
  height: 437px;
}

.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n + 1)
> .panel-grid-cell:nth-child(2)
img,
.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n)
> .panel-grid-cell:nth-child(1)
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n + 1)
> .panel-grid-cell:nth-child(1)
.textwidget,
.tg_list_out_conainer
.panel-layout
> .panel-grid:nth-child(2n)
> .panel-grid-cell:nth-child(2)
.textwidget {
  padding: 40px 40px;
  color: #072a30;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 28px */
  background: rgb(255 247 247 / 80%);
  border-radius: 20px;
}

.tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n) {
  justify-content: flex-end !important;
  text-align: right;
}

.tg_list_out_conainer .textwidget a {
  color: #e52c2c;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.tg_list_out_conainer .textwidget a::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #e52c2c;
  position: absolute;
  bottom: -3px;
}

.tg_list_out_conainer .textwidget p {
  margin: 0px 0px 20px 0px;
}

.tg_list_out_conainer {
}

.tg_breadcrumb {
  height: 480px;
  background: url(../images/tg_bg_test.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: stretch;
}

.tg_breadcrumb .tg_wrap_breadc {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.tg_breadcrumb .tg_wrap_breadc h3 {
  color: #fff;
  text-align: center;
  /* Display 1/ExtraBold */
  font-size: 56px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%; /* 78.4px */
}

.tg_breadcrumb {
  margin: 0px 0px 50px 0px;
  display: none;
}

body[class*="page-template-page"] .tg_breadcrumb {
  /*  margin: 0px;*/
}

.tg_title_page {
  color: #ee4036;

  /* Display 1/SemiBold */
  font-family: Inter;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 78.4px */
  text-align: center;
  margin: 0px 0px 50px 0px;
}

.tg_list_post_arc {
  display: flex;
  align-items: stretch;
  gap: 20px 2%;
  flex-wrap: wrap;
  justify-content: center;
}

.tg_list_post_arc li {
  width: 32%;
  border: 1px solid #bfbfbf;
  border-radius: 20px;
}

.tg_list_post_arc .text_widget {
}

.footer {
  margin: 50px 0px 0px 0px;
}

.tg_pagination {
  display: table;
  margin: 50px auto 0px auto;
}

.tg_pagination span.current {
  color: #fff;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  color: #fff;
  background: #e52c2c;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}

.tg_pagination a {
  color: #000;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  margin: 0px 3px;
}

.tg_pagination a:hover,
.tg_pagination a:hover i {
  color: #a52626;
}

.tg_info_footer .textwidget {
  color: #fff;
}

.sc_partner_home .short_text_h h3.widget-title {
  color: #000;
  margin: 0px 0px 10px 0px;
}

.tg_partner_layout figure,
.tg_cus_layout figure {
  width: 100%;
  height: 120px;
  position: relative;
  transition: all 0.3s;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.tg_partner_layout figure img,
.tg_cus_layout figure img {
  height: 100%;
  object-fit: contain;
  width: 80%;
}

.tg_list_partner_page {
  display: flex;
  align-items: center;
  gap: 50px 2%;
  flex-wrap: wrap;
}

.tg_list_partner_page li {
  width: 23.5%;
  text-align: center;
}

.tg_list_partner_page li figure {
  width: 100%;
  height: 120px;
  background: #fff;
  position: relative;
  transition: all 0.3s;
  margin: 0px;
  padding: 5px;
}

.tg_list_partner_page li figure img {
  height: 100%;
  object-fit: contain;
  width: 80%;
}

.tg_list_partner_page li figure:hover,
.tg_partner_layout figure:hover,
.tg_cus_layout figure:hover {
}

.post-type-archive-partner .sc_partner_home,
.post-type-archive-partner .sc_cus_home {
  display: none !important;
}

.tg_list_partner_page .slick-list,
.tg_partner_layout .slick-list,
.tg_cus_layout .slick-list {
  margin: 0px -5px;
  padding: 25px 0px;
}

.sc_cus_home .short_text_h,
.sc_partner_home .short_text_h {
  margin: 0px 0px 30px 0px;
}

/*ctf7*/

.wpcf7-spinner {
  position: absolute !important;
  bottom: 20px;
  right: 20px;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #46b450 !important;
  color: #fff !important;
  border: none !important;
}

.wpcf7-not-valid-tip {
  text-align: left;
  padding: 0px 0px 0px 0px;
  font-size: 13px !important;
  position: absolute;
  background: #dc3232;
  color: #fff !important;
  padding: 0px 10px;
  z-index: 2;
  line-height: 21px;
}

.wpcf7-not-valid-tip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #dc3232;
  top: -7px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}

.tg_recaptcha .wpcf7-not-valid-tip {
  position: relative;
}

.wpcf7-spinner {
  position: absolute !important;
  bottom: 20px;
  right: 20px;
}

.wpcf7 form:not(.sent) .wpcf7-response-output,
.mc4wp-error,
.mc4wp-notice,
.woocommerce-error,
.woocommerce-info,
.dokan-alert-warning,
.dokan-alert-danger,
.dokan-alert-info,
.dokan-error,
.dokan-info {
  background-color: #dc3232;
  color: #fff !important;
  border: 0px !important;
  font-size: 12px;
  margin: 10px 0px !important;
}

/*.wpcf7 form:not(.sent) .wpcf7-response-output:before, .mc4wp-error:before, .mc4wp-notice:before, .woocommerce-error:before, .woocommerce-info:before, .dokan-alert-warning:before, .dokan-alert-danger:before, .dokan-alert-info:before, .dokan-error:before, .dokan-info:before {
    content: "\f100";
        position: absolute;
    top: 50%;
    left: 24px;
    margin-top: -9px;
    font-size: 18px;
    line-height: 18px;
    font-family: "woodmart-font";
}*/

.wd-notice,
div.wpcf7-response-output,
.mc4wp-alert,
.woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.dokan-alert,
.dokan-message,
.dokan-info,
.dokan-error,
.dokan-store-contact .alert-success,
.yith_ywraq_add_item_product_message {
  position: relative;
  flex-wrap: wrap;
  padding: 10px !important;
  width: 100% !important;
  text-align: center !important;
  max-width: 100% !important;
  margin: 20px 0px 0px 0px !important;
}

.form_ct {
  position: relative;
}

.tg_form_ft {
  padding: 24px;
  border-radius: 12px;
  border-radius: 20px;
  background: rgb(255 240 240);
}
.tg_bot_footer .tg_form_ft {
  background: #fff;
}

.tg_info_footer .textwidget img{
  margin: 0px 0px 15px 0px;
}

.tg_info_footer ul li {
  margin: 0px 0px 10px 0px;
  color: #FFF;
/* Body/Regular/lg */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.tg_info_footer ul > li:last-child {
  margin: 0px;
}
.tg_info_footer .textwidget h3 {
  font-size: 20px;
  line-height: 29px;
  font-weight: 800;
  margin: 0px 0px 15px 0px;
}
.tg_bot_footer .footer_flex {
  align-items: flex-start !important;
}
.tg_form_ft h2 {
  color: #000000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px auto 20px auto;
}

.tg_form_ft label {
  color: #434343;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: block;
  margin: 0px 0px 5px 0px;
}

.tg_form_ft label strong {
  color: #ee4036;
}

.tg_form_ft br {
  display: none;
}
.tg_form_ft input[type="text"],
.tg_form_ft input[type="tel"],
.tg_form_ft input[type="email"],
.tg_form_ft textarea {
  border-radius: var(--Radius-6, 6px);
  border: 1px solid var(--Neutral-7, #8c8c8c);
  padding: 10px;
  width: 100%;
}

.tg_form_ft textarea {
  height: 100px;
  resize: none;
}
.tg_page_lienhe .tg_form_ft input,
.tg_page_lienhe .tg_form_ft textarea {
  background: transparent;
}
.tg_form_ft input[type="submit"] {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  border-radius: 6px;
  background: #e52c2c;
  border: none;
  box-shadow: none !important;
  padding: 12px 25px;
  display: table;
}
.tg_form_ft .form__contact_group .list_group {
  margin: 0px 0px 20px 0px;
}
.tg_form_ft .form__contact_group > .list_group:last-child {
  margin: 0px;
}
.tg_form_ft .tg_btn {
  display: table;
  margin: 0px auto;
}

.tg_info_lh_left figure {
  max-width: 249px;
  margin: 0px 0px 30px 0px;
}

.tg_info_lh_left {
}

.tg_info_lh_left p {
  color: #072a30;

  /* Body/SemiBold/lg */

  font-size: 16px;

  line-height: 25px;

  font-style: normal;

  margin: 0px 0px 10px 0px;
}

.tg_info_lh_left .textwidget h3 {
  margin: 0px 0px 20px 0px;
  color: var(--Primary-Green, #37b34a);
  /* Body2xl/extrabold */
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.tg_info_lh_left .textwidget ul li {
  margin: 0px 0px 10px 0px;
}
.tg_info_lh_left .textwidget ul > li:last-child {
  margin: 0px;
}
.sc_partner_home .short_text_h .textwidget {
  color: #072a30;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  text-align: center;
}

/*end ctf7*/
.qb_single_page .info_post {
  margin: 0px 0px 40px 0px;
}
.qb_single_page .info_post h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  margin: 0px 0px 10px 0px;
  color: #ee4036;
}
.qb_single_page .info_post .date_post {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #8c8c8c;
}
.qb_single_page .ct_text {
  font-size: 16px;
  line-height: 24px;
}

.qb_single_page > .row {
  margin: 0px -36px;
}
.qb_single_page > .row .col-sm-8 {
  padding: 0px 36px;
  width: 65%;
}
.qb_single_page > .row .col-sm-4 {
  padding: 0px 36px;
  width: 35%;
}
.qb_see_more_post {
  border-radius: 30px;
  border: 1px solid #bfbfbf;
  padding: 20px 25px;
}
.qb_see_more_post .see_more_post_title {
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  display: table;
  margin: 0px auto 20px auto;
  text-align: center;
}
.qb_see_more_post ul {
  border-top: 1px solid #bfbfbf;
}
.qb_see_more_post ul li {
  padding: 15px 0;
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.qb_see_more_post ul li .wrap_figure {
  width: 100px;
  height: 100px;
}
.qb_see_more_post ul li .wrap_figure figure {
  height: 100px;
  width: 100px;
}
.qb_see_more_post ul li .wrap_figure figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.qb_see_more_post ul li .text_widget h4 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  margin: 0px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  transition: 0.3s ease-in-out all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
}
.qb_see_more_post ul li .text_widget h4 a {
  color: #072a30;
}
.google_map {
  margin: 50px 0px 50px 0px;
}

.tg_about_us_top .short_text_h {
  margin: 0px 0px 170px 0px;
}

table {
  width: 100% !important;
}

.tg_btn_recuirt {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  background: #37b34a;
  cursor: pointer;
  display: table;
  margin: 50px auto 0px auto;
  padding: 14px 45px;
  border-radius: 6px;
}

.popup .content_popup .title_form_datmua {
}

.popup .content_popup .image_tuyendung {
  text-align: center;
  max-width: 250px;
  margin: 0px auto;
}

.popup .content_popup .info_tuyendung h3 {
  font-weight: 700;
  margin: 20px auto 30px auto;
  text-align: center;
  max-width: 550px;
}

.popup .content_popup .list_group {
  margin: 0px 0px 20px 0px;
}

.popup .content_popup .form_tuyendung,
.popup .content_popup .form_lh_product {
  padding: 0px 20px 0px 20px;
}

.popup .content_popup .list_group input,
.popup .content_popup .list_group textarea {
  width: 100%;
  border-radius: 5px;
  background: #f2f2f2;
  border: 1px solid transparent;
  width: 100%;
  padding: 10px 21px;
}

.popup .content_popup .list_group textarea {
  height: 80px;
}

.popup .content_popup .btn input[type="submit"] {
  background: #37b34a;
  display: inline-block;
  border: none;
  padding: 14px 57px;
  font-size: 19px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  margin: 0px auto;
  font-weight: 700;
}

.form_tuyendung .list_group.up_cv p {
  display: flex;
  align-items: center;
}

.form_tuyendung .list_group.up_cv p label {
  margin: 0px 10px 0px 0px;
}

.popup .content_popup .btn {
  display: table;
  margin: 0px auto;
  padding: 0px;
  box-shadow: none;
}

.popup_tuyendung .content_popup {
}

.qb_single_page .ct_text table {
  max-width: 100% !important;
  width: 100% !important;
  margin: 10px 0px 20px 0px;
}

.qb_single_page .ct_text table tr,
.qb_single_page .ct_text table td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
}
.tg_news_2024 {
  position: relative;
}

.tg_news_2024::before {
  position: absolute;
  content: "";
  background: url(../images/tg_before_news.png) center center no-repeat;
  width: 645px;
  height: 645px;
  right: -360px;
  top: 0px;
  opacity: 0;
}

.tg_about_us_top .short_text_h {
}

.page-template-page-template-gioithieu .tg_gtcl_2024 .tg_list_gtcl {
  max-width: 1200px;
  margin: 0px auto;
  gap: 50px;
}

.page-template-page-template-gioithieu .tg_gtcl_2024 .tg_list_gtcl .textwidget {
  width: 100%;
  max-width: 100%;
  color: #072a30;
  text-align: justify;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.page-template-page-template-gioithieu
.tg_gtcl_2024
.tg_list_gtcl
.textwidget
h4 {
  color: #ee4036;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 50.4px */
}

.page-template-page-template-gioithieu
.tg_gtcl_2024
.tg_list_gtcl
.textwidget
figure {
  display: table;
  margin: 0px auto 70px auto;
  position: relative;
  width: 100px;
}

.page-template-page-template-gioithieu
.tg_gtcl_2024
.tg_list_gtcl
.textwidget
figure::before {
  content: "";
  width: 150px;
  height: 150px;
  border-radius: 30px;
  background: #fff;
  box-shadow: -2px 2px 13px 0px rgb(238 64 54);
  transform: rotate(-45deg);
  position: absolute;
  left: -27px;
  top: -30px;
}

.page-template-page-template-gioithieu
.tg_gtcl_2024
.tg_list_gtcl
.textwidget
figure
img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sc_cus_home {
  position: relative;
  overflow: hidden;
}

.sc_cus_home::before {
  position: absolute;
  content: "";
  background: url(../images/single-ellipse-bg1_#e52c2c.png) no-repeat;
  width: 675px;
  height: 740px;
  right: 0px;
  bottom: -590px;
  opacity: 0;
  pointer-events: none;
  background-size: contain;
}

.tg_bot_footer::after {
  position: absolute;
  content: "";
  background: url(../images/tg_after_ft.png) no-repeat;
  width: 682px;
  height: 782px;
  left: -350px;
  bottom: -580px;
  opacity: 0;
  pointer-events: none;
  background-size: contain;
}

.sc_partner_home.tg_active:before,
.tg_news_2024.tg_active::before,
.sc_cus_home.tg_active::before {
  animation: zoomIn 1s;
  opacity: 1;
}

.tg_short_desc_top.short_text_h {
  margin: 0px 0px 100px 0px;
}

.tg_short_desc_top.short_text_h h3.widget-title {
  margin: 0px 0px 30px 0px;
}

.tg_short_desc_top.short_text_h .textwidget {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 28px */
}

.tg_short_desc_top.short_text_h.textwidget p {
  margin: 0px 0px 20px 0px;
}

.tg_gp_secureIT_page .tg_short_desc_top img {
  margin-top: 30px;
  margin-bottom: 30px;
}

.tg_accunetix_area > .panel-grid-cell:nth-child(3) {
  width: 32% !important;
}

.tg_accunetix_area
> .panel-grid-cell:nth-child(3)
> .so-panel:nth-child(2)
.textwidget {
  color: #072a30;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 28px */
  border: 1px solid #ccc;
  padding: 20px;
}

.tg_accunetix_area
> .panel-grid-cell:nth-child(3)
> .so-panel:nth-child(2)
.textwidget img{
  margin: 0px 0px 15px 0px;
}


.tg_accunetix_area
> .panel-grid-cell:nth-child(3)
> .so-panel:nth-child(1)
img {
  width: 100%;
}
.tg_accunetix_area {
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
}

.tg_accunetix_area > .panel-grid-cell:nth-child(2) {
  text-align: center;
  position: relative;
}

.tg_accunetix_area > .panel-grid-cell:nth-child(2) figure {
  background: #fff;
}

.tg_accunetix_area > .panel-grid-cell:nth-child(2) figure::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 2px;
  background: #e0e0e0;
  left: -130px;
  bottom: 11px;
}

.tg_accunetix_area > .panel-grid-cell:nth-child(2) figure img {
  padding: 0px 10px;
  background: #fff;
  z-index: 1;
  position: relative;
}

.tg_accunetix_area > .panel-grid-cell:nth-child(1),
.tg_accunetix_area > .panel-grid-cell:nth-child(3) {
  position: relative;
  z-index: 2;
  background: #fff;
}

.tg_gp_htcd_page .tg_tab_content {
  display: none;
}

.tg_gp_htcd_page .tg_tab_content.tg_current {
  display: inherit;
  -webkit-animation: slide-up 0.3s ease-out;
  -moz-animation: slide-up 0.3s ease-out;
}

.tg_gp_htcd_page .tg_short_desc_top.short_text_h {
  margin: 0px 0px 20px 0px;
}

.tg_list_nav_gp h3.widget-title {
  border: 1px solid #ccc;
  padding: 20px 20px;
  border-radius: 6px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.tg_list_nav_gp .tg_current h3.widget-title {
  border: 1px solid #37b34a;
  color: #fff;
  background: #37b34a;
}

.tg_list_nav_gp {
  margin: 0px 0px 50px 0px;
}

.tg_gp_htcd_page .tg_list_out_conainer [class*="tg_nav_"] .textwidget {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px; /* 28px */
}

.tg_gp_htcd_page .tg_list_out_conainer [class*="tg_nav_"] .textwidget ul,
.tg_gp_htcd_page .tg_list_out_conainer [class*="tg_nav_"] .textwidget ul li {
  list-style: initial;
}

.tg_gp_htcd_page .tg_list_out_conainer [class*="tg_nav_"] .textwidget ul {
  padding: 0px 0px 0px 20px;
}

.tg_gp_htcd_page .tg_list_out_conainer [class*="tg_nav_"] h3.widget-title {
  text-align: center;
  margin: 0px 0px 30px 0px;
  font-weight: 700;
}

.qb_single_page .ct_text h1 {
  font-size: 30px;
  margin: 0px 0px 20px 0px;
  line-height: 37px;
  color: #e52c2c;
  position: relative;
}

.qb_single_page .ct_text h2 {
  font-size: 22px;
  line-height: 30px;
  color: #e52c2c;
}

.qb_single_page .ct_text h3 {
  font-size: 19px;
  line-height: 26px;
  color: #e52c2c;
}

.qb_single_page .ct_text h4 {
  font-size: 16px;
  line-height: 23px;
  color: #e52c2c;
}

.qb_single_page .ct_text h5 {
  font-size: 14px;
  line-height: 22px;
  color: #e52c2c;
}
.tg_partner_layout figure {
  background: #fff;
}
.sc_cus_home .slick-track>.slick-slide{
  padding: 0px 10px;
}

.sc_cus_home .slick-list{
  margin: 0px -10px;
  padding: 0;
}

.tg_info_lh_left  ul li{
  margin: 0px 0px 10px 0px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.tg_list_post_arc .wrap_genera:hover .text_widget p a{
  color: #e52c2c;
}

.tg_gp_secureIT_page  .tg_short_desc_top.short_text_h{
  margin: 0px 0px 50px 0px;
}

.tg_gp_related .tg_gp_ep{
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.tg_gp_related h3{
  color: #ee4036;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0px 0px 30px 0px;
  text-align: center;
}

.tg_gp_related .tg_gp_ep li a {
  color: #072a30;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
}

.tg_gp_related .tg_gp_ep li a:hover{
  color:#37b34a;
}

.tg_gp_related .tg_gp_ep li:first-child a::before{
  content:"\f104";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 23px;
  margin: 0px 15px 0px 0px;
  position: relative;
  top: 1px;
}

.tg_gp_related .tg_gp_ep li:last-child a::after{
  content:"\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 23px;
  margin: 0px 0px 0px 15px;
  position: relative;
  top: 1px;
}

.tg_gp_related{
  margin: 70px 0px 0px 0px;
  display: none;
}

html[lang="en_US"] .tg_list_nav_gp h3.widget-title{
  font-size: 17px ;
}

.tg_language{
  display: none;
}

/*compare img*/

.compare-line {
  height: 100%;
  width: 1px;
  top: 0;
  left: 10%;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: e-resize;
  z-index: 3;
  z-index: 99999 !important;
}

.compare-line::after {
  position: absolute;
  top: calc(50% - 8px);
  left: -23px;
  border-radius: 50%;
  content: "";
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.5" cx="24" cy="24" r="24" fill="white"/><circle cx="24.0004" cy="24.0002" r="17.4545" fill="white"/><path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M28.7663 27.6747C28.3857 28.0553 28.3857 28.6723 28.7663 29.0529C29.1468 29.4335 29.7639 29.4335 30.1444 29.0529L33.9626 25.2347C34.3432 24.8541 34.3432 24.2371 33.9626 23.8565L30.1444 20.0384C29.7639 19.6578 29.1468 19.6578 28.7663 20.0384C28.3857 20.4189 28.3857 21.036 28.7663 21.4165L31.8953 24.5456L28.7663 27.6747ZM19.7796 21.4167C20.1602 21.0361 20.1602 20.4191 19.7796 20.0385C19.3991 19.658 18.782 19.658 18.4015 20.0385L14.5833 23.8567C14.2027 24.2373 14.2027 24.8543 14.5833 25.2349L18.4015 29.0531C18.782 29.4336 19.3991 29.4336 19.7796 29.0531C20.1602 28.6725 20.1602 28.0555 19.7796 27.6749L16.6506 24.5458L19.7796 21.4167Z" fill="%231B1B1B"/></svg>');
}


.compare-after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.compare-before {
  width: 10%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  z-index: 6 !important;
}
.compare-before>div{
  height: 100%;
  width: 566px !important;
}


.compare-after img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.tg_has_fg_compare{
  position: relative;
}

.tg_has_fg_compare:hover::before{
  opacity: 1;
  visibility: visible;
}
.tg_has_fg_compare:hover .text_widget .widget-title , .tg_has_fg_compare:hover .textwidget{
  color: #fff;
}
.tg_has_fg_compare:hover .qb_see_details{
  color: #fff !important;
}

.compare-before figure , .compare-after figure{height: 100%;background: #fff;}
.compare-before figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tg_figure_compare .textwidget {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  padding: 0px;
  width: 566px !important;
  height: 566px;
  margin: 0 auto;
}

.tg_figure_compare .position-relative{
  height: 100% ;
  position: relative;
}

.position-absolute{
  position: absolute !important;
}

/*end compare img*/

.why_choose_us_h h3.widget-title{color: #000000;text-align: left;font-size: 50px;font-style: normal;font-weight: 600;line-height: 130%;margin: 0 0 25px 0px;}

.why_choose_us_h .why_choose_us_hr .textwidget{
  font-size: 16px;
  line-height: 25px;
  text-align: justify;
}

.why_choose_us_hl{
  padding:0 30px 0 0;
}

.why_choose_us_h .why_choose_us_hr .textwidget a{

}

.btn_readm1 {
  width: auto;
  max-width: initial;
  padding: 12px 30px 12px 35px;
  text-align: center;
  position: relative;
  background: none;
  color: #000000;
  font-size: 16px;
  display: inline-block;
  margin: 30px 0px 0px 0px;
  font-weight: 600;
  border-radius: 30px;
  border: 1px solid #e52c2c;
  overflow: hidden;
}

.btn_readm1::before {
  content: "";
  background: #e52c2c;
  border-radius: 100%;
  height: 0;
  left: 50%;
  position: absolute;
  top: 150%;
  transform: translate(-50%, -50%);
  transition: 0.8s;
  width: 0;
}

.btn_readm1::after {
  content: url(../images/arrow-pointing-to-r.png);
  top: 3px;
  right: 0px;
  margin: 0px 0px 0px 7px;
  position: relative;
}

.btn_readm1:hover::before {
  height: 500%;
  width: 150%;
}

.btn_readm1:hover{
  color:#fff;
}

.btn_readm1 strong{
  position: relative;
  z-index: 1;
}

.tg_csnb_home {
  background: #fff7f7;
}

.tg_csnb_home .csnb_general {
  margin: 0;
}

.tg_csnb_home .csnb_detailds h4 {
  font-size: 42px;
  line-height: 52px;
  font-weight: 600;
  color: #e52c2c;
  border-bottom: 1px solid #DBDBDB;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 10px 0px;
}

.tg_csnb_home .csnb_detailds h4::after {
  content: "+";
}

.tg_csnb_home .csnb_detailds p {
  font-size: 18px;
  line-height: 26px;
  margin: 0px;
  color: #333333;
  display: block;
}

.tg_csnb_home .csnb_btn {
  margin: 60px 0px 0px 0px;
}

.tg_csnb_home .csnb_btn .textwidget a {
  font-size: 18px;
  line-height: 26px;
  background: linear-gradient(295.61deg, #50B8B1 15.17%, #1D615A 88.96%);
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-family: stavian_b;
  font-family: 'stavian_b';
  padding: 13px 19px;
  transition: all 0.3s;
}

.tg_csnb_home .csnb_btn .textwidget a:after {
  content: url(//stavianmetal.com/wp-content/themes/doanhnghiep/images/stavian-snsb-arrow-right.svg);
  padding: 0px 0px 0px 10px;
  position: relative;
  top: 3px;
  transition: all 0.3s;
}

.tg_project_list .tg_project_list_item {
  position: relative;
}

.tg_project_list .tg_project_list_item:hover img{
  opacity: 0.7;
}

.tg_project_list .tg_project_list_item .tg_project_list_item_figure img {
  border-radius: 2rem;
  width: 100%;
  object-fit: cover;
  height: 440px;
}

.tg_project_list .tg_project_list_item .tg_project_list_item_textwidget {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(rgba(41, 62, 155, 0) 0%, rgb(26, 78, 146) 100%);
  width: 100%;
  height: 19rem;
  padding: 2rem;
  align-items: flex-end;
  display: flex;
  border-radius: 0px 0px 2rem 2rem;
  pointer-events: none;
}

.tg_project_list .tg_project_list_item .tg_project_list_item_textwidget b {
  font-size: 2.2rem;
  line-height: 140%;
  font-weight: 600;
  color: rgb(255, 255, 255);
}

.popup.popup_gallery_img  .content_popup{
  max-width: 630px;
}

.wrap_pop_project_title{
  background: #d61818;
  color:#fff;
  padding:10px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 10px 10px 0 0;
  margin:  0 0 20px 0px;
}

.wrap_pop_project_top{
  max-width: 560px;
  display: table;
  margin: 0 auto 20px auto;
  width: 100%;
  text-align: left;
  padding: 0 15px;
}

.tg_info_footer img{
  max-width: 200px;
}

.google_map iframe {
  width: 100% !important;
  max-width: 100% !important;
}

.so-hide-section {
  display: none !important;
}

.g_content{
  padding: 140px 0 0 0;
}

.page-template-page-template-sanpham .g_content{
  padding: 170px 0 0 0;
}

.sc_partner_home , .sc_cus_home {
  display: none !important;
}

.home .sc_partner_home , .home .sc_cus_home {
  display: block !important;
}

.tg_pd_50_100{
  padding:50px 0 100px 0;
}

.tg_list_gp>.panel-grid-cell>.so-panel>.panel-layout {
  display: flex;
  flex-direction: column;
  gap:50px;
}

.tg_list_gp>.panel-grid-cell>.so-panel>.panel-layout img{
  border-radius: 20px;
}

.tg_service_introduce_page .tg_list_out_conainer>.panel-grid-cell>.so-panel>.panel-layout  {
  padding: 80px 0 0 0;
}

.tg_bot_footer h3.widget-title{
  color:#fff;
  text-transform: uppercase;
  padding:0 0 10px 0;
  position: relative;
  margin: 0 0 25px 0px;
}

.tg_bot_footer h3.widget-title::before{
  content:"";
  position: absolute;
  width: 70px;
  height: 1px;
  background: #fff;
  bottom: 0;
}

.tg_bot_footer .contact_info_footer  ul li{
  color:#fff;
  font-size: 16px;
  line-height: 25px;
}

.tg_bot_footer .contact_info_footer  ul{
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.social_footer{
  display: flex;
  gap:1rem;
}

.social_footer li a{
  display: flex;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #e52c2c;
  align-items: center;
  justify-content: center;
  padding: 7px;
  color: #fff;
}

.scroll_fixed_pca {
  position: fixed;
  z-index: 99;
  bottom: 90px;
  right: 20px;
}

.scroll_fixed_pca ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.scroll_fixed_pca ul li a {
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #e52c2c;
  align-items: center;
  justify-content: center;
  padding: 7px;
  color: #fff;
}

.scroll_fixed_pca ul li a i.fa{
  font-size: 24px;
}

.tg_cus_layout {
  max-width: 700px;
  margin: 0 auto;
}

.tg_cus_layout .partner_position{display: block;margin: 10px 0 0 0;text-align: center;}

.tg_cus_layout .partner_position em{display: block;font-size: 20px;font-style: normal;}

.tg_cus_layout .partner_position b{font-weight: 400;color: #9a9a9a;}

.tg_cus_layout .info_partner{margin: 10px auto 0 auto;font-size: 16px;line-height: 25px;text-align: justify;}

.tg_cus_layout .info_partner p{

}
.tg_cus_layout .slick-slider{
  margin:0 !important;
}

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

.tg_bot_footer {
  background: #961818 !important;
}

.tg_tuyendung_info {
  border-bottom: 1px solid rgb(230, 230, 230);
  padding: 0px 0px 15px;
}

.form_recruit_single {
  border-top: 1px solid rgb(230, 230, 230);
  padding: 30px 0px 0px;
  margin: 40px 0px 0px;
}

.form_recruit_single h3 {
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin: 0px 0px 20px;
  font-weight: 600;
}

.qb_tuvan_homepage .sticky_top {
  display: flex;
  gap: 40px;
  padding: 0px 0px 40px;
  border-bottom: 1px solid rgb(234, 234, 234);
  margin: 0px 0px 40px;
}

.wrap_single_post .share_cpright {
  margin: 20px 0px 0px;
  padding: 0px 0px 20px;
  border-bottom: 1px solid rgb(230, 230, 230);
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.wrap_single_post .share_cpright ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.wrap_single_post .share_cpright ul li {
  margin: 0px;
}

.wrap_single_post .share_cpright ul li a {
  width: 31px;
  height: 31px;
  background: rgb(234, 234, 234);
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.wrap_single_post .share_cpright ul li a:hover {
  background: rgb(240, 105, 36);
}

.wrap_single_post .share_cpright ul li i.fa {
  color: rgb(45, 45, 45);
  font-size: 14px;
}

.wrap_single_post .share_cpright ul li a:hover i.fa {
  color: #fff;
}

.wrap_single_post .share_cpright .author_post {
  float: right;
}

.wrap_single_post .share_cpright .author_post p {
  font-size: 14px;
  color: rgb(10, 135, 130);
}

.tg_btn_ungtuyen a {
  background: rgb(229 44 44);
  font-size: 18px;
  line-height: 26px;
  padding: 16px 20px;
  color: rgb(255, 255, 255);
  border: none;
  border-radius: 30px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 600;
}

.content_single_post ul {
  padding: 0px 0px 0px 20px;
  list-style: initial !important;
}

.content_single_post ul {
  margin: 0px 0px 10px;
}

.form_general .tg_col_6 {
  display: flex;
  gap: 24px;
}

.form_general .tg_submit {
  margin: 20px 0px 0px 0px;
}

.form_general input[type="submit"] {
  background: rgb(229 44 44);
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 16px 20px;
  color: rgb(255, 255, 255);
  border: none;
  border-radius: 30px;
  min-width: 200px;
  font-weight: 500;
}

.form_general p {
  margin: 0px;
}

.form_tuyen_dung {
  padding: 40px;
  border-radius: 30px;
  background: linear-gradient(rgb(230, 235, 255) 0%, rgb(255, 255, 255) 100%);
}

.form_general .tg_wrap_list_item {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.form_general .tg_wrap_list_item .item_f_tuyendung label {
}

.form_general .tg_wrap_list_item .item_f_tuyendung label em {
  color: #ff0000;
}

.form_general .tg_wrap_list_item .item_f_tuyendung input, .form_general .tg_wrap_list_item .item_f_tuyendung textarea {
  padding: 15px 16px;
  border: 1px solid #B0C3D9;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  width: 100%;
  resize: none;
  max-height: 190px;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.form_general .tg_wrap_list_item .item_f_tuyendung input::placeholder, .form_general .tg_wrap_list_item .item_f_tuyendung textarea::placeholder {
  color: rgb(141, 140, 140);
}

.form_general .tg_wrap_list_item .item_f_tuyendung .up_cv {
  position: relative;
  display: table;
  width: 100%;
}

.form_general .tg_wrap_list_item .item_f_tuyendung .up_cv label {
  position: relative;
  float: none;
  margin: 0px;
  width: 100%;
  background: rgb(255, 255, 255);
  text-align: center;
  display: flex;
  flex-direction: column;
  border: 1px dashed rgb(176, 217, 211);
  border-radius: 10px;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 400;
  color: rgb(141, 140, 140);
  padding: 10px;
}

.form_general .tg_wrap_list_item .item_f_tuyendung .up_cv label {
  font-style: normal;
}

.form_general .tg_wrap_list_item .item_f_tuyendung .up_cv label::before {
  content: url("../images/icon_upload_21102024.svg");
}

.form_general .tg_wrap_list_item .item_f_tuyendung .up_cv input[type="file"] {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  height: 100%;
  opacity: 0;
  width: 100% !important;
  max-width: 100% !important;
}

.form_general .tg_wrap_list_item .item_f_tuyendung .up_cv span {
  position: unset;
}

.tg_recaptcha {
  display: table;
  margin: 15px 0px;
}

.dd_recrui ul {
  display: flex;
  gap: 44px;
}

.dd_recrui ul li {
  display: flex;
  gap: 5px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  position: relative;
}

.dd_recrui ul li::before {
  content: "";
  position: absolute;
  right: -35px;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgb(2, 75, 64);
}

.dd_recrui ul li:last-child::before {
  opacity: 0;
  pointer-events: none;
}

.dd_recrui ul li em {
  font-style: normal;
  color: rgb(95, 94, 94);
}

.dd_recrui ul li p {
  margin: 0px;
}

.dd_recrui ul li p cite:first-child {
  display: none;
}

.wrap_tuyendung_p {
  display: flex;
  gap: 30px;
  align-items: stretch;
}

.wrap_tuyendung_p .wrap_tuyendung_p_left {
  flex: 1 1 calc(72% - 30px);
}

.wrap_tuyendung_p .wrap_tuyendung_p_right {
  flex: 1 1 calc(28% - 30px);
}

.wrap_tuyendung_p .wrap_tuyendung_p_right .tg_wrap_sidebar_r {
  position: sticky;
  top: 9rem;
}

.wrap_desj_detail {
}

.wrap_desj_detail ul {
}

.wrap_desj_detail ul li {
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: rgb(45, 45, 45);
  position: relative;
  padding: 16px 0px 16px 30px;
  border-bottom: 1px solid rgb(230, 230, 230);
}

.wrap_desj_detail ul li::before {
  content: url("../images/tg_arrow_cheo.svg");
  position: absolute;
  top: 18px;
  left: 0px;
}

.wrap_desj_detail ul li strong {
  font-weight: 600;
}

.single-tuyen_dung .welfare h2, .single-tuyen_dung .content_single_post h2 {
  font-size: 21px;
  line-height: 34px;
  font-weight: 600;
  margin: 30px 0px 10px;
}

.post-type-archive-team .tg_list_post_arc .wrap_genera .wrap_figure img{
  object-position: 0px 21%;
}

.post-type-archive-team .tg_list_post_arc .text_widget{
  padding:20px;
  text-align: center;
}
.ava_teams{
  text-align: center;
}
.ava_teams img{
  max-width: 30rem;
  margin: 0 auto;
}

.post-type-archive-team  .wrap_genera .text_widget p a{
  display: block;
  margin: 0 0 5px 0;
}

.post-type-archive-team  .wrap_genera .text_widget span{
  color: #a4a4a4;
}

.content_single_post{
  font-size: 16px;
  line-height: 25px;
}
.tg_infotd{
  margin:15px 0 0 0;
}
.tg_infotd div{
  position: relative;
  padding: 0px 0px 0px 26px;
  margin: 0px 0px 10px;
  font-size: 15px;
  line-height: 22px;
}
.tg_infotd div.tg_diadiem::before {
  content: url("../images/dia-diem-td-05062025.svg");
}

.tg_infotd div.tg_hinhthuc::before {
  content: url("../images/hinh-thuc-icon-05062025.svg");
}

.tg_infotd div.tg_luong::before {
  content: url("../images/luong-icon-06052025.svg");
}

.tg_infotd div.tg_date_td::before {
  content: url("../images/thoi-han-icon-05062025.svg");
}

.tg_infotd div::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -3px;
  color: rgb(50, 194, 184);
}

.tg_infotd div em {
  font-style: normal;
}

.other-team-row{
  margin: 30px 0 0 0;
}

.other-team-row .tg_list_post_arc{
  justify-content: flex-start;
}


.toggle-sound {
  position: relative;
  top: calc(50% - 25.5px);
  left: calc(50% - 25.5px);
  background-color: #e52c2c;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 99;
  box-shadow: 0 0 0 0 #66b4ae;
}

.toggle-sound.sound-mute {
  box-shadow: none;
}

.sound {
  width: 97%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  display: inline-block;
  left: 0;
  top: 0;
  margin-left: -15%;
}

.sound--icon {
  color: inherit;
  line-height: inherit;
  font-size: 1.6rem;
  display: block;
  margin: auto;
  text-align: left;
  padding-left: 20px;
}

.sound--wave {
  position: absolute;
  border: 2px solid transparent;
  border-right: 2px solid #fff;
  border-radius: 50%;
  transition: all 200ms;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sound--wave_one {
  width: 45%;
  height: 40%;
}

.sound--wave_two {
  width: 70%;
  height: 62%;
}

.sound--wave_three {
  width: 95%;
  height: 75%;
}

.sound-mute .sound--wave {
  border-radius: 0;
  width: 35%;
  height: 35%;
  border-width: 0 2px 0 0;
  left: 5px;
}

.sound-mute .sound--wave_one {
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0);
  transform: rotate(45deg) translate3d(0, -50%, 0);
}

.sound-mute .sound--wave_two {
  -webkit-transform: rotate(-45deg) translate3d(0, 50%, 0);
  transform: rotate(-45deg) translate3d(0, 50%, 0);
}

.sound-mute .sound--wave_three {
  opacity: 0;
  transform: translateX(-46%);
  height: 20%;
}

.fa-volume-off:before {
  font-size: 30px !important;
}

#mute {
  position: absolute;
  bottom: 60px;
  left: 60px;
  z-index: 99;
}

.qb_archive_post.qb_defauilt .text_widget cite , .tg_layout_gen .text_widget cite{
  font-style: normal;
  margin: 0 0 10px 0;
  display: block;
  color: #8d8d8d;
}

.sc_partner_home.tg_active:before, .tg_news_2024.tg_active::before, .sc_cus_home.tg_active::before, .tg_bot_footer.tg_active::after {
    animation: zoomIn 1s;
    opacity: 1;
}

/*END RAU*/

@-webkit-keyframes stuckMoveDown {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes stuckMoveDown {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}
/*CSS RESPONSIVE*/
@media (min-width: 1025px) and (max-width: 1599px) {
  .page-template-page-template-sanpham .tg_about_us_top{
    padding:0px 0px 70px 0px;
  }
  .tg_title_page{font-size: 40px;line-height: 50px;margin: 0px 0px 30px 0px;}
  .wrap_genera .wrap_figure img{
    height: 250px;
  }
  .tg_list_out_conainer .panel-layout h3.widget-title{
    font-size: 28px;
    line-height: 35px;
    margin: 0px 0px 20px 0px;
  }
  .tg_list_nav_gp h3.widget-title{
    font-size: 16px;
  }
  .tg_gp_htcd_page .tg_list_out_conainer [class*="tg_nav_"] .textwidget{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_accunetix_area > .panel-grid-cell:nth-child(3) > .so-panel:nth-child(2) .textwidget{font-size: 14px;line-height: 22px;}
  .sc_cus_home .short_text_h, .sc_partner_home .short_text_h{
    margin: 0px;
  }
  .qb_single_page .ct_text{
    font-size: 14px;
    line-height: 22px;
  }
  .qb_single_page .info_post h1{font-size: 26px;line-height: 36px;}
  .qb_see_more_post .see_more_post_title{font-size: 20px;line-height: 30px;margin: 0px auto 10px auto;}
  .qb_see_more_post ul li .text_widget h4{font-size: 14px;line-height: 22px;}
  .tg_breadcrumb .tg_wrap_breadc h3{font-size: 35px;line-height: 42px;}
  .tg_breadcrumb .tg_wrap_breadc h3{

  }
  .tg_breadcrumb{
    height: 320px;
  }
  .tg_info_footer ul li , .tg_info_lh_left .textwidget ul li{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n + 1)::before{width: 500px;height: 500px;left: -100px;}
  .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n)::before{
    width: 500px;
    height: 500px;
    right: -100px;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n + 1) > .panel-grid-cell:nth-child(2){
    right: -30px;
  }
  .page-template-page-template-gioithieu .tg_gtcl_2024 .tg_list_gtcl .textwidget{
    font-size: 16px;
    line-height: 23px;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n) > .panel-grid-cell:nth-child(1){
    left: -30px;
  }
  .tg_short_desc_top.short_text_h .textwidget {
    font-size: 14px;
    line-height: 22px;
  }
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(1)
  .textwidget,
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(2)
  .textwidget {
    font-size: 16px;
    line-height: 22px;
  }
  .sc_partner_home .short_text_h h3.widget-title {
    margin: 0px 0px 20px 0px;
  }
  .wrap_genera .wrap_figure span {
    font-size: 14px;
    padding: 8px 18px;
    bottom: -16px;
  }
  .tg_news_layout .slick-slide .wrap_genera .text_widget p a , .wrap_genera .text_widget p a {
    font-size: 18px;
    line-height: 25px;
    min-height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .wrap_genera .text_widget em a {
    font-size: 14px;
  }
  .fixedheader.bottom_header .logo_site {
    max-width: 50px;
  }
  .sc_cus_home::before {
    width: 375px;
    height: 480px;
    bottom: -390px;
  }
  .home .tg_news_2024 {
    padding: 70px 0px 20px 0px;
  }
  .tg_pd_100 {
    padding: 70px 0px;
  }
  .short_text_h {
  }
  .sc_partner_home:before {
    width: 500px;
    height: 500px;
    top: -50px;
    left: -350px;
  }
  .tg_news_2024::before {
  }
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(2)
  img {
    height: 650px;
    right: -70px;
  }
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(1)
  img {
    height: 650px;
    left: -70px;
  }

  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(2),
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(1) {
    min-height: 650px;
  }
  .tg_product_2024 .tg_list_gp .panel-layout .textwidget a {
    font-size: 14px;
    line-height: 22px;
  }
  .tg_text_banner h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .short_text_h h3.widget-title {
    font-size: 38px;
    line-height: 46px;
  }
  .tg_product_2024 .tg_list_gp .panel-layout h3.widget-title {
    font-size: 30px;
  }
  .tg_product_2024 .tg_list_gp .panel-layout .textwidget {
    font-size: 16px;
    line-height: 25px;
  }
  .qb_memu_header > li > a {
    font-size: 14px;
  }
  .sc_partner_home .short_text_h .textwidget {
    font-size: 16px;
    line-height: 25px;
  }
  .bottom_header .logo_site {
    max-width: 65px;
  }
  .tg_text_banner p {
    font-size: 16px;
    line-height: 25px;
  }
  .tg_gtcl_2024 .tg_list_gtcl .textwidget h4 {
    font-size: 25px !important;
    line-height: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_info_lh_left {
    margin: 0px 0px 30px 0px;
  }
  .tg_list_partner_page li {
    width: 100%;
  }
  .tg_list_partner_page {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
  }
  .qb_single_page > .row {
    margin: 0px -10px;
  }
  .qb_single_page > .row .col-sm-8,
  .qb_single_page > .row .col-sm-4 {
    padding: 0px 10px;
    width: 100%;
    margin: 0px 0px 60px 0px;
  }
  .qb_single_page .info_post h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .qb_single_page .info_post {
    margin: 0px 0px 30px 0px;
  }
  .tg_pagination {
    margin: 30px auto;
  }
  .tg_title_page {
    font-size: 36px;
    line-height: 44px;
    margin: 0px 0px 30px 0px;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid:last-child {
    margin: 0px !important;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid {
    margin: 0px 0px 30px 0px !important;
  }

  .page-template-page-template-sanpham .tg_about_us_top .short_text_h {
    margin: 0px 0px 30px 0px;
  }
  .tg_list_out_conainer .panel-layout h3.widget-title {
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 10px 0px;
  }
  .page-template-page-template-gioithieu .tg_gtcl_2024 {
    padding: 60px 0px;
  }
  .page-template-page-template-gioithieu .tg_gtcl_2024 .short_text_h {
    margin: 0px 0px 30px 0px;
  }
  .tg_about_us_top .short_text_h {
    margin: 0px 0px 60px 0px;
  }
  .tg_bot_footer {
    padding: 50px 0px 50px 0px;
  }
  .wrap_genera .text_widget p a {
    font-size: 20px;
    line-height: 28px;
  }
  .wrap_genera .wrap_figure span {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 15px;
  }
  .wrap_genera .wrap_figure img {
    height: 250px;
  }
  .gp_general > .panel-layout > .panel-grid:last-child {
    margin: 0px !important;
  }
  .gp_general > .panel-layout > .panel-grid {
    margin: 0px 0px 40px 0px !important;
  }
  .tg_product_2024 .tg_list_gp .panel-layout .textwidget {
    font-size: 16px;
    line-height: 24px;
  }
  .tg_product_2024 .tg_list_gp .panel-layout h3.widget-title {
    font-size: 22px;
    line-height: 30px;
    margin: 0px 0px 10px 0px;
  }
  .tg_gtcl_2024 {
    padding: 60px 0px 0px 0px !important;
  }
  .tg_gtcl_2024 .short_text_h {
    margin: 0px 0px 100px 0px;
  }
  .short_text_h h3.widget-title {
    font-size: 36px;
    line-height: 44px;
  }
  .tg_gtcl_2024 .tg_list_gtcl .textwidget figure {
    margin: 0px;
  }
  .tg_gtcl_2024 .tg_list_gtcl .textwidget h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0px;
  }
  .home .tg_gtcl_2024 .tg_list_gtcl .textwidget::before {
    width: 200px;
    height: 200px;
    left: -9px;
  }
  .banner_home {
    padding: 132px 0px 0px 0px;
  }
  .short_text_h {
    margin: 0px 0px 30px 0px;
  }
  .tg_pd_100 {
    padding: 60px 0px;
  }
}
@media (max-width: 1024px) {
  .g_content{
    padding: 100px 0 0 0;
  }
  .tg_bot_footer .contact_info_footer ul li{
    font-size: 14px;
    line-height: 22px;
  }
  .page-template-page-template-sanpham .g_content{
    padding: 100px 0 0 0;
  }
  .tg_bot_footer h3.widget-title{
    font-size: 18px;
    line-height: 26px;
  }
  .why_choose_us_h {
    padding:60px 0 20px 0 !important;
  }
  .why_choose_us_h .why_choose_us_hr .textwidget{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_cus_layout .slick-prev, .tg_cus_layout .slick-next{
    top:25% !important;
  }
  .tg_cus_layout .info_partner{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_pd_50_100{
    padding:30px 0 60px 0;
  }
  .why_choose_us_h h3.widget-title{
    font-size: 28px;
    line-height: 36px;
  }
  .tg_csnb_home .csnb_detailds h4{
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 10px 0;
  }
  .tg_page_lienhe .container {
    padding: 0px;
  }
  .tg_list_post_arc .slick-slide {
    padding: 0px 20px;
  }
  .tg_list_post_arc .slick-list {
    margin: 0px -20px;
  }
  .tg_list_post_arc {
    display: flex;
  }
  .sc_partner_home .short_text_h .textwidget {
    font-size: 16px;
    line-height: 24px;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid::before {
    display: none;
  }

  .sc_cus_home .short_text_h,
  .sc_partner_home .short_text_h {
    margin: 0px 0px 15px 0px;
  }
  .slick-prev {
    left: -15px !important;
  }
  .slick-next {
    right: -15px !important;
  }
  .slick-slider {
    margin: 0px;
  }
  .tg_layout_gen {
    margin: 0px;
  }
  .footer {
  }
  .tg_language ul > li a {
    border: 1px solid rgb(16 16 16 / 30%) !important;
    color: #000;
  }
  .home .tg_language ul > li a,
  .page-template-page-template-gioithieu .tg_language ul > li a {
    color: #fff;
    border: 1px solid rgb(255 255 255 / 30%) !important;
  }

  .fixedheader .tg_language ul > li a {
    border: 1px solid rgb(16 16 16 / 30%) !important;
    color: #000 !important;
  }

  .home .icon_mobile_click i.fa,
  .page-template-page-template-gioithieu .icon_mobile_click i.fa {
  }

  .home .bottom_header.fixedheader .icon_mobile_click i.fa,
  .page-template-page-template-gioithieu
  .bottom_header.fixedheader
  .icon_mobile_click
  i.fa {
  }

  .bottom_header {
    padding: 10px 0px !important;
  }
  .tg_language {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .tg_language ul{
    display: none;
  }
  .icon_mobile_click {
    display: block !important;
  }
  .sc_partner_home:before,
  .tg_bot_footer:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .google_map{
    margin: 50px 0 0 0;
  }
  #mute {
    bottom: 15px;
    left: 15px;
  }
  .wrap_desj_detail ul li{
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .content_single_post{
    font-size: 14px;
    line-height: 22px;
  }
  .wrap_tuyendung_p {
    flex-direction: column-reverse;
  }

  .wrap_tuyendung_p .wrap_tuyendung_p_left {
  }

  .wrap_tuyendung_p .wrap_tuyendung_p_left h1 {
    margin: 0 0 10px 0px;
    font-size: 3rem;
    line-height: 3.8rem;
  }

  .wrap_tuyendung_p .wrap_tuyendung_p_right {
  }

  .wrap_tuyendung_p .wrap_tuyendung_p_right h1 {
    font-size: 2.6rem;
    line-height: 130%;
    font-weight: 600;
  }

  .wrap_tuyendung_p .wrap_tuyendung_p_right .tg_wrap_sidebar_r {
    display: flex;
    flex-direction: column;
  }

  .wrap_tuyendung_p .wrap_tuyendung_p_right .tg_wrap_sidebar_r .tg_btn_ungtuyen {
    display: none;
  }

  .wrap_desj_detail {
  }

  .wrap_desj_detail ul {
  }

  .wrap_desj_detail ul li {
  }

  .wrap_desj_detail ul li::before {
  }

  .wrap_desj_detail ul li strong {
  }

  .tg_tuyendung_info {
  }

  .form_recruit_single {
  }

  .form_recruit_single h3 {
  }

  .qb_tuvan_homepage .sticky_top {
  }

  .wrap_single_post .share_cpright {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .wrap_single_post .share_cpright p {
    margin: 0;
  }

  .wrap_single_post .share_cpright ul {
  }

  .wrap_single_post .share_cpright ul li {
  }

  .wrap_single_post .share_cpright ul li a {
  }

  .wrap_single_post .share_cpright ul li a:hover {
  }

  .wrap_single_post .share_cpright ul li i.fa {
  }

  .wrap_single_post .share_cpright .author_post {
  }

  .wrap_single_post .share_cpright .author_post p {
  }

  .tg_btn_ungtuyen a {
  }

  .content_single_post ul {
  }

  .content_single_post ul {
  }

  .form_general .tg_col_6 {
  }

  .form_general input[type="submit"] {
  }

  .form_general p {
  }

  .form_general {
    padding: 2rem 1.5rem;
  }

  .form_general .tg_wrap_list_item {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung {
    flex-direction: column;
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung input, .form_general .tg_wrap_list_item .item_f_tuyendung textarea {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung input::placeholder, .form_general .tg_wrap_list_item .item_f_tuyendung textarea::placeholder {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung .up_cv {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung .up_cv label {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung .up_cv label {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung .up_cv label::before {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung .up_cv input[type="file"] {
  }

  .form_general .tg_wrap_list_item .item_f_tuyendung .up_cv span {
  }

  .tg_recaptcha {
  }

  .wpcf7-form .wpcf7-spinner {
  }

  .wpcf7-form.submitting .wpcf7-spinner {
  }

  .wpcf7-form[data-status="submitting"]::before {
  }

  .dd_recrui ul {
    flex-direction: column;
    gap: 0.5rem;
  }

  .dd_recrui ul li {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .dd_recrui ul li::before {
  }

  .dd_recrui ul li:last-child::before {
  }

  .dd_recrui ul li em {
  }

  .dd_recrui ul li p {
  }

  .dd_recrui ul li p cite:first-child {
  }

  .single-tuyen_dung .welfare h2, .single-tuyen_dung .content_single_post h2 {
  }
  .tg_info_lh_left figure{
    margin: 0 auto 20px auto;
  }
  .tg_service_introduce_page .tg_list_out_conainer>.panel-grid-cell>.so-panel>.panel-layout{
    padding:0;
  }
  .btn_readm1{
    margin:15px 0px 0px 0px;
  }
  .home .g_content{
    padding:0;
  }
  .tg_project_list .tg_project_list_item .tg_project_list_item_textwidget b{
    font-size: 1.8rem;
  }
  .compare-before>div{
    width: 320px !important;
  }
  .tg_list_gp>.panel-grid-cell>.so-panel>.panel-layout {
    display: flex;
    flex-direction: column;
    gap:20px;
  }
  .tg_figure_compare .textwidget{
    width: 320px !important;
    height: 320px !important;
  }

  .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n + 1) > .panel-grid-cell:nth-child(2) img, .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n) > .panel-grid-cell:nth-child(1) img{
    border-radius: 0 0 20px 20px;
  }
  .tg_home_introduce_top {
    gap:30px;
  }
  .tg_project_list .tg_project_list_item .tg_project_list_item_figure img{
    height: 260px;
  }
  .csnb_general {
    gap:30px !important;
  }
  .tg_gp_related .tg_gp_ep li:first-child a::before{margin: 0px 5px 0px 0px;font-size: 17px;}
  .tg_gp_related .tg_gp_ep li:last-child a::after{
    font-size: 17px;
    margin: 0px 0px 0px 5px;
  }
  .tg_gp_related .tg_gp_ep li a{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_gp_related h3{
    font-size: 24px;
    line-height: 32px;
  }
  .tg_gp_related .tg_gp_ep{
    margin: 0px 0px 20px 0px;
  }
  .qb_single_page .info_post .date_post{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_list_partner_page{
    gap: 20px;
  }
  .tg_list_out_conainer {
    margin: 0px 0px 50px 0px;
  }
  .tg_list_nav_gp h3.widget-title{
    font-size: 16px;
    line-height: 23px;
    padding: 15px;
  }
  .tg_accunetix_area > .panel-grid-cell:nth-child(3) > .so-panel:nth-child(2) .textwidget , .tg_gp_htcd_page .tg_list_out_conainer [class*="tg_nav_"] .textwidget,
  .tg_info_lh_left .textwidget ul li{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_accunetix_area {
    gap: 50px;
    margin: 0px 0px 50px 0px;
  }
  .tg_accunetix_area > .panel-grid-cell:nth-child(2) figure::before{
    width: 1px;
    height: 300px;
    left: 50%;
    bottom: -80px;
  }
  .tg_accunetix_area > .panel-grid-cell:nth-child(3){
    width: 100% !important;
  }
  .tg_list_out_conainer .textwidget a{
    font-size: 14px;
    line-height: 22px;
  }
  .page-template-page-template-sanpham .tg_about_us_top  {
    padding:0px 0px 40px 0px;
  }
  .popup .content_popup .info_tuyendung h3{
    font-size: 20px;
    line-height: 26px;
  }
  .qb_single_page .info_post .date_post{
    font-size: 14px;
    line-height: 22px;
  }
  .popup_tuyendung .content_popup{
    margin: 30px auto 50px auto;
    width: 95%;
  }
  .tg_list_post_arc li{
    width: 100%;
  }
  .page-template-page-template-gioithieu .tg_gtcl_2024 .tg_list_gtcl .textwidget{
    margin: 0px;
    font-size: 14px;
    line-height: 22px;
  }
  .tg_short_desc_top.short_text_h h3.widget-title{
    margin: 0px 0px 20px 0px;
  }
  .tg_short_desc_top.short_text_h{
    margin: 0px 0px 50px 0px;
  }
  .tg_news_2024::before{
    visibility: hidden;
  }
  .tg_info_footer ul li{
    font-size: 14px;
    line-height: 22px;
  }
  .tg_short_desc_top.short_text_h .textwidget{
    font-size: 14px;
    line-height: 22px;
  }
  .sc_partner_home:before , .sc_cus_home::before{
    visibility: hidden;
  }
  .tg_product_2024 .tg_list_gp > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid figure{
    margin: 0px 0px 15px 0px;
  }
  .tg_product_2024 .tg_list_gp > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid:nth-child(2n+1){
    flex-direction: column-reverse !important;
  }
  .tg_product_2024 .tg_list_gp > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid:nth-child(2n) > .panel-grid-cell:nth-child(1) img{
    height: 280px;
  }
  .tg_product_2024 .tg_list_gp > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid:nth-child(1) ~ .panel-grid{
    margin: 0px;
  }
  .tg_product_2024 .tg_list_gp > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid:nth-child(2n + 1) > .panel-grid-cell:nth-child(2) img{
    position: relative;
    top:initial;
    right: initial;
  }
  .tg_product_2024 .tg_list_gp > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid:nth-child(2n) > .panel-grid-cell:nth-child(1) img{
    position: relative;
    top:initial;
    left: initial;
  }
  .tg_form_ft h2 {
    font-size: 23px;
  }
  .tg_info_lh_left {
    margin: 0px 0px 20px 0px;
  }
  .tg_list_partner_page li {
    width: 100%;
  }

  .qb_see_more_post ul li .text_widget h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .qb_see_more_post .see_more_post_title {
    font-size: 20px;
    line-height: 28px;
    margin: 0px auto 10px auto;
  }
  .tg_btn_recuirt {
    margin: 20px auto 0px auto;
    padding: 8px 15px;
  }
  .qb_single_page .ct_text {
    font-size: 14px;
    line-height: 22px;
  }
  .qb_single_page .info_post {
    margin: 0px 0px 20px 0px;
  }
  .qb_single_page > .row .col-sm-8,
  .qb_single_page > .row .col-sm-4 {
    width: 100%;
    margin: 0px 0px 40px 0px;
  }
  .qb_single_page .info_post h1 {
    font-size: 22px;
    line-height: 32px;
  }
  .tg_pagination {
    margin: 20px auto;
  }
  .tg_title_page {
    font-size: 28px;
    line-height: 36px;
    margin: 0px 0px 20px 0px;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n) {
    text-align: justify;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid:nth-child(2n){
    flex-direction: column-reverse !important;
  }
  .tg_list_out_conainer .textwidget p {
    margin: 0px 0px 10px 0px;
  }
  .page-template-page-template-sanpham .tg_about_us_top .short_text_h {
    margin: 0px 0px 20px 0px;
  }
  .tg_breadcrumb .tg_wrap_breadc h3 {
    font-size: 28px;
    line-height: 36px;
  }
  .tg_breadcrumb {
    height: 250px;
  }
  .page-template-page-template-gioithieu .tg_gtcl_2024 {
    padding: 40px 0px;
  }
  .page-template-page-template-gioithieu
  .tg_gtcl_2024
  .tg_list_gtcl
  .textwidget
  h4 {
    margin: 0px 0px 10px 0px;
    font-size: 24px;
    line-height: 32px;
  }
  .page-template-page-template-gioithieu .tg_list_gtcl > .panel-grid-cell {
    margin: 0px 0px 20px 0px !important;
  }
  .page-template-page-template-gioithieu .tg_gtcl_2024 .short_text_h {
    margin: 0px 0px 20px 0px;
  }
  .tg_gtcl_2024 .tg_list_gtcl .textwidget {
  }
  .vimi_general
  > .panel-layout
  > .panel-grid:nth-child(2)
  .vimi_detailds
  > .panel-grid-cell:nth-child(1) {
    order: 2;
  }
  .vimi_general .vimi_detailds .text_widget {
    margin: 0px 0px 20px 0px;
  }
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(1) {
    position: relative;
    left: inherit;
    bottom: inherit;
    max-width: inherit;
    height: inherit;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid:last-child {
    margin: 0px !important;
  }
  .tg_list_out_conainer .panel-layout > .panel-grid {
    margin: 0px 0px 40px 0px !important;
  }
  .tg_about_us_top .short_text_h {
    margin: 0px 0px 40px 0px;
  }
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(2) {
    position: relative;
    bottom: inherit;
    right: inherit;
    max-width: inherit;
    height: inherit;
  }
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(1),
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(2) {
    width: 100% !important;
    min-height: inherit;
  }
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(1)
  .textwidget,
  .tg_list_out_conainer
  .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(2)
  .textwidget {
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
    border-radius: 20px 20px 0 0;
  }
  .tg_list_out_conainer .panel-layout h3.widget-title {
    font-size: 24px;
    line-height: 32px;
    margin: 0px 0px 20px 0px;
    text-align: center;
  }
  .footer_flex > .panel-grid-cell:nth-child(1) {
    margin: 0;
  }
  .footer_flex{
    gap:30px !important;
  }
  .tg_bot_footer {
    padding: 40px 0px 60px 0px;
  }
  .tg_list_partner_page .slick-list,
  .tg_partner_layout .slick-list,
  .tg_cus_layout .slick-list {
    padding: 0px;
  }
  .sc_partner_home .short_text_h .textwidget p {
    margin: 0px;
  }
  .wrap_genera .text_widget p {
    margin: 0px 0px 10px 0px;
  }
  .tg_news_layout .slick-slide .wrap_genera .text_widget p a {
    min-height: initial;
  }
  .wrap_genera .text_widget p a {
    font-size: 18px;
    line-height: 24px;
  }
  .wrap_genera .text_widget {
    padding: 30px 20px 20px 20px;
  }
  .wrap_genera .wrap_figure span {
    font-size: 14px;
    line-height: 22px;
    padding: 5px 12px;
    bottom: -16px;
  }
  .wrap_genera .wrap_figure img {
    height: 220px;
  }
  .gp_general
  > .panel-layout
  > .panel-grid:nth-child(2)
  .gp_detailds
  > .panel-grid-cell:nth-child(1) {
    order: 2;
  }
  .gp_general > .panel-layout > .panel-grid:last-child {
    margin: 0px !important;
  }
  .gp_general > .panel-layout > .panel-grid {
    margin: 0px 0px 40px 0px !important;
  }
  .tg_product_2024 .text_widget {
    margin: 0px 0px 20px 0px;
  }
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(2),
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(1) {
    width: 100% !important;
    min-height: inherit;
  }
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(2)
  img {
    position: relative;
    right: inherit;
    top: inherit;
    height: inherit;
    max-width: inherit;
  }
  .tg_product_2024 .tg_list_gp .panel-layout .textwidget {
    font-size: 14px;
    line-height: 22px;
  }
  .tg_product_2024 .tg_list_gp .panel-layout h3.widget-title {
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 10px 0px;
  }
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n + 1)
  > .panel-grid-cell:nth-child(1),
  .tg_product_2024
  .tg_list_gp
  > .panel-grid-cell
  > .so-panel
  > .panel-layout
  > .panel-grid:nth-child(2n)
  > .panel-grid-cell:nth-child(2) {
    width: 100% !important;
  }
  .short_text_h {
    margin: 0px 0px 20px 0px;
  }
  .tg_pd_100 {
    padding: 60px 0px;
  }
  .tg_list_gtcl > .panel-grid-cell:last-child {
    margin: 0px !important;
  }
  .tg_gtcl_2024 .tg_list_gtcl .textwidget figure {
    margin: 0px;
  }
  .tg_gtcl_2024 .tg_list_gtcl .textwidget h4 {
    font-size: 20px;
    margin: 0px;
  }
  .tg_list_gtcl > .panel-grid-cell {
    margin: 0px 0px 130px 0px !important;
  }
  .tg_gtcl_2024 .short_text_h {
    margin: 0px 0px 80px 0px !important;
  }
  .home .tg_gtcl_2024 .tg_list_gtcl .textwidget::before {
    width: 200px;
    height: 200px;
    left: -6px;
    top: -30px;
  }
  .short_text_h h3.widget-title {
    font-size: 28px;
    line-height: 36px;
  }
  .tg_gtcl_2024 {
    padding: 40px 0px 100px 0px;
  }
  .tg_text_banner p {
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
  }
  .banner_home video {
    height: 300px;
  }
  .tg_text_banner h3 {
    font-size: 36px;
    line-height: 44px;
  }
  .banner_home {
    padding: 65px 0 0 0;
  }
  .logo_site {
    max-width: 120px !important;
  }
  body {
    font-size: 14px;
    line-height: 22px;
  }
}
/*END CSS RESPONSIVE*/

@-webkit-keyframes slide-up {
  0% {
    opacity: 0;

    -webkit-transform: translateY(50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes slide-up {
  0% {
    opacity: 0;

    -moz-transform: translateY(50px);
  }

  100% {
    opacity: 1;

    -moz-transform: translateY(0);
  }
}

.loading_spinner {
  border: 5px solid #f3f3f3;
  -webkit-animation: load_keyf 1s linear infinite;
  animation: load_keyf 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0px auto;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

@keyframes load_keyf {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}