:root {
  --main-color-1: #fec473;
}
[lang="zh-hans"] .home-about .about-solieu .title-small {
  font-size: 40px !important;
}
.header .header-inner .header-logo {
  height: 100%;
}
.header .header-container .current-menu-parent .menu-link {
  color: var(--main-color-1) !important;
}
.linhvuc-navigation .swiper-button-prev,
.linhvuc-navigation .swiper-button-next,
.btn-backtolv1 {
  display: block !important;
}
.header .header-inner {
  height: 115px !important;
}
.master-wrapper {
  padding-top: 70px !important;
}
.header .header-inner .header-logo img {
  object-fit: contain;
}

.csr-col i,
.language-current ul li .wpml-ls-native {
  font-weight: 700;
  color: var(--main-color-1);
}
.header .header-inner .header-right .box-language .language-current a {
  line-height: 0px !important;
}

.header-menu .menu-item-has-children:hover .menu-sub-container {
  opacity: 1 !important;
  pointer-events: all !important;
  visibility: visible !important;
  transition: all 0.3s !important;
}

.single.single-career .article-detail-breadcrumb {
  margin-top: 25px;
}

.home-banner .banner-main-container::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.home-banner .banner-main-container .banner-main-content {
  z-index: 99;
}
.linhvuc-des p,
.banner-main-des.text-black {
  color: #fff !important;
}

.home-linhvuc
  .linhvuc--inner
  .linhvuc-right
  .swiper-slide
  .linhvuc-item::after {
  background: rgba(253, 169, 78, 0.6) !important;
}

.statian--widget-bg i {
  color: #fff;
  font-weight: 400;
}

.modal {
  display: none;
  opacity: 0;
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.modal.block {
  display: block;
}

.modal.show {
  opacity: 1;
  transform: translate(0, 0);
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
}

.stavian--modal-close {
  cursor: pointer;
}

.tab-panel-content {
  display: none;
}

.tab-panel-content.active {
  display: block;
}

.onClick_tabItem {
  cursor: pointer;
}

.recruitment-modal,
.contact-modal {
  max-width: 1090px !important;
}

.table-responsive table th,
.table-responsive table td {
  border: 1px solid rgb(228 229 230);
}

.section-fluid-flex .stavian-row {
  min-height: 665px;
}

.section-fluid-flex .content {
  margin-right: 200px;
}
.table-responsive td a {
  color: #000;
  font-weight: 500;
}
#swiperMembership .logo {
  pointer-events: none;
}
.footer .footer-top .footer-top-main .col-title,
.footer .footer-top .footer-top-main ul li p,
.footer .footer-top .footer-top-main ul li a {
  color: #000 !important;
}
.table-responsive td a:hover {
  color: var(--main-color-1);
}

.core-value--content p {
  color: #fff;
}
article.csr .init .titlebox {
  backdrop-filter: blur(10px) !important;
}
.block-awards-achievements {
  background-color: var(--main-color-1) !important;
}
.stavian--svg-animated .svg-animated .animated__bottom {
  background-size: contain !important;
  width: 390px !important;
}
.block-awards-achievements,
#jsSwiper_devHistory .box::after,
article.csr .hover::before {
  background-image: none !important;
}
.footer .footer-top {
  background: linear-gradient(180deg, #ffffff 0%, #e99615 100%) !important;
}
.stavian--switch-page__width {
  max-width: 100% !important;
}
.footer .footer-top .footer-top-header > *:first-child img {
  width: 180px !important;
  height: 94px !important;
}

.about-tabs-content .tab-container.fade {
  display: none;
}
.home-banner .banner-main-container .banner-main-content .banner-main-des {
  display: block !important;
}
.tab-container.fade.active.show {
  display: block;
}
.stavian--developement-tabs::before {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.4)
  ) !important;
}
.line-clamp.expanded {
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

.banner-thumb i {
  color: #8c3018;
}
.footer .footer-top .footer-top-header .line {
  background: #8c3018 !important;
}

article.csr .hover,
article.csr .hover::before {
  pointer-events: visible !important;
}
.custom-link-dev {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  cursor: pointer;
}
.membership-unit--entry .box-title p {
  font-size: 18px !important;
}
.footer .footer-top .footer-top-main ul li img {
  filter: brightness(0%);
}
@media (min-width: 1680px) {
  .core-value--block {
    min-height: 0 !important;
  }
  .stavian-invester-wrapper .section-fluid-flex {
    padding: 90px 0px;
  }
  .core-value--content p {
    font-size: 36px;
    color: #fff;
  }
}

@media screen and (max-width: 1200px) {
  header {
    height: 100px;
  }
}

@media (max-width: 1536px) {
  .stavian--modal-logo img {
    height: 90px !important;
  }
  .stavian--modal-reward .modal-dialog {
    max-width: 700px !important;
  }
}

@media (min-width: 1024px) {
  .btn-backtolv1 {
    display: none !important;
  }
  .header .header-container {
    z-index: -1;
  }
}

@media (min-width: 992px) {
  .header .header-inner .header-right .box-language .language-current {
    padding: 0px 20px !important;
  }
}

@media (min-width: 768px) {
  .table-responsive table tr th:nth-child(1) {
    width: 5.71837%;
  }
}

@media (max-width: 1024px) {
  p {
    font-size: 16px !important;
  }
  .wrap-form .form-group.col-6.w-full {
    flex: 100% !important;
    max-width: 100% !important;
  }
  .fancybox-content {
    padding: 20px;
  }
  .recruitment-modal {
    width: 100% !important;
    max-width: 100% !important;
  }
  .apply-form .button-download .btn-primary {
    padding: 9px !important;
  }
  .recruitment-modal .pop-upmodal-wrapper {
    padding: 1.08333rem !important;
  }
  .article-detail-wrapper .entry-sidebar {
    margin-bottom: 40px;
  }
  .rank-math-breadcrumb p {
    flex-wrap: wrap;
    font-size: 16px !important;
  }
  .rank-math-breadcrumb p .last {
    font-size: 16px !important;
  }
  .stavian--linhvuchoatdong-introduce .textbox-container {
    margin-left: 15px !important;
  }
  .desc * {
    font-size: 16px !important;
  }
  .home-globe .home-globe-head .head-l .head-l-des > * {
    font-size: 16px !important;
  }
  [lang="zh-hans"]
    .header
    .header-inner
    .header-right
    .box-language
    .language-current
    a {
    font-size: 10px;
  }
  .home-banner
    .banner-main-container
    .banner-main-content
    .banner-main-content--inner {
    margin-top: 50px;
  }
  .linhvuc--inner.outside-container {
    margin-left: 0px !important;
  }
  .section-fluid-list .content.textbox-container {
    margin-left: 0px !important;
    padding: 10px 15px;
  }
  .section-fluid-flex .content {
    margin-right: 0px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .working-sector .block-wrap .col-8,
  .working-sector .block-wrap .col-4 {
    max-width: 100%;
    width: 100%;
    flex: 100%;
  }
  .working-sector .block-wrap .row {
    margin-bottom: 25px;
  }
  .footer .footer-top {
    padding-bottom: 55px !important;
  }
  .header .header-inner .header-logo img {
    height: 70px !important;
  }
  .header .header-inner {
    height: 85px !important;
  }
  .header {
    height: 100px;
  }
  .master-wrapper {
    padding-top: 0px !important;
  }
  .home-about {
    min-height: 0px !important;
  }
  .section-fluid-flex .stavian-row {
    min-height: 0;
  }
  .recruit-detail .col-9.w-full,
  .recruit-detail .col-3.w-full {
    width: 100% !important;
    max-width: 100% !important;
  }
  .recruit-detail .row {
    display: block !important;
  }
}