.hvr-underline-from-left::before {
  height: 1px;
}

header.active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); */
  /* transition: all 0.3s linear; */
  animation: xuathienmenu 0.8s ease-in-out;
}

@keyframes xuathienmenu {
  from {
    opacity: 0;
    top: -150px;
  }

  to {
    opacity: 1;
    top: 0;
  }
}

.ubnd-header {
  position: relative;
}

.ubnd-logo {
  max-width: 120px;
  height: auto;
}

.ubnd-header-box-title-top {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-family: var(--title-font);
  color: var(--second-main-color);
}

.ubnd-header-box-title-bottom {
  color: rgba(59, 106, 179, 1);
  font-size: 1.5rem;
  font-family: var(--title-font);
}

.ubnd-header-nav-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-color);
  padding-top: 5px;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.menu_a_level_1 {
  padding: 12px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--background-color);
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  font-size: 1rem;
  position: relative;
  z-index: 1;
}

.menu_li_level_1:hover {
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  background: var(--background-color);
}

.menu_a_level_1:hover {
  color: var(--main-color);
  transition: all 0.3s ease-in-out;
}

.menu_a_level_1::before {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  content: "";
  bottom: 0;
  right: -4px;
  width: 0;
  height: 0;
  border-bottom: 5px solid var(--background-color);
  border-right: 5px solid transparent;
  transition: all 0.2s ease-in-out;
  clip-path: polygon(0% 0, 0% 100%, 100% 0%);
  z-index: -1;
}

.menu_a_level_1:hover::before {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  clip-path: polygon(0% 0, 0% 100%, 100% 100%);
}

.menu_li_level_1.active {
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  background: var(--background-color);
}

.menu_li_level_1.active .menu_a_level_1 {
  color: var(--main-color);
}

.menu_li_level_1.active .menu_a_level_1::before {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  clip-path: polygon(0% 0, 0% 100%, 100% 100%);
}

.ubnd-search-btn {
  cursor: pointer;
  color: var(--background-color);
  font-size: 1.2rem;
}

.ubnd-header-background-hinh {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden;
}

.ubnd-header .container {
  position: relative;
  z-index: 5;
}

.ubnd-trong-dong {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 3;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transform: scale(4) rotate(0);
  filter: blur(0.6px) grayscale(100%);
  opacity: 0.7;
  animation: trongdong 45s linear infinite;
}

@keyframes trongdong {
  0% {
    transform: scale(4) rotate(-360deg);
  }

  50% {
    transform: scale(4) rotate(0deg);
  }

  100% {
    transform: scale(4) rotate(360deg);
  }
}

.ubnd-header {
  /* overflow: hidden; */
  position: relative;
  padding-bottom: 10px;
}

.ubnd-header::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: var(--background-color);
  z-index: 3;
}

/* modal search start */
.ys-modal-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: rgba(255, 255, 255, 0);
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: all 0.5s ease-in-out;
}

.ys-modal-search.active {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  background: rgba(255, 255, 255, 1);
  transform-origin: bottom;
  transition: all 0.5s ease-in-out;
}

.ys-modal-search-box {
  position: relative;
}

.ys-modal-search .form-control {
  background: transparent;
  border: 1px solid var(--text-color);
  font-size: 1.2rem;
}

.ys-btn-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ys-btn-search i {
  font-size: 1.8rem;
  transition: all 0.3s ease-in-out;
}

.ys-btn-search i:hover {
  color: var(--second-text-color);
  transition: all 0.3s ease-in-out;
}

.btn-close-search .container {
  position: relative;
}

.btn-close-search {
  position: absolute;
  z-index: 2001;
  font-size: 4rem;
  color: var(--text-color);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  top: 20px;
  right: 7%;
}

.btn-close-search:hover {
  transform: rotate(360deg);
  color: var(--second-main-color);
  transition: all 0.3s ease-in-out;
}

.sub-menu {
  background: var(--background-color);
  color: var(--text-color);
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 5px;

  top: 52px;
  transform: scaleY(0);
  transform-origin: top;
  box-shadow: rgba(18, 139, 226, 0.5) 0px 20px 30px -10px;
}

.dropdown:hover .sub-menu {
  transform: scaleY(1);
}

.dropdown:hover .menu_a_level_1 {
  color: var(--main-color);
}

.menu_a_level_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
  height: 45px;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #ebebeb;
}

.menu_a_level_2:hover {
  background: var(--main-color);
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
}

.sub-menu .menu_li_level_2:last-of-type .menu_a_level_2 {
  border-bottom: none;
}

/* modal search end */
header.active .ubnd-header-box {
  display: none !important;
}

header.active .container {
  padding-top: 0 !important;
  /* padding-bottom: 0 !important; */
}

.ubnd-header.active::after {
  display: none !important;
}

header.active .ubnd-header-background-hinh {
  display: none;
}

/* thông báo start */
.cp-notification-row {
  border: 1px solid var(--main-color);
  margin-bottom: 10px;
  border-radius: 5px;
}

/* thông báo end */

/* sidebar title start */
.cp-sidebar-category-title {
  position: relative;
}

.cp-logo-danh-muc {
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  object-fit: contain;
  z-index: 3;
}

.cp-sidebar-category-title {
  font-size: 1rem;
}

.cp-sidebar-category-content ul li {
  font-size: 0.95rem;
}

.cp-bg-danh-muc {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* transform: scale(2); */
  filter: grayscale(100%) blur(0.7px);
  opacity: 0.5;
}

.cp-sidebar-category-title-text {
  position: relative;
  z-index: 2;
}

.cp-sidebar-category-content {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  /* overflow: hidden; */
}

.cp-sidebar-category-content ul li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cp-ban-do-dia-chinh .cp-sidebar-category-content {
  border: 1px solid var(--main-color);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cp-ban-do-dia-chinh .map {
  width: 100%;
  height: 200px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

.cp-ban-do-dia-chinh .map iframe {
  /* height: 100%; */
  width: 100%;
  max-height: initial;
}

.cp-active-image {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

.cp-sidebar-fanpage-box {
  padding: 0;
  overflow: hidden;
}

.facebook-fp-box {
  overflow: hidden;
}

.fb_iframe_widget {
  max-width: 100%;
}

.cp-sidebar-category-content ul li {
  padding: 0;
}

.cp-sidebar-category-content ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}

.cp-sidebar-category-content ul li a:hover {
  color: var(--background-color);
  background: var(--main-color);
  transition: all 0.3s ease-in-out;
}

/* sidebar title end */

/* trang chủ start */
/* tin tức trang chủ start */
.cp-news-title {
  background-image: radial-gradient(circle farthest-corner at 10% 20%,
      var(--main-color) 0%,
      rgba(166, 239, 253, 1) 90.1%);
  padding: 0;
}

.ubnd-news-title-bar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 15px;
  background: var(--main-color);
  color: var(--background-color);
  /* height: calc(100% + 10px); */
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.ubnd-news-title-bar::before {
  position: absolute;
  content: "";
  top: -6px;
  background: var(--main-color);
  height: 10px;
  width: 100%;
  z-index: 1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.ubnd-news-title-bar::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: -4px;
  width: 0;
  height: 0;
  border-bottom: 5px solid var(--main-color);
  border-right: 5px solid transparent;
  transition: all 0.2s ease-in-out;
  /* clip-path: polygon(0% 0, 0% 100%, 100% 0%); */
  z-index: 1;
}

.ubnd-news-content-item-main-image {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.ubnd-news-content-item-main-image a,
.ubnd-news-content-item-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ubnd-news-content-item {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.ubnd-news-content-item-main-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.ubnd-news-content-item-main-title a {
  color: var(--background-color);
  font-family: var(--title-font);
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  font-size: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(179.7deg,
      transparent 0%,
      rgba(0, 109, 208, 0.8) 97.9%);
  transition: 0.3s ease-in-out;
  transform: translateY(45px);
}

.ubnd-news-content-item-main-title a:hover {
  background-image: linear-gradient(179.7deg,
      transparent 0%,
      rgba(0, 109, 208, 1) 97.9%);
  color: #fafafa;
  transition: 0.3s ease-in-out;
  transform: translateY(0px);
}

.ubnd-news-content-item:hover .ubnd-news-content-item-main-title a {
  background-image: linear-gradient(179.7deg,
      transparent 0%,
      rgba(0, 109, 208, 1) 97.9%);
  color: #fafafa;
  transition: 0.3s ease-in-out;
  transform: translateY(0px);
}

.ubnd-news-content-item-right-item-content-image {
  overflow: hidden;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.ubnd-news-content-item-right-item-content-image a,
.ubnd-news-content-item-right-item-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ubnd-news-content-item,
.ubnd-news-content-item-right {
  height: 100%;
}

.ubnd-news-content-item-main-image {
  min-height: 100%;
  min-width: 100%;
}

.ubnd-news-content-item-right-item-content-title a {
  font-family: var(--title-font);
  color: var(--text-color);
  transition: all 0.2s ease-in-out;
}

.ubnd-news-content-item-right-item-content-title a:hover {
  color: var(--main-color);
  transition: all 0.2s ease-in-out;
}

.ubnd-kinh-te-chinh-tri-page-item-content-item {
  display: flex;
  align-items: center;
}

.ubnd-kinh-te-chinh-tri-page-item-content-item i {
  color: var(--main-color);
  font-size: 1.3rem;
}

.ubnd-kinh-te-chinh-tri-page-item-content-item a {
  font-size: 1.05rem;
  color: var(--text-color);
  transition: all 0.3s ease-in-out;
}

.ubnd-kinh-te-chinh-tri-page-item-content-item a:hover {
  color: var(--main-color);
  transition: all 0.3s ease-in-out;
}

.ubnd-kinh-te-chinh-tri-page-item-content {
  background: #f6f6f6;
  box-shadow: rgba(50, 50, 93, 0.15) 0px 20px 20px -12px,
    rgba(0, 0, 0, 0.15) 0px 18px 16px -18px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cp-news-title {
  box-shadow: none;
  border-top-right-radius: 5px;
}

.cp-news {
  padding-bottom: 0;
}

.ubnd-kinh-te-chinh-tri-page .ubnd-kinh-te-chinh-tri-page-item:last-of-type {
  margin-bottom: 0 !important;
}

.ubnd-van-hoa-xa-hoi-content-item-title a {
  color: var(--text-color);
  font-family: var(--title-font);
  transition: all 0.3s ease-in-out;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.ubnd-van-hoa-xa-hoi-content-item-title a:hover {
  color: var(--main-color);
  transition: all 0.3s ease-in-out;
}

.ubnd-van-hoa-xa-hoi-content {
  border: 1px solid var(--main-color);
  background: #f6f6f6;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ubnd-van-hoa-xa-hoi-content-item-image {
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.ubnd-van-hoa-xa-hoi-content-item-image:hover {
  box-shadow: rgba(18, 139, 226, 0.5) 0px 10px 30px -10px;
  transition: all 0.3s ease-in-out;
}

.ubnd-van-hoa-xa-hoi-content-item-image a,
.ubnd-van-hoa-xa-hoi-content-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ubnd-van-hoa-xa-hoi-content-item-extra {
  background: var(--main-color);
  color: var(--background-color);
}

.ubnd-van-hoa-xa-hoi-content-item-extra-item a {
  display: flex;
  align-items: center;
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
}

.ubnd-van-hoa-xa-hoi-content-item-extra-item a i {
  font-size: 1.15rem;
  color: rgba(251, 176, 64, 1);
}

.ubnd-van-hoa-xa-hoi-content-item-extra-item a:hover span {
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

.ubnd-quang-cao-content-item-main-image {
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
  height: auto;
}

.ubnd-quang-cao-content-item-main-image a,
.ubnd-quang-cao-content-item-main-image img {
  width: 100%;
  height: auto;
}

.ubnd-quang-cao-content-item-extra-image {
  overflow: hidden;
  border-radius: 5px;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.ubnd-quang-cao-content-item-extra-image a,
.ubnd-quang-cao-content-item-extra-image img {
  width: 100%;
  height: 100%;
}

.ubnd-quang-cao {
  overflow: hidden;
}

/* tin tức trang chủ end */

/* trang chủ end */

/* footer start */
.ubnd-footer {
  padding: 0;
  overflow: hidden;
  background: var(--main-color);
}

.ubnd-footer-top-item {
  height: 100%;
}

.ubnd-footer-top-item-box-image-container {
  /* text-align: center; */
  /* border-radius: 5px; */
  /* overflow: hidden; */
}

.ubnd-footer-top-item-box-image {
  overflow: hidden;
  width: 80px;
  /* margin: 0 auto; */
  background: #112d4e;
  height: 80px;
}

.ubnd-footer-top-item-box-image img {
  width: 100%;
  height: 100%;
}

.ubnd-footer-top {
  background: var(--main-color);
}

.ubnd-footer-top-item-box-title {
  font-family: var(--title-font);
  font-size: 1.3rem;
  color: var(--background-color);
  text-transform: capitalize;
}

.ubnd-footer-top-item-box-des a {
  color: var(--background-color);
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}

.ubnd-footer-top-item-box-des a:hover {
  color: #dbe2ef;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.ubnd-footer-line {
  width: 100%;
  height: 1px;
  opacity: 0.58;
  background: #dbe2ef;
}

.ubnd-footer-top-item {
  max-width: 100%;
  overflow: hidden;
}

.ubnd-footer-bottom {
  position: relative;
}

.ubnd-footer-bottom-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: bottom !important;
  opacity: 0.04;
  z-index: 1;
}

.ubnd-footer-bottom-container {
  position: relative;
  z-index: 3;
}

.ubnd-footer-bottom-container-item-logo {
  max-width: 80px;
  margin: 0 auto;
}

.ubnd-footer-bottom-container-item-logo img {
  width: 100%;
  height: auto;
}

.ubnd-footer-bottom-container-item-btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #112d4e;
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-family: var(--title-font);
}

.ubnd-footer-bottom-container-item-des {
  font-size: 1rem;
  color: var(--background-color);
}

.ubnd-footer-bottom-container-item-btn a.hvr-bounce-to-top::before {
  background: #f0b53d;
}

.ubnd-footer-bottom-container-item-btn a:hover {
  color: #e7001f;
}

.ubnd-footer-bottom-container-item-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ubnd-footer-bottom-container-item-title {
  font-size: 1.3rem;
  font-family: var(--title-font);
  text-transform: uppercase;
  color: var(--background-color);
}

.ubnd-footer-bottom-container-item-content ul li a {
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  font-size: 0.95rem;
}

.ubnd-footer-bottom-container-item-content ul li a.hvr-underline-from-left::before {
  background: var(--background-color) !important;
}

.ubnd-footer-bottom-container-item-content-des {
  color: #dbe2ef;
  font-size: 0.95rem;
}

.ubnd-footer-bottom-container-item-content-form .form-control {
  background: var(--background-color);
  box-shadow: none;
  border-radius: 0;
}

.ubnd-footer-bottom-container-item-content-form button {
  border: none;
  box-shadow: none;
  border-radius: 0;
  background: #112d4e;
  color: var(--background-color);
  text-transform: uppercase;
  font-family: var(--title-font);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.ubnd-footer-bottom-container-item-content-form button:hover {
  color: #e7001f;
}

.ubnd-footer-bottom-container-item-content-form button.hvr-bounce-to-top::before {
  background: #f0b53d;
}

.ubnd-copy-right-content-social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}

.ubnd-copy-right-content-social-ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #3f72af;
  font-size: 1.2rem;
  width: 35px;
  height: 35px;
  color: #dbe2ef;
  transition: all 0.3s ease-in-out;
}

.ubnd-copy-right-content-social-ul li a:hover {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  transition: all 0.3s ease-in-out;
  background: #f0b53d;
  color: #e7001f;
}

.ubnd-copy-right-content-social-ul li a svg {
  fill: #dbe2ef;
  transition: all 0.3s ease-in-out;
}

.ubnd-copy-right-content-social-ul li a:hover svg {
  fill: #e7001f;
  transition: all 0.3s ease-in-out;
}

.ubnd-copy-right {
  background: #112d4e;
  color: #dbe2ef;
}

.ubnd-copy-right .ubnd-copy-right-content-title a {
  color: #dbe2ef;
  transition: all 0.3s ease-in-out;
}

.news-detalis-content {
  max-width: 100%;
  overflow: hidden;
}

.news-detalis-content img {
  max-width: 100% !important;
  height: auto !important;
  max-height: initial !important;
}

.title-news_ct {
  font-size: 1.2rem;
  border-color: var(--main-color);
  font-family: var(--title-font);
}

.title-news_ct:after {
  background-color: var(--main-color);
}

.news-detalis {
  font-size: 1rem;
}

#mucluc-pnvn {
  background-color: #0093e9;
  background-image: linear-gradient(160deg, #0093e9 0%, #80d0c7 100%);
}

.mucluc-pnvn>li>a {
  color: var(--background-color) !important;
}

/* footer end */

/* page transition start */
.ubnd-page-transition {
  position: fixed;
  z-index: 9000;
  background: var(--main-color);
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transform-origin: left;
  transform: scaleX(0);
}

.ubnd-logo-transition {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9001;
  width: 80px;
  height: auto;
  animation: logo-chop-chop 1s ease-in-out infinite;
  --clip: 0%;
  clip-path: circle(var(--clip));
}

@keyframes logo-chop-chop {
  0% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

.ubnd-main {
  opacity: 0;
}

.index .ubnd-main {
  opacity: 1;
}

/* page transition end */
.zc-page-content-text {
  overflow: auto;
}

.zc-page-content-text table {
  margin: 0 auto;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-width: 1px;
}

/* sửa web start */
.menu_li_level_2 {
  position: relative;
}

.menu_ul_level_3 {
  position: absolute;
  left: 100%;
  top: 0;
  background-color: var(--background-color);
  min-width: 220px;
  width: max-content;
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  box-shadow: rgba(18, 139, 226, 0.5) 0px 20px 30px -10px;
}

.menu_li_level_2:hover .menu_ul_level_3 {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.menu_a_level_3 {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 0px 15px;
  height: 45px;
  color: var(--text-color);
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  border-bottom: 1px solid #ebebeb;
  font-size: 1rem;
}

.menu_a_level_3:hover {
  background-color: var(--main-color);
  color: var(--background-color);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.menu_li_level_3:last-of-type .menu_a_level_3 {
  border-bottom: none;
}

.cp-sidebar-category-content-li-1 {
  position: relative;
}

.cp-sidebar-category-content-ul-2 {
  position: absolute;
  top: 0;
  left: 100%;
  background-color: var(--background-color);
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 220px;
  width: max-content;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.cp-sidebar-category-content-li-1:hover .cp-sidebar-category-content-ul-2 {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.cp-sidebar-category-content-li-2 {
  border: none;
}

.cp-sidebar-category-content-ul-2 .cp-sidebar-category-content-li-2:last-child {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.cp-sidebar-category-content-a-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
  color: var(--text-color);
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}

.vanhiep-content img {
  max-width: 100% !important;
  max-height: 500px !important;
  height: auto !important;
  object-fit: cover !important;
}

.vanhiep-content iframe {
  max-width: 100% !important;
  /* height: auto !important; */
  object-fit: cover;
}

.vanhiep-content table {
  max-width: 100% !important;
  height: auto !important;
}

/* văn bản start */
.van-ban-thong-bao-box {
  font-size: 1rem;
  border: 1px solid var(--main-color);
  border-top: none;
}

.van-ban-section-item-title {
  border-bottom: 1px solid var(--main-color);
}

.van-ban-section-item-title-box {
  background-color: var(--main-color);
  color: var(--background-color);
  font-family: var(--title-font);
  text-transform: uppercase;
  font-size: 0.95rem;
  clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);

}

.van-ban-ul-level-2,
.van-ban-ul-level-3 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.van-ban-a-level-2 {
  font-family: var(--title-font);
  text-transform: uppercase;
}

.van-ban-a-level-2,
.van-ban-a-level-3 {
  color: var(--text-color);
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}

.van-ban-a-level-2:hover,
.van-ban-a-level-3:hover {
  color: var(--second-main-color);
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}

.vanban-btn-tai-file {
  background-color: var(--main-color);
  color: var(--background-color);
  border-radius: 30px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  font-family: averta-r;
  font-size: 1rem;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.vanban-btn-tai-file:hover {
  background-color: var(--second-main-color);
  color: var(--background-color);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.van-ban-text-color p {
  /* display: inline-flex; */
  padding: 0;
  margin: 0;
}

.van-ban-content-text-box::before {
  position: absolute;
  content: "\f054";
  left: 0;
  top: 5px;
  color: var(--text-color);
  font-size: 1rem;
  font-family: FontAwesome;
}

/* văn bản end */
/* sửa web end */