@charset "UTF-8";
/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

@font-face {
  font-family: "Roboto-Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Regular.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  src: url(/wp-content/fonts/roboto/Roboto-Italic.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Italic.woff2) format("woff"), url(/wp-content/fonts/roboto/Roboto-Italic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Medium.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Medium.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Bold.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Bold.ttf) format("truetype");
  font-display: swap;
}
:root {
  --color-main: #252525;
  --color-24h: #78b43d;
  --color-white: #fff;
  --hover-color-24h: #78b43d;
  --hover-bor-bg-cl-24h: #78b43d;
  --border-circle: 999px;
  --border-swiper-nav: #707070;
  --border-swiper-nav-act: #78b43d;
  --bg-white: #fff;
  --bg-swiper-pagi-bullet: #bfbfbf;
  --bg-swiper-pagi-bullet-act: #78b43d;
}

html {
  text-rendering: optimizeLegibility !important;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

*,
:before,
:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 15px;
  color: var(--color-main);
  font-family: "Roboto-Regular", sans-serif;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: all ease 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

textarea,
input:matches([type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url]) {
  -webkit-appearance: none;
}

select,
input,
button,
textarea {
  outline: none;
}

.img-fluid,
.width-100 {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

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

.img-scale-down {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.main-24h [class*=fa-]:before,
.main-24h [class^=fa-]:before {
  margin: 0;
  width: inherit;
}

.menu-24h-main svg,
.footer-24h svg,
.header-24h svg,
.scroll-top-24h svg,
.main-24h svg {
  transform: rotate(0deg);
}

.pos-rel {
  position: relative;
}

.pos-ab {
  position: absolute;
}

.pos-fixed {
  position: fixed;
}

.pos-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

.displaynone,
.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: end !important;
}

.flex-dir-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.overflow-h {
  overflow: hidden;
}

.overflow-x {
  overflow-x: auto;
}

.overflow-y {
  overflow-y: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.vertical-mid {
  vertical-align: middle;
}

.z-index-1 {
  z-index: 1;
}

.z-index-99 {
  z-index: 99;
}

.z-index-9999 {
  z-index: 9999;
}

.hover-color-24h:hover {
  color: var(--hover-color-24h) !important;
}

.color-white {
  color: var(--color-white);
}

.color-main {
  color: var(--color-main);
}

.color-24h {
  color: var(--color-24h);
}

.bg-white {
  background: var(--bg-white);
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.txtCent,
.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.fw-bold,
.bld,
strong {
  font-family: "Roboto-Bold" !important;
}

.fw-regular,
.fw-regu {
  font-family: "Roboto-Regular", sans-serif !important;
}

.fw-medium {
  font-family: "Roboto-Medium" !important;
}

.fw-italic,
em {
  font-family: "Roboto-Italic";
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.lh-100 {
  line-height: 100%;
}

.flex-1 {
  flex: 1;
}

.flex-auto {
  flex: 0 0 auto;
}

.mw-0 {
  min-width: 0;
}

.margin-auto,
.mrAuto,
.mar-auto {
  margin: 0 auto !important;
}

.no-border {
  border: none !important;
}

.no-border-top,
.no-border-t {
  border-top: none !important;
}

.no-border-b {
  border-bottom: none !important;
}

.no-margin,
.no-mar {
  margin: 0 !important;
}

.no-margin-top,
.no-mar-t {
  margin-top: 0 !important;
}

.no-margin-right,
.no-mar-r {
  margin-right: 0 !important;
}

.no-margin-bottom,
.no-mar-b {
  margin-bottom: 0 !important;
}

.no-margin-left,
.no-mar-l {
  margin-left: 0 !important;
}

.margin-top-5,
.mar-t-5 {
  margin-top: 5px !important;
}

.margin-top-10,
.mar-t-10 {
  margin-top: 10px !important;
}

.margin-top-15,
.mar-t-15 {
  margin-top: 15px !important;
}

.margin-top-20,
.mar-t-20 {
  margin-top: 20px !important;
}

.mar-t-25 {
  margin-top: 25px !important;
}

.margin-top-30,
.mar-t-30 {
  margin-top: 30px !important;
}

.margin-top-40,
.mar-t-40 {
  margin-top: 40px !important;
}

.mar-t-50 {
  margin-top: 50px !important;
}

.margin-right-5,
.mar-r-5 {
  margin-right: 5px !important;
}

.margin-right-10,
.mar-r-10 {
  margin-right: 10px !important;
}

.margin-right-15,
.mar-r-15 {
  margin-right: 15px !important;
}

.margin-right-20,
.mar-r-20 {
  margin-right: 20px !important;
}

.mar-r-25 {
  margin-right: 25px !important;
}

.mar-r-30 {
  margin-right: 30px !important;
}

.mar-r-40 {
  margin-right: 40px !important;
}

.margin-bottom-5,
.mar-b-5 {
  margin-bottom: 5px !important;
}

.mgbt10,
.margin-bottom-10,
.mar-b-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15,
.mar-b-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20,
.mar-b-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25,
.mar-b-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30,
.mar-b-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40,
.mar-b-40 {
  margin-bottom: 40px !important;
}

.mar-b-50 {
  margin-bottom: 50px !important;
}

.mar-l-3 {
  margin-left: 3px !important;
}

.margin-left-5,
.mar-l-5 {
  margin-left: 5px !important;
}

.margin-left-10,
.mar-l-10 {
  margin-left: 10px !important;
}

.mar-l-15 {
  margin-left: 15px !important;
}

.margin-left-20,
.mar-l-20 {
  margin-left: 20px !important;
}

.mar-l-25 {
  margin-left: 25px !important;
}

.mar-l-30 {
  margin-left: 30px !important;
}

.mar-l-40 {
  margin-left: 40px !important;
}

.no-padding,
.no-padd {
  padding: 0 !important;
}

.no-padding-top,
.no-padd-t {
  padding-top: 0 !important;
}

.no-padding-right,
.no-padd-r {
  padding-right: 0 !important;
}

.no-padding-bottom,
.no-padd-b {
  padding-bottom: 0 !important;
}

.no-padding-left,
.no-padd-l {
  padding-left: 0 !important;
}

.padding-top-10,
.padd-t-10 {
  padding-top: 10px !important;
}

.padd-t-15 {
  padding-top: 15px !important;
}

.padd-t-20 {
  padding-top: 20px !important;
}

.padd-t-25 {
  padding-top: 25px !important;
}

.padding-top-30,
.padd-t-30 {
  padding-top: 30px !important;
}

.padd-t-40 {
  padding-top: 40px !important;
}

.padd-r-10 {
  padding-right: 10px !important;
}

.padd-r-15 {
  padding-right: 15px !important;
}

.padd-r-20 {
  padding-right: 20px !important;
}

.padd-r-25 {
  padding-right: 25px !important;
}

.padd-r-30 {
  padding-right: 30px !important;
}

.padd-r-40 {
  padding-right: 40px !important;
}

.padd-b-10 {
  padding-bottom: 10px !important;
}

.padd-b-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20,
.padd-b-20 {
  padding-bottom: 20px !important;
}

.padd-b-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30,
.padd-b-30 {
  padding-bottom: 30px !important;
}

.padd-b-40 {
  padding-bottom: 40px !important;
}

.padd-l-10 {
  padding-left: 10px !important;
}

.padd-l-15 {
  padding-left: 15px !important;
}

.padd-l-20 {
  padding-left: 20px !important;
}

.padd-l-25 {
  padding-left: 25px !important;
}

.padd-l-30 {
  padding-left: 30px !important;
}

.padd-l-40 {
  padding-left: 40px !important;
}

.link-cover,
.cover-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  z-index: 1;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.row [class*=col-] {
  padding: 0 15px;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.container {
  width: 1060px;
  max-width: 1060px;
}

.mw-1100 {
  max-width: 1100px;
}

@media screen and (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }
  .header-24h,
  .menu-24h-main {
    width: 1060px;
  }
}
.text-adv-cen,
.txtBnrHor {
  display: none;
}

[class*=fixad] .text-adv-cen,
[class*=fixad] .txtBnrHor {
  display: block;
}

.text-adv-cen {
  --gap: 10px;
  font-size: 10px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}

.text-adv-cen .d-flex:before,
.text-adv-cen .d-flex:after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #ebebeb;
}

.text-adv-cen .d-flex:before {
  margin-right: var(--gap);
}

.text-adv-cen .d-flex:after {
  margin-left: var(--gap);
}

.fixad300x600 {
  width: 300px !important;
  height: 612px !important;
  background-size: cover !important;
  display: block !important;
}

.fixad300x600 .m_banner_show {
  height: 600px;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/bg_pc_p1.png) !important;
}

.fixad1060x150 {
  width: 1060px !important;
  height: 56.25%;
  min-height: 150px;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/bg_1060x150px.png) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad396x40 {
  width: 396px !important;
  height: 40px !important;
  display: block !important;
}

.fixad740x120 {
  width: 740px !important;
  height: 137.5px !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/740x120.jpg) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad740x50 {
  width: 740px !important;
  height: 50px !important;
  display: block !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/740x50.jpg) !important;
  background-size: cover !important;
}

.fixad444x1040 {
  width: 444px !important;
  height: 1040px !important;
  display: block !important;
}

.fixad970x91 {
  width: 970px !important;
  height: 91px !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/bg_970x90px.jpg) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad740x570 {
  width: 740px !important;
  height: 570px !important;
}

.fixad660x370 {
  width: 660px !important;
  height: 370px !important;
  display: block !important;
  margin: 0 auto 30px;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/660x370.jpg) !important;
  background-size: cover !important;
}

.fixad660x50 {
  width: 660px !important;
  height: 50px !important;
  display: block !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/660x50.jpg) !important;
  background-size: cover !important;
}

.fixad700x90 {
  width: 700px !important;
  height: 107.5px !important;
  display: block !important;
  margin: 0 auto 20px !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/700x90.jpg) !important;
  background-size: cover !important;
}

.fixad300x250 {
  width: 300px !important;
  height: 262px !important;
  display: block !important;
}

.fixad300x250 .m_banner_show {
  height: 250px;
}

.fixad740x470 {
  height: 470px !important;
  display: block !important;
}

.icon-cate.pos-ab {
  bottom: 8px;
  left: 8px;
}

.icon-cate svg {
  width: 30px;
  height: 30px;
}

.icon-cate.icon-cate-24h-gap-go svg {
  width: 95px;
  height: 20px;
}

.icon-tick-cate.icon-tick-cate-24h-gap-go svg {
  display: inline-block;
  width: 85px;
  height: 18px;
  vertical-align: middle;
}

.header-24h {
  height: 50px;
}

.logo-24h {
  max-width: 100px;
  height: 47px;
}

.logo-24h *,
.logo-event * {
  font-size: inherit;
  height: 100%;
}

.logo-event {
  max-width: 150px;
  height: 42px;
  border-left: 1px solid #ebebeb;
}

.header-24h-view {
  border-right: 1px solid #ebebeb;
}

.header-24h-view li a {
  font-size: 14px;
  color: #404040;
}

.header-24h-view li:not(:last-child) {
  margin: 0 30px 0 0;
}

.header-24h-view li .icon-svg {
  width: 20px;
  height: 20px;
}

.header-24h-view li .icon-tcd-header {
  max-width: 150px;
  height: 40px;
}

.header-24h-search {
  padding: 0 10px;
  height: 32px;
  border: 1px solid #ebebeb;
  border-radius: var(--border-circle);
}

.header-24h-search .header-24h-search-input,
.header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder {
  font-size: 14px;
  color: #959595;
}

.header-24h-search .header-24h-search-input,
.header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder,
.header-24h-search-btn {
  border: none;
  background: none;
}

.header-24h-search-btn {
  color: #a1a1a1;
}

.header-24h-search-btn svg {
  width: 20px;
  height: 20px;
}

.menu-24h-main {
  --bg-menu-header: #78b43d;
  --bg-click-slide-menu: #fff;
  --bg-click-slide-menu-close: #78b43d;
  --hover-link-menu-header: rgb(0, 0, 0, 30%);
  --hover-link-submenu-header: #78b43d;
  --border-top-submenu-header: #3c811e;
  --color-link-submenu-header: #404040;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  background: var(--bg-menu-header);
  z-index: 9999;
}

.menu-24h-main > .container > ul > li:nth-child(n+13) {
  display: none;
}

.menu-24h-main > .container > ul > li > a {
  white-space: nowrap;
}

.menu-24h-main > .container > ul > li:not(.img-brands, .icon-hum) > a {
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 7px;
  font-size: 12px;
  z-index: 2;
}

.menu-24h-main ul li.icon-home a:hover,
.menu-24h-main > .container > ul > li:not(.img-brands, .icon-hum):hover > a {
  background: var(--hover-link-menu-header);
}

.menu-24h-main ul li.icon-home {
  width: 36px;
  margin: 0 0 0 15px;
}

.menu-24h-main ul li.icon-home svg {
  width: 16px;
  height: 16px;
}

.menu-24h-main ul li.icon-home:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.5019607843);
  transform: translateY(-50%);
}

.menu-24h-main ul li.icon-home a {
  justify-content: center;
  height: 36px;
}

.menu-24h-main ul li.img-brands {
  max-width: 165px;
  height: 27px;
}

.menu-24h-main ul li ul.sub-menu {
  top: 100%;
  left: 0;
  min-width: 199px;
  padding: 0 15px;
  border-top: 3px solid var(--border-top-submenu-header);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
}

.menu-24h-main ul li.img-brands ul.sub-menu {
  top: 31px;
}

.menu-24h-main ul li:nth-child(n+6) ul.sub-menu {
  right: 0;
  left: unset;
}

.menu-24h-main ul li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}

.menu-24h-main ul li ul.sub-menu li {
  margin: 0 -15px;
  padding: 0 15px;
}

.menu-24h-main ul li ul.sub-menu li a {
  font-size: 13px;
}

.menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub) a {
  display: block;
  height: 100%;
  padding: 10px 0;
  color: var(--color-link-submenu-header);
}

.menu-24h-main ul li ul.sub-menu li:not(:last-child) a {
  border-bottom: 1px solid #ebebeb;
}

.menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub):hover {
  cursor: pointer;
  background-color: var(--hover-link-submenu-header);
}

.menu-24h-main ul li ul.sub-menu li:hover a {
  color: var(--color-white);
  border-bottom: 1px solid transparent;
}

.menu-24h-main ul li ul.sub-menu li.img-brands-sub {
  height: 35px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-2-coll {
  min-width: 399px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-3-coll {
  min-width: 600px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-2-coll li.img-brands-sub,
.menu-24h-main ul li ul.sub-menu.sub-menu-3-coll li.img-brands-sub {
  max-width: 50%;
  height: auto;
}

.menu-24h-main .click-slide-menu24h {
  width: 36px;
  height: 36px;
}

.menu-24h-main .click-slide-menu24h.act-menu {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}

.menu-24h-main .click-slide-menu24h .icon-hum {
  position: relative;
  left: -7px;
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum {
  left: 0;
}

.menu-24h-main .icon-hum .line {
  display: block;
  width: 21px;
  height: 2px;
  margin: 3px 0;
  background: var(--bg-click-slide-menu);
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line {
  opacity: 1;
  transform: rotate(42deg) translate(2px, -1px);
  background: var(--bg-click-slide-menu-close);
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(3) {
  transform: rotate(-42deg) translate(1px, 0px);
}

.header-24h-search .header-24h-search-input {
  width: 130px;
}

.header-24h-login {
  border-left: 1px solid #ebebeb;
}

.header-24h-login-btn * {
  font-size: 14px;
  color: #404040;
}

.header-24h-login-btn .icon-login {
  width: 18px;
  height: 18px;
  fill: #b8b8b8;
}

.header-24h-login-user .icon-ava {
  width: 32px;
  height: 32px;
  border-radius: 999px;
}

.header-24h-login-user:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 10px;
  width: 0;
  height: 0;
  border-top: 7px solid #d9d9d9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.header-24h-login-guide {
  top: 170%;
  right: 0;
  min-width: 211px;
  padding: 10px 20px 10px 10px;
  background: #eafaf1;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.3;
  color: #209956;
  z-index: 99999;
}

.header-24h-login-guide .icon-close {
  right: 10px;
  width: 12px;
  height: 12px;
  fill: #b8b8b8;
}

.header-24h-login-guide:before,
.header-24h-login-submenu:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 30px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #eafbf1;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.header-24h-login-submenu:before {
  right: 26px;
  border-bottom: 8px solid #fff;
}

.header-24h-login-submenu:after {
  content: "";
  position: absolute;
  top: -5px;
  width: 16px;
  height: 16px;
  right: 26px;
  z-index: -1;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transform: rotate(45deg);
}

.header-24h-login-submenu {
  top: 128%;
  right: 0;
  width: 200px;
  border: 1px solid #f2f2f2;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border-radius: 4px;
  z-index: 99999;
}

.header-24h-login-submenu:not(.show) {
  display: none;
}

.header-24h-login-submenu .text-user {
  padding: 10px 5px;
  font-size: 15px;
  color: #333;
}

.header-24h-login-submenu .icon-cm {
  width: 18px;
  height: 18px;
}

.header-24h-login-submenu .box-list-menu li a {
  padding: 10px;
  border-top: 1px solid #f2f2f2;
  font-size: 14px;
  color: #252525;
}

.header-24h-login-submenu .box-list-menu .badge {
  padding: 2px 10px;
  font-size: 12px;
  background: red;
  border-radius: 5px;
}

.footer-24h {
  --color-footer-main: #333;
  --color-footer-menu: #464646;
}

.footer-24h .btn-share-footer a,
.footer-24h .back-home {
  height: 40px;
  background: #78b43d;
  border-radius: var(--border-circle);
}

.footer-24h .btn-share-footer a {
  padding: 3px 10px;
  font-size: 14px;
}

.footer-24h .back-home {
  width: 40px;
}

.footer-24h .back-home svg,
.footer-24h .btn-share-footer svg,
.scroll-top-24h a svg {
  width: 20px;
  height: 20px;
}

.footer-24h .btn-share-footer a:hover,
.footer-24h .back-home:hover {
  background: #669a33;
}

.footer-24h-menu {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.footer-24h-menu ul li {
  padding: 4px 0;
}

.footer-24h-menu ul li a {
  font-size: 12px;
  color: var(--color-footer-menu);
  padding: 0 15px;
}

.footer-24h-menu ul li:not(:last-child) a {
  border-right: 1px solid currentcolor;
}

.footer-24h-menu ul li.icon-home a {
  border: none;
  padding: 0;
}

.footer-24h-menu ul li.icon-home svg {
  width: 20px;
  height: 20px;
}

.footer-24h-b .row {
  margin: 0 -30px;
}

.footer-24h-b .row [class*=col-] {
  padding: 0 30px;
}

.footer-24h-b .col-6:first-child {
  border-right: 1px solid #ebebeb;
}

.footer-24h-b .icon-dmca {
  width: 110px;
  height: 42px;
}

.footer-24h-b .icon-vh-24h {
  width: 88px;
  height: 42px;
}

.footer-24h-info,
.footer-24h-info * {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-footer-main);
}

.footer-24h-info svg {
  width: 17px;
  height: 20px;
}

.footer-24h-info .tit-add {
  font-size: 14px;
}

.footer-24h-info .tit-comp {
  font-size: 15px;
}

.footer-24h-link a {
  padding: 0 15px;
  font-size: 14px;
  line-height: 20px;
  color: #363636;
}

.footer-24h-link .link-adv {
  padding: 6px 15px;
  margin: 0 15px 0 0;
  color: #30811d;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
}

.footer-24h-link .link-adv:hover {
  border-color: currentcolor;
}

.scroll-top-24h {
  bottom: 20px;
  right: 20px;
}

.scroll-top-24h a {
  width: 40px;
  height: 40px;
  color: #707070;
  border-radius: var(--border-circle);
  border: 1px solid #ebebeb;
}

.scroll-top-24h a:hover {
  border-color: var(--hover-bor-bg-cl-24h);
}

.txtBnrVtl {
  position: absolute;
  top: 60px;
  left: -9px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: left center;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
}

.txtBnrHor span,
.txtBnrVtl span {
  display: block;
  position: relative;
  margin: 0 0 1px;
  font-size: 10px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}

.txtBnrHor span:before,
.txtBnrVtl span:before {
  content: "Advertisement";
}

.col-300 .txtBnrHor {
  text-align: right;
}

.bnrPtn {
  position: relative;
  margin: auto;
}

.m_banner_show {
  display: block;
  margin: 0 auto;
}

.bnBillboardTop .bnBillboardTopChidren {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.bnBillboardTop .bnBillboardTopChidren .m_banner_show {
  margin-left: calc(50% - 960px);
}

.balloon {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
}

.balloon.un-show {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
}

.balloon .banner_inread {
  margin: 0 !important;
}

#rightBannerBackground .m_banner_show {
  text-align: left;
}

#leftBannerBackground .m_banner_show {
  text-align: right;
}

@media screen and (max-width: 1024px) {
  .etm-24h,
  .ttdn-24h-b {
    width: 1060px;
  }
}
.addon-24h-h .row,
.box-2coll-24h-t .row,
.cate-news-24h-r .box-3-coll.row,
.cate-news-24h-r .row,
.gold-rate-24h-r .row,
.tttt-24h-r .row {
  margin: 0 -10px;
}

.addon-24h-h .row [class*=col-],
.box-2coll-24h-t .row [class*=col-],
.cate-news-24h-r .box-3-coll.row [class*=col-],
.cate-news-24h-r .row [class*=col-],
.gold-rate-24h-r .row [class*=col-],
.tttt-24h-r .row [class*=col-] {
  padding: 0 10px;
}

.swp-nav {
  content: "";
  display: inline-block;
  border: solid var(--border-swiper-nav);
  border-width: 0 2px 2px 0;
  padding: 4px;
  vertical-align: middle;
}

.swp-nav.arrow-l {
  margin: 0 -4px 0 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.swp-nav.arrow-r {
  margin: 0 0 0 -4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.swp-nav:hover {
  border-color: var(--border-swiper-nav-act);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  transform: translateX(0);
  margin: auto;
}

.swiper-pagination-bullets .swiper-pagination-bullet,
.swp-pagi .swiper-pagination-bullet {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  opacity: 1;
  border-radius: var(--border-circle);
  background-color: var(--bg-swiper-pagi-bullet);
}

.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swp-pagi .swiper-pagination-bullet-active {
  background-color: var(--bg-swiper-pagi-bullet-act);
}

.icon-live {
  display: inline-block;
  padding: 3px 7px;
  margin: 0 3px 2px 0;
  background: #f9151d;
  font-size: 11px;
  line-height: 100%;
  border-radius: var(--border-circle);
}

.icon-live:before {
  content: "";
  position: relative;
  top: -1px;
  margin: 0 3px 0 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: var(--border-circle);
  background: var(--bg-white);
  animation: flickerAnimation 0.8s infinite;
}

.icon-live.pos-ab {
  top: 8px;
  left: 8px;
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.icon-tick-cate svg {
  width: 14px;
  height: 14px;
}

.icon-play.pos-ab {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.icon-play.icon-play-big svg {
  width: 60px;
  height: 60px;
}

.box-2coll-24h.box-2coll-24h-t .col-300 {
  flex: 0 0 320px;
  max-width: 320px;
}

.box-2coll-24h.box-2coll-24h-t .hightl-24h .row {
  margin: 0 -15px;
}

.box-2coll-24h.box-2coll-24h-t .hightl-24h > .row [class*=col-] {
  padding: 0 15px;
}

.hightl-24h .col-img {
  flex: 0 0 530px;
  max-width: 530px;
}

.hightl-24h-big__img {
  height: 333px;
}

.hightl-24h-big__tit * {
  font-size: 20px;
  line-height: 25px;
}

.hightl-24h-sma__img {
  height: 97px;
}

.hightl-24h-items-cate * {
  font-size: 12px;
}

.hightl-24h-items-tit a {
  font-size: 15px;
  line-height: 20px;
}

.hightl-24h-items:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  padding: 13px 0;
}

.hightl-24h-items:first-child {
  padding-top: 0;
}

.hightl-24h-items:last-child {
  padding-top: 15px;
}

.hightl-24h-scroll {
  overflow: hidden;
  margin: 0 0 0 -15px;
}

.hightl-24h-scroll-list,
.hightl-24h-scroll-y {
  height: inherit;
  transition: transform 0.4s ease;
}

.hightl-24h-scroll-y {
  padding: 0 0 0 15px;
  height: 665px;
  overflow-y: scroll;
  transform: translateX(15px) translateZ(0);
}

.hightl-24h-scroll-list {
  padding: 0 5px 0 0;
  transform: translateX(-15px) translateZ(0);
}

.hightl-24h-scroll-list::after {
  content: "";
  position: sticky;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
  pointer-events: none;
}

.hightl-24h-scroll-y::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.hightl-24h-scroll-y::-webkit-scrollbar-thumb {
  background: 0 0;
  border-radius: 5px;
}

.hightl-24h-scroll-y::-webkit-scrollbar-track {
  background: #eaeaea;
  border-radius: 5px;
}

.hightl-24h-scroll:focus .hightl-24h-scroll-list,
.hightl-24h-scroll:focus .hightl-24h-scroll-y,
.hightl-24h-scroll:hover .hightl-24h-scroll-list,
.hightl-24h-scroll:hover .hightl-24h-scroll-y {
  transform: translateX(0) translateZ(0);
}

.box-2coll-many-24h > .container > .row {
  margin: 0 -30px;
}

.box-2coll-many-24h > .container > .row > [class*=col-] {
  padding: 0 30px;
}

.box-2coll-many-24h > .container > .row > .col-l {
  border-right: 1px solid #eaeaea;
}

.rowBnneCenter .cate-news-24h-r.mar-t-40 {
  margin-top: 0 !important;
}

.box-2coll-24h .col-300 {
  flex: 0 0 330px;
  max-width: 330px;
}

.livescore-footb24h-r {
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  --bg-bor-cl-up: #13983f;
  --bg-bor-cl-down: #e31c24;
  --bg-bor-cl-keep: #fbac30;
}

.livescore-footb24h-r .row {
  --gutter: 15px;
  margin-left: calc(-1 * var(--gutter));
  padding-right: calc(var(--gutter) + 1);
}

.livescore-footb24h-r .row .col-items {
  width: calc(33.3333333333% - var(--gutter));
  max-width: calc(33.3333333333% - var(--gutter));
  margin-left: var(--gutter);
}

.livescore-footb24h-r .row .col-items:not(:last-child) {
  border-right: 1px solid #ebebeb;
}

.livescore-footb24h-r .box-items .img-clb {
  width: 20px;
  height: 20px;
  object-fit: scale-down;
}

.livescore-footb24h-r .box-items .box-match,
.livescore-footb24h-r .box-items .box-match * {
  font-size: 14px;
}

.livescore-footb24h-r .box-items .text-time {
  font-size: 12px;
  color: #959595;
}

.livescore-footb24h-r .swp-nav-slide {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.livescore-footb24h-r .swp-nav-btn {
  width: 15px;
  height: 24px;
  border-radius: 2px;
  background-color: #ececec;
}

.livescore-footb24h-r .swp-nav-btn i {
  padding: 3px;
  border-color: #7d7d7d;
}

.livescore-footb24h-r .swp-nav-btn:hover {
  background: var(--hover-bor-bg-cl-24h);
}

.livescore-footb24h-r .swp-nav-btn:hover i {
  border-color: #fff;
}

.cate-news-24h-r .box-t {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 5px;
}

.cate-news-24h-r__tit:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background: currentcolor;
}

.cate-news-24h-r_cate,
.skdb-24h-h__cate {
  min-height: 18px;
}

.cate-news-24h-r_cate li a,
.skdb-24h-h__cate li a {
  font-size: 14px;
  color: #666;
  margin: 0 0 0 20px;
}

.cate-news-24h-r-big__img {
  flex: 0 0 245px;
  max-width: 245px;
  height: 153px;
}

.cate-news-24h-r-sma__img {
  height: 104px;
}

.cate-news-24h-r .box-2-coll {
  border-top: 1px solid #e5e5e5;
}

.cate-news-24h-r .box-2-coll .cate-news-24h-r-sma__tit:before,
.cate-news-24h-r.coll-2 .cate-news-24h-r-sma__tit:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 7px;
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  background-color: #78b43d;
}

.cate-news-24h-r-sma__tit a,
.hightl-24h-sma__tit *,
.tttt-24h-r-sma__tit * {
  font-size: 14px;
  line-height: 20px;
}

.cate-news-24h-r.coll-2 .cate-news-24h-r-sma__tit:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.cate-news-24h-r.coll-2 .cate-news-24h-r-sma__tit:last-child,
.cate-news-24h-r.coll-2:nth-last-of-type(2) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.cate-news-24h-r.coll-2 .col-245 {
  flex: 0 0 265px;
  max-width: 265px;
}

.cate-news-24h-r.coll-2 .cate-news-24h-r-big__img {
  height: 163px;
}

.skdb-24h-h {
  border-bottom: 1px solid #efefef;
}

.skdb-24h-h__logo {
  height: 30px;
  --border-color: #fc2f83;
}

.skdb-24h-h-sma__img {
  height: 129px;
}

.skdb-24h-h-sma__tit * {
  font-size: 14px;
  line-height: 20px;
}

.skdb-24h-h__t {
  height: 35px;
}

.box-2coll-many-24h > .container .row-addon-24h {
  margin: 0 -10px;
}

.box-2coll-many-24h > .container .row-addon-24h > [class*=col-] {
  padding: 0 10px;
  border: none;
}

.gold-24h-r__tit,
.stock-24h-r__tit,
.vietlott-24h-r .box-t {
  min-height: 21px;
}

.gold-24h-r,
.stock-24h-r {
  padding: 5px 10px;
  border-radius: 8px;
}

.gold-24h-r__tit *,
.stock-24h-r__tit * {
  font-size: 12px;
}

.gold-24h-r__tit * {
  color: #9d7319;
}

.rate-24h-r .gold-24h-r__tit * {
  color: #0d694f;
}

.gold-24h-r__tit img {
  height: 17px;
}

.gold-24h-r__list li,
.stock-24h-r li {
  margin: 5px 0;
}

.gold-24h-r__list li a {
  font-size: 13px;
  color: #1a1a1a;
}

.gold-24h-r__list li a span:not(:last-child) {
  margin: 0 8px 0 0;
}

.gold-24h-r__list li .text-brands {
  min-width: 29px;
}

.gold-24h-r__list li .arrow,
.stock-24h-r .arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.gold-24h-r__list li .arrow.arrow-down,
.stock-24h-r .arrow.arrow-down {
  border-top: 8px solid #e31c24;
}

.gold-24h-r__list li .arrow.arrow-up,
.stock-24h-r .arrow.arrow-up {
  border-bottom: 8px solid #13983f;
}

.stock-24h-r {
  background-color: #f0e9f5;
  --bg-bor-cl-up: #13983f;
  --bg-bor-cl-down: #e31c24;
  --bg-bor-cl-keep: #fbac30;
}

.stock-24h-r__tit * {
  color: #57237b;
}

.stock-24h-r .text-code {
  min-width: 77px;
}

.stock-24h-r .text-code {
  font-size: 13px;
}

.stock-24h-r .text-diff,
.stock-24h-r .text-point {
  font-size: 11px;
}

.stock-24h-r .arrow {
  margin: 0 2px 0 0;
}

.stock-24h-r li {
  white-space: nowrap;
}

.stock-24h-r li a span:not(:last-child) {
  margin: 0 6px 0 0;
}

.stock-24h-r .arrow.icoyellowCk {
  width: 10px;
  height: 10px;
  background: var(--bg-bor-cl-keep);
}

.stock-24h-r .color-up {
  color: var(--bg-bor-cl-up);
}

.stock-24h-r .color-down {
  color: var(--bg-bor-cl-down);
}

.stock-24h-r .color-keep {
  color: var(--bg-bor-cl-keep);
}

.weather-24h-r {
  padding: 10px;
  background: linear-gradient(#bfe8ff, #f2faff);
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}

.weather-24h-r .img-weather {
  width: 44px;
  height: 44px;
}

.weather-24h-r .text-temper {
  font-size: 24px;
  color: #1a1a1a;
}

.weather-24h-r .text-tp {
  font-size: 14px;
}

.weather-24h-r .text-time {
  font-size: 11px;
  color: #7d7d7d;
}

.weather-24h-r .felling {
  display: inline-flex;
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #db3c56;
  font-size: 12px;
}

.weather-24h-r .felling svg {
  width: 12px;
  height: 12px;
  margin: 0 2px 0 0;
}

.weather-24h-r .felling.happy {
  background-color: #2aa854;
}

.weather-24h-r .felling.normal {
  background: #dba03c;
}

.vietlott-24h-r {
  border-radius: 8px;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}

.vietlott-24h-r .box-b *,
.vietlott-24h-r .box-t * {
  color: var(--color-main);
}

.vietlott-24h-r .color-hot {
  color: #da2037;
}

.vietlott-24h-r .last-num {
  padding: 0 0 0 3px;
  color: #fbac30;
  border-left: 1px solid currentColor;
}

.vietlott-24h-r .box-t {
  padding: 3px 3px 3px 10px;
}

.vietlott-24h-r .logo-vietlott img {
  max-width: 58px;
  height: 15px;
}

.vietlott-24h-r .text-cate {
  font-size: 9px;
}

.vietlott-24h-r .box-b {
  border-top: 1px solid #fc000c;
}

.vietlott-24h-r .box-items {
  padding: 5px 0;
}

.vietlott-24h-r .box-items,
.vietlott-24h-r .box-logo,
.vietlott-24h-r .box-qr {
  height: 49px;
}

.vietlott-24h-r .box-items .col-l {
  padding: 0 7px;
  margin: -5px 0;
  background-color: #e6e6e6;
}

.vietlott-24h-r .box-items .col-r {
  padding-left: 5px;
}

.vietlott-24h-r .text-name {
  max-width: 40px;
  font-size: 14px;
}

.vietlott-24h-r .box-qr *,
.vietlott-24h-r__items,
.vietlott-24h-r__items * {
  font-size: 11px;
}

.vietlott-24h-r .text-name-num {
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
  border-right: 1px solid currentColor;
}

.vietlott-24h-r .text-prize span:not(:last-child) {
  margin: 0 1px 0 0;
}

.vietlott-24h-r .box-qr {
  padding: 0 5px;
}

.vietlott-24h-r .box-qr .Vietlottimg-qr {
  width: 45px;
  height: 45px;
  border-radius: 2px;
  border: 1px solid #cecece;
}

.vietlott-24h-r .box-qr * {
  color: #24284d;
}

@-webkit-keyframes blink {
  0% {
    color: #da2037;
  }
  50% {
    color: #ed8427;
  }
  100% {
    color: #da2037;
  }
}
@-moz-keyframes blink {
  0% {
    color: #da2037;
  }
  50% {
    color: #ed8427;
  }
  100% {
    color: #da2037;
  }
}
@-o-keyframes blink {
  0% {
    color: #da2037;
  }
  50% {
    color: #ed8427;
  }
  100% {
    color: #da2037;
  }
}
@keyframes blink {
  0% {
    color: #da2037;
  }
  50% {
    color: #ed8427;
  }
  100% {
    color: #da2037;
  }
}
.vietlott-24h-r .color-hot-power655 {
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

.tttt-24h-btn,
.vietlott-24h-btn {
  top: 50%;
  width: 20px;
  height: 30px;
  background: rgb(0 0 0/50%);
  border-radius: 0 999px 999px 0;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
}

.tttt-24h-btn {
  top: 27%;
}

.tttt-24h-r:hover .tttt-24h-btn,
.vietlott-24h-r:hover .vietlott-24h-btn {
  opacity: 1;
  visibility: visible;
}

.tttt-24h-btn:hover,
.vietlott-24h-btn:hover {
  background: var(--hover-bor-bg-cl-24h);
}

.tttt-24h-btn.tttt-24h-btn-l,
.vietlott-24h-btn.vietlott-24h-btn-l {
  left: 0;
}

.tttt-24h-btn.tttt-24h-btn-r,
.vietlott-24h-btn.vietlott-24h-btn-r {
  right: 0;
  border-radius: 999px 0 0 999px;
}

.tttt-24h-btn .swp-nav,
.vietlott-24h-btn .swp-nav {
  border-color: #fff;
  padding: 3px;
}

.tttt-24h-btn .swp-nav.arrow-l,
.vietlott-24h-btn .swp-nav.arrow-l {
  margin: 0 -1px 0 0;
}

.tttt-24h-btn .swp-nav.arrow-r,
.vietlott-24h-btn .swp-nav.arrow-r {
  margin: 0 0 0 -1px;
}

.cate-news-24h-r__tit *,
.tttt-24h-r-tit * {
  font-size: 20px;
}

.tttt-24h-r-tit {
  padding-bottom: 5px;
  border-bottom: 2px solid #78b43d;
}

.tttt-24h-r-sma__img {
  flex: 0 0 112px;
  max-width: 112px;
  height: 75px;
}

.etm-24h .container {
  border-radius: 8px;
}

.etm-24h-t {
  border-radius: 8px 8px 0 0;
}

.etm-24h-l__ava {
  width: 30px;
  height: 30px;
}

.etm-24h-l__tit,
.etm-24h-l__tit * {
  font-size: 28px;
}

.etm-24h-cate a {
  padding: 6px 10px;
  font-size: 15px;
  border-radius: 999px;
  background: #78b43c;
}

.etm-24h-cate a:hover {
  opacity: 0.8;
}

.etm-24h-cate .icon-svg {
  width: 14px;
  height: 14px;
}

.etm-24h-b {
  border-radius: 0 0 8px 8px;
  border: 3px solid #e9f3df;
}

.etm-24h-img .col-320 {
  flex: 0 0 350px;
  max-width: 350px;
}

.etm-24h-img-big__bg {
  height: 215px;
}

.etm-24h-img-big__tit * {
  font-size: 18px;
  line-height: 24px;
}

.etm-24h-img-sma__bg {
  flex: 0 0 140px;
  max-width: 140px;
  height: 94px;
}

.etm-24h-img-sma__tit * {
  font-size: 14px;
  line-height: 20px;
}

.etm-24h-no-img {
  border-radius: 6px;
  background-color: #f2f1e4;
}

.etm-24h-no-img-items:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 7px;
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  background-color: #78b43d;
}

.etm-24h-no-img-items * {
  font-size: 14px;
  line-height: 18px;
}

.multi-cont-24h {
  border-radius: 8px;
}

.multi-24h-t {
  border-radius: 8px 8px 0 0;
}

.multi-24h-tit,
.multi-24h-tit * {
  font-size: 20px;
}

.multi-24h-cate a {
  padding: 6px 10px;
  font-size: 15px;
  border-radius: 999px;
  background: #78b43c;
}

.multi-24h-cate .icon-svg {
  width: 14px;
  height: 14px;
}

.multi-24h-b {
  border-radius: 0 0 8px 8px;
  border: 1px solid #ebebeb;
}

.multi-24h-b .row {
  margin: 0 -10px;
}

.multi-24h-b .row [class*=col-] {
  padding: 0 10px;
}

.multi-24h-b .col-350 {
  flex: 0 0 370px;
  max-width: 370px;
}

.multi-24h-news-big__bg {
  height: 240px;
}

.multi-24h-news-big__tit * {
  font-size: 18px;
  line-height: 24px;
}

.multi-24h-news-sma__bg {
  flex: 0 0 140px;
  max-width: 140px;
  height: 94px;
}

.multi-24h-news-sma__tit * {
  font-size: 15px;
  line-height: 20px;
}

.dcpd .bxRsEvaTp269 {
  padding: 8px 5px;
  border-radius: 8px 8px 0 0;
  background-color: #d2577e;
}

.dcpd .bxRsEvaTp269:before {
  content: "";
  display: inline-block;
  margin: 0 8px 0 0;
  width: 21px;
  height: 23px;
  background: url("/wp-content/themes/flatsome/assets/custom/images/sprites30122022.png") -8px -1782px no-repeat;
}

.dcpd .bxRsEvaTp269 a {
  font-size: 15px;
  color: var(--color-white);
  text-transform: uppercase;
  font-family: Roboto-Bold;
}

.dcpd .list {
  padding: 10px;
  border: 1px solid #ebebeb;
  border-radius: 0 0 8px 8px;
}

.dcpd .list article:first-child .imgNwsSml269 {
  flex: 0 0 100px;
  width: 100px;
  height: 75px;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden;
}

.dcpd .list article:first-child .nwsTit a {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #252525;
  font-family: Roboto-Bold;
}

.dcpd .list article:first-child,
.dcpd .list article:not(:first-child) {
  display: flex;
  margin: 0 0 10px;
}

.dcpd .list article:not(:first-child):before {
  content: "";
  display: block;
  position: relative;
  top: 6px;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin: 0 10px 0 0;
  border-radius: 3px;
  background-color: #d0597e;
}

.dcpd .list article:not(:first-child) a {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #252525;
}

.dcpd-eva__action {
  margin-top: 10px;
}

.dcpd .bxRsEvaTp269,
.dcpd-eva__action,
.dcpd-eva__action .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dcpd-eva__action .numb {
  margin: 0 10px;
}

.dcpd-eva__action .numb,
.dcpd-eva__action .numb * {
  font-size: 13px;
  color: #737373;
}

.dcpd-eva__action .arrow {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  cursor: pointer;
}

.dcpd-eva__action .arrow:before {
  content: "";
  display: inline-block;
  padding: 3px;
  margin: 0 0 0 4px;
  border: solid #b3b3b3;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.dcpd-eva__action .arrow-right:before {
  margin: 0 3px 0 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.dcpd-eva__action .arrow:hover {
  background: #d0597e;
  border-color: #d0597e;
}

.dcpd-eva__action .arrow:hover:before {
  border-color: #fff;
}

.dcpd .list article:first-child .nwsTit a:hover,
.dcpd .list article:not(:first-child) a:hover {
  color: var(--hover-color-24h);
}

.cate-news-24h__tit {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 6px;
}

.cate-news-24h__tit * {
  font-size: 16px;
}

.cate-news-24h__tit a {
  padding: 0 0 5px;
  border-bottom: 2px solid currentColor;
}

.cate-news-24h__link * {
  font-size: 12px;
  color: #666;
}

.cate-news-24h__link ul li:not(:last-child) {
  padding: 0 10px 0 0;
}

.cate-news-24h__link-2 a {
  padding: 5px 6px;
  font-size: 12px;
  color: #888;
  background: #f4f4f4;
  border-radius: var(--border-circle);
}

.cate-news-24h__link-2 li:not(:last-child) {
  padding: 0 8px 0 0;
}

.cate-news-24h-big__img {
  height: 233px;
}

.cate-news-24h-big__tit *,
.cate-news-24h-r-big__tit *,
.pcdo-24h-news-big__tit * {
  font-size: 18px;
  line-height: 24px;
}

.cate-news-24h-big__sum,
.cate-news-24h-big__sum *,
.cate-news-24h-r-big__sum,
.cate-news-24h-r-big__sum *,
.hightl-24h-big__sum,
.hightl-24h-big__sum *,
.pcdo-24h-news-big__sum,
.pcdo-24h-news-big__sum * {
  font-size: 13px;
  line-height: 18px;
  color: #7d7d7d;
}

.cate-news-24h-list .cate-news-24h-sma {
  border-top: 1px solid #eaeaea;
  padding: 10px 0;
}

.cate-news-24h-list .cate-news-24h-sma a,
.pcdo-24h-news-sma__tit * {
  font-size: 15px;
  line-height: 20px;
}

.pcdo-24h-t {
  padding: 8px 15px;
  background-image: linear-gradient(90deg, #30373c 0, #485158 50%, #616f7e 100%);
}

.pcdo-24h-tit * {
  font-size: 20px;
}

.pcdo-24h-news-big__img {
  height: 240px;
}

.pcdo-24h .row .col-360 {
  flex: 0 0 380px;
  max-width: 380px;
}

.pcdo-24h-news-sma:not(:last-child) {
  margin: 0 0 20px;
}

.pcdo-24h-news-sma__img {
  flex: 0 0 120px;
  max-width: 120px;
  height: 80px;
}

.ttdn-24h-b {
  background-color: #edece9;
}

.ttdn-24h-b__top .box-tit {
  border-left: 3px solid #78b43d;
  padding: 0 10px 0 10px;
  font-size: 20px;
  line-height: 24px;
}

.ttdn-24h-news__img {
  height: 162px;
}

.ttdn-24h-news__tit * {
  font-size: 16px;
  line-height: 22px;
}

.ttdn-24h-b .slide-box-4t2 .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
}

.feedb-gd24h {
  padding: 0 10px;
  bottom: 20px;
  right: 70px;
  height: 40px;
  line-height: 40px;
  background: #51ae5a;
  font-size: 12px;
  border-radius: var(--border-circle);
}

.feedb-gd24h:hover {
  background: #75c87d;
}

.line-banner {
  border-bottom: 1px solid #efefef;
}

.themes-24h1 .header-24h .logo-24h {
  max-width: 150px;
}
.themes-24h1 .header-24h .logo-24h img {
  width: 100%;
}
.themes-24h1 .header-24h .logo-24h img.header-logo-dark {
  display: none;
}
.themes-24h1 .menu-24h-main {
  position: relative;
}
.themes-24h1 .menu-24h-main ul li.icon-home {
  width: auto;
  margin: 0;
}
.themes-24h1 .menu-24h-main ul li.icon-home > a {
  padding: 0 7px;
}
.themes-24h1 .menu-24h-main ul li.icon-home:before {
  content: none;
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.5019607843);
  transform: translateY(-50%);
}
.themes-24h1 .menu-24h-main #menu_trai_header_2023 {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
.themes-24h1 .menu-24h-main #menu_trai_header_2023 .slide-menu24h {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  height: calc(100vh - 86px);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.themes-24h1 .menu-24h-main #menu_trai_header_2023 .slide-menu24h .slide-menu24h-t {
  flex: 1;
  background: #fff;
  padding: 0;
}
.themes-24h1 .menu-24h-main #menu_trai_header_2023 .slide-menu24h .slide-menu24h-b {
  position: static;
  height: 85px;
  background-color: #78b43d !important;
  background: #fff;
  max-height: 85px;
}
.themes-24h1 .menu-24h-main #menu_trai_header_2023 .slide-menu24h .slide-menu24h-b > .container {
  display: flex !important;
  justify-content: space-between;
  padding: 0;
  margin: 0 auto !important;
  align-items: center !important;
  line-height: inherit;
}
.themes-24h1 .menu-24h-main #menu_trai_header_2023 .slide-menu24h .slide-menu24h-b > .container > a {
  margin: 0;
}
.themes-24h1 .menu-24h-main .sub-menu div.col-4.no-mar,
.themes-24h1 .menu-24h-main .sub-menu div.col-6.no-mar {
  padding: 0 15px;
}

.themes-24h1 .hightl-24h .box-b.row {
  gap: 10px;
  margin: 0 !important;
  flex-wrap: nowrap;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 15px !important;
}
.themes-24h1 .hightl-24h .box-b.row > .col-4 {
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.themes-24h1 .source-time-art24h,
.themes-24h1 .source-time-art24h * {
  font-size: 8px;
}

/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

@font-face {
  font-family: "Roboto-Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Regular.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  src: url(/wp-content/fonts/roboto/Roboto-Italic.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Italic.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Italic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Medium.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Medium.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Bold.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Bold.ttf) format("truetype");
  font-display: swap;
}
:root {
  --color-main: #252525;
  --color-24h: #78b43d;
  --color-white: #fff;
  --hover-color-24h: #78b43d;
  --hover-bor-bg-cl-24h: #78b43d;
  --border-circle: 999px;
  --border-swiper-nav: #707070;
  --border-swiper-nav-act: #78b43d;
  --bg-white: #fff;
  --bg-swiper-pagi-bullet: #bfbfbf;
  --bg-swiper-pagi-bullet-act: #78b43d ;
}

html {
  text-rendering: optimizeLegibility !important;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

*,
:before,
:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 15px;
  color: var(--color-main);
  font-family: "Roboto-Regular", sans-serif;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: all ease 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

textarea,
input:matches([type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url]) {
  -webkit-appearance: none;
}

select,
input,
button,
textarea {
  outline: none;
}

.img-fluid,
.width-100 {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

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

.img-scale-down {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.main-24h [class*=fa-]:before,
.main-24h [class^=fa-]:before {
  margin: 0;
  width: inherit;
}

.menu-24h-main svg,
.footer-24h svg,
.header-24h svg,
.scroll-top-24h svg,
.main-24h svg {
  transform: rotate(0deg);
}

.pos-rel {
  position: relative;
}

.pos-ab {
  position: absolute;
}

.pos-fixed {
  position: fixed;
}

.pos-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

.displaynone,
.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: end !important;
}

.flex-dir-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.overflow-h {
  overflow: hidden;
}

.overflow-x {
  overflow-x: auto;
}

.overflow-y {
  overflow-y: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.vertical-mid {
  vertical-align: middle;
}

.z-index-1 {
  z-index: 1;
}

.z-index-99 {
  z-index: 99;
}

.z-index-9999 {
  z-index: 9999;
}

.hover-color-24h:hover {
  color: var(--hover-color-24h) !important;
}

.color-white {
  color: var(--color-white);
}

.color-main {
  color: var(--color-main);
}

.color-24h {
  color: var(--color-24h);
}

.bg-white {
  background: var(--bg-white);
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.txtCent,
.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.fw-bold,
.bld,
strong {
  font-family: "Roboto-Bold" !important;
}

.fw-regular,
.fw-regu {
  font-family: "Roboto-Regular", sans-serif !important;
}

.fw-medium {
  font-family: "Roboto-Medium" !important;
}

.fw-italic,
em {
  font-family: "Roboto-Italic";
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.lh-100 {
  line-height: 100%;
}

.flex-1 {
  flex: 1;
}

.flex-auto {
  flex: 0 0 auto;
}

.mw-0 {
  min-width: 0;
}

.margin-auto,
.mrAuto,
.mar-auto {
  margin: 0 auto !important;
}

.no-border {
  border: none !important;
}

.no-border-top,
.no-border-t {
  border-top: none !important;
}

.no-border-b {
  border-bottom: none !important;
}

.no-margin,
.no-mar {
  margin: 0 !important;
}

.no-margin-top,
.no-mar-t {
  margin-top: 0 !important;
}

.no-margin-right,
.no-mar-r {
  margin-right: 0 !important;
}

.no-margin-bottom,
.no-mar-b {
  margin-bottom: 0 !important;
}

.no-margin-left,
.no-mar-l {
  margin-left: 0 !important;
}

.margin-top-5,
.mar-t-5 {
  margin-top: 5px !important;
}

.margin-top-10,
.mar-t-10 {
  margin-top: 10px !important;
}

.margin-top-15,
.mar-t-15 {
  margin-top: 15px !important;
}

.margin-top-20,
.mar-t-20 {
  margin-top: 20px !important;
}

.mar-t-25 {
  margin-top: 25px !important;
}

.margin-top-30,
.mar-t-30 {
  margin-top: 30px !important;
}

.margin-top-40,
.mar-t-40 {
  margin-top: 40px !important;
}

.mar-t-50 {
  margin-top: 50px !important;
}

.margin-right-5,
.mar-r-5 {
  margin-right: 5px !important;
}

.margin-right-10,
.mar-r-10 {
  margin-right: 10px !important;
}

.margin-right-15,
.mar-r-15 {
  margin-right: 15px !important;
}

.margin-right-20,
.mar-r-20 {
  margin-right: 20px !important;
}

.mar-r-25 {
  margin-right: 25px !important;
}

.mar-r-30 {
  margin-right: 30px !important;
}

.mar-r-40 {
  margin-right: 40px !important;
}

.margin-bottom-5,
.mar-b-5 {
  margin-bottom: 5px !important;
}

.mgbt10,
.margin-bottom-10,
.mar-b-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15,
.mar-b-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20,
.mar-b-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25,
.mar-b-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30,
.mar-b-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40,
.mar-b-40 {
  margin-bottom: 40px !important;
}

.mar-b-50 {
  margin-bottom: 50px !important;
}

.mar-l-3 {
  margin-left: 3px !important;
}

.margin-left-5,
.mar-l-5 {
  margin-left: 5px !important;
}

.margin-left-10,
.mar-l-10 {
  margin-left: 10px !important;
}

.mar-l-15 {
  margin-left: 15px !important;
}

.margin-left-20,
.mar-l-20 {
  margin-left: 20px !important;
}

.mar-l-25 {
  margin-left: 25px !important;
}

.mar-l-30 {
  margin-left: 30px !important;
}

.mar-l-40 {
  margin-left: 40px !important;
}

.no-padding,
.no-padd {
  padding: 0 !important;
}

.no-padding-top,
.no-padd-t {
  padding-top: 0 !important;
}

.no-padding-right,
.no-padd-r {
  padding-right: 0 !important;
}

.no-padding-bottom,
.no-padd-b {
  padding-bottom: 0 !important;
}

.no-padding-left,
.no-padd-l {
  padding-left: 0 !important;
}

.padding-top-10,
.padd-t-10 {
  padding-top: 10px !important;
}

.padd-t-15 {
  padding-top: 15px !important;
}

.padd-t-20 {
  padding-top: 20px !important;
}

.padd-t-25 {
  padding-top: 25px !important;
}

.padding-top-30,
.padd-t-30 {
  padding-top: 30px !important;
}

.padd-t-40 {
  padding-top: 40px !important;
}

.padd-r-10 {
  padding-right: 10px !important;
}

.padd-r-15 {
  padding-right: 15px !important;
}

.padd-r-20 {
  padding-right: 20px !important;
}

.padd-r-25 {
  padding-right: 25px !important;
}

.padd-r-30 {
  padding-right: 30px !important;
}

.padd-r-40 {
  padding-right: 40px !important;
}

.padd-b-10 {
  padding-bottom: 10px !important;
}

.padd-b-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20,
.padd-b-20 {
  padding-bottom: 20px !important;
}

.padd-b-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30,
.padd-b-30 {
  padding-bottom: 30px !important;
}

.padd-b-40 {
  padding-bottom: 40px !important;
}

.padd-l-10 {
  padding-left: 10px !important;
}

.padd-l-15 {
  padding-left: 15px !important;
}

.padd-l-20 {
  padding-left: 20px !important;
}

.padd-l-25 {
  padding-left: 25px !important;
}

.padd-l-30 {
  padding-left: 30px !important;
}

.padd-l-40 {
  padding-left: 40px !important;
}

.link-cover,
.cover-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  z-index: 1;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.row [class*=col-] {
  padding: 0 15px;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.container {
  width: 1060px;
  max-width: 1060px;
}

.mw-1100 {
  max-width: 1100px;
}

@media screen and (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }
  .header-24h,
  .menu-24h-main {
    width: 1060px;
  }
}
.text-adv-cen,
.txtBnrHor {
  display: none;
}

[class*=fixad] .text-adv-cen,
[class*=fixad] .txtBnrHor {
  display: block;
}

.text-adv-cen {
  --gap: 10px;
  font-size: 10px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}

.text-adv-cen .d-flex:before,
.text-adv-cen .d-flex:after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #ebebeb;
}

.text-adv-cen .d-flex:before {
  margin-right: var(--gap);
}

.text-adv-cen .d-flex:after {
  margin-left: var(--gap);
}

.fixad300x600 {
  width: 300px !important;
  height: 612px !important;
  background-size: cover !important;
  display: block !important;
}

.fixad300x600 .m_banner_show {
  height: 600px;
  background-image: url(https://cdn.24h.com.vn/upload/html/bg_pc_p1.png) !important;
}

.fixad1060x150 {
  width: 1060px !important;
  height: 56.25%;
  min-height: 150px;
  background-image: url(https://cdn.24h.com.vn/upload/html/bg_1060x150px.png) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad396x40 {
  width: 396px !important;
  height: 40px !important;
  display: block !important;
}

.fixad740x120 {
  width: 740px !important;
  height: 137.5px !important;
  background-image: url(https://cdn.24h.com.vn/upload/html/740x120.jpg) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad740x50 {
  width: 740px !important;
  height: 50px !important;
  display: block !important;
  background-image: url(https://cdn.24h.com.vn/upload/html/740x50.jpg) !important;
  background-size: cover !important;
}

.fixad444x1040 {
  width: 444px !important;
  height: 1040px !important;
  display: block !important;
}

.fixad970x91 {
  width: 970px !important;
  height: 91px !important;
  background-image: url(https://cdn.24h.com.vn/upload/html/bg_970x90px.jpg) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad740x570 {
  width: 740px !important;
  height: 570px !important;
}

.fixad660x370 {
  width: 660px !important;
  height: 370px !important;
  display: block !important;
  margin: 0 auto 30px;
  background-image: url(https://cdn.24h.com.vn/upload/html/660x370.jpg) !important;
  background-size: cover !important;
}

.fixad660x50 {
  width: 660px !important;
  height: 50px !important;
  display: block !important;
  background-image: url(https://cdn.24h.com.vn/upload/html/660x50.jpg) !important;
  background-size: cover !important;
}

.fixad700x90 {
  width: 700px !important;
  height: 107.5px !important;
  display: block !important;
  margin: 0 auto 20px !important;
  background-image: url(https://cdn.24h.com.vn/upload/html/700x90.jpg) !important;
  background-size: cover !important;
}

.fixad300x250 {
  width: 300px !important;
  height: 262px !important;
  display: block !important;
}

.fixad300x250 .m_banner_show {
  height: 250px;
}

.fixad740x470 {
  height: 470px !important;
  display: block !important;
}

.icon-cate.pos-ab {
  bottom: 8px;
  left: 8px;
}

.icon-cate svg {
  width: 30px;
  height: 30px;
}

.icon-cate.icon-cate-24h-gap-go svg {
  width: 95px;
  height: 20px;
}

.icon-tick-cate.icon-tick-cate-24h-gap-go svg {
  display: inline-block;
  width: 85px;
  height: 18px;
  vertical-align: middle;
}

.header-24h {
  height: 50px;
}

.logo-24h {
  max-width: 100px;
  height: 47px;
}

.logo-24h *,
.logo-event * {
  font-size: inherit;
  height: 100%;
}

.logo-event {
  max-width: 150px;
  height: 42px;
  border-left: 1px solid #ebebeb;
}

.header-24h-view {
  border-right: 1px solid #ebebeb;
}

.header-24h-view li a {
  font-size: 14px;
  color: #404040;
}

.header-24h-view li:not(:last-child) {
  margin: 0 30px 0 0;
}

.header-24h-view li .icon-svg {
  width: 20px;
  height: 20px;
}

.header-24h-view li .icon-tcd-header {
  max-width: 150px;
  height: 40px;
}

.header-24h-search {
  padding: 0 10px;
  height: 32px;
  border: 1px solid #ebebeb;
  border-radius: var(--border-circle);
}

.header-24h-search .header-24h-search-input,
.header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder {
  font-size: 14px;
  color: #959595;
}

.header-24h-search .header-24h-search-input,
.header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder,
.header-24h-search-btn {
  border: none;
  background: none;
}

.header-24h-search-btn {
  color: #a1a1a1;
}

.header-24h-search-btn svg {
  width: 20px;
  height: 20px;
}

.menu-24h-main {
  --bg-menu-header: #78b43d;
  --bg-click-slide-menu: #fff;
  --bg-click-slide-menu-close: #78b43d;
  --hover-link-menu-header: rgb(0, 0, 0, 30%);
  --hover-link-submenu-header: #78b43d;
  --border-top-submenu-header: #3c811e;
  --color-link-submenu-header: #404040;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  background: var(--bg-menu-header);
  z-index: 9999;
}

.menu-24h-main > .container > ul > li:nth-child(n+13) {
  display: none;
}

.menu-24h-main > .container > ul > li > a {
  white-space: nowrap;
}

.menu-24h-main > .container > ul > li:not(.img-brands, .icon-hum) > a {
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 7px;
  font-size: 12px;
  z-index: 2;
}

.menu-24h-main ul li.icon-home a:hover,
.menu-24h-main > .container > ul > li:not(.img-brands, .icon-hum):hover > a {
  background: var(--hover-link-menu-header);
}

.menu-24h-main ul li.icon-home {
  width: 36px;
  margin: 0 0 0 15px;
}

.menu-24h-main ul li.icon-home svg {
  width: 16px;
  height: 16px;
}

.menu-24h-main ul li.icon-home:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.5019607843);
  transform: translateY(-50%);
}

.menu-24h-main ul li.icon-home a {
  justify-content: center;
  height: 36px;
}

.menu-24h-main ul li.img-brands {
  max-width: 165px;
  height: 27px;
}

.menu-24h-main ul li ul.sub-menu {
  top: 100%;
  left: 0;
  min-width: 199px;
  padding: 0 15px;
  border-top: 3px solid var(--border-top-submenu-header);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
}

.menu-24h-main ul li.img-brands ul.sub-menu {
  top: 31px;
}

.menu-24h-main ul li:nth-child(n+6) ul.sub-menu {
  right: 0;
  left: unset;
}

.menu-24h-main ul li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}

.menu-24h-main ul li ul.sub-menu li {
  margin: 0 -15px;
  padding: 0 15px;
}

.menu-24h-main ul li ul.sub-menu li a {
  font-size: 13px;
}

.menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub) a {
  display: block;
  height: 100%;
  padding: 10px 0;
  color: var(--color-link-submenu-header);
}

.menu-24h-main ul li ul.sub-menu li:not(:last-child) a {
  border-bottom: 1px solid #ebebeb;
}

.menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub):hover {
  cursor: pointer;
  background-color: var(--hover-link-submenu-header);
}

.menu-24h-main ul li ul.sub-menu li:hover a {
  color: var(--color-white);
  border-bottom: 1px solid transparent;
}

.menu-24h-main ul li ul.sub-menu li.img-brands-sub {
  height: 35px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-2-coll {
  min-width: 399px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-3-coll {
  min-width: 600px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-2-coll li.img-brands-sub,
.menu-24h-main ul li ul.sub-menu.sub-menu-3-coll li.img-brands-sub {
  max-width: 50%;
  height: auto;
}

.menu-24h-main .click-slide-menu24h {
  width: 36px;
  height: 36px;
}

.menu-24h-main .click-slide-menu24h.act-menu {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}

.menu-24h-main .click-slide-menu24h .icon-hum {
  position: relative;
  left: -7px;
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum {
  left: 0;
}

.menu-24h-main .icon-hum .line {
  display: block;
  width: 21px;
  height: 2px;
  margin: 3px 0;
  background: var(--bg-click-slide-menu);
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line {
  opacity: 1;
  transform: rotate(42deg) translate(2px, -1px);
  background: var(--bg-click-slide-menu-close);
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(3) {
  transform: rotate(-42deg) translate(1px, 0px);
}

.header-24h-search .header-24h-search-input {
  width: 130px;
}

.header-24h-login {
  border-left: 1px solid #ebebeb;
}

.header-24h-login-btn * {
  font-size: 14px;
  color: #404040;
}

.header-24h-login-btn .icon-login {
  width: 18px;
  height: 18px;
  fill: #b8b8b8;
}

.header-24h-login-user .icon-ava {
  width: 32px;
  height: 32px;
  border-radius: 999px;
}

.header-24h-login-user:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 10px;
  width: 0;
  height: 0;
  border-top: 7px solid #d9d9d9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.header-24h-login-guide {
  top: 170%;
  right: 0;
  min-width: 211px;
  padding: 10px 20px 10px 10px;
  background: #eafaf1;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.3;
  color: #209956;
  z-index: 99999;
}

.header-24h-login-guide .icon-close {
  right: 10px;
  width: 12px;
  height: 12px;
  fill: #b8b8b8;
}

.header-24h-login-guide:before,
.header-24h-login-submenu:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 30px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #eafbf1;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.header-24h-login-submenu:before {
  right: 26px;
  border-bottom: 8px solid #fff;
}

.header-24h-login-submenu:after {
  content: "";
  position: absolute;
  top: -5px;
  width: 16px;
  height: 16px;
  right: 26px;
  z-index: -1;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transform: rotate(45deg);
}

.header-24h-login-submenu {
  top: 128%;
  right: 0;
  width: 200px;
  border: 1px solid #f2f2f2;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border-radius: 4px;
  z-index: 99999;
}

.header-24h-login-submenu:not(.show) {
  display: none;
}

.header-24h-login-submenu .text-user {
  padding: 10px 5px;
  font-size: 15px;
  color: #333;
}

.header-24h-login-submenu .icon-cm {
  width: 18px;
  height: 18px;
}

.header-24h-login-submenu .box-list-menu li a {
  padding: 10px;
  border-top: 1px solid #f2f2f2;
  font-size: 14px;
  color: #252525;
}

.header-24h-login-submenu .box-list-menu .badge {
  padding: 2px 10px;
  font-size: 12px;
  background: red;
  border-radius: 5px;
}

.footer-24h {
  --color-footer-main: #333;
  --color-footer-menu: #464646 ;
}

.footer-24h .btn-share-footer a,
.footer-24h .back-home {
  height: 40px;
  background: #78B43D;
  border-radius: var(--border-circle);
}

.footer-24h .btn-share-footer a {
  padding: 3px 10px;
  font-size: 14px;
}

.footer-24h .back-home {
  width: 40px;
}

.footer-24h .back-home svg,
.footer-24h .btn-share-footer svg,
.scroll-top-24h a svg {
  width: 20px;
  height: 20px;
}

.footer-24h .btn-share-footer a:hover,
.footer-24h .back-home:hover {
  background: #669a33;
}

.footer-24h-menu {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.footer-24h-menu ul li {
  padding: 4px 0;
}

.footer-24h-menu ul li a {
  font-size: 12px;
  color: var(--color-footer-menu);
  padding: 0 15px;
}

.footer-24h-menu ul li:not(:last-child) a {
  border-right: 1px solid currentcolor;
}

.footer-24h-menu ul li.icon-home a {
  border: none;
  padding: 0;
}

.footer-24h-menu ul li.icon-home svg {
  width: 20px;
  height: 20px;
}

.footer-24h-b .row {
  margin: 0 -30px;
}

.footer-24h-b .row [class*=col-] {
  padding: 0 30px;
}

.footer-24h-b .col-6:first-child {
  border-right: 1px solid #ebebeb;
}

.footer-24h-b .icon-dmca {
  width: 110px;
  height: 42px;
}

.footer-24h-b .icon-vh-24h {
  width: 88px;
  height: 42px;
}

.footer-24h-info,
.footer-24h-info * {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-footer-main);
}

.footer-24h-info svg {
  width: 17px;
  height: 20px;
}

.footer-24h-info .tit-add {
  font-size: 14px;
}

.footer-24h-info .tit-comp {
  font-size: 15px;
}

.footer-24h-link a {
  padding: 0 15px;
  font-size: 14px;
  line-height: 20px;
  color: #363636;
}

.footer-24h-link .link-adv {
  padding: 6px 15px;
  margin: 0 15px 0 0;
  color: #30811d;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
}

.footer-24h-link .link-adv:hover {
  border-color: currentcolor;
}

.scroll-top-24h {
  bottom: 20px;
  right: 20px;
}

.scroll-top-24h a {
  width: 40px;
  height: 40px;
  color: #707070;
  border-radius: var(--border-circle);
  border: 1px solid #ebebeb;
}

.scroll-top-24h a:hover {
  border-color: var(--hover-bor-bg-cl-24h);
}

@font-face {
  font-family: Exo2-Bold;
  src: url("/wp-content/fonts/roboto/Exo2-Bold.woff2") format("woff2"), url("/wp-content/fonts/roboto/Exo2-Bold.woff") format("woff"), url("/wp-content/fonts/roboto/Exo2-Bold.ttf") format("truetype");
  font-display: swap;
}
.cate-24h-foot-main img {
  transition: all ease-in 2s;
}

.color-danger,
.colorRed {
  color: #d50000 !important;
}

.fw-exo2-bold {
  font-family: Exo2-Bold !important;
}

.border-box {
  border: 1px solid #ebebeb;
}

.margin-top-7 {
  margin-top: 7px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15-box-nb {
  margin-top: -15px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-28 {
  margin-top: 28px !important;
}

.margin-top-32 {
  margin-top: 32px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-right-12 {
  margin-right: 12px !important;
}

.margin-bottom-7 {
  margin-bottom: 7px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-16 {
  margin-bottom: 16px !important;
}

.margin-bottom-32 {
  margin-bottom: 32px !important;
}

.margin-left-8 {
  margin-left: 8px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.status-live {
  position: absolute;
  top: 6px;
  left: 6px;
  background: #f9151d;
  color: #fff;
  font-size: 14px;
  border-radius: 999px;
  padding: 4px 15px 4px 20px;
}

.status-live:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 999px;
  transform: translateY(-50%);
}

.cate-24h-foot-main .container {
  max-width: 1100px;
  width: 1100px;
  padding: 0 20px;
  margin: auto;
}

.cate-24h-foot-main .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.cate-24h-foot-main [class*=coll-] {
  position: relative;
  width: 100%;
  padding: 0 10px;
}

.banner-footer-fixed,
.cate-24h-foot-main,
.cate-24h-foot-main.bg-content-fixed {
  width: 1100px;
  z-index: 99;
  margin: auto;
}

.cate-24h-foot-main.bg-content-fixed {
  z-index: 999;
}

.cate-24h-foot-home-2-col .coll-left {
  flex: 1;
}

.cate-24h-foot-home-2-col .coll-right {
  -ms-flex: 0 0 320px;
  -webkit-box-flex: 0;
  flex: 0 0 320px;
  max-width: 320px;
}

.swiper-button-disabled {
  display: none;
}

#zone_banner_sponser_video .m_banner_show,
.bnInreadNews .m_banner_show,
.bnPostarticle .m_banner_show,
.m_banner_show {
  display: block;
  margin: 0 auto;
}

.bnBillboardTop .bnBillboardTopChidren {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.bnBillboardTop .bnBillboardTopChidren .m_banner_show {
  margin-left: calc(50% - 960px);
}

.bnPostarticle {
  position: relative;
  top: -20px;
}

.banner_sticky_container {
  position: fixed;
  bottom: 0;
  z-index: 9999;
}

.adv-text-top {
  position: relative;
  top: -15px;
}

.banner_201 {
  margin: 0 0 20px;
}

.divBnrHm {
  position: relative;
  margin-top: -5px;
}

.bnrPtn {
  position: relative;
  margin-left: 0;
}

.inImgExpand {
  position: relative;
  display: inline-block;
}

.inImgExpand img {
  position: unset !important;
  padding-top: unset;
}

.inImgExpandSection {
  position: absolute;
  top: -15px;
  width: 100%;
  margin: 0 auto;
}

.inImgExpandSection .text_adv_ex {
  display: inline-block;
  font-size: 10px;
  color: #999;
}

.fixad740x570.inImgExpand .news-image {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 !important;
  z-index: -1;
  transition: all ease 0s;
}

section[id$=_145_15s_container] {
  display: block !important;
}

div[id$=_145_15s] {
  float: left;
  width: 336px;
  height: 279px;
  background-image: url(https://cdn.24h.com.vn/upload/html/bg_336x280.jpg) !important;
  background-size: cover !important;
  margin-top: 14px;
}

.divBnrHm div[id$=_145_15s] {
  margin-top: unset;
}

div[id$=_145_15s].bg-img-none {
  background-image: none !important;
  margin-top: unset;
}

.bnhotretngle {
  height: 279px;
  background: url(//cdn.24h.com.vn/images/Rectangle-545-copy.jpg);
}

.banner_product_article .banner_bai_anh .m_banner_show {
  margin: 0 auto 30px;
}

.banner_product_article .banner_bai_anh .txtBnrHor {
  text-align: center !important;
}

.none_txt_banner .txtBnrHor {
  display: none;
}

.none_txt_banner .banner_inread {
  margin-bottom: 0 !important;
}

.bnSponBot,
.bnSponTop {
  display: flex;
}

.bnSponBot .m_banner_show,
.bnSponTop .m_banner_show {
  display: flex;
  align-items: center;
  text-align: center;
}

@media not all and (min-resolution: 0.001dpcm) {
  .bnSponBot,
  .bnSponTop {
    justify-content: center;
  }
  .bnSponBot .m_banner_show,
  .bnSponTop .m_banner_show {
    margin: auto;
    justify-content: center;
  }
}
.bg-fixed-top {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.bg-content-fixed {
  position: relative;
  background: #fff;
  overflow: hidden;
}

.bg-fixed-top .contnrTop,
.contnrTop {
  width: 1100px !important;
}

.contnrTop {
  margin: 0 auto;
}

.banner_footer {
  display: flex;
  align-items: center;
  width: 1004px;
  margin: 0 auto 20px;
  padding: 17px 0;
  background: #f2f2f2;
}

.banner_footer .banner_inread {
  margin: 0 !important;
}

.banner-footer-fixed {
  position: relative;
  width: 1015px;
  background: #fff;
  overflow: hidden;
}

.banner-footer-fixed-full {
  background: #fff;
  z-index: 1;
  overflow: hidden;
}

.balloon {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
}

.balloon.un-show {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
}

.balloon .banner_inread {
  margin: 0 !important;
}

#rightBannerBackground .m_banner_show {
  text-align: left;
}

#leftBannerBackground .m_banner_show {
  text-align: right;
}

.divBnrHm .txtBnrHor,
.txtBnrVtl {
  position: absolute;
  top: 60px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: left center;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  left: -9px;
}

.colRt .txtBnrHor,
.txtR {
  text-align: right;
}

.txtBnrHor span,
.txtBnrVtl span {
  position: relative;
  color: #999;
  text-transform: none;
  font-size: 10px;
  font-weight: 400;
}

.txtBnrHor span:before,
.txtBnrVtl span:before {
  content: "Advertisement";
}

.cate-24h-foot-main .icon-tags,
.cate-24h-foot-main .icon-tags-fobal,
.cate-24h-foot-main .textIcontuvan {
  position: absolute;
  display: block;
  bottom: 6px;
  left: 6px;
  width: 24px;
  height: 24px;
  z-index: 1;
}

.cate-24h-foot-main .icon-tags {
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -1121px;
}

.cate-24h-foot-main .icon-tags.icon-hoi-dap {
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -586px;
}

.cate-24h-foot-main .icon-tags.icon-quiz {
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -620px;
}

.cate-24h-foot-main .icon-tags.icon-img {
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -552px;
}

.cate-24h-foot-main .icon-tags.icon-magz {
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -518px;
}

.cate-24h-foot-main .icon-tags.icon-info {
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -484px;
}

.cate-24h-foot-main .icon-tags-fobal {
  background: url("https://cdn.24h.com.vn/images/Icon-Video-highlight.gif") no-repeat;
}

.cate-24h-foot-main .textIcontuvan {
  background: url("https://cdn.24h.com.vn/images/sprites-new-2022-2.png") no-repeat -48px -5902px;
  width: 25px;
  height: 25px;
}

.cate-24h-foot-box-news-hightl-readmore,
.cate-24h-foot-home-tour-news-readmore {
  display: flex;
  align-items: center;
  justify-content: center;
  --gap: 29px;
  --bg-line: #ebebeb ;
}

.cate-24h-foot-box-news-hightl-readmore:after,
.cate-24h-foot-box-news-hightl-readmore:before,
.cate-24h-foot-home-tour-news-readmore:after,
.cate-24h-foot-home-tour-news-readmore:before {
  content: "";
  height: 1px;
  background-color: var(--bg-line);
  flex: 1;
}

.cate-24h-foot-box-news-hightl-readmore:before,
.cate-24h-foot-home-tour-news-readmore:before {
  margin-right: var(--gap);
}

.cate-24h-foot-box-news-hightl-readmore:after,
.cate-24h-foot-home-tour-news-readmore:after {
  margin-left: var(--gap);
}

.cate-24h-foot-box-news-hightl-readmore a,
.cate-24h-foot-home-tour-news-readmore a {
  padding: 9px 20px;
  background: #51ae5a;
  font-size: 14px;
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  border-radius: 999px;
}

.cate-24h-foot-box-news-hightl-readmore a:after,
.cate-24h-foot-home-tour-news-readmore a:after {
  content: "";
  display: inline-block;
  margin: -3px 0 0 7px;
  padding: 3px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.cate-24h-foot-home-tour-news-readmore {
  --gap: 23px ;
}

.cate-24h-foot-home-tour-news-readmore a {
  height: 35px;
}

.cate-24h-foot-home-tour-news-readmore a:after {
  margin: 0 0 0 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.cate-24h-foot-home-latest-list__readmore a {
  width: 100%;
  height: 35px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(45deg, #51ae5a, #51ae5a);
}

.cate-24h-foot-home-latest-list__readmore a:after {
  content: "+";
  margin: 0 0 0 7px;
  font-size: 20px;
  font-family: Roboto-Regular, sans-serif;
}

.cate-24h-foot-home-tour-news-readmore.arrow-plus-etm a:before {
  content: "+";
  margin: 0 5px 0 0;
  font-size: 18px;
}

.cate-24h-foot-home-tour-news-readmore.arrow-plus-etm a:after {
  content: none;
}

.cate-24h-foot-block-title-home * a:hover,
.cate-24h-foot-block-title-home a:first-child:hover,
.cate-24h-foot-home-latest-list__time a:hover,
.cate-24h-foot-menu-top li.icon-home a:hover,
.cate-24h-foot-menu-top-action-tags li a:hover,
.cate-24h-foot-menu-top:not(.etm-menu-top) li a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-block-title-home a:first-child,
.cate-24h-foot-block-title-home h2 a,
.cate-24h-foot-block-title-home p a {
  padding: 0 10px 0 0;
}

.cate-24h-foot-block-title-home a:first-child,
.cate-24h-foot-block-title-home h2,
.cate-24h-foot-block-title-home h2 a,
.cate-24h-foot-block-title-home p,
.cate-24h-foot-block-title-home p a {
  font-size: 22px;
  color: #51ae5a;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.cate-24h-foot-block-title-home .read-more {
  font-size: 14px;
  color: #78b43d;
}

.cate-24h-foot-block-title-home .read-more img {
  height: 13px;
  margin: 0 0 0 7px;
}

.cate-24h-foot-block-title-home .read-more:after {
  content: "";
  width: 8px;
  height: 15px;
  margin: 0 0 0 7px;
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -1297px;
}

.cate-24h-foot-block-title-home .read-more:hover {
  text-decoration: underline !important;
}

.cate-24h-foot-menu-top {
  background: #ebebeb;
  padding: 10px 20px;
}

.cate-24h-foot-menu-top ul {
  justify-content: inherit !important;
}

.cate-24h-foot-menu-top > ul > li {
  padding: 0 10px;
}

.cate-24h-foot-menu-top li img {
  object-fit: scale-down;
}

.cate-24h-foot-menu-top .img-hmenu {
  height: 30px;
}

.cate-24h-foot-menu-top li.icon-menu .img-3-dots {
  height: 7px;
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -801px;
}

.cate-24h-foot-menu-top li.icon-menu .img-close {
  height: 19px;
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -743px;
}

.cate-24h-foot-menu-top li.icon-home a:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url("https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -818px;
}

.cate-24h-foot-menu-top li.icon-menu {
  position: absolute;
  right: 20px;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}

.cate-24h-foot-menu-top li.icon-menu .img-3-dots,
.cate-24h-foot-menu-top li.icon-menu .img-close {
  display: inline-block;
  width: 19px;
  cursor: pointer;
}

.cate-24h-foot-menu-top li.icon-menu .img-close,
.cate-24h-foot-menu-top li.icon-menu.active .img-3-dots {
  display: none;
}

.cate-24h-foot-menu-top li.icon-menu.active .img-close {
  display: block;
}

.cate-24h-foot-menu-top li.icon-home p {
  line-height: inherit;
}

.cate-24h-foot-menu-top li a {
  font-size: 15px;
  color: #252525;
}

.cate-24h-foot-menu-top li.icon-home {
  margin: 0 20px 0 0;
  padding: 0;
}

.cate-24h-foot-menu-top li.icon-home a,
.cate-24h-foot-menu-top li.icon-home h1,
.cate-24h-foot-menu-top li.icon-home h1 a,
.cate-24h-foot-menu-top li.icon-home p a,
.cate-24h-foot-menu-top li.icon-home span {
  font-size: 14px;
  color: #252525;
}

.cate-24h-foot-menu-top li.icon-home h1 a,
.cate-24h-foot-menu-top li.icon-home p a {
  font-family: Roboto-Bold;
}

.cate-24h-foot-menu-top li.icon-home span {
  margin: 0 19px;
  background: #c2c2c2;
  height: 27px;
  width: 1px;
}

.cate-24h-foot-menu-top li .template_detoxGreenImg {
  margin: 0 5px;
}

.cate-24h-foot-menu-top li.template_detoxGreen a {
  display: flex;
  align-items: center;
  max-width: unset;
  padding: 5px;
  border-radius: 999px;
}

.cate-24h-foot-menu-top li .template_detoxGreenImg img {
  height: 16px;
  vertical-align: middle;
}

.cate-24h-foot-menu-top li.template_detoxGreen a:hover {
  opacity: 0.9;
}

.cate-24h-foot-menu-top li.template_detoxGreen a.logoBrandOnlyImg {
  padding: 0;
  border-radius: 0;
  height: 30px;
}

.cate-24h-foot-menu-top li.template_detoxGreen a.logoBrandOnlyImg img {
  width: unset;
  height: 100%;
  object-fit: unset;
}

.etm-menu-top li.icon-home span {
  background-color: #999;
}

.etm-menu-top li.icon-home .logo-wc22 {
  min-width: 187px;
}

.etm-menu-top li.icon-home .logo-etm,
.etm-menu-top li.icon-home .logo-etm * {
  font-size: 18px;
  font-family: Exo2-Bold;
  text-shadow: 1px 1px 2px #000100;
}

.etm-menu-top li.icon-home .logo-etm a:before {
  content: none;
}

.etm-menu-top > ul > li {
  padding: 0 7px 0 0;
}

.etm-menu-top > ul > li:not(.icon-home, .template_detoxGreen) > a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
}

.etm-menu-top > ul > li:not(.icon-home, .template_detoxGreen) a:hover {
  background: rgba(51, 51, 51, 0.6588235294) !important;
}

.etm-menu-top .cate-24h-foot-menu-top-action {
  top: 50px;
}

.cate-24h-kd-menu-top > ul > li {
  padding: 0 6px;
}

.cate-24h-kd-menu-top ul li.act-menu a {
  position: relative;
}

.cate-24h-kd-menu-top ul li.act-menu a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 100%;
  height: 2px;
  background: #77b33c;
}

.wc22-menu-top .logo-aff22 a:before,
.wc22-menu-top li.icon-home .logo-wc22 a:before {
  content: none !important;
}

.btn-share-24h {
  --cl-bg-bor-share-24h: rgb(32, 153, 86) ;
}

.btn-share-24h .cv19-sha-social__tit {
  font-family: Roboto-Bold;
}

.btn-share-24h .cv19-sha-social__tit {
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff;
  font-size: 12px;
  background-color: #209956;
  cursor: pointer;
}

.btn-share-24h .cv19-sha-social__tit:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 5px 0 0;
  background: url("/wp-content/themes/flatsome/assets/custom/images/covid/sprite-icon-share-social-covid-19.png") -5px -150px no-repeat;
}

.btn-send-comm-r.btn-send-comm {
  --bg-cl-bor-main: #78b43d;
  --color-white: #fff;
  padding: 9px;
  border-radius: 4px;
  font-size: 14px;
  color: var(--bg-cl-bor-main);
  border: 1px solid #dde7d4;
  cursor: pointer;
}

.btn-send-comm-r.btn-send-comm svg {
  width: 16px;
  height: 16px;
}

.btn-send-comm-r.btn-send-comm:hover {
  background: var(--bg-cl-bor-main);
  color: var(--color-white);
  border-color: var(--bg-cl-bor-main);
}

.cate-24h-foot-box-adv-view-news div[id$=_145_15s] {
  margin-top: 17.5px;
}

.cate-24h-foot-box-adv-view-news #class_box_hot1 {
  position: relative;
}

.cate-24h-foot-box-adv-view-news .txtBnrHor {
  position: absolute;
  top: 0;
  left: 12px;
}

.cate-24h-foot-box-adv-view-news .row {
  margin: 0 -12px;
}

.cate-24h-foot-box-adv-view-news [class*=col-] {
  padding: 0 12px;
}

.cate-24h-foot-box-adv-view-news .col-6 {
  flex: 1;
  max-width: 100%;
  min-width: 0;
}

.cate-24h-foot-box-adv-view-news .imgNws {
  width: 130px;
  height: 98px;
  margin-right: 10px;
}

.cate-24h-foot-box-adv-view-news .imgNws img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cate-24h-foot-box-adv-view-news .col-6:nth-child(2) {
  flex: 0 0 404px;
  max-width: 404px;
}

.cate-24h-foot-box-adv-view-news__box--title {
  background: #ebebeb;
  padding: 10px 15px;
}

.cate-24h-foot-box-adv-view-news__box--title *,
.cate-24h-foot-box-adv-view-news__box--title span a {
  font-size: 20px;
  color: #252525;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.cate-24h-foot-box-adv-view-news__box {
  border: 1px solid #ebebeb;
  margin: 17.5px 0 0;
}

.cate-24h-foot-box-adv-view-news__box--list {
  padding: 15px 15px 0;
  max-height: 234px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a1a1a1 #ebebeb;
}

.cate-24h-foot-box-adv-view-news__box--list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ebebeb;
  border-radius: 6px;
  background-color: #ebebeb;
}

.cate-24h-foot-box-adv-view-news__box--list::-webkit-scrollbar {
  width: 3px;
  border-radius: 6px;
  background-color: #ccc;
}

.cate-24h-foot-box-adv-view-news__box--list::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 3px #ebebeb;
  background-color: #7a7a7a;
}

.cate-24h-foot-box-adv-view-news__box--list li {
  margin: 0 0 15px;
}

.cate-24h-foot-box-adv-view-news__box--img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 110px;
  max-width: 110px;
  height: 90px;
  margin: 0 15px 0 0;
}

.cate-24h-foot-box-adv-view-news__box--name span,
.cate-24h-foot-box-adv-view-news__box--name span a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 62px;
  font-size: 15px;
  line-height: 20px;
  color: #252525;
}

.cate-24h-foot-box-adv-view-news__box--name a:hover {
  color: #78b43d;
}

.hotnew {
  position: relative;
  top: 15px;
}

.cate-24h-foot-box-adv-view-news .col-6-cc {
  flex: 1;
  max-width: 100%;
  min-width: 0;
}

.hottest-24h {
  width: 100%;
  margin-top: 14px;
}

.cate-24h-foot-main .hottest-24h-list {
  padding: 15px;
}

.cate-24h-foot-main .hottest-24h-bg {
  margin: 0 10px 0 0;
}

.box-sktb-cm {
  padding: 10px;
  margin: 14px 0 0;
  min-height: 280px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #51ae5a;
}

.box-sktb-cm__tit,
.box-sktb-cm__tit * {
  font-size: 22px;
  color: #51ae5a;
}

.box-sktb-cm-slide .row {
  margin: 0 -10px;
}

.box-sktb-cm-slide .coll-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 10px;
}

.box-sktb-cm-items {
  max-height: 196px;
  background: linear-gradient(180deg, #2d6833 0, #51c55c 100%);
  border-radius: 5px;
}

.box-sktb-cm-bg {
  height: 122px;
}

.box-sktb-cm-info {
  top: -20px;
}

.box-sktb-cm-info .icon-ava {
  width: 42px;
  height: 42px;
  padding: 5px;
  border-radius: 999px;
  background-color: #fff;
}

.box-sktb-cm-info .text-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 47px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 18px;
}

.box-sktb-cm-slide .slide-nav-icon {
  --bor-arr-vs-bg-hover-arr: #fff;
  top: 39%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 999px;
  background-color: #c1c1c1;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-l:before,
.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-r:before {
  position: relative;
  content: "";
  border: solid var(--bor-arr-vs-bg-hover-arr);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-r:before {
  left: -1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-l:before {
  left: 1px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-l {
  left: -15px;
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-r {
  right: -15px;
}

.box-sktb-cm-slide .slide-nav-icon:hover {
  background: #78b43d;
}

.box-sktb-cm-slide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  background: #51ae5a;
}

.box-sktb-cm-slide .slide-pagi.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.box-sktb-cm-slide .slide-pagi.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 0;
  transform: translateX(0);
  margin: auto;
  text-align: center;
}

.cate-24h-foot-home-latest .select-date-custom {
  position: relative;
}

.cate-24h-foot-home-latest .cate-24h-foot-home-tour-news-icon-club,
.cate-24h-foot-home-tour-news-spec-tour-site .cate-24h-foot-home-tour-news-icon-club {
  margin: 0 10px 0 0;
}

.cate-24h-foot-home-latest .cate-24h-foot-block-title-home h2,
.cate-24h-foot-home-latest .cate-24h-foot-block-title-home h2 a {
  border: none !important;
  padding-left: 0;
}

.cate-24h-foot-home-latest .select-date {
  color: #707070;
  font-size: 12px;
  height: 30px;
  padding: 0 5px;
  border: 1px solid #ebebeb;
  cursor: pointer;
}

.cate-24h-foot-home-latest .select-date-custom:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

.cate-24h-foot-home-latest-list__ava {
  flex: 0 0 210px;
  width: 210px;
  height: 144px;
  margin: 0 20px 0 0;
}

.cate-24h-foot-home-latest-list__cate a {
  font-size: 14px;
  color: #78b43d;
}

.cate-24h-foot-home-latest-list__name {
  margin: 0 0 10px;
}

.cate-24h-foot-home-latest-list__name,
.cate-24h-foot-home-latest-list__name a {
  display: block;
  font-size: 18px;
  line-height: 25px;
  color: #252525;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-latest-list__name a:hover {
  color: #78b43d;
}

.cate-24h-foot-home-latest-list__sum {
  font-size: 14px;
  color: #676767;
  line-height: 20px;
}

.cate-24h-foot-home-latest-list__time {
  display: block;
  font-size: 12px;
  color: #959595;
  margin: 10px 0 0 0;
}

.cate-24h-foot-home-latest-list__time a {
  font-size: 12px;
  color: #959595;
}

.cate-24h-foot-box-live-video-hightl-more#div_box_template_tin_noi_bat2 .cate-24h-foot-home-latest-list article {
  border-bottom: 1px solid #e3e3e3;
  border-top: none;
  padding: 0 0 16px;
}

.cate-24h-foot-box-live-video-hightl-more#div_box_template_tin_noi_bat2 .cate-24h-foot-home-latest-list article:last-child,
.cate-24h-foot-home-latest .cate-24h-foot-home-latest-list > article:first-child {
  border: none;
  padding: 0;
}

#div_box_template_tin_noi_bat2 .cate-24h-foot-home-latest-list article,
.cate-24h-foot-box-live-video-hightl-more#div_box_template_tin_noi_bat2 [id*=div_box_template_tin_noi_] .cate-24h-foot-home-latest-list article,
.cate-24h-foot-home-latest-list article {
  border-top: 1px solid #e3e3e3;
  border-bottom: none;
  padding: 16px 0 0;
}

#div_css_border_top_none article:first-child {
  border-top: none;
  padding-top: 0;
}

.cate-24h-foot-home-tour-news-big-title h3 a:hover,
.cate-24h-foot-home-tour-news-list li a:hover,
.cate-24h-foot-home-tour-news-main .cate-24h-foot-home-tour-news-title h2 a:hover,
.cate-24h-foot-home-tour-news-small-title h3 a:hover,
.cate-24h-foot-home-tour-news-title h2 a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-home-tour-news-main .coll-420,
.cate-24h-foot-home-tour-news-small-title {
  flex: 1;
}

.cate-24h-foot-home-tour-news-main .coll-300 {
  -ms-flex: 0 0 320px;
  -webkit-box-flex: 0;
  flex: 0 0 320px;
  max-width: 320px;
}

.cate-24h-foot-home-tour-news-icon-club {
  max-width: auto;
  height: 31px;
  margin: 0 10px 0 0;
}

.cate-24h-foot-home-tour-news-icon-club img {
  width: inherit;
}

.cate-24h-foot-home-tour-news-list li {
  padding: 0 0 0 20px;
}

.cate-24h-foot-home-tour-news-list li a {
  font-size: 14px;
  color: #666;
}

.cate-24h-foot-home-tour-news-title h2,
.cate-24h-foot-home-tour-news-title h2 a {
  display: flex;
  align-items: center;
  font-size: 22px;
  color: #252525;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.cate-24h-foot-home-tour-news-big-ava {
  height: 282px;
}

.cate-24h-foot-home-tour-news-big-title {
  margin: 14px 0 10px;
}

.cate-24h-foot-home-tour-news-big-title h3 {
  max-height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-home-tour-news-big-title h3,
.cate-24h-foot-home-tour-news-big-title h3 a {
  font-size: 20px;
  line-height: 25px;
  color: #252525;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-tour-news-big-sum {
  font-size: 14px;
  color: #252525;
  line-height: 20px;
}

.cate-24h-foot-home-tour-news-small-ava {
  flex: 0 0 157px;
  height: 105px;
  margin: 0 13px 0 0;
}

.cate-24h-foot-home-tour-news-small-title h3 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-home-tour-news-small-title h3,
.cate-24h-foot-home-tour-news-small-title h3 a {
  color: #252525;
  font-size: 14px;
  line-height: 20px;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-tour-news-small:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
  margin: 0 0 15px;
  padding: 0 0 15px;
}

.grnBxTit {
  margin-bottom: 20px;
}

.grnBxTit span {
  padding: 0 10px 0 0;
  font-size: 22px;
  color: #51ae5a;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.grnBxCntGrn {
  position: relative;
  display: inline-block;
  width: 300px;
  margin: 0 0 12px;
}

.grnBxCntGrn article {
  display: flex;
  overflow: hidden;
  margin-bottom: 19px !important;
}

.grnBxCntGrn article .imgNwsHm {
  position: relative;
  flex: 0 0 126px;
  max-width: 126px;
  width: 126px;
  height: 85px;
  margin: 0 14px 0 0;
  padding: 0 !important;
  overflow: hidden;
}

.grnBxCntGrn article .imgNwsHm img:hover {
  transform: scale(1.3);
}

.grnBxCntGrn article .nwsTit {
  padding-top: 3px;
}

.grnBxCntGrn article .nwsTit a {
  font-size: 14px;
  color: #252525;
  line-height: 18px;
  font-family: Roboto-Bold;
}

.grnBxCntGrn article .nwsTit a:hover {
  color: #78b43d !important;
}

.grnBxCntGrn .nav-swp {
  left: 50%;
  width: 37px;
  height: 23px;
  background: #84b43d;
  box-shadow: 0 4px 9.1000003815px 0 rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
  transform: translateX(-50%);
}

.grnBxCntGrn:hover .nav-swp {
  opacity: 1;
  visibility: visible;
}

.grnBxCntGrn .nav-swp.nav-swp-l {
  top: 0;
  border-radius: 0 0 30px 30px;
}

.grnBxCntGrn .nav-swp.nav-swp-r {
  bottom: 15px;
  border-radius: 30px 30px 0 0;
}

.grnBxCntGrn .nav-swp .icon-arrow {
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  padding: 3px;
  vertical-align: middle;
  cursor: pointer;
}

.grnBxCntGrn .nav-swp-l .icon-arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin: 3px 0 0;
}

.grnBxCntGrn .nav-swp-r .icon-arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: -3px 0 0;
}

.grnBxCntGrn .nav-swp:hover {
  background: #51c55c;
}

.grnBxCntGrn .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  position: absolute;
  top: 354px;
  left: 0;
  margin: 0 auto;
  transform: translate(0) rotate(-90deg);
}

.grnBxCntGrn .swiper-pagination-bullets .swiper-pagination-bullet {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin: 2px 0;
  opacity: 1;
  border-radius: 999px;
  background-color: #ddd;
}

.grnBxCntGrn .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #84b43d;
}

.cate-24h-foot-home-2-col-box-right-news,
.cate-24h-foot-home-2-col-box-right-news-list,
.cate-24h-foot-home-2-col-box-right-news-list__ava,
.cate-24h-foot-home-2-col-box-right-news-list__title {
  padding: 0 !important;
}

.cate-24h-foot-home-2-col-box-right-news-list .margin-bottom-20 {
  margin-bottom: 19px !important;
}

.cate-24h-foot-home-2-col-box-right-news-list__ava {
  flex: 0 0 126px;
  max-width: 126px;
  width: 126px;
  height: 85px;
  margin: 0 14px 0 0;
  overflow: hidden;
}

.cate-24h-foot-home-2-col-box-right-news-list__ava img:hover {
  transform: scale(1.3);
}

.cate-24h-foot-home-2-col-box-right-news-list__title * {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 81px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #252525;
  line-height: 18px;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-2-col-box-right-news-list__title a:hover {
  color: #78b43d;
}

.ttdnkh > header {
  margin: 30px 0 0 0;
  padding: 0 0 10px;
  border-bottom: 2px solid #ef7930;
}

.ttdnkh > header > span {
  display: block;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -3795px;
  padding: 0 0 0 30px;
  font-size: 22px;
  line-height: 25px;
  color: #ef7930;
  text-transform: uppercase;
}

.ttdnkh .bx4TBtmHm {
  position: relative;
  width: 100%;
  padding: 20px 35px 20px;
  background: #fff1d9;
}

.ttdnkh .t4ArwLt,
.ttdnkh .t4ArwRt {
  position: absolute;
  top: 50%;
  width: 19px;
  height: 40px;
  transform: translateY(-50%);
  z-index: 100;
}

.ttdnkh .t4ArwLt {
  left: 0;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5711px;
}

.ttdnkh .t4ArwRt {
  right: 0;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -48px -5011px;
}

.ttdnkh .swiper.slide-box-4t2 {
  width: 669px !important;
}

.ttdnkh .dnIt2 .imgNws {
  position: relative;
  height: 110px;
}

.ttdnkh .dnIt2 header span a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 18px;
  font-family: Roboto-Bold;
  color: #252525;
}

.ttdnkh .dnIt2 header span a:hover {
  color: #78b43d;
}

.ttdnkh .dnIt2 header {
  padding: 12px 0 0;
}

.ttdnkh .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
}

.ttdnkh .col-up-4 > .col {
  position: relative;
}

.ttdnkh .col-up-4 {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.ttdnkh .ttdnkhNoGridRow {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.ttdnkh .ttdnkhNoGridRow .no-slide {
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
  padding: 0 15px;
  margin: 0 0 10px;
}

.ttdnkh .pagination.swiper-pagination-bullets {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 5px;
  z-index: 99;
  transform: translateX(-50%);
}

.ttdnkh .pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 6px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  opacity: 1;
  cursor: pointer;
}

.ttdnkh .pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #ef7930;
}

.module3 {
  margin: 30px 0 0 0;
}

.bxCmSbPg:before {
  content: "Advertisement";
  display: block;
  margin: 0 0 6px;
  font-size: 10px;
  color: #9e9e9e;
}

.bxCmSbPg .grnBxT {
  display: flex;
  align-items: center;
  padding: 9px 20px;
  border-radius: 8px 8px 0 0;
  background-color: #d2577e;
}

.bxCmSbPg .grnBxT:before {
  content: "";
  display: inline-block;
  margin: 0 8px 0 0;
  width: 21px;
  height: 23px;
  background: url("https://cdn.24h.com.vn/images/sprites30122022.png") -8px -1782px no-repeat;
}

.bxCmSbPg .grnBxT a {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}

.bxCmSbPg .bxGrtt {
  padding: 0 20px 10px;
  border-radius: 0 0 8px 8px;
  border: 1px solid #ebebeb;
}

.bxCmSbPg .sclDiv.sclDivSbPg {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 20px;
}

.bxCmSbPg .bxGrtt .lstNml {
  display: flex;
  padding: 20px 0 0 0;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  min-height: 60px;
}

.bxCmSbPg .bxGrtt .lstNml:nth-child(odd) {
  padding: 20px 30px 0 0;
}

.bxCmSbPg .bxGrtt .lstNml a {
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  font-family: Roboto-Medium;
}

.bxCmSbPg .bxGrtt .lstNml a:hover {
  color: #78b43d;
}

.bxCmSbPg .bxGrtt .lstNml:before {
  content: "";
  display: inline-block;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin: 6px 10px 0 0;
  border-radius: 999px;
  background: #d2577e;
}

.bxCmSbPg .pgCatex .pg,
.bxCmSbPg .pgCatex .pgFit.pgnext,
.bxCmSbPg .pgCatex .pgLnk.pgLst {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bxCmSbPg .pgCatex .pg {
  margin: 0.5rem 0;
}

.bxCmSbPg .pgCatex .pgIt {
  margin: 0 3px;
}

.bxCmSbPg .pgCatex .pgLnk {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 27px;
  text-align: center;
  font-size: 12px;
  color: #757575;
  background-color: #fff;
  border: 1px solid #ddd;
}

.bxCmSbPg .pgCatex .atv span {
  background: #d2577e;
  border-color: #d2577e;
  color: #fff;
}

.bxCmSbPg .pgCatex .pgLnk {
  border-radius: 999px;
}

.bxCmSbPg .pgCatex .pgLnk.pgnext:before,
.bxCmSbPg .pgCatex .pgLnk.pgprev:before {
  content: "";
  padding: 3px;
  margin: 0 3px 0 0;
  border: solid #757575;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.bxCmSbPg .pgCatex .pgLnk.pgnext:before {
  margin: 0 0 0 4px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.bxCmSbPg .pgCatex .pgIt:hover .pgLnk:before {
  border-color: #d2577e;
}

.bxCmSbPg .pgCatex .pgLnk:hover {
  color: #d2577e;
}

.specialty-ftb {
  width: 1060px;
}

.specialty-ftb .row {
  margin: 0 -7.5px;
}

.specialty-ftb .row .col-4 {
  padding: 0 7.5px;
}

.specialty-ftb-items .box-tit {
  min-height: 35px;
  border-radius: 10px 10px 0 0;
  background: #51ae5a;
}

.specialty-ftb-items .box-tit * {
  font-size: 18px;
  line-height: 22px;
}

.specialty-ftb-items .box-collumn {
  padding: 15px 5px 20px;
  box-shadow: 0 0 11.5px 4px rgba(97, 97, 97, 0.2509803922);
  border-radius: 0 0 10px 10px;
}

.specialty-ftb-items .box-collumn a img {
  width: 20px;
  height: 20px;
}

.specialty-ftb-items .box-collumn a * {
  align-content: center;
  font-size: 14px;
}

.specialty-ftb-items .box-collumn.row {
  margin: 0 5px;
}

.specialty-ftb-items .box-collumn.row [class*=col-] {
  padding: 0 5px;
}

.specialty-ftb-items .btn-more {
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
}

.specialty-ftb-items .btn-more a {
  display: inline-flex;
  padding: 0 10px;
  width: max-content;
  height: 35px;
  border-radius: var(--border-circle);
  border: 1px solid #51ae5a;
  font-size: 14px;
  color: #4c9553;
}

.specialty-ftb-items .btn-more a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 3px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.specialty-ftb-items .btn-more a:hover {
  background: var(--hover-bor-bg-cl-24h);
  border-color: var(--hover-bor-bg-cl-24h);
  color: var(--color-white);
}

#calenderTable {
  display: none;
}

.btnTpDtd {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5571px;
}

.back-home-fixed {
  right: 71px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background: #78b43d;
  border-radius: var(--border-circle);
  z-index: 1;
}

.back-home-fixed svg {
  width: 20px;
  height: 20px;
  transform: rotate(0);
}

.back-home-fixed:hover {
  background: #669a33;
}

.picIco,
.audioIco,
.vidIcoLt {
  position: absolute;
  display: block;
  bottom: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
  z-index: 1;
}

.picIco {
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4391px;
}

.vidIcoLt {
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4515px;
}

.icoPic {
  background: url(//cdn.24h.com.vn/images/2014/icon-pic.gif) no-repeat 5px 0;
  width: 20px;
  height: 9px;
  display: inline-block;
}

.icoquz {
  background: url(//cdn.24h.com.vn/images/2014/icon-quiz.png) 0 5px no-repeat;
}

.icoNws {
  display: inline-block;
  width: 29px;
  height: 12px;
  margin: 0 0 0 5px;
  vertical-align: -2px;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2551px;
}

.icoVid {
  display: inline-block;
  width: 21px;
  height: 10px;
  margin-left: 2px;
  background: url(//cdn.24h.com.vn/images/m2014/images-small/iconVideo-small.png) no-repeat 3px 0;
}

.icoInfo {
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1328px;
}

.icoMaz {
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2100px;
}

.audioIco {
  background: url(https://cdn.24h.com.vn/images/sprites-new-2022.png) no-repeat -48px -5791px;
}

.Icoaudio {
  background: url(https://cdn.24h.com.vn/images/sprites-new-2022.png) no-repeat -47px -5849px;
}

.cate-24h-foot-arti-deta .coll-left {
  flex: 1;
}

.cate-24h-foot-arti-deta .coll-right {
  -ms-flex: 0 0 320px;
  -webkit-box-flex: 0;
  flex: 0 0 320px;
  max-width: 320px;
}

#lazyLoad_content_template_cate .container,
.cate-24h-foot-arti-deta .container {
  max-width: 100%;
  width: 100%;
}

.cate-24h-foot-breadcrumb ul li a.active {
  color: #78b43d !important;
}

.cate-24h-foot-breadcrumb ul li a {
  font-size: 13px;
  color: #959595;
}

.cate-24h-foot-breadcrumb ul li:not(:last-child) a:after {
  content: "|";
  padding: 0 7px;
}

.cate-24h-foot-arti-deta-cre-post {
  font-size: 13px;
  color: #959595;
}

.cate-24h-foot-arti-deta-title,
.cate-24h-foot-arti-deta-title * {
  font-size: 27px;
  line-height: 1.3;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-arti-deta-tags span {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 0 5px 0 0;
  border-right: 1px solid #959595;
}

.cate-24h-foot-arti-deta-tags .tagsNameEvent {
  padding: 0;
  margin-right: 3px;
  font-size: 12px;
  color: #959595;
  border: none;
}

.cate-24h-foot-arti-deta-tags span:last-child {
  border: none;
}

.cate-24h-foot-arti-deta-tags span a {
  font-size: 13px;
  color: #78b43d;
}

.cate-24h-foot-arti-deta-tags span a:hover {
  color: #378b36;
}

.btn-kd-social {
  margin-top: -10px;
}

.btn-kd-social .cate-24h-foot-arti-deta-tags * {
  margin-bottom: 0 !important;
}

.cate-24h-foot-home-latest-list__tag {
  margin: 0 0 3px;
}

.cate-24h-foot-home-latest-list__tag a {
  margin: 0 5px 5px 0;
  padding: 3px 5px;
  border-radius: 3px;
  background: red;
  font-size: 12px;
  color: #fff;
}

.cate-24h-foot-home-latest-list__tag .bg-ogr {
  background: #f6700e;
}

.cate-24h-foot-home-latest-list__tag .bg-blue {
  background: #1a98e0;
}

.cate-24h-foot-home-latest-list__tag .bg-green {
  background: #1eaf8a;
}

.cate-24h-foot-home-latest-list__tag a:hover {
  background: #78b43d !important;
}

.cate-24h-foot-arti-deta-sum,
.cate-24h-foot-arti-deta-sum *,
.cate-24h-foot-arti-deta-info p i *,
.cate-24h-foot-arti-deta-info em strong *,
.cate-24h-foot-arti-deta-info strong *,
.cate-24h-foot-arti-deta-info b * {
  font-family: "Roboto-Bold";
}

.cate-24h-foot-arti-deta-sum,
.cate-24h-foot-arti-deta-sum *,
.cate-24h-foot-arti-deta-info p,
.cate-24h-foot-arti-deta-info p *,
.cate-24h-foot-arti-deta-info strong,
.cate-24h-foot-arti-deta-info strong *,
.cate-24h-foot-arti-deta-info p i,
.cate-24h-foot-arti-deta-info p i *,
.cate-24h-foot-arti-deta-info em,
.cate-24h-foot-arti-deta-info em *,
.cate-24h-foot-arti-deta-info b,
.cate-24h-foot-arti-deta-info b *,
.cate-24h-foot-arti-deta-info u,
.cate-24h-foot-arti-deta-info u *,
.cate-24h-foot-arti-deta-info .tuht_show * .cate-24h-foot-arti-deta-caption-img,
.cate-24h-foot-arti-deta-info .img_chu_thich_0407 {
  font-size: 15px;
  line-height: 24px;
}

.cate-24h-foot-arti-deta-sum,
.cate-24h-foot-arti-deta-sum *,
.cate-24h-foot-arti-deta-info p,
.cate-24h-foot-arti-deta-info strong,
.cate-24h-foot-arti-deta-info strong *,
.cate-24h-foot-arti-deta-info p i,
.cate-24h-foot-arti-deta-info p i *,
.cate-24h-foot-arti-deta-info em,
.cate-24h-foot-arti-deta-info em *,
.cate-24h-foot-arti-deta-info b,
.cate-24h-foot-arti-deta-info b *,
.cate-24h-foot-arti-deta-info u,
.cate-24h-foot-arti-deta-info u *,
.cate-24h-foot-arti-deta-info .tuht_show * .cate-24h-foot-arti-deta-caption-img,
.cate-24h-foot-arti-deta-info .img_chu_thich_0407 {
  color: #252525;
}

.cate-24h-foot-arti-deta-info p u font {
  color: currentcolor;
}

.cate-24h-foot-arti-deta-info p,
.cate-24h-foot-arti-deta-info p a,
.cate-24h-foot-arti-deta-info p em,
.cate-24h-foot-arti-deta-info p span,
.cate-24h-foot-arti-deta-info strong,
.cate-24h-foot-arti-deta-info strong span,
.cate-24h-foot-arti-deta-info p i,
.cate-24h-foot-arti-deta-info p i *,
.cate-24h-foot-arti-deta-info em,
.cate-24h-foot-arti-deta-info em *,
.cate-24h-foot-arti-deta-info b,
.cate-24h-foot-arti-deta-info b *,
.cate-24h-foot-arti-deta-sum,
.cate-24h-foot-arti-deta-caption-img,
.cate-24h-foot-arti-deta-info .img_chu_thich_0407,
.cate-24h-foot-arti-deta-info u {
  margin: 15px 0;
}

.cate-24h-foot-arti-deta-caption-img,
.cate-24h-foot-arti-deta-info .img_chu_thich_0407 {
  font-style: italic;
  text-align: center;
}

.v-24h-media-player {
  width: 100% !important;
  aspect-ratio: 16/9;
}

.iframe-video.iframe-video16-9 {
  padding-top: 56.25%;
}

.iframe-video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

table.tblCustom {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  white-space: initial !important;
}

#article_body table b,
#article_body table b *,
#article_body table strong,
#article_body table strong * {
  font-family: "Roboto-Bold" !important;
}

#article_body table p[align=center],
#article_body table td[align=center] p {
  text-align: center;
}

#article_body table {
  max-width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #D7D7D7 !important;
  margin-left: 0;
  margin-right: 0;
  white-space: initial !important;
}

#article_body table:not(.not_tblCustom) {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#article_body table.not_tblCustom p {
  margin: 10px 0;
}

#article_body table th {
  padding: 0 10px;
  text-align: inherit;
}

#article_body table td {
  font-size: 14px;
  text-align: inherit;
  padding: 4px;
  border: none;
  border: 1px solid #d7d7d7 !important;
}

#article_body table td p,
#article_body table td strong,
#article_body table :not(.viewVideoPlay *),
#article_body table font[face] {
  font-size: 14px !important;
}

#article_body table p strong font {
  color: currentcolor;
}

#article_body table th,
#article_body table td {
  font-weight: inherit;
}

#article_body .table_scroll table td {
  padding: 3px;
}

.table-grey {
  margin: 10px 0;
  background: #d7d7d7;
}

.box_bxh_doi_bong table,
.box_bxh_doi_bong div > img.news-image {
  margin-bottom: 22px;
}

table.tblCustom th,
table.tblCustom td,
table.not_tblCustom th,
table.not_tblCustom td,
table.tablenewsscroll th,
table.tablenewsscroll td {
  line-height: 24px;
}

#article_body .tblCustom span[style^=color] strong {
  color: inherit;
}

.cate-24h-foot-arti-deta-info p a,
.cate-24h-foot-arti-deta-info p a * {
  color: #0000EE;
}

.cate-24h-foot-arti-deta-info .news-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  vertical-align: middle;
  cursor: pointer;
}

.cate-24h-foot-arti-deta-info .liveCnt .news-image {
  display: inherit;
  margin: inherit;
}

.source-time-art24h {
  margin: 0 0 30px;
}

.source-time-art24h,
.source-time-art24h * {
  font-size: 13px;
  line-height: 24px;
  color: #757575;
  clear: both;
}

.source-time-art24h .linkOrigin .icoDrop {
  display: inline-block;
  width: 13px;
  height: 11px;
  vertical-align: middle;
  cursor: pointer;
}

.source-time-art24h .linkOrigin .icoDrop:before {
  content: "";
  position: relative;
  top: -5px;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 11px solid #cdd0d9;
  border-left: 7px solid transparent;
  border-right: 6px solid transparent;
}

.btn-send-comm-r.btn-send-comm {
  --bg-cl-bor-main: #78b43d;
  --color-white: #fff;
  padding: 9px;
  font-size: 14px;
  color: var(--bg-cl-bor-main);
  border: 1px solid #dde7d4;
  border-radius: 4px;
  cursor: pointer;
}

.box-share-send-bv .btn-send-comm-r.btn-send-comm {
  padding: 6.5px 9px;
  height: 27px;
}

.box-share-send-bv .btn-send-comm-r.btn-send-comm svg {
  transform: rotate(0deg);
}

.btn-send-comm-r.btn-send-comm svg {
  width: 16px;
  height: 16px;
}

.btn-send-comm-r.btn-send-comm:hover {
  background: var(--bg-cl-bor-main);
  color: var(--color-white);
  border-color: var(--bg-cl-bor-main);
}

.cate-24h-foot-arti-deta-content-main .nguontin,
.cate-24h-foot-arti-deta-content-main .nguontin * {
  font-size: 15px;
  line-height: 1.3;
  color: #252525;
}

.err_popup {
  display: none;
}

.btn-report-error {
  position: absolute;
  top: 1137px;
  left: 500px;
  padding: 10px 14px;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  z-index: 9999;
  cursor: pointer;
}

.btn-report-error:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popup_err {
  display: none;
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 13px;
  color: #fff !important;
  background: black;
  border-radius: 50%;
  border: 1px solid #ccc;
  text-align: center;
  z-index: 9999;
}

.cate-24h-foot-main blockquote {
  padding: 2px 8px 2px 20px;
  margin: 1em 40px;
  border-left: 5px solid #ccc;
  font-style: italic;
  font-family: "Roboto-Italic";
}

.click_to_flip {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  text-align: center;
  background: rgb(120 181 62/60%);
  font-size: 15px;
  color: #fff;
}

.bv-lq {
  clear: both;
}

.bv-lq-inner {
  display: flex;
  border-top: 5px solid #78b43d;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.bv-lq-inner .img-bv-lq {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 226px;
  flex: 0 0 226px;
  max-width: 226px;
  height: 165px;
}

.bv-lq-inner .img-bv-lq img {
  max-width: 100%;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  vertical-align: middle;
}

.bv-lq-inner .content-bv-lq {
  padding: 20px;
  flex: 1;
  min-width: 0;
}

.bv-lq-inner .title-bv {
  display: block;
}

.bv-lq-inner .title-bv,
.bv-lq-inner .title-bv a {
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.bv-lq-inner .title-bv a:hover {
  color: #78b43d;
}

.bv-lq-inner .content-bv-lq .ct-bv p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
}

.bv-lq-inner .see-now {
  display: none;
}

.cate-24h-foot-arti-deta-related-news .nwsTthEvtD > div > header {
  margin: 0 0 20px;
  padding: 0 10px 0 0;
}

.cate-24h-foot-arti-deta-related-news .nwsTthEvtD > div > header,
.cate-24h-foot-arti-deta-related-news .nwsTthEvtD > div > header * {
  font-size: 22px;
  color: #51AE5A;
  font-family: "Exo2-Bold";
  text-transform: uppercase;
}

.cate-24h-foot-arti-deta-related-news .atclRdSb,
.cate-24h-foot-arti-deta-related-news .atclRdSbCococ {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
}

.cate-24h-foot-arti-deta-related-news .col {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 10px;
  margin-bottom: 26px;
}

.cate-24h-foot-arti-deta-related-news .atclRdSb .atclRdSbIn .img,
.cate-24h-foot-arti-deta-related-news .atclRdSbCococ .atclRdSbIn .img {
  position: relative;
  display: block;
  height: 156px;
}

.cate-24h-foot-arti-deta-related-news .atclRdSb .atclRdSbIn header,
.cate-24h-foot-arti-deta-related-news .atclRdSbCococ .atclRdSbIn header {
  padding: 13px 0 0;
}

.cate-24h-foot-arti-deta-related-news .atclRdSb .atclRdSbIn header *,
.cate-24h-foot-arti-deta-related-news .atclRdSbCococ .atclRdSbIn header * {
  max-height: 63px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cate-24h-foot-arti-deta-related-news .atclRdSb .atclRdSbIn header * a,
.cate-24h-foot-arti-deta-related-news .atclRdSbCococ .atclRdSbIn header * a {
  font-size: 16px;
  line-height: 21px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-arti-deta-related-news .atclRdSbCococ .atclRdSbIn header * a:hover {
  color: #78b43d;
}

.cate-24h-foot-arti-deta-related-news .atclRdSbCococ .atclRdSbIn .tmPst,
.cate-24h-foot-arti-deta-related-news .atclRdSb .atclRdSbIn .tmPst {
  margin-top: 5px;
  font-size: 12px;
  color: #959595;
}

.cate-24h-foot-club-news-spec-tour-site .cate-24h-foot-home-box-epl-readmore.no-border {
  position: relative;
  flex: 0 0 auto;
  max-width: 110px;
  height: 32px;
  margin: 0 0 0 60px;
  font-size: 14px;
  color: #78b43d;
}

.cate-24h-foot-club-news-spec-tour-site .cate-24h-foot-home-box-epl-readmore.no-border:after {
  content: "";
  width: 8px;
  height: 15px;
  margin: 0 0 0 7px;
  background: url(https://cdn.24h.com.vn/images/2021-template/sprites-cm-bong-da-2021.png) no-repeat -5px -1297px;
}

.cate-24h-foot-home-box-epl-readmore.no-border:hover {
  text-decoration: underline !important;
}

.cate-24h-foot-club-news-spec-tour-site [class*=col-] {
  padding: 0 10px;
}

.cate-24h-foot-club-news-spec-tour-site .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.cate-24h-foot-club-news-spec-tour-site-box__ava,
.cate-24h-foot-club-news-spec-tour-site .vidItmImg {
  position: relative;
  height: 113px;
}

.cate-24h-foot-club-news-spec-tour-site .vidItmTxt {
  margin: 10px 0 0;
}

.cate-24h-foot-club-news-spec-tour-site .clrGr {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #757575;
}

.cate-24h-foot-club-news-spec-tour-site-box__name a,
.cate-24h-foot-club-news-spec-tour-site .vidItmTxt header a {
  color: #252525;
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 18px;
}

.cate-24h-foot-club-news-spec-tour-site-box__name a:hover,
.cate-24h-foot-club-news-spec-tour-site .vidItmTxt header a:hover {
  color: #78b43d;
}

.btn-save-24h {
  display: inline-flex;
  padding: 0 10px !important;
  height: 27px;
  font-size: 13px;
  color: #78b43d;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

.btn-save-24h svg {
  transform: rotate(0);
}

.btn-save-24h * {
  text-transform: uppercase;
  font-family: "Roboto-Bold";
}

.box-share-send-bv .btn-save-24h * {
  font-family: "Roboto-Medium";
}

.btn-save-24h.unsave {
  color: #a3a3a3;
}

.btn-save-24h:hover {
  border-color: #78b43d;
}

.btn-save-24h.saved .unsave-title {
  display: none !important;
}

.btn-save-24h.saved .saved-title {
  display: block !important;
}

_:lang(x) + _:-webkit-full-screen-document,
.mini-player {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
}

.cate-olym-tok-21-bxh-box .bg-gold,
.cate-olym-tok-21-bxh-box .bg-silver,
.cate-olym-tok-21-bxh-box .bg-copper {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  width: 12px;
  height: 16px;
  background: url(https://cdn.24h.com.vn/images/2021-template/css-sprites-olym-tok-2021.png) center center no-repeat;
}

.cate-olym-tok-21-bxh-box .bg-gold {
  background-position: -5px -78px;
}

.cate-olym-tok-21-bxh-box .bg-silver {
  background-position: -5px -26px;
}

.cate-olym-tok-21-bxh-box .bg-copper {
  background-position: -5px -52px;
}

.cate-olym-tok-21-bxh .cate-24h-foot-home-sche-content {
  border: 1px solid #ECEBEB;
  border-top: none;
}

.cate-olym-tok-21-bxh .cate-24h-foot-home-sche-content-bxh thead {
  background: #efefef;
}

.cate-olym-tok-21-bxh .cate-24h-foot-home-sche-content-bxh thead tr th {
  height: 40px;
  color: #7d7d7d;
  font-weight: 100;
}

.cate-olym-tok-21-bxh .cate-24h-foot-home-sche-content-bxh table tbody tr:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.cate-olym-tok-21-bxh .cate-24h-foot-home-sche-content-bxh table .img-club {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  object-fit: scale-down;
  margin: 0 5px 0 0;
}

.cate-olym-tok-21-bxh-box table tr td.td-club span {
  font-size: 14px;
}

#article_body .cate-olym-tok-21-bxh table,
#article_body .cate-olym-tok-21-bxh table tbody tr td {
  border: none !important;
}

#article_body .cate-olym-tok-21-bxh table thead tr th,
#article_body .cate-olym-tok-21-bxh table tbody tr td {
  padding: 10px;
}

#article_body .cate-olym-tok-21-bxh table thead tr th:first-child {
  width: 46px;
  text-align: center;
}

#article_body .cate-olym-tok-21-bxh table thead tr th:nth-child(n+3) {
  width: 73px;
  text-align: center;
}

.cate-olym-tok-21-bxh .cate-24h-foot-home-sche-content-bxh table .row-red * {
  color: #cd0000;
}

.cate-olym-tok-21-bxh .cate-24h-foot-home-sche-content-bxh table .bg-hightl {
  background: #fffec1;
}

.box-24h-tntd {
  margin: 20px 0 15px;
  --color-black: #000;
  --color-white: #fff;
  --color-pri: #78b43d;
  --bg-readmore-match: #99c539;
  --bg-white: #fff;
  --bg-tags: #e60000;
  --bg-dots: #78b43d ;
}

.box-24h-tntd-top {
  background: #efefef;
  border-top: 1px solid #99c539;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.box-24h-tntd-top p {
  margin: 0 0 0 10px;
}

.box-24h-tntd-top .readmore-match {
  padding: 12px 15px;
  background: var(--bg-readmore-match);
  color: var(--color-white);
}

.box-24h-tntd-top *,
.box-24h-tntd-top .clb {
  font-size: 14px;
  line-height: inherit;
  font-family: "Roboto-Bold";
}

.box-24h-tntd-items {
  padding: 9px 0 0;
}

.box-24h-tntd-list {
  max-height: 121px;
  overflow-y: auto;
  border-top: none;
  border: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
  padding: 0 30px 0 10px;
}

.box-24h-tntd-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.box-24h-tntd-list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}

.box-24h-tntd-list::-webkit-scrollbar-thumb {
  background: #efefef;
  border-radius: 5px;
}

.box-24h-tntd-items.dot:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 7px;
  width: 5px;
  height: 5px;
  background: var(--bg-dots);
}

.box-24h-tntd-items.highlightTntd:before,
.box-24h-tntd-items.liveTntd:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 19px;
  height: 19px;
}

.box-24h-tntd-items.highlightTntd:before {
  background: url(https://cdn.24h.com.vn/images/sprites-icon-tntd.png) no-repeat -45px -6026px;
}

.box-24h-tntd-items.liveTntd:before {
  background: url(https://cdn.24h.com.vn/images/sprites-icon-tntd.png) no-repeat -45px -6065px;
}

.box-24h-tntd-link {
  padding: 0 0 9px;
  margin: 0 0 0 25px;
}

.box-24h-tntd-items:not(:last-child) .box-24h-tntd-link {
  border-bottom: 1px solid #ebebeb;
}

.box-24h-tntd-items a {
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-black);
  font-family: "Roboto-Regular", sans-serif;
}

.box-24h-tntd-top .clb,
.box-24h-tntd-items a:hover {
  color: var(--color-pri);
}

.box-24h-tntd-items .tags {
  display: inline-block;
  margin: 0 0 0 8px;
  padding: 2px 4px;
  background: var(--bg-tags);
  font-size: 11px;
  color: var(--color-white);
  border-radius: 2px;
}

.box-tnb-load-bv .page-cv19-news-top .box-top .col-left,
.box-tnb-load-bv .page-cv19-news-top .box-top .col-right {
  padding: 0 10px;
}

.box-tnb-load-bv .page-cv19-news-top .box-top .col-left {
  flex: 0 0 508px;
  max-width: 508px;
}

.box-tnb-load-bv .page-cv19-news-top .box-top .col-right {
  flex: 1;
  min-width: 0;
}

.box-tnb-load-bv .page-cv19-news-top .box-bottom {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 20px;
}

.box-tnb-load-bv .page-cv19-news-top .box-bottom .col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 10px;
}

.box-tnb-load-bv .page-cv19-news-top__l {
  height: 330px;
  overflow: hidden;
}

.box-tnb-load-bv .page-cv19-news-top__l .icon-tags,
.box-tnb-load-bv .page-cv19-news-top__l .icon-tags-fobal {
  top: 6px;
  right: 6px;
  bottom: unset;
  left: unset;
}

.box-tnb-load-bv .page-cv19-news-top__l-ava {
  height: 100%;
}

.box-tnb-load-bv .page-cv19-news-top__l-tit {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: linear-gradient(transparent, black);
}

.box-tnb-load-bv .page-cv19-news-top__l-tit * {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-family: "Roboto-Bold";
}

.box-tnb-load-bv .page-cv19-news-top__l:hover img {
  transform: scale(1.1);
}

.box-tnb-load-bv .page-cv19-news-top__r-ava {
  height: 153px;
}

.box-tnb-load-bv .page-cv19-news-top__r-tit {
  padding: 15px 0 10px;
}

.box-tnb-load-bv .page-cv19-news-top__r-tit * {
  font-size: 16px;
  color: #252525;
  font-family: "Roboto-Bold";
  line-height: 24px;
}

.box-tnb-load-bv .page-cv19-news-top__l-tit a,
.box-tnb-load-bv .page-cv19-news-top__r-tit a {
  display: block;
}

.box-tnb-load-bv .page-cv19-news-top__r-tit a:hover {
  color: #78b43d;
}

.box-tnb-load-bv .page-cv19-news-top__r-sum * {
  font-size: 14px;
  color: #9C9C9C;
  line-height: 21px;
}

.box-tnb-load-bv-car .page-cv19-news-top .box-bottom {
  border-bottom: none;
  padding: 0;
}

.box-tnb-load-bv-car .page-cv19-news-top__r .col-4 {
  padding: 0;
  flex: 1;
  max-width: 100%;
}

.auContrn svg,
.auContrn img {
  display: block;
}

.auContrn svg {
  transform: unset;
}

.auNewsPlayer {
  min-width: 300px;
  height: 40px;
  padding: 0 10px;
  border-radius: 999px;
  background-color: #F1F5F9;
  user-select: none;
  -webkit-user-select: none;
}

.auNewsPlayer .auPlay {
  width: 33px;
  height: 33px;
  background: #1A7900;
  border-radius: 999px;
}

.auNewsPlayer .auPauseIcon {
  position: relative;
  left: 2px;
}

.auNewsPlayer .auPlayBtn svg path {
  fill: #fff;
}

.auNewsPlayer .auTime {
  font-size: 14px;
  color: #494949;
}

.auNewsPlayer .auSpinner {
  width: 18px;
  height: 18px;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
  background-size: cover;
  background-repeat: no-repeat;
  animation: spin 0.4s linear infinite;
}

.auNewsPlayer .auSlider {
  background-color: #b3b3b3;
}

.auNewsPlayer .auSlider .auProgress {
  background-color: #78B43D;
  border-radius: inherit;
  pointer-events: none;
}

.auNewsPlayer .auSlider .auProgress .auPin {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #78B43D;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
  pointer-events: all;
}

.auNewsPlayer .auControls {
  margin: 0 10px;
  font-size: 14px;
  line-height: 16px;
  color: #55606E;
}

.auNewsPlayer .auControls .auSlider {
  margin: 0 16px;
  height: 5px;
  border-radius: 5px;
}

.auNewsPlayer .auControls .auSlider .auProgress {
  width: 0;
  height: 100%;
}

.auNewsPlayer .auControls .auSlider .auProgress .auPin {
  top: -6px;
  right: -8px;
}

.auNewsPlayer .auControls span {
  cursor: default;
}

.auContrn .auPlayBtn svg {
  width: 12px;
}

.auContrn .auVolBtn svg {
  width: 17px;
}

.auNewsPlayer .auVolBtn svg path {
  fill: #78B43D;
}

.auNewsPlayer .auVolume .auVolBtn.open path {
  fill: #737373;
}

.auNewsPlayer .auVolume .auVolControls {
  display: flex;
  left: -3px;
  bottom: 52px;
  width: 30px;
  height: 135px;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 7px;
}

.auNewsPlayer .auVolume .auVolControls.hidden {
  display: none;
}

.auNewsPlayer .auVolume .auVolControls .auSlider {
  margin: 12px 0;
  width: 6px;
  border-radius: 3px;
}

.auNewsPlayer .auVolume .auVolControls .auSlider .auProgress {
  bottom: 0;
  width: 6px;
  height: 100%;
}

.auNewsPlayer .auVolume .auVolControls .auSlider .auProgress .auPin {
  top: -8px;
  left: -5px;
}

.auNewsPlayer .auSpeed .box-show {
  width: 59px;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  font-size: 13px;
  color: #78B43D;
}

.auNewsPlayer .auSpeed .box-sub-speed:not(.show),
.auNewsPlayer .auVoice .box-sub-voice:not(.show) {
  display: none;
}

.auNewsPlayer .auSpeed .box-sub-speed,
.auNewsPlayer .auVoice .box-sub-voice {
  top: 133%;
  right: 0;
  min-width: 88px;
  padding: 5px 10px;
  background: #F1F5F9;
  border-radius: 10px;
  z-index: 9;
}

.auNewsPlayer .auVoice .box-sub-voice {
  min-width: 115px;
}

.auNewsPlayer .auSpeed .box-sub-speed .box-tit,
.auNewsPlayer .auVoice .box-sub-voice .box-tit {
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #D9D9D9;
  font-size: 12px;
  color: #ccc;
}

.auNewsPlayer .auSpeed .box-sub-speed .box-list li a,
.auNewsPlayer .auVoice .box-sub-voice .box-list li a {
  font-size: 13px;
  color: #b3b3b3;
}

.auNewsPlayer .auSpeed .box-sub-speed .box-list li,
.auNewsPlayer .auVoice .box-sub-voice .box-list li {
  margin: 5px 0 0;
}

.auNewsPlayer .auSpeed .box-sub-speed .box-list li.act a,
.auNewsPlayer .auSpeed .box-sub-speed .box-list li a:hover,
.auNewsPlayer .auVoice .box-sub-voice .box-list li.act a,
.auNewsPlayer .auVoice .box-sub-voice .box-list li a:hover {
  color: #78b53e;
}

.auNewsPlayer .auVoice .box-show {
  min-width: 105px;
  height: 26px;
  font-size: 14px;
  color: #494949;
}

.auNewsPlayer .auVoice .box-show:after {
  content: "";
  display: inline-block;
  padding: 3px;
  margin: -3px 0 0 5px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@keyframes spin {
  from {
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(1turn);
  }
}
.vdHasHilhtbx {
  height: 561.25px;
}

.vjs-marker-tableinfo {
  border: 1px solid #ebebeb;
  border-top: initial;
  height: 145px !important;
  max-height: 145px !important;
  overflow-y: auto !important;
  margin-top: 0 !important;
}

.vjs-marker-tableinfo .plCurrent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vjs-marker-tableinfo .plCurrent span {
  width: auto;
  background: #f5f5f5;
  padding: 13px 15px;
  font-size: 14px;
  font-family: Roboto-Bold;
  color: #252525;
}

.vjs-marker-tableinfo .plCurrent .btnHighlight * {
  font-size: 14px;
  color: #252525;
}

.vjs-marker-tableinfo .plCurrent .btnHighlight {
  margin: 0;
  align-items: center;
}

.vjs-marker-tableinfo .plCurrent .highlightIco {
  margin: 0 10px !important;
}

.vjs-marker-tableinfo div[data-time] {
  overflow: hidden;
}

.vjs-marker-tableinfo div[data-time]:hover {
  background-color: #eaf8d2;
  cursor: pointer;
}

.vjs-marker-tableinfo .sub-time-highlight {
  margin: 0 !important;
  padding: 15px !important;
  border-color: #ebebeb !important;
}

.vjs-marker-tableinfo .video-time-highlight {
  display: flex;
  align-items: center;
}

.vjs-marker-tableinfo .video-time-highlight img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.vjs-marker-tableinfo .video-time-highlight * {
  font-size: 15px;
  color: #252525;
}

.vjs-marker-tableinfo .video-time-highlight strong {
  font-family: Roboto-Bold;
}

.vjs-marker-tableinfo .icon-event-highlight {
  margin: 0 10px 0 0 !important;
}

.vjs-marker-tableinfo::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #b2b2b2;
  border-radius: 6px;
  background-color: #b2b2b2;
}

.vjs-marker-tableinfo::-webkit-scrollbar {
  width: 4px;
  border-radius: 6px;
  background-color: #b2b2b2;
}

.vjs-marker-tableinfo::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 3px #b2b2b2;
  background-color: #7c7c7c;
}

.bxRcdVid {
  position: relative;
  display: inline-block;
  width: 740px;
  padding: 10px 28px;
  overflow: hidden;
  background-color: #f5f5f5;
}

.paginationRecomment {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0 10px;
  font-size: 16px;
  color: #58951c;
  z-index: 1;
}

.paginationRecomment:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 150px);
  height: 1px;
  background: #57941d;
  transform: translateX(-42%);
}

.paginationRecomment .pagiReNum {
  font-size: 16px;
  color: #333;
}

.lstBxRcdVid {
  width: 1000px;
}

.lstBxRcdVid .list-video-chuyenmuc-one {
  position: relative;
  float: left;
  width: 135px;
  height: 100%;
  margin: 0 15px 0 0;
}

.lstBxRcdVid .list-video-chuyenmuc-one .link-recom-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.lstBxRcdVid .list-video-chuyenmuc-one .main-video-img {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 101px;
  overflow: hidden;
}

.lstBxRcdVid .list-video-chuyenmuc-one .main-video-img img {
  display: block;
  transition: all ease-in 1s;
}

.lstBxRcdVid .list-video-chuyenmuc-one:hover .main-video-img > a img {
  transform: scale(1.1);
}

.lstBxRcdVid .list-video-chuyenmuc-one .leng-video {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: 0;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  color: #fff;
}

.lstBxRcdVid .list-video-chuyenmuc-one .leng-video a img {
  width: 7px;
  object-fit: scale-down;
}

.lstBxRcdVid .list-video-chuyenmuc-one .leng-video .time-leng-1 {
  margin-left: 8px;
}

.lstBxRcdVid .list-video-chuyenmuc-one .video-body-tile {
  margin-top: 5px;
  text-align: left;
  max-height: 64px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.lstBxRcdVid .list-video-chuyenmuc-one .video-body-tile a {
  font-size: 12px;
  line-height: 1.4;
  color: #212121;
}

.lstBxRcdVid .list-video-chuyenmuc-one:hover .video-body-tile a {
  color: #78b43d;
}

.lstBxRcdVid .swiper-slide.swiper-slide-duplicate .list-video-chuyenmuc-number {
  width: 160px;
}

.lstBxRcdVid .swiper-slide.swiper_active_slide_zplayer_f9659 {
  width: 600px !important;
}

.lstBxRcdVid .swiper-slide.swiper-slide-duplicate,
.lstBxRcdVid .swiper-slide.swiper-slide-duplicate.swiper_active_slide_zplayer_f9659 {
  width: 1000px !important;
}

.nxtVid,
.prvVid {
  position: absolute;
  top: 0;
  width: 25px;
  height: 100%;
  z-index: 10;
}

.prvVid {
  left: 0;
  background: #f5f5f5 url(//cdn.24h.com.vn/images/2014/prvVid.png) no-repeat center;
}

.nxtVid {
  right: 0;
  background: #f5f5f5 url(//cdn.24h.com.vn/images/2014/nxtVid.png) no-repeat center;
}

.nxtVid:hover,
.prvVid:hover {
  cursor: pointer;
  background-color: #d9d9d9;
}

.liveCnt .abd .ct {
  text-align: center;
}

.liveCnt .box_atk .head,
.liveCnt .box_atk .head .fl,
.liveCnt .box_atk .head .fr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.liveCnt .box_atk .head .fr {
  justify-content: flex-end !important;
}

.liveCnt .box_atk .head .fl {
  justify-content: flex-start !important;
}

.liveCnt .box_atk .head .fl,
.liveCnt .box_atk .head .fr {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  font-family: Roboto-Bold;
}

.liveCnt .box_atk .head .fr .news-image {
  margin: 0 0 0 20px;
}

.liveCnt .box_atk .head .fl .news-image {
  margin: 0 20px 0 0;
}

.liveCnt .box_atk .head .news-image {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  object-fit: scale-down;
}

.liveCnt .box_atk .head * {
  font-family: Roboto-Regular, sans-serif;
  font-size: 15px;
  color: #252525;
  line-height: 20px;
}

.liveCnt .box_atk .head,
.liveCnt .box_atk .list {
  max-width: 550px;
  margin: auto;
}

.liveCnt .box_atk .list .item {
  margin-bottom: 10px;
}

.liveCnt .box_atk .list .flex {
  display: flex;
}

.liveCnt .box_atk .list .name {
  display: block;
  margin: 0 0 5px;
  font-size: 15px;
  line-height: 24px;
  color: #252525;
}

.liveCnt .box_atk .list .number {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  max-width: 40px;
  font-family: Roboto-Bold;
  font-size: 15px;
  color: #252525;
}

.liveCnt .box_atk .list .txtRight {
  padding: 0 10px 0 0;
  text-align: right !important;
}

.liveCnt .box_atk .list .txtLeft {
  padding: 0 0 0 10px;
  text-align: left !important;
}

.liveCnt .box_atk .list .chart {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.liveCnt .box_atk .list .chart [class*=c] {
  display: inline-block;
  width: 49%;
  height: 6px;
}

.liveCnt .box_atk .list .chart .c1 {
  background: #203d59;
}

.liveCnt .box_atk .list .chart .c2 {
  background: #b3c3cc;
}

.liveCnt .adh,
.liveCnt .ct {
  text-align: center;
}

.liveCnt .adh .list1 .soAo {
  font-size: 15px;
  line-height: 24px;
}

.liveCnt .adh .head,
.liveCnt .adh .head .fl,
.liveCnt .adh .head .fr,
.liveCnt .adh .list1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.liveCnt .adh .head .fl {
  justify-content: flex-end !important;
}

.liveCnt .adh .head .fr {
  justify-content: flex-start !important;
}

.liveCnt .adh .head .fl,
.liveCnt .adh .head .fr,
.liveCnt .adh .list1 .colL,
.liveCnt .adh .list1 .colR {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.liveCnt .adh .head .vs {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  max-width: 30px;
  margin: 0 15px;
}

.liveCnt .adh .head .fl .news-image {
  margin: 0 0 0 20px;
}

.liveCnt .adh .head .fr .news-image {
  margin: 0 20px 0 0;
}

.liveCnt .adh .head .news-image {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  object-fit: scale-down;
}

.liveCnt .adh .list1 {
  margin: 15px 0;
  text-align: initial;
}

.liveCnt .adh .list1.txtLeft {
  display: block;
}

.liveCnt .adh .list1 .colL,
.liveCnt .adh .list1 .colR {
  position: relative;
  display: flex;
  flex-direction: column;
}

.liveCnt .adh .list1 .colL {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  align-items: flex-end;
  padding: 0 30px 0 0;
}

.liveCnt .adh .list1 .colR {
  padding: 0 0 0 30px;
}

.liveCnt .adh .list1 .colL p,
.liveCnt .adh .list1 .colR p,
.liveCnt .adh .list1.txtLeft p {
  margin: 0 0 15px;
}

.liveCnt .adh .head * {
  font-size: 15px;
  color: #252525;
  line-height: 20px;
  font-family: Roboto-Regular, sans-serif;
}

.liveCnt .adh .head .vs {
  text-transform: uppercase;
}

.liveCnt .adh .list1 .soAo {
  min-width: 42px;
}

.liveCnt .adh .box-point,
.liveCnt .adh .box-point .box-point-items,
.liveCnt .adh .box-point .icon-point {
  display: inline-flex;
}

.liveCnt .adh .box-point .icon-point {
  width: 20px;
  object-fit: scale-down;
  margin: 0;
}

.liveCnt .adh .box-point .box-point-items,
.liveCnt .adh .box-point .icon-point {
  height: 20px;
}

.liveCnt .adh .box-point .sub-num {
  margin: 3px 0 0 !important;
  font-size: 12px;
  line-height: 100%;
}

.liveCnt .adh .colL .soAo {
  text-align: right;
  margin: 0;
  padding: 0 0 0 20px;
}

.liveCnt .adh .colL .box-point-items.mar-l-5,
.liveCnt .adh .colL .box-point.mar-l-5 {
  margin: 0 5px 0 0 !important;
}

.liveCnt .adh .list1.list2 {
  align-items: normal;
}

.liveCnt .adh .list1.list2 .colL {
  justify-content: flex-start !important;
}

.liveCnt .adh .box-point-items.box-has-num,
.liveCnt .adh .list1.list2 .colR {
  height: auto;
}

.liveCnt .adh .colR .soAo {
  float: left;
  margin: 0;
  padding: 0 20px 0 0;
}

.liveCnt .adh .head .fl,
.liveCnt .adh .head .fr,
.liveCnt .adh .list1 .bld * {
  font-family: Roboto-Bold;
}

.liveCnt .adh .list1 .colorRed * {
  color: #d50000 !important;
}

.liveCnt .adh .list1 .colL:after,
.liveCnt .adh .list1 .colR:after {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  bottom: 0;
  background: #ebebeb;
}

.liveCnt .adh .list1 .colL:after {
  left: 0;
}

.liveCnt .adh .list1 .colR:after {
  right: 0;
}

.themes-24h1 .cate-24h-foot-arti-deta-content-main .bv-lq .img-bv-lq {
  padding: 20px 0;
}
.themes-24h1 .cate-24h-foot-arti-deta-content-main .author {
  flex-direction: column;
}
.themes-24h1 .cate-24h-foot-arti-deta-content-main .author .box-share-send-bv,
.themes-24h1 .cate-24h-foot-arti-deta-content-main .author .source-time-art24h {
  width: 100%;
}
.themes-24h1 .cate-24h-foot-arti-deta-related-news .atclRdSb .atclRdSbIn header * a,
.themes-24h1 .cate-24h-foot-arti-deta-related-news .atclRdSbCococ .atclRdSbIn header * a {
  font-size: 14px;
}
.themes-24h1 .cate-24h-foot-arti-deta-related-news .atclRdSbCococ {
  padding: 0;
}
.themes-24h1 .cate-24h-foot-box-adv-view-news > .row .col-6 {
  display: flex;
  flex-direction: column;
}
.themes-24h1 .cate-24h-foot-box-adv-view-news > .row .col-6 .cate-24h-foot-box-adv-view-news__box {
  margin: 0;
  flex: 1;
}
.themes-24h1 .cate-24h-foot-home-2-col .grnBxCntGrn .swiper.cat-37 {
  height: 400px;
  /* 4 slides × 100px mỗi slide */
  overflow: hidden;
}
.themes-24h1 .cate-24h-foot-home-2-col .grnBxCntGrn .swiper.cat-37 .swiper-slide {
  height: 80px;
}

/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

@font-face {
  font-family: "Roboto-Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Regular.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  src: url(/wp-content/fonts/roboto/Roboto-Italic.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Italic.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Italic.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Medium.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Medium.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(/wp-content/fonts/roboto/Roboto-Bold.woff) format("woff"), url(/wp-content/fonts/roboto/Roboto-Bold.ttf) format("truetype");
  font-display: swap;
}
:root {
  --color-main: #252525;
  --color-24h: #78b43d;
  --color-white: #fff;
  --hover-color-24h: #78b43d;
  --hover-bor-bg-cl-24h: #78b43d;
  --border-circle: 999px;
  --border-swiper-nav: #707070;
  --border-swiper-nav-act: #78b43d;
  --bg-white: #fff;
  --bg-swiper-pagi-bullet: #bfbfbf;
  --bg-swiper-pagi-bullet-act: #78b43d ;
}

html {
  text-rendering: optimizeLegibility !important;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

*,
:before,
:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 15px;
  color: var(--color-main);
  font-family: "Roboto-Regular", sans-serif;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: all ease 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

textarea,
input:matches([type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url]) {
  -webkit-appearance: none;
}

select,
input,
button,
textarea {
  outline: none;
}

.img-fluid,
.width-100 {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

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

.img-scale-down {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.main-24h [class*=fa-]:before,
.main-24h [class^=fa-]:before {
  margin: 0;
  width: inherit;
}

.menu-24h-main svg,
.footer-24h svg,
.header-24h svg,
.scroll-top-24h svg,
.main-24h svg {
  transform: rotate(0deg);
}

.pos-rel {
  position: relative;
}

.pos-ab {
  position: absolute;
}

.pos-fixed {
  position: fixed;
}

.pos-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

.displaynone,
.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: end !important;
}

.flex-dir-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.overflow-h {
  overflow: hidden;
}

.overflow-x {
  overflow-x: auto;
}

.overflow-y {
  overflow-y: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.vertical-mid {
  vertical-align: middle;
}

.z-index-1 {
  z-index: 1;
}

.z-index-99 {
  z-index: 99;
}

.z-index-9999 {
  z-index: 9999;
}

.hover-color-24h:hover {
  color: var(--hover-color-24h) !important;
}

.color-white {
  color: var(--color-white);
}

.color-main {
  color: var(--color-main);
}

.color-24h {
  color: var(--color-24h);
}

.bg-white {
  background: var(--bg-white);
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.txtCent,
.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.fw-bold,
.bld,
strong {
  font-family: "Roboto-Bold" !important;
}

.fw-regular,
.fw-regu {
  font-family: "Roboto-Regular", sans-serif !important;
}

.fw-medium {
  font-family: "Roboto-Medium" !important;
}

.fw-italic,
em {
  font-family: "Roboto-Italic";
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.lh-100 {
  line-height: 100%;
}

.flex-1 {
  flex: 1;
}

.flex-auto {
  flex: 0 0 auto;
}

.mw-0 {
  min-width: 0;
}

.margin-auto,
.mrAuto,
.mar-auto {
  margin: 0 auto !important;
}

.no-border {
  border: none !important;
}

.no-border-top,
.no-border-t {
  border-top: none !important;
}

.no-border-b {
  border-bottom: none !important;
}

.no-margin,
.no-mar {
  margin: 0 !important;
}

.no-margin-top,
.no-mar-t {
  margin-top: 0 !important;
}

.no-margin-right,
.no-mar-r {
  margin-right: 0 !important;
}

.no-margin-bottom,
.no-mar-b {
  margin-bottom: 0 !important;
}

.no-margin-left,
.no-mar-l {
  margin-left: 0 !important;
}

.margin-top-5,
.mar-t-5 {
  margin-top: 5px !important;
}

.margin-top-10,
.mar-t-10 {
  margin-top: 10px !important;
}

.margin-top-15,
.mar-t-15 {
  margin-top: 15px !important;
}

.margin-top-20,
.mar-t-20 {
  margin-top: 20px !important;
}

.mar-t-25 {
  margin-top: 25px !important;
}

.margin-top-30,
.mar-t-30 {
  margin-top: 30px !important;
}

.margin-top-40,
.mar-t-40 {
  margin-top: 40px !important;
}

.mar-t-50 {
  margin-top: 50px !important;
}

.margin-right-5,
.mar-r-5 {
  margin-right: 5px !important;
}

.margin-right-10,
.mar-r-10 {
  margin-right: 10px !important;
}

.margin-right-15,
.mar-r-15 {
  margin-right: 15px !important;
}

.margin-right-20,
.mar-r-20 {
  margin-right: 20px !important;
}

.mar-r-25 {
  margin-right: 25px !important;
}

.mar-r-30 {
  margin-right: 30px !important;
}

.mar-r-40 {
  margin-right: 40px !important;
}

.margin-bottom-5,
.mar-b-5 {
  margin-bottom: 5px !important;
}

.mgbt10,
.margin-bottom-10,
.mar-b-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15,
.mar-b-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20,
.mar-b-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25,
.mar-b-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30,
.mar-b-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40,
.mar-b-40 {
  margin-bottom: 40px !important;
}

.mar-b-50 {
  margin-bottom: 50px !important;
}

.mar-l-3 {
  margin-left: 3px !important;
}

.margin-left-5,
.mar-l-5 {
  margin-left: 5px !important;
}

.margin-left-10,
.mar-l-10 {
  margin-left: 10px !important;
}

.mar-l-15 {
  margin-left: 15px !important;
}

.margin-left-20,
.mar-l-20 {
  margin-left: 20px !important;
}

.mar-l-25 {
  margin-left: 25px !important;
}

.mar-l-30 {
  margin-left: 30px !important;
}

.mar-l-40 {
  margin-left: 40px !important;
}

.no-padding,
.no-padd {
  padding: 0 !important;
}

.no-padding-top,
.no-padd-t {
  padding-top: 0 !important;
}

.no-padding-right,
.no-padd-r {
  padding-right: 0 !important;
}

.no-padding-bottom,
.no-padd-b {
  padding-bottom: 0 !important;
}

.no-padding-left,
.no-padd-l {
  padding-left: 0 !important;
}

.padding-top-10,
.padd-t-10 {
  padding-top: 10px !important;
}

.padd-t-15 {
  padding-top: 15px !important;
}

.padd-t-20 {
  padding-top: 20px !important;
}

.padd-t-25 {
  padding-top: 25px !important;
}

.padding-top-30,
.padd-t-30 {
  padding-top: 30px !important;
}

.padd-t-40 {
  padding-top: 40px !important;
}

.padd-r-10 {
  padding-right: 10px !important;
}

.padd-r-15 {
  padding-right: 15px !important;
}

.padd-r-20 {
  padding-right: 20px !important;
}

.padd-r-25 {
  padding-right: 25px !important;
}

.padd-r-30 {
  padding-right: 30px !important;
}

.padd-r-40 {
  padding-right: 40px !important;
}

.padd-b-10 {
  padding-bottom: 10px !important;
}

.padd-b-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20,
.padd-b-20 {
  padding-bottom: 20px !important;
}

.padd-b-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30,
.padd-b-30 {
  padding-bottom: 30px !important;
}

.padd-b-40 {
  padding-bottom: 40px !important;
}

.padd-l-10 {
  padding-left: 10px !important;
}

.padd-l-15 {
  padding-left: 15px !important;
}

.padd-l-20 {
  padding-left: 20px !important;
}

.padd-l-25 {
  padding-left: 25px !important;
}

.padd-l-30 {
  padding-left: 30px !important;
}

.padd-l-40 {
  padding-left: 40px !important;
}

.link-cover,
.cover-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  z-index: 1;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.row [class*=col-] {
  padding: 0 15px;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.container {
  width: 1060px;
  max-width: 1060px;
}

.mw-1100 {
  max-width: 1100px;
}

@media screen and (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }
  .header-24h,
  .menu-24h-main {
    width: 1060px;
  }
}
.text-adv-cen,
.txtBnrHor {
  display: none;
}

[class*=fixad] .text-adv-cen,
[class*=fixad] .txtBnrHor {
  display: block;
}

.text-adv-cen {
  --gap: 10px;
  font-size: 10px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}

.text-adv-cen .d-flex:before,
.text-adv-cen .d-flex:after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #ebebeb;
}

.text-adv-cen .d-flex:before {
  margin-right: var(--gap);
}

.text-adv-cen .d-flex:after {
  margin-left: var(--gap);
}

.fixad300x600 {
  width: 300px !important;
  height: 612px !important;
  background-size: cover !important;
  display: block !important;
}

.fixad300x600 .m_banner_show {
  height: 600px;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/bg_pc_p1.png) !important;
}

.fixad1060x150 {
  width: 1060px !important;
  height: 56.25%;
  min-height: 150px;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/bg_1060x150px.png) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad396x40 {
  width: 396px !important;
  height: 40px !important;
  display: block !important;
}

.fixad740x120 {
  width: 740px !important;
  height: 137.5px !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/740x120.jpg) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad740x50 {
  width: 740px !important;
  height: 50px !important;
  display: block !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/740x50.jpg) !important;
  background-size: cover !important;
}

.fixad444x1040 {
  width: 444px !important;
  height: 1040px !important;
  display: block !important;
}

.fixad970x91 {
  width: 970px !important;
  height: 91px !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/bg_970x90px.jpg) !important;
  background-size: cover !important;
  display: block !important;
}

.fixad740x570 {
  width: 740px !important;
  height: 570px !important;
}

.fixad660x370 {
  width: 660px !important;
  height: 370px !important;
  display: block !important;
  margin: 0 auto 30px;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/660x370.jpg) !important;
  background-size: cover !important;
}

.fixad660x50 {
  width: 660px !important;
  height: 50px !important;
  display: block !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/660x50.jpg) !important;
  background-size: cover !important;
}

.fixad700x90 {
  width: 700px !important;
  height: 107.5px !important;
  display: block !important;
  margin: 0 auto 20px !important;
  background-image: url(/wp-content/themes/flatsome/assets/custom/upload/html/700x90.jpg) !important;
  background-size: cover !important;
}

.fixad300x250 {
  width: 300px !important;
  height: 262px !important;
  display: block !important;
}

.fixad300x250 .m_banner_show {
  height: 250px;
}

.fixad740x470 {
  height: 470px !important;
  display: block !important;
}

.icon-cate.pos-ab {
  bottom: 8px;
  left: 8px;
}

.icon-cate svg {
  width: 30px;
  height: 30px;
}

.icon-cate.icon-cate-24h-gap-go svg {
  width: 95px;
  height: 20px;
}

.icon-tick-cate.icon-tick-cate-24h-gap-go svg {
  display: inline-block;
  width: 85px;
  height: 18px;
  vertical-align: middle;
}

.header-24h {
  height: 50px;
}

.logo-24h {
  max-width: 100px;
  height: 47px;
}

.logo-24h *,
.logo-event * {
  font-size: inherit;
  height: 100%;
}

.logo-event {
  max-width: 150px;
  height: 42px;
  border-left: 1px solid #ebebeb;
}

.header-24h-view {
  border-right: 1px solid #ebebeb;
}

.header-24h-view li a {
  font-size: 14px;
  color: #404040;
}

.header-24h-view li:not(:last-child) {
  margin: 0 30px 0 0;
}

.header-24h-view li .icon-svg {
  width: 20px;
  height: 20px;
}

.header-24h-view li .icon-tcd-header {
  max-width: 150px;
  height: 40px;
}

.header-24h-search {
  padding: 0 10px;
  height: 32px;
  border: 1px solid #ebebeb;
  border-radius: var(--border-circle);
}

.header-24h-search .header-24h-search-input,
.header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder {
  font-size: 14px;
  color: #959595;
}

.header-24h-search .header-24h-search-input,
.header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder,
.header-24h-search-btn {
  border: none;
  background: none;
}

.header-24h-search-btn {
  color: #a1a1a1;
}

.header-24h-search-btn svg {
  width: 20px;
  height: 20px;
}

.menu-24h-main {
  --bg-menu-header: #78b43d;
  --bg-click-slide-menu: #fff;
  --bg-click-slide-menu-close: #78b43d;
  --hover-link-menu-header: rgb(0, 0, 0, 30%);
  --hover-link-submenu-header: #78b43d;
  --border-top-submenu-header: #3c811e;
  --color-link-submenu-header: #404040;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  background: var(--bg-menu-header);
  z-index: 9999;
}

.menu-24h-main > .container > ul > li:nth-child(n+13) {
  display: none;
}

.menu-24h-main > .container > ul > li > a {
  white-space: nowrap;
}

.menu-24h-main > .container > ul > li:not(.img-brands, .icon-hum) > a {
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 7px;
  font-size: 12px;
  z-index: 2;
}

.menu-24h-main ul li.icon-home a:hover,
.menu-24h-main > .container > ul > li:not(.img-brands, .icon-hum):hover > a {
  background: var(--hover-link-menu-header);
}

.menu-24h-main ul li.icon-home {
  width: 36px;
  margin: 0 0 0 15px;
}

.menu-24h-main ul li.icon-home svg {
  width: 16px;
  height: 16px;
}

.menu-24h-main ul li.icon-home:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.5019607843);
  transform: translateY(-50%);
}

.menu-24h-main ul li.icon-home a {
  justify-content: center;
  height: 36px;
}

.menu-24h-main ul li.img-brands {
  max-width: 165px;
  height: 27px;
}

.menu-24h-main ul li ul.sub-menu {
  top: 100%;
  left: 0;
  min-width: 199px;
  padding: 0 15px;
  border-top: 3px solid var(--border-top-submenu-header);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
}

.menu-24h-main ul li.img-brands ul.sub-menu {
  top: 31px;
}

.menu-24h-main ul li:nth-child(n+6) ul.sub-menu {
  right: 0;
  left: unset;
}

.menu-24h-main ul li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}

.menu-24h-main ul li ul.sub-menu li {
  margin: 0 -15px;
  padding: 0 15px;
}

.menu-24h-main ul li ul.sub-menu li a {
  font-size: 13px;
}

.menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub) a {
  display: block;
  height: 100%;
  padding: 10px 0;
  color: var(--color-link-submenu-header);
}

.menu-24h-main ul li ul.sub-menu li:not(:last-child) a {
  border-bottom: 1px solid #ebebeb;
}

.menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub):hover {
  cursor: pointer;
  background-color: var(--hover-link-submenu-header);
}

.menu-24h-main ul li ul.sub-menu li:hover a {
  color: var(--color-white);
  border-bottom: 1px solid transparent;
}

.menu-24h-main ul li ul.sub-menu li.img-brands-sub {
  height: 35px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-2-coll {
  min-width: 399px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-3-coll {
  min-width: 600px;
}

.menu-24h-main ul li ul.sub-menu.sub-menu-2-coll li.img-brands-sub,
.menu-24h-main ul li ul.sub-menu.sub-menu-3-coll li.img-brands-sub {
  max-width: 50%;
  height: auto;
}

.menu-24h-main .click-slide-menu24h {
  width: 36px;
  height: 36px;
}

.menu-24h-main .click-slide-menu24h.act-menu {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}

.menu-24h-main .click-slide-menu24h .icon-hum {
  position: relative;
  left: -7px;
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum {
  left: 0;
}

.menu-24h-main .icon-hum .line {
  display: block;
  width: 21px;
  height: 2px;
  margin: 3px 0;
  background: var(--bg-click-slide-menu);
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line {
  opacity: 1;
  transform: rotate(42deg) translate(2px, -1px);
  background: var(--bg-click-slide-menu-close);
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

.menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(3) {
  transform: rotate(-42deg) translate(1px, 0px);
}

.header-24h-search .header-24h-search-input {
  width: 130px;
}

.header-24h-login {
  border-left: 1px solid #ebebeb;
}

.header-24h-login-btn * {
  font-size: 14px;
  color: #404040;
}

.header-24h-login-btn .icon-login {
  width: 18px;
  height: 18px;
  fill: #b8b8b8;
}

.header-24h-login-user .icon-ava {
  width: 32px;
  height: 32px;
  border-radius: 999px;
}

.header-24h-login-user:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 10px;
  width: 0;
  height: 0;
  border-top: 7px solid #d9d9d9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.header-24h-login-guide {
  top: 170%;
  right: 0;
  min-width: 211px;
  padding: 10px 20px 10px 10px;
  background: #eafaf1;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.3;
  color: #209956;
  z-index: 99999;
}

.header-24h-login-guide .icon-close {
  right: 10px;
  width: 12px;
  height: 12px;
  fill: #b8b8b8;
}

.header-24h-login-guide:before,
.header-24h-login-submenu:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 30px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #eafbf1;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.header-24h-login-submenu:before {
  right: 26px;
  border-bottom: 8px solid #fff;
}

.header-24h-login-submenu:after {
  content: "";
  position: absolute;
  top: -5px;
  width: 16px;
  height: 16px;
  right: 26px;
  z-index: -1;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transform: rotate(45deg);
}

.header-24h-login-submenu {
  top: 128%;
  right: 0;
  width: 200px;
  border: 1px solid #f2f2f2;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border-radius: 4px;
  z-index: 99999;
}

.header-24h-login-submenu:not(.show) {
  display: none;
}

.header-24h-login-submenu .text-user {
  padding: 10px 5px;
  font-size: 15px;
  color: #333;
}

.header-24h-login-submenu .icon-cm {
  width: 18px;
  height: 18px;
}

.header-24h-login-submenu .box-list-menu li a {
  padding: 10px;
  border-top: 1px solid #f2f2f2;
  font-size: 14px;
  color: #252525;
}

.header-24h-login-submenu .box-list-menu .badge {
  padding: 2px 10px;
  font-size: 12px;
  background: red;
  border-radius: 5px;
}

.footer-24h {
  --color-footer-main: #333;
  --color-footer-menu: #464646 ;
}

.footer-24h .btn-share-footer a,
.footer-24h .back-home {
  height: 40px;
  background: #78B43D;
  border-radius: var(--border-circle);
}

.footer-24h .btn-share-footer a {
  padding: 3px 10px;
  font-size: 14px;
}

.footer-24h .back-home {
  width: 40px;
}

.footer-24h .back-home svg,
.footer-24h .btn-share-footer svg,
.scroll-top-24h a svg {
  width: 20px;
  height: 20px;
}

.footer-24h .btn-share-footer a:hover,
.footer-24h .back-home:hover {
  background: #669a33;
}

.footer-24h-menu {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.footer-24h-menu ul li {
  padding: 4px 0;
}

.footer-24h-menu ul li a {
  font-size: 12px;
  color: var(--color-footer-menu);
  padding: 0 15px;
}

.footer-24h-menu ul li:not(:last-child) a {
  border-right: 1px solid currentcolor;
}

.footer-24h-menu ul li.icon-home a {
  border: none;
  padding: 0;
}

.footer-24h-menu ul li.icon-home svg {
  width: 20px;
  height: 20px;
}

.footer-24h-b .row {
  margin: 0 -30px;
}

.footer-24h-b .row [class*=col-] {
  padding: 0 30px;
}

.footer-24h-b .col-6:first-child {
  border-right: 1px solid #ebebeb;
}

.footer-24h-b .icon-dmca {
  width: 110px;
  height: 42px;
}

.footer-24h-b .icon-vh-24h {
  width: 88px;
  height: 42px;
}

.footer-24h-info,
.footer-24h-info * {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-footer-main);
}

.footer-24h-info svg {
  width: 17px;
  height: 20px;
}

.footer-24h-info .tit-add {
  font-size: 14px;
}

.footer-24h-info .tit-comp {
  font-size: 15px;
}

.footer-24h-link a {
  padding: 0 15px;
  font-size: 14px;
  line-height: 20px;
  color: #363636;
}

.footer-24h-link .link-adv {
  padding: 6px 15px;
  margin: 0 15px 0 0;
  color: #30811d;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
}

.footer-24h-link .link-adv:hover {
  border-color: currentcolor;
}

.scroll-top-24h {
  bottom: 20px;
  right: 20px;
}

.scroll-top-24h a {
  width: 40px;
  height: 40px;
  color: #707070;
  border-radius: var(--border-circle);
  border: 1px solid #ebebeb;
}

.scroll-top-24h a:hover {
  border-color: var(--hover-bor-bg-cl-24h);
}

@font-face {
  font-family: Exo2-Bold;
  src: url("/wp-content/fonts/roboto/Exo2-Bold.woff2") format("woff2"), url("/wp-content/fonts/roboto/Exo2-Bold.woff") format("woff"), url("/wp-content/fonts/roboto/Exo2-Bold.ttf") format("truetype");
  font-display: swap;
}
.cate-24h-foot-main img {
  transition: all ease-in 2s;
}

.color-danger,
.colorRed {
  color: #d50000 !important;
}

.fw-exo2-bold {
  font-family: Exo2-Bold !important;
}

.border-box {
  border: 1px solid #ebebeb;
}

.margin-top-7 {
  margin-top: 7px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15-box-nb {
  margin-top: -15px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-28 {
  margin-top: 28px !important;
}

.margin-top-32 {
  margin-top: 32px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-right-12 {
  margin-right: 12px !important;
}

.margin-bottom-7 {
  margin-bottom: 7px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-16 {
  margin-bottom: 16px !important;
}

.margin-bottom-32 {
  margin-bottom: 32px !important;
}

.margin-left-8 {
  margin-left: 8px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.status-live {
  position: absolute;
  top: 6px;
  left: 6px;
  background: #f9151d;
  color: #fff;
  font-size: 14px;
  border-radius: 999px;
  padding: 4px 15px 4px 20px;
}

.status-live:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 999px;
  transform: translateY(-50%);
}

.cate-24h-foot-main .container {
  max-width: 1100px;
  width: 1100px;
  padding: 0 20px;
  margin: auto;
}

.cate-24h-foot-main .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.cate-24h-foot-main [class*=coll-] {
  position: relative;
  width: 100%;
  padding: 0 10px;
}

.banner-footer-fixed,
.cate-24h-foot-main,
.cate-24h-foot-main.bg-content-fixed {
  width: 1100px;
  z-index: 99;
  margin: auto;
}

.cate-24h-foot-main.bg-content-fixed {
  z-index: 999;
}

.cate-24h-foot-home-2-col .coll-left {
  flex: 1;
}

.cate-24h-foot-home-2-col .coll-right {
  -ms-flex: 0 0 320px;
  -webkit-box-flex: 0;
  flex: 0 0 320px;
  max-width: 320px;
}

.swiper-button-disabled {
  display: none;
}

#zone_banner_sponser_video .m_banner_show,
.bnInreadNews .m_banner_show,
.bnPostarticle .m_banner_show,
.m_banner_show {
  display: block;
  margin: 0 auto;
}

.bnBillboardTop .bnBillboardTopChidren {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.bnBillboardTop .bnBillboardTopChidren .m_banner_show {
  margin-left: calc(50% - 960px);
}

.bnPostarticle {
  position: relative;
  top: -20px;
}

.banner_sticky_container {
  position: fixed;
  bottom: 0;
  z-index: 9999;
}

.adv-text-top {
  position: relative;
  top: -15px;
}

.banner_201 {
  margin: 0 0 20px;
}

.divBnrHm {
  position: relative;
  margin-top: -5px;
}

.bnrPtn {
  position: relative;
  margin-left: 0;
}

.inImgExpand {
  position: relative;
  display: inline-block;
}

.inImgExpand img {
  position: unset !important;
  padding-top: unset;
}

.inImgExpandSection {
  position: absolute;
  top: -15px;
  width: 100%;
  margin: 0 auto;
}

.inImgExpandSection .text_adv_ex {
  display: inline-block;
  font-size: 10px;
  color: #999;
}

.fixad740x570.inImgExpand .news-image {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 !important;
  z-index: -1;
  transition: all ease 0s;
}

section[id$=_145_15s_container] {
  display: block !important;
}

div[id$=_145_15s] {
  float: left;
  width: 336px;
  height: 279px;
  background-size: cover !important;
  margin-top: 14px;
}

.divBnrHm div[id$=_145_15s] {
  margin-top: unset;
}

div[id$=_145_15s].bg-img-none {
  background-image: none !important;
  margin-top: unset;
}

.bnhotretngle {
  height: 279px;
  background: url(/wp-content/themes/flatsome/assets/custom/images/Rectangle-545-copy.jpg);
}

.banner_product_article .banner_bai_anh .m_banner_show {
  margin: 0 auto 30px;
}

.banner_product_article .banner_bai_anh .txtBnrHor {
  text-align: center !important;
}

.none_txt_banner .txtBnrHor {
  display: none;
}

.none_txt_banner .banner_inread {
  margin-bottom: 0 !important;
}

.bnSponBot,
.bnSponTop {
  display: flex;
}

.bnSponBot .m_banner_show,
.bnSponTop .m_banner_show {
  display: flex;
  align-items: center;
  text-align: center;
}

@media not all and (min-resolution: 0.001dpcm) {
  .bnSponBot,
  .bnSponTop {
    justify-content: center;
  }
  .bnSponBot .m_banner_show,
  .bnSponTop .m_banner_show {
    margin: auto;
    justify-content: center;
  }
}
.bg-fixed-top {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.bg-content-fixed {
  position: relative;
  background: #fff;
  overflow: hidden;
}

.bg-fixed-top .contnrTop,
.contnrTop {
  width: 1100px !important;
}

.contnrTop {
  margin: 0 auto;
}

.banner_footer {
  display: flex;
  align-items: center;
  width: 1004px;
  margin: 0 auto 20px;
  padding: 17px 0;
  background: #f2f2f2;
}

.banner_footer .banner_inread {
  margin: 0 !important;
}

.banner-footer-fixed {
  position: relative;
  width: 1015px;
  background: #fff;
  overflow: hidden;
}

.banner-footer-fixed-full {
  background: #fff;
  z-index: 1;
  overflow: hidden;
}

.balloon {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
}

.balloon.un-show {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
}

.balloon .banner_inread {
  margin: 0 !important;
}

#rightBannerBackground .m_banner_show {
  text-align: left;
}

#leftBannerBackground .m_banner_show {
  text-align: right;
}

.divBnrHm .txtBnrHor,
.txtBnrVtl {
  position: absolute;
  top: 60px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: left center;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  left: -9px;
}

.colRt .txtBnrHor,
.txtR {
  text-align: right;
}

.txtBnrHor span,
.txtBnrVtl span {
  position: relative;
  color: #999;
  text-transform: none;
  font-size: 10px;
  font-weight: 400;
}

.txtBnrHor span:before,
.txtBnrVtl span:before {
  content: "Advertisement";
}

.cate-24h-foot-main .icon-tags,
.cate-24h-foot-main .icon-tags-fobal,
.cate-24h-foot-main .textIcontuvan {
  position: absolute;
  display: block;
  bottom: 6px;
  left: 6px;
  width: 24px;
  height: 24px;
  z-index: 1;
}

.cate-24h-foot-main .icon-tags {
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -1121px;
}

.cate-24h-foot-main .icon-tags.icon-hoi-dap {
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -586px;
}

.cate-24h-foot-main .icon-tags.icon-quiz {
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -620px;
}

.cate-24h-foot-main .icon-tags.icon-img {
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -552px;
}

.cate-24h-foot-main .icon-tags.icon-magz {
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -518px;
}

.cate-24h-foot-main .icon-tags.icon-info {
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -484px;
}

.cate-24h-foot-main .icon-tags-fobal {
  background: url("/wp-content/themes/flatsome/assets/custom/images/Icon-Video-highlight.gif") no-repeat;
}

.cate-24h-foot-main .textIcontuvan {
  background: url("/wp-content/themes/flatsome/assets/custom/images/sprites-new-2022-2.png") no-repeat -48px -5902px;
  width: 25px;
  height: 25px;
}

.cate-24h-foot-box-news-hightl-readmore,
.cate-24h-foot-home-tour-news-readmore {
  display: flex;
  align-items: center;
  justify-content: center;
  --gap: 29px;
  --bg-line: #ebebeb ;
}

.cate-24h-foot-box-news-hightl-readmore:after,
.cate-24h-foot-box-news-hightl-readmore:before,
.cate-24h-foot-home-tour-news-readmore:after,
.cate-24h-foot-home-tour-news-readmore:before {
  content: "";
  height: 1px;
  background-color: var(--bg-line);
  flex: 1;
}

.cate-24h-foot-box-news-hightl-readmore:before,
.cate-24h-foot-home-tour-news-readmore:before {
  margin-right: var(--gap);
}

.cate-24h-foot-box-news-hightl-readmore:after,
.cate-24h-foot-home-tour-news-readmore:after {
  margin-left: var(--gap);
}

.cate-24h-foot-box-news-hightl-readmore a,
.cate-24h-foot-home-tour-news-readmore a {
  padding: 9px 20px;
  background: #51ae5a;
  font-size: 14px;
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  border-radius: 999px;
}

.cate-24h-foot-box-news-hightl-readmore a:after,
.cate-24h-foot-home-tour-news-readmore a:after {
  content: "";
  display: inline-block;
  margin: -3px 0 0 7px;
  padding: 3px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.cate-24h-foot-home-tour-news-readmore {
  --gap: 23px ;
}

.cate-24h-foot-home-tour-news-readmore a {
  height: 35px;
}

.cate-24h-foot-home-tour-news-readmore a:after {
  margin: 0 0 0 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.cate-24h-foot-home-latest-list__readmore a {
  width: 100%;
  height: 35px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(45deg, #51ae5a, #51ae5a);
}

.cate-24h-foot-home-latest-list__readmore a:after {
  content: "+";
  margin: 0 0 0 7px;
  font-size: 20px;
  font-family: Roboto-Regular, sans-serif;
}

.cate-24h-foot-home-tour-news-readmore.arrow-plus-etm a:before {
  content: "+";
  margin: 0 5px 0 0;
  font-size: 18px;
}

.cate-24h-foot-home-tour-news-readmore.arrow-plus-etm a:after {
  content: none;
}

.cate-24h-foot-block-title-home * a:hover,
.cate-24h-foot-block-title-home a:first-child:hover,
.cate-24h-foot-home-latest-list__time a:hover,
.cate-24h-foot-menu-top li.icon-home a:hover,
.cate-24h-foot-menu-top-action-tags li a:hover,
.cate-24h-foot-menu-top:not(.etm-menu-top) li a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-block-title-home a:first-child,
.cate-24h-foot-block-title-home h2 a,
.cate-24h-foot-block-title-home p a {
  padding: 0 10px 0 0;
}

.cate-24h-foot-block-title-home a:first-child,
.cate-24h-foot-block-title-home h2,
.cate-24h-foot-block-title-home h2 a,
.cate-24h-foot-block-title-home p,
.cate-24h-foot-block-title-home p a {
  font-size: 22px;
  color: #51ae5a;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.cate-24h-foot-block-title-home .read-more {
  font-size: 14px;
  color: #78b43d;
}

.cate-24h-foot-block-title-home .read-more img {
  height: 13px;
  margin: 0 0 0 7px;
}

.cate-24h-foot-block-title-home .read-more:after {
  content: "";
  width: 8px;
  height: 15px;
  margin: 0 0 0 7px;
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -1297px;
}

.cate-24h-foot-block-title-home .read-more:hover {
  text-decoration: underline !important;
}

.cate-24h-foot-menu-top {
  background: #ebebeb;
  padding: 10px 20px;
}

.cate-24h-foot-menu-top ul {
  justify-content: inherit !important;
}

.cate-24h-foot-menu-top > ul > li {
  padding: 0 10px;
}

.cate-24h-foot-menu-top li img {
  object-fit: scale-down;
}

.cate-24h-foot-menu-top .img-hmenu {
  height: 30px;
}

.cate-24h-foot-menu-top li.icon-menu .img-3-dots {
  height: 7px;
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -801px;
}

.cate-24h-foot-menu-top li.icon-menu .img-close {
  height: 19px;
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -743px;
}

.cate-24h-foot-menu-top li.icon-home a:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url("/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png") no-repeat -5px -818px;
}

.cate-24h-foot-menu-top li.icon-menu {
  position: absolute;
  right: 20px;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}

.cate-24h-foot-menu-top li.icon-menu .img-3-dots,
.cate-24h-foot-menu-top li.icon-menu .img-close {
  display: inline-block;
  width: 19px;
  cursor: pointer;
}

.cate-24h-foot-menu-top li.icon-menu .img-close,
.cate-24h-foot-menu-top li.icon-menu.active .img-3-dots {
  display: none;
}

.cate-24h-foot-menu-top li.icon-menu.active .img-close {
  display: block;
}

.cate-24h-foot-menu-top li.icon-home p {
  line-height: inherit;
}

.cate-24h-foot-menu-top li a {
  font-size: 15px;
  color: #252525;
}

.cate-24h-foot-menu-top li.icon-home {
  margin: 0 20px 0 0;
  padding: 0;
}

.cate-24h-foot-menu-top li.icon-home a,
.cate-24h-foot-menu-top li.icon-home h1,
.cate-24h-foot-menu-top li.icon-home h1 a,
.cate-24h-foot-menu-top li.icon-home p a,
.cate-24h-foot-menu-top li.icon-home span {
  font-size: 14px;
  color: #252525;
}

.cate-24h-foot-menu-top li.icon-home h1 a,
.cate-24h-foot-menu-top li.icon-home p a {
  font-family: Roboto-Bold;
}

.cate-24h-foot-menu-top li.icon-home span {
  margin: 0 19px;
  background: #c2c2c2;
  height: 27px;
  width: 1px;
}

.cate-24h-foot-menu-top li .template_detoxGreenImg {
  margin: 0 5px;
}

.cate-24h-foot-menu-top li.template_detoxGreen a {
  display: flex;
  align-items: center;
  max-width: unset;
  padding: 5px;
  border-radius: 999px;
}

.cate-24h-foot-menu-top li .template_detoxGreenImg img {
  height: 16px;
  vertical-align: middle;
}

.cate-24h-foot-menu-top li.template_detoxGreen a:hover {
  opacity: 0.9;
}

.cate-24h-foot-menu-top li.template_detoxGreen a.logoBrandOnlyImg {
  padding: 0;
  border-radius: 0;
  height: 30px;
}

.cate-24h-foot-menu-top li.template_detoxGreen a.logoBrandOnlyImg img {
  width: unset;
  height: 100%;
  object-fit: unset;
}

.etm-menu-top li.icon-home span {
  background-color: #999;
}

.etm-menu-top li.icon-home .logo-wc22 {
  min-width: 187px;
}

.etm-menu-top li.icon-home .logo-etm,
.etm-menu-top li.icon-home .logo-etm * {
  font-size: 18px;
  font-family: Exo2-Bold;
  text-shadow: 1px 1px 2px #000100;
}

.etm-menu-top li.icon-home .logo-etm a:before {
  content: none;
}

.etm-menu-top > ul > li {
  padding: 0 7px 0 0;
}

.etm-menu-top > ul > li:not(.icon-home, .template_detoxGreen) > a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
}

.etm-menu-top > ul > li:not(.icon-home, .template_detoxGreen) a:hover {
  background: rgba(51, 51, 51, 0.6588235294) !important;
}

.etm-menu-top .cate-24h-foot-menu-top-action {
  top: 50px;
}

.cate-24h-kd-menu-top > ul > li {
  padding: 0 6px;
}

.cate-24h-kd-menu-top ul li.act-menu a {
  position: relative;
}

.cate-24h-kd-menu-top ul li.act-menu a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 100%;
  height: 2px;
  background: #77b33c;
}

.wc22-menu-top .logo-aff22 a:before,
.wc22-menu-top li.icon-home .logo-wc22 a:before {
  content: none !important;
}

.btn-share-24h {
  --cl-bg-bor-share-24h: rgb(32, 153, 86) ;
}

.btn-share-24h .cv19-sha-social__tit {
  font-family: Roboto-Bold;
}

.btn-share-24h .cv19-sha-social__tit {
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff;
  font-size: 12px;
  background-color: #209956;
  cursor: pointer;
}

.btn-share-24h .cv19-sha-social__tit:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 5px 0 0;
  background: url("/wp-content/themes/flatsome/assets/custom/images/covid/sprite-icon-share-social-covid-19.png") -5px -150px no-repeat;
}

.btn-send-comm-r.btn-send-comm {
  --bg-cl-bor-main: #78b43d;
  --color-white: #fff;
  padding: 9px;
  border-radius: 4px;
  font-size: 14px;
  color: var(--bg-cl-bor-main);
  border: 1px solid #dde7d4;
  cursor: pointer;
}

.btn-send-comm-r.btn-send-comm svg {
  width: 16px;
  height: 16px;
}

.btn-send-comm-r.btn-send-comm:hover {
  background: var(--bg-cl-bor-main);
  color: var(--color-white);
  border-color: var(--bg-cl-bor-main);
}

.cate-24h-foot-box-adv-view-news div[id$=_145_15s] {
  margin-top: 17.5px;
}

.cate-24h-foot-box-adv-view-news #class_box_hot1 {
  position: relative;
}

.cate-24h-foot-box-adv-view-news .txtBnrHor {
  position: absolute;
  top: 0;
  left: 12px;
}

.cate-24h-foot-box-adv-view-news .row {
  margin: 0 -12px;
}

.cate-24h-foot-box-adv-view-news [class*=col-] {
  padding: 0 12px;
}

.cate-24h-foot-box-adv-view-news .col-6 {
  flex: 1;
  max-width: 100%;
  min-width: 0;
}

.cate-24h-foot-box-adv-view-news .imgNws {
  width: 130px;
  height: 98px;
  margin-right: 10px;
}

.cate-24h-foot-box-adv-view-news .imgNws img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cate-24h-foot-box-adv-view-news .col-6:nth-child(2) {
  flex: 0 0 404px;
  max-width: 404px;
}

.cate-24h-foot-box-adv-view-news__box--title {
  background: #ebebeb;
  padding: 10px 15px;
}

.cate-24h-foot-box-adv-view-news__box--title *,
.cate-24h-foot-box-adv-view-news__box--title span a {
  font-size: 20px;
  color: #252525;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.cate-24h-foot-box-adv-view-news__box {
  border: 1px solid #ebebeb;
  margin: 17.5px 0 0;
}

.cate-24h-foot-box-adv-view-news__box--list {
  padding: 15px 15px 0;
  max-height: 234px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a1a1a1 #ebebeb;
}

.cate-24h-foot-box-adv-view-news__box--list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ebebeb;
  border-radius: 6px;
  background-color: #ebebeb;
}

.cate-24h-foot-box-adv-view-news__box--list::-webkit-scrollbar {
  width: 3px;
  border-radius: 6px;
  background-color: #ccc;
}

.cate-24h-foot-box-adv-view-news__box--list::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 3px #ebebeb;
  background-color: #7a7a7a;
}

.cate-24h-foot-box-adv-view-news__box--list li {
  margin: 0 0 15px;
}

.cate-24h-foot-box-adv-view-news__box--img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 110px;
  max-width: 110px;
  height: 90px;
  margin: 0 15px 0 0;
}

.cate-24h-foot-box-adv-view-news__box--name span,
.cate-24h-foot-box-adv-view-news__box--name span a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 62px;
  font-size: 15px;
  line-height: 20px;
  color: #252525;
}

.cate-24h-foot-box-adv-view-news__box--name a:hover {
  color: #78b43d;
}

.hotnew {
  position: relative;
  top: 15px;
}

.cate-24h-foot-box-adv-view-news .col-6-cc {
  flex: 1;
  max-width: 100%;
  min-width: 0;
}

.hottest-24h {
  width: 100%;
  margin-top: 14px;
}

.cate-24h-foot-main .hottest-24h-list {
  padding: 15px;
}

.cate-24h-foot-main .hottest-24h-bg {
  margin: 0 10px 0 0;
}

.box-sktb-cm {
  padding: 10px;
  margin: 14px 0 0;
  min-height: 280px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #51ae5a;
}

.box-sktb-cm__tit,
.box-sktb-cm__tit * {
  font-size: 22px;
  color: #51ae5a;
}

.box-sktb-cm-slide .row {
  margin: 0 -10px;
}

.box-sktb-cm-slide .coll-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 10px;
}

.box-sktb-cm-items {
  max-height: 196px;
  background: linear-gradient(180deg, #2d6833 0, #51c55c 100%);
  border-radius: 5px;
}

.box-sktb-cm-bg {
  height: 122px;
}

.box-sktb-cm-info {
  top: -20px;
}

.box-sktb-cm-info .icon-ava {
  width: 42px;
  height: 42px;
  padding: 5px;
  border-radius: 999px;
  background-color: #fff;
}

.box-sktb-cm-info .text-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 47px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 18px;
}

.box-sktb-cm-slide .slide-nav-icon {
  --bor-arr-vs-bg-hover-arr: #fff;
  top: 39%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 999px;
  background-color: #c1c1c1;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-l:before,
.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-r:before {
  position: relative;
  content: "";
  border: solid var(--bor-arr-vs-bg-hover-arr);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-r:before {
  left: -1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-l:before {
  left: 1px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-l {
  left: -15px;
}

.box-sktb-cm-slide .slide-nav-icon.slide-nav-icon-r {
  right: -15px;
}

.box-sktb-cm-slide .slide-nav-icon:hover {
  background: #78b43d;
}

.box-sktb-cm-slide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  background: #51ae5a;
}

.box-sktb-cm-slide .slide-pagi.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.box-sktb-cm-slide .slide-pagi.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 0;
  transform: translateX(0);
  margin: auto;
  text-align: center;
}

.cate-24h-foot-home-latest .select-date-custom {
  position: relative;
}

.cate-24h-foot-home-latest .cate-24h-foot-home-tour-news-icon-club,
.cate-24h-foot-home-tour-news-spec-tour-site .cate-24h-foot-home-tour-news-icon-club {
  margin: 0 10px 0 0;
}

.cate-24h-foot-home-latest .cate-24h-foot-block-title-home h2,
.cate-24h-foot-home-latest .cate-24h-foot-block-title-home h2 a {
  border: none !important;
  padding-left: 0;
}

.cate-24h-foot-home-latest .select-date {
  color: #707070;
  font-size: 12px;
  height: 30px;
  padding: 0 5px;
  border: 1px solid #ebebeb;
  cursor: pointer;
}

.cate-24h-foot-home-latest .select-date-custom:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

.cate-24h-foot-home-latest-list__ava {
  flex: 0 0 210px;
  width: 210px;
  height: 144px;
  margin: 0 20px 0 0;
}

.cate-24h-foot-home-latest-list__cate a {
  font-size: 14px;
  color: #78b43d;
}

.cate-24h-foot-home-latest-list__name {
  margin: 0 0 10px;
}

.cate-24h-foot-home-latest-list__name,
.cate-24h-foot-home-latest-list__name a {
  display: block;
  font-size: 18px;
  line-height: 25px;
  color: #252525;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-latest-list__name a:hover {
  color: #78b43d;
}

.cate-24h-foot-home-latest-list__sum {
  font-size: 14px;
  color: #676767;
  line-height: 20px;
}

.cate-24h-foot-home-latest-list__time {
  display: block;
  font-size: 12px;
  color: #959595;
  margin: 10px 0 0 0;
}

.cate-24h-foot-home-latest-list__time a {
  font-size: 12px;
  color: #959595;
}

.cate-24h-foot-box-live-video-hightl-more#div_box_template_tin_noi_bat2 .cate-24h-foot-home-latest-list article {
  border-bottom: 1px solid #e3e3e3;
  border-top: none;
  padding: 0 0 16px;
}

.cate-24h-foot-box-live-video-hightl-more#div_box_template_tin_noi_bat2 .cate-24h-foot-home-latest-list article:last-child,
.cate-24h-foot-home-latest .cate-24h-foot-home-latest-list > article:first-child {
  border: none;
  padding: 0;
}

#div_box_template_tin_noi_bat2 .cate-24h-foot-home-latest-list article,
.cate-24h-foot-box-live-video-hightl-more#div_box_template_tin_noi_bat2 [id*=div_box_template_tin_noi_] .cate-24h-foot-home-latest-list article,
.cate-24h-foot-home-latest-list article {
  border-top: 1px solid #e3e3e3;
  border-bottom: none;
  padding: 16px 0 0;
}

#div_css_border_top_none article:first-child {
  border-top: none;
  padding-top: 0;
}

.cate-24h-foot-home-tour-news-big-title h3 a:hover,
.cate-24h-foot-home-tour-news-list li a:hover,
.cate-24h-foot-home-tour-news-main .cate-24h-foot-home-tour-news-title h2 a:hover,
.cate-24h-foot-home-tour-news-small-title h3 a:hover,
.cate-24h-foot-home-tour-news-title h2 a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-home-tour-news-main .coll-420,
.cate-24h-foot-home-tour-news-small-title {
  flex: 1;
}

.cate-24h-foot-home-tour-news-main .coll-300 {
  -ms-flex: 0 0 320px;
  -webkit-box-flex: 0;
  flex: 0 0 320px;
  max-width: 320px;
}

.cate-24h-foot-home-tour-news-icon-club {
  max-width: auto;
  height: 31px;
  margin: 0 10px 0 0;
}

.cate-24h-foot-home-tour-news-icon-club img {
  width: inherit;
}

.cate-24h-foot-home-tour-news-list li {
  padding: 0 0 0 20px;
}

.cate-24h-foot-home-tour-news-list li a {
  font-size: 14px;
  color: #666;
}

.cate-24h-foot-home-tour-news-title h2,
.cate-24h-foot-home-tour-news-title h2 a {
  display: flex;
  align-items: center;
  font-size: 22px;
  color: #252525;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.cate-24h-foot-home-tour-news-big-ava {
  height: 282px;
}

.cate-24h-foot-home-tour-news-big-title {
  margin: 14px 0 10px;
}

.cate-24h-foot-home-tour-news-big-title h3 {
  max-height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-home-tour-news-big-title h3,
.cate-24h-foot-home-tour-news-big-title h3 a {
  font-size: 20px;
  line-height: 25px;
  color: #252525;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-tour-news-big-sum {
  font-size: 14px;
  color: #252525;
  line-height: 20px;
}

.cate-24h-foot-home-tour-news-small-ava {
  flex: 0 0 157px;
  height: 105px;
  margin: 0 13px 0 0;
}

.cate-24h-foot-home-tour-news-small-title h3 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-home-tour-news-small-title h3,
.cate-24h-foot-home-tour-news-small-title h3 a {
  color: #252525;
  font-size: 14px;
  line-height: 20px;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-tour-news-small:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
  margin: 0 0 15px;
  padding: 0 0 15px;
}

.grnBxTit {
  margin-bottom: 20px;
}

.grnBxTit span {
  padding: 0 10px 0 0;
  font-size: 22px;
  color: #51ae5a;
  font-family: Exo2-Bold;
  text-transform: uppercase;
}

.grnBxCntGrn {
  position: relative;
  display: inline-block;
  width: 300px;
  margin: 0 0 12px;
}

.grnBxCntGrn article {
  display: flex;
  overflow: hidden;
  margin-bottom: 19px !important;
}

.grnBxCntGrn article .imgNwsHm {
  position: relative;
  flex: 0 0 126px;
  max-width: 126px;
  width: 126px;
  height: 85px;
  margin: 0 14px 0 0;
  padding: 0 !important;
  overflow: hidden;
}

.grnBxCntGrn article .imgNwsHm img:hover {
  transform: scale(1.3);
}

.grnBxCntGrn article .nwsTit {
  padding-top: 3px;
}

.grnBxCntGrn article .nwsTit a {
  font-size: 14px;
  color: #252525;
  line-height: 18px;
  font-family: Roboto-Bold;
}

.grnBxCntGrn article .nwsTit a:hover {
  color: #78b43d !important;
}

.grnBxCntGrn .nav-swp {
  left: 50%;
  width: 37px;
  height: 23px;
  background: #84b43d;
  box-shadow: 0 4px 9.1000003815px 0 rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
  transform: translateX(-50%);
}

.grnBxCntGrn:hover .nav-swp {
  opacity: 1;
  visibility: visible;
}

.grnBxCntGrn .nav-swp.nav-swp-l {
  top: 0;
  border-radius: 0 0 30px 30px;
}

.grnBxCntGrn .nav-swp.nav-swp-r {
  bottom: 15px;
  border-radius: 30px 30px 0 0;
}

.grnBxCntGrn .nav-swp .icon-arrow {
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  padding: 3px;
  vertical-align: middle;
  cursor: pointer;
}

.grnBxCntGrn .nav-swp-l .icon-arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin: 3px 0 0;
}

.grnBxCntGrn .nav-swp-r .icon-arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: -3px 0 0;
}

.grnBxCntGrn .nav-swp:hover {
  background: #51c55c;
}

.grnBxCntGrn .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  position: absolute;
  top: 354px;
  left: 0;
  margin: 0 auto;
  transform: translate(0) rotate(-90deg);
}

.grnBxCntGrn .swiper-pagination-bullets .swiper-pagination-bullet {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin: 2px 0;
  opacity: 1;
  border-radius: 999px;
  background-color: #ddd;
}

.grnBxCntGrn .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #84b43d;
}

.cate-24h-foot-home-2-col-box-right-news,
.cate-24h-foot-home-2-col-box-right-news-list,
.cate-24h-foot-home-2-col-box-right-news-list__ava,
.cate-24h-foot-home-2-col-box-right-news-list__title {
  padding: 0 !important;
}

.cate-24h-foot-home-2-col-box-right-news-list .margin-bottom-20 {
  margin-bottom: 19px !important;
}

.cate-24h-foot-home-2-col-box-right-news-list__ava {
  flex: 0 0 126px;
  max-width: 126px;
  width: 126px;
  height: 85px;
  margin: 0 14px 0 0;
  overflow: hidden;
}

.cate-24h-foot-home-2-col-box-right-news-list__ava img:hover {
  transform: scale(1.3);
}

.cate-24h-foot-home-2-col-box-right-news-list__title * {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 81px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #252525;
  line-height: 18px;
  font-family: Roboto-Bold;
}

.cate-24h-foot-home-2-col-box-right-news-list__title a:hover {
  color: #78b43d;
}

.ttdnkh > header {
  margin: 30px 0 0 0;
  padding: 0 0 10px;
  border-bottom: 2px solid #ef7930;
}

.ttdnkh > header > span {
  display: block;
  background: url(/wp-content/themes/flatsome/assets/custom/images/sprites092018.png) no-repeat -50px -3795px;
  padding: 0 0 0 30px;
  font-size: 22px;
  line-height: 25px;
  color: #ef7930;
  text-transform: uppercase;
}

.ttdnkh .bx4TBtmHm {
  position: relative;
  width: 100%;
  padding: 20px 35px 20px;
  background: #fff1d9;
}

.ttdnkh .t4ArwLt,
.ttdnkh .t4ArwRt {
  position: absolute;
  top: 50%;
  width: 19px;
  height: 40px;
  transform: translateY(-50%);
  z-index: 100;
}

.ttdnkh .t4ArwLt {
  left: 0;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5711px;
}

.ttdnkh .t4ArwRt {
  right: 0;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -48px -5011px;
}

.ttdnkh .swiper.slide-box-4t2 {
  width: 669px !important;
}

.ttdnkh .dnIt2 .imgNws {
  position: relative;
  height: 110px;
}

.ttdnkh .dnIt2 header span a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 18px;
  font-family: Roboto-Bold;
  color: #252525;
}

.ttdnkh .dnIt2 header span a:hover {
  color: #78b43d;
}

.ttdnkh .dnIt2 header {
  padding: 12px 0 0;
}

.ttdnkh .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
}

.ttdnkh .col-up-4 > .col {
  position: relative;
}

.ttdnkh .col-up-4 {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.ttdnkh .ttdnkhNoGridRow {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.ttdnkh .ttdnkhNoGridRow .no-slide {
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
  padding: 0 15px;
  margin: 0 0 10px;
}

.ttdnkh .pagination.swiper-pagination-bullets {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 5px;
  z-index: 99;
  transform: translateX(-50%);
}

.ttdnkh .pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 6px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  opacity: 1;
  cursor: pointer;
}

.ttdnkh .pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #ef7930;
}

.module3 {
  margin: 30px 0 0 0;
}

.bxCmSbPg:before {
  content: "Advertisement";
  display: block;
  margin: 0 0 6px;
  font-size: 10px;
  color: #9e9e9e;
}

.bxCmSbPg .grnBxT {
  display: flex;
  align-items: center;
  padding: 9px 20px;
  border-radius: 8px 8px 0 0;
  background-color: #d2577e;
}

.bxCmSbPg .grnBxT:before {
  content: "";
  display: inline-block;
  margin: 0 8px 0 0;
  width: 21px;
  height: 23px;
  background: url("/wp-content/themes/flatsome/assets/custom/images/sprites30122022.png") -8px -1782px no-repeat;
}

.bxCmSbPg .grnBxT a {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}

.bxCmSbPg .bxGrtt {
  padding: 0 20px 10px;
  border-radius: 0 0 8px 8px;
  border: 1px solid #ebebeb;
}

.bxCmSbPg .sclDiv.sclDivSbPg {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 20px;
}

.bxCmSbPg .bxGrtt .lstNml {
  display: flex;
  padding: 20px 0 0 0;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  min-height: 60px;
}

.bxCmSbPg .bxGrtt .lstNml:nth-child(odd) {
  padding: 20px 30px 0 0;
}

.bxCmSbPg .bxGrtt .lstNml a {
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  font-family: Roboto-Medium;
}

.bxCmSbPg .bxGrtt .lstNml a:hover {
  color: #78b43d;
}

.bxCmSbPg .bxGrtt .lstNml:before {
  content: "";
  display: inline-block;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin: 6px 10px 0 0;
  border-radius: 999px;
  background: #d2577e;
}

.bxCmSbPg .pgCatex .pg,
.bxCmSbPg .pgCatex .pgFit.pgnext,
.bxCmSbPg .pgCatex .pgLnk.pgLst {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bxCmSbPg .pgCatex .pg {
  margin: 0.5rem 0;
}

.bxCmSbPg .pgCatex .pgIt {
  margin: 0 3px;
}

.bxCmSbPg .pgCatex .pgLnk {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 27px;
  text-align: center;
  font-size: 12px;
  color: #757575;
  background-color: #fff;
  border: 1px solid #ddd;
}

.bxCmSbPg .pgCatex .atv span {
  background: #d2577e;
  border-color: #d2577e;
  color: #fff;
}

.bxCmSbPg .pgCatex .pgLnk {
  border-radius: 999px;
}

.bxCmSbPg .pgCatex .pgLnk.pgnext:before,
.bxCmSbPg .pgCatex .pgLnk.pgprev:before {
  content: "";
  padding: 3px;
  margin: 0 3px 0 0;
  border: solid #757575;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.bxCmSbPg .pgCatex .pgLnk.pgnext:before {
  margin: 0 0 0 4px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.bxCmSbPg .pgCatex .pgIt:hover .pgLnk:before {
  border-color: #d2577e;
}

.bxCmSbPg .pgCatex .pgLnk:hover {
  color: #d2577e;
}

.specialty-ftb {
  width: 1060px;
}

.specialty-ftb .row {
  margin: 0 -7.5px;
}

.specialty-ftb .row .col-4 {
  padding: 0 7.5px;
}

.specialty-ftb-items .box-tit {
  min-height: 35px;
  border-radius: 10px 10px 0 0;
  background: #51ae5a;
}

.specialty-ftb-items .box-tit * {
  font-size: 18px;
  line-height: 22px;
}

.specialty-ftb-items .box-collumn {
  padding: 15px 5px 20px;
  box-shadow: 0 0 11.5px 4px rgba(97, 97, 97, 0.2509803922);
  border-radius: 0 0 10px 10px;
}

.specialty-ftb-items .box-collumn a img {
  width: 20px;
  height: 20px;
}

.specialty-ftb-items .box-collumn a * {
  align-content: center;
  font-size: 14px;
}

.specialty-ftb-items .box-collumn.row {
  margin: 0 5px;
}

.specialty-ftb-items .box-collumn.row [class*=col-] {
  padding: 0 5px;
}

.specialty-ftb-items .btn-more {
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
}

.specialty-ftb-items .btn-more a {
  display: inline-flex;
  padding: 0 10px;
  width: max-content;
  height: 35px;
  border-radius: var(--border-circle);
  border: 1px solid #51ae5a;
  font-size: 14px;
  color: #4c9553;
}

.specialty-ftb-items .btn-more a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 3px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.specialty-ftb-items .btn-more a:hover {
  background: var(--hover-bor-bg-cl-24h);
  border-color: var(--hover-bor-bg-cl-24h);
  color: var(--color-white);
}

#calenderTable {
  display: none;
}

.btnTpDtd {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5571px;
}

.back-home-fixed {
  right: 71px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background: #78b43d;
  border-radius: var(--border-circle);
  z-index: 1;
}

.back-home-fixed svg {
  width: 20px;
  height: 20px;
  transform: rotate(0);
}

.back-home-fixed:hover {
  background: #669a33;
}

.cate-24h-kd-typ-per {
  padding: 20px 20px 0;
}

.cate-24h-kd-typ-per__icon {
  width: 28px;
  height: 28px;
  margin: 0 10px 0 0;
}

.cate-24h-kd-typ-per__tit * {
  font-size: 14px;
  color: #f5700d;
  font-family: "Roboto-Bold";
  text-transform: uppercase;
}

.cate-24h-kd-typ-per__list {
  flex: 1;
  overflow: hidden;
  margin: 0 0 0 20px;
}

.cate-24h-kd-typ-per__list ul {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  white-space: nowrap;
}

.cate-24h-kd-typ-per__list ul::-webkit-scrollbar {
  display: none;
}

.cate-24h-kd-typ-per__list ul li {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.cate-24h-kd-typ-per__list ul li a {
  display: inline-block;
  padding: 6px 9px;
  margin: 0 15px 0 0;
  color: #252525;
  font-size: 13px;
  background: #efefef;
  border-radius: 999px;
}

.cate-24h-kd-typ-per__list ul li a:hover {
  background: #78b43d;
  color: #fff;
}

.cate-24h-kd-typ-per__list ul li a:before {
  content: "#";
  margin: 0 3px 0 0;
}

.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title h2 *,
.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title .title-slide {
  color: #e44242;
  font-size: 22px;
  font-family: "Exo2-Bold";
  text-transform: uppercase;
}

.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title {
  padding-bottom: 0;
  border-bottom: none;
  margin: 0 0 20px !important;
}

.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title.titreadmore * {
  color: #51AE5A;
}

.cate-24h-kd-slide-news {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #ebebeb;
}

.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title.titreadmore img {
  width: 20px;
}

.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title.titreadmore * {
  align-items: center;
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box {
  overflow: inherit;
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .swiper-slide {
  flex: 0 0 212px;
  max-width: 212px;
  margin: 0 20px 0 0;
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .swiper-slide .cate-24h-kd-slide-news__ava {
  height: 141px;
}

.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title:before,
.cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title h2 a:after {
  content: none;
}

.cate-24h-kd-slide-news__box {
  overflow: hidden;
}

.cate-24h-kd-slide-news__box .row {
  margin: 0 -10px;
}

.cate-24h-kd-slide-news__box .col-4 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 10px;
}

.cate-24h-kd-slide-news__ava {
  height: 116px;
  margin: 0 0 10px;
}

.cate-24h-kd-slide-news__tit a {
  font-size: 14px;
  color: #252525;
  font-family: "Roboto-Bold";
  line-height: 1.3;
}

.cate-24h-kd-slide-news__tit a:hover {
  color: #78b43d;
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .nav-kd-news {
  position: absolute;
  top: 50px;
  width: 40px;
  height: 40px;
  border-radius: 999px !important;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  transition: all ease 0.5s;
  z-index: 2;
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .nav-kd-news.nav-kd-news-r {
  right: -19px;
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box:hover .nav-kd-news.nav-kd-news-l,
.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .nav-kd-news.nav-kd-news-l {
  left: -19px;
}

.cate-24h-kd-slide-news .nav-kd-news .icon-arrow {
  display: inline-block;
  border: solid #7c7c7c;
  border-width: 0 2px 2px 0;
  padding: 4px;
  vertical-align: middle;
  cursor: pointer;
}

.cate-24h-kd-slide-news__box .nav-kd-news-l .icon-arrow {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.cate-24h-kd-slide-news__box .nav-kd-news-r .icon-arrow {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .nav-kd-news.nav-kd-news-r .icon-arrow {
  margin: 0 0 0 -4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .nav-kd-news.nav-kd-news-l .icon-arrow {
  margin: 0 -4px 0 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .nav-kd-news:hover {
  background-color: #ff634e;
  border-color: #ff634e;
}

.cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .nav-kd-news:hover .icon-arrow {
  border-color: #fff;
}

.box-news-hightl-ftb .cate-24h-foot-box-news-hightl-readmore:before,
.box-news-hightl-ftb .cate-24h-foot-box-news-hightl-readmore:after {
  content: none;
}

.cate-24h-foot-box-news-hightl {
  padding: 20px;
}

.cate-24h-foot-main .cate-24h-foot-box-news-hightl .row {
  margin: 0 -20px;
}

.cate-24h-foot-main .cate-24h-foot-box-news-hightl [class*=coll-] {
  padding: 0 20px;
}

.cate-24h-foot-box-news-hightl .coll-left,
.cate-24h-foot-box-news-hightl .coll-right {
  flex: 1;
}

.cate-24h-foot-box-news-hightl .coll-middle {
  flex: 0 0 600px;
  max-width: 600px;
  height: 100%;
}

.cate-24h-foot-box-news-hightl .coll-middle:before,
.cate-24h-foot-box-news-hightl .coll-middle:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 375px;
  background: #ebebeb;
}

.cate-24h-foot-box-news-hightl .coll-middle:before {
  left: 0;
}

.cate-24h-foot-box-news-hightl .coll-middle:after {
  right: 0;
}

.cate-24h-foot-box-news-hightl-small-img {
  height: 141px;
}

.cate-24h-foot-box-news-hightl-small-img .status-live {
  font-size: 11px;
}

.cate-24h-foot-box-news-hightl-small-title h3 {
  max-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-box-news-hightl-small-title * {
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-box-news-hightl-big-img {
  height: 375px;
}

.cate-24h-foot-box-news-hightl-big-img a {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.cate-24h-foot-box-news-hightl-big-title h3 {
  max-height: 108px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-box-news-hightl-big-title * {
  font-size: 24px;
  line-height: 32px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-box-news-hightl-small-title a:hover,
.cate-24h-foot-box-news-hightl-big-title a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-home-video-hight.level-2 {
  margin: 20px -20px 30px;
}

.cate-24h-foot-home-video-hight-title h2 {
  flex: 1;
}

.cate-24h-foot-home-video-hight-title a:hover,
.cate-24h-foot-home-video-hight-news-small-title a:hover,
.cate-24h-foot-home-video-hight-news-big-title a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-home-video-hight-title h2,
.cate-24h-foot-home-video-hight-title h2 a {
  display: flex;
  color: #51AE5A;
  font-size: 22px;
  font-family: "Exo2-Bold";
  text-transform: uppercase;
}

.cate-24h-foot-home-video-hight-title span a {
  font-size: 14px;
  color: #7A7A7A;
}

.cate-24h-foot-home-video-hight-title span a:hover {
  text-decoration: underline !important;
}

.cate-24h-foot-home-video-hight-title {
  position: relative;
  padding-bottom: 12px;
  border-bottom: 2px solid #51AE5A;
}

.cate-24h-foot-home-video-hight-title .cate-24h-foot-home-tour-news-icon-club {
  height: 31px;
  margin: 0 5px 0 0;
}

.cate-24h-foot-home-video-hight .coll-566 {
  flex: 0 0 441px;
  max-width: 441px;
}

.cate-24h-foot-home-video-hight .coll-202 {
  flex: 1;
}

.cate-24h-foot-home-video-hight-news-big-img {
  height: 248px;
  overflow: hidden;
}

.cate-24h-foot-home-video-hight .icon-tag-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  background: url(/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png) no-repeat -5px -966px;
}

.cate-24h-foot-home-video-hight-news-big-title * {
  max-height: 150px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 30px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-home-video-hight-news-big-sum p {
  max-height: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  overflow: hidden;
}

.cate-24h-foot-home-video-hight-news-list {
  max-height: 494px;
  padding: 0 10px 0 0;
  overflow-y: auto;
}

.cate-24h-foot-home-video-hight-news-list::-webkit-scrollbar {
  width: 6px;
  padding: 0 10px;
  margin: 0 10px;
  position: relative;
  right: -10px;
  left: 10px;
}

.cate-24h-foot-home-video-hight-news-list::-webkit-scrollbar-track {
  background: #cecccc;
  border-radius: 10px;
}

.cate-24h-foot-home-video-hight-news-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #adabab;
}

.cate-24h-foot-home-video-hight-news-small-img {
  flex: 0 0 157px;
  max-width: 157px;
  height: 92px;
}

.cate-24h-foot-home-video-hight-news-small-title * {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-home-video-hight .cate-24h-foot-home-video-hight-news-small-img .icon-tag-play {
  width: 45px;
  height: 45px;
  background: url(/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png) no-repeat -5px -1066px;
}

.cate-24h-foot-home-video-hight.cateCategory {
  margin: 0 0 25px;
  padding: 10px 0 0;
}

.cate-24h-foot-home-video-hight .container {
  max-width: 100%;
  width: auto;
}

.video-hight-ftb-sele .box-tit {
  min-width: 230px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid currentcolor;
  border-radius: 4px;
}

.video-hight-ftb-sele .box-tit,
.video-hight-ftb-sele .box-tit * {
  font-size: 14px;
  color: #78b43d;
}

.video-hight-ftb-sele .box-tit .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 6px solid currentcolor;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: 0 0 0 10px;
  pointer-events: none;
}

.video-hight-ftb-sele.act .box-tit {
  color: #9e9e9e;
  border-color: #78b43d;
}

.video-hight-ftb-sele .box-tit .arrow {
  border-top-color: #e5914b;
}

.video-hight-ftb-sele .box-sub {
  top: 29px;
  left: 0;
  max-height: 459px;
  overflow-y: auto;
  padding: 0 10px;
  border: 1px solid #78b43d;
  border-radius: 0 0 4px 4px;
}

.video-hight-ftb-sele .box-sub::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.video-hight-ftb-sele .box-sub::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 5px;
}

.video-hight-ftb-sele .box-sub::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}

.video-hight-ftb-sele .box-sub li {
  border-top: 1px solid #ebebeb;
  padding: 8px 0;
}

.video-hight-ftb-sele .box-sub li a {
  font-size: 14px;
  line-height: 1.3;
}

.cate-24h-foot-home-box-epl-menu ul li a:hover,
.cate-24h-foot-home-box-epl-big__title h3 a:hover,
.cate-24h-foot-home-box-epl-small__title h3 a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-home-box-epl {
  background: url(/wp-content/themes/flatsome/assets/custom/images/2021-template/bg-thong-tin-giai-ngoai-hang-anh.jpg) center center/cover no-repeat;
  padding: 15px 12px 10px 15px;
}

.cate-24h-foot-home-box-epl-logo {
  max-width: max-content;
  margin: 0 10px 0 0;
}

.cate-24h-foot-home-box-epl-logo .cate-24h-foot-home-tour-news-icon-club {
  flex: 0 0 auto;
  max-width: initial;
  height: 40px;
  margin: 0 10px 0 0;
}

.cate-24h-foot-home-box-epl-logo .cate-24h-foot-home-tour-news-icon-club img {
  width: inherit;
}

.cate-24h-foot-home-box-epl-menu ul li {
  padding: 0 0 0 20px;
}

.cate-24h-foot-home-box-epl-menu ul li a,
.cate-24h-foot-home-box-epl-logo h2,
.cate-24h-foot-home-box-epl-logo h2 a {
  font-family: "Roboto-Bold";
  font-size: 14px;
}

.cate-24h-foot-home-box-epl-menu ul li a {
  font-family: "Roboto-Regular", sans-serif;
}

.cate-24h-foot-home-box-epl-menu ul li a,
.cate-24h-foot-home-box-epl-logo h2,
.cate-24h-foot-home-box-epl-logo h2 a,
.cate-24h-foot-home-box-epl-big__title *,
.cate-24h-foot-home-box-epl-big__sum *,
.cate-24h-foot-home-box-epl-small__title * {
  color: #fff;
}

.cate-24h-foot-home-box-epl-logo h2,
.cate-24h-foot-home-box-epl-logo h2 a {
  text-transform: uppercase;
  font-size: 22px;
}

.cate-24h-foot-home-box-epl-menu {
  flex: auto;
}

.cate-24h-foot-main .cate-24h-foot-home-box-epl .row {
  margin: 0 -10px;
}

.cate-24h-foot-main .cate-24h-foot-home-box-epl [class*=coll-] {
  padding: 0 10px;
}

.cate-24h-foot-home-box-epl .coll-311 {
  flex: 0 0 307px;
  max-width: 307px;
}

.cate-24h-foot-home-box-epl .coll-3xx {
  flex: 1;
}

.cate-24h-foot-home-box-epl-big__ava {
  height: 270px;
}

.cate-24h-foot-home-box-epl-big__sum * {
  font-size: 14px;
  line-height: 20px;
}

.cate-24h-foot-home-box-epl-big {
  height: 100%;
}

.cate-24h-foot-home-box-epl-big__title {
  margin: 10px 0 0;
}

.cate-24h-foot-home-box-epl-big__title h3,
.cate-24h-foot-home-box-epl-big__title h3 a {
  font-size: 20px;
  line-height: 25px;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-home-box-epl-big__title h3 {
  max-height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-home-box-epl-small__ava {
  flex: 0 0 157px;
  max-width: 157px;
  height: 108px;
}

.cate-24h-foot-home-box-epl-small {
  margin: 0 0 16px;
  padding: 0 0 16px;
}

.cate-24h-foot-home-box-epl-small:not(:last-child) {
  border-bottom: 1px solid rgba(235, 235, 235, 0.2);
}

.cate-24h-foot-home-box-epl-small__title {
  padding: 0 0 0 12px;
}

.cate-24h-foot-home-box-epl-small__title h3,
.cate-24h-foot-home-box-epl-small__title h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
}

.box-ltd-bxh-ftb .row {
  margin: 0 -12px;
}

.box-ltd-bxh-ftb [class*=col-] {
  padding: 0 12px;
}

.box-ltd-bxh-ftb .link-cover {
  text-indent: -9999px;
}

.box-ltd-bxh-ftb .col-r {
  flex: 0 0 404px;
  max-width: 404px;
}

.box-ltd-bxh-ftb__tit * {
  font-size: 20px;
  line-height: 28px;
  color: #51AE5A;
}

.box-ltd-bxh-ftb__tit svg {
  width: 20px;
  height: 20px;
  transform: rotate(0);
}

.box-ltd-bxh-ftb__tab li a {
  display: block;
  margin: 0 8px 0 0;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 17px;
  color: #707070;
  border: 1px solid #e1e1e1;
  border-radius: 999px;
}

.box-ltd-bxh-ftb__tab li a img {
  width: 16px;
  height: 16px;
  transition: all ease 0;
}

.box-ltd-bxh-ftb__tab li a:hover,
.box-ltd-bxh-ftb__tab li.active a {
  background: #636363;
  color: #fff;
}

.box-ltd-bxh-ftb__tab li a:hover a img,
.box-ltd-bxh-ftb__tab li.active a img {
  filter: brightness(100);
}

.box-ltd-bxh-ftb__more a {
  display: block;
  padding: 10px;
  background: #51AE5A;
  border-radius: 999px;
  font-size: 14px;
  color: #fefeff;
}

.box-ltd-bxh-ftb__more a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 3px;
  border: solid #fefeff;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.box-ltd-ftb__items {
  margin: 0 0 8px;
  padding: 8px 10px;
  background: linear-gradient(90deg, #F3F3F3 0%, rgba(241, 241, 241, 0.55) 97.25%);
  border-radius: 5px;
}

.box-ltd-ftb__items * {
  font-size: 14px;
  line-height: 1.46;
}

.box-ltd-ftb__items .box-l {
  border-right: 1px solid #DCDCDC;
  padding-right: 20px;
}

.box-ltd-ftb__items .club-team img {
  width: 12px;
  height: 12px;
  margin: 0 8px 0 0;
}

.box-ltd-ftb__items .tit-team {
  color: #494949;
}

.box-ltd-ftb__items .score-match {
  color: #51AE5A;
}

.box-ltd-ftb__items .box-time {
  color: #818181;
}

.box-ltd-ftb__items .tit-team {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh {
  margin: 0 0 4px;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh table {
  border-collapse: collapse;
  border-spacing: 0;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh thead {
  background: #e8e8e8;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh * {
  font-size: 14px;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh table thead tr th {
  padding: 11px 15px;
  color: #252525;
  font-weight: inherit;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh table thead tr,
.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh table tbody tr {
  border-bottom: 4px solid #fff;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh table tbody tr td {
  padding: 16.5px 15px;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh table .img-club {
  width: 12px;
  height: 12px;
  object-fit: scale-down;
  margin: 0 5px 0 0;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh table tbody tr {
  background: #F6F6F6;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh .status {
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh .status-dot {
  width: 6px;
  height: 6px;
  background: #a1a1a1;
  border-radius: 999px;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh .status-down,
.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh .status-up {
  width: 0;
  height: 0;
  right: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh .status-up {
  border-bottom: 5px solid #78b43d;
}

.box-bxh-ftb .cate-24h-foot-home-sche-content-bxh .status-down {
  border-top: 5px solid #f9151d;
}

.box-bxh-ftb .livescore-tennis .cate-24h-foot-home-sche-content-bxh table thead tr th {
  padding: 4px 9px;
}

.box-bxh-ftb .livescore-tennis .cate-24h-foot-home-sche-content-bxh table tbody tr td {
  padding: 7.9px 9px;
}

.etm-brands ul {
  flex-wrap: wrap;
  margin: 0 -10px;
}

.etm-brands ul li {
  padding: 0 10px;
  flex: 0 0 25%;
  max-width: 25%;
}

.etm-brands ul li a {
  display: block;
  height: 40px;
}

.etm-brands ul li a img {
  transition: all ease 0.3s;
}

.etm-brands ul li a img:hover {
  opacity: 0.8;
}

.etm-media .container {
  padding: 0 25px;
}

.etm-media-logo .box-logo {
  max-width: 168px;
  height: 53px;
}

.etm-media-logo .box-logo-part {
  max-width: 133px;
  height: 34px;
}

.etm-media-1-box:hover *,
.etm-media-2__name a:hover {
  color: #78b43d !important;
}

.etm-media-tit img {
  width: 36px;
  height: 36px;
  margin: 0 15px 0 0;
  object-fit: scale-down;
}

.etm-media-tit * {
  font-size: 20px;
}

.etm-media .slide-nav-icon {
  top: 41%;
  width: 21px;
  height: 43px;
  line-height: 43px;
  background-color: rgba(193, 193, 193, 0.8196078431);
  cursor: pointer;
  transform: translateY(-50%);
  z-index: 1;
}

.etm-media .slide-nav-icon:before {
  position: relative;
  content: "";
  display: inline-block;
  padding: 5px;
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  vertical-align: middle;
}

.etm-media .slide-nav-icon.slide-nav-icon-l {
  left: -25px;
  border-radius: 0 3px 3px 0;
}

.etm-media .slide-nav-icon.slide-nav-icon-r {
  right: -25px;
  border-radius: 3px 0 0 3px;
}

.etm-media .slide-nav-icon.slide-nav-icon-r:before {
  left: -3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.etm-media .slide-nav-icon.slide-nav-icon-l:before {
  left: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.etm-media .slide-nav-icon:hover {
  background-color: #78B43D;
  border-color: #78B43D;
}

.etm-media-1-slide .row {
  margin: 0 -15px;
}

.etm-media-1-slide .col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 15px;
}

.etm-media-1__name * {
  font-size: 17px;
  line-height: 24px;
}

.etm-media-1__img {
  height: 211px;
}

.etm-media-2-tab li a {
  display: block;
  padding: 7px 15px;
  margin: 0 5px;
  font-size: 16px;
  border-radius: 999px;
  background-color: transparent;
}

.etm-media-2-tab li.act a,
.etm-media-2-tab li a:hover {
  background-color: #489c7d;
}

.etm-media-2-slide .row {
  margin: 0 -10px;
}

.etm-media-2-slide .row [class*=col-] {
  padding: 0 10px;
}

.etm-media-2-slide .col-2 {
  flex: 0 0 20%;
  max-width: 20%;
}

.etm-media-2__name * {
  font-size: 14px;
  line-height: 20px;
}

.etm-media-2__img {
  height: 124px;
}

.etm-media .etm-media-2-slide .slide-nav-icon {
  top: 27%;
}

.cate-24h-kd-ex-rate {
  padding: 7px 20px;
  background: #efefef;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.cate-24h-kd-ex-rate p {
  line-height: 1.4;
}

.cate-24h-kd-ex-rate__items {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}

.cate-24h-kd-ex-rate .row {
  margin: 0 -5px;
}

.cate-24h-kd-ex-rate .col-3 {
  padding: 0 5px;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.cate-24h-kd-ex-rate .col-3:nth-child(2) {
  flex: 0 0 31.33%;
  max-width: 31.33%;
}

.cate-24h-kd-ex-rate .col-3:last-child {
  flex: 1;
  max-width: 100%;
}

.cate-24h-kd-ex-rate__tit * {
  font-size: 14px;
  color: #e2af2e;
  font-family: "Roboto-Bold";
  padding: 0 10px 0 0;
}

.cate-24h-kd-ex-rate__tit .color-gold {
  color: #e2af2e;
}

.cate-24h-kd-ex-rate__tit .color-ex-rate {
  color: #1eaf8a;
}

.cate-24h-kd-ex-rate__tit .color-stock {
  color: #2598dc;
}

.cate-24h-kd-ex-rate__slide {
  border-left: 1px solid #ddd;
  padding: 0 0 0 10px;
  flex: 1;
}

.cate-24h-kd-ex-rate__slide-items .box-1 {
  margin: 0 0 3px;
}

.cate-24h-kd-ex-rate__slide-items * {
  font-size: 14px;
  color: #252525;
}

.cate-24h-kd-ex-rate__slide-items .title {
  display: inline-block;
  margin: 0 10px 0 0;
  min-width: 30px;
}

.cate-24h-kd-ex-rate__slide-items .buy {
  color: #707070;
  margin: 0 10px 0 0;
}

.cate-24h-kd-ex-rate__slide-items .buy strong {
  font-family: "Roboto-Bold";
}

.cate-24h-kd-ex-rate__slide .nav-ex-rate {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  border: solid #909090;
  border-width: 0 2px 2px 0;
  padding: 4px;
  vertical-align: middle;
  cursor: pointer;
}

.cate-24h-kd-ex-rate__slide .nav-ex-rate:hover {
  border-color: #78b43d;
}

.cate-24h-kd-ex-rate__slide .nav-ex-rate-prev {
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
}

.cate-24h-kd-ex-rate__slide .arow {
  position: relative;
  top: -2px;
  width: 0;
  height: 0;
  display: inline-block;
  margin: 0 0 0 2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.cate-24h-kd-ex-rate__slide .arow.arow-up {
  border-bottom: 5px solid #0d9107;
}

.cate-24h-kd-ex-rate__slide .arow.arow-down {
  border-top: 5px solid #f9151d;
}

.cate-24h-kd-ex-rate__slide .buy.up {
  color: #0d9107;
}

.cate-24h-kd-ex-rate__slide .buy.down {
  color: #f9151d;
}

.cate-24h-kd-ex-rate__items.box-stock .title {
  min-width: 72px;
}

.cate-24h-kd-ex-rate__items.box-stock .buy strong {
  display: inline-block;
  min-width: 60px;
}

.cate-24h-foot-box-news-hightl-cate-2 .coll-middle {
  flex: 1;
}

.cate-24h-foot-home-2-col .cate-24h-foot-box-news-hightl-cate-2 .coll-right {
  flex: 0 0 250px;
  max-width: 250px;
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-big-title h3 a:hover,
.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-small-title h3 a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-small-img {
  height: 149px;
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-small-title h3 {
  max-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-small-title h3,
.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-small-title h3 a {
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-big-img {
  height: 330px;
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-big-img a {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-big-title h3 {
  max-height: 108px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-big-title h3,
.cate-24h-foot-box-news-hightl-cate-2 .cate-24h-foot-box-news-hightl-big-title h3 a {
  font-size: 24px;
  line-height: 32px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-box-news-hightl-cate-2.border-bottom {
  border-bottom: 1px solid #ebebeb;
}

.cate-24h-foot-menu-spec-tour-site {
  padding: 20px 20px 0;
}

.cate-24h-foot-menu-spec-tour-site__title h1 {
  color: #252525;
  font-size: 30px;
  font-family: "Exo2-Bold";
}

.cate-24h-foot-box-live-news-hightl .cate-24h-foot-box-news-hightl-small-title h3 a:hover,
.cate-24h-foot-box-live-news-hightl-big-title:hover {
  color: #78b43d !important;
}

.cate-24h-foot-box-live-news-hightl-big .icon-tags,
.cate-24h-foot-box-live-news-hightl-big .icon-tags-fobal {
  top: 6px;
  right: 6px;
  bottom: unset;
  left: unset;
}

.cate-24h-foot-box-live-news-hightl .coll-left {
  flex: 1;
}

.cate-24h-foot-box-live-news-hightl .coll-right {
  -ms-flex: 0 0 320px;
  -webkit-box-flex: 0;
  flex: 0 0 320px;
  max-width: 320px;
}

.cate-24h-foot-box-live-news-hightl-big-img {
  height: 481px;
  overflow: hidden;
}

.cate-24h-foot-box-live-news-hightl-big-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9019607843) 0%, rgba(0, 0, 0, 0) 99%);
}

.cate-24h-foot-box-live-news-hightl-big-title {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-box-live-news-hightl-small-list article {
  padding: 13px 0;
}

.cate-24h-foot-box-live-news-hightl-small-list article:first-child {
  padding-top: 0;
}

.cate-24h-foot-box-live-news-hightl-small-list article:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.cate-24h-foot-box-live-news-hightl .cate-24h-foot-box-news-hightl-small-img {
  flex: 0 0 150px;
  max-width: 150px;
  height: 100px;
  margin: 0 15px 0 0;
}

.cate-24h-foot-box-live-news-hightl .cate-24h-foot-box-news-hightl-small-title h3 {
  max-height: 102px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
}

.cate-24h-foot-box-live-news-hightl .cate-24h-foot-box-news-hightl-small-title h3 a {
  font-size: 14px;
  line-height: 18px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-box-live-news-hightl .icon-tag-play {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 90px;
  height: 90px;
  background: url(/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png) no-repeat -5px -966px;
  transform: translate(-50%, -50%);
}

.cate-24h-car-lookup__tit * {
  font-family: "Roboto-Bold";
}

.cate-24h-car-lookup__tit *,
.cate-24h-car-lookup-b__tit,
.cate-24h-car-lookup__sel-result *,
.cate-24h-car-lookup__sel-list li {
  color: #252525;
}

.cate-24h-car-lookup {
  padding: 15px;
  border-radius: 8px;
  background-color: #f4f4f4;
  border: 1px solid #e1e1e1;
}

.cate-24h-car-lookup__tit * {
  font-size: 20px;
}

.cate-24h-car-lookup__sel-result {
  width: 144px;
  max-width: 144px;
  height: 35px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #ddd;
  margin: 0 5px 0 0;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.cate-24h-car-lookup__sel:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  border-top: 9px solid #6f6f6f;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateY(-50%);
  pointer-events: none;
}

.cate-24h-car-lookup__sel-result * {
  font-size: 14px;
}

.cate-24h-car-lookup__sel-sub {
  position: absolute;
  top: 96%;
  left: 0;
  width: 100%;
  min-width: 200px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  z-index: 1;
}

.cate-24h-car-lookup__sel-sub .form-group input {
  height: 28px;
  width: 100%;
  padding: 0 5px;
  font-size: 13px;
  border: 1px solid #ebebeb;
  outline: none;
}

.cate-24h-car-lookup__sel-list li {
  margin: 10px 0 0;
  font-size: 13px;
  cursor: pointer;
  transition: all ease 0.3s;
}

.cate-24h-car-lookup__sel-list li:hover {
  color: #77b33c;
}

.cate-24h-car-lookup-b__tit {
  flex: 1;
  white-space: nowrap;
}

.cate-24h-car-lookup-b__tit,
.cate-24h-car-lookup-b__list li a {
  font-size: 13px;
  margin: 0 15px 0 0;
}

.cate-24h-car-lookup-b__list {
  flex-wrap: wrap;
}

.cate-24h-car-lookup-b__list li a {
  display: block;
  margin: 0 5px 5px 0;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  color: #7d7d7d;
}

.cate-24h-car-lookup-b__list li:last-child a {
  margin: 0 0 5px;
}

.cate-24h-car-lookup-b__list li a:hover {
  background: #03be90;
  border-color: #03be90;
  color: #fff;
}

.cate-24h-car-lookup__khoa-giao .col-r,
.cate-24h-car-lookup__khoa-giao .col-l {
  padding: 0;
}

.cate-24h-car-lookup__khoa-giao .col-r {
  margin: 0 0 0 30px;
}

.cate-24h-car-lookup__khoa-giao .cate-24h-car-lookup__sel-result {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.cate-24h-car-lookup-b__list.thong_tin_suc_khoe li a:hover {
  background: #00A9B8;
  border-color: #00A9B8;
}

.cate-24h-car-lookup__khoa-giao #show_model {
  max-height: 200px;
  overflow: auto;
}

.cate-giai-tri-cap2-bv .etm-media-tit * {
  font-size: 22px;
}

.cate-giai-tri-cap2-bv .etm-media-1__img {
  padding-top: 66.66%;
  height: auto;
}

.cate-giai-tri-cap2-bv .etm-media-1__img img,
.cate-giai-tri-cap2-bv .etm-media-1__img video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  inset: 0;
}

.cate-giai-tri-cap2-bv .etm-media-1-slide .row {
  margin: 0 -10px;
}

.cate-giai-tri-cap2-bv .etm-media-1-slide .col-4 {
  padding: 0 10px;
}

.cate-giai-tri-cap2-bv .etm-media-1__name * {
  font-size: 14px;
  line-height: 20px;
}

.cate-giai-tri-cap2-bv .etm-media-2.padding-top-30 {
  padding-top: 0 !important;
}

.cate-giai-tri-cap2-bv .etm-media-2__img {
  height: 110px;
}

.cate-giai-tri-cap2-bv .etm-media-2-tab li a {
  font-size: 14px;
}

.cate-giai-tri-cap2-bv .etm-media-2__name * {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.cate-24h-foot-video-hight-spec-tour-site .container {
  max-width: 100%;
  width: 100%;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-title span a:hover {
  text-decoration: underline !important;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-title {
  position: relative;
  padding-bottom: 12px;
  border-bottom: 2px solid #51AE5A;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-title h2,
.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-title h2 a {
  display: flex;
  color: #51AE5A;
  font-size: 22px;
  font-family: "Exo2-Bold";
  text-transform: uppercase;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-title span a {
  font-size: 14px;
  color: #7A7A7A;
}

.cate-24h-foot-video-hight-spec-tour-site .col-4 {
  -ms-flex: 0 0 33.333333333%;
  flex: 0 0 33.333333333%;
  max-width: 33.333333333%;
}

.cate-24h-foot-video-hight-spec-tour-site [class*=col-] {
  padding: 0 10px;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-tour-news-icon-club {
  height: 31px;
  margin: 0 10px 0 0;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-tour-news-icon-club img {
  width: inherit;
}

.cate-24h-foot-video-hight-spec-tour-site .icon-tag-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  background: url(/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png) no-repeat -5px -966px;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-small-title h3,
.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-small-title h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-small-img .icon-tag-play {
  width: 45px;
  height: 45px;
  background: url(/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png) no-repeat -5px -1066px;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-title h2,
.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight .coll-left {
  flex: 1;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-big-img {
  flex: 0 0 486px;
  max-width: 486px;
  height: 274px;
  margin: 0 22px 0 0;
  overflow: hidden;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-big-title h3,
.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-big-title h3 a {
  max-height: 150px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 30px;
  color: #252525;
  font-family: "Roboto-Bold";
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-big-sum p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #252525;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  max-height: 80px;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-small-img {
  flex: 1;
  max-width: 100%;
  height: 130px;
}

.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-big-title h3 a:hover,
.cate-24h-foot-video-hight-spec-tour-site .cate-24h-foot-home-video-hight-news-small-title h3 a:hover {
  color: #78b43d !important;
}

.cate-24h-foot-video-hight-spec-tour-site__action {
  position: absolute;
  bottom: 1px;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
}

.cate-24h-foot-video-hight-spec-tour-site__action .numb *,
.cate-24h-foot-video-hight-spec-tour-site__action .numb {
  display: inline-block !important;
  color: #78b43d !important;
  width: auto;
  height: inherit;
  font-size: 14px;
  background: none !important;
}

.cate-24h-foot-video-hight-spec-tour-site__action:hover {
  opacity: 0.8;
}

.cate-24h-foot-video-hight-spec-tour-site__action span {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/wp-content/themes/flatsome/assets/custom/images/2021-template/sprites-cm-bong-da-2021.png) no-repeat -5px -222px;
  cursor: pointer;
}

.cate-24h-foot-video-hight-spec-tour-site__action span.arrow-right {
  transform: rotate(-180deg);
}

.cate-24h-foot-video-hight-spec-tour-site__action .numb {
  padding: 0 10px;
}

.cate-24h-foot-video-hight-spec-tour-site__action .numb * {
  font-size: 14px;
  color: #707070;
}

.themes-24h1 .cate-24h-foot-box-news-hightl {
  padding: 0;
}
.themes-24h1 .cate-24h-foot-menu-top > ul {
  overflow: auto;
}
.themes-24h1 .cate-24h-foot-menu-top > ul > li > a,
.themes-24h1 .cate-24h-foot-menu-top > ul > li header {
  white-space: nowrap;
}
.themes-24h1 .cate-24h-foot-menu-top a.active {
  color: var(--color-24h);
  font-weight: bold;
}
.themes-24h1 .cate-24h-foot-menu-top a.active-parent {
  color: #444;
  font-weight: 600;
}
.themes-24h1 .cate-24h-foot-arti-deta-content-main .bv-lq .bv-lq-inner {
  padding: 10px 0;
  gap: 10px;
  align-items: center;
}
.themes-24h1 .cate-24h-foot-arti-deta-content-main .bv-lq .bv-lq-inner .img-bv-lq.imgFloat,
.themes-24h1 .cate-24h-foot-arti-deta-content-main .bv-lq .bv-lq-inner .content-bv-lq {
  padding: 0;
}
.themes-24h1 .cate-24h-foot-arti-deta-content-main .bv-lq .bv-lq-inner .content-bv-lq .title-bv > a {
  font-size: 16px !important;
  -webkit-line-clamp: 3 !important;
}
.themes-24h1 .cate-24h-foot-arti-deta-content-main .wp-caption-text {
  background: #ddd;
  padding: 5px;
  margin: 0;
  text-align: center;
  font-style: italic;
}

.themes-24h1 {
  /* Placeholder text */
}
.themes-24h1 .notfound-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.themes-24h1 .no-results.not-found {
  max-width: 100%;
  width: 100%;
  padding: 40px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 12px;
  background-color: #fafafa;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}
.themes-24h1 .no-results.not-found:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}
.themes-24h1 .no-results.not-found h1.page-title {
  font-size: 32px;
  color: #222;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.themes-24h1 .no-results.not-found .page-content p {
  font-size: 18px;
  color: #555;
  margin-bottom: 30px;
  line-height: 1.6;
}
.themes-24h1 .no-results.not-found .page-content a {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 24px;
  background-color: #0073aa;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  transition: background-color 0.3s ease;
}
.themes-24h1 .no-results.not-found .page-content a:hover {
  background-color: #005f8d;
}
.themes-24h1 .search-field {
  width: 100%;
  max-width: 400px;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 30px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.themes-24h1 .search-field:focus {
  border-color: #0073aa;
  box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.2);
}
.themes-24h1 .search-field::placeholder {
  color: #999;
  font-style: italic;
}

@media (max-width: 550px) {
  .themes-24h1 > body > #wrapper {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .hightl-24h .box-b.row.mar-t-15 {
    margin-bottom: 15px;
  }
  .themes-24h1 .scroll-top-24h {
    display: none;
  }
  .themes-24h1 #header .header-wrapper .header-24h,
  .themes-24h1 #header .header-wrapper .menu-24h-main {
    width: 100%;
  }
  .themes-24h1 #header .header-wrapper .menu-24h-main > .container > ul {
    overflow-y: hidden;
    height: 36px;
  }
  .themes-24h1 #header .header-wrapper .header-24h .menu-right .search-post {
    display: none !important;
  }
  .themes-24h1 #header .header-wrapper .header-24h .menu-right > ul.header-24h-view {
    border-right: 0;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
  .themes-24h1 #header .header-wrapper .header-24h .menu-right > ul.header-24h-view > li {
    margin: 0;
    padding: 0;
  }
  .themes-24h1 #header .header-wrapper .header-24h .menu-right > ul.header-24h-view > li > h2 > a > span {
    white-space: nowrap;
  }
  .themes-24h1 #header .header-wrapper .header-24h .menu-right #header-24h-login-cont {
    border-left: 0;
    padding-left: 0 !important;
  }
  .themes-24h1 #header .header-wrapper .header-24h .menu-right #header-24h-login-cont > .header-24h-login-btn > span {
    display: none !important;
  }
  .themes-24h1 #header .header-wrapper .header-24h .menu-right #header-24h-login-cont > a > span {
    display: none !important;
  }
  .themes-24h1 .container,
  .themes-24h1 .main-cont-24h {
    max-width: 100%;
    width: 100%;
  }
  .themes-24h1 .main-cont-24h {
    width: 100%;
    overflow-x: hidden;
  }
  .themes-24h1 .container {
    padding: 0 10px;
  }
  .themes-24h1 .cate-24h-foot-main {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .cate-24h-foot-main .container.breadcrumb-c {
    padding: 0;
  }
  .themes-24h1 .cate-24h-foot-main .cate-24h-foot-arti-deta .sub-breadcrumb {
    flex-direction: column;
    gap: 10px;
  }
  .themes-24h1 .cate-24h-foot-main .cate-24h-foot-arti-deta .sub-breadcrumb .cate-24h-foot-breadcrumb,
  .themes-24h1 .cate-24h-foot-main .cate-24h-foot-arti-deta .sub-breadcrumb .cate-24h-foot-arti-deta-cre-post {
    width: 100%;
  }
  .themes-24h1 .cate-24h-foot-main .cate-24h-foot-arti-deta-info img,
  .themes-24h1 .cate-24h-foot-main .cate-24h-foot-arti-deta-info figure {
    max-width: 100%;
  }
  .themes-24h1 .main-cont-24h .etm-24h,
  .themes-24h1 .main-cont-24h .ttdn-24h-b {
    width: 100%;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .skdb-24h-h > .row > .col-20 {
    grid-template-columns: 1fr;
    /* chỉ 1 cột trên điện thoại */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 2 cột bằng nhau */
    gap: 10px;
    /* Khoảng cách giữa các article (có thể điều chỉnh) */
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 > section > div.row > div.col-245 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .cate-news-24h-r-big {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .cate-news-24h-r-big .cate-news-24h-r-big__img {
    max-width: 100%;
    margin-right: 0 !important;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .cate-news-24h-r .box-t .cate-news-24h-r_cate {
    gap: 10px;
    margin-left: 10px;
    overflow-x: auto;
    white-space: nowrap;
    /* các phần tử li không bị xuống dòng */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .cate-news-24h-r .box-t .cate-news-24h-r_cate > li > a {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .sub-1 > .cate-news-24h-r > .box-3-coll {
    display: flex;
    flex-direction: row;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .sub-1 > .cate-news-24h-r > .box-3-coll > .col-4 {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .sub-2 {
    margin: 10px 0;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .sub-2 .col-12 {
    padding: 0;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .cat-news-latest .col-6 .sub-2 .col-12 .cate-news-24h-r .row {
    gap: 10px;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .row.row-addon-24h {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .row.row-addon-24h .col-6 {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .row.row-addon-24h .col-6 .addon-24h-h {
    width: 100%;
    max-width: 100%;
    margin-top: 0 !important;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .row.row-addon-24h .col-6 .addon-24h-h > .row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .themes-24h1 .main-cont-24h .box-2coll-many-24h .row.row-addon-24h .col-6 .addon-24h-h > .row .col-6 {
    padding: 0;
  }
  .themes-24h1 .main-cont-24h .tttt-24h-r > .container > .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 4 cột đều nhau */
    gap: 10px;
    padding: 10px;
    /* khoảng cách giữa các ô, tùy chỉnh */
  }
  .themes-24h1 .main-cont-24h .tttt-24h-r > .container > .row > .col-3 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .themes-24h1 .main-cont-24h .tttt-24h-r > .container > .row > .col-3 > .tttt-24h-r-sma {
    display: flex;
    flex-direction: column;
  }
  .themes-24h1 .main-cont-24h .tttt-24h-r > .container > .row > .col-3 > .tttt-24h-r-sma > .tttt-24h-r-sma__img {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b {
    padding: 0 !important;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-img.row {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-img.row > .col-320 {
    width: 100%;
    max-width: 100%;
    padding: 5px;
    height: auto;
    flex: 1;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-img.row > .col-320 > .etm-24h-img-big {
    margin-bottom: 15px !important;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-img.row > .col-r.flex-1.mw-0 > .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0 5px;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-img.row > .col-r.flex-1.mw-0 > .row > div.col-6 {
    padding: 0 !important;
    max-width: 100%;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-img.row > .col-r.flex-1.mw-0 > .row > div.col-6 > .etm-24h-img-sma {
    width: 100%;
    max-width: 100%;
    display: flex !important;
    flex-direction: column;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-img.row > .col-r.flex-1.mw-0 > .row > div.col-6 > .etm-24h-img-sma > .etm-24h-img-sma__bg {
    width: 100%;
    max-width: 100%;
    margin: 0px !important;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-b > .etm-24h-no-img > .row > .col-4 {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-t {
    display: flex;
    justify-content: space-between;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-cate {
    margin: 0 !important;
    gap: 3px;
  }
  .themes-24h1 .main-cont-24h .etm-24h .etm-24h-cate > li {
    margin: 0 !important;
  }
  .themes-24h1 .main-cont-24h .box-2coll-24h > .container .news-2coll-24h .col-6 {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .cate-24h-foot-arti-deta-content-main > .btn-kd-social {
    flex-direction: column !important;
  }
  .themes-24h1 .cate-24h-foot-arti-deta-content-main > .btn-kd-social .cate-24h-foot-arti-deta-tags > span {
    font-size: 13px;
  }
  .themes-24h1 .cate-24h-foot-arti-deta-content-main > .btn-kd-social .time > span {
    font-size: 13px;
    color: #959595;
  }
  .themes-24h1 .cate-24h-foot-arti-deta-content-main .bv-lq .bv-lq-inner .img-bv-lq,
  .themes-24h1 .cate-24h-foot-arti-deta-content-main .bv-lq .bv-lq-inner .content-bv-lq {
    width: 50%;
    max-width: 50%;
  }
  .themes-24h1 .cate-24h-foot-home-2-col {
    padding: 0 10px;
  }
  .themes-24h1 .cate-24h-foot-box-adv-view-news__adv {
    margin-bottom: 15px;
  }
  .themes-24h1 .cate-24h-foot-box-adv-view-news__adv svg,
  .themes-24h1 .cate-24h-foot-box-adv-view-news__adv img {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  .themes-24h1 .cate-24h-foot-box-adv-view-news {
    margin-bottom: 15px;
  }
  .themes-24h1 .cate-24h-foot-box-adv-view-news .cate-24h-foot-box-adv-view-news__box {
    display: flex;
    flex-direction: column;
  }
  .themes-24h1 .cate-24h-foot-box-adv-view-news .cate-24h-foot-box-adv-view-news__box > .cate-24h-foot-box-adv-view-news__box--list {
    flex: 1 auto;
    max-height: 100%;
    padding: 10px;
  }
  .themes-24h1 .placeholder-block img {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-24h .cate-24h-foot-arti-deta-related-news .nwsTthEvt .atclRdSbCococ,
  .themes-24h1 .main-cont-24h .cate-24h-foot-arti-deta-related-news .nwsTthEvt .atclRdSbCococ {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 10px;
    padding: 10px;
  }
  .themes-24h1 .main-24h .cate-24h-foot-arti-deta-related-news .nwsTthEvt .atclRdSbCococ .col,
  .themes-24h1 .main-cont-24h .cate-24h-foot-arti-deta-related-news .nwsTthEvt .atclRdSbCococ .col {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .themes-24h1 .main-24h .cate-24h-foot-arti-deta-sess > .row,
  .themes-24h1 .main-cont-24h .cate-24h-foot-arti-deta-sess > .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 10px;
    padding: 10px;
  }
  .themes-24h1 .main-24h .cate-24h-foot-arti-deta-sess > .row > .col-3,
  .themes-24h1 .main-cont-24h .cate-24h-foot-arti-deta-sess > .row > .col-3 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .themes-24h1 .main-24h .cate-24h-foot-box-adv-view-news > .row > .col-6,
  .themes-24h1 .main-cont-24h .cate-24h-foot-box-adv-view-news > .row > .col-6 {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-24h .coll-right,
  .themes-24h1 .main-cont-24h .coll-right {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-24h .coll-right .cate-24h-foot-home-2-col,
  .themes-24h1 .main-cont-24h .coll-right .cate-24h-foot-home-2-col {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .main-24h .coll-right .margin-bottom-30,
  .themes-24h1 .main-cont-24h .coll-right .margin-bottom-30 {
    margin-bottom: 15px !important;
  }
  .themes-24h1 .main-24h .coll-middle,
  .themes-24h1 .main-cont-24h .coll-middle {
    flex: auto;
  }
  .themes-24h1 .main-24h .cate-24h-foot-box-news-hightl.box-news-hightl-ftb .coll-left,
  .themes-24h1 .main-24h .cate-24h-foot-box-news-hightl.box-news-hightl-ftb .coll-right,
  .themes-24h1 .main-cont-24h .cate-24h-foot-box-news-hightl.box-news-hightl-ftb .coll-left,
  .themes-24h1 .main-cont-24h .cate-24h-foot-box-news-hightl.box-news-hightl-ftb .coll-right {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 10px;
  }
  .themes-24h1 .main-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-latest .cate-24h-foot-home-latest-list__box,
  .themes-24h1 .main-cont-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-latest .cate-24h-foot-home-latest-list__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 10px;
  }
  .themes-24h1 .main-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-latest .cate-24h-foot-home-latest-list__box .cate-24h-foot-home-latest-list__ava,
  .themes-24h1 .main-cont-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-latest .cate-24h-foot-home-latest-list__box .cate-24h-foot-home-latest-list__ava {
    margin: 0;
  }
  .themes-24h1 .main-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-latest .cate-24h-foot-home-latest-list__box .cate-24h-foot-home-latest-list__name,
  .themes-24h1 .main-cont-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-latest .cate-24h-foot-home-latest-list__box .cate-24h-foot-home-latest-list__name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
  }
  .themes-24h1 .main-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-tour-news-spec-tour-site .coll-420,
  .themes-24h1 .main-cont-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-tour-news-spec-tour-site .coll-420 {
    margin-bottom: 15px;
  }
  .themes-24h1 .main-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-tour-news-spec-tour-site .coll-300,
  .themes-24h1 .main-cont-24h .cate-24h-foot-home-2-col > .row #left .cate-24h-foot-home-tour-news-spec-tour-site .coll-300 {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .search-content .search-result-item {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .search-content .search-result-item .box.search-result-box > a > img {
    width: 100%;
    max-width: 100%;
  }
  .themes-24h1 .footer-24h {
    width: 100%;
    max-width: 100%;
    padding-bottom: 65px;
  }
  .themes-24h1 .footer-24h .footer-24h-menu {
    max-width: 100%;
    border: 0 !important;
  }
  .themes-24h1 .footer-24h .footer-24h-menu > .container > ul {
    width: 100%;
    max-width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    /* 2 cột có kích thước bằng nhau */
    grid-auto-rows: auto;
    /* Chiều cao theo nội dung */
  }
  .themes-24h1 .footer-24h .footer-24h-menu > .container > ul > li {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    list-style: none;
    height: 35px;
  }
  .themes-24h1 .footer-24h .footer-24h-menu > .container > ul > li:nth-child(2n) {
    border-right: none;
    /* xóa viền phải cột cuối */
  }
  .themes-24h1 .footer-24h .footer-24h-menu > .container > ul > li > a {
    border: 0;
  }
  .themes-24h1 .footer-24h .footer-24h-b .container .row {
    justify-content: space-between;
    display: flex !important;
    flex-direction: column;
    margin: 0;
  }
  .themes-24h1 .footer-24h .footer-24h-b .container .row > .col-6 {
    padding: 0;
    width: 100%;
    max-width: 100%;
    border: 0;
  }
  .themes-24h1 .row {
    flex-direction: column;
    /* xếp dọc thay vì ngang */
  }
  .themes-24h1 .col-1,
  .themes-24h1 .col-300 {
    width: 100% !important;
    max-width: 100% !important;
    /* chiếm toàn bộ chiều ngang */
  }
  .themes-24h1 .col-300 {
    /* nếu bạn muốn aside lên trên */
    margin-bottom: 10px;
  }
}

.themes-24h1 .search-content {
  padding: 20px 0;
}
.themes-24h1 .search-content .search-title {
  margin-bottom: 15px;
}
.themes-24h1 .search-content .search-result-item {
  margin-bottom: 15px;
}
.themes-24h1 .search-content .search-result-item .box.search-result-box > a > img {
  width: 100%;
  max-width: 100%;
}
.themes-24h1 .search-content .search-result-item .title {
  font-family: "Roboto-Medium" !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.themes-24h1 .search-content .search-result-item .title > a {
  font-size: 20px;
  color: #000;
}
.themes-24h1 .search-content .search-result-item .title > a:hover {
  color: var(--hover-color-24h);
}
.themes-24h1 .search-content .search-result-item .excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 18px;
  color: #7d7d7d;
}
.themes-24h1 .search-content .pagination {
  margin-top: 30px;
  text-align: center;
}
.themes-24h1 .search-content .pagination .navigation {
  display: inline-block;
}
.themes-24h1 .search-content .pagination .nav-links {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}
.themes-24h1 .search-content .pagination .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  min-width: 36px;
  text-align: center;
}
.themes-24h1 .search-content .pagination .page-numbers:hover {
  background-color: var(--hover-bor-bg-cl-24h);
  color: #fff;
  border-color: var(--hover-bor-bg-cl-24h);
}
.themes-24h1 .search-content .pagination .page-numbers.current {
  background-color: #78b43d;
  color: #fff;
  border-color: var(--hover-link-submenu-header);
  cursor: default;
}
.themes-24h1 .search-content .pagination .page-numbers.current:hover {
  background-color: var(--hover-bor-bg-cl-24h);
  color: #fff;
}
.themes-24h1 .search-content .pagination .prev,
.themes-24h1 .search-content .pagination .next {
  font-weight: bold;
}

.themes-24h1 #bottom-nav {
  display: none;
}
@media (max-width: 550px) {
  .themes-24h1 #bottom-nav {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
  }
  .themes-24h1 #bottom-nav .contact {
    display: none;
    justify-content: space-between;
    width: 100%;
    min-height: 30px;
    background: #fff;
    margin-bottom: 5px;
    border: 1px solid #ddd;
  }
  .themes-24h1 #bottom-nav .contact.open {
    display: flex;
  }
  .themes-24h1 #bottom-nav .contact a {
    padding: 5px;
    flex: 1;
    text-align: center;
    color: #a3161d;
    font-weight: 600;
  }
  .themes-24h1 #bottom-nav .contact a:first-child {
    border-right: 1px solid #ddd;
  }
  .themes-24h1 #bottom-nav > ul {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    background: #fff;
    flex: 1;
    margin: 0;
    position: relative;
  }
  .themes-24h1 #bottom-nav > ul > li {
    height: 65px;
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .themes-24h1 #bottom-nav > ul > li.active {
    background: #a3161d;
  }
  .themes-24h1 #bottom-nav > ul > li.active a {
    color: #fff;
  }
  .themes-24h1 #bottom-nav > ul > li a {
    color: #515151;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    flex: 1;
    font-size: 14px;
  }
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("/wp-content/fonts/roboto/Roboto-Italic.woff2") format("woff"), url("/wp-content/fonts/roboto/Roboto-Medium.woff2") format("woff"), url("/wp-content/fonts/roboto/Roboto-Regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
}
.themes-24h1 {
  font-family: "Roboto" !important;
  max-width: 100%;
  height: 100%;
}
.themes-24h1 :root {
  --color-main: #252525;
  --color-24h: $color-24h;
  --color-white: #fff;
  --hover-color-24h: #78b43d;
  --hover-bor-bg-cl-24h: #78b43d;
  --border-circle: 999px;
  --border-swiper-nav: #707070;
  --border-swiper-nav-act: #78b43d;
  --bg-white: #fff;
  --bg-swiper-pagi-bullet: #bfbfbf;
  --bg-swiper-pagi-bullet-act: #78b43d ;
}
.themes-24h1 .menu-24h-main {
  --bg-menu-header: #0150C2;
  --bg-click-slide-menu: #fff;
  --bg-click-slide-menu-close: #78b43d;
  --hover-link-menu-header: rgb(0, 0, 0, 30%);
  --hover-link-submenu-header: #78b43d;
  --border-top-submenu-header: #3c811e;
  --color-link-submenu-header: #404040;
  background: var(--bg-menu-header);
}
.themes-24h1 .etm-24h-cate a {
  background: #0150C2 !important;
}
.themes-24h1 .cate-24h-foot-main {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.themes-24h1 .cate-24h-foot-main .cate-24h-foot-arti-deta-info img,
.themes-24h1 .cate-24h-foot-main .cate-24h-foot-arti-deta-info figure {
  max-width: 100%;
}
.themes-24h1 .cate-news-24h-r .cate-news-24h-r-big {
  gap: 10px;
}
.themes-24h1 #url_origin_cut {
  user-select: none !important;
}
.themes-24h1 #url_origin_cut a {
  cursor: none !important;
}
.themes-24h1 .color-24h {
  color: #0150C2;
}
.themes-24h1 .footer-24h .btn-share-footer a,
.themes-24h1 .footer-24h .back-home {
  background: #0150C2;
}
.themes-24h1 .tttt-24h-r-tit {
  border-color: #0150C2;
}
.themes-24h1 .cate-24h-foot-box-news-hightl-readmore a,
.themes-24h1 .cate-24h-foot-home-tour-news-readmore a {
  background: #0150C2;
}
.themes-24h1 .cate-24h-kd-slide-news .cate-24h-foot-home-video-hight-title.titreadmore *,
.themes-24h1 .grnBxTit span,
.themes-24h1 .cate-24h-foot-block-title-home a:first-child,
.themes-24h1 .cate-24h-foot-block-title-home .read-more,
.themes-24h1 .cate-24h-foot-block-title-home h2 {
  color: #0150C2;
}
.themes-24h1 .menu-right {
  gap: 10px;
}
.themes-24h1 .menu-right > ul {
  margin: 0 !important;
  padding: 0 !important;
  border-right: 0;
  gap: 10px;
}
.themes-24h1 .menu-right > ul > li {
  margin: 0 !important;
}
.themes-24h1 .menu-right > ul > li > h2 > a {
  gap: 5px;
}
.themes-24h1 .menu-right > ul > li > h2 > a > img {
  margin: 0 !important;
}
.themes-24h1 #header-24h-login-cont {
  border-left: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.themes-24h1 .clamp-2-lines {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  /* Giới hạn 3 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.themes-24h1 .clamp-3-lines {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  /* Giới hạn 3 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.themes-24h1 .clamp-4-lines {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  /* Giới hạn 3 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.themes-24h1 .clamp-5-lines {
  display: -webkit-box;
  -webkit-line-clamp: 5 !important;
  /* Giới hạn 3 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.themes-24h1 > body {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.themes-24h1 > body > #wrapper {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.themes-24h1 > body > #wrapper #main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.themes-24h1 > body > #wrapper #main > .main-cont-24h {
  flex: 1;
}
.themes-24h1 .box-2coll-many-24h > .container .row-addon-24h {
  margin: 0 -10px;
  padding: 0 10px;
}
.themes-24h1 .etm-24h ul.etm-24h-cate li a {
  text-transform: uppercase;
}
.themes-24h1 .ttdn-24h-b .slide-pagi-box-ttdn-24h {
  margin: 1rem 0;
}
.themes-24h1 .sticky-sidebar {
  position: sticky;
  top: 20px;
  z-index: 10;
}
.themes-24h1 .cate-24h-kd-slide-news .cate-24h-kd-slide-news__box .swiper-slide {
  max-width: fit-content;
  width: auto;
  flex: none;
  margin: 0 10px 0 0;
}
.themes-24h1 .footer-24h-menu {
  border: 0;
}
.themes-24h1 .footer-24h-menu ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  /* 4 cột bằng nhau */
  gap: 10px;
  /* khoảng cách giữa các mục (tuỳ chỉnh) */
  list-style: none;
  padding: 0;
  margin: 0;
}
.themes-24h1 .footer-24h-menu ul > li {
  border-right: 0;
  border-bottom: 1px solid #ddd;
}
.themes-24h1 .footer-24h-menu ul > li > a {
  border: 0;
  padding: 0;
}
.themes-24h1 .footer-24h .footer-24h-b {
  background-color: #262436;
  padding: 20px 0;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 {
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .logo a {
  display: block;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .logo a img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .logo a img.header-logo-dark {
  display: none;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .dcma {
  text-align: center;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .follow-we {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .follow-we a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9803921569);
  padding: 5px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-size: 32px;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .follow-we a:nth-child(1) {
  color: #1877f2;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .follow-we a:nth-child(2) {
  color: red;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .follow-we a:nth-child(3) {
  color: #1da1f2;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .info {
  display: none;
  text-transform: uppercase;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .info * {
  color: #fff;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .info .company-name {
  font-size: 15px;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .info .company-info-1 {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .info .company-info-1 .hotline > a {
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 25px;
  font-weight: 600;
  color: #a3161d;
  font-size: 16px;
  gap: 8px;
}
.themes-24h1 .footer-24h .footer-24h-b .col-4 .info .company-info-1 .hotline > a * {
  color: #a3161d;
}
.themes-24h1 .footer-24h .footer-24h-b .col-8 {
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.themes-24h1 .footer-24h .footer-24h-b .col-8 * {
  color: #fff;
}
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info {
  gap: 5px;
  display: flex;
  flex-direction: column;
}
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info .title {
  font-size: 13px;
}
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info p {
  font-size: 12px;
}
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info p span.text-uppercase,
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info p a.text-uppercase {
  text-transform: uppercase;
}
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info p span strong, .themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info p span.fw-bold,
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info p a strong,
.themes-24h1 .footer-24h .footer-24h-b .col-8 .footer-24h-info p a.fw-bold {
  font-weight: 700;
}
.themes-24h1 .footer-24h .footer-24h-b .copyright {
  color: #ffff00;
  font-size: 12px;
}
.themes-24h1 .footer-24h .footer-24h-b .copyright .website {
  color: #ff0000;
}
.themes-24h1 .footer-24h .footer-24h-b .copyright .line {
  width: 100%;
  height: 5px;
  background-color: #7100d1;
}
@media (max-width: 550px) {
  .themes-24h1 .footer-24h .footer-24h-b .row {
    gap: 20px;
    display: flex;
    flex-direction: column;
  }
  .themes-24h1 .footer-24h .footer-24h-b .row .col-4,
  .themes-24h1 .footer-24h .footer-24h-b .row .col-8 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .themes-24h1 .footer-24h .footer-24h-b .row .col-4 .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    text-align: center;
  }
}

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