.elementor-74306 .elementor-element.elementor-element-961670b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-74306 .elementor-element.elementor-element-41f0106{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-74306 .elementor-element.elementor-element-22ec752{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}@media(max-width:768px){.elementor-74306 .elementor-element.elementor-element-41f0106{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-41f0106 */.wd-marquee-wrap {
  overflow: hidden !important;
  padding: 8px 0 !important;
  width: 100% !important;
  position: relative !important;
  display: block !important;
}

.wd-marquee-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0px !important;
  width: max-content !important;
  min-width: max-content !important;
  animation: wd-marquee-scroll 22s linear infinite !important;
}

.wd-marquee-wrap:hover .wd-marquee-track {
  animation-play-state: paused;
}

.wd-marquee-item {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 5px !important;
  color: #fff !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  position: relative !important;
  padding-left: 24px !important;
  line-height: normal !important;
}

.wd-marquee-item:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
}

.wd-marquee-item strong {
  font-weight: 700;
}

.wd-marquee-item svg {
  flex-shrink: 0 !important;
  display: block !important;
}

@keyframes wd-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.elementor-element-41f0106,
.elementor-element-41f0106 .elementor-widget-container {
  overflow: visible !important;
  height: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22ec752 */.wd-top-links {
  display: none; /* ẩn mặc định trên mobile */
  align-items: center;
  gap: 30px;
}

/* chỉ hiện từ breakpoint tablet/desktop trở lên (giống md:flex của Tailwind, ~768px) */
@media (min-width: 768px) {
  .wd-top-links {
    display: flex;
  }
}

.wd-top-link {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  color: #fff;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.wd-top-link:hover {
  transform: scale(0.95);
}

/* gạch phân cách bên trái, trừ nút đầu tiên */
.wd-top-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
}

.wd-top-link svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.wd-top-link span {
  font-size: 12px;
  color: #fff;
}



/* Đảm bảo khối chứa cả marquee + top-links canh giữa theo chiều dọc */
.wd-marquee-wrap,
.wd-top-links {
  display: flex;
  align-items: center;
}

.wd-top-links {
  height: 100%;
}

.wd-top-link {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  color: #fff;
  text-decoration: none;
  transition: transform 0.3s ease;
  line-height: 1;
}

.wd-top-link svg {
  flex-shrink: 0;
  display: block;
}

.wd-top-link span {
  display: inline-block;
  line-height: 1;
}

.wd-top-link,
.wd-top-link:hover,
.wd-top-link:visited {
  color: #fff !important;
}

.wd-top-link svg {
  color: #fff !important;
}

.wd-top-link:hover svg {
  color: #fff !important;
}/* End custom CSS */