.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-nvdarkbg );}.elementor-kit-5 e-page-transition{background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.marquee-box {
  overflow: hidden;
  white-space: nowrap;
  background-color: #E62B1E;
  padding: 12px 0;
}
.marquee-text {
  display: inline-block;
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding-left: 100%;
  animation: scroll-left 15s linear infinite;
}
@keyframes scroll-left {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
/* Marquee cho phần About Us giống TEDxBUV */
.marquee-aboutus {
  overflow: hidden;
  white-space: nowrap;
  background-color: #E62B1E;
  padding: 12px 0;
}
.marquee-aboutus span {
  display: inline-block;
  color: #FFFFFF;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 100%;
  animation: scrollAbout 15s linear infinite;
}
@keyframes scrollAbout {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
.marquee-container {
  background: #d00202; /* đỏ TED */
  color: white;
  overflow: hidden;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
}

.marquee-text {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
  font-size: 22px;
  font-weight: 500;
}

@keyframes marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
.marquee-aboutus {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.marquee-aboutus span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite; /* ← chỉnh thời gian chạy ở đây */
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 2px;
}

@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
.event-bar {
  background-color: #E62B1E;
  color: white;
  font-weight: bold;
  padding: 10px 0;
  font-size: 18px;
}
.countdown {
  display: flex;
  gap: 20px;
  justify-content: center;
  font-family: 'Poppins', sans-serif;
}

.countdown div {
  background: #000;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  width: 80px;
}

.countdown span {
  font-size: 36px;
  display: block;
}

.countdown small {
  font-size: 14px;
}
@media (max-width: 768px) {
  .countdown {
    gap: 10px;
  }

  .countdown div {
    width: 60px;
    padding: 10px;
  }

  .countdown span {
    font-size: 24px;
  }

  .countdown small {
    font-size: 12px;
  }
}
.tedx-marquee-wrapper {
  overflow: hidden;
  background-color: #E20613;
  padding: 10px 0;
}

.tedx-marquee {
  display: inline-block;
  white-space: nowrap;
  color: white;
  font-weight: bold;
  font-size: 18px;
  animation: scroll-left 15s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.tedx-marquee {
  overflow: hidden;
  width: 100%;
  padding: 12px 0;
  position: relative;
  background: transparent; /* hoặc bỏ dòng này nếu để nền theo trang */
}

.marquee-text {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 40s linear infinite;
}

.marquee-text span {
  color: white;
  font-size: 18px;
  font-weight: 600;
  font-family: Arial, sans-serif;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* 1. Chặn chữ tràn khối */
p, h1, h2, h3, h4, h5, h6, div {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

/* 2. Giới hạn chiều rộng đoạn văn */
.container, .content {
  max-width: 800px; /* điều chỉnh phù hợp */
  margin: 0 auto;
}

/* 3. Khoảng dòng phù hợp */
p {
  line-height: 1.5;
  margin-bottom: 1em;
}

/* 4. Font gia đình rõ ràng */.tedx-full-width-bar {
  background-color: #e3000f; /* Màu đỏ TEDx */
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.marquee-container {
  width: 100vw;
  overflow: hidden;
  background-color: #e3000f;
  color: white;
  padding: 15px 0;
  font-weight: bold;
  font-size: 18px;
  white-space: nowrap;
  position: relative;
  z-index: 10;
}

.marquee-text {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}/* End custom CSS */