@keyframes zoom {
  0% {
    transform: scale(1.3);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.3);
  }
}

:root {
  --font-body: "Montserrat", sans-serif;
  --color-1  : #252728;
  --color-2  : #494949;
}

body {
  font-family: var(--font-body) !important;
  font-weight: normal !important;
  font-size  : 16px !important;
  color      : var(--color-2) !important;
}

.container-fluid {
  width : 1270px;
  margin: 0 auto;
}

@media (max-width: 1439px) {
  .container-fluid {
    width: calc(100vw - 170px);
  }
}

@media (max-width: 769px) {
  .container-fluid {
    width  : calc(100vw - 40px);
    padding: 0;
  }
}

.slick-dots {
  list-style   : none;
  padding-left : 0;
  margin-bottom: 0;
}

.slick-dots li {
  border-radius: 4px 0;
}

.slick-dots button {
  width  : 100%;
  height : 100%;
  opacity: 0;
}

.loading {
  position       : fixed;
  top            : 0;
  right          : 0;
  width          : 100vw;
  height         : 100vh;
  background     : var(--color-1);
  transition     : all 1s ease;
  z-index        : 9999;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.loading img {
  width    : 500px;
  height   : auto;
  animation: zoom 1.5s infinite ease-in-out;
}

.loading.hidden {
  top: -100vh;
}

@media (max-width: 640px) {
  .loading img {
    width: 70%;
  }
}

article p {
  margin-bottom: 12px;
}

article p:last-child {
  margin-bottom: 0;
}

article img {
  max-width    : 100%;
  -o-object-fit: contain;
  object-fit   : contain;
  height       : auto;
}

article a {
  color     : var(--color-2);
  transition: all 0.3s ease;
}

article a:hover {
  color: var(--color-1);
}

article h1 {
  font-size: 28px !important;
}

article h2 {
  font-size: 24px;
}

article h3 {
  font-size: 20px;
}

article h4 {
  font-size: 18px;
}

article h5 {
  font-size: 16px;
}

article h6 {
  font-size: 14px;
}

.segTitle {
  font-size     : 46px;
  font-weight   : 600;
  text-transform: uppercase;
  margin-bottom : 0;
}

@media (max-width: 769px) {
  .segTitle {
    font-size  : 28px;
    line-height: 34px;
  }
}

.subTitle {
  font-size  : 40px;
  line-height: 58px;
  font-weight: 600;
}

@media (max-width: 1300px) {
  .subTitle {
    font-size: 36px;
  }
}

@media (max-width: 769px) {
  .subTitle {
    font-size  : 18px;
    line-height: 24px;
  }
}

.link {
  text-decoration: none;
}

.imgHover {
  overflow: hidden;
}

.imgHover img {
  transition: all 0.5s ease;
}

.imgHover:hover img {
  transform: scale(1.3);
}

@media (max-width: 640px) {
  .imgHover:hover img {
    transform: none;
  }
}

.imgHover1 .--img {
  overflow: hidden;
}

.imgHover1 .--img img {
  transition: all 0.5s ease;
}

.imgHover1:hover .--img img {
  transform: scale(1.3);
}

@media (max-width: 640px) {
  .imgHover1:hover .--img img {
    transform: none;
  }
}

.textHover {
  position: relative;
  width   : -moz-max-content;
  width   : max-content;
}

.textHover:hover {
  color: #fff;
}

.textHover:hover::after {
  width: 100%;
}

.textHover::after {
  content      : "";
  position     : absolute;
  left         : 0;
  top          : 100%;
  transition   : all 0.3s ease;
  width        : 0;
  border-bottom: 1px solid #fff;
}

.btn {
  text-transform: uppercase;
  padding       : 0 32px;
  height        : 48px;
  display       : flex;
  align-items   : center;
  color         : #fff;
  font-weight   : 600;
  position      : relative;
  overflow      : hidden;
  flex          : 0 0 auto;
}

.btn span {
  position: relative;
  z-index : 2;
}

.btn i {
  position: relative;
  z-index : 2;
}

.btn:active {
  color           : unset;
  background-color: unset;
  border-color    : unset;
}

.btn::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 0;
  height    : 100%;
  transition: all 0.3s ease;
}

.btn::after {
  content   : "";
  position  : absolute;
  top       : 0;
  right     : 0;
  width     : 0;
  height    : 100%;
  transition: all 0.3s ease;
}

.btn:hover::after {
  width: 50%;
}

.btn:hover::before {
  width: calc(50% + 1px);
}

.btn.btn-1 {
  gap                    : 6px;
  border-radius          : 26px 0px;
  border                 : 1px solid rgba(255, 255, 255, 0.48);
  background             : rgba(255, 255, 255, 0.11);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  width                  : -moz-max-content;
  width                  : max-content;
}

.btn.btn-1::before {
  background: #fff;
}

.btn.btn-1::after {
  background: #fff;
}

.btn.btn-1:hover {
  color : var(--color-1) !important;
  border: 1px solid var(--color-1) !important;
}

.btn.btn-2 {
  background     : var(--color-1);
  border-radius  : 26px 0px;
  justify-content: center;
  gap            : 8px;
  color          : #fff;
  transition     : all 0.3s ease;
  border         : 1px solid var(--color-1);
}

.btn.btn-2::before {
  background: #fff;
}

.btn.btn-2::after {
  background: #fff;
}

.btn.btn-2:hover {
  color: var(--color-1) !important;
}

.btn.btn-3 {
  background             : #fff;
  justify-content        : center;
  border-radius          : 26px 0px;
  color                  : var(--color-1);
  border                 : 1px solid #dcdcdc;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  gap                    : 8px;
}

.btn.btn-3::before {
  background: var(--color-1);
}

.btn.btn-3::after {
  background: var(--color-1);
}

.btn.btn-3:hover {
  color : #fff !important;
  border: 1px solid var(--color-1) !important;
}

.btn.btn-4 {
  border-radius          : 0 26px;
  border                 : 1px solid rgba(255, 255, 255, 0.48);
  background             : rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  gap                    : 6px;
  color                  : #fff;
}

.btn.btn-4::before {
  background: #fff;
}

.btn.btn-4::after {
  background: #fff;
}

.btn.btn-4:hover {
  color : var(--color-1) !important;
  border: 1px solid var(--color-1) !important;
}

@media (max-width: 769px) {
  .btn::before {
    display: none;
  }

  .btn::after {
    display: none;
  }

  .btn.btn-2:hover {
    color: #fff !important;
  }

  .btn.btn-3:hover {
    color: var(--color-1) !important;
  }

  .btn.btn-4:hover {
    color: #fff !important;
  }
}

@keyframes glowing {
  0% {
    background-color: #e91e1e;
    box-shadow      : 0 0 3px #e91e1e;
  }

  50% {
    background-color: #f26565;
    box-shadow      : 0 0 15px #f26565;
  }

  100% {
    background-color: #e91e1e;
    box-shadow      : 0 0 3px #e91e1e;
  }
}

.cardNote {
  background   : var(--color-1);
  color        : #fff;
  padding      : 8px 16px;
  width        : -moz-max-content;
  width        : max-content;
  border-radius: 6px;
  width        : max-content;
  flex         : 0 0 auto;
  font-size    : 12px;
  height       : -moz-max-content;
  height       : max-content;
}

.gifCate img {
  width: 80px;
}

.itemService .--img {
  width : 100%;
  height: 260px;
}

.itemService .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.itemService .--txt {
  color     : #fff;
  margin-top: 24px;
}

.itemService .--des {
  opacity: 0.6;
}

@media (max-width: 769px) {
  .itemService .--txt {
    margin-top: 12px;
  }
}

.timeCate {
  display    : flex;
  align-items: center;
  gap        : 20px;
}

.timeCate .--time {
  position: relative;
}

.timeCate .--time::before {
  content      : "";
  position     : absolute;
  top          : 50%;
  left         : -12px;
  width        : 4px;
  height       : 4px;
  transform    : translate(0, -50%);
  background   : #fff;
  border-radius: 50%;
  opacity      : 0.6;
}

.timeCate .--cate {
  color: #6f7378;
}

.timeCate .--cate:hover {
  color     : var(--color-1) !important;
  transition: all 0.3s ease;
}

.itemNews1 {
  display : flex;
  gap     : 16px;
  position: relative;
}

.itemNews1 .cardNote {
  background: #e91e1e;
  animation : glowing 1.5s infinite;
}

.itemNews1 .--img {
  width : 180px;
  height: 120px;
}

.itemNews1 .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.itemNews1 .--txt {
  flex           : 1;
  display        : flex;
  flex-flow      : column;
  justify-content: space-between;
}

.itemNews1 .--viewdetail {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  color                  : rgba(255, 255, 255, 0.6);
  display                : flex;
  align-items            : center;
  gap                    : 6px;
  font-weight            : 600;
  text-transform         : uppercase;
}

.itemNews1 .--name {
  color             : #fff;
  font-weight       : 600;
  margin-top        : 8px;
  transition        : all 0.3s ease;
  overflow          : hidden;
  text-overflow     : ellipsis;
  line-height       : 22px;
  -webkit-line-clamp: 2;
  height            : 44px;
  display           : -webkit-box;
  font-size         : 16px;
  -webkit-box-orient: vertical;
}

.itemNews1 .--name:hover {
  color: var(--color-1);
}

.itemNews1 .timeCate {
  color        : rgba(255, 255, 255, 0.6);
  margin-bottom: 8px;
}

.itemNews1 .cardNote {
  position: absolute;
  top     : 8px;
  padding : 4px 12px;
  left    : 8px;
}

@media (max-width: 769px) {
  .itemNews1 .--img {
    width : 120px;
    height: 105px;
  }

  .itemNews1 .timeCate {
    font-size: 12px;
  }

  .itemNews1 .--name {
    font-size  : 14px;
    line-height: 20px;
    height     : 40px;
  }

  .itemNews1 .--viewdetail {
    margin-top: 0;
  }
}

.itemNews .cardNote {
  background: #e91e1e;
  animation : glowing 1.5s infinite;
}

footer {
  background: #3b4965;
}

footer .--logo {
  display        : flex;
  align-items    : center;
  padding        : 60px 0;
  justify-content: center;
  border-bottom  : 1px solid rgba(255, 255, 255, 0.16);
}

footer .--logo img {
  width: 250px;
}

footer .--listLink {
  display: flex;
  gap    : 50px;
  padding: 55px 0;
}

footer .--listLink .--item {
  flex: 1;
}

footer .--listLink .--name {
  font-size    : 18px;
  margin-bottom: 24px;
  color        : #fff;
}

footer .--listLink ul {
  list-style   : none;
  padding-left : 0;
  margin-bottom: 0;
  display      : flex;
  flex-flow    : column;
  gap          : 18px;
}

footer .--listLink a {
  color     : #fff;
  opacity   : 0.6;
  transition: all 0.3s ease;
}

footer .--listLink a:hover {
  opacity: 1;
}

footer .--listLink .--follow {
  display   : flex;
  gap       : 20px;
  margin-top: 24px;
}

footer .footerBot {
  padding   : 32px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  color     : rgba(255, 255, 255, 0.6);
}

footer .footerBot .--content {
  display        : flex;
  justify-content: space-between;
}

footer .footerBot .--policy {
  display: flex;
  gap    : 48px;
}

footer .footerBot .--policy a {
  position  : relative;
  color     : rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}

footer .footerBot .--policy a:hover {
  color: #fff;
}

footer .footerBot .--policy a:nth-child(n+2)::after {
  content    : "";
  position   : absolute;
  left       : -24px;
  height     : 100%;
  top        : 0;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}

@media (max-width: 769px) {
  footer .--listLink {
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 12px;
    padding              : 40px 0;
  }

  footer .--listLink ul {
    gap: 12px;
  }

  footer .--listLink .--item {
    margin-bottom: 16px;
  }

  footer .--listLink .--name {
    font-size    : 16px;
    margin-bottom: 12px;
  }

  footer .footerBot .--content {
    flex-flow: column;
    gap      : 10px;
  }
}

header .--listLogo {
  display    : flex;
  gap        : 20px;
  align-items: center;
}

header .--listLogo img {
  width        : 100px;
  max-height   : 30px;
  -o-object-fit: contain;
  object-fit   : contain;
  filter       : brightness(100) invert(0);
}

header .--language {
  display    : flex;
  align-items: center;
  gap        : 8px;
  position   : relative;
}

header .--language::after {
  content    : "";
  position   : absolute;
  left       : calc(100% + 16px);
  border-left: 1px solid rgba(175, 175, 175, 0.2);
  height     : 100%;
  top        : 0;
}

header .--language .nice-select:focus,
header .--language .nice-select:focus-visible {
  border: none;
}

header .--language .nice-select span {
  display    : flex;
  align-items: center;
  gap        : 8px;
}

header .--language .nice-select .list li {
  display    : flex;
  align-items: center;
  gap        : 8px;
}

header .--language .nice-select .list li:first-child {
  display: flex;
}

header .header {
  gap    : 32px;
  display: flex;
}

header .header .--rightHead {
  flex: 1;
}

header .--logo {
  width      : -moz-max-content;
  width      : max-content;
  display    : flex;
  height     : 110px;
  transition : all 0.3s ease;
  padding-top: 12px;
}

header .--logo a {
  display: flex;
  width  : -moz-max-content;
  width  : max-content;
  height : 100%;
}

header .--logo img {
  height       : 100%;
  width        : auto;
  -o-object-fit: contain;
  object-fit   : contain;
  transition   : all 0.3s ease;
}

header .nice-select {
  line-height: 1;
  display    : flex;
  align-items: center;
  height     : -moz-max-content;
  height     : max-content;
}

header .nice-select span {
  color    : #fff;
  font-size: 12px;
}

header .--tel {
  color: #fff;
}

header .--tel span:last-child {
  font-weight: 600;
}

header.pc {
  position  : fixed;
  top       : 0;
  left      : 0;
  width     : 100vw;
  z-index   : 9;
  transition: all 0.3s ease;
}

header.pc.active {
  background: #fff;
}

header.pc.active .headerTop {
  border-bottom: 1px solid rgba(131, 125, 125, 0.3);
}

header.pc.active .headerTop .--tel {
  color: #000;
}

header.pc.active .headerTop .--tel::after {
  border-bottom: 1px solid rgba(29, 29, 29, 0.6);
}

header.pc.active .headerTop .nice-select span {
  color: #000;
}

header.pc.active .headerTop .--listLogo img {
  filter: unset;
}

header.pc.active .headerBot .--menu .--nameMenu {
  color: #000;
}

header.pc.active .headerBot .--menu .--itemMenu.--sub::after {
  color: #000;
}

header.pc .headerTop {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  padding        : 12px 0;
  transition     : all 0.3s ease;
  border-bottom  : 1px solid rgba(255, 255, 255, 0.16);
}

header.pc .headerTop .--right {
  display    : flex;
  align-items: center;
  gap        : 32px;
}

header.pc .headerBot {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  transition     : all 0.3s ease;
}

header.pc .headerBot .--menu {
  position: relative;
  display : flex;
  gap     : 24px;
}

header.pc .headerBot .--menu .--subMenu {
  position      : absolute;
  left          : 0;
  border-bottom : 1px solid #d6dbe0;
  background    : #fff;
  padding       : 12px 8px;
  min-width     : 200px;
  width         : -moz-max-content;
  width         : max-content;
  display       : flex;
  flex-flow     : column;
  border-radius : 8px;
  poMontserrat-events: none;
  top           : calc(100% - 12px);
  opacity       : 0;
  transform     : translate(0, 30px);
  transition    : all 0.15s ease;
  box-shadow    : 0px 2px 40px rgba(0, 0, 0, 0.15);
}

header.pc .headerBot .--menu .--subMenu .--itemSubMenu {
  padding      : 10px;
  border-radius: 6px;
  color        : #6f7378;
}

header.pc .headerBot .--menu .--subMenu .--itemSubMenu:hover {
  background: rgba(27, 128, 220, 0.1);
}

header.pc .headerBot .--menu .--nameMenu {
  color         : #fff;
  font-weight   : 600;
  text-transform: uppercase;
  transition    : all 0.3s ease;
}

header.pc .headerBot .--menu .--itemMenu {
  position   : relative;
  display    : flex;
  align-items: center;
  gap        : 4px;
  padding    : 24px 0;
}

header.pc .headerBot .--menu .--itemMenu.--sub::after {
  content       : "\f107";
  font          : normal normal normal 14px/1 FontAwesome;
  font-size     : inherit;
  text-rendering: auto;
  font-size     : 12px;
  color         : #fff;
  transition    : all 0.3s ease;
}

header.pc .headerBot .--menu .--itemMenu:hover.--sub::after {
  color: var(--color-1);
}

header.pc .headerBot .--menu .--itemMenu:hover .--subMenu {
  opacity       : 1;
  transform     : none;
  poMontserrat-events: auto;
}

header.pc .headerBot .--menu .--itemMenu:hover .--nameMenu {
  color: var(--color-1);
}

header.pc .headerBot .btn-2 {
  transition: all 0.3s ease;
  padding   : 0 20px;
  height    : 40px;
  font-size : 14px;
}

header.pc .popoverProd {
  position      : absolute;
  top           : 100%;
  width         : 100%;
  height        : -moz-max-content;
  height        : max-content;
  background    : #fff;
  padding       : 20px 0;
  poMontserrat-events: none;
  opacity       : 0;
  transition    : all 0.3s ease;
  transform     : translate(0, 30px);
}

header.pc .popoverProd.active {
  poMontserrat-events: auto;
  opacity       : 1;
  transform     : none;
}

header.pc .popoverProd .nav-tabs {
  border         : none;
  justify-content: center;
  gap            : 60px;
  border-bottom  : 1px solid #dcdcdc;
  width          : -moz-max-content;
  width          : max-content;
  margin         : 0 auto 32px;
}

header.pc .popoverProd .--listCar {
  display        : flex;
  gap            : 60px;
  justify-content: center;
  flex-wrap      : wrap;
}

header.pc .popoverProd .--listCar .--img img {
  width : 100%;
  height: auto;
}

header.pc .popoverProd .--listCar .--name {
  font-size     : 20px;
  font-weight   : 600;
  text-align    : center;
  text-transform: uppercase;
  margin-top    : 12px;
  color         : #1c1c1c;
  transition    : all 0.3s ease;
}

header.pc .popoverProd .--listCar .--item {
  width: calc(25% - 45px);
}

header.pc .popoverProd .--listCar .--item:hover .--name {
  color: var(--color-1);
}

header.pc .popoverProd .nav-item {
  border     : none;
  font-size  : 18px;
  font-weight: 600;
}

header.pc .popoverProd .nav-item button {
  padding    : 0 0 12px 0;
  border     : none;
  display    : flex;
  align-items: center;
  color      : #6f7378;
  gap        : 8px;
}

header.pc .popoverProd .nav-item button img {
  display: none;
}

header.pc .popoverProd .nav-item button.active {
  color        : var(--color-1);
  background   : transparent;
  border-bottom: 3px solid var(--color-1);
}

header.pc .popoverProd .nav-item button.active img {
  display: block;
}

header.pc.change {
  background: #fff;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15);
}

header.pc.change .--logo {
  height     : 80px;
  padding-top: 6px;
}

header.pc.change .headerTop {
  border-bottom: 1px solid rgba(131, 125, 125, 0.3);
  padding      : 6px 0;
}

header.pc.change .headerTop .--tel {
  color: #000;
}

header.pc.change .headerTop .--tel::after {
  border-bottom: 1px solid rgba(29, 29, 29, 0.6);
}

header.pc.change .headerTop .nice-select span {
  color: #000;
}

header.pc.change .headerTop .--listLogo img {
  filter: unset;
}

header.pc.change .headerBot {
  height: 60px;
}

header.pc.change .headerBot .--menu .--nameMenu {
  color: #000;
}

header.pc.change .headerBot .--menu .--itemMenu.--sub::after {
  color: #000;
}

header.pc.change .headerBot .--logo img {
  max-width : 60px;
  max-height: 60px;
}

header.pc.change .headerBot .btn-2 {
  font-size: 14px;
  height   : 40px;
}

header.mb {
  display: none;
}

@media (min-width: 1279px) and (max-width: 1300px) {
  header.pc .headerBot .--menu {
    gap: 16px;
  }
}

@media (max-width: 769px) {
  header.pc {
    display: none;
  }

  header.mb {
    display        : flex;
    position       : fixed;
    top            : 0;
    left           : 0;
    width          : 100vw;
    align-items    : center;
    justify-content: space-between;
    z-index        : 11;
    transition     : all 0.3s ease;
    border-bottom  : 1px solid rgba(255, 255, 255, 0.16);
    padding-left   : 20px;
  }

  header.mb.change {
    background   : #fff;
    box-shadow   : 0px 2px 40px rgba(0, 0, 0, 0.15);
    border-bottom: none;
  }

  header.mb.change .nice-select span {
    color: var(--color-2);
  }

  header.mb.change .--listLogo img {
    filter: unset;
  }

  header.mb .--logo {
    height     : -moz-max-content;
    height     : max-content;
    padding-top: 0;
  }

  header.mb .--logo img {
    max-width : 45px;
    max-height: 40px;
  }

  header.mb .headerLeft {
    display    : flex;
    align-items: center;
    gap        : 12px;
  }

  header.mb .headerRight {
    display    : flex;
    gap        : 12px;
    align-items: center;
  }

  header.mb .--tabbar {
    font-size      : 28px;
    display        : flex;
    width          : 64px;
    height         : 64px;
    align-items    : center;
    justify-content: center;
    background     : var(--color-1);
  }

  header.mb .--tabbar .--tab {
    display    : flex;
    flex-flow  : column;
    align-items: flex-end;
    gap        : 6px;
  }

  header.mb .--tabbar span {
    width        : 30px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.5);
  }

  header.mb .--tabbar span:last-child {
    width        : 16px;
    border-bottom: 3px solid #fff;
  }

  header.mb .menu {
    position  : fixed;
    right     : -100vw;
    top       : 0;
    height    : 100vh;
    width     : 80vw;
    transition: all 0.5s ease;
    padding   : 50px 15px;
    box-shadow: 0px 4px 104px 0px rgba(0, 0, 0, 0.17);
    background: #1a2130;
  }

  header.mb .menu.active {
    right: 0;
  }

  header.mb .menu .--close {
    color      : #fff;
    display    : flex;
    align-items: center;
    font-size  : 16px;
    width      : -moz-max-content;
    width      : max-content;
  }

  header.mb .menu .--close i {
    background     : rgba(255, 255, 255, 0.2);
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 36px;
    height         : 36px;
    font-size      : 20px;
    border-radius  : 50%;
    margin-right   : 12px;
  }

  header.mb .menu .--listMenu {
    margin-top    : 20px;
    border-top    : 1px solid rgba(255, 255, 255, 0.1);
    padding-top   : 32px;
    padding-bottom: 24px;
    margin-bottom : 24px;
    border-bottom : 1px solid rgba(255, 255, 255, 0.1);
    max-height    : calc(100vh - 270px);
    overflow-y    : auto;
    padding-right : 12px;
  }

  header.mb .menu .--listMenu::-webkit-scrollbar {
    width: 6px;
  }

  header.mb .menu .--listMenu::-webkit-scrollbar-track {
    background   : #eee;
    border-radius: 8px;
  }

  header.mb .menu .--listMenu::-webkit-scrollbar-thumb {
    background   : #888;
    border-radius: 8px;
  }

  header.mb .menu .--tel {
    font-size    : 16px;
    margin-bottom: 24px;
    display      : flex;
  }

  header.mb .menu .--itemMenu.--sub .--nameMenu {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
  }

  header.mb .menu .--itemMenu.--sub .--nameMenu::after {
    content       : "\f107";
    font          : normal normal normal 14px/1 FontAwesome;
    font-size     : inherit;
    text-rendering: auto;
    font-size     : 12px;
    color         : #fff;
  }

  header.mb .menu .--itemMenu.--sub.--prod .--nameMenu::after {
    content: "\f105";
  }

  header.mb .menu .--itemMenu .--subMenu {
    display     : flex;
    flex-flow   : column;
    padding-left: 24px;
  }

  header.mb .menu .--itemMenu .--itemSubMenu {
    padding: 6px 0;
    color  : #fff;
    opacity: 0.8;
  }

  header.mb .menu .--itemMenu .--nameMenu {
    color         : #fff;
    text-transform: uppercase;
    display       : flex;
    padding       : 8px 0;
  }

  header.mb .popoverProd {
    position   : fixed;
    top        : 0;
    left       : 0;
    width      : 100vw;
    height     : 100vh;
    background : #fff;
    padding-top: 50px;
    left       : 100%;
    transition : all 0.3s ease;
    z-index    : 10;
  }

  header.mb .popoverProd.active {
    left: 0;
  }

  header.mb .popoverProd .--close {
    gap           : 12px;
    padding-left  : 20px;
    border-bottom : 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
    margin-bottom : 32px;
    display       : flex;
    align-items   : center;
  }

  header.mb .popoverProd .--close i {
    width          : 36px;
    height         : 36px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50%;
    background     : rgba(148, 148, 148, 0.2);
  }

  header.mb .popoverProd .accordion-button {
    border-top-left-radius : unset;
    border-top-right-radius: unset;
    padding                : 0;
    background             : transparent;
    box-shadow             : none;
    font-weight            : 600;
  }

  header.mb .popoverProd .accordion-item {
    border       : none;
    padding      : 16px 0;
    border-bottom: 1px solid #dcdcdc;
  }

  header.mb .popoverProd .accordion-item:last-child {
    border-bottom: none;
  }

  header.mb .popoverProd .--listCar {
    display   : flex;
    flex-flow : column;
    gap       : 24px;
    margin-top: 12px;
  }

  header.mb .popoverProd .--listCar .--item {
    display        : flex;
    flex-flow      : column;
    justify-content: center;
  }

  header.mb .popoverProd .--listCar .--item .--img {
    width: 100%;
  }

  header.mb .popoverProd .--listCar .--item img {
    width  : 80%;
    height : auto;
    margin : 0 auto;
    display: block;
  }

  header.mb .popoverProd .--listCar .--item .--name {
    text-align    : center;
    margin-top    : 8px;
    font-weight   : 600;
    text-transform: uppercase;
    color         : var(--color-2);
  }

  header.mb .popoverProd .accordion {
    padding   : 0 20px;
    max-height: calc(100% - 160px);
    overflow-y: auto;
  }

  header.mb .popoverProd .accordion::-webkit-scrollbar {
    width: 6px;
  }

  header.mb .popoverProd .accordion::-webkit-scrollbar-track {
    background   : #eee;
    border-radius: 8px;
  }

  header.mb .popoverProd .accordion::-webkit-scrollbar-thumb {
    background   : #888;
    border-radius: 8px;
  }
}

.pagination {
  gap            : 8px;
  justify-content: center;
  margin-bottom  : 0;
}

.pagination li.active .page-link {
  background: var(--color-1);
  color     : #fff;
}

.pagination .page-link {
  padding        : 0;
  width          : 36px;
  height         : 36px;
  border-radius  : 3px !important;
  border         : 1px solid var(--Line, #dcdcdc);
  background     : #fff;
  display        : flex;
  align-items    : center;
  justify-content: center;
  color          : #000;
}

.pagination .page-link:focus {
  outline: none;
}

.priceAll {
  text-decoration: line-through;
  color          : #6f7378;
  font-size      : 14px;
}

.cta {
  position     : fixed;
  right        : -80px;
  top          : 50%;
  transform    : translate(0, -50%);
  display      : flex;
  flex-flow    : column;
  width        : 80px;
  z-index      : 99;
  background   : var(--color-1);
  border-radius: 8px 0px 0px 8px;
  padding      : 12px;
  transition   : all 0.3s ease;
}

.cta .fa-chevron-left {
  display: none;
}

.cta .showhidecta {
  position     : absolute;
  right        : 100%;
  background   : var(--color-1);
  padding      : 24px 8px;
  border-radius: 8px 0 0 8px;
  top          : 50%;
  transform    : translate(0, -50%);
  color        : #fff;
  cursor       : poMontserrat;
}

.cta.active {
  right: 0px;
}

.cta.active .fa-chevron-left {
  display: block;
}

.cta.active .fa-chevron-right {
  display: none;
}

.cta .--item {
  padding-bottom: 8px;
  margin-bottom : 8px;
  font-size     : 13px;
  display       : flex;
  flex-flow     : column;
  align-items   : center;
  color         : #fff;
  border-bottom : 1px solid rgba(255, 255, 255, 0.16);
  transition    : all 0.3s ease;
  cursor        : poMontserrat;
}

.cta .--item:hover {
  opacity: 0.6;
}

.cta .--item:last-child {
  padding-bottom: 0;
  margin-bottom : 0;
  border-bottom : none;
}

.cta span {
  line-height:18px;
  margin-top: 12px;
  text-align: center;
}

.nice-select {
  background  : none;
  padding-left: 0;
  border      : none;
}

.nice-select:focus,
.nice-select:focus-visible {
  border: 1px solid var(--color-1);
}

.nice-select .option {
  padding: 0 16px;
}

.nice-select .list {
  max-height: 200px;
  overflow-y: auto;
}

.nice-select .list li:first-child {
  display: none;
}

.nice-select .list::-webkit-scrollbar {
  width: 6px;
}

.nice-select .list::-webkit-scrollbar-track {
  background   : #eee;
  border-radius: 8px;
}

.nice-select .list::-webkit-scrollbar-thumb {
  background   : #888;
  border-radius: 8px;
}

.colorCar {
  display    : flex;
  align-items: center;
  gap        : 8px;
}

.colorCar .--name {
  width    : 80px;
  font-size: 16px;
}

.colorCar .--listColor {
  display    : flex;
  align-items: center;
  gap        : 8px;
}

.colorCar .itemColor {
  border-radius  : 50%;
  background     : #fff;
  width          : 38px;
  height         : 38px;
  cursor         : poMontserrat;
  display        : flex;
  align-items    : center;
  justify-content: center;
  box-shadow     : 0 0 5px 1px rgba(0, 0, 0, 0.1098039216);
}

.colorCar .itemColor span {
  width        : 32px;
  height       : 32px;
  border-radius: 50%;
}

.colorCar .itemColor.disable {
  opacity: 0.3;
}

.modalAboutIntro .modal-content {
  padding: 40px;
}

.modalAboutIntro .--content {
  font-weight  : 600;
  margin-bottom: 12px;
  font-size    : 16px;
}

.modalAboutIntro .segTitle {
  margin-bottom: 32px;
}

.modalAboutIntro .modal-dialog {
  max-width: 800px;
}

.form {
  display  : flex;
  flex-wrap: wrap;
  gap      : 10px;
}

.form .form-group {
  width: 100%;
}

.form .form-group.check {
  display    : flex;
  gap        : 24px;
  align-items: center;
}

.form .form-group.check input {
  flex  : 0 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.4784313725);
}

.form .form-group.check .form-check {
  gap          : 8px;
  margin-bottom: 0;
  display      : flex;
}

.form .form-group.check .form-check label {
  cursor: poMontserrat;
}

.form .form-group.check .form-check input:focus {
  box-shadow: none;
}

.form .form-group.w-50 {
  width: calc(50% - 5px) !important;
}

.form input[type=text],
.form input[type=email],
.form input[type=time],
.form input[type=number],
.form textarea {
  width        : 100%;
  height       : 44px;
  padding      : 0 16px;
  border-radius: 6px;
  border       : 1px solid #fff;
}

.form input[type=text]:focus,
.form input[type=text]:focus-visible,
.form input[type=email]:focus,
.form input[type=email]:focus-visible,
.form input[type=time]:focus,
.form input[type=time]:focus-visible,
.form input[type=number]:focus,
.form input[type=number]:focus-visible,
.form textarea:focus,
.form textarea:focus-visible {
  border : 1px solid var(--color-1);
  outline: none;
}

.form input[type=text]::-moz-placeholder,
.form input[type=email]::-moz-placeholder,
.form input[type=time]::-moz-placeholder,
.form input[type=number]::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: #bdbdbd;
}

.form input[type=text]::placeholder,
.form input[type=email]::placeholder,
.form input[type=time]::placeholder,
.form input[type=number]::placeholder,
.form textarea::placeholder {
  color: #bdbdbd;
}

.form textarea {
  min-height: 100px;
  height    : -moz-max-content;
  height    : max-content;
  padding   : 12px 16px;
}

.form .nice-select {
  border-radius: 6px;
  background   : #fff;
  width        : 100%;
  padding      : 0 16px;
}

.form .nice-select ul {
  width: 100%;
}

.modalAgency .modal-dialog {
  width: 400px;
}

.modalAgency .modal-content {
  padding: 24px;
}

.modalAgency .close {
  position       : absolute;
  top            : 0;
  right          : 0;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 24px;
  height         : 24px;
  background     : transparent;
  border         : none;
  cursor         : poMontserrat;
}

.modalAgency .--name {
  font-size  : 18px;
  font-weight: 600;
}

.modalAgency .--listInfo {
  display  : flex;
  flex-flow: column;
  gap      : 10px;
}

.modalAgency .--listInfo .--top {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.modalAgency .--listInfo .--des {
  margin-top: 6px;
}

.modalAgency .--listInfo ul {
  padding-left : 16px;
  margin-bottom: 0;
  margin-top   : 6px;
}

.modalAgency .--listInfo a {
  display    : flex;
  align-items: center;
  gap        : 8px;
  color      : var(--color-1);
}

.modalAgency .--listInfo a::after {
  border-bottom: 1px solid var(--color-1);
}

.modalAgency .--listInfo .--title {
  font-weight: 600;
}

.modalAgency .btn-2 {
  margin-top   : 24px;
  border-radius: 6px;
}

.modalAgency .--subName {
  color         : #6f7378;
  padding-bottom: 10px;
  margin-bottom : 10px;
  border-bottom : 1px solid #eee;
}

@media (max-width: 640px) {
  .modalAgency .modal-dialog {
    width : calc(100% - 30px);
    margin: 0 auto;
  }
}

.itemBranch {
  display: flex;
  gap    : 24px;
}

.itemBranch .--img {
  width : 250px;
  height: 100%;
  flex  : 0 0 auto;
}

.itemBranch .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.itemBranch .--txt {
  display        : flex;
  flex-flow      : column;
  justify-content: space-between;
  flex           : 1;
}

.itemBranch .--txt .--name {
  font-size  : 22px;
  font-weight: 600;
}

.itemBranch .--txt ul {
  border-radius: 6px;
  border       : 1px solid #e8e8e8;
  background   : #fff;
  display      : flex;
  margin-top   : 16px;
  flex-flow    : column;
  gap          : 8px;
  padding      : 8px 16px;
  margin-bottom: 0;
  list-style   : none;
}

.itemBranch .--txt ul a {
  color      : #000;
  transition : all 0.3s ease;
  display    : flex;
  gap        : 8px;
  align-items: flex-start;
}

.itemBranch .--txt ul a:hover {
  color: var(--color-1);
}

.itemBranch .--txt ul img {
  width     : 14px;
  margin-top: 4px;
}

@media (max-width: 769px) {
  .itemBranch {
    flex-flow: column;
  }

  .itemBranch .--img {
    width : 100%;
    height: 180px;
  }
}

.Agency {
  background: #f5f5f5;
  padding   : 60px 0;
}

.Agency .segTitle {
  margin-bottom: 32px;
}

.Agency .nav-tabs {
  gap          : 12px;
  border-bottom: none;
}

.Agency .nav-tabs button {
  border-radius: 6px;
  border       : 1px solid #dcdcdc;
  padding      : 0 24px;
  height       : 42px;
  display      : flex;
  align-items  : center;
  color        : #6f7378;
  gap          : 8px;
  margin-bottom: 0;
}

.Agency .nav-tabs button.active {
  background: var(--color-1);
  color     : #fff;
}

.Agency .--topAgency {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  padding-bottom : 32px;
  margin-bottom  : 32px;
  border-bottom  : 1px solid #e8e8e8;
}

.Agency #map-tab .--filter {
  margin-bottom: 24px;
}

.Agency .--filter {
  gap      : 8px;
  flex-flow: unset;
}

.Agency .--filter .--search {
  width   : 300px;
  position: relative;
}

.Agency .--filter .--search input {
  width  : 100%;
  padding: 0 32px 0 12px;
}

.Agency .--filter .--search img {
  position      : absolute;
  top           : 50%;
  transform     : translate(0, -50%);
  right         : 12px;
  poMontserrat-events: none;
}

.Agency .--filter .form-group {
  width    : -moz-max-content;
  width    : max-content;
  max-width: 200px;
}

.Agency .--filter .nice-select {
  min-width: 150px;
  width    : -moz-max-content;
  width    : max-content;
}

.Agency .--listBranch {
  display              : grid;
  grid-gap             : 44px;
  grid-template-columns: repeat(2, 1fr);
}

.Agency iframe {
  width : 100%;
  height: 600px;
}

.Agency .pagination {
  margin-top: 40px;
}

@media (max-width: 769px) {
  .Agency {
    padding: 40px 0;
  }

  .Agency .segTitle {
    margin-bottom: 20px;
  }

  .Agency .nav-tabs {
    width: 100%;
  }

  .Agency .nav-tabs li {
    flex: 1;
  }

  .Agency .nav-tabs button {
    justify-content: center;
    width          : 100%;
  }

  .Agency .--filter {
    flex-flow : column;
    width     : 100%;
    margin-top: 16px;
  }

  .Agency .--filter .form-group {
    width    : 100% !important;
    max-width: 100%;
  }

  .Agency .--filter .form-group input,
  .Agency .--filter .form-group .nice-select {
    width: 100%;
  }

  .Agency .--topAgency {
    flex-flow     : column;
    padding-bottom: 0;
    margin-bottom : 32px;
    border-bottom : none;
  }

  .Agency .--topAgency .tab-content {
    width: 100%;
  }

  .Agency .--topAgency .tab-pane {
    margin-top: 16px;
  }

  .Agency .--listBranch {
    grid-template-columns: repeat(1, 1fr);
    grid-gap             : 20px;
  }
}

.Banner {
  height  : 500px;
  position: relative;
}

.Banner .--bg {
  width   : 100%;
  height  : 100%;
  position: relative;
}

.Banner .--bg::after {
  content   : "";
  background: linear-gradient(180deg, rgba(32, 41, 58, 0.8) 0%, rgba(32, 41, 58, 0) 16.86%), linear-gradient(0deg, rgba(32, 41, 58, 0.9) 0%, rgba(32, 41, 58, 0) 44.7%);
  top       : 0;
  position  : absolute;
  left      : 0;
  width     : 100%;
  height    : 100%;
}

.Banner .--bg img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.Banner .--content {
  position: absolute;
  bottom  : 40px;
  width   : 100%;
}

.Banner .--title {
  color         : #fff;
  font-weight   : 600;
  text-transform: uppercase;
  position      : relative;
  width         : -moz-max-content;
  width         : max-content;
  max-width     : 300px;
  line-height   : 1;
}

.Banner .--title::after {
  content      : "";
  position     : absolute;
  bottom       : 6px;
  left         : calc(100% + 12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width        : 100px;
}

.tabAll {
  display      : flex;
  flex-flow    : column;
  border-radius: 4px;
  border       : 1px solid #e7e7e7;
  padding      : 14px;
  background   : #fff;
  gap          : 6px;
}

.tabAll button {
  width          : 100%;
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  font-size      : 16px;
  font-weight    : 600;
  padding        : 8px;
  border-radius  : 4px;
  border         : 1px solid transparent !important;
  color          : #000 !important;
  margin-bottom  : 0 !important;
  text-align     : left;
}

.tabAll button.active {
  color           : #fff !important;
  background-color: var(--color-1) !important;
}

.tabAll button.active .--number {
  border: 1px solid #fff;
}

.tabAll button:hover,
.tabAll button:focus,
.tabAll button:focus-visible {
  border          : 1px solid transparent;
  background-color: #eee;
  outline         : none;
  box-shadow      : none;
}

.tabAll button .--number {
  border-radius: 6px;
  border       : 1px solid #e7e7e7;
  min-width    : 25px;
  font-weight  : 400;
  line-height  : 1;
  width        : -moz-max-content;
  width        : max-content;
  text-align   : center;
  padding      : 2px 0;
}

.accordion {
  border-radius: 4px;
  border       : none;
}

.accordion button {
  display         : flex;
  align-items     : flex-start;
  justify-content : space-between;
  padding         : 0;
  box-shadow      : none !important;
  background-color: transparent !important;
}

.accordion button::after {
  display: none;
}

.accordion button .--txt {
  display  : flex;
  font-size: 18px;
}

.accordion button.collapsed i.fa-plus {
  display: block;
}

.accordion button.collapsed i.fa-minus {
  display: none;
}

.accordion button i {
  margin-top: 4px;
}

.accordion button i.fa-plus {
  display: none;
}

.accordion button i.fa-minus {
  display: block;
}

.accordion .accordion-item {
  background    : transparent;
  border        : none;
  padding-bottom: 16px;
  margin-bottom : 16px;
  border-bottom : 1px solid #e3e3e3;
}

.accordion .accordion-item:last-child {
  margin-bottom : 0;
  padding-bottom: 0;
  border-bottom : none;
}

.accordion article {
  margin-top: 12px;
}

.backshare {
  border-top : 1px solid #e6e6e6;
  padding-top: 20px;
  margin-top : 30px;
}

.backshare .--back {
  background   : #fff;
  border-radius: 100px;
  padding      : 4px 10px;
  font-size    : 15px;
  cursor       : poMontserrat;
  transition   : all 0.15s ease;
}

.backshare .--back:hover {
  background: var(--color-1);
  color     : #fff;
}

.backshare .--back i {
  margin-right: 4px;
}

.backshare .--share {
  display      : flex;
  list-style   : none;
  margin-bottom: 0;
  align-items  : center;
}

.backshare .--share li {
  margin-right: 8px;
}

.backshare .--share li:last-child {
  margin-right: 0;
}

.backshare .--share li:first-child {
  margin-right: 20px;
}

.backshare .--share li:nth-child(n+2) a {
  border         : 0.843521px solid #ebebeb;
  box-shadow     : 0px 4px 15px rgba(0, 0, 0, 0.08);
  border-radius  : 42.176px;
  width          : 40px;
  height         : 40px;
  display        : flex;
  justify-content: center;
  align-items    : center;
  transition     : all 0.15s ease;
}

.backshare .--share li:nth-child(n+2) a:hover {
  transform: scale(0.9);
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .backshare {
    padding-top: 12px;
    margin-top : 20px;
  }
}

@media (max-width: 769px) {
  .backshare {
    padding: 16px 0;
  }

  .backshare .--share {
    padding-left: 0;
  }

  .backshare .--share li:first-child {
    display: none;
  }

  .backshare .--share li:nth-child(n+2) a {
    width : 36px;
    height: 36px;
  }
}

.contactInfo {
  padding: 60px 0;
}

.contactInfo .segTitle {
  margin-bottom: 40px;
}

.contactInfo .--content {
  display: flex;
  gap    : 24px;
}

.contactInfo .--left {
  border-radius: 6px;
  border       : 1px solid #e8e8e8;
  background   : #f5f5f5;
  padding      : 32px;
  height       : 100%;
  flex         : 1;
}

.contactInfo .--left .--name {
  font-size    : 20px;
  margin-bottom: 24px;
}

.contactInfo .--left .--info {
  display              : grid;
  grid-template-columns: calc(60% - 40px) 40%;
  gap                  : 40px;
}

.contactInfo .--left ul {
  padding-left : 0;
  list-style   : none;
  margin-bottom: 0;
  display      : flex;
  flex-flow    : column;
  gap          : 12px;
  font-size    : 15px;
}

.contactInfo .--left ul li {
  display: flex;
}

.contactInfo .--left ul a {
  display    : flex;
  align-items: center;
  gap        : 10px;
  color      : #000;
  transition : all 0.3s ease;
}

.contactInfo .--left ul a:hover {
  color: var(--color-1);
}

.contactInfo .--left ul span:first-child {
  font-weight: 600;
}

.contactInfo .--left ul p {
  margin-bottom: 0;
}

.contactInfo .--left ul i {
  width          : 36px;
  height         : 36px;
  color          : var(--color-1);
  border         : 1px solid #dcdcdc;
  display        : flex;
  border-radius  : 50%;
  flex           : 0 0 auto;
  align-items    : center;
  justify-content: center;
}

.contactInfo .--right {
  border-radius: 6px;
  border       : 1px solid #e8e8e8;
  background   : #f5f5f5;
  padding      : 32px;
  border-bottom: 1px solid #e0e0e0;
}

.contactInfo .--right .--name {
  padding-bottom: 8px;
  font-size     : 22px;
  font-weight   : 600;
  margin-bottom : 24px;
  border-bottom : 1px solid #e0e0e0;
}

.contactInfo .--right .--listContact {
  display  : flex;
  flex-flow: column;
  gap      : 4px;
}

.contactInfo .--right .--listContact .--item {
  display    : flex;
  align-items: center;
  gap        : 8px;
  color      : #000;
  width      : -moz-max-content;
  width      : max-content;
}

.contactInfo .--right .--listContact .--item:hover {
  color: var(--color-1);
}

.contactInfo .--right .--listContact span:first-child {
  width: 75px;
  flex : 0 0 auto;
}

.contactInfo .--right .--listContact span:last-child {
  font-weight: 600;
}

@media (max-width: 769px) {
  .contactInfo {
    padding: 40px 0;
  }

  .contactInfo .segTitle {
    margin-bottom: 20px;
  }

  .contactInfo .--content {
    flex-flow: column;
  }

  .contactInfo .--left .--info {
    flex-flow: column;
    display  : flex;
  }

  .contactInfo .--right {
    height: -moz-max-content;
    height: max-content;
  }
}

.newsHotAll {
  padding   : 80px 0;
  background: #f5f5f5;
}

.newsHotAll .--newsHot {
  display : flex;
  position: relative;
}

.newsHotAll .--newsHot .--img {
  flex  : 1;
  height: 380px;
}

.newsHotAll .--newsHot .--img a {
  display: flex;
  width  : 100%;
  height : 100%;
}

.newsHotAll .--newsHot .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.newsHotAll .--newsHot .--txt {
  flex           : 1;
  padding        : 30px;
  display        : flex;
  flex-flow      : column;
  justify-content: space-between;
  background     : #fff;
}

.newsHotAll .--newsHot .--txt .timeCate {
  margin-bottom: 12px;
  color        : #6f7378;
}

.newsHotAll .--newsHot .--txt .--name {
  font-size         : 28px;
  font-weight       : 600;
  line-height       : 34px;
  margin-bottom     : 16px;
  transition        : all 0.3s ease;
  overflow          : hidden;
  text-overflow     : ellipsis;
  -webkit-line-clamp: 2;
  display           : -webkit-box;
  color             : #000;
  -webkit-box-orient: vertical;
}

.newsHotAll .--newsHot .--txt .--name:hover {
  color: var(--color-1);
}

.newsHotAll .--newsHot .--txt .--des {
  overflow          : hidden;
  text-overflow     : ellipsis;
  -webkit-line-clamp: 6;
  line-height       : 20px;
  display           : -webkit-box;
  color             : #000;
  -webkit-box-orient: vertical;
}

.newsHotAll .--newsHot .--txt .--viewdetail {
  margin        : auto 0 0 0;
  color         : #6f7378;
  text-transform: uppercase;
  font-weight   : 600;
  display       : flex;
  align-items   : center;
  gap           : 8px;
}

.newsHotAll .--newsHot .--txt .--viewdetail::after {
  border-bottom: 1px solid #6f7378;
}

.newsHotAll .--newsHot .cardNote {
  position: absolute;
  top     : 8px;
  left    : 8px;
}

.newsHotAll .--newsOther {
  padding-top: 32px;
  margin-top : 32px;
  border-top : 1px solid #c5c5c5;
}

.newsHotAll .--newsOther .--topOther {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  margin-bottom  : 32px;
}

.newsHotAll .--newsOther .--topOther .--title {
  font-size    : 32px;
  margin-bottom: 0;
  line-height  : 1;
  font-weight  : 600;
}

.newsHotAll .--newsOther .--topOther .--search {
  position: relative;
}

.newsHotAll .--newsOther .--topOther .--search input {
  border-radius: 6px;
  background   : #fff;
  height       : 44px;
  width        : 290px;
  border       : 1px solid #fff;
  padding      : 0 32px 0 12px;
}

.newsHotAll .--newsOther .--topOther .--search input:focus,
.newsHotAll .--newsOther .--topOther .--search input:focus-visible {
  outline: none;
  border : 1px solid var(--color-1);
}

.newsHotAll .--newsOther .--topOther .--search input::-moz-placeholder {
  font-size: 12px;
}

.newsHotAll .--newsOther .--topOther .--search input::placeholder {
  font-size: 12px;
}

.newsHotAll .--newsOther .--topOther .--search img {
  position : absolute;
  top      : 50%;
  transform: translate(0, -50%);
  right    : 12px;
}

.newsHotAll .--newsOther .--listNews .timeCate {
  color: #6f7378;
}

.newsHotAll .--newsOther .--listNews .timeCate .--time::before {
  background: #6f7378;
}

.newsHotAll .--newsOther .--listNews .itemNews1 {
  padding-bottom: 12px;
  margin-bottom : 12px;
  border-bottom : 1px solid #c5c5c5;
}

.newsHotAll .--newsOther .--listNews .itemNews1 .--name {
  color     : #000;
  transition: all 0.3s ease;
}

.newsHotAll .--newsOther .--listNews .itemNews1 .--name:hover {
  color: var(--color-1);
}

.newsHotAll .--newsOther .--listNews .itemNews1 .--viewdetail {
  color: #6f7378;
}

.newsHotAll .--newsOther .--listNews .itemNews1 .--viewdetail::after {
  border-bottom: 1px solid #6f7378;
}

.newsHotAll .--newsOther .--listNews .col-md-6:nth-child(6n+5) .itemNews1,
.newsHotAll .--newsOther .--listNews .col-md-6:nth-child(6n+6) .itemNews1 {
  padding-bottom: 0;
  margin-bottom : 0;
  border-bottom : none;
}

.newsHotAll .--newsOther .pagination {
  margin-top: 60px;
}

@media (max-width: 769px) {
  .newsHotAll {
    padding: 60px 0;
  }

  .newsHotAll .--newsHot {
    flex-flow: column;
  }

  .newsHotAll .--newsHot .--img {
    height: 240px;
  }

  .newsHotAll .--newsHot .--txt {
    background: transparent;
    padding   : 0;
    margin-top: 20px;
  }

  .newsHotAll .--newsHot .--txt .--name {
    font-size  : 16px;
    line-height: 22px;
  }

  .newsHotAll .--newsHot .--txt .--viewdetail {
    margin-top: 16px;
  }

  .newsHotAll .--newsOther .--topOther {
    flex-flow    : column;
    align-items  : flex-start;
    gap          : 12px;
    margin-bottom: 24px;
  }

  .newsHotAll .--newsOther .--topOther .--title {
    font-size: 22px;
  }

  .newsHotAll .--newsOther .--topOther .--search {
    width: 100%;
  }

  .newsHotAll .--newsOther .--topOther .--search input {
    width: 100%;
  }

  .newsHotAll .--newsOther .--listNews .col-md-6:nth-child(6n+5) .itemNews1 {
    padding-bottom: 12px;
    margin-bottom : 12px;
    border-bottom : 1px solid #c5c5c5;
  }

  .newsHotAll .--newsOther .pagination {
    margin-top: 32px;
  }
}

.Faq {
  padding: 60px 0;
}

.Faq .segTitle {
  text-align   : center;
  margin-bottom: 44px;
}

.Faq .tab-content {
  padding-left: 20px;
}

.Faq .tab-content .tab-pane {
  background: #f5f5f5;
  padding   : 40px;
}

.Faq .tab-content .accordion {
  overflow-y   : auto;
  max-height   : 500px;
  width        : calc(100% + 20px);
  padding-right: 20px;
}

.Faq .tab-content .accordion::-webkit-scrollbar {
  width: 6px;
}

.Faq .tab-content .accordion::-webkit-scrollbar-track {
  background   : #eee;
  border-radius: 8px;
}

.Faq .tab-content .accordion::-webkit-scrollbar-thumb {
  background   : #888;
  border-radius: 8px;
}

.Faq .pagination {
  margin-top: 32px;
}

@media (max-width: 769px) {
  .Faq {
    padding: 40px 0;
  }

  .Faq .segTitle {
    margin-bottom: 20px;
  }

  .Faq .tab-content {
    padding-left: 0;
    margin-top  : 20px;
  }

  .Faq .tab-content .tab-pane {
    padding: 24px;
  }

  .Faq .tab-content .accordion {
    width        : calc(100% + 10px);
    padding-right: 10px;
  }
}

.select2 {
  width: 100% !important;
}

.select2 .select2-selection {
  background: #fff !important;
  width     : 100% !important;
  height    : 42px !important;
  border    : none !important;
}

.select2 .select2-selection__rendered {
  display     : flex !important;
  align-items : center !important;
  height      : 100% !important;
  padding-left: 16px !important;
}

.select2 .select2-selection__clear {
  height : 100% !important;
  display: none;
}

.select2 .select2-selection__arrow {
  height   : 100% !important;
  top      : 50% !important;
  transform: translate(0, -50%) !important;
}

.select2-container .select2-search__field:focus {
  border    : 1px solid var(--color-1) !important;
  outline   : none;
  box-shadow: none;
}

.info-maker {
  width    : 100% !important;
  max-width: 100% !important;
}

.info-maker b {
  font-weight: bold !important;
}

.info-maker .link-map,
.info-maker .hotline {
  padding: 0 !important;
}

.info-maker .link-map .direct,
.info-maker .hotline .direct {
  display    : flex;
  align-items: center;
  gap        : 8px;
}

.info-maker .link-map .direct a,
.info-maker .hotline .direct a {
  text-decoration: none;
}

.info-maker p {
  margin-bottom: 0;
}

.gm-style .gm-style-iw {
  padding-right : 0px !important;
  padding-bottom: 0px !important;
  max-width     : 100% !important;
  min-width     : 0px !important;
  max-height    : 500px !important;
  height        : -moz-max-content;
  height        : max-content;
  padding       : 20px !important;
  width         : 400px;
}

.gm-style .gm-style-iw-d {
  overflow: unset !important;
  height  : -moz-max-content !important;
  height  : max-content !important;
}

@media (max-width: 640px) {
  .gm-style .gm-style-iw {
    width: 340px;
  }
}

@media (max-width: 390px) {
  .gm-style .gm-style-iw {
    width: 290px;
  }
}

/*# sourceMappingURL=style.css.map */