*,
a {
  margin: 0;
}
* {
  padding: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: mulish-light;
  src: url(../font/Mulish-Light.ttf);
  font-display: swap;
}
@font-face {
  font-family: robo;
  src: url(../font/Roboto-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: robo-bold;
  src: url(../font/Roboto-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: robo-light;
  src: url(../font/Roboto-Light.ttf);
  font-display: swap;
}
@font-face {
  font-family: robo-medium;
  src: url(../font/Roboto-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: robocon;
  src: url(../font/RobotoCondensed-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: robocon-bold;
  src: url(../font/RobotoCondensed-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: robocon-light;
  src: url(../font/RobotoCondensed-Light.ttf);
  font-display: swap;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1225px;
    margin: 0 auto;
  }
}
.load.text-center {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 201;
}
.load.text-center.show {
  display: flex !important;
}
.load.text-center:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.load.text-center p {
  color: #fff;
  z-index: 2;
}
.load.text-center img {
  z-index: 2;
  width: 100px;
}
.container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.skiptranslate {
  display: none;
}
body {
  font-family: robo;
  top: 0 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-x: hidden;
}
@media (max-width: 1024px) {
  body {
    padding-top: 139.66px;
  }
}
@media (max-width: 991px) {
  body {
    padding-top: 119px;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 101px;
  }
}
ul {
  list-style: none;
}
a {
  padding: 0;
  text-decoration: none;
  font-family: robo;
  cursor: pointer;
}
a:hover {
  color: #b87f0e;
}
img {
  display: block;
  max-width: 100%;
  transition: transform 0.3s linear;
}
.banner img {
  width: 100%;
  height: 100%;
}
.banner.owl-theme .owl-nav.disabled + .owl-dots {
  position: relative;
  margin-top: -25px;
}
label.error {
  color: red;
  font-size: 13px;
}
header .hd-top {
  background: #b87f0e;
  padding: 12px 0;
}
header .hd-top .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .hd-top .left .name-com {
  font-family: robocon-bold;
  font-size: 21px;
  color: #fff;
  text-transform: uppercase;
}
header .hd-top .left .slogan {
  font-family: robocon-light;
  font-size: 16px;
  color: #fff;
}
header .hd-top .right {
  display: flex;
  align-items: center;
  justify-content: end;
}
header .hd-top .right .item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 20px;
}
header .hd-top .right .item .ic {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
}
header .hd-top .right .item p {
  width: calc(100% - 46px);
  font-family: robo-light;
  font-size: 15px;
  color: #fff;
}
header .hd-top .right .item a {
  font-family: robo;
  font-size: 16px;
  color: #fff;
}
header .hd-top .right .item a:hover {
  color: #b87f0e;
}
@media (max-width: 1024px) {
  header .hd-top .right {
    display: none;
  }
  header .hd-bot .logo img {
    max-width: 80px;
  }
}
header .hd-bot {
  border-bottom: 1px solid #bbb;
}
header .hd-bot .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .hd-bot .container .lang-mb-360 {
  display: none;
}
@media (min-width: 1025px) {
  header .hd-bot .container > .menu {
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
  }
  header .hd-bot .container > .menu > li {
    padding: 0 17px;
    position: relative;
    height: 98px;
    display: flex;
    align-items: center;
  }
  header .hd-bot .container > .menu > li.pro {
    position: initial;
  }
  header .hd-bot .container > .menu > li > a {
    font-family: robocon-bold;
    font-size: 17px;
    color: #b87f0e;
    text-transform: uppercase;
  }
  header .hd-bot .container > .menu > li i:hover,
  header .hd-bot .container > .menu > li > a.active,
  header .hd-bot .container > .menu > li > a:hover {
    color: #b87f0e;
  }
  header .hd-bot .container > .menu > li svg {
    height: 20px;
    width: 23px;
    fill: #b87f0e;
  }
  header .hd-bot .container > .menu > li svg.active,
  header .hd-bot .container > .menu > li svg:hover {
    fill: #b87f0e;
  }
  header .hd-bot .container > .menu > li .submenu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    z-index: 999;
    min-width: 200px;
    padding: 10px 15px;
    opacity: 0;
    pointer-events: none;
    transition: top 0.2s linear, opacity 0.2s linear;
  }
  header .hd-bot .container > .menu > li .submenu > li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
  }
  header .hd-bot .container > .menu > li .submenu > li i {
    font-size: 12px;
  }
  header .hd-bot .container > .menu > li .submenu > li a {
    font-family: robocon-bold;
    font-size: 15px;
    color: #333;
  }
  header .hd-bot .container > .menu > li .submenu > li a:hover {
    color: #b87f0e;
  }
  header .hd-bot .container > .menu > li .submenu.pro {
    min-width: 950px;
    display: flex;
    align-items: start;
    gap: 30px;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li {
    display: block;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.back {
    display: none;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.construction {
    width: calc(50% - 15px);
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.construction > a {
    background: #b87f0e;
    font-family: robocon-bold;
    font-size: 17px;
    color: #fff;
    padding: 5px 0 5px 5px;
    border-radius: 5px;
    text-transform: uppercase;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.construction
    > a:hover {
    color: #b87f0e;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.construction
    > ul
    > li {
    padding: 5px 0;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.construction
    > ul
    > li
    > a {
    font-family: robocon-bold;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.construction
    > ul
    > li
    > a:hover {
    color: #b87f0e;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.supplies {
    width: calc(50% - 15px);
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.supplies > a {
    background: #b87f0e;
    font-family: robocon-bold;
    font-size: 17px;
    color: #fff;
    padding: 5px 0 5px 5px;
    border-radius: 5px;
    text-transform: uppercase;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.supplies > a:hover,
  header .hd-bot .container > .menu > li.lang .language-menu .lang:hover {
    color: #b87f0e;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.supplies > ul {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 5px 0 0;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li.supplies > ul > li {
    padding: 5px 0;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > a {
    font-size: 15px;
    text-transform: uppercase;
    font-family: robocon-bold;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > ul
    > li {
    padding: 5px 0;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > ul
    > li
    i {
    margin-right: 5px;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > ul
    > li
    a {
    font-size: 15px;
    text-transform: initial;
    font-family: robocon-bold;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > ul
    > li
    > ul {
    list-style: square;
    margin-left: 40px;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > ul
    > li
    > ul
    > li {
    padding: 5px 0;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > ul
    > li
    > ul
    > li
    a {
    font-family: robocon;
    font-size: 15px;
    color: #333;
  }
  header
    .hd-bot
    .container
    > .menu
    > li
    .submenu.pro
    > li.supplies
    > ul
    > li
    > ul
    > li
    > ul
    > li
    a:hover {
    color: #b87f0e;
  }
  header .hd-bot .container > .menu > li .submenu.pro > li > a {
    display: block;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
  }
  header .hd-bot .container > .menu > li:hover .submenu {
    top: 100%;
    opacity: 1;
    pointer-events: all;
  }
  header .hd-bot .container > .menu > li .showmenu {
    display: none;
  }
  header .hd-bot .container > .menu > li.search {
    padding: 0 20px 0 0;
    cursor: pointer;
    position: relative;
  }
  header .hd-bot .container > .menu > li.search::before {
    content: "";
    display: block;
    width: 1px;
    height: 25px;
    background: #bbb;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  header .hd-bot .container > .menu > li.lang {
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    gap: 15px;
  }
  header .hd-bot .container > .menu > li.lang .drop-down {
    position: relative;
  }
  header .hd-bot .container > .menu > li.lang .drop-down .text {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  header .hd-bot .container .icon-down,
  header .hd-bot .container .icon-down-sub,
  header .hd-bot .container .icon-down-sub-2,
  header .hd-bot .container .icon-down-sub-3,
  header .hd-bot .container > .menu li ul .back,
  header .hd-bot .container > .menu li.back,
  header .hd-bot .container > .menu li > i.fa-arrow-right-long {
    display: none;
  }
  header .hd-bot .container > .menu > li.lang .drop-down .icon-down {
    transition: transform 0.3s linear;
  }
  header .hd-bot .container > .menu > li.lang .language-menu {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);
    transform: translateY(10px);
    right: 0;
    padding: 5px 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 100px;
    transition: transform 0.3s linear, opacity 0.3s linear;
  }
  header .hd-bot .container > .menu > li.lang .language-menu .lang {
    padding: 5px;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    cursor: pointer;
  }
  header .hd-bot .container > .menu > li.lang .language-menu .lang:last-child {
    border-bottom: 0;
  }
  header .hd-bot .container > .menu > li.lang:hover .drop-down .icon-down {
    transform: rotate(180deg);
  }
  header .hd-bot .container > .menu > li.lang:hover .language-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }
  header .hd-bot .container > .menu li > i.fa-angle-right {
    color: #b87f0e;
  }
  header .hd-bot .container .icon-down-sub-2.active,
  header .hd-bot .container .icon-down-sub-3.active,
  header .hd-bot .container .icon-down-sub.active,
  header .hd-bot .container .icon-down.active {
    transform: rotate(180deg);
  }
}
header .hd-bot .touch-menu {
  display: none;
}
@media (max-width: 1024px) {
  header .hd-bot .touch-menu {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    z-index: 999;
  }
  header .hd-bot .touch-menu span {
    width: 24px;
    height: 2px;
    background-color: #b87f0e;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 4px;
  }
  header .hd-bot .touch-menu span::after,
  header .hd-bot .touch-menu span::before {
    content: "";
    width: inherit;
    height: inherit;
    background-color: #b87f0e;
    top: -8px;
    position: absolute;
    transition: transform 0.3s linear;
  }
  header .hd-bot .touch-menu span::after {
    top: 8px;
  }
  header .hd-bot .touch-menu.active span {
    transform: rotate(-135deg);
    width: 28px;
    background: #b87f0e;
  }
  header .hd-bot .touch-menu.active span::after,
  header .hd-bot .touch-menu.active span::before {
    top: 0;
    transform: rotate(-90deg);
    background: #b87f0e;
  }
  header .hd-bot .icon-down,
  header .hd-bot .icon-down-sub,
  header .hd-bot .icon-down-sub-2,
  header .hd-bot .icon-down-sub-3 {
    transform: rotate(0);
    transition: transform 0.2s linear;
  }
  header .hd-bot .icon-down-sub-2.active,
  header .hd-bot .icon-down-sub-3.active,
  header .hd-bot .icon-down-sub.active,
  header .hd-bot .icon-down.active {
    transform: rotate(180deg);
  }
  header .hd-bot .menu {
    position: fixed;
    top: 119px;
    right: 0;
    bottom: 0;
    width: 40%;
    background: #fff;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 999;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s linear, transform 0.2s linear;
  }
  header .hd-bot .menu::-webkit-scrollbar {
    display: none;
  }
  header .hd-bot .menu.active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: all;
  }
  header .hd-bot .menu a,
  header .hd-bot .menu i {
    color: #333;
  }
  header .hd-bot .menu li {
    position: relative;
  }
  header .hd-bot .menu li .icon-down,
  header .hd-bot .menu li .icon-down-sub,
  header .hd-bot .menu li .icon-down-sub-2,
  header .hd-bot .menu li .icon-down-sub-3 {
    position: absolute;
    top: 10px;
    right: 15px;
  }
  header .hd-bot .menu > li {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #e4e4e4;
  }
  header .hd-bot .menu > li svg {
    width: 20px;
    fill: #333;
  }
  header .hd-bot .menu > li a {
    text-transform: uppercase;
    font-family: robocon-bold;
    padding: 10px;
  }
  header .hd-bot .menu > li .btn-search {
    display: none;
  }
  header .hd-bot .menu > li .input_sr {
    position: static;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    width: 100%;
    padding: 10px 15px;
  }
  header .hd-bot .menu > li .input_sr input {
    height: 40px;
    width: 100%;
  }
  header .hd-bot .menu > li .input_sr button {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    border: 0;
    background: 0 0;
  }
  header .hd-bot .menu > li .input_sr button i {
    color: #b87f0e;
  }
  header .hd-bot .menu > li ul.submenu {
    width: 100%;
  }
  header .hd-bot .menu > li ul.submenu > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #e4e4e4;
  }
  header .hd-bot .menu > li ul.submenu > li:first-child {
    border-top: 2px solid #e4e4e4;
  }
  header .hd-bot .menu > li ul.submenu > li i.fa-angle-right {
    display: none;
  }
  header .hd-bot .menu > li ul.submenu > li > a {
    font-family: robo-medium;
    text-transform: unset;
    padding-left: 15px;
  }
  header .hd-bot .menu > li ul.submenu ul {
    width: 100%;
    display: none;
  }
  header .hd-bot .menu > li ul.submenu ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #e4e4e4;
  }
  header .hd-bot .menu > li ul.submenu ul li:first-child {
    border-top: 2px solid #e4e4e4;
  }
  header .hd-bot .menu > li ul.submenu ul li a {
    text-transform: unset;
    font-family: robo;
    padding: 10px 20px;
  }
  header .hd-bot .menu > li ul.submenu ul li ul {
    display: none;
    list-style: circle;
  }
  header .hd-bot .menu > li ul.submenu ul li ul li a {
    padding-left: 25px;
  }
  header .hd-bot .menu > li ul.submenu ul li ul li ul li a {
    padding-left: 30px;
    font-size: 14px;
  }
  header .hd-bot .language.lang {
    display: none;
  }
}
._contact .form-advise,
._project .lst-project .item .txt,
.alrt-popup,
header .input_sr {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  header .hd-bot .container .lang-mb-360 {
    display: block;
    position: absolute;
    right: calc((100% - 540px) / 2 + 55px);
  }
  header .hd-bot .container .lang-mb-360 .lang {
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .hd-bot .container .lang-mb-360 .lang img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767px) and (max-width: 567px) {
  header .hd-bot .container .lang-mb-360 {
    right: 55px;
  }
}
header .input_sr .sr-mb,
header .mb {
  display: none;
}
header .input_sr {
  position: absolute;
  top: 50%;
  right: calc(100% + 20px);
  transform: translateY(-50%);
  transition: opacity 0.2s linear;
}
header .input_sr input {
  height: 0;
  width: 300px;
  border-radius: 5px;
  border: 1px solid #bbb;
  font-family: robo;
  font-size: 15px;
  color: #333;
  outline: 0;
  padding-left: 15px;
  transition: height 0.2s linear;
}
header .input_sr input::placeholder {
  font-family: robo;
  font-size: 15px;
  color: #333;
}
header .input_sr.active {
  pointer-events: all;
  opacity: 1;
}
header .input_sr.active input {
  height: 40px;
}
@media (max-width: 1024px) {
  header .mb .lang-mb .icon-down,
  header .mb .lang-mb .text span,
  header .mb .search-mb i {
    color: #fff;
  }
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 991;
  }
  header .hd-bot {
    background: #fff;
  }
  header .mb {
    display: flex;
    align-items: center;
  }
  header .mb .search-mb {
    position: relative;
    padding-right: 20px;
    border-right: 1px solid #bbb;
    cursor: pointer;
  }
  header .mb .lang-mb {
    margin-left: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 9999;
  }
  header .mb .lang-mb .drop-down {
    position: relative;
  }
  header .mb .lang-mb .drop-down .text {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  header .mb .lang-mb .drop-down .icon-down {
    transition: transform 0.3s linear;
  }
  header .mb .lang-mb .language-menu {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);
    transform: translateY(10px);
    right: 0;
    padding: 5px 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 100px;
    transition: transform 0.3s linear, opacity 0.3s linear;
  }
  header .mb .lang-mb .language-menu .lang {
    padding: 5px;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    cursor: pointer;
  }
  header .mb .lang-mb .language-menu .lang:hover {
    color: #b87f0e;
  }
  header .mb .lang-mb .language-menu .lang:last-child {
    border-bottom: 0;
  }
  header .mb .lang-mb:hover .drop-down .icon-down {
    transform: rotate(180deg);
  }
  header .mb .lang-mb:hover .language-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }
}
.accessories-jato .lst-pro .item,
.form-advise .grid-input,
.general-intro .profile .item .img img,
.social-fixed a:not(.text) {
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
@media (max-width: 767px) {
  header .mb {
    display: none;
  }
  header .hd-top {
    padding: 5px 0;
  }
  header .hd-top .container {
    justify-content: center;
  }
  header .hd-top .left .name-com,
  header .hd-top .left .slogan {
    text-align: center;
  }
  header .hd-top .left .name-com {
    font-size: 18px;
  }
  header .hd-top .left .slogan {
    font-size: 15px;
  }
  header .hd-bot .logo img {
    max-width: 60px;
  }
  header .hd-bot .menu {
    top: 101px;
    width: 100%;
  }
}
.social-fixed {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 900;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 10px;
}
.social-fixed a:not(.text) {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-fixed a:not(.text) img {
  width: 30px;
  height: auto;
  object-fit: cover;
}
.social-fixed a:not(.text).phone {
  background: red;
}
.social-fixed a:not(.text).mess {
  background: #2e46c0;
}
.social-fixed a:not(.text).zalo {
  background: #067dca;
}
.social-fixed .hl-fixed {
  display: flex;
  align-items: center;
  justify-content: end;
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
}
.social-fixed .hl-fixed .text {
  font-family: robo-bold;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 60px 0 15px;
  border-radius: 50px;
  background: #ff0000;
  color: #fff;
  z-index: -1;
}
.banner-sale,
.banner-sale .desc {
  position: relative;
}
.social-fixed .hl-fixed a {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .social-fixed {
    top: initial;
    bottom: 20px;
    right: 10px;
  }
}
.banner-sale {
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-sale .desc p:last-child {
  margin-bottom: 0;
}
.banner-sale .desc:after,
.banner-sale .desc:before {
  content: "";
  background: url(../image/icon-hot.webp) center center no-repeat;
  background-size: 100% 100%;
  width: 34px;
  height: 44px;
  position: absolute;
  top: -15px;
}
.banner-sale .desc:after {
  left: 0;
  transform: translateX(calc(-100% - 15px)) scaleX(-1);
}
.banner-sale .desc:before {
  right: 0;
  transform: translateX(calc(100% + 15px));
}
.product .tab .item::before,
.product h2::before,
.slider .owl-dots {
  transform: translateX(-50%);
  left: 50%;
}
@media (max-width: 991px) {
  .banner-sale .desc:after,
  .banner-sale .desc:before {
    top: 0;
  }
}
@media (max-width: 767px) {
  .banner-sale .desc p span {
    font-size: 12px !important;
  }
  .banner-sale .desc p span:nth-child(3) {
    font-size: 10px !important;
  }
  .banner-sale .desc:after,
  .banner-sale .desc:before {
    display: none;
  }
}
.product h2,
.product h2 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-align: center;
}
.banner-sale .ic {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 10;
}
.banner-sale.hide {
  display: none;
}
.slider {
  position: relative;
  margin-bottom: 40px;
}
.slider .item img {
  height: initial;
}
.slider .owl-dots {
  margin: 0 !important;
  position: absolute;
  bottom: 20px;
}
.product .tab .item,
.product h2 {
  text-transform: uppercase;
  position: relative;
}
.slider .owl-dots .owl-dot span {
  border: 1px solid #fff;
  background: 0 0;
}
.slider .owl-dots .owl-dot.active span {
  background: #fff;
}
@media (max-width: 767px) {
  .slider {
    margin-bottom: 15px;
  }
}
.product {
  margin-bottom: 50px;
}
.product h2 {
  padding-bottom: 25px;
  margin-bottom: 15px;
}
.product h2 a {
  text-transform: uppercase;
}
.product h2::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .product {
    margin-bottom: 15px;
  }
  .product h2,
  .product h2 a {
    font-size: 20px;
  }
}
.product .container > .desc {
  margin-bottom: 25px;
}
.product .container > .desc p {
  font-family: robo;
  font-size: 18px;
  color: #333;
  text-align: center;
}
@media (max-width: 767px) {
  .product .container > .desc {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .product .container > .desc p {
    font-size: 15px;
  }
}
.product .catalog,
.product .tab .item {
  font-size: 18px;
  color: #fff;
  transition: background 0.2s linear;
  height: 45px;
}
.product .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.product .tab .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-radius: 22.5px;
  background: #0000004f;
  font-family: robocon;
  cursor: pointer;
}
.product .tab .item::before {
  content: "";
  display: block;
  border: 11px solid transparent;
  position: absolute;
  top: 100%;
}
.product .tab .item.active,
.product .tab .item:hover {
  background: #b87f0e;
}
.product .tab .item.active::before {
  border-top: 11px solid #b87f0e;
}
@media (max-width: 767px) {
  .product .tab {
    justify-content: left;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 0;
    gap: 15px;
  }
  .product .tab .item {
    white-space: nowrap;
    font-size: 16px;
    width: 100%;
    height: 35px;
    padding: 0 15px;
  }
  .product .tab .item:before {
    display: none;
  }
}
.product .lst-product {
  display: none;
  align-items: start;
  gap: 25px;
  margin-bottom: 30px;
}
.product .lst-product .item {
  width: calc((100% - 50px) / 3);
}
.product .lst-product .item .img {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 25px;
}
.product .lst-product .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.product .lst-product .item .img:hover > img {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  .product .lst-product .item .img {
    margin-bottom: 15px;
  }
}
.product .lst-product .item .txt h3 {
  margin-bottom: 10px;
  text-align: center;
}
.product .lst-product .item .txt h3 a {
  font-family: robocon-bold;
  font-size: 20px;
  color: #333;
}
.product .lst-product .item .txt h3 a:hover {
  color: #b87f0e;
}
.product .lst-product .item .txt .desc p {
  font-family: robo;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.product .lst-product.active {
  display: flex;
}
@media (max-width: 767px) {
  .product .lst-product .item .txt .desc p {
    font-size: 15px;
  }
  .product .lst-product {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
  }
  .product .lst-product .item {
    width: 100%;
  }
}
.product .catalog {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 230px;
  border-radius: 22.5px;
  background: #ff7800;
  font-family: robocon-bold;
  text-transform: uppercase;
  margin: auto;
}
.customer-care h2::before,
.project h2::before {
  height: 18px;
  bottom: 0;
  transform: translateX(-50%);
  content: "";
}
.customer-care h2,
.customer-care h2 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
}
.product .catalog:hover {
  background: #b87f0e;
}
.customer-care {
  padding: 55px 0;
  margin-bottom: 55px;
  background: url(../image/bgr-ct-care.webp) no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .customer-care {
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .customer-care h2,
  .customer-care h2 a {
    font-size: 20px;
  }
}
.customer-care h2 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 20px;
}
.customer-care h2::before {
  display: block;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  left: 50%;
}
@media (min-width: 1024px) {
  .customer-care .process-cnt {
    display: flex;
    align-items: start;
    gap: 35px;
  }
  .customer-care .process-cnt .left,
  .customer-care .process-cnt .right {
    width: calc((100% - 35px) / 2);
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .customer-care .process-cnt .left .tit,
  .customer-care .process-cnt .right .tit {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(#b87f0e, #0f65ab);
    padding: 0 30px;
  }
  .customer-care .process-cnt .left .tit h3,
  .customer-care .process-cnt .right .tit h3 {
    font-family: robocon-bold;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
  }
  .customer-care .process-cnt .left .img,
  .customer-care .process-cnt .right .img {
    margin-left: -130px;
    position: relative;
  }
  .customer-care .process-cnt .left .img .txt,
  .customer-care .process-cnt .right .img .txt {
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .customer-care .process-cnt .left .img .txt span,
  .customer-care .process-cnt .right .img .txt span {
    font-family: mulish-light;
    font-size: 36px;
    color: #b87f0e;
    line-height: 1;
  }
  .customer-care .process-cnt .left .img .txt p,
  .customer-care .process-cnt .right .img .txt p {
    font-family: robo;
    font-size: 16px;
    color: #333;
    text-align: start;
  }
  .customer-care .process-cnt .left .img .txt.txt1,
  .customer-care .process-cnt .right .img .txt.txt1 {
    top: 0;
    left: 100px;
  }
  .customer-care .process-cnt .left .img .txt.txt2,
  .customer-care .process-cnt .right .img .txt.txt2 {
    top: 80px;
    left: 190px;
  }
  .customer-care .process-cnt .left .img .txt.txt3,
  .customer-care .process-cnt .right .img .txt.txt3 {
    top: 175px;
    left: 245px;
  }
  .customer-care .process-cnt .left .img .txt.txt4,
  .customer-care .process-cnt .right .img .txt.txt4 {
    top: 285px;
    left: 245px;
  }
  .customer-care .process-cnt .left .img .txt.txt5,
  .customer-care .process-cnt .right .img .txt.txt5 {
    top: 385px;
    left: 190px;
  }
  .customer-care .process-cnt .left .img .txt.txt6,
  .customer-care .process-cnt .right .img .txt.txt6 {
    top: 465px;
    left: 100px;
  }
  .customer-care .process-cnt .left {
    flex-direction: row-reverse;
    justify-content: end;
  }
  .customer-care .process-cnt .left .img {
    margin-left: 0;
    margin-right: -130px;
  }
  .customer-care .process-cnt .left .img .txt {
    flex-direction: row-reverse;
  }
  .customer-care .process-cnt .left .img .txt span {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #bbb;
  }
  .customer-care .process-cnt .left .img .txt p {
    text-align: end;
  }
  .customer-care .process-cnt .left .img .txt.txt1 {
    right: 100px;
    left: initial;
  }
  .customer-care .process-cnt .left .img .txt.txt2 {
    right: 190px;
    left: initial;
  }
  .customer-care .process-cnt .left .img .txt.txt3,
  .customer-care .process-cnt .left .img .txt.txt4 {
    right: 245px;
    left: initial;
  }
  .customer-care .process-cnt .left .img .txt.txt5 {
    right: 190px;
    left: initial;
  }
  .customer-care .process-cnt .left .img .txt.txt6 {
    right: 100px;
    left: initial;
  }
  .customer-care .process-cnt .right .tit {
    background: radial-gradient(#11417e, #031e47);
  }
  .customer-care .process-cnt .right .img .txt span {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #bbb;
    color: #b87f0e;
  }
}
@media (max-width: 1023px) {
  .customer-care .process-cnt {
    display: flex;
    align-items: start;
    gap: 20px;
    padding: 0 30px;
  }
  .customer-care .process-cnt .left,
  .customer-care .process-cnt .right {
    width: calc((100% - 20px) / 2);
  }
  .customer-care .process-cnt .left .tit h3,
  .customer-care .process-cnt .right .tit h3 {
    font-family: robocon-bold;
    font-size: 18px;
    color: #b87f0e;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
  }
  .customer-care .process-cnt .left .img img,
  .customer-care .process-cnt .right .img img {
    display: none;
  }
  .customer-care .process-cnt .left .img .txt,
  .customer-care .process-cnt .right .img .txt {
    display: flex;
    align-items: start;
    margin-bottom: 15px;
  }
  .customer-care .process-cnt .left .img .txt span,
  .customer-care .process-cnt .right .img .txt span {
    font-family: mulish-light;
    font-size: 36px;
    color: #b87f0e;
    line-height: 1;
    display: block;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #b87f0e;
  }
  .customer-care .process-cnt .left .img .txt p,
  .customer-care .process-cnt .right .img .txt p {
    font-family: robo;
    font-size: 16px;
    color: #333;
    text-align: start;
  }
}
@media (max-width: 767px) {
  .customer-care .process-cnt {
    flex-wrap: wrap;
    gap: 15px;
  }
  .customer-care .process-cnt .left,
  .customer-care .process-cnt .right {
    width: 100%;
  }
  .customer-care .process-cnt .left .img .txt p {
    font-size: 15px;
  }
}
.project h2,
.project h2 a {
  font-size: 26px;
  font-family: robo-bold;
  color: #b87f0e;
  text-align: center;
  text-transform: uppercase;
}
.project {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .project {
    margin-bottom: 15px;
  }
  .project h2,
  .project h2 a {
    font-size: 20px;
  }
}
.project h2 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 20px;
}
._project ul li,
.project ul li {
  padding: 0 20px;
  border-radius: 17px;
}
.project h2::before {
  display: block;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  left: 50%;
}
@media (max-width: 767px) {
  .project h2 {
    margin-bottom: 15px;
  }
}
.project ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 25px;
}
.project ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border: 1px solid #b87f0e;
  transition: background 0.2s linear;
  cursor: pointer;
}
.project .project-cnt,
.staff .staff-grid .first::before {
  display: none;
}
.project ul li a {
  font-family: robo-bold;
  font-size: 16px;
  color: #b87f0e;
  text-transform: uppercase;
}
.project ul li.active,
.project ul li:hover {
  background: #b87f0e;
  color: #fff;
}
.project ul li.active a,
.project ul li:hover a {
  color: #fff;
}
@media (max-width: 991px) {
  .project ul {
    flex-wrap: wrap;
  }
  .project ul li {
    width: calc((100% - 20px) / 3);
  }
  .project ul li,
  .project ul li a {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .project ul {
    margin-bottom: 15px;
  }
  .project ul li {
    width: calc((100% - 10px) / 2);
  }
  .project ul li a {
    font-size: 14px;
    font-family: robo;
  }
}
.project .project-cnt.active {
  display: block;
}
.project .project-slide {
  position: relative;
  margin-bottom: 30px;
}
.project .project-slide .item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.project .project-slide .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.project .project-slide .item .txt {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 95%;
  transform: translateX(-50%);
  z-index: 10;
}
.project .project-slide .item .txt h3,
.project .project-slide .item .txt p {
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.project .project-slide .item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30%;
  width: 100%;
  z-index: 10;
  background: linear-gradient(to top, #b87f0e, rgba(0, 45, 114, 0));
}
.project .project-slide .item:hover img {
  transform: scale(1.05);
}
.project .project-slide .owl-nav {
  margin: 0;
}
.project .project-slide .owl-next,
.project .project-slide .owl-prev {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 47px;
  width: 34px;
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 0;
}
.project .project-slide .owl-next i,
.project .project-slide .owl-prev i {
  font-size: 18px;
  color: #898682;
}
@media (max-width: 991px) {
  .project .project-slide .owl-next,
  .project .project-slide .owl-prev {
    height: 40px;
    width: 25px;
  }
}
.project .project-slide .owl-prev {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.project .project-slide .owl-next {
  left: initial;
  right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.project .see-more {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: end;
  height: 40px;
  width: 152px;
  border-radius: 20px;
  border: 1px solid #b87f0e;
  margin: auto;
  font-family: robo-bold;
  font-size: 15px;
  color: #b87f0e;
  text-transform: uppercase;
  transition: background 0.2s linear;
}
.project .see-more i {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b87f0e;
  border: 1px solid #b87f0e;
  color: #fff;
  margin: 0 4px 0 15px;
  transition: background 0.2s linear, color 0.2s linear;
}
.project .see-more:hover {
  background: #b87f0e;
  color: #fff;
}
.project .see-more:hover i {
  background: #fff;
  color: #b87f0e;
}
.supplier h2,
.supplier h2 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.supplier {
  padding: 45px;
  background: url(/wp-content/uploads/2024/08/bgr-nhacungcap.png) no-repeat;
  background-size: 100% 100%;
  
}
@media (max-width: 991px) {
  .supplier {
    background-size: 100% 100%;
  }
}
@media (max-width: 767px) {
  .supplier {
    padding: 15px;
    margin-bottom: 15px;
  }
}
.supplier h2 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}
.supplier h2::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.supplier .lst-supplier {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.supplier .lst-supplier .item {
  width: calc((100% - 45px) / 4);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .supplier h2,
  .supplier h2 a {
    font-size: 20px;
  }
  .supplier h2 {
    margin-bottom: 15px;
  }
  .supplier .lst-supplier .item {
    width: calc((100% - 15px) / 2);
  }
}
.why {
  padding: 100px 0 150px;
}
@media (min-width: 1024px) {
  .why .circle,
  .why .item,
  .why .item .img,
  .why .tit {
    border-radius: 50%;
  }
  .why .circle {
    height: 300px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../image/img-circle.webp) center no-repeat;
    margin: auto;
    position: relative;
  }
  .why .item,
  .why .tit {
    align-items: center;
    display: flex;
  }
  .why .tit {
    justify-content: center;
    flex-direction: column;
    height: 230px;
    width: 230px;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    padding: 0 20px;
  }
  .why .tit h2 {
    font-family: robocon-bold;
    font-size: 22px;
    color: #b87f0e;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .why .item {
    position: absolute;
    background: linear-gradient(to top, #012c6d, #2b77bc);
    width: 97px;
    height: 97px;
    justify-content: center;
  }
  .why .item .img {
    height: 75px;
    width: 75px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .why .item .img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .why .item .txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
  }
  .why .item .txt span {
    font-size: 18px;
    font-family: robo-bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
  }
  .why .item .txt .desc p {
    font-family: robo;
    font-size: 16px;
    line-height: 1.5;
  }
  .why .item.item1 {
    transform: translateX(230px);
  }
  .why .item.item1 .txt {
    left: calc(100% + 15px);
  }
  .why .item.item1 .txt span {
    color: #10447e;
  }
  .why .item.item1::before {
    background: #155194;
    transform: rotate(180deg) translate(55px) rotate(-180deg) rotate(180deg);
  }
  .why .item.item2 {
    background: linear-gradient(to top, #2865a6, #1a81de);
    transform: rotate(60deg) translateX(230px) rotate(-60deg);
  }
  .why .item.item2 .txt {
    left: calc(100% + 15px);
  }
  .why .item.item2 .txt span {
    color: #1658a2;
  }
  .why .item.item2::before {
    background: #1b7fd9;
    transform: rotate(240deg) translate(55px) rotate(-240deg) rotate(-120deg);
  }
  .why .item.item3 {
    background: linear-gradient(to top, #d76c05, #fd952d);
    transform: rotate(120deg) translateX(230px) rotate(-120deg);
  }
  .why .item.item3 .txt {
    right: calc(100% + 15px);
  }
  .why .item.item3 .txt span {
    color: #e97302;
    text-align: end;
  }
  .why .item.item3 .txt .desc p {
    text-align: end;
  }
  .why .item.item3::before {
    background: #f88f27;
    transform: rotate(300deg) translate(55px) rotate(-300deg) rotate(-60deg);
  }
  .why .item.item4 {
    background: linear-gradient(to top, #b13806, #f37244);
    transform: rotate(180deg) translateX(230px) rotate(-180deg);
  }
  .why .item.item4 .txt {
    right: calc(100% + 15px);
  }
  .why .item.item4 .txt span {
    color: #f44703;
    text-align: end;
  }
  .why .item.item4 .txt .desc p {
    text-align: end;
  }
  .why .item.item4::before {
    background: #d25525;
    transform: rotate(0) translate(55px) rotate(0) rotate(0);
  }
  .why .item.item5 {
    background: linear-gradient(to top, #cc0606, #ed4740);
    transform: rotate(240deg) translateX(230px) rotate(-240deg);
  }
  .why .item.item5 .txt {
    right: calc(100% + 15px);
  }
  .why .item.item5 .txt span {
    color: #da251c;
    text-align: end;
  }
  .why .item.item5 .txt .desc p {
    text-align: end;
  }
  .why .item.item5::before {
    background: #cf0c0b;
    transform: rotate(60deg) translate(55px) rotate(-60deg) rotate(60deg);
  }
  .why .item.item6 {
    background: linear-gradient(to top, #286d8e, #3094bd);
    transform: rotate(300deg) translateX(230px) rotate(-300deg);
  }
  .why .item.item6 .txt {
    left: calc(100% + 15px);
  }
  .why .item.item6 .txt span {
    color: #0c8d9a;
  }
  .why .item.item6::before {
    background: #297091;
    transform: rotate(120deg) translate(55px) rotate(-120deg) rotate(120deg);
  }
  .why .item::before {
    content: "";
    height: 24px;
    width: 15px;
    clip-path: polygon(100% 50%, 0 20%, 0 80%);
    position: absolute;
  }
}
@media (max-width: 1023px) {
  .why {
    padding: 0 0 50px;
  }
  .why .tit {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .why .tit h2 {
    font-family: robocon-bold;
    font-size: 22px;
    color: #b87f0e;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .why .item {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
  }
  .why .item:last-of-type {
    margin-bottom: 0;
  }
  .why .item .img {
    width: 70px;
  }
  .why .item .txt {
    width: calc(100% - 70px);
  }
  .why .item .txt span {
    font-size: 18px;
    font-family: robo-bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
  }
  .why .item .txt .desc p {
    font-family: robo;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .why .item,
  .why .tit {
    margin-bottom: 15px;
  }
  .why {
    padding: 0 0 15px;
  }
  .why .tit h2 {
    font-size: 20px;
  }
  .why .item .txt .desc p {
    font-size: 15px;
  }
}
.news,
.staff {
  margin-bottom: 50px;
}
.staff {
  padding: 50px 0;
  background: #f2f2f2;
}
@media (max-width: 767px) {
  .staff {
    padding: 15px 0;
    margin-bottom: 15px;
  }
}
.staff h2 {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .staff h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.staff .staff-grid {
  display: grid;
  gap: 45px;
  grid-template-columns: repeat(5, calc((100% - 180px) / 5));
}
.staff .staff-grid .first,
.staff .staff-grid .item {
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.staff .staff-grid .first img,
.staff .staff-grid .item img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: 1px solid #fff;
  border-radius: 10px;
}
.staff .staff-grid .first .txt,
.staff .staff-grid .item .txt {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.staff .staff-grid .first .txt p,
.staff .staff-grid .item .txt p {
  font-family: robo-bold;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.news h2,
.news h2 a {
  font-size: 26px;
  text-transform: uppercase;
  text-align: center;
}
.news h2,
.news h2 a,
.staff .staff-grid .first .txt p:hover,
.staff .staff-grid .item .txt p:hover {
  color: #b87f0e;
}
.staff .staff-grid .first .txt p.name,
.staff .staff-grid .item .txt p.name {
  font-family: 20px;
  text-transform: uppercase;
}
.staff .staff-grid .first::before,
.staff .staff-grid .item::before {
  content: "";
  height: 100px;
  width: 100px;
  border-radius: 10px;
  background: #b87f0e;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: -1;
}
@media (max-width: 991px) {
  .staff .staff-grid .first::before,
  .staff .staff-grid .item::before {
    height: 50%;
    width: 50%;
    top: -5px;
    right: -5px;
  }
}
.staff .staff-grid .first::after,
.staff .staff-grid .item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(to top, rgba(8, 24, 57, 0.7), rgba(8, 24, 57, 0));
  z-index: 1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.aboutus h2::before,
.news h2::before {
  left: 50%;
  content: "";
  bottom: 0;
}
.staff .staff-grid .staff-sl {
  grid-column: 1/3;
  grid-row: 1/3;
  position: relative;
}
.staff .staff-grid .staff-sl::before {
  content: "";
  height: 100px;
  width: 100px;
  border-radius: 10px;
  background: #b87f0e;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: -1;
}
@media (max-width: 991px) {
  .staff .staff-grid .staff-sl::before {
    height: 50%;
    width: 50%;
    top: -5px;
    right: -5px;
  }
  .staff .staff-grid {
    gap: 20px;
    grid-template-columns: repeat(5, calc((100% - 80px) / 5));
  }
}
.staff .staff-grid .first {
  width: 100%;
  height: 100%;
}
.staff .staff-grid .first .txt {
  bottom: 35px;
}
@media (max-width: 767px) {
  .staff .staff-grid {
    gap: 15px;
    grid-template-columns: repeat(2, calc((100% - 15px) / 2));
  }
  .news {
    margin-bottom: 15px;
  }
  .news h2,
  .news h2 a {
    font-size: 20px;
  }
}
.news h2 {
  font-family: robo-bold;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 20px;
}
.news h2 a {
  font-family: robo-bold;
}
.news h2::before {
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  transform: translateX(-50%);
}
.news .news-slide {
  position: relative;
}
.news .news-slide .item .img {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 25px;
}
.news .news-slide .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.news .news-slide .item .img:hover > img {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  .news .news-slide .item .img {
    margin-bottom: 15px;
  }
}
.news .news-slide .item .txt h3 {
  margin-bottom: 10px;
}
.news .news-slide .item .txt h3 a {
  font-family: robo-bold;
  font-size: 18px;
  color: #333;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.2;
}
.news .news-slide .item .txt h3 a:hover {
  color: #b87f0e;
}
.news .news-slide .item .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 767px) {
  .news .news-slide .item .img {
    margin-bottom: 10px;
  }
  .news .news-slide .item .txt .desc p {
    font-size: 15px;
    line-height: 1.4;
  }
}
.news .news-slide .owl-nav {
  margin: 0;
}
.news .news-slide .owl-next,
.news .news-slide .owl-prev {
  margin: 0;
  position: absolute;
  top: 30%;
  left: 0;
  transform: translateY(-50%);
  height: 47px;
  width: 34px;
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 0;
}
.news .news-slide .owl-next i,
.news .news-slide .owl-prev i {
  font-size: 18px;
  color: #898682;
}
.aboutus h2,
.aboutus h2 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 991px) {
  .news .news-slide .owl-next,
  .news .news-slide .owl-prev {
    height: 40px;
    width: 25px;
  }
}
.news .news-slide .owl-prev {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.news .news-slide .owl-next {
  left: initial;
  right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.aboutus {
  padding: 50px 0;
  margin-bottom: 55px;
  background: url(../image/bgr-khnoivect.webp) no-repeat;
  background-size: 100% auto;
}
.aboutus h2 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 30px;
}
.aboutus h2::before {
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .aboutus h2,
  .aboutus h2 a {
    font-size: 20px;
  }
  .aboutus h2 {
    margin-bottom: 15px;
  }
}
.aboutus .ab-slide .item {
  display: flex;
  align-items: start;
  padding: 30px;
  border-radius: 10px;
  min-height: 326px;
  background: url(../image/ic-nhay.webp) no-repeat #fff;
  background-position: calc(100% - 30px) 30px;
}
.aboutus .ab-slide .item .img {
  height: 138px;
  width: 138px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #bbb;
}
.aboutus .ab-slide .item .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.aboutus .ab-slide .item .txt {
  width: calc(100% - 138px);
  padding-left: 30px;
}
.aboutus .ab-slide .item .txt .tit {
  padding-bottom: 10px;
  margin-bottom: 35px;
  position: relative;
}
.aboutus .ab-slide .item .txt .tit p {
  font-family: robo;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
.aboutus .ab-slide .item .txt .tit p.name {
  font-family: robo-bold;
  font-size: 18px;
  color: #333;
}
.aboutus .ab-slide .item .txt .tit::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 45px;
  background: #b87f0e;
}
.aboutus .ab-slide .item .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}
.partner h2,
.partner h2 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
}
.aboutus .ab-slide .owl-dot span {
  border: 1px solid #fff;
  background: 0 0;
}
.aboutus .ab-slide .owl-dot.active span {
  background: #fff;
}
@media (max-width: 991px) {
  .aboutus {
    background-size: 100% 100%;
  }
}
@media (max-width: 767px) {
  .aboutus .ab-slide .item {
    padding: 15px;
    flex-wrap: wrap;
    gap: 15px;
  }
  .aboutus .ab-slide .item .txt {
    width: 100%;
    padding-left: 0;
  }
  .aboutus .ab-slide .item .txt .tit {
    margin-bottom: 10px;
  }
  .aboutus {
    padding: 15px 0;
    margin-bottom: 15px;
  }
}
.partner {
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .partner {
    margin-bottom: 15px;
  }
  .partner h2,
  .partner h2 a {
    font-size: 20px;
  }
}
.partner h2 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 35px;
}
.partner h2::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.form-advise h2,
.form-advise h2 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
}
.partner .partner-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.partner .partner-flex .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((100% - 40px) / 5);
  position: relative;
}
.partner .partner-flex .item::after,
.partner .partner-flex .item::before {
  content: "";
  position: absolute;
  background: #e4e4e4;
}
.partner .partner-flex .item::before {
  height: 1px;
  width: calc(100% - 10px);
  left: 0;
  top: 0;
}
.partner .partner-flex .item::after {
  width: 1px;
  height: calc(100% - 10px);
  bottom: 0;
  right: 0;
}
.partner .partner-flex .item:nth-of-type(1)::before,
.partner .partner-flex .item:nth-of-type(2)::before,
.partner .partner-flex .item:nth-of-type(3)::before,
.partner .partner-flex .item:nth-of-type(4)::before,
.partner .partner-flex .item:nth-of-type(5)::before,
.partner .partner-flex .item:nth-of-type(5n)::after {
  display: none;
}
@media (max-width: 767px) {
  .partner h2 {
    margin-bottom: 15px;
  }
  .partner .partner-flex .item {
    width: calc((100% - 20px) / 3);
  }
  .partner .partner-flex .item:nth-of-type(4)::before,
  .partner .partner-flex .item:nth-of-type(5)::before {
    display: block;
  }
  .partner .partner-flex .item:nth-of-type(3n)::after {
    display: none;
  }
  .partner .partner-flex .item:nth-of-type(5n)::after {
    display: initial;
  }
  .form-advise h2,
  .form-advise h2 a {
    font-size: 20px;
  }
}
.form-advise {
  padding: 60px 0;
  background: url(../image/bgr-tuvan.webp) no-repeat;
  background-size: 100% auto;
}
.contact h1::before,
.form-advise h2::before {
  content: "";
  display: block;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.form-advise h2 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}
.form-advise h2::before {
  height: 18px;
  width: 176px;
  position: absolute;
}
.form-advise h2 span {
  font-family: robocon;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  display: block;
}
.form-advise.pro h2 {
  text-transform: initial;
}
.form-advise .form-cnt {
  width: 50%;
}
.form-advise .grid-input {
  background: #fff;
  border-radius: 6px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.form-advise .grid-input .w-50 {
  width: calc((100% - 10px) / 2);
}
.form-advise .grid-input .w-50 input,
.form-advise .grid-input .w-50 select {
  height: 40px;
  width: 100%;
  padding-left: 15px;
  border-radius: 6px;
  border: none;
  outline: 0;
  background: #f0f0f0;
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.form-advise .grid-input .w-50 input::placeholder,
.form-advise .grid-input .w-50 select::placeholder {
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.form-advise .grid-input .w-100 {
  width: 100%;
}
.form-advise .grid-input .w-100 textarea {
  height: 97px;
  width: 100%;
  padding: 10px 0 0 15px;
  border-radius: 6px;
  border: none;
  outline: 0;
  resize: none;
  background: #f0f0f0;
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.contact .form-map .form-cnt button,
.form-advise button {
  border-radius: 20px;
  transition: background 0.2s linear;
  cursor: pointer;
}
.form-advise .grid-input .w-100 textarea::placeholder {
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.form-advise button {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: auto;
  height: 40px;
  width: 190px;
  background: #ff7800;
  border: 1px solid #ff7800;
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}
.form-advise button i,
.form-advise button:hover {
  background: #fff;
  color: #ff7800;
}
.form-advise button i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #ff7800;
  margin: 0 4px 0 20px;
  transition: background 0.2s linear;
}
.breadcrumb ul,
.page {
  align-items: center;
  display: flex;
}
.form-advise button:hover i {
  background: #ff7800;
  color: #fff;
}
@media (max-width: 1024px) {
  .form-advise {
    background-size: 100% 100%;
  }
}
@media (max-width: 991px) {
  .form-advise {
    background-size: auto 100%;
  }
  .form-advise .form-cnt {
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .form-advise .form-cnt,
  .form-advise .grid-input .w-50 {
    width: 100%;
  }
  .form-advise {
    padding: 15px 0;
  }
  .form-advise h2 {
    margin-bottom: 15px;
  }
}
.breadcrumb {
  margin: 25px 0;
}
.breadcrumb ul {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.breadcrumb ul li a {
  font-family: robo;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  padding-right: 5px;
}
.breadcrumb ul li a:hover,
.breadcrumb ul li:last-of-type a {
  color: #b87f0e;
}
.breadcrumb ul li:nth-of-type(n + 2) a {
  padding-left: 5px;
}
.breadcrumb ul li i {
  font-size: 10px;
  color: #333;
}
@media (max-width: 767px) {
  .breadcrumb {
    margin: 15px 0;
  }
}
.page {
  justify-content: center;
  gap: 8px;
}
.page a,
.page div,
.page span:not(.text) {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  border: 1px solid #bbb;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: relative;
  font-family: robo;
  font-size: 15px;
  color: #333;
}
.contact h1,
.contact h1 a {
  font-family: robo-bold;
}
.page a.active-page,
.page a:hover,
.page div.active-page,
.page div:hover,
.page span:not(.text).active-page,
.page span:not(.text):hover {
  background: #b87f0e;
  border-color: #b87f0e;
  color: #fff;
}
.page a.active-page i,
.page a:hover i,
.page div.active-page i,
.page div:hover i,
.page span:not(.text).active-page i,
.page span:not(.text):hover i {
  color: #fff;
}
.page a.disabled,
.page div.disabled,
.page span:not(.text).disabled {
  opacity: 0.3;
  pointer-events: none;
}
.page .next,
.page .prev {
  width: auto;
  padding: 0 15px;
  border-radius: 16.5px;
}
.page .next i,
.page .prev i {
  font-size: 10px;
  color: #333;
}
.contact h1,
.contact h1 a,
.video h1,
.video h1 a {
  font-size: 26px;
  text-align: center;
}
.contact .tit,
.contact h1,
.contact h1 a {
  color: #b87f0e;
  text-transform: uppercase;
}
.page .prev i {
  margin-right: 10px;
}
.page .next i {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .page span.text {
    display: none;
  }
  .page .next,
  .page .prev {
    width: 33px;
  }
  .page .next i,
  .page .prev i {
    margin: 0;
  }
  .contact h1,
  .contact h1 a {
    font-size: 20px;
  }
}
.contact {
  margin-bottom: 60px;
}
.contact h1 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 35px;
}
.contact h1::before {
  height: 18px;
  width: 176px;
  position: absolute;
}
.contact .tit {
  font-family: robocon-bold;
  font-size: 22px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .contact .tit {
    font-size: 18px;
  }
}
.contact .info-com {
  display: flex;
  align-items: start;
  gap: 45px;
  margin-bottom: 30px;
}
.contact .info-com .item {
  width: 100%;
  padding: 30px;
  background: url(../image/bgr-contact.webp) no-repeat;
  background-size: 100% auto;
  border-radius: 5px;
  overflow: hidden;
}
.contact .info-com .item .it {
  display: flex;
  align-items: start;
  margin-bottom: 10px;
}
.contact .info-com .item .it .ic {
  width: 25px;
}
.contact .info-com .item .it img{
	    filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(-45deg);
}
.contact .info-com .item .it a,
.contact .info-com .item .it p {
  width: calc(100% - 25px);
  font-family: robo;
  font-size: 16px;
  color: #333;
}
.contact .info-com .item .it a:hover {
  color: #b87f0e;
}
.contact .form-map {
  display: flex;
  align-items: start;
  gap: 45px;
}
.contact .form-map .map,
.contact .form-map form {
  width: calc((100% - 45px) / 2);
}
.contact .form-map .form-cnt {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 20px;
}
.contact .form-map .form-cnt .w-50 {
  width: calc((100% - 15px) / 2);
}
.contact .form-map .form-cnt .w-50 input,
.contact .form-map .form-cnt .w-50 select {
  height: 40px;
  width: 100%;
  padding-left: 15px;
  border-radius: 6px;
  border: 1px solid #bbb;
  outline: 0;
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.contact .form-map .form-cnt .w-50 input::placeholder,
.contact .form-map .form-cnt .w-50 select::placeholder {
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.contact .form-map .form-cnt .w-100 {
  width: 100%;
}
.contact .form-map .form-cnt .w-100 textarea {
  height: 97px;
  width: 100%;
  padding: 10px 0 0 15px;
  border-radius: 6px;
  border: 1px solid #bbb;
  outline: 0;
  resize: none;
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.contact .form-map .form-cnt .w-100 textarea::placeholder {
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.contact .form-map .form-cnt button {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 40px;
  width: 125px;
  background: #ff7800;
  border: 1px solid #ff7800;
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}
.contact .form-map .form-cnt button i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ff7800;
  color: #ff7800;
  margin: 0 4px 0 20px;
  transition: background 0.2s linear;
}
.contact .form-map .form-cnt button:hover {
  background: #fff;
  color: #ff7800;
}
.contact .form-map .form-cnt button:hover i {
  background: #ff7800;
  color: #fff;
}
.cnt-flex .left h1,
.video h1,
.video h1 a {
  color: #b87f0e;
  text-transform: uppercase;
}
.contact .form-map .map-cnt {
  border-radius: 5px;
  border: 1px solid #bbb;
  overflow: hidden;
}
.contact .form-map .map-cnt iframe {
  height: 100%;
  width: 100%;
}
@media (max-width: 1024px) {
  .contact .info-com .item {
    background-size: 100% 100%;
  }
}
@media (max-width: 767px) {
  .contact,
  .contact .info-com,
  .contact h1 {
    margin-bottom: 15px;
  }
  .contact .info-com {
    flex-wrap: wrap;
    gap: 15px;
  }
  .contact .info-com .item {
    width: 100%;
    padding: 15px;
  }
  .contact .form-map {
    flex-wrap: wrap;
    gap: 15px;
  }
  .contact .form-map .map,
  .contact .form-map form {
    width: 100%;
  }
  .contact .form-map .form-cnt {
    gap: 10px;
  }
  .contact .form-map .form-cnt .w-50 {
    width: 100%;
  }
}
.content-flex .right .commit-jato > p::before,
.video h1::before {
  width: 176px;
  left: 50%;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  bottom: 0;
  content: "";
}
.video {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .video {
    margin-bottom: 15px;
  }
  .video h1,
  .video h1 a {
    font-size: 20px;
  }
}
.video h1 {
  font-family: robo-bold;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}
.video h1 a {
  font-family: robo-bold;
}
.video h1::before {
  display: block;
  height: 18px;
  position: absolute;
  transform: translateX(-50%);
}
.content-flex .left .related .related-slide .item .img:hover > img,
.video .content .item .img:hover > img {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  .video h1 {
    margin-bottom: 15px;
  }
}
.video .content {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.video .content .item {
  width: calc((100% - 50px) / 3);
  transition: background 0.2s linear;
}
.video .content .item .img {
  display: block;
  overflow: hidden;
}
.video .content .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.video .content .item .txt {
  display: flex;
  align-items: center;
  padding: 15px;
}
.video .content .item .txt .ic {
  width: 50px;
  border-right: 1px solid #bbb;
}
.video .content .item .txt h2 {
  width: calc(100% - 50px);
  padding-left: 15px;
}
.video .content .item .txt h2 a {
  font-family: robo;
  font-size: 15px;
  color: #333;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 991px) {
  .video .content .item .txt {
    padding: 10px;
  }
  .video .content .item .txt .ic {
    width: 40px;
  }
  .video .content .item .txt .ic img {
    max-width: 30px;
  }
  .video .content .item .txt h2 {
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .video .content .item .txt h2 a:hover {
    color: #b87f0e;
  }
  .video .content .item:hover {
    background: #f1f1f1;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
  }
}
@media (max-width: 767px) {
  .video .content {
    gap: 15px;
    margin-bottom: 15px;
  }
  .video .content .item {
    width: 100%;
  }
  .video .content .item .txt {
    padding: 10px 0 0;
  }
}
.cnt-flex {
  margin: 50px 0;
}
.cnt-flex .container {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 30px;
}
.cnt-flex .left {
  width: calc(100% - 350px);
}
.cnt-flex .left h1 {
  font-family: robocon-bold;
  font-size: 24px;
  margin-bottom: 20px;
}
.cnt-flex .left .social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.cnt-flex .left .social .share {
  font-family: robo;
  font-size: 15px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}
.cnt-flex .left .social .share a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #bbb;
}
.cnt-flex .left .social .share a.fb i {
  color: #1877f2;
}
.cnt-flex .left .social .share a.mail i {
  color: #cd201f;
}
.cnt-flex .right {
  width: 320px;
}
.cnt-flex .right .tit {
  font-family: robocon-bold;
  font-size: 24px;
  color: #b87f0e;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.cnt-flex .right .ot-slide {
  height: 545px;
  overflow: auto;
}
.cnt-flex .right .ot-slide .item {
  margin-bottom: 15px;
}
.cnt-flex .right .ot-slide .item .img {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.cnt-flex .right .ot-slide .item .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.cnt-flex .right .ot-slide .item .txt {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cnt-flex .right .ot-slide .item .txt h3 a,
.content-flex .left .related .related-slide .item .txt h3 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.cnt-flex .right .ot-slide .item .txt .ic {
  width: 35px;
}
.cnt-flex .right .ot-slide .item .txt h3 {
  width: calc(100% - 45px);
}
.cnt-flex .right .ot-slide .item .txt h3 a {
  font-family: robo-bold;
  font-size: 16px;
  color: #333;
}
.cnt-flex .right .ot-slide .item .txt h3 a:hover {
  color: #b87f0e;
}
@media (max-width: 991px) {
  .cnt-flex {
    margin: 30px 0;
    flex-wrap: wrap;
  }
  .cnt-flex .container {
    gap: 0;
  }
  .cnt-flex .left,
  .cnt-flex .right {
    width: 100%;
  }
  .cnt-flex .right .ot-slide {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 20px;
    height: initial;
  }
  .cnt-flex .right .ot-slide .item {
    width: calc((100% - 40px) / 3);
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cnt-flex .left h1,
  .cnt-flex .right .tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .cnt-flex {
    margin: 15px 0;
  }
  .cnt-flex .left .social {
    margin-bottom: 15px;
  }
  .cnt-flex .right .ot-slide {
    gap: 10px;
  }
  .cnt-flex .right .ot-slide .item {
    width: 100%;
  }
}
._project,
.content-flex {
  margin-bottom: 45px;
}
.content-flex .container {
  display: flex;
	flex-wrap:wrap;
}
.content-flex .right{
	width:290px;
}
body.single .content-flex .left{
	width: calc(100% - 290px);
  width: -moz-calc(100% - 290px);
  width: -webkit-calc(100% - 290px);
}
@media (max-width: 767px) {
  .content-flex {
    margin-bottom: 15px;
  }
  .content-flex .right,
	body.single .content-flex .left{
		width:100%;
	}
}
.content-flex .left .related > p {
  font-family: robocon-bold;
  font-size: 22px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .content-flex .left .related > p {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.content-flex .left .related .related-slide .item .img {
  display: block;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
}
.content-flex .left .related .related-slide .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.content-flex .left .related .related-slide .item .txt h3 a {
  font-family: robo;
  font-size: 15px;
  color: #333;
}
.content-flex .left .related .related-slide .item .txt h3 a:hover {
  color: #b87f0e;
}
.content-flex .left .related .related-slide .owl-nav {
  margin: 0;
}
.content-flex .left .related .related-slide .owl-next,
.content-flex .left .related .related-slide .owl-prev {
  margin: 0;
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  height: 47px;
  width: 34px;
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 0;
}
.content-flex .left .related .related-slide .owl-next i,
.content-flex .left .related .related-slide .owl-prev i {
  font-size: 18px;
  color: #898682;
}
@media (max-width: 991px) {
  .content-flex .left .related .related-slide .owl-next,
  .content-flex .left .related .related-slide .owl-prev {
    height: 40px;
    width: 25px;
  }
}
.content-flex .left .related .related-slide .owl-prev {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.content-flex .left .related .related-slide .owl-next {
  left: initial;
  right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (max-width: 767px) {
  .content-flex .left .related .related-slide .owl-nav {
    margin: 0;
  }
  .content-flex .left .related .related-slide .owl-next,
  .content-flex .left .related .related-slide .owl-prev {
    margin: 0;
    position: absolute;
    top: 35%;
    left: 0;
    transform: translateY(-50%);
    height: 47px;
    width: 34px;
    background: rgba(255, 255, 255, 0.7) !important;
    border-radius: 0;
  }
  .content-flex .left .related .related-slide .owl-next i,
  .content-flex .left .related .related-slide .owl-prev i {
    font-size: 18px;
    color: #898682;
  }
  .content-flex .left .related .related-slide .owl-prev {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .content-flex .left .related .related-slide .owl-next,
  .content-flex .left .related .related-slide .owl-prev {
    height: 40px;
    width: 25px;
  }
}
@media (max-width: 767px) {
  .content-flex .left .related .related-slide .owl-next {
    left: initial;
    right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
.content-flex .left .related .other-slide {
  position: relative;
}
.content-flex .left .related .other-slide .item .img {
  display: block;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
}
.content-flex .left .related .other-slide .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.content-flex .left .related .other-slide .item .img:hover > img {
  transform: scale(1.05);
}
.content-flex .left .related .other-slide .item .txt h3 {
  text-align: center;
}
.content-flex .left .related .other-slide .item .txt h3 a {
  font-family: robo;
  font-size: 15px;
  color: #333;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.content-flex .left .related .other-slide .item .txt h3 a:hover {
  color: #b87f0e;
}
.content-flex .left .related .other-slide .owl-nav {
  margin: 0;
  position: absolute;
  right: 0;
  top: -45px;
}
.content-flex .left .related .other-slide .owl-nav i {
  font-size: 19px;
}
.content-flex .left .related.other {
  padding-bottom: 30px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
.content-flex .right {
  padding-left: 35px;
  position: relative;
}
span.wpcf7-spinner {
    display: none;
}
nav.rank-math-breadcrumb p a {
    color: #000;
}
.content-flex .right .tit {
  padding-left: 35px;
  background: url(/wp-content/uploads/2024/08/logo.png) left center no-repeat;
  font-family: robocon-bold;
  font-size: 22px;
      background-size: 28px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.content-flex .right .commit-jato > p,
.content-flex .right .commit-jato > p a {
  font-family: robo-bold;
  color: #b87f0e;
  text-align: center;
  text-transform: uppercase;
}
.content-flex .right .commit-jato {
  padding: 15px;
  background: #eee;
  border-radius: 5px;
  margin-bottom: 15px;
}
.content-flex .right .commit-jato > p {
  padding-bottom: 25px;
  position: relative;
  font-size: 22px;
  margin-bottom: 15px;
}
.content-flex .right .commit-jato > p a {
  font-size: 26px;
}
.content-flex .right .commit-jato > p::before {
  display: block;
  height: 18px;
  position: absolute;
  transform: translateX(-50%);
}
._news ._news-grid .item .img:hover > img,
._news .lst-news .item .img:hover > img,
.content-flex .right .viewest .it .img:hover > img {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  .content-flex .right .commit-jato > p,
  .content-flex .right .commit-jato > p a {
    font-size: 20px;
  }
}
.content-flex .right .commit-jato .it {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.content-flex .right .commit-jato .it .ic {
  width: 35px;
}
.content-flex .right .commit-jato .it p {
  width: calc(100% - 35px);
  font-family: robo;
  font-size: 15px;
  color: #333;
}
.content-flex .right .category {
  margin-bottom: 30px;
}
.content-flex .right .category > ul > li {
  padding: 10px 0;
  border-top: 1px solid #bbb;
}
.content-flex .right .category > ul > li .ic {
  width: 18px;
}
.content-flex .right .category > ul > li .ic i {
  font-size: 10px;
  color: #333;
}
.content-flex .right .category > ul > li .ic:hover i {
  color: #b87f0e;
}
.content-flex .right .category > ul > li .tl {
  display: flex;
  align-items: center;
  font-family: robo;
  font-size: 14px;
  color: #333;
}
.content-flex .right .category > ul > li .tl:hover,
.content-flex .right .category > ul > li.active .ic i,
.content-flex .right .category > ul > li.active .tl {
  color: #b87f0e;
}
.content-flex .right .category > ul > li a.tl {
  font-family: robo-bold;
}
.content-flex .right .category > ul > li > ul {
  margin-left: 35px;
  list-style: square;
}
.content-flex .right .category > ul > li > ul > li {
  padding-top: 10px;
}
.content-flex .right .category > ul > li > ul > li a {
  font-family: robo;
  font-size: 14px;
  color: #333;
}
.content-flex .right .category > ul > li > ul > li.active > a,
.content-flex .right .category > ul > li > ul > li:hover > a {
  color: #b87f0e;
}
@media (max-width: 767px) {
  .content-flex .right .category {
    margin-bottom: 15px;
  }
}
.content-flex .right .viewest .it {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #bbb;
}
.content-flex .right .viewest .it .img {
  width: 105px;
  border-radius: 5px;
  overflow: hidden;
}
.content-flex .right .viewest .it .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.content-flex .right .viewest .it .txt {
  width: calc(100% - 105px);
  padding-left: 15px;
}
.content-flex .right .viewest .it .txt a {
  font-family: robo;
  font-size: 14px;
  color: #333;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.content-flex .right .viewest .it .txt a:hover {
  color: #b87f0e;
}
.content-flex .right .banner-sl {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 15px;
}
.content-flex .right .banner-sl img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.content-flex .right .form-advise {
  background: #b87f0e;
  border-radius: 5px;
  padding: 15px 10px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .content-flex .right .form-advise {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
  }
  .product-detail .dt-bot > ul li {
    min-width: 110px;
  }
}
.content-flex .right .form-advise > p {
  font-family: robocon-bold;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}
.content-flex .right .form-advise .grid-input {
  background: initial;
  padding: 0;
  gap: 0;
  margin-bottom: 5px;
}
.content-flex .right .form-advise .w-50 {
  width: 100%;
  margin-bottom: 5px;
}
.content-flex .right .form-advise .w-100 {
  width: 100%;
}
.content-flex .right .form-advise input,
.content-flex .right .form-advise select,
.content-flex .right .form-advise textarea {
  height: 30px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  border: none;
  outline: 0;
  resize: none;
  padding-left: 15px;
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.content-flex .right .form-advise input::placeholder,
.content-flex .right .form-advise select::placeholder,
.content-flex .right .form-advise textarea::placeholder {
  font-family: robo;
  font-size: 15px;
  color: #606060;
}
.content-flex .right .form-advise textarea {
  height: 70px;
}
.content-flex .right .form-advise button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: end;
  margin: auto;
  height: 36px;
  width: 177px;
  border-radius: 20px;
  background: #ff7800;
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  border: none;
}
.content-flex .right .form-advise button i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #fff;
  color: #ff7800;
  margin: 0 3px 0 20px;
}
.content-flex .right .contact-now {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url(../image/bgr-lienhengay.webp) no-repeat;
  background-size: 100% auto;
  border-radius: 5px;
  height: 102px;
  position: relative;
}
.content-flex .right .contact-now p {
  font-family: robocon-bold;
  font-size: 15px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.5;
}
.content-flex .right .contact-now p.ct {
  font-size: 24px;
}
.content-flex .right .contact-now::before {
  content: "";
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  border-radius: 5px;
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media (max-width: 991px) {
  .content-flex .right {
    padding-left: 20px;
  }
  .content-flex .right .viewest .it .img {
    width: 40%;
  }
  .content-flex .right .viewest .it .txt {
    width: 60%;
    padding-left: 10px;
  }
}
._news {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .content-flex .right {
    padding-left: 0;
  }
  ._news {
    margin-bottom: 0;
  }
}
._news h1 {
  font-family: robocon-bold;
  font-size: 30px;
  color: #b87f0e;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  ._news h1 {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
  }
}
._news ._news-grid {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(2, calc((100% - 25px) / 2));
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 991px) {
  ._news ._news-grid {
    grid-template-columns: 100%;
    border-bottom: none;
    margin-bottom: 0;
  }
}
._news .lst-news,
._news-detail {
  border-bottom: 1px solid #e4e4e4;
}
._news ._news-grid .item {
  display: flex;
  align-items: start;
  margin-bottom: 20px;
}
._news ._news-grid .item .img {
  display: block;
  width: 150px;
  border-radius: 5px;
  overflow: hidden;
}
._news ._news-grid .item .txt h2 a,
._news ._news-grid .item.first .txt .desc p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
._news ._news-grid .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
._news ._news-grid .item .txt {
  width: calc(100% - 150px);
  padding-left: 25px;
}
._news ._news-grid .item .txt h2 a {
  font-family: robo-bold;
  font-size: 16px;
  color: #333;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  ._news ._news-grid {
    padding-bottom: 15px;
  }
  ._news ._news-grid .item .txt h2 a {
    font-size: 15px;
  }
}
._news ._news-grid .item.first {
  flex-direction: column;
  margin-bottom: 0;
}
._news ._news-grid .item.first .img {
  width: 100%;
  margin-bottom: 30px;
}
._news ._news-grid .item.first .txt {
  width: 100%;
  padding-left: 0;
}
._news ._news-grid .item.first .txt h2 {
  margin-bottom: 10px;
}
._news ._news-grid .item.first .txt h2 a {
  font-family: robo-bold;
  font-size: 20px;
  color: #333;
}
._news ._news-grid .item.first .txt h2 a:hover {
  color: #b87f0e;
}
._news ._news-grid .item.first .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  -webkit-line-clamp: 3;
  line-height: 1.5;
}
._news ._news-grid .item:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  ._news ._news-grid .item.first .txt h2 a {
    font-size: 15px;
  }
  ._news ._news-grid .item {
    margin-bottom: 15px;
  }
  ._news ._news-grid .item .txt {
    padding-left: 10px;
  }
  ._news ._news-grid .item .txt h2 a {
    font-size: 15px;
  }
  ._news ._news-grid .item.first .img {
    margin-bottom: 10px;
  }
}
._news .lst-news {
  margin-bottom: 25px;
}
._news .lst-news .item {
  display: flex;
  align-items: start;
  margin-bottom: 25px;
}
._news .lst-news .item .img {
  width: 30%;
  border-radius: 5px;
  overflow: hidden;
}
._news .lst-news .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
._news .lst-news .item .txt {
  width: 70%;
  padding-left: 25px;
}
._news .lst-news .item .txt h2 {
  margin-bottom: 15px;
}
._news .lst-news .item .txt h2 a {
  font-family: robo-bold;
  font-size: 18px;
  color: #333;
}
._news .lst-news .item .txt h2 a:hover {
  color: #b87f0e;
}
._news .lst-news .item .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 991px) {
  ._news .lst-news .item .txt .desc p,
  ._news .lst-news .item .txt h2 a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
  ._news .lst-news .item .img {
    width: 150px;
  }
  ._news .lst-news .item .txt {
    width: calc(100% - 150px);
  }
  ._news .lst-news .item .txt h2 {
    margin-bottom: 10px;
  }
  ._news .lst-news .item .txt h2 a {
    font-family: robo-bold;
    font-size: 16px;
    color: #333;
  }
}
.typical-projects h2,
.typical-projects h2 a {
  font-size: 26px;
  color: #b87f0e;
  font-family: robo-bold;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 767px) {
  ._news .lst-news,
  ._news .lst-news .item {
    margin-bottom: 15px;
  }
  ._news .lst-news .item .txt {
    padding-left: 10px;
  }
  .typical-projects h2,
  .typical-projects h2 a {
    font-size: 20px;
  }
}
.typical-projects {
  padding: 50px 0;
}
.typical-projects h2 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}
.typical-projects h2::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.typical-projects .lst-typical-project {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 25px;
}
.typical-projects .lst-typical-project .item {
  width: calc((100% - 50px) / 3);
}
.typical-projects .lst-typical-project .item.it-project {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.typical-projects .lst-typical-project .item.it-project img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.typical-projects .lst-typical-project .item.it-project .txt {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 95%;
  transform: translateX(-50%);
  z-index: 10;
}
._project .lst-project .item .img:hover > img,
.typical-projects .lst-typical-project .item.it-news .img:hover > img,
.typical-projects .lst-typical-project .item.it-product .img:hover > img,
.typical-projects .lst-typical-project .item.it-project:hover img {
  transform: scale(1.05);
}
.typical-projects .lst-typical-project .item.it-project .txt h3,
.typical-projects .lst-typical-project .item.it-project .txt p {
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.typical-projects .lst-typical-project .item.it-project::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30%;
  width: 100%;
  z-index: 10;
  background: linear-gradient(to top, #b87f0e, rgba(0, 45, 114, 0));
}
.typical-projects .lst-typical-project .item.it-product .img {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 25px;
}
.typical-projects .lst-typical-project .item.it-product .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
@media (max-width: 767px) {
  .typical-projects .lst-typical-project .item.it-product .img {
    margin-bottom: 15px;
  }
}
.typical-projects .lst-typical-project .item.it-product .txt h3 {
  margin-bottom: 10px;
  text-align: center;
}
.typical-projects .lst-typical-project .item.it-product .txt h3 a {
  font-family: robocon-bold;
  font-size: 20px;
  color: #333;
}
.typical-projects .lst-typical-project .item.it-product .txt h3 a:hover {
  color: #b87f0e;
}
.typical-projects .lst-typical-project .item.it-product .txt .desc p {
  font-family: robo;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.typical-projects .lst-typical-project .item.it-product .img img {
  object-fit: contain;
}
.typical-projects .lst-typical-project .item.it-news .img {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 25px;
}
.typical-projects .lst-typical-project .item.it-news .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
@media (max-width: 767px) {
  .typical-projects .lst-typical-project .item.it-product .txt .desc p {
    font-size: 15px;
  }
  .typical-projects .lst-typical-project .item.it-news .img {
    margin-bottom: 15px;
  }
  .typical-projects .lst-typical-project {
    flex-direction: column;
    gap: 15px;
  }
  .typical-projects .lst-typical-project .item {
    width: 100%;
  }
}
._news-detail,
.typical-projects .lst-typical-project .item.it-news .txt h3 {
  margin-bottom: 10px;
}
.typical-projects .lst-typical-project .item.it-news .txt h3 a {
  font-family: robo-bold;
  font-size: 18px;
  color: #333;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.2;
}
.typical-projects .lst-typical-project .item.it-news .txt h3 a:hover {
  color: #b87f0e;
}
.typical-projects .lst-typical-project .item.it-news .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.typical-projects.bgr-gray {
  background: #eee;
}
@media (max-width: 767px) {
  .typical-projects {
    padding: 15px 0;
  }
  ._news-detail {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
._news-detail {
  padding-bottom: 10px;
}
._news-detail h1 {
  font-family: robo-bold;
  font-size: 28px;
  color: #333;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  ._news-detail h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  ._project {
    margin-bottom: 15px;
  }
}
._news-detail .social {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._news-detail .social .like {
  display: flex;
  align-items: center;
  gap: 15px;
}
._news-detail .social .share {
  font-family: robo;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}
._news-detail .social .share a {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 1px solid #7f7f7f;
  display: flex;
  align-items: center;
  justify-content: center;
}
._project h1::before,
.pro-compact h1::before {
  height: 18px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  content: "";
}
._news-detail .social .share i {
  color: #7f7f7f;
}
._project h1,
._project h1 a,
._project ul li a {
  font-family: robo-bold;
  color: #b87f0e;
  text-transform: uppercase;
}
._project h1 {
  font-size: 26px;
  text-align: center;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}
._project h1 a {
  font-size: 26px;
  text-align: center;
}
._project h1::before {
  display: block;
  width: 176px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  ._project h1,
  ._project h1 a {
    font-size: 20px;
  }
  ._project h1 {
    margin-bottom: 15px;
  }
}
._project ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 25px;
}
._project ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border: 1px solid #b87f0e;
  transition: background 0.2s linear;
  cursor: pointer;
}
._project ul li a {
  font-size: 16px;
}
._project ul li.active,
._project ul li:hover {
  background: #b87f0e;
  color: #fff;
}
._project ul li.active a,
._project ul li:hover a {
  color: #fff;
}
@media (max-width: 991px) {
  ._project ul {
    flex-wrap: wrap;
  }
  ._project ul li {
    width: calc((100% - 20px) / 3);
  }
  ._project ul li a {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  ._project ul {
    margin-bottom: 15px;
  }
  ._project ul li {
    width: calc((100% - 10px) / 2);
  }
  ._project ul li a {
    font-size: 14px;
    font-family: robo;
  }
}
._project .lst-project {
  margin-bottom: 45px;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
._project .lst-project .item {
  width: calc((100% - 50px) / 3);
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
._project .lst-project .item .img {
  position: relative;
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
._project .lst-project .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
._project .lst-project .item .img .name {
  position: absolute;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  bottom: 20px;
  z-index: 10;
  transition: opacity 0.2s linear;
}
._project .lst-project .item .img .name h2 {
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
._project .lst-project .item .img::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30%;
  width: 100%;
  z-index: 5;
  background: linear-gradient(to top, #b87f0e, rgba(0, 45, 114, 0));
}
._project .lst-project .item .txt {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 45, 114, 0.9);
  transition: opacity 0.2s linear;
}
._project .lst-project .item .txt h2 {
  margin-bottom: 15px;
}
._project .lst-project .item .txt h2 a {
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}
._project .lst-project .item .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #fff;
  margin-bottom: 35px;
}
._project .lst-project .item .txt .seemore {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: end;
  border-radius: 20px;
  border: 1px solid #b87f0e;
  font-family: robo-bold;
  font-size: 15px;
  color: #b87f0e;
  text-transform: uppercase;
  transition: background 0.2s linear;
  height: 32px;
  width: 112px;
  margin: initial;
  background: #fff;
}
._project .lst-project .item .txt .seemore i {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b87f0e;
  border: 1px solid #b87f0e;
  color: #fff;
  transition: background 0.2s linear, color 0.2s linear;
  height: 28px;
  width: 28px;
  margin: 0 2px 0 8px;
}
._project .lst-project .item .txt .seemore:hover {
  background: #b87f0e;
  color: #fff;
}
._project .lst-project .item .txt .seemore:hover i {
  background: #fff;
  color: #b87f0e;
}
@media (min-width: 1025px) {
  ._project .lst-project .item:hover .img .name {
    opacity: 0;
  }
  ._project .lst-project .item:hover .txt {
    opacity: 1;
    pointer-events: all;
  }
}
@media (max-width: 767px) {
  ._project .lst-project {
    margin-bottom: 15px;
    gap: 10px;
  }
  ._project .lst-project .item {
    width: 100%;
  }
  ._project .lst-project .item .img .name {
    bottom: 10px;
  }
}
.project-detail {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 767px) {
  .project-detail {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.project-detail h1 {
  font-family: robocon-bold;
  font-size: 30px;
  color: #b87f0e;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.project-detail .addr {
  font-family: robo;
  font-size: 15px;
  color: #333;
  margin-bottom: 20px;
}
.project-detail .detail-slide {
  position: relative;
  margin-bottom: 30px;
}
.project-detail .detail-slide .item {
  border-radius: 5px;
  overflow: hidden;
}
.project-detail .detail-slide .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.project-detail .detail-slide .owl-nav,
.project-detail .detail-slide .owl-next,
.project-detail .detail-slide .owl-prev {
  margin: 0;
}
.project-detail .detail-slide .owl-next,
.project-detail .detail-slide .owl-prev {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 42px;
  width: 42px;
  border-radius: 5px;
  border: 1px solid #fff !important;
  left: 70px;
}
.project-detail .detail-slide .owl-next i,
.project-detail .detail-slide .owl-prev i {
  font-size: 18px;
  color: #fff !important;
}
.project-detail .detail-slide .owl-next:hover,
.project-detail .detail-slide .owl-prev:hover {
  background: 0 0;
}
.project-detail .detail-slide .owl-next {
  left: initial;
  right: 70px;
}
.project-detail .info-project > p {
  font-family: robocon-bold;
  font-size: 22px;
  color: #b87f0e;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .project-detail h1 {
    font-size: 20px;
  }
  .project-detail .addr,
  .project-detail .detail-slide,
  .project-detail .info-project > p,
  .project-detail h1 {
    margin-bottom: 15px;
  }
  .project-detail .info-project > p {
    font-size: 18px;
  }
}
.cls::after {
  content: "";
  display: block;
  clear: both;
}
.profile-style6-head {
  background: #002b5f;
  display: flex;
}
.profile-style6-head .profile-style6_l {
  width: 50%;
  padding: 50px 0 50px 80px;
}
.profile-style6-head .profile-style6_l .title {
  font-family: robocon-bold;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .profile-style6-head .profile-style6_l .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.profile-style6-head .profile-style6_l .description p {
  font-family: robo;
  font-size: 15px;
  color: #fff;
  text-align: justify;
  line-height: 1.5;
}
.profile-style6-head .profile-style6_l .description p:last-child {
  margin-bottom: 0;
}
.profile-style6-head .profile-style6_r {
  height: 350px;
  position: relative;
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
  background: linear-gradient(#00407c 85%, transparent 0);
  transform: translate(0, 15%);
  overflow: hidden;
  width: 55%;
  margin-left: -5%;
}
.profile-style6-head .profile-style6_r .item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
  transform: translate(22px, 30px);
}
@media (min-width: 568px) {
  .profile-style6-head .profile-style6_l {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .profile-style6-head .profile-style6_l {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .profile-style6-head .profile-style6_l {
    width: 100%;
    padding: 15px;
  }
  .profile-style6-head .profile-style6_r {
    display: none;
  }
}
._product1 {
  padding-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  ._product1 {
    padding-top: 15px;
    margin-bottom: 15px;
  }
}
._product1 .tit {
  position: relative;
  border-top: 1px solid #e4e4e4;
  margin-bottom: 40px;
}
._product1 h1 {
  font-family: robocon-bold;
  font-size: 30px;
  color: #b87f0e;
  text-transform: uppercase;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  padding-right: 20px;
}
@media (max-width: 767px) {
  ._product1 .tit {
    margin-bottom: 20px;
  }
  ._product1 h1 {
    font-size: 20px;
  }
}
._product1 .description {
  margin-bottom: 35px;
}
._product1 .description p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  text-align: justify;
}
@media (max-width: 767px) {
  ._product1 .description {
    margin-bottom: 15px;
  }
}
._product1 .lst-pro {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 55px;
}
._product1 .lst-pro .item {
  width: calc((100% - 55px) / 2);
  display: flex;
  align-items: start;
  gap: 20px;
}
._product1 .lst-pro .item .img {
  display: block;
  width: calc(50% - 20px);
  border-radius: 5px;
  overflow: hidden;
}
._product1 .lst-pro .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
._product1 .lst-pro .item .img:hover > img {
  transform: scale(1.05);
}
.about h1::before,
.pro-compact h1::before {
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
}
._product1 .lst-pro .item .txt {
  width: 50%;
}
._product1 .lst-pro .item .txt h3 {
  margin-bottom: 20px;
}
._product1 .lst-pro .item .txt h3 a {
  font-family: robocon-bold;
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
}
._product1 .lst-pro .item .txt h3 a:hover {
  color: #b87f0e;
}
._product1 .lst-pro .item .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  text-align: justify;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.pro-compact h1,
.pro-compact h1 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  ._product1 .lst-pro {
    gap: 20px;
  }
  ._product1 .lst-pro .item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  ._product1 .lst-pro {
    gap: 15px;
  }
  ._product1 .lst-pro .item {
    flex-wrap: wrap;
    gap: 10px;
  }
  ._product1 .lst-pro .item .img,
  ._product1 .lst-pro .item .txt {
    width: 100%;
  }
  ._product1 .lst-pro .item .txt h3 {
    margin-bottom: 10px;
  }
  .pro-compact h1,
  .pro-compact h1 a {
    font-size: 20px;
  }
}
.pro-compact h1 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 35px;
}
.pro-compact h1::before {
  display: block;
  width: 176px;
  position: absolute;
}
@media (max-width: 767px) {
  .pro-compact h1 {
    margin-bottom: 15px;
  }
}
.pro-compact .item .txt .desc,
.pro-compact .item .txt h2 {
  margin-bottom: 30px;
}
.pro-compact .item {
  display: flex;
  align-items: center;
}
.pro-compact .item .img {
  width: 50%;
  display: flex;
  overflow: hidden;
}
.pro-compact .item .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.pro-compact .item .img:hover > img {
  transform: scale(1.05);
}
.pro-compact .item .txt {
  width: 50%;
  padding: 75px;
}
.pro-compact .item .txt h2 a {
  font-family: robocon-bold;
  font-size: 20px;
  color: #333;
}
.pro-compact .item .txt .desc p {
  font-family: robocon;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  text-align: justify;
}
.pro-compact .item .txt .seemore {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: end;
  border-radius: 20px;
  border: 1px solid #b87f0e;
  font-family: robo-bold;
  text-transform: uppercase;
  transition: background 0.2s linear;
  height: 32px;
  width: 120px;
  background: #b87f0e;
  color: #fff;
  font-size: 14px;
  margin: initial;
}
.pro-compact .item .txt .seemore i {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b87f0e;
  border: 1px solid #b87f0e;
  transition: background 0.2s linear, color 0.2s linear;
}
.pro-compact .item .txt .seemore:hover {
  background: #b87f0e;
  color: #fff;
}
.pro-compact .item .txt .seemore:hover i {
  background: #fff;
  color: #b87f0e;
}
.pro-compact .item .txt .seemore i {
  height: 26px;
  width: 26px;
  margin: 0 2px 0 15px;
  background: #fff;
  color: #b87f0e;
}
.pro-compact .item:nth-of-type(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .pro-compact .item {
    flex-direction: column;
  }
  .pro-compact .item .img {
    width: 100%;
  }
  .pro-compact .item .txt {
    width: 100%;
    padding: 10px 15px 20px;
  }
  .pro-compact .item .txt .desc,
  .pro-compact .item .txt h2 {
    margin-bottom: 10px;
  }
  .pro-compact .item:nth-of-type(2n) {
    flex-direction: column;
  }
}
.accessories-jato {
  margin-bottom: 40px;
}
.accessories-jato .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.accessories-jato .tit h2 {
  font-family: robocon-bold;
  font-size: 22px;
  color: #b87f0e;
  text-transform: uppercase;
}
.accessories-jato .tit a {
  font-family: robo;
  font-size: 13px;
  color: #b87f0e;
}
.accessories-jato .tit a i {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .accessories-jato {
    margin-bottom: 15px;
  }
  .accessories-jato .tit {
    flex-direction: column;
    align-items: start;
  }
  .accessories-jato .tit h2 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.accessories-jato .lst-pro {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}
.accessories-jato .lst-pro .item {
  width: calc((100% - 20px) / 3);
  padding: 15px;
  border: 1px solid #e4e4e4;
}
.accessories-jato .lst-pro .item .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accessories-jato .lst-pro .item .txt h3 a {
  font-family: robo-bold;
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
}
.accessories-jato .lst-pro .item .txt h3 a:hover {
  color: #b87f0e;
}
.accessories-jato .lst-pro .item .txt p {
  font-family: robo;
  font-size: 14px;
  color: #333;
}
.accessories-jato .lst-pro .item .txt p.code {
  margin-bottom: 15px;
}
.accessories-jato .lst-pro .item .txt p.price {
  margin-bottom: 5px;
}
.accessories-jato .lst-pro .item .txt p.price span {
  font-family: robo-bold;
  font-size: 16px;
  color: #ff1000;
  margin-right: 5px;
}
.accessories-jato .lst-pro .item .txt p.cmt {
  font-size: 13px;
  margin-bottom: 10px;
}
.accessories-jato .lst-pro .item .txt .btn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.accessories-jato .lst-pro .item .txt .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: calc((100% - 5px) / 2);
  font-family: robo;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}
.accessories-jato .lst-pro .item .txt .btn a.btn-contact {
  background: #ff7800;
}
.accessories-jato .lst-pro .item .txt .btn a.btn-zl {
  background: #b87f0e;
}
.accessories-jato .lst-pro .item .txt .btn a.btn-zl img {
  max-width: 20px;
}
@media (max-width: 991px) {
  .accessories-jato .lst-pro {
    flex-wrap: wrap;
  }
  .accessories-jato .lst-pro .item {
    width: calc((100% - 10px) / 2);
  }
}
.about {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .accessories-jato .lst-pro .item {
    width: 100%;
  }
  .about {
    margin-bottom: 15px;
  }
}
.about > .container > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 50px;
}
.about > .container > ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 20px;
  border-radius: 17px;
  border: 1px solid #b87f0e;
  transition: background 0.2s linear;
  cursor: pointer;
}
.about > .container > ul li a {
  font-family: robo-bold;
  font-size: 16px;
  color: #b87f0e;
  text-transform: uppercase;
}
.about > .container > ul li.active,
.about > .container > ul li:hover {
  background: #b87f0e;
  color: #fff;
}
.about > .container > ul li.active a,
.about > .container > ul li:hover a {
  color: #fff;
}
@media (max-width: 991px) {
  .about > .container > ul {
    flex-wrap: wrap;
  }
  .about > .container > ul li {
    width: calc((100% - 20px) / 3);
  }
  .about > .container > ul li a {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .about > .container > ul {
    margin-bottom: 15px;
  }
  .about > .container > ul li {
    width: calc((100% - 10px) / 2);
  }
  .about > .container > ul li a {
    font-size: 14px;
    font-family: robo;
  }
}
.about h1,
.about h1 a {
  font-size: 26px;
  color: #b87f0e;
  text-align: center;
}
._contact .btn .item p:nth-of-type(1),
._contact .hotline,
.about h1,
.about h1 a {
  font-family: robo-bold;
  text-transform: uppercase;
}
.about h1 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 20px;
}
.about h1::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
}
.alrt-popup,
.overlay {
  position: fixed;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  .about h1,
  .about h1 a {
    font-size: 20px;
  }
  .about h1 {
    margin-bottom: 15px;
  }
}
._contact .hotline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
}
._contact .hotline span {
  color: red;
}
@media (max-width: 767px) {
  ._contact .hotline {
    font-size: 18px;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
._contact .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
._contact .btn .item {
  height: 66px;
  padding-right: 20px;
  border-radius: 32.5px;
  background: #ff7800;
  display: flex;
  align-items: center;
  justify-content: start;
}
._contact .btn .item.btn-advice {
  background: #ff1000;
}
._contact .btn .item p {
  text-align: center;
}
._contact .btn .item p:nth-of-type(1) {
  font-size: 17px;
  color: #fff;
}
._contact .btn .item p:nth-of-type(2) {
  font-family: robo;
  font-size: 15px;
  color: #fff;
}
._contact .btn .item .ic {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 3px;
}
@media (max-width: 767px) {
  ._contact .btn {
    gap: 15px;
    flex-wrap: wrap;
  }
  ._contact .btn .item {
    width: 100%;
  }
}
._contact .form-advise {
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 40%;
  padding: 30px 20px;
  border-radius: 5px;
  transition: opacity 0.2s linear;
}
._contact .form-advise .btn-exit {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  color: #b87f0e;
}
._contact .form-advise .form-cnt {
  width: 100%;
}
._contact .form-advise .form-cnt h3 {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}
._contact .form-advise .form-cnt h3 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
}
._contact .form-advise .form-cnt h3::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  ._contact .form-advise .form-cnt h3,
  ._contact .form-advise .form-cnt h3 a {
    font-size: 20px;
  }
}
._contact .form-advise .form-cnt h3 h2 {
  font-size: 20px;
}
._contact .form-advise.active {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 991px) {
  ._contact .form-advise {
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    transform: translate(0);
  }
  ._contact .form-advise .grid-input {
    box-shadow: none;
    padding: 0;
  }
}
.general-intro .mission .img:hover > img,
.general-intro .team .slide2 .owl-item .item:hover img,
.general-intro .team .slide3 .owl-item .item:hover img {
  transform: scale(1.05);
}
.general-intro .tit {
  font-family: robocon-bold;
  font-size: 30px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .general-intro .tit {
    font-size: 20px;
  }
}
.general-intro .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  text-align: justify;
  line-height: 1.5;
}
.general-intro .trademark {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .general-intro .trademark {
    margin-bottom: 15px;
  }
}
.woocommerce-product-details__short-description ul li:before {
    content: "\f058";
    font-family: 'FontAwesome';
    color: #b87f0e;
    margin-right: 6px;
	    position: absolute;
    left: 0;
    top: 0px;
}

.woocommerce-product-details__short-description ul li {
    line-height: 1.7;
    position: relative;
    padding-left: 28px;
}
.general-intro .it {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 767px) {
  .general-intro .it {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.policies i.fa-solid.fa-circle-check {
    color: #b87f0e;
}
.general-intro .products .desc {
    text-align: center;
}
.general-intro .mission .container {
  display: flex;
  align-items: center;
  gap: 45px;
}
.general-intro .mission .img,
.general-intro .mission .txt {
  width: calc((100% - 45px) / 2);
}
.general-intro .mission .img {
  border-radius: 5px;
  overflow: hidden;
}
.general-intro .mission .img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.general-intro .mission .tl {
  font-family: robo-bold;
  font-size: 19px;
  color: #333;
  margin-bottom: 15px;
}
.general-intro .mission .desc {
  margin-bottom: 35px;
}
.general-intro .mission .desc:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .general-intro .mission .container {
    flex-wrap: wrap;
    gap: 15px;
  }
  .general-intro .mission .img,
  .general-intro .mission .txt {
    width: 100%;
  }
  .general-intro .mission .desc {
    margin-bottom: 15px;
  }
}
.general-intro .value-core .tit {
  text-align: center;
}
.general-intro .value-core .container > .desc {
  padding: 0 200px;
  margin-bottom: 35px;
}
.general-intro .value-core .container > .desc p {
  text-align: center;
}
@media (max-width: 991px) {
  .general-intro .value-core .container > .desc {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .general-intro .value-core .container > .desc {
    margin-bottom: 15px;
  }
}
.general-intro .value-core .lst-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.general-intro .value-core .lst-value .item {
  width: 235px;
  height: 235px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #b87f0e;
  
}
.general-intro .value-core .lst-value .item .desc p {
  font-family: robo;
  font-size: 15px;
  color: #fff;
  text-align: center;
}
.general-intro .value-core .lst-value .item .name-en {
  color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.general-intro .value-core .lst-value .item .name-vn {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.general-intro .value-core .lst-value .item:nth-of-type(2n) {
  background: #b87f0e;
}
@media (max-width: 991px) {
  .general-intro .value-core .lst-value {
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
  }
}
.general-intro .process-dev {
  background: url(../image/bgr-quatrinhphattrien.webp) center no-repeat;
  background-size: 100% auto;
}
.general-intro .process-dev .tit {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .general-intro .process-dev .tit {
    margin-bottom: 15px;
  }
}
.general-intro .process-dev .pd-cnt {
  display: flex;
}
.general-intro .process-dev .pd-cnt .col-1 {
  width: 30%;
}
.general-intro .process-dev .pd-cnt .col-1 .tit {
  text-align: start;
  margin-bottom: 0;
}
.general-intro .infrastructure .desc p,
.general-intro .infrastructure .tit {
  text-align: center;
}
.general-intro .process-dev .pd-cnt .col-1 .num {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 15px;
  row-gap: 15px;
}
.general-intro .process-dev .pd-cnt .col-1 .num .num-it {
  width: 50%;
}
.general-intro .process-dev .pd-cnt .col-1 .num .num-it span {
  font-family: robocon-bold;
  font-size: 22px;
  color: #b87f0e;
}
.general-intro .process-dev .pd-cnt .col-1 .num .num-it p {
  font-family: robo;
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
}
.general-intro .process-dev .pd-cnt .col-1 .it1 {
  margin-top: 60%;
}
.general-intro .process-dev .pd-cnt .col-1 .it2 {
  margin-top: 50%;
}
.general-intro .process-dev .pd-cnt .col-1 .it3 {
  margin-top: 20%;
}
.general-intro .process-dev .pd-cnt .col-1 .it4 {
  margin-top: 40%;
}
.general-intro .process-dev .pd-cnt .col-2 {
  width: 40%;
}
.general-intro .process-dev .process-mb .item .desc {
  margin-bottom: 15px;
}
.general-intro .process-dev .process-mb .item .num {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.general-intro .process-dev .process-mb .item .num .num-it {
  width: calc((100% - 15px) / 2);
}
.general-intro .process-dev .process-mb .item .num .num-it span {
  font-size: 16px;
  color: #b87f0e;
}
.general-intro .infrastructure .desc {
  margin-bottom: 30px;
}
.general-intro .infrastructure .ie-cnt {
  display: grid;
  gap: 45px;
  grid-template-columns: repeat(2, calc((100% - 45px) / 2));
}
@media (max-width: 767px) {
  .general-intro .infrastructure .desc {
    margin-bottom: 15px;
  }
  .general-intro .infrastructure .ie-cnt {
    gap: 15px;
    grid-template-columns: 100%;
    margin-bottom: 15px;
  }
}
.general-intro .infrastructure .info-com {
  background: url(../image/bgr-contact.webp) no-repeat;
  background-size: cover;
  border-radius: 5px;
  padding: 30px 25px;
}
.general-intro .infrastructure .info-com .it-flex {
  display: flex;
  align-items: start;
  margin-bottom: 10px;
}
.general-intro .infrastructure .info-com .it-flex:last-child {
  margin-bottom: 0;
}
.general-intro .infrastructure .info-com .it-flex .ic {
  width: 25px;
}
.general-intro .infrastructure .info-com .it-flex a,
.general-intro .infrastructure .info-com .it-flex p {
  width: calc(100% - 25px);
  font-family: robo;
  font-size: 14px;
  color: #333;
}
.general-intro .infrastructure .info-com .it-flex a:hover {
  color: #b87f0e;
}
.general-intro .infrastructure .info-com .tit {
  font-size: 22px;
  text-align: start;
}
.general-intro .infrastructure .info-com .item {
  margin-bottom: 30px;
}
.general-intro .infrastructure .info-com .item:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .general-intro .infrastructure .info-com {
    padding: 15px;
  }
  .general-intro .infrastructure .info-com .item {
    margin-bottom: 15px;
  }
}
.general-intro .infrastructure .company-sl {
  position: relative;
}
.general-intro .infrastructure .company-sl .item {
  border-radius: 5px;
  overflow: hidden;
}
.general-intro .infrastructure .company-sl .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.general-intro .infrastructure .company-sl .owl-dots {
  margin: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
}
.general-intro .infrastructure .company-sl .owl-dots .owl-dot span {
  border: 1px solid #b87f0e;
  background: 0 0;
}
.general-intro .infrastructure .company-sl .owl-dots .owl-dot.active span {
  background: #b87f0e;
}
.general-intro .team .container {
  display: grid;
  align-items: center;
  grid-template-columns: 355px calc(100% - 355px - 30px - 184px) 184px;
  position: relative;
}
.general-intro .team .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 355px;
}
.general-intro .team .title p {
  font-family: robocon-bold;
  font-size: 46px;
  color: #000;
  line-height: 1;
}
.general-intro .team .title p span {
  color: #b87f0e;
  text-transform: lowercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .general-intro .team .container {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .general-intro .team .title {
    width: 100%;
    position: static;
    text-align: center;
  }
  .general-intro .team .title p {
    font-size: 16px;
  }
  .general-intro .team .title p:first-child {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .general-intro .team .title p:nth-child(2),
  .general-intro .team .title p:nth-child(3) {
    display: inline-block;
  }
  .general-intro .team .title p:nth-child(3) {
    text-transform: lowercase;
  }
}
.general-intro .team .title .tit {
  font-family: robocon-bold;
  font-size: 25px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .general-intro .team .container {
    flex-direction: column;
    gap: 15px;
  }
  .general-intro .team .title {
    position: relative;
    width: initial;
  }
}
.general-intro .team .slide1 {
  position: relative;
  padding: 100px 0;
}
@media (max-width: 991px) {
  .general-intro .team .title .tit {
    font-size: 20px;
  }
  .general-intro .team .slide1 {
    width: 200px;
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .general-intro .team .slide1 {
    width: 100%;
    padding: 50px 0 40px;
  }
}
.general-intro .team .slide1 .item {
  padding-left: 50px;
}
.general-intro .team .slide1 .item .name {
  font-family: robo-bold;
  font-size: 25px;
  color: #333;
}
.general-intro .team .slide1 .item .position {
  font-family: robo;
  font-size: 20px;
  color: #333;
  margin-bottom: 5px;
}
.general-intro .team .slide1 .owl-nav {
  margin: 0;
  position: absolute;
  left: 50px;
  bottom: 0;
  display: flex;
}
.general-intro .team .slide1 .owl-nav .owl-next,
.general-intro .team .slide1 .owl-nav .owl-prev {
  height: 45px;
  width: 45px;
  border-radius: 8px;
  border: 1px solid #b87f0e;
  margin: 0 5px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general-intro .team .slide1 .owl-nav .owl-next:hover,
.general-intro .team .slide1 .owl-nav .owl-prev:hover {
  background-color: transparent;
}
@media (max-width: 767px) {
  .general-intro .team .slide1 .owl-nav .owl-next,
  .general-intro .team .slide1 .owl-nav .owl-prev {
    height: 30px;
    width: 30px;
  }
  .general-intro .team .slide1 .owl-nav .owl-next img,
  .general-intro .team .slide1 .owl-nav .owl-prev img {
    max-width: 5px;
  }
}
@media (max-width: 991px) {
  .general-intro .team .slide1 .item {
    padding-left: 0;
  }
  .general-intro .team .slide1 .owl-nav {
    left: 0;
  }
}
.general-intro .team .slide2 {
  padding-left: 55px;
  padding-right: 25px;
}
.general-intro .team .slide2 .owl-stage {
  display: flex;
  align-items: end;
}
.general-intro .team .slide2 .owl-item .item {
  position: relative;
  border-radius: 12px;
  z-index: 10;
  width: 100%;
  overflow: hidden;
}
.general-intro .team .slide2 .owl-item .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  background: #eaeaea;
  border-radius: 12px;
  transition: transform 0.3s linear;
}
.general-intro .team .slide2 .owl-item .item .img {
  overflow: hidden;
  border-radius: 12px;
}
.general-intro .team .slide2 .owl-item .item::before {
  display: none;
}
.general-intro .team .slide2 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.general-intro .team .slide3 {
  margin: auto 0 0;
}
.general-intro .team .slide3 .owl-item .item {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 12px;
}
.general-intro .team .slide3 .owl-item .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  border-radius: 12px;
  background: rgba(0, 45, 114, 0.7);
  z-index: 10;
}
.general-intro .team .slide3 .owl-item .item img {
  transition: transform 0.3s linear;
}
.general-intro .team .team-mb {
  margin-bottom: 25px;
}
.general-intro .team .team-mb .item {
  position: relative;
  height: 400px;
  border-radius: px;
  overflow: hidden;
}
.general-intro .team .team-mb .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.general-intro .team .team-mb .item .txt {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  z-index: 10;
}
.general-intro .team .team-mb .item .txt p {
  text-align: center;
}
.general-intro .team .team-mb .item .txt .name {
  font-family: robo-bold;
  font-size: 20px;
  color: #fff;
}
.general-intro .team .team-mb .item .txt .position {
  font-family: robo;
  font-size: 18px;
  color: #fff;
  margin-bottom: 5px;
}
.general-intro .team .team-mb .owl-dots {
  margin: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
}
.general-intro .team .team-mb .owl-dots .owl-dot span {
  border: 1px solid #b87f0e;
  background: 0 0;
}
.general-intro .team .team-mb .owl-dots .owl-dot.active span {
  background: #b87f0e;
}
.general-intro .products .tit {
  text-align: center;
}
.general-intro .products .desc {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .general-intro .products .desc {
    margin-bottom: 15px;
  }
}
.general-intro .products .desc p {
  text-align: center;
}
.general-intro .products .name {
  font-family: robocon-bold;
  font-size: 22px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.general-intro .products .lst-pro1 {
  display: flex;
  align-items: center;
  gap: 25px;
}
.general-intro .products .lst-pro1 .item {
  width: calc((100% - 50px) / 3);
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.general-intro .products .lst-pro1 .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.general-intro .products .lst-pro1 .item .txt {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.general-intro .products .lst-pro1 .item .txt h3,
.general-intro .products .lst-pro1 .item .txt p {
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.general-intro .products .lst-pro1 .item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30%;
  width: 100%;
  z-index: 10;
  background: linear-gradient(to top, #b87f0e, rgba(0, 45, 114, 0));
}
.general-intro .products .lst-pro1 .item:hover img {
  transform: scale(1.05);
}
.general-intro .products .lst-pro1 .item .txt {
  width: 80%;
}
.general-intro .products .lst-pro1 .item .txt h3 {
  text-align: center;
}
@media (max-width: 767px) {
  .general-intro .products .name {
    margin-bottom: 15px;
  }
  .general-intro .products .lst-pro1 {
    gap: 15px;
    flex-wrap: wrap;
  }
  .general-intro .products .lst-pro1 .item {
    width: 100%;
  }
}
.general-intro .products .products-cnt {
  margin-bottom: 50px;
}
.general-intro .products .products-cnt:last-of-type {
  margin-bottom: 0;
}
.general-intro .policies .item {
  display: flex;
  align-items: center;
  gap: 45px;
}
.general-intro .policies .item .img {
  width: calc((100% - 45px) / 2);
  border-radius: 5px;
  overflow: hidden;
}
.general-intro .policies .item .txt {
  width: calc((100% - 45px) / 2);
}
.general-intro .policies .item .txt .tit {
  font-family: robocon-bold;
  font-size: 30px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .general-intro .policies .item .txt .tit {
    font-size: 20px;
  }
}
.general-intro .policies .item .txt > p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  margin-bottom: 15px;
}
.general-intro .policies .item .txt .it-flex {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.general-intro .policies .item .txt .it-flex .ic {
  width: 30px;
}
.general-intro .policies .item .txt .it-flex p {
  width: calc(100% - 30px);
  font-family: robo;
  font-size: 15px;
  color: #333;
}
.general-intro .profile .item .down,
.general-intro .profile .item .txt .down {
  font-family: robo-bold;
  font-size: 15px;
  text-transform: uppercase;
  height: 40px;
  padding-left: 15px;
  transition: background 0.2s linear;
}
.general-intro .policies .item:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.general-intro .profile {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .general-intro .policies .item {
    flex-wrap: wrap;
    gap: 15px;
  }
  .general-intro .policies .item .img,
  .general-intro .policies .item .txt {
    width: 100%;
  }
  .general-intro .policies .item:nth-of-type(2n) {
    flex-direction: initial;
  }
  .general-intro .profile {
    margin-bottom: 15px;
  }
}
.general-intro .profile .item {
  display: flex;
  align-items: start;
  flex-direction: row-reverse;
  gap: 50px;
}
.general-intro .profile .item .left {
  width: 270px;
}
.general-intro .profile .item .img {
  width: 270px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .general-intro .profile .item .img {
    width: 100%;
  }
}
.general-intro .profile .item .down {
  border-radius: 20px;
  border: 1px solid #ff7800;
  background: #ff7800;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: end;
}
.general-intro .profile .item .down .ic-dl {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #ff7800;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 4px 0 15px;
  transition: background 0.2s linear;
}
.general-intro .profile .item .down:hover {
  background: #fff;
  color: #ff7800;
}
.general-intro .profile .item .txt {
  width: calc(100% - 320px);
}
.general-intro .profile .item .txt .desc p {
  margin-bottom: 15px;
}
.general-intro .profile .item .txt .down {
  border-radius: 20px;
  border: 1px solid #ff7800;
  background: #ff7800;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: end;
}
.general-intro .profile .item .txt .down .ic-dl {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #ff7800;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 4px 0 15px;
  transition: background 0.2s linear;
}
.general-intro .profile .item .txt .down:hover {
  background: #fff;
  color: #ff7800;
}
@media (max-width: 767px) {
  .general-intro .profile .item .txt {
    position: relative;
    padding-bottom: 50px;
  }
  .general-intro .profile .item .txt .down {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
  }
  .general-intro .profile .item {
    flex-wrap: wrap;
    flex-direction: initial;
    gap: 15px;
  }
  .general-intro .profile .item .img,
  .general-intro .profile .item .txt {
    width: 100%;
  }
  .general-intro .profile.co-cq .item {
    position: relative;
    padding-bottom: 50px;
  }
  .general-intro .profile.co-cq .item .left {
    width: 100%;
  }
  .general-intro .profile.co-cq .item .left .down {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
  }
  .general-intro .profile.co-cq .item .txt {
    padding-bottom: 0;
  }
}
.general-intro .profile.co-cq .item {
  flex-direction: initial;
}
.capacity-profile .letter {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .capacity-profile .letter {
    margin-bottom: 15px;
  }
}
.capacity-profile .letter .container {
  display: flex;
  align-items: start;
  gap: 50px;
}
.capacity-profile .letter .txt {
  width: calc(100% - 370px);
}
.capacity-profile .letter .txt .tit {
  font-family: robocon-bold;
  font-size: 30px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.capacity-profile .letter .txt .detail-content p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  text-align: justify;
  margin-bottom: 20px;
}
.capacity-profile .letter .txt .detail-content strong {
  font-family: robo-bold;
  font-size: 15px;
  color: #333;
}
@media (max-width: 991px) {
  .capacity-profile .letter .container {
    gap: 15px;
    flex-wrap: wrap;
  }
  .capacity-profile .letter .txt {
    width: 100%;
  }
  .capacity-profile .letter .txt .tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .capacity-profile .letter .txt .detail-content p {
    margin-bottom: 15px;
  }
}
.capacity-profile .letter .img {
  width: 320px;
}
@media (max-width: 991px) {
  .capacity-profile .letter .img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .capacity-profile .letter .img img {
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .capacity-profile .letter .img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .capacity-profile .letter .img img {
    max-width: 100%;
  }
}
.capacity-profile .oriented-dev {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .capacity-profile .oriented-dev {
    margin-bottom: 15px;
    grid-template-columns: 100%;
  }
}
.capacity-profile .oriented-dev .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.capacity-profile .oriented-dev .txt {
  background: url(../image/bgr-dinhhuhongpt.webp) right bottom no-repeat #b87f0e;
  padding: 55px 40px 0;
}
.capacity-profile .oriented-dev .txt .tit {
  font-family: robocon-bold;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.capacity-profile .oriented-dev .txt ul {
  list-style: disc;
  margin-left: 15px;
}
.capacity-profile .oriented-dev .txt ul li {
  font-family: robo;
  font-size: 15px;
  color: #fff;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .capacity-profile .oriented-dev .txt {
    padding: 15px 15px 0;
  }
  .capacity-profile .oriented-dev .txt .tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.capacity-profile .history-dev {
  margin-bottom: 50px;
  background: url(../image/bgr-quatrinhphattrien.webp) no-repeat;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .capacity-profile .history-dev {
    background-size: 100%;
    margin-bottom: 15px;
  }
}
.capacity-profile .history-dev .tit {
  font-family: robo-bold;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 25px;
  position: relative;
  font-size: 30px;
  margin-bottom: 40px;
}
.capacity-profile .history-dev .tit a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
}
.capacity-profile .history-dev .tit::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .capacity-profile .history-dev .tit,
  .capacity-profile .history-dev .tit a {
    font-size: 20px;
  }
  .capacity-profile .history-dev .tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.capacity-profile .history-dev .history-sl {
  position: relative;
}
.capacity-profile .history-dev .history-sl .owl-item:nth-of-type(2n) .item {
  flex-direction: column-reverse;
}
.capacity-profile
  .history-dev
  .history-sl
  .owl-item:nth-of-type(2n)
  .item
  .pt-history {
  align-items: end;
}
.capacity-profile
  .history-dev
  .history-sl
  .owl-item:nth-of-type(2n)
  .item
  .pt-history::before {
  bottom: 100%;
}
.capacity-profile
  .history-dev
  .history-sl
  .owl-item:nth-of-type(2n)
  .item
  .pt-history::after {
  bottom: initial;
  top: 12px;
}
.capacity-profile
  .history-dev
  .history-sl
  .owl-item:nth-of-type(2n)
  .item
  .txt {
  flex-direction: column-reverse;
  padding-top: 0;
  padding-bottom: 30px;
}
.capacity-profile .history-dev .history-sl .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 446px;
}
.capacity-profile .history-dev .history-sl .item .pt-history,
.capacity-profile .history-dev .history-sl .item .txt {
  height: 50%;
}
.capacity-profile .history-dev .history-sl .item .pt-history {
  position: relative;
  display: flex;
  align-items: start;
}
.capacity-profile .history-dev .history-sl .item .pt-history::before {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #b87f0e;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.capacity-profile .history-dev .history-sl .item .pt-history::after {
  content: "";
  height: calc(100% - 203px);
  width: 1px;
  background: #b87f0e;
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
}
.capacity-profile .history-dev .history-sl .item .img {
  clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  overflow: hidden;
  border: 1px solid #b87f0e;
  background: #b87f0e;
  width: 167px;
  height: 191px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.capacity-profile .history-dev .history-sl .item .img .img-bgr {
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.capacity-profile .history-dev .history-sl .item .txt {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 30px;
}
.capacity-profile .history-dev .history-sl .item .txt .year {
  font-family: robo-bold;
  font-size: 30px;
  color: #b87f0e;
  text-align: center;
}
.capacity-profile .history-dev .history-sl .item .txt .desc p {
  font-family: robo;
  font-size: 16px;
  color: #333;
  text-align: center;
  background-size: 100% 100%;
  background-position: center;
}
.capacity-profile .history-dev .history-sl .owl-nav {
  margin: 0;
}
.capacity-profile .history-dev .history-sl .owl-nav .owl-next,
.capacity-profile .history-dev .history-sl .owl-nav .owl-prev {
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}
.capacity-profile .history-dev .history-sl .owl-nav .owl-next i,
.capacity-profile .history-dev .history-sl .owl-nav .owl-prev i {
  font-size: 20px;
  color: #b87f0e;
}
.capacity-profile .history-dev .history-sl .owl-nav .owl-next:hover,
.capacity-profile .history-dev .history-sl .owl-nav .owl-prev:hover {
  background: 0 0;
}
.capacity-profile .history-dev .history-sl .owl-nav .owl-prev {
  left: 0;
}
.capacity-profile .history-dev .history-sl .owl-nav .owl-next {
  left: initial;
  right: 0;
}
.capacity-profile .history-dev .history-sl::before {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 2px);
  background: #b87f0e;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1px;
}
.capacity-profile .prize {
  padding: 85px 0;
  background: url(../image/bgr-giaithuong.webp) no-repeat;
  background-size: 100% auto;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .capacity-profile .prize {
    background-size: 100% 100%;
  }
}
.capacity-profile .prize .prize-cnt {
  width: 40%;
}
.capacity-profile .prize .prize-cnt .tit {
  font-family: robo-bold;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.capacity-profile .prize .prize-cnt .detail-content p {
  font-family: robo;
  font-size: 15px;
  color: #fff;
  text-align: justify;
}
@media (max-width: 767px) {
  .capacity-profile .prize {
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .capacity-profile .prize .prize-cnt {
    width: 100%;
  }
  .capacity-profile .prize .prize-cnt .tit {
    font-size: 20px;
  }
}
.capacity-profile .certificate {
  margin-bottom: 50px;
}
.capacity-profile .certificate .container {
  display: flex;
  align-items: start;
}
.capacity-profile .certificate .img {
  width: 40%;
}
.capacity-profile .certificate .txt {
  width: 60%;
  padding-left: 70px;
}
.capacity-profile .certificate .txt .tit {
  font-family: robo-bold;
  font-size: 30px;
  color: #b87f0e;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.capacity-profile .certificate .txt .detail-content p {
  font-family: robo;
  font-size: 15px;
  color: #333;
}
@media (max-width: 767px) {
  .capacity-profile .certificate {
    margin-bottom: 15px;
  }
  .capacity-profile .certificate .container {
    flex-wrap: wrap;
    gap: 15px;
  }
  .capacity-profile .certificate .img {
    width: 100%;
  }
  .capacity-profile .certificate .txt {
    width: 100%;
    padding-left: 0;
  }
  .capacity-profile .certificate .txt .tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.capacity-profile .organization {
  padding: 50px 0;
  background: #eee;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .capacity-profile .organization {
    padding: 15px 0;
    margin-bottom: 15px;
  }
}
.capacity-profile .organization .tit {
  font-family: robo-bold;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 25px;
  position: relative;
  font-size: 30px;
  margin-bottom: 40px;
}
.capacity-profile .organization .tit a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
}
.capacity-profile .organization .tit::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .capacity-profile .organization .tit,
  .capacity-profile .organization .tit a {
    font-size: 20px;
  }
  .capacity-profile .organization .tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.capacity-profile .organization img {
  margin: auto;
  display: block;
}
.capacity-profile .infrastructure {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .capacity-profile .infrastructure {
    margin-bottom: 15px;
  }
}
.capacity-profile .infrastructure .item {
  display: flex;
  align-items: start;
  gap: 35px;
  margin-bottom: 50px;
}
.capacity-profile .infrastructure .item .img,
.capacity-profile .infrastructure .item .txt {
  width: calc((100% - 35px) / 2);
}
.capacity-profile .infrastructure .item .img {
  position: relative;
}
.capacity-profile .infrastructure .item .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
  overflow: hidden;
}
.capacity-profile .infrastructure .item .img::before {
  content: "";
  height: 95px;
  width: 95px;
  border-radius: 10px;
  background: #b87f0e;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: -1;
}
.capacity-profile .infrastructure .item .txt .tit {
  font-family: robocon-bold;
  font-size: 30px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.capacity-profile .infrastructure .item .txt .desc p {
  font-family: robo;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 15px;
  text-align: justify;
}
.capacity-profile .infrastructure .item:nth-of-type(2n + 1) {
  flex-direction: row-reverse;
}
.capacity-profile .infrastructure .item:nth-of-type(2n + 1) .img::before {
  left: initial;
  right: -10px;
}
@media (max-width: 767px) {
  .capacity-profile .infrastructure .item {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
  }
  .capacity-profile .infrastructure .item .img,
  .capacity-profile .infrastructure .item .txt {
    width: 100%;
  }
  .capacity-profile .infrastructure .item .txt .tit {
    font-size: 20px;
  }
  .capacity-profile .infrastructure .item:nth-of-type(2n + 1) {
    flex-direction: initial;
  }
  .capacity-profile .infrastructure .item:nth-of-type(2n + 1) .img::before {
    left: initial;
    right: -10px;
  }
}
.capacity-profile .product-jato .tit,
.capacity-profile .product-jato .tit a {
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
  font-family: robo-bold;
}
.capacity-profile .product-jato {
  padding: 50px 0;
  background: #eee;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .capacity-profile .product-jato {
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .capacity-profile .product-jato .tit,
  .capacity-profile .product-jato .tit a {
    font-size: 20px;
  }
}
.capacity-profile .product-jato .tit {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 30px;
}
.capacity-profile .product-jato .tit::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.capacity-profile .product-jato .lst-pro-jato {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}
.capacity-profile .product-jato .lst-pro-jato .item {
  width: calc((100% - 50px) / 3);
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.capacity-profile .product-jato .lst-pro-jato .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
}
.capacity-profile .product-jato .lst-pro-jato .item .txt {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 95%;
  transform: translateX(-50%);
  z-index: 10;
}
.capacity-profile .product-jato .lst-pro-jato .item .txt h3,
.capacity-profile .product-jato .lst-pro-jato .item .txt p {
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.capacity-profile ._partner .tit,
.capacity-profile ._partner .tit a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-transform: uppercase;
  text-align: center;
}
.capacity-profile .product-jato .lst-pro-jato .item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30%;
  width: 100%;
  z-index: 10;
  background: linear-gradient(to top, #b87f0e, rgba(0, 45, 114, 0));
}
.capacity-profile .product-jato .lst-pro-jato .item:hover img {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  .capacity-profile .product-jato .tit {
    margin-bottom: 15px;
  }
  .capacity-profile .product-jato .lst-pro-jato {
    gap: 15px;
  }
  .capacity-profile .product-jato .lst-pro-jato .item {
    width: 100%;
  }
  .capacity-profile ._partner .tit,
  .capacity-profile ._partner .tit a {
    font-size: 20px;
  }
}
.capacity-profile ._partner {
  margin-bottom: 30px;
}
.capacity-profile ._partner .tit {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 30px;
}
.capacity-profile ._partner .tit::before {
  content: "";
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.capacity-profile ._partner ._partner-sl {
  position: relative;
}
.capacity-profile ._partner ._partner-sl .item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.capacity-profile ._partner ._partner-sl .item img {
  width: initial;
}
.capacity-profile ._partner ._partner-sl .owl-nav {
  margin: 0;
}
.capacity-profile ._partner ._partner-sl .owl-nav .owl-next,
.capacity-profile ._partner ._partner-sl .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.capacity-profile ._partner ._partner-sl .owl-nav .owl-next i,
.capacity-profile ._partner ._partner-sl .owl-nav .owl-prev i {
  font-size: 20px;
  color: #898682;
}
.capacity-profile .capacity-profile .tit,
.capacity-profile .capacity-profile .tit a {
  font-size: 26px;
  color: #b87f0e;
  font-family: robo-bold;
  text-align: center;
  text-transform: uppercase;
}
.capacity-profile ._partner ._partner-sl .owl-nav .owl-next {
  left: initial;
  right: 0;
}
.capacity-profile .capacity-profile .tit::before,
.module-gallery h1::before {
  content: "";
  left: 50%;
  transform: translateX(-50%);
}
.capacity-profile .capacity-profile .container {
  display: flex;
  flex-direction: column;
}
.capacity-profile .capacity-profile .tit {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 30px;
}
.capacity-profile .capacity-profile .tit::before {
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .capacity-profile .capacity-profile .tit,
  .capacity-profile .capacity-profile .tit a {
    font-size: 20px;
  }
}
.capacity-profile .capacity-profile iframe {
  width: 100%;
  height: 600px;
}
.capacity-profile .capacity-profile .down {
  height: 40px;
  padding-left: 15px;
  border-radius: 20px;
  border: 1px solid #ff7800;
  background: #ff7800;
  font-family: robo-bold;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: end;
  transition: background 0.2s linear;
  margin: 15px auto 0;
}
.capacity-profile .capacity-profile .down .ic-dl {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #ff7800;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 4px 0 15px;
  transition: background 0.2s linear;
}
.capacity-profile .capacity-profile .down:hover {
  background: #fff;
  color: #ff7800;
}
.cocq .detail-content {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .cocq .detail-content {
    margin-bottom: 15px;
  }
}
.product-detail .dt-top {
  display: flex;
  flex-direction: row-reverse;
  gap: 25px;
  margin-bottom: 30px;
}
.product-detail .dt-top .dt-left {
  width: 40%;
}
.product-detail .dt-top .dt-left h1 {
  font-family: robocon-bold;
  font-size: 24px;
  color: #b87f0e;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .product-detail .dt-top .dt-left h1 {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.product-detail .dt-top .dt-left .detail-content ul li {
  font-family: robo;
}
.product-detail .dt-top .dt-left .title {
  padding: 20px;
  background: #eee;
  border-radius: 5px;
  margin-bottom: 25px;
}
.product-detail .dt-top .dt-left .title h1 {
  font-family: robocon-bold;
  font-size: 24px;
  color: #b87f0e;
  text-transform: uppercase;
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.product-detail .dt-top .dt-left .title p {
  font-family: robo;
  font-size: 14px;
  color: #333;
}
.product-detail .dt-top .dt-left .title p.code {
  margin-bottom: 15px;
}
.product-detail .dt-top .dt-left .title p.price {
  margin-bottom: 5px;
}
.product-detail .dt-top .dt-left .title p.price span {
  font-family: robo-bold;
  font-size: 16px;
  color: #ff1000;
  margin-right: 5px;
}
.product-detail .dt-top .dt-left .title p.cmt {
  font-size: 13px;
  margin-bottom: 10px;
}
.product-detail .dt-top .dt-left .title .btn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.product-detail .dt-top .dt-left .title .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: calc((100% - 5px) / 2);
  font-family: robo;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}
.product-detail .dt-top .dt-left .title .btn a.btn-contact {
  background: #ff7800;
}
.product-detail .dt-top .dt-left .title .btn a.btn-zl {
  background: #b87f0e;
}
.product-detail .dt-top .dt-left .title .btn a.btn-zl img {
  max-width: 20px;
}
.product-detail .dt-top .dt-right {
  width: 60%;
}
.product-detail .dt-top .dt-right .lSSlideWrapper {
  position: initial;
}
.product-detail .dt-top .dt-right img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.product-detail .dt-top .dt-right #vertical {
  position: relative;
}
.product-detail .dt-top .dt-right #vertical li {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eaeaea;
  padding: 1px;
}
.product-detail .dt-top .dt-right .lSAction .lSNext,
.product-detail .dt-top .dt-right .lSAction .lSPrev {
  right: 60px;
  transform: translateX(50%);
  left: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50%;
}
.product-detail .dt-top .dt-right .lSAction .lSNext i,
.product-detail .dt-top .dt-right .lSAction .lSPrev i {
  font-size: 15px;
}
.product-detail .dt-top .dt-right .lSAction .lSPrev {
  top: 3px;
  bottom: initial;
  transform: translateX(50%);
}
.product-detail .dt-top .dt-right .lSAction .lSNext {
  bottom: 3px;
  top: initial;
}
.product-detail .dt-top .dt-right .lSPager.lSGallery {
  overflow: hidden;
}
.product-detail .dt-top .dt-right .lSPager.lSGallery li {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eaeaea;
  padding: 1px;
}
.product-detail .dt-top .dt-right .lSPager.lSGallery li a {
  width: 100%;
  height: 100%;
}
.product-detail .dt-top .dt-right .lSPager.lSGallery li.active,
.product-detail .dt-top .dt-right .lSPager.lSGallery li:hover {
  border-radius: 0;
  border-color: #b87f0e;
}
.product-detail .dt-top .dt-right .lSPager.lSGallery img {
  max-width: 100% !important;
  max-height: 100% !important;
}
.product-detail .dt-top .dt-right .img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-detail .dt-top .dt-right .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .product-detail .dt-top .dt-right .lSPager.lSGallery {
    padding-top: 0;
  }
  .product-detail .dt-top {
    display: flex;
    flex-direction: column-reverse;
  }
  .product-detail .dt-top .dt-left h1 {
    width: 100%;
  }
  .product-detail .dt-top .dt-left,
  .product-detail .dt-top .dt-right {
    width: 100%;
    float: none;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .product-detail .dt-top .dt-right .lSPager.lSGallery {
    padding-top: 0;
  }
  .product-detail .dt-top {
    gap: 15px;
    margin-bottom: 15px;
  }
}
.product-detail .dt-bot {
  clear: both;
}
.product-detail .dt-bot > ul {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  border-left: none;
  border-right: none;
  gap: 2px;
}
.product-detail .dt-bot > ul li {
  padding: 0;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-detail .dt-bot > ul li p {
  display: block;
  font-family: robo-bold;
  font-size: 15px;
  color: #333;
  text-align: center;
  padding: 0 5px;
}
.product-detail .dt-bot > ul li:last-of-type p {
  border-right: 0;
}
@media (min-width: 1200px) {
  .product-detail .dt-bot > ul li:hover p {
    color: #b87f0e;
  }
}
.product-detail .dt-bot > ul li.active {
  background: #b87f0e;
}
.product-detail .dt-bot > ul li.active p {
  color: #fff;
}
@media (max-width: 991px) {
  .product-detail .dt-bot > ul {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .product-detail .dt-bot > ul::-webkit-scrollbar {
    display: none;
  }
  .product-detail .dt-bot > ul li {
    white-space: nowrap;
    padding: 0 15px;
    min-height: 40px;
  }
  .product-detail .dt-bot > ul li p {
    font-size: 14px;
    font-family: robo;
  }
}
@media (max-width: 767px) {
  .product-detail .dt-bot > ul {
    margin-bottom: 15px;
  }
  .product-detail .dt-bot > ul li p {
    padding: 0;
    border-right: none;
  }
}
.product-detail .dt-bot .lst-content {
  margin-bottom: 30px;
}
.product-detail .dt-bot .lst-content .item {
  display: none;
}
.product-detail .dt-bot .lst-content .item.active {
  display: block;
  width: 100%;
}
.product-detail .dt-bot .list-file {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.product-detail .dt-bot .list-file .it {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e4e4;
  padding: 1px;
}
.product-detail .dt-bot .list-file .it p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-family: robo-medium;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  padding: 0 15px;
}
.product-detail .dt-bot .lst-color {
  width: 100%;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 20px;
}
.product-detail .dt-bot .lst-color .it {
  width: calc((100% - 100px) / 6);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-detail .dt-bot .lst-color .it .img {
  border: 1px solid #e4e4e4;
  overflow: hidden;
  margin-bottom: 15px;
  display: block;
  width: 100%;
}
.product-detail .dt-bot .lst-color .it .img img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.product-detail .dt-bot .lst-color .it p {
  text-align: center;
  font-family: robo;
  font-size: 15px;
  color: #333;
}
@media (max-width: 991px) {
  .product-detail .dt-bot .lst-color .it {
    width: calc((100% - 40px) / 3);
  }
  .product-detail .dt-bot .item {
    margin-bottom: 15px;
  }
  .product-detail .dt-bot .item h3 {
    font-family: robo-medium;
    font-size: 18px;
    color: #b87f0e;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .product-detail .dt-bot .item h3 {
    font-size: 16px;
  }
}
.action-product-details {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .product-detail .dt-bot .list-file {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-detail .dt-bot .lst-color {
    gap: 15px;
  }
  .product-detail .dt-bot .lst-color .it {
    width: calc((100% - 15px) / 2);
  }
  .action-product-details {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    align-items: center;
  }
}
.action-product-details .order {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: end;
  border-radius: 20px;
  font-family: robo-bold;
  font-size: 15px;
  text-transform: uppercase;
  transition: background 0.2s linear;
  width: 220px;
  height: 40px;
  margin: 0 15px;
  background: #ff7800;
  border: 1px solid #ff7800;
  color: #fff;
}
.action-product-details .order i {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px 0 15px;
  transition: background 0.2s linear, color 0.2s linear;
  background: #fff;
  color: #ff7800;
  border: 1px solid #ff7800;
}
.action-product-details .order:hover {
  background: #fff;
  color: #ff7800;
}
.action-product-details .order:hover i {
  color: #fff;
  background: #ff7800;
}
.action-product-details .order.down {
  background: #b87f0e;
  border-color: #b87f0e;
}
.action-product-details .order.down i {
  border-color: #b87f0e;
  color: #b87f0e;
}
.action-product-details .order.down:hover {
  background: #fff;
  color: #b87f0e;
}
.action-product-details .order.down:hover i {
  background: #b87f0e;
  color: #fff;
}
.service {
  padding: 20px 0;
}
.service .container {
  display: flex;
  align-items: center;
}
.service .container .item {
  width: 33.3333333333%;
  display: flex;
  align-items: center;
  justify-content: start;
}
.service .container .item .ic {
  width: 65px;
}
.service .container .item .txt {
  width: calc(100% - 65px);
}
.service .container .item .txt p {
  font-family: robo-bold;
  font-size: 17px;
  color: #b87f0e;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.service .container .item .txt span {
  font-family: robo;
  font-size: 15px;
  color: #333;
}
footer {
  background: #424343;
}
footer .ft-top {
  padding: 30px 0;
  border-bottom: 1px solid #b87f0e;
}
@media (max-width: 767px) {
  .service .container {
    flex-direction: column;
    gap: 15px;
  }
  .service .container .item {
    width: 100%;
  }
  footer .ft-top {
    padding: 15px 0;
  }
}
footer .ft-top .logo {
  display: flex;
  align-items: center;
 
}
footer .ft-top .ft-flex .cl3 form input {
    height: 36px;
}
footer .ft-top .logo {
    margin-right: 10px;
}

footer .ft-top .logo {
    margin-bottom: 10px;
}
footer .ft-top .logo .img {
  width: 80px;
}
footer .ft-top .logo .txt {
  width: calc(100% - 80px);
}
footer .ft-top .logo .txt a {
  font-family: robocon-bold;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
footer .ft-top .logo .txt span {
  font-family: robocon;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  display: block;
}
footer .ft-top .ft-flex {
  display: flex;
  align-items: start;
}
@media (max-width: 1024px) {
  footer .ft-top .ft-flex {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  footer .ft-top .ft-flex {
    gap: 15px;
  }
}
footer .ft-top .ft-flex .tit {
  font-family: robocon-bold;
  font-size: 18px;
  color: #fff;
  margin-bottom: 15px;
}
footer .ft-top .ft-flex .item {
  margin-bottom: 20px;
}
footer .ft-top .ft-flex .item:last-of-type {
  margin-bottom: 0;
}
footer .ft-top .ft-flex .it {
  display: flex;
  align-items: start;
  margin-bottom: 10px;
}
footer .ft-top .ft-flex .it .ic {
  width: 25px;
}
footer .ft-top .ft-flex .it a,
footer .ft-top .ft-flex .it p {
  width: calc(100% - 25px);
  font-family: robo;
  font-size: 14px;
  color: #fff;
}
footer .ft-top .ft-flex .it a:hover {
  color: #b87f0e;
}
footer .ft-top .ft-flex .cl {
  width: 35%;
}
@media (max-width: 1024px) {
  footer .ft-top .ft-flex .cl {
    width: 100%;
    display: flex;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
  }
  footer .ft-top .ft-flex .cl .item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  footer .ft-top .ft-flex .cl {
    gap: 15px;
  }
  footer .ft-top .ft-flex .cl .item {
    width: 100%;
  }
}
footer .ft-top .ft-flex .cl2 {
  width: 15%;
}
footer .ft-top .ft-flex .cl2 a {
  display: block;
  font-family: robo;
  font-size: 14px;
  color: #fff;
  margin-bottom: 15px;
}
footer .ft-top .ft-flex .cl2 a:hover {
  color: #b87f0e;
}
@media (max-width: 1024px) {
  footer .ft-top .ft-flex .cl2 {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 767px) {
  footer .ft-top .ft-flex .cl2 {
    width: 100%;
  }
  footer .ft-top .ft-flex .cl2 a {
    margin-bottom: 5px;
  }
}
footer .ft-top .ft-flex .cl3 form {
  width: 100%;
  height: 36px;
  position: relative;
}
footer .ft-top .ft-flex .cl3 form input {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  border: none;
  outline: 0;
  padding-left: 10px;
  font-family: robo;
  font-size: 14px;
  color: #333;
}
footer .ft-top .ft-flex .cl3 form input::placeholder {
  font-family: robo;
  font-size: 14px;
  color: #333;
}
footer .ft-top .ft-flex .cl3 form button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  height: 32px;
  width: 32px;
  border-radius: 3px;
  background: #b87f0e;
  border: none;
  color: #fff;
}
footer .ft-top .ft-flex .cl3 .social-ft {
  display: flex;
  align-items: center;
  gap: 10px;
}
footer .ft-top .ft-flex .cl3 .social-ft a {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .ft-top .ft-flex .cl3 .social-ft a.fb {
  background: #3d63ab;
}
footer .ft-top .ft-flex .cl3 .social-ft a.yt {
  background: #d30d25;
}
footer .ft-top .ft-flex .cl3 .social-ft a.zl {
  background: #017bc1;
}
footer .ft-top .ft-flex .cl3 .social-ft a.inta {
  background: linear-gradient(to right, #fb9d14, #e74a35, #a428a5);
}
footer .ft-top .ft-flex .cl3,
footer .ft-top .ft-flex .cl4 {
  width: 25%;
  padding-left: 40px;
}
@media (max-width: 1024px) {
  footer .ft-top .ft-flex .cl3,
  footer .ft-top .ft-flex .cl4 {
    width: calc((100% - 40px) / 3);
    padding-left: 0;
  }
}
footer .ft-top .ft-flex .cl4 .map {
  border: 1px solid #bcbcbc;
}
footer .ft-top .ft-flex .cl4 .map iframe {
  width: 100%;
  height: 100%;
}
footer .ft-bot {
  padding: 20px 0;
}
footer .ft-bot .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .ft-bot ul {
  display: flex;
  align-items: center;
}
footer .ft-bot ul li {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #b87f0e;
}
footer .ft-bot ul li a {
  font-family: robo;
  font-size: 14px;
  color: #fff;
}
footer .ft-bot ul li a:hover {
  color: #fff ;
}
footer .ft-bot .copyright {
  font-family: robo;
  font-size: 14px;
  color: #fff;
}
@media (max-width: 911px) {
  footer .ft-bot .container {
    justify-content: center;
  }
  footer .ft-bot ul {
    display: none;
  }
}
.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h5,
.detail-content h6 {
  margin-bottom: 25px;
  line-height: 1.5;
  color: #333;
}
.detail-content h2,
.detail-content h3,
.detail-content h4 {
  font-family: robo-bold;
}
.detail-content h2 {
  font-size: 24px;
}
@media (max-width: 767px) {
  footer .ft-top .ft-flex .cl3,
  footer .ft-top .ft-flex .cl4 {
    width: 100%;
  }
  footer .ft-bot {
    padding: 10px 0;
  }
  .detail-content h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.detail-content h3 {
  font-size: 22px;
}
@media (max-width: 767px) {
  .detail-content h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.detail-content h4 {
  font-size: 15px;
}
.detail-content p {
  font-family: robo;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 10px;
  margin-top: 0;
  color: #333;
}
.detail-content strong {
  font-family: robo-bold;
}
.detail-content ol,
.detail-content ul {
  margin-bottom: 10px;
  padding-left: 25px;
}
.detail-content ol li,
.detail-content ul li {
  font-size: 15px;
  padding-bottom: 5px;
  line-height: 1.5;
  color: #333;
}
.detail-content ol li:last-child,
.detail-content ul li:last-child {
  padding-bottom: 0;
}
.detail-content ol li::marker,
.detail-content ul li::marker {
  color: #333;
}
.detail-content ul {
  list-style-type: disc;
}
.detail-content ul li {
  list-style-type: disc;
  color: #333;
}
.detail-content ol,
.detail-content ol li {
  list-style-type: decimal;
}
.detail-content .image-center {
  margin-bottom: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.detail-content .image-center figcaption {
  font-family: robo;
  font-size: 14px;
  color: #333;
  padding: 5px 0;
  font-style: italic;
}
@media (max-width: 767px) {
  .detail-content .image-center figure {
    margin: 0;
    width: 100%;
  }
  .detail-content .image-center figure figcaption {
    padding: 10px;
  }
}
.detail-content .image-right {
  margin: 0 0 25px 25px;
  display: flex;
  align-items: end;
  justify-content: center;
  flex-direction: column;
  float: right;
}
.detail-content .image-right figcaption {
  background: #f1f1f1;
  padding: 5px 0;
  font-style: italic;
}
@media (max-width: 767px) {
  .detail-content .image-right {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .detail-content .image-right figure {
    margin: 0;
    width: 100%;
  }
  .detail-content .image-right figure figcaption {
    padding: 10px;
  }
}
.detail-content .image-left {
  margin: 0 25px 25px 0;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  float: left;
}
.detail-content .image-left figcaption {
  background: #f1f1f1;
  padding: 5px 0;
  font-style: italic;
}
@media (max-width: 767px) {
  .detail-content .image-left {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .detail-content .image-left figure {
    margin: 0;
    width: 100%;
  }
  .detail-content .image-left figure figcaption {
    padding: 10px;
  }
  .detail-content .table {
    overflow: auto;
  }
}
.detail-content a {
  text-decoration: underline;
}
.detail-content a:hover {
  color: #b87f0e;
}
.detail-content img {
  max-width: 100%;
  height: initial !important;
}
.detail-content table {
  margin-bottom: 10px;
  border-collapse: collapse;
  width: 100% !important;
}
.alrt-popup,
.detail-content .iframe_video iframe,
.detail-content .iframe_video video {
  width: 100%;
  height: 100%;
}
.detail-content table tr th {
  font-family: robo;
  font-weight: 400;
  color: #333;
  border: 1px solid #dbdbdb;
  border-top-color: #b87f0e;
}
.detail-content table tr th:first-child {
  border-left-color: #b87f0e;
}
.detail-content table tr th:last-child {
  border-right-color: #b87f0e;
}
.detail-content table tr td,
.detail-content table tr th {
  font-size: 15px;
  line-height: 1.5;
  padding: 5px;
}
.detail-content table.table {
  border: none;
}
.detail-content table.table td {
  border: 1px solid #d7d7d7;
  padding: 10px;
  font-size: 14px;
  font-family: robo;
}
.detail-content table.table-image {
  border: 1px solid #e4e4e4;
  border-collapse: collapse;
}
.detail-content table.table-image tr td {
  border-collapse: collapse;
  border: 1px solid #d7d7d7;
  vertical-align: top;
}
.detail-content table.table-image tr td img {
  margin-top: 15px;
}
.detail-content iframe {
  max-width: 100%;
}
.detail-content .iframe_video {
  margin-bottom: 15px;
}
.alrt-popup {
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alrt-popup.show {
  opacity: 1;
  pointer-events: all;
  display: flex !important;
}
.alrt-popup .wapper {
  background: #fff;
  width: 320px;
  border-radius: 10px;
  overflow: hidden;
}
.alrt-popup .wapper .main {
  padding: 15px;
  text-align: center;
}
.alrt-popup .wapper .title {
  background: #bf2929;
  color: #fff;
  text-align: center;
  font-weight: 400;
  padding: 15px 10px;
  margin-bottom: 0;
}
.alrt-popup .wapper .close-alrt {
  text-align: center;
  margin: 0 auto 10px;
  border: 2px solid #bf2929;
  padding: 5px 15px;
  cursor: pointer;
  width: 205px;
  height: 38px;
  border-radius: 20px;
  color: #bf2929;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alrt-popup.success .wapper .title {
  background: #09e493;
}
.alrt-popup.success .wapper .close-alrt {
  display: none;
}
.overlay {
  width: 100%;
  height: 100%;
  z-index: 990;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s ease;
}
.overlay.show {
  opacity: 1;
  pointer-events: all;
  display: flex !important;
}
.grecaptcha-badge {
  display: none !important;
}
.detail-ser.padd-module {
  margin-bottom: 50px;
}
.detail-ser.padd-module h1 {
  font-family: robo-bold;
  font-size: 24px;
  color: #333;
  border-bottom: 1px solid #b87f0e;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.detail-ser.padd-module .result-search .item {
  margin-bottom: 30px;
}
.detail-ser.padd-module .result-search .item > p {
  margin-bottom: 5px;
}
.detail-ser.padd-module .result-search .item > p span {
  font-family: robo;
  font-size: 16px;
  color: #333;
}
.detail-ser.padd-module .result-search .item > p a {
  font-family: robo-light;
  font-size: 15px;
  color: #b87f0e;
}
.detail-ser.padd-module .result-search .item h3 {
  margin-bottom: 5px;
}
.detail-ser.padd-module .result-search .item h3 a {
  font-family: robo-bold;
  font-size: 20px;
  color: #b87f0e;
}
.detail-ser.padd-module .result-search .item .time {
  margin-bottom: 5px;
  font-family: robo;
  font-size: 14px;
  color: #606060;
}
.detail-ser.padd-module .result-search .item .time i {
  margin-right: 5px;
}
.detail-ser.padd-module .result-search .item ._desc p,
.detail-ser.padd-module .result-search .item .infor span {
  font-family: robo;
  font-size: 15px;
  color: #333;
}
#notfound {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
@media (max-width: 767px) {
  #notfound {
    padding: 15px 0;
  }
}
#notfound .notfound {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#notfound .notfound .notfound-404 {
  text-align: center;
  font-family: robo;
  font-size: 100px;
  color: #b87f0e;
}
#notfound .notfound h1 {
  line-height: 1;
}
#notfound .notfound a,
#notfound .notfound h2,
#notfound .notfound p {
  text-align: center;
}
#notfound .notfound h2 {
  font-family: robo;
  font-size: 30px;
  color: #b87f0e;
  margin-bottom: 20px;
}
#notfound .notfound p {
  margin-bottom: 30px;
}
#notfound .notfound a {
  font-family: robo;
  font-size: 16px;
  color: #fff;
  background-color: #b87f0e;
  padding: 10px 15px;
  border-radius: 5px;
  transition: background 0.5s linear;
  border: 1px solid #b87f0e;
  max-width: 250px;
}
#notfound .notfound a:hover {
  background-color: #fff;
  color: #b87f0e;
}
@media (max-width: 767px) {
  #notfound .notfound .notfound-404 {
    font-size: 50px;
  }
  #notfound .notfound h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  #notfound .notfound a,
  #notfound .notfound p {
    font-size: 14px;
  }
}
#SendTuVan .w-100,
#SendTuVan .w-50 {
  position: relative;
}
.module-gallery {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .module-gallery {
    margin-bottom: 15px;
  }
}
.module-gallery > .container > .list-module {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 50px;
}
.module-gallery > .container > .list-module li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 20px;
  border-radius: 17px;
  border: 1px solid #b87f0e;
  transition: background 0.2s linear;
  cursor: pointer;
}
.module-gallery > .container > .list-module li a {
  font-family: robo-bold;
  font-size: 16px;
  color: #b87f0e;
  text-transform: uppercase;
}
.module-gallery > .container > .list-module li.active,
.module-gallery > .container > .list-module li:hover {
  background: #b87f0e;
  color: #fff;
}
.module-gallery > .container > .list-module li.active a,
.module-gallery > .container > .list-module li:hover a {
  color: #fff;
}
@media (max-width: 991px) {
  .module-gallery > .container > .list-module {
    flex-wrap: wrap;
  }
  .module-gallery > .container > .list-module li {
    width: calc((100% - 20px) / 3);
  }
  .module-gallery > .container > .list-module li a {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .module-gallery > .container > .list-module {
    margin-bottom: 15px;
  }
  .module-gallery > .container > .list-module li {
    width: calc((100% - 10px) / 2);
  }
  .module-gallery > .container > .list-module li a {
    font-size: 14px;
    font-family: robo;
  }
}
.module-gallery h1,
.module-gallery h1 a {
  font-family: robo-bold;
  font-size: 26px;
  color: #b87f0e;
  text-align: center;
  text-transform: uppercase;
}
.module-gallery > .container > .list-module li {
  width: calc((100% - 10px) / 2);
}
@media (max-width: 767px) {
  .module-gallery > .container > .list-module li {
    width: 100%;
  }
  .module-gallery h1,
  .module-gallery h1 a {
    font-size: 20px;
  }
}
.module-gallery h1 {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 20px;
}
.module-gallery h1::before {
  display: block;
  height: 18px;
  width: 176px;
  background: url(/wp-content/uploads/2024/08/img-bgr-title.png) center no-repeat;
  position: absolute;
  bottom: 0;
}
.list-album .item .name,
.module-gallery .grid-gallery figure figcaption {
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.list-album .item:hover .img img,
.module-gallery .grid-gallery figure:hover img {
  transform: scale(1.1);
}
.module-gallery .grid-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.module-gallery .grid-gallery .item-last,
.module-gallery .grid-gallery figure {
  width: calc((100% - 45px) / 4);
}
@media (max-width: 991px) {
  .module-gallery .grid-gallery .item-last,
  .module-gallery .grid-gallery figure {
    width: calc((100% - 30px) / 3);
  }
}
@media (max-width: 767px) {
  .module-gallery h1 {
    margin-bottom: 15px;
  }
  .module-gallery .grid-gallery .item-last,
  .module-gallery .grid-gallery figure {
    width: calc((100% - 15px) / 2);
  }
}
.module-gallery .grid-gallery .item-last {
  display: flex;
  background: rgba(0, 0, 0, 0.5);
}
.module-gallery .grid-gallery .item-last p {
  color: #fff;
  margin: auto;
  font-size: 50px;
}
.module-gallery .grid-gallery figure {
  position: relative;
  overflow: hidden;
}
.module-gallery .grid-gallery figure .image {
  width: 100%;
  height: 100%;
}
.module-gallery .grid-gallery figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s linear;
}
.module-gallery .grid-gallery figure figcaption {
  position: absolute;
  height: 30px;
}
.module-gallery .grid-gallery figure figcaption h3 {
  font-family: robo;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.list-album {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.list-album .item {
  position: relative;
  overflow: hidden;
}
.list-album .item .img {
  display: block;
}
.list-album .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-album .item .name {
  position: absolute;
  height: 30px;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .list-album {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .list-album {
    grid-template-columns: repeat(2, 1fr);
  }
}
.update.center {
  text-align: center;
}
.comment_creator {
  padding: 10px;
  background: #f1f1f1;
  margin-top: 15px;
  display: flex;
  gap: 15px;
  overflow: hidden;
  border-radius: 5px;
}
.comment_creator .img {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  overflow: hidden;
}
.comment_creator .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comment_creator .desc .name_creator {
  padding-top: 15px;
  margin-bottom: 10px;
  font-family: robocon;
  font-size: 16px;
  color: #b87f0e;
}
.comment_creator .desc > div,
.comment_creator .desc > p {
  font-size: 14px;
}
.dmca-badge {
  max-width: 50px;
  max-height: 50px;
  display: block;
  margin-top: 20px;
}

.tit-h2 h2::before {
  content: "";
  position: absolute;
  background: url("/wp-content/uploads/2024/08/img-bgr-title.png")
    no-repeat;
  width: 188px;
  height: 20px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tit-h2 h2 {
  font-size: 30px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: bold;
  
}
.procedure .tit-h2 h2 {
    font-family: robo-bold;
    font-size: 26px;
    color: #b87f0e;
    text-align: center;
}
.procedure .tit-h2 h2 {
  margin-bottom: 60px;
}
._img img:hover {
  transform: scale(1.1);
}
.procedure .cont .list-procedure {
  display: grid;
  grid-template-columns: calc(100% / 6) calc(100% / 6) calc(100% / 6) calc(
      100% / 6
    ) calc(100% / 6) calc(100% / 6);
  background: url("/wp-content/uploads/2024/08/doted.png") no-repeat;
  background-size: 100%;
  background-position-y: 23px;
  margin-top: 43px;
}
footer .ft-top .ft-flex .cl3 form input {
    height: 36px;
}
header .hd-top .right .item a {
    font-family: robo;
    font-size: 16px;
    color: #fff !important;
}
.procedure .cont {
  padding: 0px 95px 75px 95px;
}
.list-procedure .item {
  margin: 0 auto;
  display: grid;
}
.list-procedure .item ._img {
  height: 129px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 129px;
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 1;
}
.list-procedure .item ._img a {
  display: block;
}
.list-procedure .item ._img img {
  width: 100%;
  min-height: 100%;
  object-fit: contain;
}
.list-procedure .item ._img img:hover {
  transform: inherit;
}
.list-procedure .item .txt-number {
  text-align: center;
  font-size: 28px;
  width: 50px;
  height: 50px;
  margin: auto;
  background: #b87f0e;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
  color: #fff;
  margin-bottom: 17px;
}
.list-procedure .item:nth-child(2n) .txt-number {
  grid-row: 3/3;
  margin-bottom: 0;
  margin-top: 1px;
}
.list-procedure .item .txt {
  text-align: center;
  font-size: 18px;
  margin-top: 17px;
  line-height: 25px;
  height: 50px;
  
}
.list-procedure .item:nth-child(2n) .txt {
  grid-row: 1/2;
  margin-top: 0;
  margin-bottom: 17px;
}
img {
  max-width: 100%;
}
@media (min-width: 1367px) {
  .procedure .cont .list-procedure {
    background-size: 100% 100%;
    background-position-y: initial;
  }
  .list-procedure .item:nth-child(2n - 1) .txt-number {
    transform: translateY(-20px);
  }
  .list-procedure .item:nth-child(2n) .txt-number {
    transform: translateY(20px);
  }
}
@media (max-width: 1200px) {
  .list-procedure .item ._img {
    width: 90px;
    height: 90px;
  }
  .list-procedure .item .txt-number {
    font-size: 20px;
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
  }
  .list-procedure .item .txt {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .procedure .cont .list-procedure {
    background: none;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
  }
  .list-procedure .item:nth-child(2n) .txt-number {
    grid-row: initial;
    margin-bottom: 8px;
  }
  .list-procedure .item:nth-child(2n) .txt {
    grid-row: initial;
    margin-bottom: 0px;
    margin-top: 17px;
  }
  .list-procedure .item {
    padding-bottom: 30px;
  }
  .procedure .cont {
    padding: 46px 20px 75px;
  }
}
@media (max-width: 767px) {
  .tit-h2 h2 {
    font-size: 22px;
    margin-bottom: 0;
  }
  .procedure .cont {
    padding: 15px;
  }
  .procedure .tit-h2 h2 {
    margin-bottom: 0px;
  }
  .procedure .cont .list-procedure {
    margin-top: 15px;
    grid-template-columns: 50% 50%;
  }
  .list-procedure .item .txt > br {
    display: none;
  }
  .list-procedure .item .txt {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tit-h2 h2 {
    font-size: 22px;
    margin-bottom: 0;
  }
  .procedure .cont {
    padding: 15px;
  }
  .procedure .tit-h2 h2 {
    margin-bottom: 0;
  }
  .procedure .cont .list-procedure {
    margin-top: 15px;
    grid-template-columns: 50% 50%;
  }
  .list-procedure .item .txt > br {
    display: none;
  }
  .list-procedure .item .txt {
    font-size: 14px;
  }
}
.block-left-right {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* khoảng cách giữa hai cột, có thể thay đổi */
}

.block-left-right .column {
  flex: 1;
  min-width: 0; /* tránh việc cột bị quá rộng */
}

.block-left-right .column.left {
  max-width: 50%; /* Giới hạn chiều rộng tối đa của cột trái là 50% */
}

.block-left-right .column.right {
  max-width: 50%; /* Giới hạn chiều rộng tối đa của cột phải là 50% */
  display: flex;
  justify-content: center; /* Căn giữa hình ảnh trong cột phải */
  align-items: center;
}

.block-left-right img {
  max-width: 100%;
  height: auto;
}

.mission .txt {
    margin: 20px; /* Khoảng cách xung quanh cả khối */
    padding: 15px; /* Khoảng cách bên trong khối */
    font-size: 16px; /* Kích thước chữ tiêu chuẩn */
    line-height: 1.5; /* Chiều cao dòng để dễ đọc */
}

.mission .txt h3.heading-3 {                                                                    
    margin-top: 20px; /* Khoảng cách trên của tiêu đề */
    margin-bottom: 10px; /* Khoảng cách dưới của tiêu đề */
    font-size: 24px; /* Kích thước chữ của tiêu đề */
    font-weight: bold; /* Độ đậm của chữ tiêu đề */
    color: #b87f0e;
    text-transform: uppercase;
}

.mission .txt div {
    margin-bottom: 15px; /* Khoảng cách dưới của đoạn văn */
    font-size: 16px; /* Kích thước chữ của đoạn văn */
}

.service-item {
    display: flex;
    align-items: start;
    margin-bottom: 15px;
}

.service-item  .block-service-content {
    margin-left: 10px;
}

.block-service-content h4 {
    margin-bottom: 10px;
}
.block-service-content p {
    line-height: 1.5;
}
.diemkhacbiet {
    margin-bottom: 50px;
}
.diemkhacbiet .tit-h2 h2 {
    text-align: center;
    font-family: robo-bold;
    font-size: 26px;
    color: #b87f0e;
    text-align: center;
}
.block-service-content h4 {
    margin-bottom: 10px;
    color: #b87f0e;
    text-transform: uppercase;
    font-weight: 700;
}
.service-item .hnh-icon {
    color: #b87f0e;
    font-size: 25px;
}

#advisory .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  #advisory .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  #advisory .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  #advisory .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  #advisory .container {
    max-width: 1140px;
  }
}
#advisory .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#advisory .col-lg-4,
#advisory .col-lg-8,
#advisory .col-sm-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  #advisory .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  #advisory .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  #advisory .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
#advisory .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  #advisory .form-control {
    transition: none;
  }
}
#advisory .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#advisory .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
#advisory .form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
#advisory textarea.form-control {
  height: auto;
}
#advisory .form-group {
  margin-bottom: 1rem;
}
#advisory .btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  #advisory .btn {
    transition: none;
  }
}
#advisory .btn:hover {
  color: #212529;
  text-decoration: none;
}
#advisory .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#advisory .btn:disabled {
  opacity: 0.65;
}
#advisory .btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
#advisory .btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
#advisory .btn-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
#advisory .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
#advisory .btn-warning:not(:disabled):not(.disabled):active {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
#advisory .btn-warning:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
@media print {
  #advisory .container {
    min-width: 992px !important;
  }
}
#advisory .lds-facebook {
  position: relative;
}
#advisory .lds-facebook div {
  position: absolute;
  width: 30px;
}
#advisory .lds-facebook div:nth-child(1) {
  left: 35px;
  background: #b87f0e;
  -webkit-animation: lds-facebook_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-facebook_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
#advisory .lds-facebook div:nth-child(2) {
  left: 85px;
  background: #b87f0e;
  -webkit-animation: lds-facebook_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-facebook_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
#advisory .lds-facebook div:nth-child(3) {
  left: 135px;
  background: #b87f0e;
  -webkit-animation: lds-facebook_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-facebook_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
#advisory .lds-facebook {
  width: 45px !important;
  height: 45px !important;
  -webkit-transform: translate(-22.5px, -22.5px) scale(0.225)
    translate(22.5px, 22.5px);
  transform: translate(-22.5px, -22.5px) scale(0.225) translate(22.5px, 22.5px);
}
#advisory * {
  margin: 0;
  padding: 0;
}
#advisory ::selection {
  color: #000;
  background: #b87f0e;
}
#advisory ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#advisory ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.9);
  -moz-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.9);
  box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.9);
  background-color: rgba(100, 100, 100, 0.9);
}
#advisory ::-webkit-scrollbar-thumb {
  background: #b87f0e;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#advisory button:focus,
#advisory input:focus,
#advisory select:focus,
#advisory textarea:focus {
  outline: 0 !important;
}
#advisory .tit-h2 {
  text-align: center;
}
#advisory .tit-h2 h2::before {
  content: "";
  position: absolute;
  background: url("/wp-content/uploads/2024/08/img-bgr-title.png")
    no-repeat;
  width: 188px;
  height: 20px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#advisory .tit-h2 h2 {
  font-size: 30px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: bold;
  
}
#advisory ._img img:hover {
  transform: scale(1.1);
}
#advisory .cont-lft .content ._img {
  height: 138px;
  width: 138px;
  float: left;
  margin-right: 50px;
  border: 1px solid #fff;
  border-radius: 50%;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
}
#advisory .cont-lft .content ._img img:hover {
  transform: initial;
}
#advisory .cont-lft .content ._img::before {
  content: "";
  position: absolute;
  width: 43px;
  height: 43px;
  background: url("/wp-content/uploads/2024/08/quote.svg")
    no-repeat;
  top: 0;
  right: -10px;
  z-index: 99;
}
#advisory .cont-lft .content .txt {
  width: calc(100% - 188px);
  float: left;
}
#advisory .cont-lft ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#advisory .advisory {
  background: #f5f5f5;
  padding-top: 50px;
}
#advisory .cont-lft .tit-h2 {
  text-align: left;
}
#advisory .cont-lft .tit-h2 h2 span {
  color: #b87f0e;
}
#advisory .cont-lft .tit-h2 h2:before {
  display: none;
}
#advisory .cont-lft .item {
  border-top: 1px dashed #c3c3c3;
  display: table;
  padding-top: 24px;
  padding-bottom: 45px;
}
#advisory .cont-lft .tit-h2 h2 {
  margin-bottom: 0;
  padding-bottom: 27px;
}
#advisory .cont-lft .content .item .txt p:first-child {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 10px;
}
#advisory .cont-lft .content .item .txt p:first-child:before {
  content: "";
  width: 33px;
  height: 2px;
  position: absolute;
  z-index: 99;
  background: #b87f0e;
  bottom: 0;
  left: 0;
}
#advisory .cont-lft .content .item .txt p:nth-child(2) {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
}
#advisory .cont-lft .content .item .txt p {
  font-size: 15px;
  line-height: 24px;
}
#advisory .cont-rght .tit-h2 h2::before {
  display: none;
}
#advisory .cont-rght .tit-h2 h2 span {
  color: #fff;
}
#advisory .cont-rght {
  background: #b87f0e;
  border-radius: 5px;
  padding: 17px 28px 17px 28px;
}
#advisory .cont-rght .tit-h2 h2 {
  margin-bottom: 18px;
  padding-bottom: 0;
  font-size: 27px;
  color: #fff;
}
#advisory .cont-rght .form .form-group {
  margin-bottom: 6px;
}
#advisory .btn-submit {
  text-align: center;
  padding-top: 5px;
}
#advisory .btn-submit button {
  border-radius: 30px;
  padding: 4px 35px;
  font-weight: bold;
}
#advisory #Advisory input.form-control {
  height: 36px;
}
#advisory #Advisory input.form-control::placeholder,
#advisory #Advisory textarea.form-control::placeholder {
  color: #000;
  font-size: 14px;
}
#advisory img {
  max-width: 100%;
}
@media (max-width: 767px) {
  #advisory .tit-h2 h2 {
    font-size: 22px;
    margin-bottom: 0;
  }
  #advisory .cont-lft .content ._img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 18px;
  }
  #advisory .cont-lft .content ._img::before {
    width: 30px;
    height: 30px;
    background-size: cover;
  }
  #advisory .cont-lft .content .txt {
    float: left;
    width: calc(100% - 100px);
  }
  #advisory .cont-lft .item {
    padding: 10px 0;
  }
  #advisory .cont-rght .tit-h2 h2 {
    font-size: 22px;
  }
  #advisory .advisory {
    padding-top: 15px;
  }
  #advisory .cont-lft .tit-h2 h2 {
    padding-bottom: 15px;
  }
  #advisory .cont-rght {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  #advisory .tit-h2 h2 {
    font-size: 22px;
    margin-bottom: 0;
  }
  #advisory .cont-lft .content ._img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 18px;
  }
  #advisory .cont-lft .content ._img::before {
    width: 30px;
    height: 30px;
    background-size: cover;
  }
  #advisory .cont-lft .content .txt {
    float: left;
    width: calc(100% - 100px);
  }
  #advisory .cont-lft .item {
    padding: 10px 0;
  }
  #advisory .cont-rght .tit-h2 h2 {
    font-size: 22px;
  }
  #advisory .advisory {
    padding-top: 15px;
  }
  #advisory .cont-lft .tit-h2 h2 {
    padding-bottom: 15px;
  }
  #advisory .cont-rght {
    padding: 15px;
  }
}
/*! CSS Used keyframes */
@keyframes lds-facebook_1 {
  0% {
    top: 36px;
    height: 128px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-facebook_1 {
  0% {
    top: 36px;
    height: 128px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@keyframes lds-facebook_2 {
  0% {
    top: 41.99999999999999px;
    height: 116.00000000000001px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-facebook_2 {
  0% {
    top: 41.99999999999999px;
    height: 116.00000000000001px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@keyframes lds-facebook_3 {
  0% {
    top: 48px;
    height: 104px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-facebook_3 {
  0% {
    top: 48px;
    height: 104px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
.cl2 li {
    list-style: none;
}
#advisory .cont-lft ._img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 99px;
}
#advisory textarea.form-control {
    height: 100px;
    font-family: inherit;
}
#advisory #Advisory input.form-control {
    height: 36px;
    font-family: inherit;
}
#advisory .form-control {
}
header .hd-bot .container > .menu > li .submenu.pro > li.construction > a {
    color: #fff !important;
}
select#Accessories, select#AccessoriesType {
    font-size: 13px !important;
    color: #000 !important;
}
select#AccessoriesType {
    padding-left: 7px !important;
    color: #000;
    /* font-size: 11px; */
}
select#Accessories {
    padding-left: 7px !important;
}
select#AccessoriesType option {
    font-size: 13px !important;
}
@media (max-width: 500px){
  body header .hd-bot .container > .menu > li .submenu.pro > li.construction > a {
    color: #000 !important;
}
  .block-left-right .column.left {
      max-width: 100% !important;
      width: 100% !important;
  }

  .block-left-right .column.right {
      max-width: 100% !important;
  }

  .block-left-right {
      display: block !important;
  }

  .col-lg-4.col-sm-12 {
      margin-bottom: 20px !important;
  }

  .hd-bot {
      padding-top: 7px;
      padding-bottom: 7px;
  }

  .diemkhacbiet .tit-h2 {
      margin-bottom: 20px;
  }
}
.row.cfw-input-wrap-row {
    width: 100%;
    display: block !important;
}

p#billing_last_name_field {}

p#billing_last_name_field {
    width: 100%;
}
.general-intro .value-core .lst-value .item .name-en {
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
}
.lst-content {
    margin: 20px; /* Khoảng cách xung quanh cả khối */
    padding: 20px; /* Khoảng cách bên trong khối */
    font-size: 16px; /* Kích thước chữ tiêu chuẩn */
    line-height: 1.6; /* Chiều cao dòng để dễ đọc */
}

.lst-content h2.heading-2, .lst-content h3.heading-3, .lst-content h4 {
    margin-top: 30px; /* Khoảng cách trên của tiêu đề */
    margin-bottom: 15px; /* Khoảng cách dưới của tiêu đề */
    font-size: 24px; /* Kích thước chữ của tiêu đề */
    font-weight: bold; /* Độ đậm của chữ tiêu đề */
}

.lst-content div {
    margin-bottom: 15px; /* Khoảng cách dưới của đoạn văn */
    font-size: 16px; /* Kích thước chữ của đoạn văn */
}

.lst-content ul {
    margin-left: 20px; /* Khoảng cách bên trái của danh sách */
    padding-left: 20px; /* Khoảng cách bên trong của danh sách */
}
.lst-content h2.heading-2 {
    text-align: left;
    margin-bottom: 0px;
}
.product .lst-content  h2::before{
  display: none !important;
}
.lst-content table {
    width: 100%; /* Chiếm toàn bộ chiều rộng của khối cha */
    margin-top: 20px; /* Khoảng cách trên của bảng */
    margin-bottom: 20px; /* Khoảng cách dưới của bảng */
    border-collapse: collapse; /* Gộp các đường viền của bảng */
}
.lst-content figure {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.lst-content figure figcaption {
    margin-top: 5px;
    margin-bottom: 5px;
    font-style: italic;
}
.lst-content table td, .lst-content table th {
    padding: 10px; /* Khoảng cách bên trong của ô */
    border: 1px solid #ddd; /* Đường viền của ô */
    text-align: center; /* Căn giữa nội dung trong ô */
}

.lst-content figure {
    margin: 30px 0; /* Khoảng cách trên và dưới của hình ảnh */
    text-align: center; /* Căn giữa hình ảnh */
}

.lst-content img {
    max-width: 100%; /* Đảm bảo hình ảnh không vượt quá chiều rộng của khối cha */
    height: auto; /* Đảm bảo tỷ lệ của hình ảnh */
}
.project-detail .detail-content table{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
.project-detail .detail-content table th,
.project-detail .detail-content table td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
}