.mega_menu {
  position: fixed;
  width: 100vw;
  z-index: 99;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px #00000029;
  box-shadow: 0 3px 6px #00000029;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

@media (max-width: 991px) {
  .mega_menu {
    top: 60px;
  }
}
#header .pc-header nav {
  border-radius: 5px;
  background-color: transparent;
  float: left;
  display: flex;
  align-items: center;
}
#header .pc-header .header-nav-main {
  margin-left: auto;
  padding: 16px 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 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  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: #2c72c6;
}

.mega_menu .pop_tu_van a {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #1f2125;
}

.mega_menu .pop_tu_van a svg {
  margin-right: 10px;
  fill: #1f2125;
}

.mega_menu .pop_tu_van a:hover {
  color: #2c72c6;
}

.mega_menu .pop_tu_van a:hover svg {
  fill: #2c72c6;
}

.mega_menu .item_name {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 125%;
  color: #1f2125;
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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: #1f2125;
  margin-top: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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%;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #2998dd;
}

.mega_menu .mega-title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  color: #1f2125;
  padding-bottom: 14px;
  margin-bottom: 0;
}
.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: #2c72c6;
  border-radius: 3px;
  height: 40px;
  width: 364px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mega_menu .view_all a:hover {
  background: #125eb9;
}
.mega_menu_header.mega-main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  /* margin: 0 0 0 20px; */
  list-style: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

#mega_oto_tab_content .tab-pane .menu-show {
  gap: 4rem;
}

#mega_oto_tab_content .tab-pane .col {
  padding-left: 0;
  padding-right: 0;
  max-width: 141px;
}

#mega_oto_tab_content .tab-pane .col a {
  display: block;
  width: 100%;
  text-align: center;
}

@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: auto;
    padding: 13px 11px;
    background-color: rgba(20, 100, 244, 0.1);
    border-radius: 3px;
  }
}

.mega_menu_header.mega-main-menu > li {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.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;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 100;
  overflow: auto;
  border-top: 2px solid #d9e1e2;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.block-megamainmenu.desktop-hover.active #menus-global {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 1000;
}
.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;
}
#menus-global .menu {
  display: flex;
}
#menus-global .menu .menu-item .menu:nth-child(2) {
  flex-wrap: wrap;
}

@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: #2c72c6;
}

.mega_menu_header.mega-main-menu
  > li:not(.desktop-hover):not(.no-hover):hover
  > a {
  color: #2c72c6;
}

.mega_menu_header.mega-main-menu > li.mega-account:hover .mega_menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  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: #2c72c6;
}

@media (hover: hover) {
  .mega_menu_header.mega-main-menu:not(#headerLanguage)
    > li.desktop-hover:not(.has-touch):hover
    .mega_menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 100;
    overflow: auto;
    max-height: calc(100% - 60px);
  }
  .mega_menu_header.mega-main-menu:not(#headerLanguage)
    > li.desktop-hover:not(.has-touch):hover
    .mega_menu
    .fade.show {
    visibility: visible;
  }
}

@media (hover: hover) and (max-width: 991px) {
  .mega_menu_header.mega-main-menu
    > li.desktop-hover:not(.has-touch):hover
    .mega_menu {
    max-height: unset;
    height: calc(100% - 60px);
    padding-bottom: 92px;
  }
}

@media screen and (hover: hover) and (max-width: 991px) {
  .mega_menu_header.mega-main-menu
    > li.desktop-hover:not(.has-touch):hover
    + #mobile-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mega_menu_header.mega-main-menu > li .mega_menu .fade.show {
  visibility: hidden;
}
.mega_menu_container {
  max-width: 100% !important;
  padding: 30px;
}
/* .mega_menu_header.mega-main-menu > li .mega_menu .tab-content .tab-pane .menu-show {
  margin: 48px 0 30px 0;
} */

.mega_menu_header.mega-main-menu > li .mega_menu .tab-content .tab-pane a.img {
  -webkit-transition: opacity 750ms;
  transition: opacity 750ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  /* width: fit-content; */
}

.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 > a {
  font-style: normal;
  font-size: 16px;
  line-height: 150%;
  color: #1f2125;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: -0.02em;
  white-space: nowrap;
  font-weight: 600;
  cursor: pointer;
}

body.toolbar-tray-open .mega_menu {
  top: 4.938rem;
}

#block-megamainmenudichvu .tab-content {
  padding: 0;
}

.hd-mega {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mega-menu .we-mega-menu-li a {
  text-transform: uppercase;
}

.mega-menu .we-mega-menu-li a.active_mega {
  color: #2c72c6 !important;
}

.mega-main-menu .tab-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
  padding-top: 48px;
}

.menu_service div.img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.menu_service .container {
  max-width: 1140px !important;
}
.mega-dich-vu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
}

.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: #1f2125 !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;
  padding-left: 10px;
}

.mega-dich-vu .img {
  padding: 0;
}

.mega-dich-vu[data-id="2"] ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mega-dich-vu[data-id="2"] ul li:first-child {
  margin-right: 80px;
}

.mega-account {
  padding: 10px 0 !important;
  margin-right: 30px !important;
}

.mega-account a.we-mega-menu-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
}

.mega-account a.we-mega-menu-li p {
  color: #1f2125;
  margin: 0;
}

.mega-account a.we-mega-menu-li svg {
  fill: #1f2125;
  display: none;
}

.mega-account a.we-mega-menu-li svg:last-child {
  margin-left: 8px;
}

.mega-account a.we-mega-menu-li.btn {
  width: 200px;
  border-radius: unset;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 15px;
  color: white !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  background-color: #1464f4;
  text-transform: uppercase;
  position: relative;
  border: unset;
  z-index: 1;
}

.mega-account a.we-mega-menu-li.btn:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #fff;
  position: absolute;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.mega-account a.we-mega-menu-li.btn:hover {
  color: #2c72c6 !important;
}

.mega-account a.we-mega-menu-li.btn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
  transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}

.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: #2c72c6;
}

.mega-account.login:hover a.we-mega-menu-li svg {
  fill: #2c72c6;
}

.mega-account.login:hover a.we-mega-menu-li svg:last-child path {
  fill: #2c72c6;
}

.mega-account.login a.we-mega-menu-li svg {
  display: block !important;
  margin-right: 10px;
}

.mega-account.login .mega_menu {
  display: block !important;
}
.button-select-region #menus-global.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 1000;
}
.mega-account .content-asset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.mega-account .content-asset .mega_menu {
  width: 290px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 16px 48px 0 rgba(0, 0, 0, 0.176);
  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: #1f2125;
  padding: 10px;
}

.mega-account .content-asset .mega_menu ul li a:hover {
  background-color: #2c72c61a;
  color: #2c72c6;
  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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .mega-submenu::before {
    display: none;
  }
}

.mega-submenu li.block-megamainmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  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 {
    -webkit-transition: unset;
    transition: unset;
  }
  .mega-submenu li.block-megamainmenu.mega_menu_active a.we-mega-menu-li {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM15.3701 8.6299C15.7251 8.98493 15.7251 9.56053 15.3701 9.91555L13.2856 12L15.3701 14.0844C15.7251 14.4395 15.7251 15.0151 15.3701 15.3701C15.0151 15.7251 14.4395 15.7251 14.0844 15.3701L12 13.2856L9.91555 15.3701C9.56053 15.7251 8.98493 15.7251 8.6299 15.3701C8.27488 15.0151 8.27488 14.4395 8.6299 14.0844L10.7144 12L8.6299 9.91555C8.27488 9.56053 8.27488 8.98493 8.6299 8.6299C8.98493 8.27488 9.56053 8.27488 9.91555 8.6299L12 10.7144L14.0844 8.6299C14.4395 8.27488 15.0151 8.27488 15.3701 8.6299Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A")
      center center no-repeat;
  }
}

.mega-submenu li a.we-mega-menu-li {
  padding: 10px;
}

.mega-submenu li svg {
  fill: #1f2125;
}

@media (hover: hover) {
  .mega-submenu li:not(.has-touch):hover a.we-mega-menu-li {
    background-color: #2c72c61a;
    border-radius: 3px;
    color: #2c72c6;
  }
  .mega-submenu li:not(.has-touch):hover a.we-mega-menu-li svg {
    fill: #2c72c6;
  }
}

.mega-submenu li.mega_menu_active a.we-mega-menu-li {
  background-color: #2c72c61a;
  border-radius: 3px;
  color: #2c72c6;
}

.mega-submenu li.mega_menu_active a.we-mega-menu-li svg {
  fill: #2c72c6;
}

.mega-submenu .block-megamainmenu.mega_menu_active + #mobile-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mega-submenu #mobile-login {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 92px;
  background: #f7f9f9;
  color: #3c3c3c;
  z-index: 101;
}

.mega-submenu #mobile-login span {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}

.mega-submenu #mobile-login .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");
  margin-right: 20px;
  width: 15px;
  height: 14px;
}

.mega-submenu #mobile-login .welcome-msg {
  display: none;
}

.mega-submenu #mobile-login.logged-in .login-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 0C9.18678 0 7.88642 0.258658 6.67317 0.761205C5.45991 1.26375 4.35752 2.00035 3.42893 2.92893C1.55357 4.8043 0.5 7.34784 0.5 10C0.5 12.6522 1.55357 15.1957 3.42893 17.0711C4.35752 17.9997 5.45991 18.7362 6.67317 19.2388C7.88642 19.7413 9.18678 20 10.5 20C13.1522 20 15.6957 18.9464 17.5711 17.0711C19.4464 15.1957 20.5 12.6522 20.5 10C20.5 8.68678 20.2413 7.38642 19.7388 6.17317C19.2362 4.95991 18.4997 3.85752 17.5711 2.92893C16.6425 2.00035 15.5401 1.26375 14.3268 0.761205C13.1136 0.258658 11.8132 0 10.5 0ZM5.57 16.28C6 15.38 8.62 14.5 10.5 14.5C12.38 14.5 15 15.38 15.43 16.28C14.0294 17.396 12.2909 18.0026 10.5 18C8.64 18 6.93 17.36 5.57 16.28ZM16.86 14.83C15.43 13.09 11.96 12.5 10.5 12.5C9.04 12.5 5.57 13.09 4.14 14.83C3.07618 13.4446 2.49967 11.7467 2.5 10C2.5 5.59 6.09 2 10.5 2C14.91 2 18.5 5.59 18.5 10C18.5 11.82 17.88 13.5 16.86 14.83ZM10.5 4C8.56 4 7 5.56 7 7.5C7 9.44 8.56 11 10.5 11C12.44 11 14 9.44 14 7.5C14 5.56 12.44 4 10.5 4ZM10.5 9C10.1022 9 9.72064 8.84196 9.43934 8.56066C9.15804 8.27936 9 7.89782 9 7.5C9 7.10218 9.15804 6.72064 9.43934 6.43934C9.72064 6.15804 10.1022 6 10.5 6C10.8978 6 11.2794 6.15804 11.5607 6.43934C11.842 6.72064 12 7.10218 12 7.5C12 7.89782 11.842 8.27936 11.5607 8.56066C11.2794 8.84196 10.8978 9 10.5 9Z' fill='black'/%3E%3C/svg%3E%0A");
  width: 21px;
  height: 20px;
}

.mega-submenu #mobile-login.logged-in .user-name {
  color: #2c72c6;
}

.mega-submenu #mobile-login.logged-in .welcome-msg {
  display: block;
}

.mega-submenu .content-asset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  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;
    -webkit-box-shadow: 0px 16px 48px 0 rgba(0, 0, 0, 0.176);
    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: #1f2125;
  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: #2c72c6;
}

.mega-submenu .content-asset .mega_menu ul li:hover svg,
.mega-submenu .content-asset .mega_menu ul li.submenu-expand.active-expand svg {
  fill: #2c72c6;
}

.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: #1f2125;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.mega-submenu
  .content-asset
  .mega_menu
  ul
  li.submenu-expand
  .toggle-header
  .view-all {
  font-size: 12px;
  line-height: 150%;
  color: #2c72c6;
  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;
}

.custom-content-menu {
  background: #2c72c6;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  top: calc(100% + 16px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  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 #2c72c6;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-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%;
  -webkit-transform: translate(-50%, -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: #1f2125;
  padding: 10px;
}

#block-megamainmenucongcu .mega-cong-cu ul li a:hover {
  background: #2c72c61a;
  border-radius: 3px;
}

#block-megamainmenucongcu div.img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

#block-megamainmenucongcu div.img img {
  max-width: unset;
}
/*# sourceMappingURL=mega_menu.css.map */
/* #menu-side-right {
  margin-left: 30px;
} */
@media (min-width: 1920px) {
  #header .pc-header .header-nav-main {
    padding: 20px 30px;
  }
  #block-megamainmenu-2 .mega_menu {
    top: 85px;
  }
}
li.menu_service .mega-dropdown .mega_menu_container {
  max-width: 1170px !important;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  width: 100% !important;
  margin: auto;
  justify-content: center;
  padding: 15px;
}
.block-megamainmenudichvu {
  width: 100% !important;
}