#header {
  position: relative;
  background: #fff;
}

.modal .modal-dialog {
  position: absolute;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  min-width: 560px;
  background-color: #fff;
}

.brand-color {
  color: #2c72c6;
}
.block-megamainmenu {
  margin-left: auto;
}
.block-megamainmenu * {
}
.mega_menu {
  position: fixed;
  width: 100vw;
  z-index: 99;
  background: #fff;
  top: 79px;
  box-shadow: 0 3px 6px #00000029;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  transform: translateY(-15px);
}
@media (max-width: 991px) {
  .mega_menu {
    top: 60px;
  }
}
.mega_menu .container {
  max-width: 100% !important;
  padding: 30px;
}
.mega_menu .container {
  max-width: 100% !important;
  padding: 30px;
}
@media (max-width: 991px) {
  .mega_menu .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.mega_menu .nav-tabs {
  align-items: center;
  border: none;
}
.mega_menu .nav-tabs .nav-link {
  border: none;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 125%;
  color: #3c3c3c;
  text-transform: uppercase;
  padding: 0;
}
.mega_menu .nav-tabs .nav-link:not(:last-child) {
  margin-right: 50px;
}
.mega_menu .nav-tabs .nav-link.active {
  font-size: 16px;
  color: #1464f4;
}
.mega_menu .pop_tu_van a {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #3c3c3c;
}
.mega_menu .pop_tu_van a svg {
  margin-right: 10px;
  fill: #3c3c3c;
}
.mega_menu .pop_tu_van a:hover {
  color: #1464f4;
}
.mega_menu .pop_tu_van a:hover svg {
  fill: #1464f4;
}
.mega_menu .item_name {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 125%;
  color: #3c3c3c;
  margin-top: 4px;
  display: flex;
  justify-content: center;
}
.mega_menu .slogan {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 140.4%;
  color: #707070;
  margin-bottom: 10px;
}
.mega_menu .price {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 127%;
  color: #3c3c3c;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.mega_menu .see-details {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #1464f4;
}
.mega_menu .link {
  text-align: center;
  border-top: 1px solid #e4e4e4;
  padding-top: 10px;
}
.mega_menu .link a {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 127%;
  text-decoration-line: underline;
  color: #2998dd;
}
.mega_menu .mega-title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  color: #3c3c3c;
  padding-bottom: 22px;
}
.mega_menu .img.col-md-6 {
  margin: -20px 0 -20px;
  max-width: 462px;
}
.mega_menu .desc {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 140.4%;
  text-align: center;
  color: #707070;
  margin-top: 20px;
}
.mega_menu .view_all {
  text-align: center;
  padding-top: 20px;
}
.mega_menu .view_all a {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  background: #1464f4;
  border-radius: 3px;
  height: 40px;
  width: 364px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.mega_menu .view_all a:hover {
  background: #125eb9;
}
.mega_menu_header.mega-main-menu {
  /*height: 84px;*/
  display: flex;
  padding: 0;
  /*margin: 0 0 0 20px;*/
  list-style: none;
  justify-content: end;
}
@media screen and (max-width: 992px) {
  .mega_menu_header.mega-main-menu {
    margin-left: auto;
  }
}
@media screen and (max-width: 991px) {
  .mega_menu_header.mega-main-menu {
    height: 60px;
    align-items: center;
  }
}
.mega_menu_header.mega-main-menu > li {
  height: 100%;
  display: flex;
  align-items: center;
  /*padding: 22px 0;*/
  /*margin: 0 20px;*/
}
.mega_menu_header.mega-main-menu > li.active .mega_menu,
.mega_menu_header.mega-main-menu > li.mega_menu_active .mega_menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 100;
  overflow: auto;
  /* max-height: 240px; */
  border-top: 2px solid #d9e1e2;
  box-sizing: content-box;
}
.mega_menu_header.mega-main-menu > li.active .mega_menu .fade.show,
.mega_menu_header.mega-main-menu > li.mega_menu_active .mega_menu .fade.show {
  visibility: visible;
}
.mega_menu_header.mega-main-menu > li.active .mega_menu .tab-content,
.mega_menu_header.mega-main-menu > li.mega_menu_active .mega_menu .tab-content {
  padding: 48px 0 0 0;
}

/*#block-megamainmenuoto #mega_oto_tab_content {*/
/*  padding-top: 0;*/
/*}*/

@media (max-width: 991px) {
  .mega_menu_header.mega-main-menu > li.active .mega_menu,
  .mega_menu_header.mega-main-menu > li.mega_menu_active .mega_menu {
    max-height: unset;
    height: calc(100% - 60px);
    padding-bottom: 92px;
  }
}
.mega_menu_header.mega-main-menu > li.active > a,
.mega_menu_header.mega-main-menu > li.mega_menu_active > a {
  color: #1464f4;
}
.mega_menu_header.mega-main-menu
  > li:not(.desktop-hover):not(.no-hover):hover
  > a {
  color: #1464f4;
}
.mega_menu_header.mega-main-menu > li.mega-account:hover .mega_menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 100;
  overflow: auto;
  max-height: calc(100% - 70px);
}
.mega_menu_header.mega-main-menu > li.mega-account:hover .mega_menu .fade.show {
  visibility: visible;
}
@media (max-width: 991px) {
  .mega_menu_header.mega-main-menu > li.mega-account:hover .mega_menu {
    max-height: unset;
    height: calc(100% - 60px);
    padding-bottom: 92px;
  }
}
.mega_menu_header.mega-main-menu > li.mega-account:hover > a {
  color: #1464f4;
}
.mega_menu_header.mega-main-menu > li .mega_menu .fade.show {
  visibility: hidden;
}
.mega_menu_header.mega-main-menu > li .mega_menu .tab-content .tab-pane a.img {
  transition: opacity 750ms;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: fit-content;
  padding: 0.5rem;
}
.mega_menu_header.mega-main-menu
  > li
  .mega_menu
  .tab-content
  .tab-pane
  a.img.vehicle-hover {
  background: rgba(20, 100, 244, 0.1);
}
.mega_menu_header.mega-main-menu
  > li
  .mega_menu
  .tab-content
  .tab-pane
  a.img.vehicle-hover
  .img-mega-menu-hover {
  display: block;
}
.mega_menu_header.mega-main-menu
  > li
  .mega_menu
  .tab-content
  .tab-pane
  a.img.vehicle-hover
  .img-mega-menu-hover
  + .img-mega-menu {
  display: none;
}
.mega_menu_header.mega-main-menu
  > li
  .mega_menu
  .tab-content
  .tab-pane
  a.img
  .img-mega-menu-hover {
  display: none;
}
.mega_menu_header.mega-main-menu
  > li
  .mega_menu
  .tab-content
  .tab-pane
  a.img
  .img-mega-menu {
  max-width: 270px;
  width: 100%;
}
.mega_menu_header.mega-main-menu > li > a {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #3c3c3c;
  transition: 0.3s;
  white-space: nowrap;
  font-weight: 600;
  cursor: pointer;
}
body.toolbar-tray-open .mega_menu {
  top: 138px;
}
#block-megamainmenu {
  margin: auto;
}
#block-megamainmenu ul {
  margin: 0;
}
#block-megamainmenudichvu .tab-content {
  padding: 0;
}
#block-megamainmenubattery .img {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
}
#block-megamainmenubattery .img .img-mega-menu {
  width: 100%;
  max-width: 238px;
}
#block-megamainmenubattery .img .item_name {
  margin-top: 12px;
}
#block-megamainmenubattery .img:hover {
  background: rgba(20, 100, 244, 0.1);
  border-radius: 5px;
}
.hd-mega {
  display: flex;
  justify-content: center;
}
.mega-menu .we-mega-menu-li a {
  text-transform: uppercase;
}
.mega-menu .we-mega-menu-li a.active_mega {
  color: #1464f4 !important;
}
.mega-main-menu .tab-content {
  box-shadow: none;
  outline: none;
  border: none;
  padding: 0;
}
.menu_service div.img {
  position: relative;
}
.menu_service div.img .btn-service {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
  width: calc(100% - 32px);
  margin: 16px 0;
  height: 48px;
  background: #1464f4;
  border-radius: 3px;
}
.menu_service .container {
  max-width: 1140px !important;
}
.mega-dich-vu {
  display: flex;
}
.mega-dich-vu table {
  width: 100%;
}
.mega-dich-vu table tr th,
.mega-dich-vu table tr td {
  width: 30%;
  padding: 0 15px;
  vertical-align: top;
}
.mega-dich-vu table tr th:first-child,
.mega-dich-vu table tr td:first-child {
  padding-left: 0;
}
.mega-dich-vu table tr ul li {
  margin-bottom: 10px;
}
.mega-dich-vu table tr ul li:last-child {
  margin-bottom: 0;
}
.mega-dich-vu li {
  padding: 0 !important;
  margin-left: -10px;
}
.mega-dich-vu li a {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #3c3c3c !important;
  padding: 8px;
}
.mega-dich-vu li a:hover {
  background: #2c72c61a;
  border-radius: 3px;
}
.mega-dich-vu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-dich-vu .img {
  padding: 0;
}
.mega-dich-vu[data-id="2"] ul {
  display: flex;
}
.mega-dich-vu[data-id="2"] ul li:first-child {
  margin-right: 80px;
}
.mega-account {
  padding: 0 !important;
  margin: 0 !important;
}
.mega-account a.we-mega-menu-li {
  display: flex;
  align-items: center;
  padding: 10px;
}
.mega-account a.we-mega-menu-li p {
  color: #3c3c3c;
  margin: 0;
}
.mega-account a.we-mega-menu-li svg {
  fill: #3c3c3c;
  display: none;
}
.mega-account a.we-mega-menu-li svg:last-child {
  margin-left: 8px;
}
.mega-account a.we-mega-menu-li.btn {
  border-radius: unset;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: unset;
  z-index: 1;
}
.mega-account.login:hover a.we-mega-menu-li {
  background-color: #2c72c61a;
  border-radius: 3px;
}
.mega-account.login:hover a.we-mega-menu-li p {
  color: #1464f4;
}
.mega-account.login:hover a.we-mega-menu-li svg {
  fill: #1464f4;
}
.mega-account.login:hover a.we-mega-menu-li svg:last-child path {
  fill: #1464f4;
}
.mega-account.login a.we-mega-menu-li svg {
  display: block !important;
  margin-right: 10px;
}
.mega-account.login .mega_menu {
  display: block !important;
}
.mega-account .content-asset {
  display: flex;
  justify-content: end;
}
.mega-account .content-asset .mega_menu {
  width: 290px;
  border-radius: 3px;
  box-shadow: 0px 16px 48px 0 rgba(0, 0, 0, 0.176);
  left: unset;
  display: none;
  margin-right: -15px;
}
.mega-account .content-asset .mega_menu ul li {
  margin: 10px;
  padding: 0;
}
.mega-account .content-asset .mega_menu ul li a {
  font-weight: 600;
  font-size: 16px;
  color: #3c3c3c;
  padding: 10px;
}
.mega-account .content-asset .mega_menu ul li a:hover {
  background-color: #2c72c61a;
  color: #1464f4;
  border-radius: 3px;
}
.mega-submenu {
  height: 100%;
}
@media (max-width: 991px) {
  .mega-submenu {
    margin: 0 !important;
  }
}
.mega-submenu::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 50%;
  width: 1px;
  border-left: 1px solid #dbe1e3;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .mega-submenu::before {
    display: none;
  }
}
.mega-submenu li.block-megamainmenu {
  display: flex;
  align-items: center;
  margin-left: -5px !important;
  margin-right: 50px !important;
}
.mega-submenu li.block-megamainmenu .we-mega-menu-li {
  background: url("data:image/svg+xml,%3Csvg width='21' height='17' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.375 0.75H20.625V3H0.375V0.75ZM0.375 6.375H20.625V8.625H0.375V6.375ZM0.375 12H20.625V14.25H0.375V12Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A")
    center center no-repeat;
  width: 44px;
  height: 44px;
}
@media (hover: hover) {
  .mega-submenu li.block-megamainmenu:not(.has-touch) .we-mega-menu-li:hover {
    background: url("data:image/svg+xml,%3Csvg width='21' height='17' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.375 0.75H20.625V3H0.375V0.75ZM0.375 6.375H20.625V8.625H0.375V6.375ZM0.375 12H20.625V14.25H0.375V12Z' fill='%231464F4'/%3E%3C/svg%3E%0A")
      center center no-repeat;
  }
}
@media (max-width: 991px) {
  .mega-submenu li.block-megamainmenu {
    margin-right: 10px !important;
    padding-left: 5px !important;
  }
  .mega-submenu li.block-megamainmenu .we-mega-menu-li {
    transition: unset;
  }
}
.mega-submenu li a.we-mega-menu-li {
  padding: 10px;
}
.mega-submenu li svg {
  fill: #3c3c3c;
}
@media (hover: hover) {
  .mega-submenu li:not(.has-touch):hover a.we-mega-menu-li {
    background-color: #2c72c61a;
    border-radius: 3px;
    color: #1464f4;
  }
  .mega-submenu li:not(.has-touch):hover a.we-mega-menu-li svg {
    fill: #1464f4;
  }
}
.mega-submenu li.mega_menu_active a.we-mega-menu-li {
  background-color: #2c72c61a;
  border-radius: 3px;
  color: #1464f4;
}
.mega-submenu li.mega_menu_active a.we-mega-menu-li svg {
  fill: #1464f4;
}
.mega-submenu .content-asset {
  display: flex;
  justify-content: end;
}
.mega-submenu .content-asset .mega_menu::-webkit-scrollbar {
  width: 4px;
}
.mega-submenu .content-asset .mega_menu::-webkit-scrollbar-thumb {
  background: #7a99ac !important;
}
@media (min-width: 768px) {
  .mega-submenu .content-asset .mega_menu {
    width: 330px;
    border-radius: 3px;
    box-shadow: 0px 16px 48px 0 rgba(0, 0, 0, 0.176);
    left: unset;
    margin-right: -50px;
  }
}
.mega-submenu .content-asset .mega_menu ul {
  margin: 0 !important;
}
.mega-submenu .content-asset .mega_menu ul li {
  margin: 10px;
  padding: 0;
}
.mega-submenu .content-asset .mega_menu ul li a {
  font-weight: 600;
  font-size: 16px;
  color: #3c3c3c;
  padding: 10px;
}
@media (max-width: 991px) {
  .mega-submenu .content-asset .mega_menu ul li > a {
    font-weight: 600;
  }
}
.mega-submenu .content-asset .mega_menu ul li:hover > a,
.mega-submenu .content-asset .mega_menu ul li.submenu-expand.active-expand > a {
  background-color: #2c72c61a;
  border-radius: 3px;
  color: #1464f4;
}
.mega-submenu .content-asset .mega_menu ul li:hover svg,
.mega-submenu .content-asset .mega_menu ul li.submenu-expand.active-expand svg {
  fill: #1464f4;
}
.mega-submenu .content-asset .mega_menu ul li.submenu-expand a {
  font-weight: 600 !important;
}
.mega-submenu .content-asset .mega_menu ul li.submenu-expand ul {
  display: none;
  margin-left: 16px !important;
  border-left: 1px solid #d9e1e2;
  margin-top: 20px !important;
}
.mega-submenu .content-asset .mega_menu ul li.submenu-expand ul li {
  margin: 0;
  margin-left: 16px !important;
}
.mega-submenu
  .content-asset
  .mega_menu
  ul
  li.submenu-expand
  ul
  li.submenu-subheader {
  font-weight: 600;
  line-height: 20px;
  font-size: 16px;
  color: #3c3c3c;
  border-radius: 3px;
  background-color: #f8f9fa;
  padding: 12px 8px;
}
.mega-submenu .content-asset .mega_menu ul li.submenu-expand ul li a {
  font-weight: 600;
  padding: 12px 0;
}
.mega-submenu
  .content-asset
  .mega_menu
  ul
  li.submenu-expand
  ul
  .submenu-subheader
  ~ li
  a {
  padding: 12px 24px;
}
.mega-submenu .content-asset .mega_menu ul li.submenu-expand .toggle-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.mega-submenu
  .content-asset
  .mega_menu
  ul
  li.submenu-expand
  .toggle-header
  .view-all {
  font-size: 12px;
  line-height: 150%;
  color: #1464f4;
  display: none;
  margin-left: auto;
}
.mega-submenu
  .content-asset
  .mega_menu
  ul
  li.submenu-expand
  .toggle-header
  .toggle-header-arrow {
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: 16px;
  margin-top: auto;
  margin-bottom: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%233C3C3C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mega-submenu .content-asset .mega_menu ul li.submenu-expand.active-expand ul {
  display: block;
}
.mega-submenu
  .content-asset
  .mega_menu
  ul
  li.submenu-expand.active-expand
  .toggle-header
  .view-all {
  display: block;
}
.mega-submenu
  .content-asset
  .mega_menu
  ul
  li.submenu-expand.active-expand
  .toggle-header
  .toggle-header-arrow {
  margin-left: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%233C3C3C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mega-submenu .content-asset .mega_menu ul li .account {
  display: none;
  padding-left: 15px;
}
.mega-submenu .content-asset .mega_menu ul li .account.active {
  display: block;
}
@media (max-width: 991px) {
  .login-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 6.99992C9.34166 6.99992 10.8333 5.50825 10.8333 3.66659C10.8333 1.82492 9.34166 0.333252 7.5 0.333252C5.65833 0.333252 4.16666 1.82492 4.16666 3.66659C4.16666 5.50825 5.65833 6.99992 7.5 6.99992ZM7.5 8.66659C5.275 8.66659 0.833328 9.78325 0.833328 11.9999V13.6666H14.1667V11.9999C14.1667 9.78325 9.725 8.66659 7.5 8.66659Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 20px;
    min-width: unset;
    width: 44px;
    height: 44px;
  }
}
.custom-content-menu {
  background: #1464f4;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 1;
  width: max-content;
  border-radius: 3px;
}
.custom-content-menu ul {
  list-style-type: none;
  padding: 28px 0;
}
.custom-content-menu .custom-menu-item {
  color: white;
  font-weight: 700;
  font-size: 13px;
  padding: 0 30px;
}
.custom-content-menu li + li {
  margin-top: 20px;
}
.mega-tool {
  position: relative;
  display: inline-block;
}
.mega-tool:hover .custom-content-menu {
  opacity: 1;
  visibility: visible;
}
.custom-content-menu::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1464f4;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.custom-content-menu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 16px;
}
.bg-mega-menu {
  position: fixed;
  width: 100vw;
  height: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #00000059;
  z-index: 98;
}
.bg-mega-menu.active {
  height: 100vh;
}
#block-megamainmenucongcu {
  width: 100%;
}
#block-megamainmenucongcu .mega-cong-cu ul {
  padding: 0;
}
#block-megamainmenucongcu .mega-cong-cu ul li {
  list-style-type: none;
  padding: 0;
  margin-bottom: 10px;
  line-height: 24px !important;
}
#block-megamainmenucongcu .mega-cong-cu ul li a {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #3c3c3c;
  padding: 10px;
}
#block-megamainmenucongcu .mega-cong-cu ul li a:hover {
  background: #2c72c61a;
  border-radius: 3px;
}
#block-megamainmenucongcu div.img {
  display: flex;
  justify-content: end;
}
#block-megamainmenucongcu div.img img {
  max-width: unset;
}
.advisory-popup .modal-dialog {
  min-width: 417px !important;
}
.advisory-popup .modal-dialog .modal-content {
  width: 365px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px;
  background: #ffffff !important;
}
.advisory-popup .modal-dialog .modal-content h3 {
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}
.advisory-popup .modal-dialog .modal-content .test-request-order {
  padding-top: 10px;
}
.advisory-popup .modal-dialog .modal-content .test-request-order .group-item {
  margin-bottom: 20px;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .group-item
  .label {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  color: #3c3c3c !important;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .group-item
  .label.required::after {
  content: " *";
  color: #1464f4;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .group-item
  .custom-required {
  background: #f4f4f4;
  border: none;
  border-radius: 3px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 64%;
  width: 100%;
  padding: 10px 20px;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .group-item
  select:required:invalid {
  color: #979797;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .group-item
  option[value=""][disabled] {
  display: none;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .group-item
  option {
  color: #000;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .btn-register-driver {
  border-radius: 3px;
  margin: 20px 0;
  width: 100%;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 140%;
  text-transform: none;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .btn-register-driver:disabled {
  border-color: #1464f4;
  background: #1464f4;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .btn-primary:disabled {
  color: #fff;
  background: #1464f4 !important;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .btn-primary:active {
  border-color: #1464f4;
  background: #1464f4 !important;
}
.advisory-popup
  .modal-dialog
  .modal-content
  .test-request-order
  .btn-primary:focus {
  border-color: #1464f4;
  background: #1464f4 !important;
}
.advisory-popup .modal-dialog .modal-content .test-request-order .hotline {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 148%;
  text-align: center;
  color: #1464f4;
}
#test-request-popup .modal-header {
  height: 180px;
  padding: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #1464f4;
  border-radius: 3px 3px 0px 0px;
}
#test-request-popup .modal-header .header--logo {
  background: url(../../images/vfast/logo_vinf.png) no-repeat;
  width: 105px;
  height: 29px;
  margin-top: 20px;
}
#test-request-popup .modal-header .header--icon {
  background: url(../../images/tcb/tcb-email.png) no-repeat;
  background-size: contain;
  width: 220px;
  height: 140px;
  transform: translate(10px, 30px);
  z-index: 10;
}
#test-request-popup .header--bottom-line {
  background: linear-gradient(90deg, #ffffff 0.01%, #1464f4 100.01%);
  transform: matrix(1, 0, 0, -1, 0, 0);
  width: 100%;
  height: 7px;
}
#test-request-popup .modal-body {
  padding: 20px 30px;
}
#test-request-popup .modal-body h3 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 38px;
}
#test-request-popup .modal-body p {
  font-size: 13px;
}
#test-request-popup .modal-body .btn-continue {
  width: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
}
@media (max-width: 991px) {
  #aip-chat-box {
    z-index: 1049 !important;
  }
}
.mega-menu-swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9998 29.3334C8.63604 29.3334 2.6665 23.3639 2.6665 16.0001C2.6665 8.63629 8.63604 2.66675 15.9998 2.66675C23.3636 2.66675 29.3332 8.63628 29.3332 16.0001C29.3332 23.3639 23.3636 29.3334 15.9998 29.3334ZM11.1514 14.788C10.4819 14.788 9.93923 15.3306 9.93923 16.0001C9.93923 16.6695 10.4819 17.2122 11.1514 17.2122H17.922L15.1427 19.9915C14.6694 20.4648 14.6694 21.2323 15.1427 21.7057C15.6161 22.179 16.3836 22.179 16.8569 21.7057L21.7046 16.858L21.7133 16.8492C21.8256 16.7349 21.9107 16.6038 21.9685 16.4641C22.0273 16.3222 22.06 16.1667 22.0604 16.0037L22.0604 16.0001L22.0604 15.9964C22.0595 15.6672 21.9272 15.3688 21.7133 15.1509L21.7046 15.1421L16.8569 10.2945C16.3836 9.82113 15.6161 9.82113 15.1427 10.2945C14.6694 10.7679 14.6694 11.5353 15.1427 12.0087L17.922 14.788H11.1514Z' fill='%231464F4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  right: 0;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  z-index: 1;
  cursor: pointer;
}
.mega-menu-swiper-button-next.swiper-button-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9998 29.3334C8.63604 29.3334 2.6665 23.3639 2.6665 16.0001C2.6665 8.63629 8.63604 2.66675 15.9998 2.66675C23.3636 2.66675 29.3332 8.63628 29.3332 16.0001C29.3332 23.3639 23.3636 29.3334 15.9998 29.3334ZM11.1514 14.788C10.4819 14.788 9.93923 15.3306 9.93923 16.0001C9.93923 16.6695 10.4819 17.2122 11.1514 17.2122H17.922L15.1427 19.9915C14.6694 20.4648 14.6694 21.2323 15.1427 21.7057C15.6161 22.179 16.3836 22.179 16.8569 21.7057L21.7046 16.858L21.7133 16.8492C21.8256 16.7349 21.9107 16.6038 21.9685 16.4641C22.0273 16.3222 22.06 16.1667 22.0604 16.0037L22.0604 16.0001L22.0604 15.9964C22.0595 15.6672 21.9272 15.3688 21.7133 15.1509L21.7046 15.1421L16.8569 10.2945C16.3836 9.82113 15.6161 9.82113 15.1427 10.2945C14.6694 10.7679 14.6694 11.5353 15.1427 12.0087L17.922 14.788H11.1514Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A");
}
.mega-menu-swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.6665 16.0001C2.6665 8.63628 8.63604 2.66675 15.9998 2.66675C23.3636 2.66675 29.3332 8.63628 29.3332 16.0001C29.3332 23.3639 23.3636 29.3334 15.9998 29.3334C8.63604 29.3334 2.6665 23.3639 2.6665 16.0001ZM16.857 12.0087C17.3303 11.5353 17.3303 10.7679 16.857 10.2945C16.3836 9.82115 15.6161 9.82115 15.1428 10.2945L10.2956 15.1416L10.2811 15.1563C10.0695 15.3746 9.93925 15.6721 9.93925 16.0001C9.93925 16.1644 9.97196 16.3212 10.0312 16.4641C10.0904 16.607 10.1781 16.741 10.2943 16.8572L15.1428 21.7057C15.6161 22.179 16.3836 22.179 16.857 21.7057C17.3303 21.2323 17.3303 20.4648 16.857 19.9915L14.0777 17.2122H20.8483C21.5178 17.2122 22.0605 16.6695 22.0605 16.0001C22.0605 15.3307 21.5178 14.788 20.8483 14.788L14.0777 14.788L16.857 12.0087Z' fill='%231464F4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  z-index: 1;
  cursor: pointer;
}
.mega-menu-swiper-button-prev.swiper-button-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.6665 16.0001C2.6665 8.63628 8.63604 2.66675 15.9998 2.66675C23.3636 2.66675 29.3332 8.63628 29.3332 16.0001C29.3332 23.3639 23.3636 29.3334 15.9998 29.3334C8.63604 29.3334 2.6665 23.3639 2.6665 16.0001ZM16.857 12.0087C17.3303 11.5353 17.3303 10.7679 16.857 10.2945C16.3836 9.82115 15.6161 9.82115 15.1428 10.2945L10.2956 15.1416L10.2811 15.1563C10.0695 15.3746 9.93925 15.6721 9.93925 16.0001C9.93925 16.1644 9.97196 16.3212 10.0312 16.4641C10.0904 16.607 10.1781 16.741 10.2943 16.8572L15.1428 21.7057C15.6161 22.179 16.3836 22.179 16.857 21.7057C17.3303 21.2323 17.3303 20.4648 16.857 19.9915L14.0777 17.2122H20.8483C21.5178 17.2122 22.0605 16.6695 22.0605 16.0001C22.0605 15.3307 21.5178 14.788 20.8483 14.788L14.0777 14.788L16.857 12.0087Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A");
}
#megaMenuModal {
  overflow: hidden;
}
@media (max-width: 991px) {
  #megaMenuModal {
    margin-top: 60px;
  }
}
#megaMenuModal .modal-dialog {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  height: fit-content;
  width: 17.9166666667%;
  min-width: 344px;
  transform: none !important;
  top: 0;
  right: 0;
  left: unset;
  color: #3c3c3c;
}
@media (max-width: 991px) {
  #megaMenuModal .modal-dialog {
    width: 100%;
    min-width: 100%;
    position: relative;
  }
}
#megaMenuModal .modal-content {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  justify-content: space-between;
  min-height: 100vh;
  border: none;
  padding: 30px;
}
@media (max-width: 1440px) {
  #megaMenuModal .modal-content {
    padding: 0px 30px;
    overflow-y: scroll;
    max-height: 600px;
  }
}
#megaMenuModal .modal-content h5,
#megaMenuModal .modal-content .h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 24px;
}
#megaMenuModal .modal-content .submenu-block {
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  #megaMenuModal .modal-content {
    min-height: unset;
    height: calc(100vh - 60px - 56px);
    padding: 16px;
  }
  @supports (-webkit-overflow-scrolling: touch) {
    #megaMenuModal .modal-content {
      height: calc(100vh - 60px - 56px - 55px);
    }
  }

  @supports not (-webkit-overflow-scrolling: touch) {
    #megaMenuModal .modal-content {
      height: calc(100vh - 60px - 56px - 50px);
    }
  }
}
#megaMenuModal .modal-header {
  border: none;
}
#megaMenuModal .modal-body {
  flex: 1;
  padding: 0;
}
#megaMenuModal .modal-footer {
  justify-content: flex-start;
  padding: 0;
  border: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
}
@media (max-width: 991px) {
  #megaMenuModal .modal-footer {
    padding: 0;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: fixed;
    right: 0;
    bottom: 0;
    height: 100vh;
    pointer-events: none;
  }
}
#megaMenuModal ul {
  list-style: none;
}
#megaMenuModal ul li {
  margin-bottom: 8px;
  padding: 8px;
}
#megaMenuModal ul li a {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #3c3c3c;
}
#megaMenuModal ul li:hover {
  background: rgba(20, 100, 244, 0.1);
  border-radius: 3px;
}
#megaMenuModal ul li p {
  margin: 0;
}
#megaMenuModal .header-language {
  height: auto;
  margin: 0;
  width: 100%;
}
#megaMenuModal .header-language--show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 100;
  overflow: auto;
  max-height: calc(100% - 60px);
}
#megaMenuModal .header-language--show .fade.show {
  visibility: visible;
}
@media (max-width: 991px) {
  #megaMenuModal .header-language--show {
    max-height: unset;
    height: calc(100% - 60px);
    padding-bottom: 92px;
  }
}
#megaMenuModal .header-language .localeLink {
  margin: 0 !important;
  display: flex !important;
  width: 100%;
  justify-content: space-between;
  font-size: 16px;
  padding: 0;
}
#megaMenuModal .header-language .localeLink span {
  text-decoration: none;
}
#megaMenuModal .header-language .localeLink span.blue-color {
  color: #1464f4;
}
#megaMenuModal .header-language .mega_menu {
  position: fixed;
  top: 62px;
  left: 0;
  right: 0;
  height: calc(100% - 62px);
  padding: 0;
  margin: 0;
  color: #3c3c3c;
  display: none;
}
#megaMenuModal .header-language .mega_menu .lang-head {
  position: relative;
  height: 84px;
}
#megaMenuModal .header-language .mega_menu .container {
  margin: 0 0 30px;
  padding: 0 30px 30px;
}
#megaMenuModal .header-language .mega_menu .container div.row {
  flex-direction: column;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item {
  margin: 0 0 56px;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item:last-child {
  margin: 0;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-list {
  flex-direction: column;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-title {
  font-weight: 600 !important;
  padding: 0 !important;
  margin: 4px 0 16px;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-title:hover {
  background: transparent !important;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-title.vietnamese {
  background: transparent;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-list {
  margin: 4px 0 16px;
  align-items: center;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-list
  .region-item {
  margin-right: 30px !important;
  padding: 8px 8px 8px 0 !important;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-list
  .region-item:hover {
  padding: 8px !important;
  background-color: rgba(20, 100, 244, 0.1);
  border-radius: 3px;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-list
  .region-item
  a {
  color: #3c3c3c !important;
}
#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-list
  .region-item
  a:hover {
  box-shadow: none;
}
@media screen and (max-width: 991px) {
  #megaMenuModal
    .header-language
    .mega_menu
    .container
    div.row
    .region-master-item {
    text-align: left;
    margin-bottom: 24px;
  }
  #megaMenuModal
    .header-language
    .mega_menu
    .container
    div.row
    .region-master-item
    .region-title {
    margin-bottom: 16px;
  }
  #megaMenuModal
    .header-language
    .mega_menu
    .container
    div.row
    .region-master-item
    .region-list
    .region-sub-title:last-child
    .region-sub-list {
    margin-bottom: 0;
  }
}
#megaMenuModal .header-language .btn-close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: fit-content;
}
@media (max-width: 1440px) {
  #megaMenuModal .header-language .btn-close {
    right: 55px;
    top: 20px;
    width: fit-content;
  }
}
#megaMenuModal .header-language .block-megamainmenu {
  width: 100%;
}
#megaMenuModal .header-language .header-language--show {
  width: 100%;
}
@media (min-width: 992px) {
  #megaMenuModal .header-language .header-language--show {
    width: 17.9166666667%;
    min-width: 344px;
  }
}
@media (max-width: 991px) {
  #megaMenuModal .header-language {
    margin-top: auto;
    width: 100%;
    height: 56px;
    box-shadow: 0px -10px 20px 0px #0807091a;
    background-color: white;
    pointer-events: visible;
  }
  #megaMenuModal .header-language .localeLink {
    padding: 0 1em;
  }
}
@media screen and (max-width: 991px) {
  #megaMenuModal #mega-submenu ul {
    margin: 0 !important;
  }
  #megaMenuModal #mega-submenu ul li {
    margin: 12px 0;
    padding: 0;
    line-height: 30px;
  }
  #megaMenuModal #mega-submenu ul li a {
    font-weight: 600;
    font-size: 16px;
    color: #3c3c3c;
  }
  #megaMenuModal #mega-submenu ul li.header-major {
    font-weight: 700;
  }
  #megaMenuModal #mega-submenu ul li:hover,
  #megaMenuModal #mega-submenu ul li.submenu-expand.active-expand {
    background: transparent;
  }
  #megaMenuModal #mega-submenu ul li:hover > a,
  #megaMenuModal #mega-submenu ul li.submenu-expand.active-expand > a {
    background-color: #2c72c61a;
    border-radius: 3px;
    color: #1464f4;
  }
  #megaMenuModal #mega-submenu ul li:hover svg,
  #megaMenuModal #mega-submenu ul li.submenu-expand.active-expand svg {
    fill: #1464f4;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand a {
    font-weight: 600 !important;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand ul {
    display: none;
    margin-left: 16px !important;
    border-left: 1px solid #d9e1e2;
    margin-top: 20px !important;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand ul li {
    margin: 0;
    margin-left: 16px !important;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand ul li.submenu-subheader {
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
    color: #3c3c3c;
    border-radius: 3px;
    background-color: #f8f9fa;
    padding: 12px 8px;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand ul li a {
    font-weight: 600;
    padding: 12px 0;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand ul .submenu-subheader ~ li {
    margin: 12px 0;
  }
  #megaMenuModal
    #mega-submenu
    ul
    li.submenu-expand
    ul
    .submenu-subheader
    ~ li
    a {
    padding: 12px 24px;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand .toggle-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand .toggle-header .view-all {
    font-size: 12px;
    line-height: 150%;
    color: #1464f4;
    display: none;
    margin-left: auto;
  }
  #megaMenuModal
    #mega-submenu
    ul
    li.submenu-expand
    .toggle-header
    .toggle-header-arrow {
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: 16px;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%233C3C3C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #megaMenuModal #mega-submenu ul li.submenu-expand.active-expand ul {
    display: block;
  }
  #megaMenuModal
    #mega-submenu
    ul
    li.submenu-expand.active-expand
    .toggle-header
    .view-all {
    display: block;
  }
  #megaMenuModal
    #mega-submenu
    ul
    li.submenu-expand.active-expand
    .toggle-header
    .toggle-header-arrow {
    margin-left: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%233C3C3C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #megaMenuModal #mega-submenu ul li .account {
    display: none;
    padding-left: 15px;
  }
  #megaMenuModal #mega-submenu ul li .account.active {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  #mobile-login {
    display: flex;
    position: initial;
    align-items: center;
    background: transparent;
  }
}

/*
  Custom
*/

#megaMenuModal ul {
  padding-left: 0;
}

#megaMenuModal .modal-content {
  box-shadow: unset;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

#headerLanguage .block-megamainmenu {
  margin-bottom: 0;
}

/*#headerLanguage.mega_menu_header.mega-main-menu > li.desktop-hover:not(.has-touch):hover .mega_menu {*/
/*  visibility: hidden !important;*/
/*  opacity: 0 !important;*/
/*}*/

#headerLanguage.mega-main-menu .tab-content {
  padding-top: 30px;
}

.mod-locate {
  color: #1f2125;
}

.mod-locate .container {
  max-width: 1440px !important;
}

.mod-locate .row {
  margin: 0;
}

.mod-locate .region-master-item {
  -ms-flex: 0 1 33%;
  flex: 0 1 33%;
  margin: 0 auto;
}

@media (max-width: 550px) {
  .mod-locate .region-master-item {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

.mod-locate .region-master-item .region-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}

@media (max-width: 550px) {
  .mod-locate .region-master-item .region-title {
    margin-bottom: 10px;
  }
}

.mod-locate .region-master-item .region-sub-title {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  padding-left: 20px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  text-transform: unset !important;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  list-style: none;
  transition: 750ms;
  max-width: 210px;
}

.mod-locate .region-master-item .region-sub-title.vietnamese,
.mod-locate .region-master-item .region-sub-title:hover {
  background: #2c72c61a;
  border-radius: 3px;
  transition: 750ms;
}

@media (max-width: 550px) {
  .mod-locate .region-master-item .region-sub-title.vietnamese,
  .mod-locate .region-master-item .region-sub-title:hover {
    max-width: 100%;
  }
}

@media (max-width: 550px) {
  .mod-locate .region-master-item .region-sub-title {
    min-width: 300px;
  }
}

@media (max-width: 1049px) {
  .mod-locate .region-master-item .region-sub-title {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}

.mod-locate .region-master-item .region-list {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mod-locate .region-master-item .region-list .region-sub-list {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  margin-top: 20px;
}

.mod-locate .region-master-item .region-list .region-sub-list .region-item {
  margin-top: 10px;
  padding-right: 10px !important;
}

.mod-locate .region-master-item .region-list .region-sub-list .region-item a {
  text-transform: unset !important;
  margin: 0 !important;
  color: #707070 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-style: normal;
  font-weight: 400 !important;
}

.mod-locate
  .region-master-item
  .region-list
  .region-sub-list
  .region-item
  a:hover {
  color: #2c72c6 !important;
  box-shadow: 0 2px 0 0 #2c72c6;
  transition: box-shadow 750ms;
}

.mod-locate
  .region-master-item
  .region-list
  .region-sub-list
  .region-item
  a.region-active {
  color: #2c72c6 !important;
}

@media only screen and (max-width: 480px) {
  .mod-locate .modal-dialog {
    max-width: 335px;
    padding: unset;
  }

  .mod-locate .modal-dialog .modal-header {
    padding: 30px 30px 0;
  }

  .mod-locate .modal-dialog .modal-body {
    padding: 0 40px;
  }
}

#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item {
  margin-bottom: 40px;
}

#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-title {
  margin: 0;
}

#megaMenuModal
  .header-language
  .mega_menu
  .container
  div.row
  .region-master-item
  .region-sub-list
  .region-item {
  margin-bottom: 0;
  margin-top: 0;
}

#headerLanguage.mega-main-menu .header-language--show .tab-content {
  padding-top: 0;
}

#megaMenuModal .modal-footer {
  margin-top: 0;
}

#megaMenuModal.modal .modal-header {
  padding: 10px 20px;
}

.btn-close {
  cursor: pointer;
}

.mega-submenu::before {
  display: none;
}

/*
  Custom
*/
/* #megaMenuModal .modal-content {
  min-height: 100vh;
} */

#megaMenuModal .header-language .header-language--show {
  border: 0;
}

#nav-icon-region span:nth-child(3) {
  bottom: -1px !important;
}

@media (max-width: 1080px) {
  #nav-icon-region span:nth-child(2) {
    top: 6.5px !important;
  }
}

.iframe-login-sf {
  border: 0;
}

@media (max-width: 991px) {
  .header-mobile-menu {
    display: flex;
  }
  .header-mobile-menu .mobile-manager-user .user-login {
    padding: 8px;
  }
  .header-mobile-menu .mobile-manager-user {
    margin-right: 22px;
  }
}

#headerLanguage.mega_menu_header.mega-main-menu > li:hover .mega_menu {
  visibility: hidden;
  opacity: 0;
}

#headerLanguage.mega_menu_header.mega-main-menu
  > li
  .mega_menu.header-language--show {
  visibility: visible;
  opacity: 1;
}

a.account + .mega_menu_header.mega-main-menu {
  align-items: center;
}

#header .pc-header {
  padding: 0;
  width: 100%;
}

.mega_menu_header.mega-main-menu {
  align-items: center;
}

#megaMenuModal {
  z-index: 10001 !important;
}

.menu.mega-submenu.mega_menu_header.mega-main-menu.change-icon {
  height: fit-content;
  padding: 0;
  background-color: unset;
  border-radius: unset;
  padding: 9px 13px;
  background-color: #f7f9f9;
}
#headerLanguage
  li.active.mega_menu_active
  div.mega-dropdown.mega_menu.mod-locate.header-language--show {
  display: block;
}
#headerLanguage li.active div.mega_menu {
  display: block;
}
#block-megamenudichvu {
  width: 100%;
}

/* @media (min-width: 1280px) {
  body.dropdown-menu-active #header:before {
    z-index: 99;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,.5);
  }
} */

#megaMenuModal ul.menu {
  margin-left: 0;
}

@media (max-height: 800px) {
  #megaMenuModal .modal-content h5,
  #megaMenuModal .modal-content .h5 {
    margin-bottom: 15px;
  }
  #megaMenuModal .modal-content .submenu-block {
    margin-bottom: 30px;
  }
  #megaMenuModal .modal-content .submenu-block.mega-submenu__shopping {
    margin-bottom: 20px;
  }
  #megaMenuModal ul li {
    margin-bottom: 4px;
  }
}

#megaMenuModal .modal-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh;
}

@media (min-width: 1200px) {
  #megaMenuModal .modal-content h5,
  #megaMenuModal .modal-content .h5 {
    margin-bottom: 16px;
  }

  #megaMenuModal .modal-content .submenu-block {
    margin-bottom: 38px;
  }
}