.hvr-underline-from-left::before {
  height: 1px;
  background-color: var(--text-color);
}
.btn-phone i {
  color: var(--background-color);
}
/* header start */
.mt-header-top {
  background-color: var(--second-main-color);
}
.mt-header {
  border: none;
}
.mt-header-top-item a {
  font-family: Inter-Medium;
  color: var(--background-color);
  font-size: 0.9rem;
}
.flag-icon-img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.mt-dropdown-language .dropdown-item {
  text-align: center;
}
.mt-dropdown-language .dropdown-item a {
  color: var(--background-color);
}
.mt-dropdown-language .dropdown-item:hover {
  background-color: var(--three-text-color);
}

.mt-dropdown-language .dropdown-menu {
  width: max-content;
  min-width: 10px;
  background-color: var(--second-main-color);
}
.mt-login-cate-item {
  background-color: #ff2e63;
  color: var(--background-color);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.mt-logo-img {
  height: 80px;
  max-width: 100%;
  object-fit: contain;
  mix-blend-mode: lighten;
}
.ht-header-bottom {
  background-color: #020204;
}
.menu_a_level_1 {
  color: var(--background-color);
  font-family: var(--title-font);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  font-size: clamp(0.93rem, 0.48rem + 0.6vw, 1.2rem);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.menu_li_level_1 {
  position: relative;
}
.sub-menu {
  background-color: var(--background-color);
  color: var(--text-color);
  width: max-content;
  min-width: 280px;
  top: 100px;
  opacity: 0;
  visibility: hidden;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.sub-menu::before {
  position: absolute;
  content: "";
  top: -20px;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: transparent;
  z-index: -1;
}
.sub-menu::after {
  position: absolute;
  content: "";
  top: -10px;
  left: 25%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent var(--background-color) transparent;
  transform: rotate(0deg);
  z-index: -1;
}
.dropdown_cap_2::before {
  color: #c9d6df;
  font-size: 0.9rem;
}
.menu_li_level_1.active .menu_a_level_1 {
  color: var(--three-text-color);
}
.menu_a_level_1:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-btn-search i {
  font-size: 1.3rem;
  color: var(--background-color);
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-btn-search i:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.menu_a_level_2 {
  display: flex;
  padding: 8px 15px;
  background-color: var(--background-color);
}
.menu_li_level_2 {
  position: relative;
}
.menu_ul_level_3 {
  position: absolute;
  top: 30px;
  left: 100%;
  width: max-content;
  min-width: 280px;
  background-color: var(--background-color);
  color: var(--text-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.menu_li_level_2:hover .menu_ul_level_3 {
  opacity: 1;
  visibility: visible;
  top: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.menu_a_level_3 {
  display: flex;
  padding: 8px 15px;
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.menu_a_level_2:hover,
.menu_a_level_3:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-header.active {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}
.mt-header.active .mt-header-top {
  display: none;
}
.menu_li_level_2 {
  border-bottom: 1px solid #f0f5f9;
}
.menu_li_level_3 {
  border-bottom: 1px solid #f0f5f9;
}
.menu_li_level_2:last-of-type,
.menu_li_level_3:last-of-type {
  border-bottom: none;
}
.mt-header-top-item {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.mt-header-top-item::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 7px 8px;
  border-color: transparent transparent #000000 transparent;
  display: none;
}
.mt-header-top-item.active::before {
  display: block;
}
.mt-header-top-item-link:hover {
  color: var(--background-color);
  background-color: var(--three-text-color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.ht-header-bottom-nav-ul,
.sub-menu,
.menu_ul_level_3,
.menu_mb_ul_level_1,
.menu_mb_ul_level_2,
.menu_mb_ul_level_3 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu_li_level_1:first-of-type .menu_a_level_1 {
  padding-left: 0 !important;
}
/* modal search start */
.ys-modal-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: rgba(255, 255, 255, 0);
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: all 0.5s ease-in-out;
}
.ys-modal-search.active {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  background: rgba(255, 255, 255, 1);
  transform-origin: bottom;
  transition: all 0.5s ease-in-out;
}
.ys-modal-search-box {
  position: relative;
}
.ys-modal-search .form-control {
  background: transparent;
  border: 1px solid var(--text-color);
  font-size: 1.2rem;
}
.ys-btn-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ys-btn-search i {
  font-size: 1.8rem;
  transition: all 0.3s ease-in-out;
}
.ys-btn-search i:hover {
  color: var(--second-text-color);
  transition: all 0.3s ease-in-out;
}
.btn-close-search .container {
  position: relative;
}
.btn-close-search {
  position: absolute;
  z-index: 2001;
  font-size: 4rem;
  color: var(--text-color);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  top: 20px;
  right: 7%;
}
.btn-close-search:hover {
  transform: rotate(360deg);
  color: var(--second-main-color);
  transition: all 0.3s ease-in-out;
}

/* modal search end */
/* header end */

/* menu mobile start */
.pnvn-menu-mobile {
  background-color: #000000;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  border: none;
}
.pnvn-menu-mobile .container {
  padding-left: 0;
  padding-right: 0;
}
.pnvn-menu-mobile-bar {
  text-align: right;
}
.icon-menu {
  --gap: 5px;
  --height-bar: 2.5px;
  --pos-y-bar-one: 0;
  --pos-y-bar-three: 0;
  --scale-bar: 1;
  --rotate-bar-one: 0;
  --rotate-bar-three: 0;
  width: 25px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  cursor: pointer;
  position: relative;
}

.bar {
  position: relative;
  height: var(--height-bar);
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--background-color);
}

.bar--1 {
  top: var(--pos-y-bar-one);
  transform: rotate(var(--rotate-bar-one));
  transition: top 200ms 100ms, transform 100ms;
  -webkit-transform: rotate(var(--rotate-bar-one));
  -moz-transform: rotate(var(--rotate-bar-one));
  -ms-transform: rotate(var(--rotate-bar-one));
  -o-transform: rotate(var(--rotate-bar-one));
}

.bar--2 {
  transform: scaleX(var(--scale-bar));
  transition: transform 150ms 100ms;
}

.bar--3 {
  bottom: var(--pos-y-bar-three);
  transform: rotate(var(--rotate-bar-three));
  transition: bottom 200ms 100ms, transform 100ms;
}

.check-icon:checked + .icon-menu > .bar--1 {
  transition: top 200ms, transform 200ms 100ms;
}

.check-icon:checked + .icon-menu > .bar--3 {
  transition: bottom 200ms, transform 200ms 100ms;
}

.check-icon:checked + .icon-menu {
  --pos-y-bar-one: calc(var(--gap) + var(--height-bar));
  --pos-y-bar-three: calc(var(--gap) + var(--height-bar));
  --scale-bar: 0;
  --rotate-bar-one: 45deg;
  --rotate-bar-three: -45deg;
}
/* FIN ICON-MENU */
.header-logo-menu-mobile {
  text-align: center;
}
.header-logo-menu-mobile-img {
  max-width: 100%;
  height: 60px;
  margin: 0 auto;
  object-fit: contain;
}
.mobile-dropdown-language a,
.pnvn-menu-mobile-function-login a {
  color: var(--background-color);
  font-size: 1.3rem;
}
.mt-dropdown-language span {
  color: var(--background-color);
  font-family: Inter-Regular;
  font-size: 0.9rem;
}
/* modal content start */
.pnvn-modal-menu-mobile {
  position: absolute;
  z-index: 999;
  /* top: 81px; */
  scrollbar-width: none;
  left: -100vw;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.pnvn-modal-menu-mobile.active {
  left: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.pnvn-modal-menu-mobile-top {
  background-color: var(--text-color);
  width: 100%;
  position: relative;
  z-index: 2;
  border-top: 1px solid #393e46;
}
.pnvn-modal-menu-top-item a {
  font-family: var(--normal-font);
  color: var(--background-color);
  font-size: 1rem;
}
.pnvn-modal-menu-top-item {
  position: relative;
}
.pnvn-modal-menu-top-item::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 7px 8px;
  border-color: transparent transparent var(--background-color) transparent;
  transform: rotate(0deg);
  display: none;
}
.pnvn-modal-menu-top-item.active::before {
  display: block;
}
.pnvn-modal-menu-mobile-bottom {
  position: relative;
  z-index: 3;
  background-color: var(--background-color);
}
.pnvn-modal-menu-mobile-bottom .container {
  padding-left: 0;
  padding-right: 0;
}
.menu_mb_a_level_1 {
  display: flex;
  padding: 10px 0;
  font-family: var(--title-font);
  color: var(--text-color);
  font-size: clamp(1.5rem, 1.3718rem + 0.6838vw, 1.7rem);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  align-items: center;
}
.menu_mb_a_level_1 i {
  font-size: 0.9rem;
  padding-top: 5px;
  color: #c9d6df;
}
.menu_mb_a_level_1:hover {
  color: var(--second-main-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.menu_mb_li_level_1 {
  border-bottom: 1px solid #e3e3e3;
}
.menu_mb_ul_level_1 .menu_mb_li_level_1:last-of-type {
  border-bottom: none;
}
.menu_li_level_2_icon_img {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.menu_mb_a_level_2 {
  background-color: #52616b;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.menu_mb_a_level_2_label {
  color: var(--background-color);
  font-family: var(--title-font);
  font-size: 1rem;
}
.menu_mb_li_level_3 {
  margin-bottom: 10px;
}
.menu_mb_li_level_3:last-of-type {
  margin-bottom: 0;
}
.menu_mb_a_level_3 {
  color: var(--text-color);
  font-size: 1.1rem;
  font-family: var(--normal-font);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.menu_mb_a_level_3:hover {
  color: #c9d6df;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
/* modal content end */
.mt-wrapper-detail.active {
  display: none;
}
.mt-wrapper-detail {
  display: block;
}
/* menu mobile end */

/* slider start */
.hq-swiper-slider-item-image {
  overflow: hidden;
  --bs-aspect-ratio: calc(9 / 22 * 100%);
}
.hq-swiper-slider-item-image img,
.hq-swiper-slider-item-image a,
.hq-swiper-slider-item-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-main-slider-swiper-pagination-box {
  position: absolute;
  bottom: 60px;
  left: 0;
  z-index: 1000;
  text-align: center;
  width: 100%;
  height: auto;
  padding: 10px 0;
}
/* slider end */

/* trang chủ start */

/* các sản phẩm start */
.mt-advantages-section {
  /* min-height: 2000px; */
  position: relative;
  z-index: 5;
  /* margin-top: -50px; */
  background-color: var(--background-color);
  overflow: visible;
}
.mt-advantages-section-content {
  position: relative;
  z-index: 5;
  transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
}
.mt-advantages-section-content-item {
  background-color: var(--background-color);
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
    rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
    rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
    rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
    rgba(14, 63, 126, 0.04) 0px 12px 12px -6px,
    rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
.mt-advantages-section-content-item:hover {
  background-color: var(--second-main-color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: var(--background-color);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.mt-advantages-section-content-item:hover .product-menu-child-a,
.mt-advantages-section-content-item:hover
  .mt-advantages-section-content-item-name
  a {
  color: var(--background-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-advantages-section-content-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 70%;
  height: 5px;
  background-color: var(--second-main-color);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mt-advantages-section-content-item-name a {
  font-size: clamp(1.2rem, 0.2838rem + 1.4302vw, 2rem);
  font-family: Gilroy-Bold;
  color: var(--second-main-color);
  line-height: 1.3;
}
.product-menu-child-a {
  font-family: var(--title-font);
  font-size: clamp(0.93rem, 0.7353rem + 0.3039vw, 1.1rem);
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.product-menu-child-a:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.product-menu-child-ul {
  /* padding: 0;
    margin: 0; */
}
.mt-advantages-section-content-item-content-image {
  text-align: right;
}
.mt-advantages-section-content-item-content-image img {
  height: 84px;
  width: 84px;
  object-fit: contain;
}
/* các sản phẩm end */

/* tạp chí thông tin thị trường start */
.market-information-magazine {
  background-color: #f9fafb;
  color: var(--text-color);
}
.market-information-magazine-content-title {
  font-size: clamp(2rem, 1.2466rem + 3.653vw, 3rem);
  color: var(--text-color);
  font-family: Gilroy-Black;
}
.mt-magazine-nav-tab {
  border-bottom: none;
  border: 1px solid #bcbdbd;
  padding: 0px 20px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.mt-magazine-nav-tab-box .nav-tabs .nav-link {
  border: none;
  color: var(--second-main-color);
  font-family: var(--normal-font);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  position: relative;
  font-size: clamp(0.7rem, 0.62rem + 0.4vw, 1.1rem);
}
.mt-magazine-nav-tab-box .nav-tabs .nav-link::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 1px;
  height: 40%;
  background-color: #bcbdbd;
}
.mt-magazine-nav-tab-box .nav-tabs .nav-item.show .nav-link,
.mt-magazine-nav-tab-box .nav-tabs .nav-link.active {
  font-family: var(--title-font);
  color: var(--three-text-color);
  text-shadow: none;
  border-bottom: 3px solid var(--three-text-color);
  background: transparent;
}
.mt-magazine-nav-tab-box .nav-item:last-of-type .nav-link::before {
  display: none;
}
.mt-magazine-tab-pane-notification {
  font-family: var(--normal-font);
  color: var(--text-color);
  font-size: clamp(1rem, 0.98rem + 0.1vw, 1.1rem);
}
.mt-magazine-new-item-image {
  overflow: hidden;
}
.mt-magazine-new-item-image a,
.mt-magazine-new-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-magazine-new-item-title a {
  font-size: clamp(1rem, 0.98rem + 0.1vw, 1.1rem);
  font-family: var(--title-font);
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-magazine-new-item-title a:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-market-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 50px;
  height: 50px;
  font-size: 1.3rem;
  z-index: 3;
  color: var(--background-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #0093e9;
  background-image: linear-gradient(160deg, #0093e9 0%, #80d0c7 100%);
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.mt-market-navigation:hover {
  background-color: #ff3cac;
  background-image: linear-gradient(
    225deg,
    #ff3cac 0%,
    #784ba0 50%,
    #2b86c5 100%
  );

  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.mt-market-navigation-prev {
  left: -60px;
}
.mt-market-navigation-next {
  right: -60px;
}
.mt-market-navigation.swiper-button-disabled {
  opacity: 0.5;
}

.mt-magazine-dropdown .mt-magazine-dropdown-button-main {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--text-color);
  background-color: transparent;
  width: 100%;
  text-align: left;
  padding-left: 1.2rem;
}
.mt-magazine-dropdown .dropdown-menu {
  background-color: var(--background-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-magazine-dropdown .nav-item {
  color: var(--text-color);
  font-family: var(--title-font);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-magazine-dropdown li:last-of-type .nav-item {
  border-bottom: none;
}
.mt-magazine-dropdown .dropdown-item.active,
.mt-magazine-dropdown .dropdown-item:active {
  background-color: var(--text-color);
  color: var(--background-color);
  border-color: var(--text-color);
}
/* tạp chí thông tin thị trường end */

/* partners start */
.mt-partners {
  background-color: #f9fafb;
}
.mt-partners-content-image {
  overflow: hidden;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.mt-partners-content-image a,
.mt-partners-content-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: darken;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.mt-partners-content-image img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
/* partners end */

/* trang chủ end */

/* tin tức và sự kiện start */
.mt-news-and-events {
  background-color: var(--background-color);
}
.mt-news-and-events-content-title-label {
  font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
  font-family: Gilroy-Bold;
  color: var(--text-color);
}
.mt-news-and-events-content-title-view-more {
  text-align: right;
}
.mt-news-and-events-content-title-view-more a {
  color: #3b4144;
  font-size: 1rem;
  font-family: var(--normal-font);
}
.mt-news-and-events-content-title {
  position: relative;
}
.mt-news-and-events-content-title::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(
    90deg,
    rgba(89, 30, 0, 1) 0%,
    rgba(87, 145, 206, 1) 100%
  );
}
/* new and event item start */
.mt-news-and-events-content-subitem-image {
  overflow: hidden;
  min-height: 100%;
}
.mt-news-and-events-content-subitem-image a,
.mt-news-and-events-content-subitem-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-news-and-events-content-subitem-name a {
  font-family: Gilroy-bold;
  color: var(--text-color);
  font-size: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-news-and-events-content-subitem-name a:hover {
  color: var(--second-main-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-news-and-events-content-subitem-des {
  font-family: Gilroy-Light;
  color: #3b4144;
  font-size: clamp(1rem, 0.98rem + 0.1vw, 1.1rem);
}
/* new and event item end */

/* tin tức và sự kiện end */

/* footer start */
.mt-footer {
  background-color: var(--background-color);
  padding-bottom: 0;
  color: #595c5d;
}
.mt-footer-company-name {
  font-family: Gilroy-Bold;
  color: #231916;
  font-size: clamp(1.2rem, 1.16rem + 0.2vw, 1.4rem);
}
.mt-footer-address-info-li {
  font-size: clamp(1rem, 0.98rem + 0.1vw, 1.1rem);
}
.mt-footer-address-info-li i {
  min-width: 25px;
}
.mt-footer-address-info-li a {
  color: #595c5d;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-footer-address-info-li a:hover {
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-footer-social-a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--text-color);
  color: var(--background-color);
  font-size: 1.3rem;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.mt-footer-social-a:hover {
  color: var(--background-color);
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.mt-footer-social-ul
  .mt-footer-social-li:nth-child(1):hover
  .mt-footer-social-a {
  background-color: #ff0000;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.mt-footer-social-ul
  .mt-footer-social-li:nth-child(2):hover
  .mt-footer-social-a {
  background-color: #1877f2;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.mt-footer-social-ul
  .mt-footer-social-li:nth-child(3):hover
  .mt-footer-social-a {
  background-color: #000000;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.mt-footer-content-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-footer-content-item-name a {
  color: #595c5d;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  font-size: clamp(1rem, 0.98rem + 0.1vw, 1.1rem);
}
.mt-footer-content-item-name a:hover {
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-copyright-info {
  font-size: 0.9rem;
  font-family: Roboto-Regular;
}
.mt-copyright-info a {
  color: #595c5d;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-copyright-info a:hover {
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-copyright-privacy-policy {
  position: relative;
}
.mt-copyright-privacy-policy::before {
  position: absolute;
  content: "";
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-color: #595c5d;
  width: 1px;
  height: 60%;
}
.mt-copyright-hotline {
  color: #595c5d;
}
.mt-copyright-hotline a {
  color: #595c5d;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-copyright-hotline a:hover {
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
/* footer end */

/* banner start */
.white-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.mt-banner-image {
  overflow: hidden;
  max-height: 450px;
}
.mt-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-banner-content {
  font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
  text-transform: uppercase;
  font-family: Gilroy-Black;
  color: var(--text-color);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
/* banner end */

/* breadcrumb start */
.mt-breadcrumb-li {
  position: relative;
}
.mt-breadcrumb-li::before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome;
  font-size: 0.8rem;
  color: #798083;
  top: 55%;
  right: -5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mt-breadcrumb-li:last-of-type::before {
  display: none;
}
.mt-breadcrumb-a {
  font-size: clamp(0.62rem, 0.534rem + 0.43vw, 1.05rem);
  color: #798083;
  font-family: Roboto-Medium;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-breadcrumb-a:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-breadcrumb-a-current {
  font-family: Roboto-Bold;
  color: var(--three-text-color);
  text-decoration: underline;
}
/* breadcrumb end */

/* trang chi tiết tin start */

.mt-new-detail-page {
  background-color: var(--background-color);
  overflow: visible;
}
.tin-tuc-detail .mt-breadcrumb {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mt-new-detail-page-content-box-item-date {
  font-size: 0.9rem;
  color: #aaa;
}
.mt-new-detail-name {
  font-family: Gilroy-Bold;
  color: var(--text-color);
  font-size: clamp(1.3rem, 1.2rem + 0.5vw, 1.8rem);
  line-height: 1.3;
}
.mt-new-detail-page-content-box-item-hot-new {
  background-color: var(--background-color);
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  /* transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px); */
  margin-top: -50px;
  position: relative;
}
.mt-new-detail-page-content-box-item-hot-new::before {
  position: absolute;
  content: "";
  width: 80%;
  height: 5px;
  background-color: var(--three-text-color);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mt-new-detail-page-content-box-item-hot-new-title {
  font-family: Gilroy-Bold;
  color: var(--three-text-color);
  font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  text-transform: uppercase;
}
.mt-box-item-related-main-image {
  overflow: hidden;
}
.mt-box-item-related-main-image a,
.mt-box-item-related-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-box-item-related-main-name {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-box-item-related-main-name a {
  color: #3b4144;
  font-family: Gilroy-Bold;
  font-size: clamp(1.05rem, 1.02rem + 0.15vw, 1.2rem);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-box-item-related-main-name a:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-new-detail-page-content-box-item-related-notification {
  font-size: clamp(1.05rem, 1.04rem + 0.05vw, 1.1rem);
  font-family: var(--title-font);
  color: #3b4144;
}
.mt-new-detail-page-content-box-item-related
  .row
  .col:last-of-type
  .mt-box-item-related-main-name {
  border-bottom: none;
}
.mt-box-item-event-random-box {
  background-color: var(--background-color);
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  position: relative;
}

.mt-box-item-event-random-box::before {
  position: absolute;
  content: "";
  width: 80%;
  height: 5px;
  background-color: var(--three-text-color);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mt-box-item-event-random-box-content-date-box {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 3;
  background-color: var(--text-color);
  color: var(--background-color);
  font-family: Gilroy-Bold;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mt-box-item-event-random-box-content-date-box-day {
  font-size: 1.3rem;
}
.mt-box-item-event-random-box-content-date-box-month {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.85rem;
  font-family: Gilroy-Medium;
}
.mt-box-item-related-main-name-item-date {
  background-color: var(--text-color);
  color: var(--background-color);
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.mt-box-item-event-random-box-content
  .row
  .col:last-of-type
  .mt-box-item-related-main-name {
  border-bottom: none;
}
.mt-box-item-event-random-box-content-date-box-day-extra {
  font-size: 1.1rem;
  font-family: Gilroy-Bold;
}
/* trang chi tiết tin end */

/* trang tin tức start */
.mt-new-page {
  background-color: var(--background-color);
  padding-top: 0;
  overflow: visible;
}
.mt-new-page-category-box-item {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #798083;
  font-size: clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
  font-family: var(--normal-font);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.mt-new-page-category-box-item:hover {
  background-color: var(--second-main-color);
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.mt-new-page-category-box-item.active {
  background-color: var(--text-color);
  color: var(--background-color);
}
.mt-new-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-new-page-content-new-row .col:last-of-type .mt-new-item {
  border-bottom: none;
}
/* trang tin tức end */

/* trang chính sách start */
.mt-policy {
  background-color: #f9fafb;
}
.sca-polyci-section-content {
  max-width: 1000px;
  margin: 0 auto;
}
.sca-polyci-section-content-title {
  font-family: Gilroy-Black;
  color: #0000ff;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
}
.sca-polyci-section-content-title-content {
  font-family: Roboto-Regular;
  font-size: 1rem;
}
/* trang chính sách end */

/* trang xem trading start */
.mt-trading-page {
  width: 100vw;
  height: 100vh;
}
/* trang xem trading end */

/* trang sản phẩm start */
.mt-product-page {
  background: var(--background-color);
}
.mt-product-page-content-box-item-ul {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-product-page-content-box-item-button {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #798083;
  font-family: var(--title-font);
  font-size: 1.1rem;
}
.mt-product-page-content-ul-level-2 {
  /* top: 0;
  left: 0; */
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-product-page-content-box-item-li:last-of-type
  .mt-product-page-content-box-item-button {
  border-bottom: none;
}
.mt-product-page-content-a-level-2 {
  font-family: var(--normal-font);
  color: var(--text-color);
  font-size: 1rem;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-product-page-content-li-level-2.active .mt-product-page-content-a-level-2 {
  color: var(--three-text-color);
  font-family: var(--title-font);
}
.mt-product-page-content-a-level-2:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-product-page-content-box-item-title {
  font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
  font-family: Gilroy-Bold;
  color: var(--text-color);
}
.mt-product-page-content-box-item-content {
  color: #3b4144;
  font-family: "Quicksand";
}
.mt-product-page-content-box-item-button-name a:hover {
  color: var(--three-text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
/* trang sản phẩm end */

/* trang cố định về chúng tôi start */
.mt-page {
  min-height: 100vh;
  background-color: #fff;
}
.mt-page-content-item-image {
  overflow: hidden;
  --bs-aspect-ratio: 130%;
}
.mt-page-content-item-image a,
.mt-page-content-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-page-content-item-box-title {
  font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
  font-family: Gilroy-Bold;
  color: var(--text-color);
}
.mt-page-content-item-box {
  background-color: var(--background-color);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  transform: translateX(-10%);
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  -o-transform: translateX(-10%);
}
.mt-page-content-item-box-content {
  font-size: clamp(1rem, 0.98rem + 0.1vw, 1.1rem);
}

/* mạng lưới start */
.mt-network {
  background-color: #f9fafb;
}
.mt-network-content-box-title {
  font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
  font-family: Gilroy-Bold;
  color: var(--text-color);
}
.mt-network-content-box-image {
  overflow: hidden;
  max-width: 800px;
  margin: 0 auto;
  --bs-aspect-ratio: calc(9 / 19 * 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.mt-network-content-box-image a,
.mt-network-content-box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* mạng lưới end */

/* triết lý start */
.mt-philosophy {
  background-color: var(--background-color);
}
.mt-network-content-item-title-label {
  font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  color: var(--three-text-color);
  font-family: Gilroy-Bold;
  border-left: 3px solid var(--three-text-color);
}
.mt-network-content-item-title-number {
  font-family: Gilroy-Black;
  font-size: clamp(5rem, 4.8rem + 1vw, 6rem);
  color: #ededed;
}
.mt-network-content-item {
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}
.mt-network-content-item-des {
  font-family: Roboto-Regular;
}
/* triết lý end */

/* thông điệp start */
.mt-message {
  background-color: #f9fafb;
}
.mt-message-content-item-image {
  overflow: hidden;
}
.mt-message-content-item-image a,
.mt-message-content-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-message-content-box-title,
.mt-message-content-box-title-des {
  font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
  font-family: Gilroy-Bold;
  color: var(--text-color);
}
.mt-message-content-item {
  font-family: Roboto-Regular;
  font-size: 1rem;
}
/* thông điệp end */
/* trang cố định về chúng tôi end */

/* liên hệ start */
.nv-contact-page {
  background-color: var(--background-color);
}
.nv-contact-page-form-map-item {
  background-color: var(--background-color);
}
.nv-contact-page-content-box-item {
  width: 100%;
  font-size: clamp(1rem, 0.98rem + 0.1vw, 1.1rem);
}
.nv-contact-page-content-box-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nv-contact-page-content-box-item ul {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.nv-contact-page-content-box-item ul li {
  width: 33%;
  text-align: center;
  font-family: var(--normal-font);
  font-size: 1rem;
}
.nv-contact-page-form-map-item {
  height: 100%;
  background: var(--three-text-color);
}
.nv-contact-page-form-map-item-form-box {
  background: var(--background-color);
  position: relative;
  z-index: 3;
  transform: translateX(-170px);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 20px -30px;
}
.nv-contact-page-form-map-item iframe {
  width: 100%;
  height: 100%;
}
.nv-contact-page-form-map-item-form-box .form-control {
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid #adadad;
  background: transparent;
}
.nv-btn-gui-lien-he {
  border: none;
  border-radius: 0;
  background: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.page-chi-tiet-bien-tinh-san-page-content-main-item-title {
  font-size: clamp(1.5rem, 1.3398rem + 0.7767vw, 2rem);
  text-transform: uppercase;
  font-family: Inter-Black;
  color: var(--main-color);
}
.nv-slider-item-content-box-btn-view-i-btn {
  background: var(--three-text-color);
  /* border: 1px solid var(--background-color); */
  color: var(--background-color);
  transition: all 0.3s ease;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  font-size: 1.2rem;
}
.nv-slider-item-content-box-btn-view-text {
  color: var(--three-text-color);
  transition: all 0.3s ease-in-out;
  font-family: sans-b;
  font-size: 1.1rem;
}
.nv-slider-item-content-box-btn-view:hover
  .nv-slider-item-content-box-btn-view-i-btn {
  background: var(--main-color);
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
}
.nv-slider-item-content-box-btn-view:hover
  .nv-slider-item-content-box-btn-view-text {
  color: var(--main-color);
  /* filter: brightness(50%); */
  transition: all 0.3s ease-in-out;
}
/* liên hệ end */

/* trang search start */
.mt-search-page {
  background-color: #f9fafb;
}
/* trang search end */

/* trang tổ chức start */
.mt-organization-slider-image {
  overflow: hidden;
  --bs-aspect-ratio: calc(9 / 25 * 100%);
}
.mt-organization-slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-analytics-center {
  background-color: #f9fafb;
}
.mt-analytics-center-content-item-title-box-label {
  font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
  font-family: Gilroy-Bold;
  color: var(--text-color);
}
.mt-analytics-center-content-item-title-box-view-more a {
  color: #3b4144;
  font-size: 1rem;
  font-family: var(--normal-font);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-analytics-center-content-item-title-box-view-more a:hover {
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-analytics-center-content-item-title-box {
  position: relative;
}
.mt-analytics-center-content-item-title-box::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(
    90deg,
    rgba(89, 30, 0, 1) 0%,
    rgba(87, 145, 206, 1) 100%
  );
}
.mt-analytics-center-content-item-content-image {
  overflow: hidden;
}
.mt-analytics-center-content-item-content-image a, .mt-analytics-center-content-item-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mt-analytics-center-content-item-content-name {
  font-family: Gilroy-bold;
  color: var(--text-color);
  font-size: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.mt-analytics-center-content-item-content-name:hover {
  color: var(--three-text-color);
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
.donate-item-note {
  border: 1px solid #ebedf2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
/* trang tổ chức end */