/*
Theme Name: Nhật Minh Media
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.9
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ==========================================================================
   Font chữ chuẩn Be Vietnam Pro
   ========================================================================== */
body:not(.wp-admin),
body:not(.wp-admin) p,
body:not(.wp-admin) input,
body:not(.wp-admin) textarea,
body:not(.wp-admin) select,
body:not(.wp-admin) button,
h1,
h2,
h3,
h4,
h5,
h6,
.nav>li>a,
.header-nav,
.nav-dropdown,
.entry-title,
.post-title,
.section-title,
.author-card,
.faq-card {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Khôi phục và bảo vệ thanh menu quản trị Admin Bar (Dashicons) */
#wpadminbar,
#wpadminbar *:not(.ab-icon):not([class*="dashicons"]) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

#wpadminbar .ab-icon,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar #adminbarsearch:before,
#wpadminbar .dashicons,
#wpadminbar .dashicons-before:before {
  font-family: dashicons !important;
}

/* Ẩn nbw-post-author mặc định */
.nbw-post-author {
  display: none !important;
}

/* ==========================================================================
   Author Card Detailed (Khớp 100% với ảnh layout yêu cầu)
   ========================================================================== */
.author-card.author-card-detailed {
  display: block;
  margin-top: 36px;
  margin-bottom: 30px;
  padding: 30px 34px;
  border: 1.5px solid #2ea1ff;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 0 0 7px rgba(46, 161, 255, 0.15);
  clear: both;
}

.author-card.author-card-detailed .author-card-top {
  display: flex;
  align-items: center;
  gap: 20px;
}

.author-card.author-card-detailed .author-card-avatar {
  width: 84px;
  height: 84px;
  flex: 0 0 84px;
  border: 2.5px solid #2ea1ff;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 4px 14px rgba(46, 161, 255, 0.16);
}

.author-card.author-card-detailed .author-card-identity {
  min-width: 0;
  flex: 1;
}

.author-card.author-card-detailed .author-card-identity h3 {
  margin: 0 0 5px 0;
  color: #111827;
  font-size: 25px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.2px;
}

.author-card.author-card-detailed .author-card-identity p {
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
  color: #64748b;
}

.author-card.author-card-detailed .author-card-identity strong {
  color: #2ea1ff;
  font-weight: 600;
}

.author-card.author-card-detailed .author-card-identity span {
  color: #64748b;
  font-weight: 400;
}

.author-card.author-card-detailed .author-card-social {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: #475569;
  font-size: 13.5px;
  font-weight: 600;
  flex-shrink: 0;
  white-space: nowrap;
}

.author-card.author-card-detailed .author-card-social br {
  display: none !important;
}

.author-card.author-card-detailed .author-card-social-links {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.author-card.author-card-detailed .author-card-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #374151;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  line-height: 1;
}

.author-card.author-card-detailed .author-card-social-links a svg {
  width: 17px;
  height: 17px;
  fill: #374151;
  display: block;
}

.author-card.author-card-detailed .author-card-social-links a .author-social-x {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: #374151;
  line-height: 1;
  display: inline-block;
}

.author-card.author-card-detailed .author-card-social-links a:hover {
  transform: translateY(-1.5px);
  opacity: 0.8;
}

.author-card.author-card-detailed .author-card-bio {
  margin: 26px 0 0 0;
  padding-top: 0;
  border-top: none;
  color: #475569;
  font-size: 17px;
  line-height: 1.75;
  font-weight: 400;
}

@media only screen and (max-width: 48em) {

  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .author-card.author-card-detailed {
    padding: 22px 18px;
    margin-top: 24px;
    margin-bottom: 20px;
    border-radius: 14px;
    box-shadow: 0 0 0 5px rgba(46, 161, 255, 0.15);
  }

  .author-card.author-card-detailed .author-card-top {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px;
  }

  .author-card.author-card-detailed .author-card-avatar {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
  }

  .author-card.author-card-detailed .author-card-identity {
    flex: 1 1 calc(100% - 86px);
  }

  .author-card.author-card-detailed .author-card-identity h3 {
    font-size: 21px;
    margin-bottom: 3px;
  }

  .author-card.author-card-detailed .author-card-identity p {
    font-size: 14.5px;
  }

  .author-card.author-card-detailed .author-card-social {
    width: 100%;
    justify-content: space-between;
    margin: 6px 0 0;
    padding-top: 14px;
    border-top: 1px dashed #e2e8f0;
  }

  .author-card.author-card-detailed .author-card-bio {
    margin-top: 16px;
    font-size: 15.5px;
    line-height: 1.65;
  }

  .faq-card {
    padding: 18px 16px;
    margin-top: 24px;
    border-radius: 16px;
  }

  .faq-card>h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 14px;
  }

  .faq-question {
    padding: 14px 16px;
    font-size: 15.5px;
  }

  .faq-answer {
    padding: 0 16px 16px;
    font-size: 15px;
    line-height: 1.65;
  }
}

/* ==========================================================================
   FAQ Card & Accordion (Câu hỏi thường gặp chuẩn Vercel)
   ========================================================================== */
.post-views.pvc-container {
  margin: 20px 0 15px 0;
  color: #64748b;
  font-size: 14.5px;
}

.faq-card {
  margin-top: 36px;
  margin-bottom: 30px;
  padding: 24px 28px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(23, 35, 56, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  clear: both;
}

.faq-card>h2 {
  margin: 0 0 18px 0;
  color: #0f3158;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.faq-list {
  display: grid;
  gap: 12px;
}

.faq-item {
  border-radius: 14px;
  background: rgba(15, 49, 88, 0.04);
  border: 1px solid rgba(23, 35, 56, 0.06);
  overflow: hidden;
  transition: all 0.25s ease;
}

.faq-item.open {
  background: #ffffff;
  border-color: rgba(67, 165, 255, 0.35);
  box-shadow: 0 4px 16px rgba(67, 165, 255, 0.08);
}

.faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 20px;
  border: none;
  background: transparent;
  color: #1e293b;
  text-align: left;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.2s ease;
}

.faq-question:hover {
  color: #2ea1ff;
}

.faq-question svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #64748b;
  transition: transform 0.25s ease, color 0.2s ease;
}

.faq-item.open .faq-question {
  color: #0f3158;
}

.faq-item.open .faq-question svg {
  transform: rotate(180deg);
  color: #2ea1ff;
}

.faq-answer {
  display: none;
  padding: 0 20px 18px;
  color: #40526a;
  font-size: 16.5px;
  line-height: 1.75;
  font-weight: 400;
}

.faq-item.open .faq-answer {
  display: block !important;
  animation: faqFadeIn 0.25s ease;
}

@keyframes faqFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   Section: Khách hàng nói gì về Nhật Minh Media (.slider-feedback)
   Ảnh khách hàng phủ kín 100% chiều cao của card, không bị hở đáy
   (Giữ nguyên luồng grid, không ảnh hưởng các cột hay slide khác)
   ========================================================================== */
@media (min-width: 550px) {

  .slider-feedback:not(.show-for-small) .row,
  .slider-feedback:not(.show-for-small) .row-collapse {
    display: flex !important;
    align-items: stretch !important;
  }

  .slider-feedback:not(.show-for-small) .row>.col:first-child,
  .slider-feedback:not(.show-for-small) .row-collapse>.col:first-child {
    position: relative !important;
    align-self: stretch !important;
    min-height: 100% !important;
  }

  .slider-feedback:not(.show-for-small) .row>.col:first-child>.col-inner,
  .slider-feedback:not(.show-for-small) .row-collapse>.col:first-child>.col-inner,
  .slider-feedback:not(.show-for-small) .row>.col:first-child .img,
  .slider-feedback:not(.show-for-small) .row-collapse>.col:first-child .img,
  .slider-feedback:not(.show-for-small) .row>.col:first-child .img-inner,
  .slider-feedback:not(.show-for-small) .row-collapse>.col:first-child .img-inner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .slider-feedback:not(.show-for-small) .row>.col:first-child .img-inner img,
  .slider-feedback:not(.show-for-small) .row-collapse>.col:first-child .img-inner img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}

/* ==========================================================================
   Section: Hãy để Nhật Minh Media hiểu hơn về bạn (.section15)
   Ảnh đội ngũ phủ kín 100% chiều cao của box, chạm sát đáy
   (Chỉ can thiệp cột ảnh đầu tiên, tuyệt đối không ảnh hưởng form liên hệ)
   ========================================================================== */
@media (min-width: 768px) {

  .section15>.section-content>.row-full-width,
  .section15>.section-content>.row-collapse {
    display: flex !important;
    align-items: stretch !important;
  }

  .section15>.section-content>.row-full-width>.col:first-child,
  .section15>.section-content>.row-collapse>.col:first-child {
    position: relative !important;
    align-self: stretch !important;
    min-height: 100% !important;
  }

  .section15>.section-content>.row-full-width>.col:first-child>.col-inner,
  .section15>.section-content>.row-collapse>.col:first-child>.col-inner,
  .section15>.section-content>.row-full-width>.col:first-child .img,
  .section15>.section-content>.row-collapse>.col:first-child .img,
  .section15>.section-content>.row-full-width>.col:first-child .img-inner,
  .section15>.section-content>.row-collapse>.col:first-child .img-inner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .section15>.section-content>.row-full-width>.col:first-child .img-inner img,
  .section15>.section-content>.row-collapse>.col:first-child .img-inner img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}

/* ==========================================================================
   Khoảng cách dòng text và nút bấm Hero Dự Án (.du-an1) và CTA (.lien-he3)
   ========================================================================== */
.du-an1 p {
  line-height: 1.75 !important;
  margin-bottom: 28px !important;
  font-size: 16px;
}

.du-an1 .button {
  margin-right: 14px !important;
  margin-bottom: 14px !important;
}

.lien-he3 p {
  line-height: 1.7 !important;
  margin-bottom: 26px !important;
}

/* ==========================================================================
   Hiệu ứng xếp chồng thẻ (Stacking Sticky Cards) cho trang Tổ chức Activation
   Khớp 100% bản mẫu Vercel (https://nhat-minh-media.vercel.app/activation)
   Áp dụng cho Section .activation3 (.row1, .row2, .row3, .row4)
   ========================================================================== */

/* Bảo đảm không bị kẹt sticky do overflow-x trên thẻ html/body */
html {
  overflow-x: clip !important;
}

body {
  overflow-x: clip !important;
}

:root {
  --activation-header-height: 80px;
  --activation-stack-top: 80px;
  --activation-stack-step: clamp(72px, 6.5vw, 76px);
}

body.admin-bar {
  --activation-header-height: 112px;
  --activation-stack-top: 112px;
}

/* Section container .activation3 */
.activation3 {
  position: relative !important;
  overflow: visible !important;
  background: #ffffff !important;
  padding-top: 40px !important;
  padding-bottom: 260px !important;
  /* Tạo không gian cuộn giữ trạng thái xếp chồng trước khi sang section sau */
}

.activation3 .section-bg {
  display: none !important;
}

.activation3 .section-content {
  position: relative !important;
  overflow: visible !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}

/* Cấu trúc các thẻ Row trong .activation3 */
.activation3 .row1,
.activation3 .row2,
.activation3 .row3,
.activation3 .row4 {
  position: relative;
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #ffffff !important;
  border-top: 1px solid #dce3ec !important;
  padding-top: 26px !important;
  padding-bottom: 30px !important;
  margin-bottom: 48px !important;
  box-shadow: 0 -4px 18px rgba(15, 49, 88, 0.04) !important;
  box-sizing: border-box !important;
}

/* Ẩn cột divider mặc định cuối mỗi row để dùng border-top chuẩn */
.activation3 .row .col:last-child:has(.is-divider),
.activation3 .row .is-divider {
  display: none !important;
}

/* Cột số thứ tự 01, 02, 03, 04 */
.activation3 .row>.col:first-child {
  padding-top: 4px !important;
}

.activation3 .row>.col:first-child p {
  color: #06090d !important;
  font-size: clamp(50px, 5.2vw, 68px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.065em !important;
  line-height: 0.95 !important;
  margin: 0 !important;
}

/* Cột nội dung text ở giữa */
.activation3 .sub-title1 {
  margin-bottom: 22px !important;
}

.activation3 .sub-title1 p {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 6px 20px !important;
  border: 1.5px solid #e22d30 !important;
  border-radius: 999px !important;
  color: #e22d30 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.activation3 h3 {
  color: #0b111a !important;
  font-size: clamp(26px, 2.7vw, 36px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.22 !important;
  text-transform: uppercase !important;
  margin-top: 12px !important;
  margin-bottom: 20px !important;
}

.activation3 h3 strong,
.activation3 h3 span {
  color: #e22d30 !important;
  font-weight: inherit !important;
}

.activation3 .col:nth-child(2) p:not(.sub-title1 p) {
  color: #273447 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  max-width: 640px !important;
  margin: 0 !important;
}

/* Cột hình ảnh bên phải */
.activation3 .col:nth-child(3) .img-inner {
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(15, 49, 88, 0.09) !important;
  background: #e9eef5 !important;
}

.activation3 .col:nth-child(3) .img-inner img {
  border-radius: 22px !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.activation3 .row:hover .col:nth-child(3) .img-inner img {
  transform: scale(1.025) !important;
}

/* ==========================================================================
   Kích hoạt hiệu ứng Stacking Sticky trên màn hình máy tính (min-width: 850px)
   ========================================================================== */
@media (min-width: 850px) {

  .activation3 .row1,
  .activation3 .row2,
  .activation3 .row3,
  .activation3 .row4 {
    position: -webkit-sticky !important;
    position: sticky !important;
    background: #ffffff !important;
  }

  /* Row 1: Cạnh chạm ngay dưới header thì dừng lại (fixed) */
  .activation3 .row1 {
    top: var(--activation-stack-top, 80px) !important;
    z-index: 10 !important;
  }

  /* Row 2: Cuộn lên đè lên row 1, dừng lại để lộ mép row 1 */
  .activation3 .row2 {
    top: calc(var(--activation-stack-top, 80px) + var(--activation-stack-step, 76px)) !important;
    z-index: 20 !important;
  }

  /* Row 3: Cuộn lên đè lên row 2, dừng lại để lộ mép row 2 */
  .activation3 .row3 {
    top: calc(var(--activation-stack-top, 80px) + calc(var(--activation-stack-step, 76px) * 2)) !important;
    z-index: 30 !important;
  }

  /* Row 4: Cuộn lên đè lên row 3, dừng lại hiển thị trọn vẹn thẻ cuối */
  .activation3 .row4 {
    top: calc(var(--activation-stack-top, 80px) + calc(var(--activation-stack-step, 76px) * 3)) !important;
    z-index: 40 !important;
  }
}

/* ==========================================================================
   ROADSHOW SECTION 02 (.road-show-02)
   "Giải pháp Roadshow bứt phá cùng Nhật Minh Media"
   ========================================================================== */
.road-show-02 {
  background: linear-gradient(180deg, #f2f8fe 0%, #edf5fd 100%) !important;
  position: relative !important;
  padding-top: 60px !important;
  padding-bottom: 70px !important;
}

/* Section Header */
.road-show-02 h2 {
  font-family: "Be Vietnam Pro", inherit !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
  text-align: center !important;
  -webkit-font-smoothing: antialiased;
}

.road-show-02 h2 span {
  color: #145cf0 !important;
  font-weight: 900 !important;
}

.road-show-02 .row-small p {
  color: #4b5563 !important;
  font-size: 15.5px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  max-width: 680px !important;
  margin: 0 auto 36px !important;
}

/* Row & Column Layout Alignment */
@media (min-width: 850px) {
  .road-show-02>.section-content>.row:nth-of-type(2) {
    display: flex !important;
    align-items: stretch !important;
  }

  .road-show-02>.section-content>.row:nth-of-type(2)>.col {
    display: flex !important;
    flex-direction: column !important;
  }

  .road-show-02>.section-content>.row:nth-of-type(2)>.col>.col-inner {
    width: 100% !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .road-show-02 .large-4 .col-inner {
    padding-right: 15px !important;
  }

  /* Right column 2x2 grid alignment & equal height */
  .road-show-02 .large-8>.col-inner>.row {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
    flex: 1 !important;
  }

  .road-show-02 .large-8 .col.large-6 {
    display: flex !important;
    flex-direction: column !important;
  }

  .road-show-02 .large-8 .col.large-6>.col-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex: 1 !important;
    gap: 18px !important;
  }
}

/* Left Column: Route Card & Cutout Ambassador */
.road-show-02 .banner {
  padding-top: 0 !important;
  height: 100% !important;
  min-height: 526px !important;
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
}

.road-show-02 .banner-inner {
  position: relative !important;
  height: 100% !important;
  min-height: 526px !important;
  overflow: visible !important;
}

/* Route Map Rounded Card */
.road-show-02 .banner-bg {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 26px !important;
  right: 0 !important;
  border-radius: 26px !important;
  border: 1px solid rgba(20, 92, 240, 0.12) !important;
  box-shadow: 0 20px 48px rgba(14, 67, 145, 0.12) !important;
  overflow: hidden !important;
  background: #91caff !important;
}

.road-show-02 .banner-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 26px !important;
}

/* Ambassador Cutout Overlap */
.road-show-02 .banner-layers {
  position: absolute !important;
  inset: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.road-show-02 .banner-layers .text-box {
  position: absolute !important;
  top: auto !important;
  bottom: -22px !important;
  left: -50px !important;
  right: auto !important;
  width: 114% !important;
  max-width: none !important;
  height: 104% !important;
  transform: none !important;
  margin: 0 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  pointer-events: none !important;
}

.road-show-02 .banner-layers .text-box-content,
.road-show-02 .banner-layers .text-inner {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

.road-show-02 .banner-layers .img,
.road-show-02 .banner-layers .img-inner {
  width: 100% !important;
  max-width: 380px !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
}

.road-show-02 .banner-layers .img img {
  width: 100% !important;
  height: auto !important;
  max-height: 520px !important;
  object-fit: contain !important;
  object-position: bottom left !important;
  display: block !important;
  filter: drop-shadow(0 24px 28px rgba(12, 50, 104, 0.16)) !important;
  transform: scale(1.02);
  transform-origin: bottom left;
}

/* Right Column: 2x2 Grid of Icon Cards - Equal Heights */
.road-show-02 .large-8 .icon-box {
  flex: 1 1 0px !important;
  height: auto !important;
  min-height: 254px !important;
  padding: 24px 24px 21px !important;
  border: 1px solid rgba(13, 209, 255, 0.2) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04) !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  box-sizing: border-box !important;
  cursor: pointer;
  transition: background-color 300ms ease, border-color 300ms ease, box-shadow 300ms ease, transform 300ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Card Icons */
.road-show-02 .large-8 .icon-box .icon-box-img {
  margin-bottom: 16px !important;
  margin-right: 0 !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.road-show-02 .large-8 .icon-box .icon-box-img .icon {
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border: none !important;
}

.road-show-02 .large-8 .icon-box .icon-box-img svg {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
}

/* Default Card SVGs (Cards 1, 2, 4): Blue */
.road-show-02 .large-8 .icon-box svg,
.road-show-02 .large-8 .icon-box svg path,
.road-show-02 .large-8 .icon-box svg g,
.road-show-02 .large-8 .icon-box svg circle,
.road-show-02 .large-8 .icon-box svg rect {
  fill: #145cf0 !important;
  transition: fill 300ms ease !important;
}

/* Card Text */
.road-show-02 .large-8 .icon-box .icon-box-text {
  padding-left: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.road-show-02 .large-8 .icon-box h4 {
  color: #145cf0 !important;
  font-family: "Be Vietnam Pro", inherit !important;
  font-size: clamp(18px, 1.4vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.36 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.03em !important;
  transition: color 300ms ease !important;
  -webkit-font-smoothing: antialiased;
}

.road-show-02 .large-8 .icon-box p {
  color: #28364d !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
  transition: color 300ms ease !important;
}

/* ==========================================================================
   Card 3 (Bottom-Left Card): Featured Blue Card by default
   ========================================================================== */
.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2),
.road-show-02 .large-8 .col.large-6:first-child .icon-box:last-child {
  background: #145cf0 !important;
  border-color: #145cf0 !important;
  box-shadow: 0 20px 44px rgba(20, 92, 240, 0.22) !important;
}

.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2) h4,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:last-child h4 {
  color: #ffffff !important;
}

.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2) p,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:last-child p {
  color: rgba(255, 255, 255, 0.95) !important;
}

.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2) svg,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2) svg path,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2) svg g,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2) svg circle,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2) svg rect,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:last-child svg,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:last-child svg path,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:last-child svg g {
  fill: #ffffff !important;
}

/* ==========================================================================
   HOVER EFFECT (According to Vercel template: Turns Blue with White Text/Icons)
   ========================================================================== */
.road-show-02 .large-8 .icon-box:hover,
.road-show-02 .large-8 .icon-box:focus-visible {
  background: #145cf0 !important;
  border-color: #145cf0 !important;
  box-shadow: 0 22px 46px rgba(20, 92, 240, 0.25) !important;
  transform: translateY(-4px) !important;
}

.road-show-02 .large-8 .icon-box:hover .icon-box-img,
.road-show-02 .large-8 .icon-box:focus-visible .icon-box-img {
  transform: translateY(-3px) scale(1.04) !important;
}

.road-show-02 .large-8 .icon-box:hover h4,
.road-show-02 .large-8 .icon-box:focus-visible h4 {
  color: #ffffff !important;
}

.road-show-02 .large-8 .icon-box:hover p,
.road-show-02 .large-8 .icon-box:focus-visible p {
  color: #ffffff !important;
}

.road-show-02 .large-8 .icon-box:hover svg,
.road-show-02 .large-8 .icon-box:hover svg path,
.road-show-02 .large-8 .icon-box:hover svg g,
.road-show-02 .large-8 .icon-box:hover svg circle,
.road-show-02 .large-8 .icon-box:hover svg rect,
.road-show-02 .large-8 .icon-box:focus-visible svg,
.road-show-02 .large-8 .icon-box:focus-visible svg path,
.road-show-02 .large-8 .icon-box:focus-visible svg g,
.road-show-02 .large-8 .icon-box:focus-visible svg circle,
.road-show-02 .large-8 .icon-box:focus-visible svg rect {
  fill: #ffffff !important;
}

/* Hover for the already-blue featured card (Card 3) */
.road-show-02 .large-8 .col.large-6:first-child .icon-box:nth-of-type(2):hover,
.road-show-02 .large-8 .col.large-6:first-child .icon-box:last-child:hover {
  box-shadow: 0 26px 54px rgba(20, 92, 240, 0.38) !important;
  transform: translateY(-4px) !important;
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 849px) {
  .road-show-02 {
    padding-top: 45px !important;
    padding-bottom: 50px !important;
  }

  .road-show-02 .banner {
    min-height: 400px !important;
    margin-bottom: 25px !important;
  }

  .road-show-02 .banner-bg {
    left: 15px !important;
  }

  .road-show-02 .banner-layers .text-box {
    left: -20px !important;
  }

  .road-show-02 .large-8 .icon-box {
    min-height: auto !important;
    margin-bottom: 16px !important;
    padding: 22px 20px !important;
  }
}

/* ==========================================================================
    ROADSHOW SIGNATURE SECTION (#section_113026376 / .roadshow-signature)
    Khớp 100% hình ảnh mẫu đính kèm (Giữ nguyên font chữ mặc định website)
    ========================================================================== */

#section_113026376,
.road-show-02.roadshow-signature,
.road-show-02:has(img[src*="ooh-opportunity-map"]) {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding-top: 80px !important;
  padding-bottom: 75px !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(22, 92, 246, 0.08) 0%, rgba(22, 92, 246, 0.02) 40%, transparent 60%),
    linear-gradient(180deg, #f7fbff 0%, #eef6fd 100%) !important;
}

/* Ẩn overlay che mờ mặc định của Flatsome */
#section_113026376 .section-bg-overlay,
.roadshow-signature .section-bg-overlay,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .section-bg-overlay {
  display: none !important;
}

/* Hiển thị nền bản đồ mờ nhẹ */
#section_113026376 .section-bg,
.roadshow-signature .section-bg,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .section-bg {
  overflow: hidden !important;
  pointer-events: none !important;
}

#section_113026376 .section-bg img,
.roadshow-signature .section-bg img,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .section-bg img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: min(1160px, 90vw) !important;
  max-width: none !important;
  height: auto !important;
  opacity: 0.065 !important;
  filter: saturate(0.5) contrast(0.85) !important;
  transform: translate(-50%, -48%) scale(1.15) !important;
  pointer-events: none !important;
  user-select: none !important;
}

/* Độ rộng container chuẩn 1200px */
#section_113026376 .section-content,
.roadshow-signature .section-content,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .section-content {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Bỏ viền dashed của Flatsome và căn lề row */
#section_113026376 .row,
.roadshow-signature .row,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .row {
  max-width: 100% !important;
  margin-left: -11px !important;
  margin-right: -11px !important;
  border: none !important;
}

#section_113026376 .row:before,
#section_113026376 .row:after,
.roadshow-signature .row:before,
.roadshow-signature .row:after {
  display: none !important;
}

#section_113026376 .row-dashed,
#section_113026376 .row-dashed>.col,
.roadshow-signature .row-dashed,
.roadshow-signature .row-dashed>.col {
  border: none !important;
}

#section_113026376 .col,
.roadshow-signature .col,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .col {
  padding-left: 11px !important;
  padding-right: 11px !important;
  margin-bottom: 0 !important;
}

#section_113026376 .col-inner,
.roadshow-signature .col-inner,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .col-inner {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

/* ==========================================================================
    DÒNG 1: Bố cục 3 khối (Card 1: 25% | Tiêu đề: 50% | Card 2: 25%)
    ========================================================================== */
#section_113026376 .row:nth-of-type(1),
.roadshow-signature .row:nth-of-type(1),
.road-show-02:has(img[src*="ooh-opportunity-map"]) .row:nth-of-type(1) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-bottom: 22px !important;
}

#section_113026376 #col-898573834,
#section_113026376 .row:nth-of-type(1)>.col:nth-child(1),
#section_113026376 #col-281323850,
#section_113026376 .row:nth-of-type(1)>.col:nth-child(3),
.roadshow-signature .row:nth-of-type(1)>.col:nth-child(1),
.roadshow-signature .row:nth-of-type(1)>.col:nth-child(3) {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

#section_113026376 #col-149407981,
#section_113026376 .row:nth-of-type(1)>.col:nth-child(2),
.roadshow-signature .row:nth-of-type(1)>.col:nth-child(2) {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

/* Tiêu đề trung tâm - Khớp 100% kiểu chữ, màu sắc và phân cấp trong ảnh mẫu */
#section_113026376 #col-149407981 .col-inner,
#section_113026376 .row:nth-of-type(1)>.col:nth-child(2) .col-inner,
.roadshow-signature .row:nth-of-type(1)>.col:nth-child(2) .col-inner {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: 10px 15px !important;
}

#section_113026376 .row:nth-of-type(1) h2,
.roadshow-signature .row:nth-of-type(1) h2 {
  margin: 0 !important;
  color: #071c3d !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

#section_113026376 .row:nth-of-type(1) h2 span,
.roadshow-signature .row:nth-of-type(1) h2 span {
  display: block !important;
  margin-top: 6px !important;
  color: #165cf6 !important;
  font-weight: 850 !important;
  font-size: clamp(26px, 2.5vw, 40px) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

#section_113026376 .row:nth-of-type(1) p,
.roadshow-signature .row:nth-of-type(1) p {
  max-width: 480px !important;
  margin: 18px auto 0 !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

/* ==========================================================================
    DÒNG 2: Lưới 4 Card đều nhau (Mỗi card 25%)
    ========================================================================== */
#section_113026376 .row:nth-of-type(2),
.roadshow-signature .row:nth-of-type(2),
.road-show-02:has(img[src*="ooh-opportunity-map"]) .row:nth-of-type(2) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-bottom: 24px !important;
}

#section_113026376 .row:nth-of-type(2)>.col,
.roadshow-signature .row:nth-of-type(2)>.col,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .row:nth-of-type(2)>.col {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

/* ==========================================================================
    CARD DESIGN: Viền xanh ngọc #07ef9c, góc bo tròn 22px, nền trắng
    ========================================================================== */
#section_113026376 .icon-box,
.roadshow-signature .icon-box,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 255px !important;
  padding: 28px 22px 24px !important;
  border: 1.5px solid #07ef9c !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(18, 50, 110, 0.05) !important;
  text-align: center !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: border-color 300ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 300ms cubic-bezier(.22, 1, .36, 1),
    background 300ms cubic-bezier(.22, 1, .36, 1) !important;
}

/* Khung chứa Icon */
#section_113026376 .icon-box-img,
.roadshow-signature .icon-box-img,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box-img {
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#section_113026376 .icon-box-img .icon,
.roadshow-signature .icon-box-img .icon,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box-img .icon {
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  border: none !important;
}

#section_113026376 .icon-inner,
.roadshow-signature .icon-inner,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-inner {
  width: 64px !important;
  height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

/* Ẩn các icon SVG thô cũ */
#section_113026376 .icon-inner svg,
#section_113026376 .icon-inner img,
.roadshow-signature .icon-inner svg,
.roadshow-signature .icon-inner img,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-inner svg {
  display: none !important;
}

/* Hiển thị Icon chuẩn vector bằng CSS Mask (Màu xanh #165cf6, hover thành trắng) */
#section_113026376 .icon-inner::before,
.roadshow-signature .icon-inner::before,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-inner::before {
  content: "" !important;
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  background-color: #165cf6 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  transition: background-color 300ms cubic-bezier(.22, 1, .36, 1) !important;
}

/* Card 1: electric_moped (Xe máy điện có tia sét / Đội hình sẵn sàng) */
#section_113026376 #col-898573834 .icon-inner::before,
#section_113026376 .row:nth-of-type(1)>.col:nth-child(1) .icon-inner::before,
.roadshow-signature .row:nth-of-type(1)>.col:nth-child(1) .icon-inner::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M280-280q-50 0-85-35t-35-85H80v-120q0-66 47-113t113-47h160v200h140l140-174v-106H560v-80h120q33 0 56.5 23.5T760-760v134L580-400H400q0 50-35 85t-85 35Zm40-200Zm-40 120q17 0 28.5-11.5T320-400h-80q0 17 11.5 28.5T280-360Zm-80-360v-80h200v80H200Zm560 440q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T800-400q0-17-11.5-28.5T760-440q-17 0-28.5 11.5T720-400q0 17 11.5 28.5T760-360ZM520-40 280-160h160v-80l240 120H520v80ZM160-480h160v-120h-80q-33 0-56.5 23.5T160-520v40Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M280-280q-50 0-85-35t-35-85H80v-120q0-66 47-113t113-47h160v200h140l140-174v-106H560v-80h120q33 0 56.5 23.5T760-760v134L580-400H400q0 50-35 85t-85 35Zm40-200Zm-40 120q17 0 28.5-11.5T320-400h-80q0 17 11.5 28.5T280-360Zm-80-360v-80h200v80H200Zm560 440q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T800-400q0-17-11.5-28.5T760-440q-17 0-28.5 11.5T720-400q0 17 11.5 28.5T760-360ZM520-40 280-160h160v-80l240 120H520v80ZM160-480h160v-120h-80q-33 0-56.5 23.5T160-520v40Z'/%3E%3C/svg%3E") !important;
}

/* Card 2: account_tree (Cây sơ đồ 3 ô kết nối / Một đầu mối điều phối) */
#section_113026376 #col-281323850 .icon-inner::before,
#section_113026376 .row:nth-of-type(1)>.col:nth-child(3) .icon-inner::before,
.roadshow-signature .row:nth-of-type(1)>.col:nth-child(3) .icon-inner::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M600-120v-120H440v-400h-80v120H80v-320h280v120h240v-120h280v320H600v-120h-80v320h80v-120h280v320H600ZM160-760v160-160Zm520 400v160-160Zm0-400v160-160Zm0 160h120v-160H680v160Zm0 400h120v-160H680v160ZM160-600h120v-160H160v160Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M600-120v-120H440v-400h-80v120H80v-320h280v120h240v-120h280v320H600v-120h-80v320h80v-120h280v320H600ZM160-760v160-160Zm520 400v160-160Zm0-400v160-160Zm0 160h120v-160H680v160Zm0 400h120v-160H680v160ZM160-600h120v-160H160v160Z'/%3E%3C/svg%3E") !important;
}

/* Card 3: campaign (Loa phóng thanh / Nhận diện đồng bộ) */
#section_113026376 #col-1444050504 .icon-inner::before,
#section_113026376 .row:nth-of-type(2)>.col:nth-child(1) .icon-inner::before,
.roadshow-signature .row:nth-of-type(2)>.col:nth-child(1) .icon-inner::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M720-440v-80h160v80H720Zm48 280-128-96 48-64 128 96-48 64Zm-80-480-48-64 128-96 48 64-128 96ZM200-200v-160h-40q-33 0-56.5-23.5T80-440v-80q0-33 23.5-56.5T160-600h160l200-120v480L320-360h-40v160h-80Zm240-182v-196l-98 58H160v80h182l98 58Zm120 36v-268q27 24 43.5 58.5T620-480q0 41-16.5 75.5T560-346ZM300-480Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M720-440v-80h160v80H720Zm48 280-128-96 48-64 128 96-48 64Zm-80-480-48-64 128-96 48 64-128 96ZM200-200v-160h-40q-33 0-56.5-23.5T80-440v-80q0-33 23.5-56.5T160-600h160l200-120v480L320-360h-40v160h-80Zm240-182v-196l-98 58H160v80h182l98 58Zm120 36v-268q27 24 43.5 58.5T620-480q0 41-16.5 75.5T560-346ZM300-480Z'/%3E%3C/svg%3E") !important;
}

/* Card 4: route (Lộ trình tuyến đường chữ S / Tuyến chạy bám sát) */
#section_113026376 #col-1194090055 .icon-inner::before,
#section_113026376 .row:nth-of-type(2)>.col:nth-child(2) .icon-inner::before,
.roadshow-signature .row:nth-of-type(2)>.col:nth-child(2) .icon-inner::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M360-120q-66 0-113-47t-47-113v-327q-35-13-57.5-43.5T120-720q0-50 35-85t85-35q50 0 85 35t35 85q0 39-22.5 69.5T280-607v327q0 33 23.5 56.5T360-200q33 0 56.5-23.5T440-280v-400q0-66 47-113t113-47q66 0 113 47t47 113v327q35 13 57.5 43.5T840-240q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-327q0-33-23.5-56.5T600-760q-33 0-56.5 23.5T520-680v400q0 66-47 113t-113 47ZM240-680q17 0 28.5-11.5T280-720q0-17-11.5-28.5T240-760q-17 0-28.5 11.5T200-720q0 17 11.5 28.5T240-680Zm480 480q17 0 28.5-11.5T760-240q0-17-11.5-28.5T720-280q-17 0-28.5 11.5T680-240q0 17 11.5 28.5T720-200ZM240-720Zm480 480Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M360-120q-66 0-113-47t-47-113v-327q-35-13-57.5-43.5T120-720q0-50 35-85t85-35q50 0 85 35t35 85q0 39-22.5 69.5T280-607v327q0 33 23.5 56.5T360-200q33 0 56.5-23.5T440-280v-400q0-66 47-113t113-47q66 0 113 47t47 113v327q35 13 57.5 43.5T840-240q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-327q0-33-23.5-56.5T600-760q-33 0-56.5 23.5T520-680v400q0 66-47 113t-113 47ZM240-680q17 0 28.5-11.5T280-720q0-17-11.5-28.5T240-760q-17 0-28.5 11.5T200-720q0 17 11.5 28.5T240-680Zm480 480q17 0 28.5-11.5T760-240q0-17-11.5-28.5T720-280q-17 0-28.5 11.5T680-240q0 17 11.5 28.5T720-200ZM240-720Zm480 480Z'/%3E%3C/svg%3E") !important;
}

/* Card 5: ads_click (Hồng tâm & con trỏ chuột / Điểm dừng kích hoạt) */
#section_113026376 #col-800330523 .icon-inner::before,
#section_113026376 .row:nth-of-type(2)>.col:nth-child(3) .icon-inner::before,
.roadshow-signature .row:nth-of-type(2)>.col:nth-child(3) .icon-inner::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M468-240q-96-5-162-74t-66-166q0-100 70-170t170-70q97 0 166 66t74 162l-84-25q-13-54-56-88.5T480-640q-66 0-113 47t-47 113q0 57 34.5 100t88.5 56l25 84Zm48 158q-9 2-18 2h-18q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480v18q0 9-2 18l-78-24v-12q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93h12l24 78Zm305 22L650-231 600-80 480-480l400 120-151 50 171 171-79 79Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M468-240q-96-5-162-74t-66-166q0-100 70-170t170-70q97 0 166 66t74 162l-84-25q-13-54-56-88.5T480-640q-66 0-113 47t-47 113q0 57 34.5 100t88.5 56l25 84Zm48 158q-9 2-18 2h-18q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480v18q0 9-2 18l-78-24v-12q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93h12l24 78Zm305 22L650-231 600-80 480-480l400 120-151 50 171 171-79 79Z'/%3E%3C/svg%3E") !important;
}

/* Card 6: video_settings (Màn hình & bánh răng / Hình ảnh, video và báo cáo) */
#section_113026376 #col-177743604 .icon-inner::before,
#section_113026376 .row:nth-of-type(2)>.col:nth-child(4) .icon-inner::before,
.roadshow-signature .row:nth-of-type(2)>.col:nth-child(4) .icon-inner::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-160H160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v200h-80v-200H160v480h320v80ZM380-300v-360l280 180-280 180ZM714-40l-12-60q-12-5-22.5-10.5T658-124l-58 18-40-68 46-40q-2-14-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T702-380l12-60h80l12 60q12 5 22.5 11t21.5 15l58-20 40 70-46 40q2 12 2 25t-2 25l46 40-40 68-58-18q-11 8-21.5 13.5T806-100l-12 60h-80Zm40-120q33 0 56.5-23.5T834-240q0-33-23.5-56.5T754-320q-33 0-56.5 23.5T674-240q0 33 23.5 56.5T754-160Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-160H160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v200h-80v-200H160v480h320v80ZM380-300v-360l280 180-280 180ZM714-40l-12-60q-12-5-22.5-10.5T658-124l-58 18-40-68 46-40q-2-14-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T702-380l12-60h80l12 60q12 5 22.5 11t21.5 15l58-20 40 70-46 40q2 12 2 25t-2 25l46 40-40 68-58-18q-11 8-21.5 13.5T806-100l-12 60h-80Zm40-120q33 0 56.5-23.5T834-240q0-33-23.5-56.5T754-320q-33 0-56.5 23.5T674-240q0 33 23.5 56.5T754-160Z'/%3E%3C/svg%3E") !important;
}

/* Chữ trong Card: Màu xanh #165cf6, in đậm, căn giữa chuẩn ảnh */
#section_113026376 .icon-box-text,
.roadshow-signature .icon-box-text,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box-text {
  padding: 0 !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

#section_113026376 .icon-box h4,
.roadshow-signature .icon-box h4,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box h4 {
  margin: 16px 0 0 !important;
  color: #165cf6 !important;
  font-size: clamp(15px, 1.05vw, 17px) !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-wrap: balance !important;
  max-width: 210px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transition: color 300ms cubic-bezier(.22, 1, .36, 1) !important;
}

/* Hiệu ứng Hover card: Chỉ đổ màu nền gradient xanh, chữ và icon chuyển màu trắng, KHÔNG nhích lên trên */
#section_113026376 .icon-box:hover,
#section_113026376 .icon-box:focus-visible,
.roadshow-signature .icon-box:hover,
.roadshow-signature .icon-box:focus-visible,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box:hover {
  border-color: #165cf6 !important;
  background: linear-gradient(135deg, #165cf6 0%, #0c4ad0 100%) !important;
  box-shadow: 0 4px 16px rgba(18, 50, 110, 0.05) !important;
  transform: none !important;
}

#section_113026376 .icon-box:hover .icon-inner::before,
#section_113026376 .icon-box:focus-visible .icon-inner::before,
.roadshow-signature .icon-box:hover .icon-inner::before,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box:hover .icon-inner::before {
  background-color: #ffffff !important;
  transform: none !important;
}

#section_113026376 .icon-box:hover h4,
#section_113026376 .icon-box:focus-visible h4,
.roadshow-signature .icon-box:hover h4,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .icon-box:hover h4 {
  color: #ffffff !important;
}

/* ==========================================================================
    DÒNG 3: Nút CTA Pill Button "Thiết kế hành trình Roadshow"
    ========================================================================== */
#section_113026376 .row:nth-of-type(3),
.roadshow-signature .row:nth-of-type(3),
.road-show-02:has(img[src*="ooh-opportunity-map"]) .row:nth-of-type(3) {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
}

#section_113026376 .row:nth-of-type(3) .col-inner,
.roadshow-signature .row:nth-of-type(3) .col-inner,
.road-show-02:has(img[src*="ooh-opportunity-map"]) .row:nth-of-type(3) .col-inner {
  align-items: center !important;
  padding: 0 !important;
}

/* Kiểu dáng nút Pill màu xanh dương */
a.road-show-button,
.road-show-02 a.road-show-button,
#section_113026376 a.button,
.roadshow-signature a.button,
.road-show-02:has(img[src*="ooh-opportunity-map"]) a.button {
  display: inline-flex !important;
  min-height: 56px !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 16px auto 0 !important;
  padding: 6px 28px 6px 7px !important;
  border-radius: 999px !important;
  background: #165cf6 !important;
  border: none !important;
  box-shadow: 0 14px 30px rgba(22, 92, 246, 0.28) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: background-color 300ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 300ms cubic-bezier(.22, 1, .36, 1) !important;
  transform: none !important;
}

/* Chữ trong nút màu trắng */
a.road-show-button span,
.road-show-02 a.road-show-button span,
#section_113026376 a.button span,
.roadshow-signature a.button span,
.road-show-02:has(img[src*="ooh-opportunity-map"]) a.button span {
  color: #ffffff !important;
}

/* Nút khi hover */
a.road-show-button:hover,
.road-show-02 a.road-show-button:hover,
#section_113026376 a.button:hover,
.roadshow-signature a.button:hover,
.road-show-02:has(img[src*="ooh-opportunity-map"]) a.button:hover {
  background: #0f4edb !important;
  box-shadow: 0 14px 30px rgba(22, 92, 246, 0.3) !important;
  transform: none !important;
  color: #ffffff !important;
}

/* Vòng tròn màu trắng bên trái nút chứa mũi tên xanh dương chuẩn mẫu */
a.road-show-button i,
.road-show-02 a.road-show-button i,
#section_113026376 a.button i,
.roadshow-signature a.button i,
.road-show-02:has(img[src*="ooh-opportunity-map"]) a.button i {
  display: inline-block !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23165cf6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 20px 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  vertical-align: middle !important;
  transition: background-position 200ms ease !important;
}

/* Ẩn hoàn toàn mọi pseudo-element của Flatsome trên icon này để không bị đè font */
a.road-show-button i::before,
a.road-show-button i::after,
.road-show-02 a.road-show-button i::before,
.road-show-02 a.road-show-button i::after,
#section_113026376 a.button i::before,
#section_113026376 a.button i::after,
.roadshow-signature a.button i::before,
.roadshow-signature a.button i::after,
.road-show-02:has(img[src*="ooh-opportunity-map"]) a.button i::before,
.road-show-02:has(img[src*="ooh-opportunity-map"]) a.button i::after {
  content: none !important;
  display: none !important;
}

/* Hiệu ứng trượt nhẹ sang phải khi hover */
a.road-show-button:hover i,
.road-show-02 a.road-show-button:hover i,
#section_113026376 a.button:hover i,
.roadshow-signature a.button:hover i,
.road-show-02:has(img[src*="ooh-opportunity-map"]) a.button:hover i {
  background-position: calc(50% + 3px) center !important;
}

/* ==========================================================================
   NÚT BIẾN THỂ 2 (.road-show-button2): Nền trắng, text xanh đen, icon tròn xanh
   ========================================================================== */
a.road-show-button2,
.road-show-02 a.road-show-button2 {
  display: inline-flex !important;
  min-height: 56px !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 16px auto 0 !important;
  padding: 6px 28px 6px 7px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: background-color 300ms ease, box-shadow 300ms ease, transform 300ms ease !important;
  transform: none !important;
}

/* Chữ trong nút màu xanh đen đậm chuẩn ảnh mẫu */
a.road-show-button2 span,
.road-show-02 a.road-show-button2 span {
  color: #071c3d !important;
  font-weight: 800 !important;
}

/* Nút khi hover */
a.road-show-button2:hover,
.road-show-02 a.road-show-button2:hover {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12) !important;
  transform: none !important;
}

/* Vòng tròn màu xanh bên trái nút chứa mũi tên màu trắng */
a.road-show-button2 i,
.road-show-02 a.road-show-button2 i {
  display: inline-block !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 50% !important;
  background-color: #165cf6 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 20px 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  box-shadow: 0 2px 8px rgba(22, 92, 246, 0.35) !important;
  vertical-align: middle !important;
  transition: background-position 200ms ease, background-color 200ms ease !important;
}

/* Ẩn hoàn toàn mọi pseudo-element của Flatsome */
a.road-show-button2 i::before,
a.road-show-button2 i::after,
.road-show-02 a.road-show-button2 i::before,
.road-show-02 a.road-show-button2 i::after {
  content: none !important;
  display: none !important;
}

/* Hiệu ứng trượt nhẹ sang phải khi hover */
a.road-show-button2:hover i,
.road-show-02 a.road-show-button2:hover i {
  background-position: calc(50% + 3px) center !important;
  background-color: #0f4edb !important;
}

/* ==========================================================================
    RESPONSIVE DESIGN (Tablet & Mobile)
    ========================================================================== */
@media (max-width: 992px) {

  #section_113026376,
  .roadshow-signature {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }

  /* Đưa tiêu đề lên hàng trên cùng, 2 card xuống hàng dưới */
  #section_113026376 #col-149407981,
  #section_113026376 .row:nth-of-type(1)>.col:nth-child(2),
  .roadshow-signature .row:nth-of-type(1)>.col:nth-child(2) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 1 !important;
    min-height: 0 !important;
    padding-bottom: 24px !important;
  }

  #section_113026376 #col-898573834,
  #section_113026376 .row:nth-of-type(1)>.col:nth-child(1),
  .roadshow-signature .row:nth-of-type(1)>.col:nth-child(1) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    order: 2 !important;
  }

  #section_113026376 #col-281323850,
  #section_113026376 .row:nth-of-type(1)>.col:nth-child(3),
  .roadshow-signature .row:nth-of-type(1)>.col:nth-child(3) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    order: 3 !important;
  }

  /* Hàng 2 chuyển thành lưới 2x2 */
  #section_113026376 .row:nth-of-type(2)>.col,
  .roadshow-signature .row:nth-of-type(2)>.col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 22px !important;
  }

  #section_113026376 .icon-box,
  .roadshow-signature .icon-box {
    min-height: 230px !important;
  }
}

@media (max-width: 640px) {

  #section_113026376,
  .roadshow-signature {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  #section_113026376 .row:nth-of-type(1),
  .roadshow-signature .row:nth-of-type(1) {
    margin-bottom: 14px !important;
  }

  #section_113026376 #col-149407981,
  #section_113026376 .row:nth-of-type(1)>.col:nth-child(2),
  .roadshow-signature .row:nth-of-type(1)>.col:nth-child(2) {
    padding: 0 0 20px !important;
  }

  #section_113026376 .row:nth-of-type(1) h2,
  .roadshow-signature .row:nth-of-type(1) h2 {
    font-size: 25px !important;
    line-height: 1.15 !important;
  }

  #section_113026376 .row:nth-of-type(1) h2 span,
  .roadshow-signature .row:nth-of-type(1) h2 span {
    font-size: 27px !important;
    margin-top: 5px !important;
  }

  #section_113026376 .row:nth-of-type(1) p,
  .roadshow-signature .row:nth-of-type(1) p {
    margin-top: 14px !important;
    font-size: 13px !important;
  }

  #section_113026376 #col-898573834,
  #section_113026376 #col-281323850,
  #section_113026376 .row:nth-of-type(1)>.col:nth-child(1),
  #section_113026376 .row:nth-of-type(1)>.col:nth-child(3),
  #section_113026376 .row:nth-of-type(2)>.col,
  .roadshow-signature .row:nth-of-type(1)>.col,
  .roadshow-signature .row:nth-of-type(2)>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 14px !important;
  }

  #section_113026376 .icon-box,
  .roadshow-signature .icon-box {
    min-height: 0 !important;
    align-items: center !important;
    padding: 24px 20px !important;
    border-radius: 19px !important;
  }

  #section_113026376 .icon-box-img,
  #section_113026376 .icon-box-img .icon,
  #section_113026376 .icon-inner,
  .roadshow-signature .icon-box-img,
  .roadshow-signature .icon-inner {
    width: 58px !important;
    height: 58px !important;
    margin: 0 auto !important;
  }

  #section_113026376 .icon-inner::before,
  .roadshow-signature .icon-inner::before {
    width: 56px !important;
    height: 56px !important;
  }

  #section_113026376 .icon-box h4,
  .roadshow-signature .icon-box h4 {
    margin-top: 14px !important;
    font-size: 15px !important;
    max-width: 100% !important;
  }

  #section_113026376 a.button,
  .roadshow-signature a.button,
  a.road-show-button,
  a.road-show-button2 {
    min-height: 52px !important;
    gap: 12px !important;
    margin-top: 20px !important;
    padding: 5px 22px 5px 5px !important;
    font-size: 13.5px !important;
  }

  #section_113026376 a.button i,
  .roadshow-signature a.button i,
  a.road-show-button i,
  a.road-show-button2 i {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
}

/* ==========================================================================
   HERO SECTION: .road-advertising (Hiện diện thương hiệu mọi lúc mọi nơi)
   Giao diện chuẩn thiết kế hiện đại, cao cấp
   ========================================================================== */

.road-advertising {
  overflow: hidden !important;
}

/* Background image phủ nền chuẩn thiết kế */
.road-advertising .section-bg img {
  object-fit: cover !important;
  object-position: center bottom !important;
  opacity: 1 !important;
}

/* Ghi đè text color của dark="true" từ UX Builder */
.road-advertising.dark,
.road-advertising.dark h1,
.road-advertising.dark h2,
.road-advertising.dark h3,
.road-advertising.dark h4,
.road-advertising.dark p {
  color: inherit;
}

/* ==========================================================================
   HÀNG 1: Tiêu đề + Mô tả + 2 Nút CTA + Mockup Billboard
   ========================================================================== */
.road-advertising .row:nth-of-type(1) {
  align-items: center !important;
}

.road-advertising .row:nth-of-type(1)>.col:nth-child(1) .col-inner {
  padding-right: 25px !important;
}

/* Tiêu đề chính h1 */
.road-advertising .row:nth-of-type(1) h1 {
  color: #0c2340 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(32px, 3.8vw, 50px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
}

.road-advertising .row:nth-of-type(1) h1 span {
  color: #ee3135 !important;
  display: inline-block !important;
}

/* Đoạn mô tả dưới tiêu đề */
.road-advertising .row:nth-of-type(1) p {
  color: #4a5568 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 450 !important;
  line-height: 1.65 !important;
  max-width: 530px !important;
  margin-bottom: 30px !important;
}

/* Nút CTA chung */
.road-advertising a.button.nut3,
.road-advertising .row:nth-of-type(1) a.button {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 5px 8px 5px 24px !important;
  margin: 8px 14px 8px 0 !important;
  border-radius: 999px !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
  vertical-align: middle !important;
}

/* NÚT 1: Nhận Media Plan & Báo giá (Màu đỏ chủ đạo) */
.road-advertising a.button.primary,
.road-advertising a.button:first-of-type {
  background: linear-gradient(135deg, #e52d27 0%, #ee3135 100%) !important;
  border: none !important;
  box-shadow: 0 10px 24px rgba(238, 49, 53, 0.38) !important;
}

.road-advertising a.button.primary span,
.road-advertising a.button:first-of-type span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.road-advertising a.button.primary i,
.road-advertising a.button:first-of-type i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ee3135' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin-left: 14px !important;
  margin-right: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.25s ease !important;
}

.road-advertising a.button.primary i::before,
.road-advertising a.button.primary i::after,
.road-advertising a.button:first-of-type i::before,
.road-advertising a.button:first-of-type i::after {
  display: none !important;
  content: "" !important;
}

.road-advertising a.button.primary:hover,
.road-advertising a.button:first-of-type:hover {
  background: linear-gradient(135deg, #d32020 0%, #dd2226 100%) !important;
  box-shadow: 0 14px 30px rgba(238, 49, 53, 0.48) !important;
  transform: translateY(-2px) !important;
}

.road-advertising a.button.primary:hover i,
.road-advertising a.button:first-of-type:hover i {
  background-position: calc(50% + 2px) center !important;
}

/* NÚT 2: Khám phá giải pháp (Nền trắng, viền nhẹ) */
.road-advertising a.button.white,
.road-advertising a.button:nth-of-type(2) {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

.road-advertising a.button.white span,
.road-advertising a.button:nth-of-type(2) span {
  color: #0c2340 !important;
  font-weight: 700 !important;
}

.road-advertising a.button.white i,
.road-advertising a.button:nth-of-type(2) i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background-color: #f0f6ff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23165cf6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cpolyline points='19 12 12 19 5 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin-left: 14px !important;
  margin-right: 0 !important;
  transition: all 0.25s ease !important;
}

.road-advertising a.button.white i::before,
.road-advertising a.button.white i::after,
.road-advertising a.button:nth-of-type(2) i::before,
.road-advertising a.button:nth-of-type(2) i::after {
  display: none !important;
  content: "" !important;
}

.road-advertising a.button.white:hover,
.road-advertising a.button:nth-of-type(2):hover {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px) !important;
}

.road-advertising a.button.white:hover i,
.road-advertising a.button:nth-of-type(2):hover i {
  background-position: center calc(50% + 2px) !important;
  background-color: #e0edff !important;
}

/* Cột phải: Hình ảnh Mockup Billboard (Căn lề do UX Builder tuỳ chỉnh) */
.road-advertising .row:nth-of-type(1)>.col:nth-child(2) img {
  height: auto !important;
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
}

/* ==========================================================================
   HÀNG 2: Khung nổi Bo Góc chứa 4 Lợi ích (Floating Feature Bar)
   ========================================================================== */
.road-advertising .row:nth-of-type(2) {
  background: #ffffff !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 45px rgba(12, 35, 64, 0.08), 0 2px 8px rgba(12, 35, 64, 0.04) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  padding: 18px 20px !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.road-advertising .row:nth-of-type(2)>.col {
  padding: 10px 18px !important;
  position: relative !important;
  transition: transform 0.25s ease !important;
}

.road-advertising .row:nth-of-type(2)>.col:hover {
  transform: translateY(-2px) !important;
}

/* Vạch ngăn cách dọc giữa các cột trên Desktop */
@media (min-width: 769px) {
  .road-advertising .row:nth-of-type(2)>.col:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 15% !important;
    height: 70% !important;
    width: 1px !important;
    background-color: #edf2f7 !important;
  }
}

.road-advertising .row:nth-of-type(2) .col-inner {
  padding: 0 !important;
}

/* Cấu trúc item lợi ích */
.road-advertising .row:nth-of-type(2) .icon-box {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

/* Icon Squircle bo góc màu xanh nhạt chuẩn mẫu */
.road-advertising .row:nth-of-type(2) .icon-box::before {
  content: "" !important;
  display: flex !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
  background-color: #f0f6ff !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 22px 22px !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.road-advertising .row:nth-of-type(2)>.col:hover .icon-box::before {
  background-color: #e0edff !important;
  transform: scale(1.05) !important;
}

/* Icon 1: Định vị (Map Pin) - Hiển thị nổi bật */
.road-advertising .row:nth-of-type(2)>.col:nth-child(1) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23165cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
}

/* Icon 2: Cờ (Flag) - Linh hoạt triển khai */
.road-advertising .row:nth-of-type(2)>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23165cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E") !important;
}

/* Icon 3: Mục tiêu / Radar (Target) - Đúng khu vực mục tiêu */
.road-advertising .row:nth-of-type(2)>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23165cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cline x1='12' y1='2' x2='12' y2='6'/%3E%3Cline x1='12' y1='18' x2='12' y2='22'/%3E%3Cline x1='2' y1='12' x2='6' y2='12'/%3E%3Cline x1='18' y1='12' x2='22' y2='12'/%3E%3C/svg%3E") !important;
}

/* Icon 4: Biểu đồ tăng trưởng (Chart) - Theo dõi & nghiệm thu */
.road-advertising .row:nth-of-type(2)>.col:nth-child(4) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23165cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3Cpath d='M2 20h20'/%3E%3C/svg%3E") !important;
}

/* Nội dung Text của thẻ */
.road-advertising .row:nth-of-type(2) .icon-box-text {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}

.road-advertising .row:nth-of-type(2) .icon-box-text :is(h2, h3, h4) {
  color: #0c2340 !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 3px 0 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  transition: color 0.25s ease !important;
}

.road-advertising .row:nth-of-type(2)>.col:hover .icon-box-text :is(h2, h3, h4) {
  color: #165cf6 !important;
}

.road-advertising .row:nth-of-type(2) .icon-box-text p {
  color: #64748b !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN (Tablet & Mobile)
   ========================================================================== */
@media (max-width: 992px) {
  .road-advertising {
    padding-top: 60px !important;
    padding-bottom: 45px !important;
  }

  .road-advertising .row:nth-of-type(1) h1 {
    font-size: 34px !important;
  }

  .road-advertising .row:nth-of-type(2) {
    padding: 14px 10px !important;
    border-radius: 20px !important;
  }

  /* 2x2 grid cho 4 thẻ tính năng trên tablet */
  .road-advertising .row:nth-of-type(2)>.col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 12px 14px !important;
  }

  .road-advertising .row:nth-of-type(2)>.col:nth-child(1),
  .road-advertising .row:nth-of-type(2)>.col:nth-child(2) {
    border-bottom: 1px solid #f1f5f9;
  }

  .road-advertising .row:nth-of-type(2)>.col:nth-child(odd)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 15% !important;
    height: 70% !important;
    width: 1px !important;
    background-color: #f1f5f9 !important;
  }

  .road-advertising .row:nth-of-type(2)>.col:nth-child(even)::after {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .road-advertising {
    padding-top: 45px !important;
    padding-bottom: 35px !important;
  }

  .road-advertising .row:nth-of-type(1) h1 {
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  .road-advertising .row:nth-of-type(1) p {
    font-size: 14px !important;
    margin-bottom: 22px !important;
  }

  .road-advertising a.button.nut3,
  .road-advertising .row:nth-of-type(1) a.button {
    width: 100% !important;
    justify-content: space-between !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
  }

  .road-advertising .row:nth-of-type(1)>.col:nth-child(2) {
    margin-top: 24px !important;
  }

  .road-advertising .row:nth-of-type(2) {
    padding: 12px 10px !important;
    border-radius: 18px !important;
  }

  .road-advertising .row:nth-of-type(2)>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 12px 10px !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .road-advertising .row:nth-of-type(2)>.col:last-child {
    border-bottom: none !important;
  }

  .road-advertising .row:nth-of-type(2)>.col::after {
    display: none !important;
  }
}

/* ==========================================================================
   SECTION 2: .road-advertising-02 (Thương hiệu đang mất điểm chạm...)
   ========================================================================== */

/* Nền section */
.road-advertising-02 .section-bg img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Tiêu đề chính h2 */
.road-advertising-02 h2,
.road-advertising-02 #streetIssuesTitle {
  color: #0c2340 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(24px, 2.8vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  max-width: 650px !important;
}

/* ==========================================================================
   CÁC CARD VẤN ĐỀ (.row-small bên trong cột 1)
   ========================================================================== */
.road-advertising-02 .row-small>.col {
  margin-bottom: 14px !important;
}

.road-advertising-02 .row-small>.col>.col-inner {
  background: rgba(255, 255, 255, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 18px !important;
  padding: 20px 18px !important;
  height: 100% !important;
  min-height: 135px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Hiệu ứng khi hover: background chuyển sang màu trắng và box hơi nhích lên trên */
.road-advertising-02 .row-small>.col>.col-inner:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 30px rgba(22, 92, 246, 0.1), 0 4px 10px rgba(0, 0, 0, 0.03) !important;
}

/* Tiêu đề trong card */
.road-advertising-02 .row-small h3 {
  color: #165cf6 !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  text-transform: none !important;
}

/* Đoạn mô tả trong card */
.road-advertising-02 .row-small p {
  color: #4a5568 !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  margin-bottom: 0 !important;
}

/* ==========================================================================
   NÚT CTA (.nut3 với icon_pos="left")
   ========================================================================== */
.road-advertising-02 a.button.nut3,
.road-advertising-02 a.button {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 5px 26px 5px 7px !important;
  margin-top: 24px !important;
  border-radius: 999px !important;
  background: #165cf6 !important;
  border: none !important;
  box-shadow: 0 10px 25px rgba(22, 92, 246, 0.35) !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.road-advertising-02 a.button.nut3 span,
.road-advertising-02 a.button span {
  color: #ffffff !important;
  font-weight: 700 !important;
  margin-left: 12px !important;
}

.road-advertising-02 a.button.nut3 i,
.road-advertising-02 a.button i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23165cf6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s ease !important;
}

.road-advertising-02 a.button.nut3 i::before,
.road-advertising-02 a.button.nut3 i::after,
.road-advertising-02 a.button i::before,
.road-advertising-02 a.button i::after {
  display: none !important;
  content: "" !important;
}

.road-advertising-02 a.button.nut3:hover,
.road-advertising-02 a.button:hover {
  background: #0f4edb !important;
  box-shadow: 0 14px 30px rgba(22, 92, 246, 0.45) !important;
  transform: translateY(-2px) !important;
}

.road-advertising-02 a.button.nut3:hover i,
.road-advertising-02 a.button:hover i {
  background-position: calc(50% + 2px) center !important;
}

/* Cột 1 giữ khoảng đệm đáy để nội dung và nút bấm không chạm đáy section */
.road-advertising-02>.section-content>.row>.col:first-child {
  padding-bottom: 50px !important;
}

/* ==========================================================================
   CỘT 2: CÔ GÁI ĐỨNG TRƯỚC LÁ CỜ (CHẠM ĐÚNG CẠNH DƯỚI CỦA SECTION)
   ========================================================================== */
.road-advertising-02 {
  padding-bottom: 0 !important;
}

.road-advertising-02>.section-content {
  padding-bottom: 0 !important;
}

.road-advertising-02>.section-content>.row {
  align-items: flex-end !important;
  margin-bottom: 0 !important;
}

.road-advertising-02>.section-content>.row>.col:nth-child(2) {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.road-advertising-02>.section-content>.row>.col:nth-child(2)>.col-inner {
  position: relative !important;
  height: 100% !important;
  min-height: 520px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Lá cờ nằm ở lớp sau (z-index: 1), chân chạm sát đáy */
.road-advertising-02 .la-co {
  position: absolute !important;
  right: calc(5% - 30px) !important;
  bottom: 180px !important;
  margin-bottom: 0 !important;
  z-index: 1 !important;
  line-height: 0 !important;
  transform: rotate(5deg) !important;
  transform-origin: bottom center !important;
}

.road-advertising-02 .la-co .img-inner {
  line-height: 0 !important;
  margin-bottom: 0 !important;
}

.road-advertising-02 .la-co img {
  display: block !important;
  height: auto !important;
  max-height: 540px !important;
  object-fit: contain !important;
  margin-bottom: 0 !important;
}

/* Cô gái đứng trước lá cờ (z-index: 2), chân chạm sát đáy */
.road-advertising-02 .co-gai {
  position: relative !important;
  z-index: 2 !important;
  bottom: 0 !important;
  margin-top: auto !important;
  margin-right: 15% !important;
  margin-bottom: 0 !important;
  line-height: 0 !important;
}

.road-advertising-02 .co-gai .img-inner {
  line-height: 0 !important;
  margin-bottom: 0 !important;
}

.road-advertising-02 .co-gai img {
  display: block !important;
  height: auto !important;
  max-height: 490px !important;
  object-fit: contain !important;
  margin-bottom: 0 !important;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.12));
}

/* ==========================================================================
   RESPONSIVE DESIGN CHO .road-advertising-02
   ========================================================================== */
@media (max-width: 992px) {
  .road-advertising-02>.section-content>.row>.col:nth-child(2)>.col-inner {
    min-height: 450px !important;
  }
}

@media (max-width: 640px) {

  .road-advertising-02 h2,
  .road-advertising-02 #streetIssuesTitle {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  .road-advertising-02 a.button.nut3,
  .road-advertising-02 a.button {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .road-advertising-02>.section-content>.row>.col:nth-child(2)>.col-inner {
    min-height: 380px !important;
    justify-content: center !important;
  }

  .road-advertising-02 .co-gai {
    margin-right: 10% !important;
  }
}

/* ==========================================================================
   SECTION: .road-advertising-03 (STREET ECOSYSTEM - CHUẨN 1:1 THEO BẢN GỐC VERCEL)
   Tham chiếu trực tiếp từ: https://nhat-minh-media.vercel.app/street-advertising
   Bao gồm đầy đủ hệ thống màu, gradient, box-shadow, tỷ lệ grid, micro-animation
   ========================================================================== */

.road-advertising-03 {
  position: relative !important;
  overflow: hidden !important;
  padding: 64px 0 70px !important;
  background:
    radial-gradient(circle at 74% 22%, rgba(71, 137, 239, .12), transparent 30%),
    linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%) !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Bo góc & viền mờ cao cấp cho toàn bộ banner card */
.road-advertising-03 .banner,
.road-advertising-03 .banner-inner {
  border-radius: 30px !important;
  overflow: hidden !important;
}

/* ==========================================================================
   ROW 1: BỐ CỤC 3 CỘT (TỔNG CHIỀU CAO 602PX = 68PX BAR + 16PX GAP + 518PX CITY)
   ========================================================================== */
.road-advertising-03>.section-content>.row:nth-of-type(1) {
  display: flex !important;
  align-items: stretch !important;
  gap: 16px !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col {
  display: flex !important;
  flex-direction: column !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 993px) {
  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) {
    flex: 0 0 calc(31% - 11px) !important;
    max-width: calc(31% - 11px) !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) {
    flex: 0 0 calc(44% - 11px) !important;
    max-width: calc(44% - 11px) !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3) {
    flex: 0 0 calc(25% - 11px) !important;
    max-width: calc(25% - 11px) !important;
  }
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col>.col-inner {
  height: 100% !important;
  min-height: 602px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* --------------------------------------------------------------------------
   ROW 1 - CỘT 1: THÁP BILLBOARD (BRAND CARD)
   -------------------------------------------------------------------------- */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .banner {
  height: 602px !important;
  min-height: 602px !important;
  background: #dfeefe !important;
  border: 1px solid rgba(138, 169, 212, .23) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 48px rgba(41, 76, 132, .11), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  position: relative !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .banner-inner {
  height: 100% !important;
}

/* Ảnh billboard góc trên */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .banner-bg img {
  height: 72% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: 50% 12% !important;
  border-radius: 30px 30px 0 0 !important;
}

/* Gradient chuyển sắc mờ chân tháp */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .banner-inner::after {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 46% !important;
  background: linear-gradient(180deg, rgba(247, 250, 255, 0), rgba(247, 250, 255, .96) 25%, #f7faff 55%) !important;
  content: "" !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Khối text đè chân banner */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .text-box {
  position: absolute !important;
  z-index: 2 !important;
  right: 24px !important;
  bottom: 23px !important;
  left: 24px !important;
  top: auto !important;
  width: auto !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .text-box-content {
  color: #123c78 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) #streetEcosystemTitle,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) #streetEcosystemTitle span {
  margin: 0 !important;
  color: #123c78 !important;
  font-size: clamp(23px, 1.8vw, 29px) !important;
  font-weight: 900 !important;
  letter-spacing: -.055em !important;
  line-height: 1.05 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .text-box p {
  margin: 10px 0 16px !important;
  color: #53637c !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

/* Khối 3 giá trị cam kết (Hiện diện - Đúng tuyến - Tin cậy) */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(151, 176, 210, .25) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .86) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 4px 14px rgba(23, 75, 145, .05) !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse>.col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 10px 4px !important;
  margin: 0 !important;
  max-width: none !important;
  flex: 1 1 auto !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse>.col+.col {
  border-left: 1px solid #e5ebf4 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse .col-inner {
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Reset icon-box & featured-box của Flatsome */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse .icon-box,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse .icon-box-text {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Tự động chèn 3 Icon Vector SVG chuẩn Vercel qua ::before */

/* Cột 1: Icon Mắt (Hiện diện) */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse>.col:nth-child(1) .col-inner::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto 4px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23174b91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Cột 2: Icon Định vị vị trí (Đúng tuyến) */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse>.col:nth-child(2) .col-inner::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto 4px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23174b91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Cột 3: Icon Huy hiệu Check (Tin cậy) */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse>.col:nth-child(3) .col-inner::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto 4px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23174b91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l2.4 2.4 3.4-.4 1.2 3.2 3.1 1.5-.8 3.3.8 3.3-3.1 1.5-1.2 3.2-3.4-.4L12 22l-2.4-2.4-3.4.4-1.2-3.2-3.1-1.5.8-3.3-.8-3.3 3.1-1.5 1.2-3.2 3.4.4z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Định dạng text hiển thị rõ nét màu xanh đậm chuẩn thiết kế */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse h3,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse p,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse span,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .row-collapse b {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #174b91 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  text-align: center !important;
  letter-spacing: -0.01em !important;
}

/* --------------------------------------------------------------------------
   ROW 1 - CỘT 2: CỘT GIỮA (THANH BAR CAPSULE + BANNER THÀNH PHỐ)
   -------------------------------------------------------------------------- */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2)>.col-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 602px !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2)>.col-inner>.row:first-child {
  flex: 0 0 68px !important;
  margin-bottom: 16px !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2)>.col-inner>.row:first-child .col {
  padding-bottom: 0 !important;
}

/* Thanh capsule OOH Solutions */
.road-advertising-03 .street-ecosystem-bar {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 10px 20px !important;
  background: linear-gradient(100deg, #1764ec 0%, #74aaf4 57%, rgba(245, 249, 255, .96) 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(138, 169, 212, .23) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 48px rgba(41, 76, 132, .11), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  height: 68px !important;
  min-height: 68px !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}

.road-advertising-03 .street-ecosystem-bar>br {
  display: none !important;
}

/* Logo tròn chuẩn SVG gốc của Nhật Minh Media */
.road-advertising-03 .street-ecosystem-logo {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  place-items: center !important;
  border: 5px solid rgba(255, 255, 255, .92) !important;
  border-radius: 50% !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='11' fill='%23E53935'/%3E%3Cg clip-path='url(%23c)'%3E%3Cpath d='M1.6 17.4 7.5 9.7l4.7 4.1 4.8-6.1 6.4 7.8V24H1.6z' fill='%2325588B'/%3E%3Cpath d='M-1 19 7.3 8.6l4.9 4.2 4.8-6.2L25 16.4' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2'/%3E%3Cpath d='M11.8 12.8 9 24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.2'/%3E%3C/g%3E%3C/svg%3E") center / 28px no-repeat !important;
  box-shadow: 0 7px 20px rgba(13, 74, 175, .18) !important;
}

.road-advertising-03 .street-ecosystem-bar>strong {
  font-size: 19px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  color: #fff !important;
  margin: 0 !important;
  background: none !important;
  padding: 0 !important;
}

.road-advertising-03 .street-ecosystem-bar>strong::before {
  display: none !important;
}

/* Vạch phân cách mảnh màu trắng trong suốt */
.road-advertising-03 .street-ecosystem-bar>i {
  display: block !important;
  width: 1px !important;
  height: 30px !important;
  background: rgba(255, 255, 255, .6) !important;
  flex: 0 0 1px !important;
  margin: 0 !important;
}

/* 3 giá trị bên phải */
.road-advertising-03 .street-ecosystem-bar p:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  color: #173d76 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  padding: 0 !important;
}

/* Dấu chấm tròn bullet đỏ #E53935 */
.road-advertising-03 .street-ecosystem-bar p:last-child b {
  color: #E53935 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

/* Box 2 dưới: Banner Thành phố (City Card) */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2)>.col-inner>.row:last-child {
  flex: 1 1 518px !important;
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 0 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2)>.col-inner>.row:last-child .col,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2)>.col-inner>.row:last-child .col-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 0 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner {
  height: 518px !important;
  min-height: 518px !important;
  background: #dcecff !important;
  border: 1px solid rgba(138, 169, 212, .23) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 48px rgba(41, 76, 132, .11), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  position: relative !important;
  overflow: hidden !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner-inner {
  height: 100% !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 44% !important;
  transition: transform 800ms cubic-bezier(.22, 1, .36, 1) !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner:hover .banner-bg img {
  transform: scale(1.025) !important;
}

/* Lớp phủ chuyển sắc đáy banner thành phố */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner-inner::after {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 36% !important;
  background: linear-gradient(180deg, transparent, rgba(242, 247, 255, .96) 70%) !important;
  content: "" !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Tràn full container layers để .street-ecosystem-city-copy bám đúng góc đáy banner */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner .banner-layers {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner .text-box {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner .text-box-content,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner .text-inner {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.road-advertising-03 .street-ecosystem-city-copy {
  position: absolute !important;
  z-index: 2 !important;
  right: 28px !important;
  bottom: 24px !important;
  left: 28px !important;
  top: auto !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  pointer-events: none !important;
  width: calc(100% - 56px) !important;
  color: #5f6f86 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.road-advertising-03 .street-ecosystem-city-copy strong {
  display: block !important;
  color: #123e7e !important;
  font-size: clamp(21px, 2.1vw, 30px) !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  max-width: 220px !important;
  text-align: left !important;
  white-space: normal !important;
}

.road-advertising-03 .street-ecosystem-city-copy span {
  color: #5f6f86 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  margin-bottom: 2px !important;
  flex-shrink: 0 !important;
  text-align: right !important;
}

/* --------------------------------------------------------------------------
   ROW 1 - CỘT 3: CARD ĐIỆN THOẠI (PHONE CARD - CHÂN ẢNH CHẠM SÁT CẠNH DƯỚI)
   -------------------------------------------------------------------------- */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3)>.col-inner {
  position: relative !important;
  height: 602px !important;
  min-height: 602px !important;
  background: linear-gradient(180deg, #fff 0%, #eff5fd 100%) !important;
  border: 1px solid rgba(138, 169, 212, .23) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 48px rgba(41, 76, 132, .11), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3) p {
  margin: 0 !important;
  padding: 0 !important;
}

.road-advertising-03 .street-ecosystem-phone-label {
  position: absolute !important;
  top: 18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(136, 165, 204, .25) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .88) !important;
  color: #174b91 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 22px rgba(24, 66, 126, .1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.road-advertising-03 .street-ecosystem-phone-label i {
  color: #174b91 !important;
  font-size: 13px !important;
}

/* Định vị wrapper ảnh ghim chặt sát mép đáy */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3) .img {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: calc(100% - 30px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  line-height: 0 !important;
  z-index: 1 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3) .img-inner {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  line-height: 0 !important;
}

/* Thẻ ảnh chạm 100% cạnh dưới không khoảng hở */
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3) .img img,
.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3) img[src*="street-ecosystem-phone"] {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 540px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  transition: transform 750ms cubic-bezier(.22, 1, .36, 1) !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3)>.col-inner:hover .img img {
  transform: scale(1.015) translateY(-2px) !important;
}

/* ==========================================================================
   ROW 2: BỐ CỤC CHUẨN 242PX (METRICS + FORMATS)
   ========================================================================== */
.road-advertising-03>.section-content>.row:nth-of-type(2) {
  display: flex !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col {
  display: flex !important;
  flex-direction: column !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 993px) {
  .road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1) {
    flex: 0 0 calc(31% - 11px) !important;
    max-width: calc(31% - 11px) !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) {
    flex: 0 0 calc(69% - 5px) !important;
    max-width: calc(69% - 5px) !important;
  }
}

/* --------------------------------------------------------------------------
   ROW 2 - CỘT 1: 4 Ô NĂNG LỰC OOH (METRICS)
   -------------------------------------------------------------------------- */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner {
  height: 242px !important;
  min-height: 242px !important;
  padding: 12px !important;
  background: rgba(248, 251, 255, .96) !important;
  border: 1px solid rgba(138, 169, 212, .23) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 48px rgba(41, 76, 132, .11), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row {
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  gap: 10px !important;
  flex: 1 1 50% !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row>.col {
  flex: 1 1 calc(50% - 5px) !important;
  max-width: calc(50% - 5px) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row>.col>.col-inner {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 0 8px !important;
  padding: 13px 11px !important;
  border: 1px solid #e4ebf5 !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(44, 76, 125, .06) !important;
  height: 100% !important;
  box-sizing: border-box !important;
  transition: transform 280ms cubic-bezier(.22, 1, .36, 1), box-shadow 280ms ease !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row>.col>.col-inner:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(44, 76, 125, .12) !important;
}

/* Reset cấu trúc Flatsome icon-box */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1) .icon-box,
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1) .icon-box-text {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

/* 4 Icon Vector SVG chuẩn Vercel (Grid, Signpost, User, Camera) */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row>.col>.col-inner::before {
  content: "" !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  width: 26px !important;
  height: 26px !important;
  display: block !important;
}

/* Ô 1: bi-grid (#1b65d9) */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row:nth-child(1)>.col:nth-child(1)>.col-inner::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%231b65d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Ô 2: bi-signpost-split (#E53935) */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row:nth-child(1)>.col:nth-child(2)>.col-inner::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23E53935' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20'/%3E%3Cpath d='M6 6h6l2 2-2 2H6z'/%3E%3Cpath d='M12 12h6l2 2-2 2h-6z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Ô 3: bi-person-check (#1b65d9) */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row:nth-child(2)>.col:nth-child(1)>.col-inner::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%231b65d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpolyline points='17 11 19 13 23 9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Ô 4: bi-camera (#E53935) */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner>.row:nth-child(2)>.col:nth-child(2)>.col-inner::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23E53935' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Typography trong 4 ô metrics */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1) h3 {
  color: #112a53 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1) p {
  margin: 3px 0 0 0 !important;
  color: #6a7689 !important;
  font-size: 8.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-align: left !important;
}

/* --------------------------------------------------------------------------
   ROW 2 - CỘT 2: BANNER XE BUÝT + 4 THẺ ĐỊNH DẠNG (FORMATS)
   -------------------------------------------------------------------------- */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .banner {
  height: 242px !important;
  min-height: 242px !important;
  max-height: 242px !important;
  padding-top: 0 !important;
  border: 1px solid rgba(138, 169, 212, .23) !important;
  border-radius: 30px !important;
  background: linear-gradient(105deg, rgba(247, 251, 255, .98) 0 62%, rgba(215, 233, 255, .72) 100%) !important;
  box-shadow: 0 22px 48px rgba(41, 76, 132, .11), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  position: relative !important;
  overflow: hidden !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .banner-inner {
  height: 100% !important;
  padding-top: 0 !important;
  border-radius: 30px !important;
}

/* Ảnh xe buýt bên phải */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .banner-bg img {
  width: auto !important;
  min-width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 100% 50% !important;
}

/* Gradient fade chuẩn Vercel */
.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .banner-inner::before {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  background: linear-gradient(90deg, #f5faff 0%, #f5faff 60%, rgba(245, 250, 255, .12) 75%, transparent 88%) !important;
  content: "" !important;
  pointer-events: none !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .text-box {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  padding: 23px 18px 18px !important;
  margin: 0 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: auto !important;
  width: auto !important;
  max-width: 620px !important;
  transform: none !important;
  text-align: left !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .text-box-content {
  color: #174b91 !important;
}

.road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) h3.uppercase {
  display: block !important;
  color: #174b91 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  margin: 0 0 14px 0 !important;
  text-align: left !important;
}

/* Lưới 4 thẻ định dạng (Billboard, Màn hình, Nhà chờ, Phướn dọc) */
.road-advertising-03 .street-ecosystem-format-list {
  display: grid !important;
  grid-template-columns: repeat(4, 102px) !important;
  gap: 9px !important;
  margin: 0 !important;
}

.road-advertising-03 .street-ecosystem-format-list>div {
  display: grid !important;
  min-width: 0 !important;
  min-height: 164px !important;
  grid-template-rows: 96px auto auto !important;
  justify-items: center !important;
  padding: 7px 7px 10px !important;
  border: 1px solid #e1eaf6 !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, .9) !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(42, 82, 144, .06) !important;
  transition: transform 280ms cubic-bezier(.22, 1, .36, 1), box-shadow 280ms ease !important;
  box-sizing: border-box !important;
}

.road-advertising-03 .street-ecosystem-format-list>div:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(42, 82, 144, .13) !important;
}

.road-advertising-03 .street-ecosystem-format-list img {
  width: 100% !important;
  height: 90px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

.road-advertising-03 .street-ecosystem-format-list strong {
  overflow: hidden !important;
  max-width: 100% !important;
  color: #143a73 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
  display: block !important;
}

.road-advertising-03 .street-ecosystem-format-list small {
  margin-top: 3px !important;
  color: #738096 !important;
  font-size: 7.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  display: block !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 1020px) {

  .road-advertising-03>.section-content>.row:nth-of-type(1),
  .road-advertising-03>.section-content>.row:nth-of-type(2) {
    flex-wrap: wrap !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col,
  .road-advertising-03>.section-content>.row:nth-of-type(2)>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col>.col-inner {
    min-height: auto !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(1) .banner {
    height: 520px !important;
    min-height: 520px !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(2) .banner {
    height: 480px !important;
    min-height: 480px !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(1)>.col:nth-child(3)>.col-inner {
    height: 500px !important;
    min-height: 500px !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(1)>.col-inner {
    height: auto !important;
    min-height: auto !important;
  }

  .road-advertising-03>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .banner {
    height: auto !important;
    min-height: 400px !important;
    max-height: none !important;
  }

  .road-advertising-03 .street-ecosystem-format-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 720px) {
  .road-advertising-03 {
    padding: 46px 0 52px !important;
  }

  .road-advertising-03 .street-ecosystem-bar {
    min-height: 68px !important;
    border-radius: 22px !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  .road-advertising-03 .street-ecosystem-city-copy {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
}

/* ==========================================================================
   ROAD ADVERTISING 04 - STREET SOLUTIONS (GIẢI PHÁP PHỦ TUYẾN)
   Style chuẩn theo mẫu: https://nhat-minh-media.vercel.app/street-advertising#streetSolutions
   ========================================================================== */
.road-advertising-04 {
  position: relative !important;
  overflow: hidden !important;
  padding: 74px 0 82px !important;
  background: #f3f9fb !important;
}

.road-advertising-04 .section-bg {
  background: #f3f9fb !important;
}

/* Heading section */
.road-advertising-04>.section-content>.row:nth-of-type(1) {
  max-width: 980px !important;
  margin: 0 auto 42px !important;
  text-align: center !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(1) h2 {
  margin: 0 !important;
  color: #101a2b !important;
  font-size: clamp(32px, 2.9vw, 44px) !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(1) h2 span {
  display: block !important;
  color: #f02829 !important;
  font-weight: inherit !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(1) p {
  max-width: 820px !important;
  margin: 18px auto 0 !important;
  color: #2a3446 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

/* Khung layout Row 2 (Grid 2 cột: Cột đỏ Feature bên trái, 4 Card bên phải) */
.road-advertising-04>.section-content>.row:nth-of-type(2) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 {
  display: flex !important;
  flex-direction: column !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 {
  display: flex !important;
  flex-direction: column !important;
}

/* --------------------------------------------------------------------------
   CỘT TRÁI: FEATURE CARD ĐỎ (GIẢI PHÁP PHỦ TUYẾN THEO HÀNH TRÌNH)
   -------------------------------------------------------------------------- */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4>.col-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  min-height: 616px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  padding: 38px 34px 32px !important;
  background: linear-gradient(145deg, rgba(241, 58, 61, .94) 0%, rgba(217, 35, 39, .96) 70%, rgba(184, 18, 24, .98) 100%) !important;
  color: #fff !important;
  box-shadow: 0 24px 60px rgba(215, 34, 39, .2) !important;
}

/* Icon định vị biển báo ở đầu card đỏ */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4>.col-inner::before {
  content: "" !important;
  display: inline-block !important;
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 24px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="%23ffffff" viewBox="0 0 16 16"><path d="M7 7V1.414a1 1 0 0 1 2 0V2h5a1 1 0 0 1 .8.4l.975 1.3a.5.5 0 0 1 0 .6L14.8 5.6a1 1 0 0 1-.8.4H9v10H7v-5H2a1 1 0 0 1-.8-.4L.225 9.3a.5.5 0 0 1 0-.6L1.2 7.4A1 1 0 0 1 2 7z"/></svg>') center / 28px no-repeat !important;
  flex-shrink: 0 !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(26px, 2.1vw, 33px) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.18 !important;
  text-transform: uppercase !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 .street-solution-feature-top p {
  margin: 18px 0 0 !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 .street-solution-feature-bottom ol {
  display: grid !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  gap: 11px !important;
  list-style-position: inside !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 24px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 0 !important;
  text-transform: none !important;
}

/* Icon mũi tên arrow-right cho nút ở card đỏ */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 a.button i,
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 a.button i::before {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffffff" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/></svg>') center / contain no-repeat !important;
  content: "" !important;
  transition: transform 220ms ease !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4 a.button:hover i {
  transform: translateX(4px) !important;
}

/* --------------------------------------------------------------------------
   CỘT PHẢI: LƯỚI 4 CARD GIẢI PHÁP VỚI HIỆU ỨNG FLIP ĐỎ TRƯỢT LÊN
   -------------------------------------------------------------------------- */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8>.col-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small {
  height: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 26px 0 !important;
  margin: 0 !important;
}

/* Mỗi ô trong lưới 4 card: chia đều chiều cao để khớp hoàn toàn 616px của cột trái */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6 {
  height: calc((100% - 26px) / 2) !important;
  min-height: 295px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  display: flex !important;
  flex-direction: column !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner {
  position: relative !important;
  height: 100% !important;
  min-height: 295px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(237, 47, 50, .72) !important;
  padding: 28px 30px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .04) !important;
  transition: box-shadow 300ms ease !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner:hover {
  box-shadow: 0 16px 36px rgba(237, 47, 50, .14) !important;
}

/* MẶT TRƯỚC (FRONT): Icon + Tiêu đề + Đoạn văn */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .icon-box.featured-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 100% !important;
  margin: 0 !important;
  transition: opacity 280ms ease, transform 500ms cubic-bezier(.4, 0, .2, 1) !important;
}

/* Icon SVG riêng cho từng Card ở mặt trước */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .icon-box.featured-box::before {
  content: "" !important;
  display: inline-block !important;
  width: 54px !important;
  height: 54px !important;
  margin-bottom: 20px !important;
  background-size: contain !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
}

/* Card 1: Vị trí địa lý (Geo Alt) */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6:nth-child(1) .icon-box.featured-box::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="%23f02829" viewBox="0 0 16 16"><path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A32 32 0 0 1 8 14.58a32 32 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10"/><path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4m0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/></svg>') !important;
}

/* Card 2: Cửa hàng điểm bán (Shop Window) */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6:nth-child(2) .icon-box.featured-box::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="%23f02829" viewBox="0 0 16 16"><path d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.37 2.37 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0M1.5 8.5A.5.5 0 0 1 2 9v6h12V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5m2 .5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5"/></svg>') !important;
}

/* Card 3: Lịch sự kiện thời điểm (Calendar Event) */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6:nth-child(3) .icon-box.featured-box::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="%23f02829" viewBox="0 0 16 16"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/></svg>') !important;
}

/* Card 4: Kiểm soát nghiệm thu (Clipboard Check) */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6:nth-child(4) .icon-box.featured-box::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="%23f02829" viewBox="0 0 16 16"><path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5z"/><path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5z"/><path d="M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0z"/></svg>') !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 h3 {
  margin: 0 !important;
  color: #f02829 !important;
  font-size: clamp(21px, 1.85vw, 27px) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.22 !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 p {
  margin: 14px 0 0 !important;
  color: #202536 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
}

/* MẶT SAU (BACK SLIDE): Lớp phủ đỏ trượt từ dưới lên (row con bên trong card) */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 28px 30px !important;
  background: linear-gradient(145deg, #f13a3d, #d92327 72%, #bd151a) !important;
  color: #fff !important;
  transform: translateY(101%) !important;
  transition: transform 500ms cubic-bezier(.4, 0, .2, 1) !important;
  margin: 0 !important;
}

/* Nút chevron toggle ở mép trên mặt sau */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row::before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #f02829 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23ffffff" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/></svg>') center / 16px no-repeat !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15) !important;
}

/* Nội dung ol danh sách và nút a trong mặt sau */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row ol {
  display: grid !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 12px !important;
  list-style-position: inside !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 18px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 0 !important;
  text-transform: none !important;
}

/* Icon mũi tên arrow-right cho nút ở mặt sau các card */
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row a.button i,
.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row a.button i::before {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffffff" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/></svg>') center / contain no-repeat !important;
  content: "" !important;
  transition: transform 220ms ease !important;
}

.road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row a.button:hover i {
  transform: translateX(4px) !important;
}

/* HOVER EFFECT: Khi di chuột vào card -> Mặt trước mờ dần trượt nhẹ lên, mặt sau trượt lên phủ kín */
@media (hover: hover) and (pointer: fine) {
  .road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner:hover .icon-box.featured-box {
    opacity: 0 !important;
    transform: translateY(-18px) !important;
  }

  .road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner:hover>.row {
    transform: translateY(0) !important;
  }
}

/* Mobile & Tablet responsive */
@media (max-width: 849px) {
  .road-advertising-04 {
    padding: 46px 0 54px !important;
  }

  .road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-4>.col-inner {
    min-height: auto !important;
    margin-bottom: 24px !important;
    padding: 30px 24px !important;
  }

  .road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner {
    min-height: auto !important;
    padding: 24px 20px !important;
  }

  /* Trên mobile hiển thị luôn mặt sau thay vì chờ hover hoặc giữ 2 lớp thân thiện */
  .road-advertising-04>.section-content>.row:nth-of-type(2)>.col.medium-8 .row.row-small>.col.medium-6>.col-inner>.row {
    position: relative !important;
    transform: none !important;
    margin-top: 18px !important;
    border-radius: 14px !important;
  }
}

/* ==========================================================================
   ROAD ADVERTISING 05 - STREET PACKAGES (CÁC GÓI TRIỂN KHAI PHỦ TUYẾN)
   Mẫu chuẩn: https://nhat-minh-media.vercel.app/street-advertising#streetPackages
   ========================================================================== */
.road-advertising-05 {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: 82px 0 82px !important;
  background: linear-gradient(135deg, #061d4b 0%, #0b3bb9 54%, #0b5cff 100%) !important;
  color: #fff !important;
}

.road-advertising-05 .section-bg {
  background: transparent !important;
}

/* Lớp decor họa tiết kẻ & ánh sáng nền */
.road-advertising-05::before {
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  background:
    linear-gradient(60deg, transparent 58%, rgba(255, 255, 255, .045) 58% 72%, transparent 72%),
    radial-gradient(circle at 15% 18%, rgba(41, 126, 255, .34), transparent 26%),
    radial-gradient(circle at 86% 78%, rgba(5, 19, 65, .3), transparent 28%) !important;
  content: "" !important;
  pointer-events: none !important;
}

/* Chữ OOH mờ cực lớn ở góc phải dưới */
.road-advertising-05::after {
  position: absolute !important;
  z-index: -1 !important;
  right: -14px !important;
  bottom: -70px !important;
  color: rgba(255, 255, 255, .055) !important;
  content: "OOH" !important;
  font-size: clamp(210px, 28vw, 420px) !important;
  font-weight: 900 !important;
  letter-spacing: -.09em !important;
  line-height: .8 !important;
  pointer-events: none !important;
}

/* Heading section */
.road-advertising-05>.section-content>.row:nth-of-type(1) {
  max-width: 1180px !important;
  margin: 0 auto 40px !important;
  text-align: center !important;
}

.road-advertising-05>.section-content>.row:nth-of-type(1) h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(28px, 2.55vw, 38px) !important;
  font-weight: 900 !important;
  letter-spacing: -.05em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.road-advertising-05>.section-content>.row:nth-of-type(1) p {
  max-width: 820px !important;
  margin: 16px auto 0 !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* ==========================================================================
   CAROUSEL SLIDER - STREET TIER TRACK (.road-advertising-slide) - INFINITE LOOP
   ========================================================================== */
.road-advertising-05 .road-advertising-slide {
  position: relative !important;
  overflow: hidden !important;
  padding: 14px 4px 24px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1180px !important;
  width: 100% !important;
  user-select: none !important;
  touch-action: pan-y !important;
  cursor: grab !important;
}

.road-advertising-05 .road-advertising-slide.is-dragging {
  cursor: grabbing !important;
}

.road-advertising-05 .street-tier-track {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 24px !important;
  width: max-content !important;
  will-change: transform !important;
}

/* Mỗi thẻ trượt trong track */
.road-advertising-05 .street-tier-track>.col,
.road-advertising-05 .road-advertising-slide>.col {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Thân Card gói cước */
.road-advertising-05 .street-tier-card,
.road-advertising-05 .road-advertising-slide .col-inner {
  position: relative !important;
  display: flex !important;
  min-height: 530px !important;
  height: 100% !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #2649aa 0%, #315ed3 100%) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 22px 54px rgba(2, 18, 67, .18) !important;
  transition: transform 300ms ease, box-shadow 300ms ease !important;
}

.road-advertising-05 .street-tier-card:hover,
.road-advertising-05 .road-advertising-slide .col-inner:hover {
  transform: translateY(-6px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 30px 65px rgba(2, 18, 67, .28) !important;
}

/* Gói nổi bật (Gói 2: PHỦ TUYẾN GROWTH) */
.road-advertising-05 .street-tier-card.is-featured,
.road-advertising-05 .street-tier-track>.col:nth-child(2) .col-inner,
.road-advertising-05 .street-tier-track>.col:nth-child(5) .col-inner,
.road-advertising-05 .street-tier-track>.col:nth-child(8) .col-inner {
  border-color: #f0c45a !important;
  background: linear-gradient(145deg, #2951bd 0%, #3567e5 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 24px 60px rgba(2, 18, 67, .24) !important;
}

/* Tag huy hiệu "ĐỀ XUẤT PHỔ BIẾN" */
.road-advertising-05 .street-tier-popular {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 8px 16px !important;
  border-radius: 0 24px 0 14px !important;
  background: #f0c45a !important;
  color: #13234c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

/* Header card (Icon + Tag tên gói + Tiêu đề gói) */
.road-advertising-05 .street-tier-top {
  display: flex !important;
  min-height: 72px !important;
  align-items: center !important;
  gap: 20px !important;
  margin-bottom: 16px !important;
}

.road-advertising-05 .street-tier-top .tier-icon {
  flex: 0 0 54px !important;
  width: 54px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.road-advertising-05 .street-tier-top .tier-icon svg {
  width: 48px !important;
  height: 48px !important;
  stroke: #fff !important;
}

.road-advertising-05 .street-tier-top>div>span {
  display: block !important;
  color: #79fff4 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.road-advertising-05 .street-tier-top h3 {
  margin: 5px 0 0 !important;
  color: #fff !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

/* Dòng mục tiêu phù hợp (Fit) */
.road-advertising-05 .street-tier-fit {
  display: flex !important;
  min-height: 74px !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 10px 0 !important;
  padding: 17px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .16) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.road-advertising-05 .street-tier-fit svg,
.road-advertising-05 .street-tier-fit i {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  stroke: #79fff4 !important;
  color: #79fff4 !important;
}

/* Khối chi tiết 3 thông số (Thời gian, Phạm vi, KPI) */
.road-advertising-05 .street-tier-details {
  display: grid !important;
  flex: 1 !important;
  align-content: start !important;
  margin-top: 5px !important;
}

.road-advertising-05 .street-tier-details>div {
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
}

.road-advertising-05 .street-tier-details>div:last-child {
  border-bottom: none !important;
}

.road-advertising-05 .street-tier-details>div>span {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.road-advertising-05 .street-tier-details>div>span svg,
.road-advertising-05 .street-tier-details>div>span i {
  flex: 0 0 15px !important;
  width: 15px !important;
  height: 15px !important;
  stroke: #79fff4 !important;
  color: #79fff4 !important;
}

.road-advertising-05 .street-tier-details p {
  margin: 7px 0 0 !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Nút bấm con nhộng (Pill button) */
.road-advertising-05 .street-tier-btn,
.road-advertising-05 .road-advertising-slide .col-inner a.button {
  display: inline-flex !important;
  min-height: 54px !important;
  align-self: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 24px !important;
  padding: 6px 22px 6px 6px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #10214c !important;
  box-shadow: 0 10px 24px rgba(2, 18, 67, .16) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .22s ease, box-shadow .22s ease, color .22s ease !important;
}

.road-advertising-05 .street-tier-btn:hover,
.road-advertising-05 .road-advertising-slide .col-inner a.button:hover {
  color: #071d43 !important;
  box-shadow: 0 14px 30px rgba(2, 18, 67, .26) !important;
  transform: translateY(-3px) !important;
}

/* Vòng tròn icon mũi tên tròn bên trong nút */
.road-advertising-05 .street-tier-btn>span,
.road-advertising-05 .road-advertising-slide .col-inner a.button>span.btn-icon {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #145cf0 !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(20, 92, 240, .28) !important;
  transition: transform .22s ease, background-color .22s ease !important;
}

.road-advertising-05 .street-tier-card.is-featured .street-tier-btn>span,
.road-advertising-05 .street-tier-track>.col:nth-child(2) .street-tier-btn>span,
.road-advertising-05 .street-tier-track>.col:nth-child(5) .street-tier-btn>span,
.road-advertising-05 .street-tier-track>.col:nth-child(8) .street-tier-btn>span {
  background: #ed2f32 !important;
  box-shadow: 0 6px 14px rgba(237, 47, 50, .3) !important;
}

.road-advertising-05 .street-tier-btn:hover>span,
.road-advertising-05 .road-advertising-slide .col-inner a.button:hover>span.btn-icon {
  background: #ed2f32 !important;
  transform: translateX(3px) !important;
}

.road-advertising-05 .street-tier-btn>span svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #fff !important;
}

/* ==========================================================================
   CAROUSEL CONTROLS (Nút trước/sau & Đếm slide 01 / 03)
   ========================================================================== */
.road-advertising-05 .street-tier-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 36px !important;
}

.road-advertising-05 .street-tier-controls button {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  transition: all .2s ease !important;
  cursor: pointer !important;
  outline: none !important;
}

.road-advertising-05 .street-tier-controls button:hover {
  background: #fff !important;
  color: #071d43 !important;
  transform: scale(1.05) !important;
  border-color: #fff !important;
}

.road-advertising-05 .street-tier-controls button svg {
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor !important;
  display: block !important;
}

.road-advertising-05 .street-tier-controls .tier-counter {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: rgba(255, 255, 255, .85) !important;
  min-width: 60px !important;
  text-align: center !important;
  user-select: none !important;
}

/* ==========================================================================
   RESPONSIVE (Tablet & Mobile)
   ========================================================================== */
@media (max-width: 820px) {
  .road-advertising-05 {
    padding: 50px 0 54px !important;
  }

  .road-advertising-05 .road-advertising-slide>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .road-advertising-05 .road-advertising-slide .col-inner,
  .road-advertising-05 .street-tier-card {
    min-height: auto !important;
    padding: 24px 20px !important;
  }

  .road-advertising-05 .street-tier-top h3 {
    font-size: 23px !important;
  }
}


/* ==========================================================================
   ROAD ADVERTISING 06 - STREET GROWTH CTA
   Mẫu chuẩn: https://nhat-minh-media.vercel.app/street-advertising#streetGrowthCta
   ========================================================================== */
.road-advertising-06 {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  min-height: clamp(390px, 28vw, 500px) !important;
  padding: 0 !important;
  background: #0755ef !important;
  color: #fff !important;
}

/* Lớp phủ dải màu Gradient chuẩn Vercel */
.road-advertising-06::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(5, 37, 128, .88) 0%, rgba(5, 49, 167, .68) 30%, rgba(4, 71, 222, .2) 54%, rgba(7, 85, 239, 0) 72%),
    linear-gradient(180deg, rgba(3, 39, 135, .08), rgba(2, 42, 151, .16)) !important;
  pointer-events: none !important;
}

/* Quầng sáng Cyan Glow góc phải dưới */
.road-advertising-06::after {
  content: "" !important;
  position: absolute !important;
  right: 6% !important;
  bottom: -32% !important;
  z-index: 1 !important;
  width: min(58vw, 880px) !important;
  height: min(58vw, 880px) !important;
  border-radius: 50% !important;
  opacity: .48 !important;
  background: radial-gradient(circle, rgba(28, 246, 220, .35), transparent 64%) !important;
  filter: blur(14px) !important;
  pointer-events: none !important;
}

/* Ảnh nền Backdrop */
.road-advertising-06 .section-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
}

.road-advertising-06 .section-bg img.bg {
  position: absolute !important;
  inset: -2% !important;
  width: 104% !important;
  max-width: none !important;
  height: 104% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

/* Khối nội dung */
.road-advertising-06>.section-content {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  padding: 58px 0 !important;
}

.road-advertising-06 .row {
  max-width: 1180px !important;
  width: min(1180px, calc(100% - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
}

.road-advertising-06 .row>.col:first-child {
  max-width: 720px !important;
}

/* Dòng Eyebrow: Bắt đầu phủ đúng tuyến */
.road-advertising-06 h2 {
  margin: 0 0 20px !important;
  color: #22efcb !important;
  font-size: clamp(25px, 2vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}

/* Dòng Headline: Biến mỗi tuyến phố thành hệ thống điểm chạm thương hiệu */
.road-advertising-06 p {
  max-width: 640px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(19px, 1.45vw, 26px) !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: -.018em !important;
}

/* Nút bấm CTA hình viên thuốc (Pill Button) */
.road-advertising-06 a.button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 64px !important;
  margin-top: 38px !important;
  padding: 7px 26px 7px 7px !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 999px !important;
  color: #09255f !important;
  background: #fff !important;
  box-shadow: 0 20px 46px rgba(1, 23, 91, .3) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1), box-shadow 260ms ease, color 220ms ease !important;
}

.road-advertising-06 a.button:hover {
  color: #071e50 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 24px 54px rgba(1, 23, 91, .4) !important;
}

/* Vòng tròn Icon mũi tên bên trong nút */
.road-advertising-06 a.button i,
.road-advertising-06 a.button span.icon {
  display: grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: #0755ef !important;
  box-shadow: 0 7px 18px rgba(7, 85, 239, .28) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1), background-color 220ms ease !important;
}

.road-advertising-06 a.button:hover i,
.road-advertising-06 a.button:hover span.icon {
  transform: translateX(4px) rotate(-8deg) !important;
  background: #ee2f35 !important;
}

.road-advertising-06 a.button span {
  display: inline-block !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* ==========================================================================
   RESPONSIVE ROAD ADVERTISING 06 (Tablet & Mobile)
   ========================================================================== */
@media (max-width: 820px) {
  .road-advertising-06 {
    min-height: 540px !important;
  }

  .road-advertising-06::before {
    background:
      linear-gradient(180deg, rgba(5, 37, 128, .94) 0%, rgba(5, 49, 167, .82) 47%, rgba(6, 75, 224, .28) 69%, rgba(7, 85, 239, .02) 100%),
      linear-gradient(90deg, rgba(4, 43, 145, .58), transparent 72%) !important;
  }

  .road-advertising-06 .section-bg img.bg {
    object-position: 70% center !important;
  }

  .road-advertising-06>.section-content {
    padding: 50px 0 160px !important;
  }

  .road-advertising-06 .row {
    width: calc(100% - 32px) !important;
  }

  .road-advertising-06 h2 {
    margin-bottom: 13px !important;
    font-size: clamp(22px, 6.8vw, 29px) !important;
  }

  .road-advertising-06 p {
    max-width: 400px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .road-advertising-06 a.button {
    min-height: 58px !important;
    margin-top: 26px !important;
    padding-right: 20px !important;
    font-size: 14px !important;
  }

  .road-advertising-06 a.button i,
  .road-advertising-06 a.button span.icon {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    font-size: 16px !important;
  }
}

/* ==========================================================================
   INDOOR ADS 01 - HERO SECTION (Quảng cáo trong nhà - Khớp 100% ảnh mẫu)
   Page: https://demo.nhatminhmedia.com/quang-cao-trong-nha/ (ID: 43)
   ========================================================================== */
.indoor-ads-01 {
  position: relative !important;
  overflow: hidden !important;
  background-color: #052957 !important;
  padding-top: clamp(80px, 8.5vw, 130px) !important;
  padding-bottom: clamp(90px, 9.5vw, 140px) !important;
  min-height: clamp(520px, 36vw, 660px) !important;
  display: flex !important;
  align-items: center !important;
}

/* Ẩn lớp phủ tối mặc định của Flatsome để giữ nguyên độ sáng và chi tiết ảnh */
.indoor-ads-01 .section-bg-overlay {
  display: none !important;
  opacity: 0 !important;
}

/* Định vị ảnh nền (Chuyên viên đại sứ nằm chuẩn cạnh phải như mẫu) */
.indoor-ads-01 .section-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
  opacity: 1 !important;
}

/* Container nội dung */
.indoor-ads-01>.section-content {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.indoor-ads-01 .row1 {
  align-items: center !important;
}

.indoor-ads-01 .col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.indoor-ads-01 .col-inner {
  max-width: 650px !important;
}

/* 1. Pill Eyebrow / Kicker Badge: QUẢNG CÁO TRONG NHÀ NHẬT MINH MEDIA */
.indoor-ads-01 .rs-hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 6px 18px 6px 14px !important;
  border: 1px solid rgba(45, 187, 255, 0.75) !important;
  border-radius: 999px !important;
  background: rgba(1, 30, 65, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
  margin-bottom: 6px !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
  color: rgba(255, 255, 255, 0.95) !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Icon Loa phát thanh (Megaphone) màu đỏ chuẩn ảnh mẫu */
.indoor-ads-01 .rs-hero-kicker::before {
  content: "" !important;
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f33135'%3E%3Cpath d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15h-1a1 1 0 0 1-.995-.91l-.81-5.418C1.198 8.423 0 7.37 0 6c0-1.657 1.672-3 3.733-3 .688 0 1.346.15 1.942.417L6.47 1.48A1 1 0 0 1 7.465.5h1a1 1 0 0 1 .995.91l.24 1.602C10.742 3.195 12.023 3.328 13 3.65V2.5zm-1 2.22c-1.396-.345-3.08-.475-4.85-.315L6.64 1h-.295L5.73 4.887C4.854 4.542 3.864 4.333 2.8 4.333 1.254 4.333 1 5.167 1 6s.254 1.667 1.8 1.667c1.064 0 2.054-.21 2.93-.554l.615 4.107h.295l.51-3.41c1.77.16 3.454.03 4.85-.315V4.72z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* 2. Tiêu đề H1: "Quảng cáo trong nhà, nổi bật tại mọi điểm chạm" */
.indoor-ads-01 h1 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(34px, 3.4vw, 50px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin-top: 16px !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
  text-shadow: 0 4px 24px rgba(0, 18, 45, 0.45) !important;
}

/* Chữ "Nổi bật" màu đỏ tươi chuẩn nhận diện */
.indoor-ads-01 h1 span {
  color: #f33135 !important;
  font-weight: 900 !important;
}

/* 3. Đoạn mô tả dưới tiêu đề */
.indoor-ads-01 p:not(.rs-hero-kicker) {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(14px, 1.05vw, 15.5px) !important;
  font-weight: 450 !important;
  line-height: 1.68 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  max-width: 530px !important;
  margin-bottom: 30px !important;
}

/* 4. Khung 2 nút CTA */
.indoor-ads-01 .col-inner a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease !important;
}

/* Biến đổi icon mũi tên thành mũi tên chéo góc trên bên phải ↗ */
.indoor-ads-01 .col-inner a.button i {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-left: 2px !important;
  margin-right: 0 !important;
  transition: transform 0.22s ease !important;
}

.indoor-ads-01 .col-inner a.button i::before {
  content: "" !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* NÚT 1: "Nhận tư vấn ngay ↗" (Nền đỏ chủ đạo, chữ trắng, shadow đỏ) */
.indoor-ads-01 a.button.nut3,
.indoor-ads-01 a.button.primary {
  background: #f33135 !important;
  border: none !important;
  color: #ffffff !important;
  padding: 6px 26px !important;
  margin-right: 14px !important;
  margin-bottom: 10px !important;
  box-shadow: 0 12px 32px rgba(243, 49, 53, 0.38) !important;
}

.indoor-ads-01 a.button.nut3 span,
.indoor-ads-01 a.button.primary span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.indoor-ads-01 a.button.nut3 i::before,
.indoor-ads-01 a.button.primary i::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.indoor-ads-01 a.button.nut3:hover,
.indoor-ads-01 a.button.primary:hover {
  background: #d92327 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(243, 49, 53, 0.48) !important;
}

.indoor-ads-01 a.button.nut3:hover i,
.indoor-ads-01 a.button.primary:hover i {
  transform: translate(2px, -2px) !important;
}

/* NÚT 2: "Xem case quảng cáo ↗" (Nền tối viền đỏ, chữ đỏ) */
.indoor-ads-01 a.button.nut2,
.indoor-ads-01 a.button.white {
  background: rgba(3, 29, 62, 0.45) !important;
  border: 1.5px solid #f33135 !important;
  color: #f33135 !important;
  padding: 6px 26px !important;
  margin-right: 0 !important;
  margin-bottom: 10px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.indoor-ads-01 a.button.nut2 span,
.indoor-ads-01 a.button.white span {
  color: #f33135 !important;
  font-weight: 700 !important;
}

.indoor-ads-01 a.button.nut2 i::before,
.indoor-ads-01 a.button.white i::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f33135' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.indoor-ads-01 a.button.nut2:hover,
.indoor-ads-01 a.button.white:hover {
  background: rgba(243, 49, 53, 0.12) !important;
  border-color: #ff474b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(243, 49, 53, 0.2) !important;
}

.indoor-ads-01 a.button.nut2:hover i,
.indoor-ads-01 a.button.white:hover i {
  transform: translate(2px, -2px) !important;
}

/* Responsive cho Tablet và Mobile */
@media (max-width: 850px) {
  .indoor-ads-01 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    min-height: auto !important;
  }

  .indoor-ads-01 .section-bg::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(5, 41, 87, 0.85) 0%, rgba(5, 41, 87, 0.92) 100%) !important;
    z-index: 1 !important;
  }

  .indoor-ads-01 h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .indoor-ads-01 a.button.nut3,
  .indoor-ads-01 a.button.nut2 {
    width: 100% !important;
    margin-right: 0 !important;
  }
}

/* ==========================================================================
   INDOOR ADS 02 - 6 GIÁ TRỊ KHI THƯƠNG HIỆU HIỆN DIỆN ĐÚNG ĐIỂM CHẠM TRONG NHÀ
   Khớp 100% thiết kế: nền xanh hoàng gia, 6 card bo góc, icon vector trắng,
   hiệu ứng gradient hover (Card 1 sáng gradient mặc định theo mẫu)
   Page: https://demo.nhatminhmedia.com/quang-cao-trong-nha/ (ID: 43)
   ========================================================================== */
.indoor-ads-02 {
  position: relative !important;
  overflow: hidden !important;
  background: #0d4df0 !important;
  padding-top: clamp(60px, 5.5vw, 84px) !important;
  padding-bottom: clamp(70px, 6.5vw, 96px) !important;
}

.indoor-ads-02 .section-bg {
  background: #0d4df0 !important;
}

/* Container giới hạn độ rộng chuẩn 1020px theo ảnh mẫu */
.indoor-ads-02>.section-content {
  width: 100% !important;
  max-width: 1020px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Tiêu đề chính h2 */
.indoor-ads-02 h2 {
  color: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(23px, 2.2vw, 32px) !important;
  font-weight: 850 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 auto clamp(34px, 3.5vw, 48px) !important;
  max-width: 760px !important;
}

.indoor-ads-02 h2 span {
  color: #ffffff !important;
  font-weight: inherit !important;
  display: inline-block !important;
}

/* Grid layout hàng cột */
.indoor-ads-02 .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-left: -11px !important;
  margin-right: -11px !important;
  row-gap: 22px !important;
}

/* Cột tiêu đề hàng 1 full-width */
.indoor-ads-02 .row>.col:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding-left: 11px !important;
  padding-right: 11px !important;
  margin-bottom: 0 !important;
}

/* 6 Cột card: 3 cột mỗi hàng trên Desktop */
.indoor-ads-02 .row>.col:not(:first-child) {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  padding-left: 11px !important;
  padding-right: 11px !important;
  margin-bottom: 0 !important;
  display: flex !important;
}

/* Khung thân Card (.col-inner) */
.indoor-ads-02 .row>.col:not(:first-child)>.col-inner {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 24px 28px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 10px 28px rgba(0, 18, 70, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Lớp phủ Gradient khi Hover vào card (và mặc định cho Card 1 theo mẫu) */
.indoor-ads-02 .row>.col:not(:first-child)>.col-inner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(219deg, rgb(0, 239, 176) 22.28%, rgb(0, 74, 239) 64.6%, rgb(0, 61, 244) 78.66%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  pointer-events: none !important;
}


/* Khi hover vào bất kỳ card nào: Hiển thị dải màu gradient mượt mà */
.indoor-ads-02 .row>.col:not(:first-child)>.col-inner:hover::before {
  opacity: 1 !important;
}

.indoor-ads-02 .row>.col:not(:first-child)>.col-inner:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 38px rgba(0, 40, 140, 0.32) !important;
  border-color: rgba(0, 239, 176, 0.5) !important;
}

/* Định dạng nội dung bên trong card */
.indoor-ads-02 .icon-box,
.indoor-ads-02 .icon-box-text {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* Tiêu đề Card h3 */
.indoor-ads-02 h3 {
  color: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(16.5px, 1.3vw, 19px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.4 !important;
  margin: 0 0 12px 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* Đoạn mô tả trong card */
.indoor-ads-02 p {
  color: rgba(255, 255, 255, 0.94) !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  line-height: 1.62 !important;
  margin: 0 auto !important;
  max-width: 270px !important;
  text-align: center !important;
}

/* Khung Icon Vector màu trắng chuẩn ảnh mẫu */
.indoor-ads-02 .icon-box::before {
  content: "" !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 22px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12)) !important;
}

/* Card 1: bi-geo-alt (Địa điểm) */
.indoor-ads-02 .row>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A32 32 0 0 1 8 14.58a32 32 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10'/%3E%3Cpath d='M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4m0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E") !important;
}

/* Card 2: bi-eye (Không gian khép kín / Con mắt) */
.indoor-ads-02 .row>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E") !important;
}

/* Card 3: bi-arrow-repeat (Tần suất lặp lại / 2 mũi tên xoay tròn) */
.indoor-ads-02 .row>.col:nth-child(4) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z'/%3E%3Cpath fill-rule='evenodd' d='M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5 5 0 0 0 8 3M3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9z'/%3E%3C/svg%3E") !important;
}

/* Card 4: bi-bag-check (Điểm bán mua sắm / Túi xách) */
.indoor-ads-02 .row>.col:nth-child(5) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M10.854 8.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708 0'/%3E%3Cpath d='M8 1a2.5 2.5 0 0 0-2.5 2.5V4h5v-.5A2.5 2.5 0 0 0 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") !important;
}

/* Card 5: bi-grid-3x3-gap (Linh hoạt định dạng / Lưới 9 ô vuông) */
.indoor-ads-02 .row>.col:nth-child(6) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M4 2v2H2V2zm1 12v-2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m0-5V7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m0-5V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m5 10v-2a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m0-5V7a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m0-5V2a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m5 10v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m0-5V7a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1m0-5V2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1'/%3E%3C/svg%3E") !important;
}

/* Card 6: bi-clipboard2-check (Kiểm soát nghiệm thu / Bảng kẹp giấy checklist) */
.indoor-ads-02 .row>.col:nth-child(7) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0z'/%3E%3C/svg%3E") !important;
}

/* Responsive cho Tablet và Mobile */
@media (max-width: 850px) {
  .indoor-ads-02 {
    padding-top: 50px !important;
    padding-bottom: 56px !important;
  }

  .indoor-ads-02 .row>.col:not(:first-child) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 550px) {
  .indoor-ads-02 .row>.col:not(:first-child) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .indoor-ads-02 h2 {
    font-size: 22px !important;
    margin-bottom: 28px !important;
  }

  .indoor-ads-02 .row>.col:not(:first-child)>.col-inner {
    min-height: auto !important;
    padding: 26px 20px !important;
  }
}

/* ==========================================================================
   SECTION INDOOR-ADS-03: NHẬT MINH MEDIA - ĐƠN VỊ CUNG CẤP GIẢI PHÁP
   ========================================================================== */
.indoor-ads-03 {
  background-color: #ffffff !important;
  padding-top: 60px !important;
  padding-bottom: 70px !important;
  position: relative;
}

/* Row cấu trúc flexbox cân đối */
.indoor-ads-03 .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Cột Tiêu đề hàng 1 (full width) */
.indoor-ads-03 .row>.col:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-bottom: 45px !important;
}

/* Tiêu đề H2: Chữ hoa, 2 tông màu đen và xanh dương */
.indoor-ads-03 .row>.col:first-child h2 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(28px, 2.7vw, 38px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.32 !important;
  text-transform: uppercase !important;
  color: #111827 !important;
  margin-bottom: 18px !important;
  text-align: center !important;
}

.indoor-ads-03 .row>.col:first-child h2 span {
  color: #0b57d0 !important;
}

/* Đoạn mô tả dưới tiêu đề H2 */
.indoor-ads-03 .row>.col:first-child p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  color: #374151 !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Container accordion */
.indoor-ads-03 .accordion {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Từng card accordion item */
.indoor-ads-03 .accordion .accordion-item {
  border: none !important;
  background: #f4f6f8 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.indoor-ads-03 .accordion .accordion-item:hover {
  background: #edf0f5 !important;
}

/* Tiêu đề tab bấm accordion */
.indoor-ads-03 .accordion .accordion-title {
  display: flex !important;
  align-items: center !important;
  padding: 20px 24px !important;
  border: none !important;
  background: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 !important;
}

/* Icon tròn tích chọn (Checkmark circle) bên trái */
.indoor-ads-03 .accordion .accordion-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  margin-right: 16px !important;
  flex-shrink: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f2937'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E") !important;
  transition: filter 0.25s ease !important;
}

/* Text tiêu đề của tab */
.indoor-ads-03 .accordion .accordion-title span {
  flex: 1 1 auto !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.45 !important;
  color: #111827 !important;
  transition: color 0.25s ease !important;
}

/* Ẩn nút mũi tên mặc định của Flatsome */
.indoor-ads-03 .accordion .accordion-title .toggle {
  display: none !important;
}

/* Thay bằng biểu tượng dấu cộng (+) bên phải */
.indoor-ads-03 .accordion .accordion-title::after {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 16px !important;
  flex-shrink: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23374151'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E") !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
}

/* NỘI DUNG KHI MỞ ACCORDION */
.indoor-ads-03 .accordion .accordion-inner {
  padding: 0 24px 22px 68px !important;
  background: transparent !important;
  border: none !important;
}

.indoor-ads-03 .accordion .accordion-inner p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.68 !important;
  color: #374151 !important;
  margin: 0 !important;
}

/* TRẠNG THÁI KHI TAB ĐƯỢC MỞ (ACTIVE / EXPANDED) */
.indoor-ads-03 .accordion .accordion-item.active,
.indoor-ads-03 .accordion .accordion-title.active,
.indoor-ads-03 .accordion .accordion-title[aria-expanded="true"] {
  background: #f4f6f8 !important;
}

/* Khi mở: Icon checkmark đổi sang màu xanh dương */
.indoor-ads-03 .accordion .accordion-title.active::before,
.indoor-ads-03 .accordion .accordion-title[aria-expanded="true"]::before,
.indoor-ads-03 .accordion .accordion-item.active .accordion-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230b57d0'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E") !important;
}

/* Khi mở: Tiêu đề đổi sang màu xanh dương */
.indoor-ads-03 .accordion .accordion-title.active span,
.indoor-ads-03 .accordion .accordion-title[aria-expanded="true"] span,
.indoor-ads-03 .accordion .accordion-item.active .accordion-title span {
  color: #0b57d0 !important;
}

/* Khi mở: Dấu (+) chuyển thành dấu trừ (-) màu xanh dương */
.indoor-ads-03 .accordion .accordion-title.active::after,
.indoor-ads-03 .accordion .accordion-title[aria-expanded="true"]::after,
.indoor-ads-03 .accordion .accordion-item.active .accordion-title::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230b57d0'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E") !important;
}

/* RESPONSIVE */
@media (max-width: 850px) {
  .indoor-ads-03 {
    padding-top: 45px !important;
    padding-bottom: 50px !important;
  }

  .indoor-ads-03 .row>.col:first-child h2 {
    font-size: 26px !important;
  }

  .indoor-ads-03 .row>.col:first-child p {
    font-size: 15px !important;
  }

  .indoor-ads-03 .accordion .accordion-title {
    padding: 18px 20px !important;
  }

  .indoor-ads-03 .accordion .accordion-title span {
    font-size: 16px !important;
  }

  .indoor-ads-03 .accordion .accordion-inner {
    padding: 0 20px 18px 60px !important;
  }

  .indoor-ads-03 .accordion .accordion-inner p {
    font-size: 14.5px !important;
  }
}

/* ==========================================================================
   SECTION INDOOR-ADS-04: CASE STUDIES & CAROUSEL (INDOOR CASES)
   ========================================================================== */
.indoor-ads-04 {
  background-color: #eefbff !important;
  padding-top: 80px !important;
  padding-bottom: 90px !important;
  position: relative !important;
  overflow: hidden !important;
}

.indoor-ads-04 .section-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* --- HÀNG 1: TIÊU ĐỀ SECTION CHÍNH --- */
.indoor-ads-04>.section-content>.row:first-of-type {
  max-width: 980px !important;
  margin: 0 auto 40px auto !important;
  text-align: center !important;
}

.indoor-ads-04>.section-content>.row:first-of-type h2 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(32px, 3.2vw, 48px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  color: #0a0d12 !important;
  margin: 0 0 16px 0 !important;
  text-align: center !important;
}

.indoor-ads-04>.section-content>.row:first-of-type h2 span {
  color: #1556ed !important;
}

.indoor-ads-04>.section-content>.row:first-of-type p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  color: #344054 !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* --- HÀNG 2: CASE STUDY FEATURED (THẺ TO NỔI BẬT) --- */
.indoor-ads-04>.section-content>.row:nth-of-type(2) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  background: #ffffff !important;
  border-radius: 26px !important;
  padding: 32px !important;
  box-shadow: 0 20px 55px rgba(23, 76, 109, 0.08) !important;
  margin: 0 auto 36px auto !important;
}

/* Cột trái: Nội dung Case Featured (5 cols) */
.indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:first-child {
  flex: 0 0 44% !important;
  max-width: 44% !important;
  display: flex !important;
  flex-direction: column !important;
  padding-right: 32px !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:first-child>.col-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
}

/* Dòng Kicker */
.indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:first-child p:first-of-type {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  color: #111827 !important;
  margin: 0 0 16px 0 !important;
}

/* Tiêu đề Featured */
.indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:first-child h2 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(26px, 2.3vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.25 !important;
  color: #101319 !important;
  margin: 0 0 24px 0 !important;
  text-transform: none !important;
}

/* Row thông số (Địa bàn, Quy mô, Thời gian) */
.indoor-ads-04>.section-content>.row:nth-of-type(2) .row_inner,
.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  border-top: 1px solid #e8edf3 !important;
  border-bottom: 1px solid #e8edf3 !important;
  padding: 18px 0 16px 0 !important;
  margin: auto 0 16px 0 !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2) .col_inner,
.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse>.col {
  flex: 0 0 33.333% !important;
  max-width: 33.333% !important;
  padding: 0 12px !important;
  position: relative !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse>.col:first-child {
  padding-left: 0 !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse>.col:nth-child(2),
.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse>.col:nth-child(3) {
  border-left: 1px solid #e8edf3 !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2) .col_inner h4,
.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse h4 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: #667085 !important;
  margin: 0 0 6px 0 !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2) .col_inner h3,
.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse h3 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(20px, 1.8vw, 26px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.1 !important;
  color: #1556ed !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Nút "tìm hiểu thêm ->" */
.indoor-ads-04>.section-content>.row:nth-of-type(2) .row-collapse>.col:last-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding: 12px 0 0 0 !important;
  border-left: none !important;
}

.indoor-ads-04 a.button.is-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #1556ed !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 12px 0 0 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transition: color 0.25s ease !important;
}

.indoor-ads-04 a.button.is-link:hover {
  color: #f23136 !important;
}

.indoor-ads-04 a.button.is-link i {
  transition: transform 0.25s ease !important;
}

.indoor-ads-04 a.button.is-link:hover i {
  transform: translateX(5px) !important;
}

/* Cột phải: Ảnh Case Featured (7 cols) */
.indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:last-child {
  flex: 0 0 56% !important;
  max-width: 56% !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:last-child .img-inner {
  border-radius: 20px !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 380px !important;
  background: #d6d9de !important;
}

.indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:last-child img {
  width: 100% !important;
  height: 100% !important;
  min-height: 380px !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
}

/* --- HÀNG 3: CAROUSEL SLIDER (3 CỘT VÔ TẬN) --- */
.indoor-ads-04-carousel-container {
  position: relative !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.indoor-ads-04-viewport {
  overflow: hidden !important;
  width: 100% !important;
  cursor: grab !important;
  user-select: none !important;
}

.indoor-ads-04-viewport.is-dragging {
  cursor: grabbing !important;
}

.indoor-ads-04-track {
  display: flex !important;
  gap: 22px !important;
  will-change: transform !important;
  transition: transform 650ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Từng Card trong Carousel */
.indoor-ads-04-track>.col {
  flex: 0 0 calc((100% - 44px) / 3) !important;
  min-width: calc((100% - 44px) / 3) !important;
  max-width: calc((100% - 44px) / 3) !important;
  margin: 0 !important;
}

.indoor-ads-04-track>.col>.col-inner {
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 18px !important;
  box-shadow: 0 14px 38px rgba(23, 76, 109, 0.06) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.indoor-ads-04-track>.col>.col-inner:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 45px rgba(23, 76, 109, 0.12) !important;
}

/* Ảnh thumbnail card */
.indoor-ads-04-track .box-image {
  height: 218px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #d6d9de !important;
}

.indoor-ads-04-track .box-image img {
  width: 100% !important;
  height: 218px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.indoor-ads-04-track>.col:hover .box-image img {
  transform: scale(1.05) !important;
}

/* Phần chữ bên dưới ảnh */
.indoor-ads-04-track .box-text {
  padding: 16px 2px 4px 2px !important;
  text-align: left !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.indoor-ads-04-track .box-text h4 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #f23136 !important;
  margin: 0 0 8px 0 !important;
}

.indoor-ads-04-track .box-text h3 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.42 !important;
  color: #111827 !important;
  min-height: 52px !important;
  margin: 0 0 12px 0 !important;
}

/* Nút tròn Prev & Next ngoài cùng mép */
.indoor-ads-04-nav {
  position: absolute !important;
  top: 50% !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #1556ed !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(21, 86, 237, 0.3) !important;
  cursor: pointer !important;
  transform: translateY(-50%) !important;
  transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease !important;
}

.indoor-ads-04-nav:hover {
  background: #f23136 !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 14px 34px rgba(242, 49, 54, 0.35) !important;
}

.indoor-ads-04-nav-prev {
  left: -28px !important;
}

.indoor-ads-04-nav-next {
  right: -28px !important;
}

/* RESPONSIVE */
@media (max-width: 1050px) {
  .indoor-ads-04>.section-content>.row:nth-of-type(2) {
    flex-direction: column !important;
  }

  .indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:first-child,
  .indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
  }

  .indoor-ads-04>.section-content>.row:nth-of-type(2)>.col:last-child {
    margin-top: 24px !important;
  }

  .indoor-ads-04-track>.col {
    flex: 0 0 calc((100% - 22px) / 2) !important;
    min-width: calc((100% - 22px) / 2) !important;
    max-width: calc((100% - 22px) / 2) !important;
  }

  .indoor-ads-04-nav-prev {
    left: 5px !important;
  }

  .indoor-ads-04-nav-next {
    right: 5px !important;
  }
}

@media (max-width: 650px) {
  .indoor-ads-04 {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
  }

  .indoor-ads-04>.section-content>.row:nth-of-type(2) {
    padding: 22px !important;
  }

  .indoor-ads-04-track>.col {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   SECTION INDOOR-ADS-05: 6 GÓI QUẢNG CÁO TRONG NHÀ (PRICING PACKAGES)
   ========================================================================== */
.indoor-ads-05 {
  background-color: #ffffff !important;
  padding-top: 80px !important;
  padding-bottom: 90px !important;
  position: relative !important;
}

.indoor-ads-05 .section-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Row bọc các cột: Hàng 1 là Header, 6 cột tiếp theo là 6 Cards */
.indoor-ads-05 .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  row-gap: 32px !important;
}

/* CỘT 1: HEADER SECTION (FULL WIDTH) */
.indoor-ads-05 .row>.col:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-bottom: 30px !important;
}

.indoor-ads-05 .row>.col:first-child h2 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(32px, 3.2vw, 48px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  color: #0a0d12 !important;
  margin: 0 0 18px 0 !important;
  text-align: center !important;
}

.indoor-ads-05 .row>.col:first-child h2 span,
.indoor-ads-05 .row>.col:first-child h2 strong {
  color: #0d53f0 !important;
}

.indoor-ads-05 .row>.col:first-child p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  color: #344054 !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 6 CỘT CARD (3 CỘT MỖI HÀNG TRÊN DESKTOP) */
.indoor-ads-05 .row>.col:not(:first-child) {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  padding: 0 14px !important;
  display: flex !important;
  box-sizing: border-box !important;
}

/* THÂN CARD (.col-inner) */
.indoor-ads-05 .row>.col:not(:first-child)>.col-inner {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 34px 28px 30px 28px !important;
  border-radius: 28px !important;
  background: #f3f3f6 !important;
  color: #111111 !important;
  box-sizing: border-box !important;
  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  outline: none !important;
  cursor: pointer !important;
}

/* HIỆU ỨNG HOVER LÊN CARD VÀ CARD FEATURED (CARD 2: RETAIL FOCUS) */
.indoor-ads-05 .row>.col:not(:first-child)>.col-inner:hover,
.indoor-ads-05 .row>.col:nth-child(3)>.col-inner {
  background: #0d53f0 !important;
  color: #ffffff !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 60px rgba(13, 83, 240, 0.22) !important;
}

/* BADGE "ĐỀ XUẤT PHỔ BIẾN" CHO CARD 2 (RETAIL FOCUS) */
.indoor-ads-05 .row>.col:nth-child(3)>.col-inner::before {
  content: "ĐỀ XUẤT PHỔ BIẾN" !important;
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* PHẦN ĐẦU CARD (.icon-box / .featured-box) */
.indoor-ads-05 .icon-box,
.indoor-ads-05 .featured-box {
  margin: 0 0 20px 0 !important;
  padding: 0 0 22px 0 !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.12) !important;
  text-align: center !important;
  width: 100% !important;
  transition: border-color 0.3s ease !important;
}

.indoor-ads-05 .row>.col:not(:first-child)>.col-inner:hover .icon-box,
.indoor-ads-05 .row>.col:nth-child(3)>.col-inner .icon-box {
  border-bottom-color: rgba(255, 255, 255, 0.28) !important;
}

.indoor-ads-05 .icon-box-text {
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ICON VECTOR TỰ ĐỘNG CHÈN QUA ::BEFORE CỦA .icon-box */
.indoor-ads-05 .icon-box::before {
  content: "" !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 16px auto !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: transform 0.3s ease, filter 0.3s ease !important;
}

.indoor-ads-05 .row>.col:not(:first-child)>.col-inner:hover .icon-box::before {
  transform: translateY(-2px) !important;
  filter: brightness(0) invert(1) !important;
}

/* CARD 1: Indoor Starter (Icon [Ad] badge) */
.indoor-ads-05 .row>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d53f0'%3E%3Cpath d='m3.7 11 .47-1.542h2.004L6.644 11h1.261L5.901 5.001H4.513L2.5 11zm1.5-4.874L5.754 7.9H4.646zM8.5 5v6h1.173V8.763h1.064c.449 0 .81-.14 1.082-.421.274-.282.41-.662.41-1.14 0-.47-.137-.842-.41-1.116C11.547 5.808 11.186 5.672 10.737 5.672zm1.173 1.012h1.064c.2 0 .362.053.486.16.124.106.186.261.186.463 0 .205-.062.361-.186.47-.124.107-.286.161-.486.161H9.673z'/%3E%3Cpath d='M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E") !important;
}

/* CARD 2: Retail Focus (Icon Cửa hàng - mặc định màu trắng vì nền xanh) */
.indoor-ads-05 .row>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.37 2.37 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0M1.5 8.5A.5.5 0 0 1 2 9v6h12V9a.5.5 0 0 1 1 0v6h1a.5.5 0 0 1 0 1H0a.5.5 0 0 1 0-1h1V9a.5.5 0 0 1 .5-.5m3.5 1.5v4h6v-4z'/%3E%3C/svg%3E") !important;
}

/* CARD 3: Office Reach (Icon Tòa nhà văn phòng) */
.indoor-ads-05 .row>.col:nth-child(4) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d53f0'%3E%3Cpath d='M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022M6 8.694 1 10.36V15h5zM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5z'/%3E%3Cpath d='M2 11h1v1H2zm2 0h1v1H4zm-2 2h1v1H2zm2 0h1v1H4zm4-4h1v1H8zm2 0h1v1h-1zm-2 2h1v1H8zm2 0h1v1h-1zm-2 2h1v1H8zm2 0h1v1h-1zm2-8h1v1h-1zm0 2h1v1h-1zm0 2h1v1h-1zm0 2h1v1h-1z'/%3E%3C/svg%3E") !important;
}

/* CARD 4: Mall Impact (Icon Màn hình hiển thị Mall) */
.indoor-ads-05 .row>.col:nth-child(5) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d53f0'%3E%3Cpath d='M0 1s0-1 1-1h14s1 0 1 1v10s0 1-1 1H1s-1 0-1-1zm9 13a1 1 0 0 1 1 1v1h-4v-1a1 1 0 0 1 1-1zM2 2v7h12V2z'/%3E%3C/svg%3E") !important;
}

/* CARD 5: Indoor Activation (Icon Tia sét / Ngôi sao activation) */
.indoor-ads-05 .row>.col:nth-child(6) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d53f0'%3E%3Cpath d='M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09zM4.157 8.5H7a.5.5 0 0 1 .478.647L6.11 13.59l5.732-6.09H9a.5.5 0 0 1-.478-.647L9.89 2.41z'/%3E%3C/svg%3E") !important;
}

/* CARD 6: Chain Coverage (Icon Mạng lưới kết nối chuỗi) */
.indoor-ads-05 .row>.col:nth-child(7) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d53f0'%3E%3Cpath d='M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5'/%3E%3C/svg%3E") !important;
}

/* TIÊU ĐỀ GÓI H3 */
.indoor-ads-05 .icon-box h3 {
  margin: 0 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(23px, 1.75vw, 29px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.28 !important;
  color: #0d53f0 !important;
  transition: color 0.3s ease !important;
  text-transform: none !important;
}

.indoor-ads-05 .row>.col:not(:first-child)>.col-inner:hover .icon-box h3,
.indoor-ads-05 .row>.col:nth-child(3)>.col-inner .icon-box h3 {
  color: #ffffff !important;
}

/* DÒNG NGÂN SÁCH TỪ */
.indoor-ads-05 .indoor-pricing-budget {
  margin: 8px 0 0 0 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #151515 !important;
  transition: color 0.3s ease !important;
}

.indoor-ads-05 .indoor-pricing-budget strong {
  font-weight: 800 !important;
}

.indoor-ads-05 .row>.col:not(:first-child)>.col-inner:hover .indoor-pricing-budget,
.indoor-ads-05 .row>.col:nth-child(3)>.col-inner .indoor-pricing-budget {
  color: #ffffff !important;
}

/* ĐOẠN MÔ TẢ GÓI */
.indoor-ads-05 .row>.col:not(:first-child)>.col-inner>p:not(.indoor-pricing-budget) {
  min-height: 68px !important;
  margin: 0 0 20px 0 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.68 !important;
  color: #262626 !important;
  text-align: left !important;
  transition: color 0.3s ease !important;
}

.indoor-ads-05 .row>.col:not(:first-child)>.col-inner:hover>p:not(.indoor-pricing-budget),
.indoor-ads-05 .row>.col:nth-child(3)>.col-inner>p:not(.indoor-pricing-budget) {
  color: #ffffff !important;
}

/* DANH SÁCH TÍNH NĂNG (.indoor-pricing-features) BỌC NỀN TRẮNG */
.indoor-ads-05 ul.indoor-pricing-features {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 0 24px 0 !important;
  padding: 20px 18px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  list-style: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
}

.indoor-ads-05 ul.indoor-pricing-features li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: #151515 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Biểu tượng Checkmark xanh dương cho list item */
.indoor-ads-05 ul.indoor-pricing-features li::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d53f0'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E") !important;
}

.indoor-ads-05 ul.indoor-pricing-features li i {
  display: none !important;
}

/* NÚT BẤM CTA VIÊN THUỐC TRẮNG CÓ NÚT MŨI TÊN TRÒN */
.indoor-ads-05 a.button.is-link {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  gap: 14px !important;
  margin-top: auto !important;
  padding: 6px 22px 6px 6px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  border: none !important;
}

/* Text nút bấm */
.indoor-ads-05 a.button.is-link span {
  color: #0d53f0 !important;
  transition: color 0.25s ease !important;
}

.indoor-ads-05 .row>.col:not(:first-child)>.col-inner:hover a.button.is-link span,
.indoor-ads-05 .row>.col:nth-child(3)>.col-inner a.button.is-link span {
  color: #111111 !important;
}

/* Vòng tròn xanh dương bọc icon mũi tên bên trái nút */
.indoor-ads-05 a.button.is-link i {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background-color: #0d53f0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}

.indoor-ads-05 a.button.is-link i::before {
  display: none !important;
  content: none !important;
}

.indoor-ads-05 a.button.is-link:hover {
  transform: translateX(4px) !important;
  box-shadow: 0 12px 28px rgba(0, 24, 73, 0.16) !important;
}

.indoor-ads-05 a.button.is-link:hover i {
  transform: translateX(2px) !important;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .indoor-ads-05 .row>.col:not(:first-child) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 600px) {
  .indoor-ads-05 {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
  }

  .indoor-ads-05 .row>.col:not(:first-child) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .indoor-ads-05 .row>.col:first-child h2 {
    font-size: 26px !important;
  }
}

/* ==========================================================================
   SECTION INDOOR-ADS-06: ACCORDION THEO CHIỀU NGANG (HORIZONTAL ACCORDION)
   ========================================================================== */
section.indoor-ads-06 {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative !important;
}

section.indoor-ads-06 .section-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

div.row.indoor-ads-06 {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
}

div.row.indoor-ads-06>.col {
  padding: 0 !important;
  width: 100% !important;
}

/* Khung bọc Accordion ngang */
.indoor-ads-06 .accordion {
  display: flex !important;
  flex-direction: row !important;
  min-height: 420px !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  border: 1px solid rgba(9, 42, 108, 0.12) !important;
  background: #ffffff !important;
  box-shadow: 0 24px 64px rgba(3, 35, 82, 0.13) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Từng bước accordion item (.accordion-item) */
.indoor-ads-06 .accordion-item {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  min-width: 72px !important;
  border: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease !important;
}

/* Vạch ngăn giữa các bước */
.indoor-ads-06 .accordion-item+.accordion-item {
  border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* Màu sắc từng bước chuẩn theo thiết kế Vercel */
/* Bước 1: Đỏ */
.indoor-ads-06 .accordion-item.buoc1 {
  background-color: #ef3238 !important;
  color: #ffffff !important;
}

/* Bước 2: Xanh cyan sáng */
.indoor-ads-06 .accordion-item.buoc2 {
  background-color: #4ed9f1 !important;
  color: #06234c !important;
}

/* Bước 3: Xanh dương tươi */
.indoor-ads-06 .accordion-item.buoc3 {
  background-color: #1f5df3 !important;
  color: #ffffff !important;
}

/* Bước 4: Xanh navy đậm */
.indoor-ads-06 .accordion-item.buoc4 {
  background-color: #082a6c !important;
  color: #ffffff !important;
}

/* TRẠNG THÁI CO/MỞ THEO CHIỀU NGANG */
.indoor-ads-06 .accordion-item {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  border: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  transition: flex-basis 0.6s cubic-bezier(0.25, 1, 0.5, 1), max-width 0.6s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease !important;
}

/* Item đóng: giữ nguyên 72px với transition cùng tốc độ */
.indoor-ads-06 .accordion-item:not(.active) {
  flex: 0 0 72px !important;
  flex-basis: 72px !important;
  width: 72px !important;
  max-width: 72px !important;
  min-width: 72px !important;
}

/* Item mở: mở rộng đồng thời với cùng tốc độ 0.6s */
.indoor-ads-06 .accordion-item.active {
  flex: 1 1 auto !important;
  flex-basis: calc(100% - 216px) !important;
  max-width: 100% !important;
}

/* NÚT TAB ĐỨNG (.accordion-title) */
.indoor-ads-06 .accordion-title {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 30px 14px !important;
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  cursor: pointer !important;
  text-decoration: none !important;
  position: relative !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
  flex-shrink: 0 !important;
}

/* Ẩn icon toggle mặc định của Flatsome */
.indoor-ads-06 .accordion-title .toggle {
  display: none !important;
}

/* Số bước (01, 02, 03, 04) hiển thị ở đỉnh tab đứng */
.indoor-ads-06 .accordion-item.buoc1 .accordion-title::before {
  content: "01" !important;
}

.indoor-ads-06 .accordion-item.buoc2 .accordion-title::before {
  content: "02" !important;
}

.indoor-ads-06 .accordion-item.buoc3 .accordion-title::before {
  content: "03" !important;
}

.indoor-ads-06 .accordion-item.buoc4 .accordion-title::before {
  content: "04" !important;
}

.indoor-ads-06 .accordion-title::before {
  display: block !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  color: inherit !important;
  margin-bottom: 12px !important;
}

/* Chữ nhãn xoay dọc (Vertical text writing-mode) */
.indoor-ads-06 .accordion-title span {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.045em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: inherit !important;
  margin: auto 0 !important;
}

/* KHỐI NỘI DUNG (.accordion-inner) */
.indoor-ads-06 .accordion-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 36px 44px 36px 24px !important;
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
  min-width: 460px !important;
  transition: opacity 0.5s ease !important;
}

/* Khi mở: hiển thị mượt cùng nhịp */
.indoor-ads-06 .accordion-item.active .accordion-inner {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Khi đóng: mờ dần cùng nhịp 0.5s thay vì biến mất lập tức */
.indoor-ads-06 .accordion-item:not(.active) .accordion-inner {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Bỏ margin / padding thừa từ row_inner và col_inner của Flatsome */
.indoor-ads-06 .accordion-inner .row,
.indoor-ads-06 .accordion-inner .col,
.indoor-ads-06 .accordion-inner .col-inner,
.indoor-ads-06 .accordion-inner .icon-box,
.indoor-ads-06 .accordion-inner .icon-box-text {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* TIÊU ĐỀ NỘI DUNG (BƯỚC 0X & TÊN BƯỚC) */
/* Bước 0x (nhãn phụ) */
.indoor-ads-06 .accordion-inner h3:first-of-type {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  opacity: 0.8 !important;
  margin: 0 0 6px 0 !important;
  color: inherit !important;
}

/* Tên bước chính (Khảo sát không gian, Thiết kế giải pháp,...) */
.indoor-ads-06 .accordion-inner h3:nth-of-type(2) {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(26px, 2.2vw, 36px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.15 !important;
  margin: 0 0 24px 0 !important;
  color: inherit !important;
  text-transform: none !important;
}

/* DANH SÁCH CHI TIẾT (UL / LI) */
.indoor-ads-06 .accordion-inner ul {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.indoor-ads-06 .accordion-inner ul li {
  position: relative !important;
  padding: 13px 8px 13px 30px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: inherit !important;
  margin: 0 !important;
}

/* Viền phân cách cho Bước 2 (màu chữ đậm trên nền cyan) */
.indoor-ads-06 .accordion-item.buoc2 .accordion-inner ul li {
  border-top-color: rgba(6, 35, 76, 0.25) !important;
}

/* Dấu tích ✓ đầu mỗi dòng li */
.indoor-ads-06 .accordion-inner ul li::before {
  content: "✓" !important;
  position: absolute !important;
  top: 13px !important;
  left: 4px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: inherit !important;
}

/* RESPONSIVE CHO TABLET & MOBILE: Chuyển về Accordion dọc tự nhiên */
@media (max-width: 850px) {
  .indoor-ads-06 .accordion {
    flex-direction: column !important;
    min-height: auto !important;
    border-radius: 20px !important;
  }

  .indoor-ads-06 .accordion-item {
    flex-direction: column !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .indoor-ads-06 .accordion-item+.accordion-item {
    border-left: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
  }

  .indoor-ads-06 .accordion-title {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 18px 20px !important;
    gap: 14px !important;
  }

  .indoor-ads-06 .accordion-title::before {
    margin-bottom: 0 !important;
  }

  .indoor-ads-06 .accordion-title span {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    margin: 0 !important;
  }

  .indoor-ads-06 .accordion-inner {
    padding: 0 20px 24px 20px !important;
  }

  .indoor-ads-06 .accordion-inner h3:nth-of-type(2) {
    font-size: 22px !important;
    margin-bottom: 16px !important;
  }
}

/* ==========================================================================
   SECTION BUS-ADS-01: LỢI ÍCH QUẢNG CÁO XE BUS CHO DOANH NGHIỆP
   ========================================================================== */
.bus-ads-01 {
  background-color: #0b51e8 !important;
  padding-top: 70px !important;
  padding-bottom: 80px !important;
  position: relative !important;
}

.bus-ads-01 .section-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* HÀNG TIÊU ĐỀ SECTION */
.bus-ads-01>.section-content>.row:first-of-type {
  max-width: 1100px !important;
  margin: 0 auto 45px auto !important;
  text-align: center !important;
}

.bus-ads-01 .text#text-3432952004 {
  font-size: 1rem !important;
}

.bus-ads-01 h3#busValueBenefitsTitle,
.bus-ads-01>.section-content>.row:first-of-type h3 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 0 auto !important;
  text-align: center !important;
  white-space: normal !important;
  max-width: 100% !important;
}

.bus-ads-01 h3#busValueBenefitsTitle span {
  font-size: 100% !important;
  color: #ffffff !important;
  display: inline !important;
}

@media (min-width: 1000px) {

  .bus-ads-01 h3#busValueBenefitsTitle,
  .bus-ads-01>.section-content>.row:first-of-type h3 {
    white-space: nowrap !important;
  }
}

/* HÀNG CHỨA 6 CARDS: GRID 3 CỘT X 2 HÀNG */
.bus-ads-01>.section-content>.row:nth-of-type(2) {
  display: flex !important;
  flex-wrap: wrap !important;
  row-gap: 26px !important;
  margin-left: -13px !important;
  margin-right: -13px !important;
}

.bus-ads-01>.section-content>.row:nth-of-type(2)>.col {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  padding: 0 13px !important;
  display: flex !important;
  box-sizing: border-box !important;
}

/* THÂN CARD (.col-inner) */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col>.col-inner {
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 38px 28px 34px 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background-color 0.35s ease, border-color 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease !important;
}

/* HIỆU ỨNG HOVER: CHUYỂN NỀN SANG MÀU ĐỎ THƯƠNG HIỆU RỰC RỠ NHƯ ẢNH MẪU */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col>.col-inner:hover {
  background-color: #e52328 !important;
  border-color: #ff474c !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 45px rgba(229, 35, 40, 0.38) !important;
}

/* CĂN CHỈNH NỘI DUNG ICON BOX */
.bus-ads-01 .icon-box,
.bus-ads-01 .featured-box,
.bus-ads-01 .icon-box-text {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
}

/* TIÊU ĐỀ CARD H3 */
.bus-ads-01 .icon-box h3 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(17px, 1.4vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.36 !important;
  color: #ffffff !important;
  margin: 0 0 14px 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* ĐOẠN VĂN MÔ TẢ TRONG CARD */
.bus-ads-01 .icon-box p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 450 !important;
  line-height: 1.62 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  margin: 0 auto !important;
  max-width: 290px !important;
  text-align: center !important;
}

/* KHUNG ICON VECTOR ::before TRÊN TỪNG CARD */
.bus-ads-01 .icon-box::before {
  content: "" !important;
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 24px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.12)) !important;
  transition: transform 0.3s ease !important;
}

.bus-ads-01>.section-content>.row:nth-of-type(2)>.col>.col-inner:hover .icon-box::before {
  transform: scale(1.08) !important;
}

/* Card 1: Biển báo chỉ dẫn / Tuyến đường (Signpost) */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col:nth-child(1) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20'/%3E%3Cpath d='M12 4h7a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-7'/%3E%3Cpath d='M12 12H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h7'/%3E%3C/svg%3E") !important;
}

/* Card 2: Hai mũi tên lặp lại xoay tròn (Repeat cycle) */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z'/%3E%3Cpath fill-rule='evenodd' d='M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5 5 0 0 0 8 3M3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9z'/%3E%3C/svg%3E") !important;
}

/* Card 3: Con mắt nhận diện tầm nhìn (Eye outline) */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E") !important;
}

/* Card 4: Xe Bus mặt trước (Front bus) */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col:nth-child(4) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6v6'/%3E%3Cpath d='M16 6v6'/%3E%3Cpath d='M4 6h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z'/%3E%3Ccircle cx='7' cy='16' r='1.5' fill='%23ffffff'/%3E%3Ccircle cx='17' cy='16' r='1.5' fill='%23ffffff'/%3E%3Cpath d='M6 2h12'/%3E%3C/svg%3E") !important;
}

/* Card 5: Loa phát thanh / Megaphone truyền thông */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col:nth-child(5) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-5v12L3 13v-2z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E") !important;
}

/* Card 6: Bảng kẹp báo cáo nghiệm thu biểu đồ cột */
.bus-ads-01>.section-content>.row:nth-of-type(2)>.col:nth-child(6) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3Cpath d='M9 17v-2'/%3E%3Cpath d='M12 17v-5'/%3E%3Cpath d='M15 17v-3'/%3E%3C/svg%3E") !important;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .bus-ads-01 {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
  }

  .bus-ads-01>.section-content>.row:nth-of-type(2)>.col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 600px) {
  .bus-ads-01>.section-content>.row:nth-of-type(2)>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .bus-ads-01>.section-content>.row:nth-of-type(2)>.col>.col-inner {
    min-height: auto !important;
    padding: 30px 20px !important;
  }
}

/* ==========================================================================
   SECTION BUS-ADS-02: SO SÁNH THIẾT KẾ XE BUS (BUS CREATIVE COMPARE)
   ========================================================================== */
.bus-ads-02 {
  background-color: #ffffff !important;
  padding-top: 75px !important;
  padding-bottom: 85px !important;
  position: relative !important;
}

.bus-ads-02 .section-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* HÀNG 1: TIÊU ĐỀ SECTION */
.bus-ads-02>.section-content>.row:first-of-type {
  max-width: 900px !important;
  margin: 0 auto 30px auto !important;
  text-align: center !important;
}

.bus-ads-02>.section-content>.row:first-of-type h2 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(32px, 3.4vw, 50px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.048em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  color: #08254c !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.bus-ads-02>.section-content>.row:first-of-type h2 span {
  color: #e22d30 !important;
}

/* HÀNG 2: VÙNG SO SÁNH ẢNH TRƯỚC VÀ SAU (BEFORE/AFTER SLIDER) */
.bus-ads-02-compare-wrapper {
  position: relative !important;
  max-width: 1120px !important;
  margin: 0 auto 45px auto !important;
  --compare: 50%;
}

/* 2 nhãn BEFORE và AFTER ở phía trên ảnh */
.bus-ads-02-labels {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  padding: 0 10px !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #0a2857 !important;
}

/* Khung hiển thị ảnh xe bus */
.bus-ads-02-stage {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3.04 / 1 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  touch-action: pan-y !important;
  user-select: none !important;
}

/* Ảnh Before (nền dưới cùng) */
.bus-ads-02-stage img.img-before {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
}

/* Khớp cắt ảnh After (nằm trên cùng được cắt bởi clip-path) */
.bus-ads-02-after-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  overflow: hidden !important;
  clip-path: inset(0 0 0 var(--compare)) !important;
  pointer-events: none !important;
}

.bus-ads-02-after-layer img.img-after {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  display: block !important;
}

/* Vạch phân cách kéo dọc (Divider Line) */
.bus-ads-02-divider {
  position: absolute !important;
  z-index: 4 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: var(--compare) !important;
  width: 2px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 0 0 1px rgba(9, 31, 57, 0.13), 0 0 18px rgba(9, 31, 57, 0.16) !important;
  pointer-events: none !important;
  transform: translateX(-1px) !important;
}

/* Nút tròn gạt kéo ở giữa vạch phân cách (Handle) */
.bus-ads-02-handle {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: flex !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(10, 40, 87, 0.12) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #0a2857 !important;
  box-shadow: 0 12px 28px rgba(8, 37, 76, 0.2) !important;
  transform: translate(-50%, -50%) !important;
  transition: width 0.2s ease, height 0.2s ease, box-shadow 0.2s ease !important;
}

/* Vạch đứng nhỏ bên trong núm tròn */
.bus-ads-02-handle::before {
  content: "" !important;
  width: 3px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #0a2857 !important;
  opacity: 0.72 !important;
}

/* Thanh trượt input range vô hình nằm phủ lên trên để người dùng kéo rê chuột/chạm */
.bus-ads-02-range {
  position: absolute !important;
  z-index: 6 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: ew-resize !important;
  touch-action: pan-y !important;
}

.bus-ads-02-range:hover~.bus-ads-02-divider .bus-ads-02-handle {
  width: 54px !important;
  height: 54px !important;
  box-shadow: 0 16px 34px rgba(8, 37, 76, 0.26) !important;
}

/* HÀNG 3: 3 NGUYÊN TẮC THIẾT KẾ (PRINCIPLES) */
.bus-ads-02>.section-content>.row:nth-of-type(3) {
  display: flex !important;
  flex-wrap: wrap !important;
  border-top: 1px solid #e3e8ef !important;
  padding-top: 36px !important;
  margin-top: 12px !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3)>.col {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  padding: 0 28px !important;
  box-sizing: border-box !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3)>.col:first-child {
  padding-left: 0 !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3)>.col:last-child {
  padding-right: 0 !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3)>.col+.col {
  border-left: 1px solid #e3e8ef !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3) .icon-box {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Hộp icon tròn bo góc nhẹ có viền mỏng bên trái */
.bus-ads-02>.section-content>.row:nth-of-type(3) .icon-box::before {
  content: "" !important;
  display: block !important;
  width: 60px !important;
  height: 60px !important;
  flex: 0 0 60px !important;
  border: 1px solid rgba(15, 68, 143, 0.16) !important;
  border-radius: 18px !important;
  background-color: #f4f8ff !important;
  background-size: 28px 28px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin: 0 !important;
  transition: transform 0.25s ease, background-color 0.25s ease !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3) .col:hover .icon-box::before {
  transform: translateY(-2px) !important;
  background-color: #eaf2ff !important;
}

/* Icon 1: Con mắt nhận diện tầm nhìn */
.bus-ads-02>.section-content>.row:nth-of-type(3)>.col:nth-child(1) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a2857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E") !important;
}

/* Icon 2: Đồng hồ bấm giờ / Tức thì (Stopwatch) */
.bus-ads-02>.section-content>.row:nth-of-type(3)>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a2857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3Cline x1='12' y1='14' x2='15' y2='11'/%3E%3Cline x1='12' y1='2' x2='12' y2='4'/%3E%3Cpath d='M10 2h4'/%3E%3C/svg%3E") !important;
}

/* Icon 3: Đầu xe Bus mặt trước */
.bus-ads-02>.section-content>.row:nth-of-type(3)>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a2857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6v6'/%3E%3Cpath d='M16 6v6'/%3E%3Cpath d='M4 6h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z'/%3E%3Ccircle cx='7' cy='16' r='1.5' fill='%230a2857'/%3E%3Ccircle cx='17' cy='16' r='1.5' fill='%230a2857'/%3E%3Cpath d='M6 2h12'/%3E%3C/svg%3E") !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3) .icon-box-text {
  text-align: left !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3) .icon-box h3 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #0a2857 !important;
  margin: 0 0 8px 0 !important;
  text-transform: none !important;
}

.bus-ads-02>.section-content>.row:nth-of-type(3) .icon-box p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 450 !important;
  line-height: 1.62 !important;
  color: #536074 !important;
  margin: 0 !important;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .bus-ads-02>.section-content>.row:nth-of-type(3) {
    flex-direction: column !important;
    gap: 22px !important;
  }

  .bus-ads-02>.section-content>.row:nth-of-type(3)>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border-left: none !important;
  }
}

/* ==========================================================================
   SECTION BUS-ADS-03: CHỌN HÌNH THỨC QUẢNG CÁO XE BUS (PRICING PACKAGES)
   ========================================================================== */
.bus-ads-03 {
  background-color: #f5f8ff !important;
  padding-top: 80px !important;
  padding-bottom: 85px !important;
  position: relative !important;
}

.bus-ads-03 .section-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* HÀNG 1: TIÊU ĐỀ SECTION */
.bus-ads-03>.section-content>.row:first-of-type {
  max-width: 990px !important;
  margin: 0 auto 42px auto !important;
  text-align: center !important;
}

.bus-ads-03>.section-content>.row:first-of-type h2 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(34px, 3.4vw, 50px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  line-height: 1.15 !important;
  color: #08254c !important;
  margin: 0 auto 16px auto !important;
  text-align: center !important;
  text-transform: none !important;
}

.bus-ads-03>.section-content>.row:first-of-type h2 span {
  color: #e22d30 !important;
}

.bus-ads-03>.section-content>.row:first-of-type p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  color: #526078 !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* HÀNG 2: 3 CARDS BẢNG GIÁ (GRID 3 CỘT) */
.bus-ads-03>.section-content>.row:nth-of-type(2) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-left: -11px !important;
  margin-right: -11px !important;
  row-gap: 24px !important;
}

.bus-ads-03>.section-content>.row:nth-of-type(2)>.col {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  padding: 0 11px !important;
  display: flex !important;
  box-sizing: border-box !important;
}

/* THÂN CARD (.col-inner) */
.bus-ads-03>.section-content>.row:nth-of-type(2)>.col>.col-inner {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 26px !important;
  background-color: #ffffff !important;
  border: 1px solid #dce5f3 !important;
  box-shadow: 0 18px 48px rgba(23, 52, 95, 0.08) !important;
  padding: 0 0 28px 0 !important;
  overflow: visible !important;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.32s ease, border-color 0.32s ease !important;
}

.bus-ads-03>.section-content>.row:nth-of-type(2)>.col>.col-inner:hover {
  transform: translateY(-7px) !important;
  border-color: #b8caf0 !important;
  box-shadow: 0 26px 60px rgba(23, 52, 95, 0.15) !important;
}

/* CARD 2: FEATURED CARD (DIE-CUT / LEO KÍNH) */
.bus-ads-03>.section-content>.row:nth-of-type(2)>.col.cot2>.col-inner {
  border: 2px solid #2462ee !important;
  box-shadow: 0 24px 64px rgba(28, 83, 220, 0.18) !important;
}

/* BADGE "★ ĐƯỢC CHỌN NHIỀU" TRÊN ĐẦU CARD 2 */
.bus-ads-03 .sub-title2 {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
  background: #1759e8 !important;
  padding: 9px 22px !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 4px 14px rgba(23, 89, 232, 0.35) !important;
  margin: 0 !important;
}

.bus-ads-03 .sub-title2 p {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.bus-ads-03 .sub-title2 p::before {
  content: "★ " !important;
  color: #ffffff !important;
}

/* KHUNG ẢNH XE BUS TRÊN NỀN ĐEN SANG TRỌNG */
.bus-ads-03 .img-inner {
  height: 232px !important;
  background-color: #091421 !important;
  border-radius: 25px 25px 0 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bus-ads-03>.section-content>.row:nth-of-type(2)>.col.cot2 .img-inner {
  border-radius: 23px 23px 0 0 !important;
}

.bus-ads-03 .img-inner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  transition: transform 0.4s ease !important;
}

.bus-ads-03>.section-content>.row:nth-of-type(2)>.col>.col-inner:hover .img-inner img {
  transform: scale(1.04) !important;
}

/* PHẦN TIÊU ĐỀ: 01, 02, 03 & TÊN GÓI */
.bus-ads-03 .col-inner>.text:not(.gia-tien):not(.sub-title2):first-of-type,
.bus-ads-03 #text-2478052712,
.bus-ads-03 #text-3085163169,
.bus-ads-03 #text-780682527 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 24px 26px 0 26px !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Con số 01, 02, 03 màu xanh dương to đậm */
.bus-ads-03 #text-2478052712>h3:first-child,
.bus-ads-03 #text-3085163169>h3:first-child,
.bus-ads-03 #text-780682527>h3:first-child {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: #1759e8 !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  line-height: 0.9 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* Nhãn nhỏ và Tên gói */
.bus-ads-03 #text-2478052712 div small,
.bus-ads-03 #text-3085163169 div small,
.bus-ads-03 #text-780682527 div small {
  display: block !important;
  margin-bottom: 3px !important;
  color: #7a879d !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.bus-ads-03 #text-2478052712 div h3,
.bus-ads-03 #text-3085163169 div h3,
.bus-ads-03 #text-780682527 div h3 {
  margin: 0 !important;
  color: #08254c !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* DÒNG GIÁ TIỀN (.gia-tien) */
.bus-ads-03 .gia-tien {
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 26px !important;
  margin: 20px 26px 18px 26px !important;
  border-top: 1px solid #e2e8f2 !important;
  border-bottom: 1px solid #e2e8f2 !important;
  text-align: left !important;
}

.bus-ads-03 .gia-tien p {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px 8px !important;
  margin: 0 !important;
  color: #0c2850 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

.bus-ads-03 .gia-tien p small {
  width: 100% !important;
  color: #758297 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.bus-ads-03 .gia-tien p strong {
  color: #e22d30 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  line-height: 1 !important;
}

/* DANH SÁCH TÍNH NĂNG (UL / LI) */
.bus-ads-03 .col-inner>.text:last-of-type ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
  padding: 0 26px !important;
  margin: 0 0 24px 0 !important;
  list-style: none !important;
  text-align: left !important;
}

.bus-ads-03 .col-inner>.text:last-of-type ul li {
  position: relative !important;
  padding-left: 26px !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: #526078 !important;
  margin: 0 !important;
}

/* Dấu tích ✓ màu đỏ */
.bus-ads-03 .col-inner>.text:last-of-type ul li::before {
  content: "✓" !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  color: #e22d30 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

/* NÚT BẤM CTA VIÊN THUỐC ĐẬM MÀU */
.bus-ads-03 a.button.nut2,
.bus-ads-03 a.button.nut3 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 54px !important;
  margin: auto 26px 0 26px !important;
  padding: 8px 20px !important;
  border-radius: 999px !important;
  background-color: #0b315f !important;
  color: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: background-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important;
}

/* Card 2: Nút màu đỏ nổi bật theo mẫu */
.bus-ads-03>.section-content>.row:nth-of-type(2)>.col.cot2 a.button.nut3 {
  background-color: #e22d30 !important;
  box-shadow: 0 12px 28px rgba(226, 45, 48, 0.25) !important;
}

.bus-ads-03 a.button.nut2:hover,
.bus-ads-03 a.button.nut3:hover {
  background-color: #e22d30 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(226, 45, 48, 0.3) !important;
}

.bus-ads-03 a.button span {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Icon tròn trắng bên trong nút bấm */
.bus-ads-03 a.button i {
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b315f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}

.bus-ads-03>.section-content>.row:nth-of-type(2)>.col.cot2 a.button i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e22d30' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.bus-ads-03 a.button:hover i {
  transform: translateX(3px) !important;
}

.bus-ads-03 a.button i::before {
  display: none !important;
  content: none !important;
}

/* HÀNG 3: DÒNG GHI CHÚ CHÂN BẢNG GIÁ */
.bus-ads-03>.section-content>.row:nth-of-type(3) {
  margin-top: 28px !important;
  text-align: center !important;
}

.bus-ads-03>.section-content>.row:nth-of-type(3) p {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: #718097 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Biểu tượng thông tin (i) màu xanh dương */
.bus-ads-03>.section-content>.row:nth-of-type(3) p::before {
  content: "" !important;
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231759e8'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E") !important;
  flex-shrink: 0 !important;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .bus-ads-03>.section-content>.row:nth-of-type(2)>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   BILLBOARD-01: SECTION HỆ GIẢI PHÁP OOH TỪ HOẠCH ĐỊNH ĐẾN ĐO LƯỜNG (#oohGrowth)
   Url: https://demo.nhatminhmedia.com/dich-vu-bien-quang-cao-ngoai-troi/ (Post ID: 33)
   Kế thừa carousel từ road-advertising-05, style riêng qua class .billboard-01
   ========================================================================== */

.road-advertising-05.billboard-01 {
  position: relative !important;
  overflow: hidden !important;
  padding: 70px 0 78px !important;
  background:
    radial-gradient(circle at 86% 7%, rgba(39, 201, 255, 0.22), transparent 30%),
    radial-gradient(circle at 9% 94%, rgba(22, 70, 220, 0.5), transparent 34%),
    linear-gradient(135deg, #061d4b 0%, #0b3bb9 54%, #0b5cff 100%) !important;
  color: #ffffff !important;
  isolation: isolate !important;
}

.road-advertising-05.billboard-01::before {
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  background:
    linear-gradient(125deg, transparent 0 47%, rgba(92, 195, 255, 0.08) 47.1% 63%, transparent 63.1%),
    linear-gradient(30deg, rgba(0, 19, 118, 0.32), transparent 44%) !important;
  content: "" !important;
  pointer-events: none !important;
}

/* Watermark chữ "OOH" mờ góc phải dưới */
.road-advertising-05.billboard-01::after {
  content: "OOH" !important;
  position: absolute !important;
  z-index: 0 !important;
  right: -0.04em !important;
  bottom: -0.27em !important;
  color: rgba(255, 255, 255, 0.045) !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(190px, 24vw, 420px) !important;
  font-weight: 900 !important;
  line-height: 0.8 !important;
  letter-spacing: -0.1em !important;
  pointer-events: none !important;
  user-select: none !important;
}

/* Tiêu đề & Subtitle */
.road-advertising-05.billboard-01>.section-content>.row:first-of-type {
  max-width: 1120px !important;
  margin: 0 auto 34px auto !important;
  text-align: center !important;
}

.road-advertising-05.billboard-01>.section-content>.row:first-of-type p:first-of-type,
.road-advertising-05.billboard-01>.section-content>.row:first-of-type p:first-of-type span,
.road-advertising-05.billboard-01>.section-content>.row:first-of-type p:first-of-type strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  color: #79fff4 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.road-advertising-05.billboard-01>.section-content>.row:first-of-type h2 {
  color: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(34px, 3.55vw, 50px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.05em !important;
  text-transform: none !important;
  margin: 0 auto 16px auto !important;
}

.road-advertising-05.billboard-01>.section-content>.row:first-of-type .text p,
.road-advertising-05.billboard-01>.section-content>.row:first-of-type p:last-of-type {
  max-width: 800px !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

/* CARDS: KHÔNG CÓ "ĐỀ XUẤT PHỔ BIẾN", CÁC CỘT ĐỀU CÓ BORDER NHƯ NHAU */
.road-advertising-05.billboard-01 .street-tier-popular {
  display: none !important;
}

.road-advertising-05.billboard-01 .street-tier-card,
.road-advertising-05.billboard-01 .road-advertising-slide .col-inner,
.road-advertising-05.billboard-01 .street-tier-card.is-featured,
.road-advertising-05.billboard-01 .street-tier-track>.col .col-inner {
  position: relative !important;
  display: flex !important;
  min-height: 510px !important;
  height: 100% !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #2649aa 0%, #315ed3 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 54px rgba(0, 14, 86, 0.22) !important;
  transition: border-color 250ms ease, box-shadow 250ms ease, background 250ms ease !important;
  transform: none !important;
}

.road-advertising-05.billboard-01 .street-tier-card:hover,
.road-advertising-05.billboard-01 .road-advertising-slide .col-inner:hover,
.road-advertising-05.billboard-01 .street-tier-card.is-featured:hover,
.road-advertising-05.billboard-01 .street-tier-track>.col .col-inner:hover {
  border-color: #f0c45a !important;
  background: linear-gradient(145deg, #2951bd 0%, #3567e5 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 24px 60px rgba(2, 18, 67, 0.24) !important;
  transform: none !important;
}

/* TOP HEADER CARD: ICON BOX & TIÊU ĐỀ LỚP GIẢI PHÁP */
.road-advertising-05.billboard-01 .street-tier-top {
  display: flex !important;
  min-height: 82px !important;
  align-items: center !important;
  gap: 22px !important;
  padding-bottom: 20px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.road-advertising-05.billboard-01 .tier-icon {
  width: 68px !important;
  height: 68px !important;
  flex: 0 0 68px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 19px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.road-advertising-05.billboard-01 .tier-icon svg {
  width: 34px !important;
  height: 34px !important;
  stroke: #ffffff !important;
  stroke-width: 1.8 !important;
}

.road-advertising-05.billboard-01 .street-tier-top>div>span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #79fff4 !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.road-advertising-05.billboard-01 .street-tier-top h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.035em !important;
}

/* THÂN DANH SÁCH 3 MỤC GIẢI PHÁP (.ooh-growth-card-body) */
.road-advertising-05.billboard-01 .ooh-growth-card-body {
  display: grid !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.road-advertising-05.billboard-01 .ooh-growth-item {
  padding: 17px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  list-style: none !important;
  margin: 0 !important;
}

.road-advertising-05.billboard-01 .ooh-growth-item h4 {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.road-advertising-05.billboard-01 .ooh-growth-item h4 br {
  display: none !important;
}

.road-advertising-05.billboard-01 .ooh-growth-item h4 i,
.road-advertising-05.billboard-01 .ooh-growth-item h4 svg {
  color: #79fff4 !important;
  stroke: #79fff4 !important;
  font-size: 17px !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.road-advertising-05.billboard-01 .ooh-growth-item p {
  margin: 7px 0 0 27px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.58 !important;
}

/* KHÔNG HIỂN THỊ NÚT CTA BÊN DƯỚI CARD TRÊN TRANG BILLBOARD */
.road-advertising-05.billboard-01 .street-tier-btn {
  display: none !important;
}

/* BỘ ĐIỀU KHIỂN CAROUSEL CĂN CHUẨN */
.road-advertising-05.billboard-01 .street-tier-controls {
  margin-top: 24px !important;
}

/* HIỆN SẴN TẤT CẢ CÁC CỘT TỪ ĐẦU TRONG CAROUSEL BILLBOARD (KHÔNG BỊ ẨN / KHÔNG CHỜ ANIMATION KHI LƯỚT TRÁI/PHẢI) */
.road-advertising-05.billboard-01 .street-tier-track>.col,
.road-advertising-05.billboard-01 .road-advertising-slide .col,
.road-advertising-05.billboard-01 .road-advertising-slide [data-animate] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
}

/* ==========================================================================
   HERO SECTION: BILLBOARD (.billboard1)
   Khớp chuẩn pixel và hiệu ứng theo mẫu nhat-minh-media.vercel.app/billboard
   ========================================================================== */

/* 1. SECTION CONTAINER VÀ NỀN */
.section.billboard1 {
  position: relative;
  overflow: hidden;
  padding-top: 110px !important;
  padding-bottom: 90px !important;
  background-color: #031548;
}

.section.billboard1 .section-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.section.billboard1 .section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.85;
}

/* Ánh sáng & gradient phủ hero tương tự bản mẫu */
.section.billboard1::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 32%, rgba(26, 86, 219, 0.45) 0%, transparent 55%),
    radial-gradient(circle at 85% 70%, rgba(0, 224, 255, 0.22) 0%, transparent 50%),
    linear-gradient(180deg, rgba(3, 16, 52, 0.4) 0%, rgba(2, 12, 40, 0.75) 100%);
  pointer-events: none;
  z-index: 1;
}

.section.billboard1 .section-content {
  position: relative;
  z-index: 2;
}

/* 2. CĂN CHỈNH HÀNG CHÍNH */
.section.billboard1>.section-content>.row {
  align-items: center;
}

/* 3. CỘT TRÁI - NỘI DUNG */
.section.billboard1 h1 {
  font-size: 58px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: #ffffff;
  margin-bottom: 22px;
  font-family: inherit;
}

.section.billboard1 h1 span:first-child {
  display: block;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #ffffff;
  margin-bottom: 8px;
  text-transform: none;
}

.section.billboard1 h1 span[style*="color: #48c4ff"],
.section.billboard1 h1 span[style*="color:#48c4ff"] {
  display: block;
  color: #38bdf8 !important;
  background: linear-gradient(90deg, #38bdf8 0%, #2dd4bf 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section.billboard1>.section-content>.row>.col:first-child p:first-of-type {
  font-size: 16px;
  line-height: 1.68;
  color: #cbd5e1;
  max-width: 520px;
  margin-bottom: 32px;
}

/* 4. HÀNG BUTTONS (CTA) */
.section.billboard1 .button-01,
.section.billboard1 .nut3,
.section.billboard1 .button-02,
.section.billboard1 .nut2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 56px !important;
  padding: 6px 30px 6px 6px !important;
  border-radius: 9999px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  margin-right: 18px !important;
  margin-bottom: 12px !important;
  transition: all 0.28s ease !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22) !important;
  line-height: 1 !important;
}

/* NÚT 1: Đặt lịch tư vấn (Capsule nền trắng, icon tròn xanh royal) */
.section.billboard1 .button-01,
.section.billboard1 .nut3 {
  background: #ffffff !important;
  color: #103ba6 !important;
  border: 1px solid #ffffff !important;
}

.section.billboard1 .button-01 span,
.section.billboard1 .nut3 span {
  color: #103ba6 !important;
  font-weight: 700 !important;
}

.section.billboard1 .button-01 i,
.section.billboard1 .nut3 i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  background: #1456f0 !important;
  color: transparent !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  margin-right: 18px !important;
  margin-left: 0 !important;
  position: relative !important;
  transition: transform 0.25s ease !important;
}

/* Vẽ mũi tên dài -> bên trong icon tròn */
.section.billboard1 .button-01 i::before,
.section.billboard1 .nut3 i::before {
  content: "" !important;
  position: absolute !important;
  width: 16px !important;
  height: 2px !important;
  background-color: #ffffff !important;
  top: 50% !important;
  left: 12px !important;
  transform: translateY(-50%) !important;
}

.section.billboard1 .button-01 i::after,
.section.billboard1 .nut3 i::after {
  content: "" !important;
  position: absolute !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 2px solid #ffffff !important;
  border-right: 2px solid #ffffff !important;
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

.section.billboard1 .button-01:hover,
.section.billboard1 .nut3:hover {
  background: #f8fbff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(255, 255, 255, 0.25) !important;
}

.section.billboard1 .button-01:hover i,
.section.billboard1 .nut3:hover i {
  transform: translateX(3px) !important;
}

/* NÚT 2: Nhận báo giá / Dự án đã làm (Capsule kính bán trong suốt, viền cyan) */
.section.billboard1 .button-02,
.section.billboard1 .nut2 {
  background: rgba(4, 25, 98, 0.45) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(45, 212, 191, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.section.billboard1 .button-02 span,
.section.billboard1 .nut2 span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.section.billboard1 .button-02 i,
.section.billboard1 .nut2 i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  background: transparent !important;
  border: 1.5px solid #2dd4bf !important;
  color: transparent !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  margin-right: 18px !important;
  margin-left: 0 !important;
  position: relative !important;
  transition: transform 0.25s ease !important;
}

/* Mũi tên cyan -> bên trong icon tròn */
.section.billboard1 .button-02 i::before,
.section.billboard1 .nut2 i::before {
  content: "" !important;
  position: absolute !important;
  width: 16px !important;
  height: 2px !important;
  background-color: #2dd4bf !important;
  top: 50% !important;
  left: 12px !important;
  transform: translateY(-50%) !important;
}

.section.billboard1 .button-02 i::after,
.section.billboard1 .nut2 i::after {
  content: "" !important;
  position: absolute !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 2px solid #2dd4bf !important;
  border-right: 2px solid #2dd4bf !important;
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

.section.billboard1 .button-02:hover,
.section.billboard1 .nut2:hover {
  background: rgba(14, 46, 138, 0.65) !important;
  border-color: #2dd4bf !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(45, 212, 191, 0.25) !important;
}

.section.billboard1 .button-02:hover i,
.section.billboard1 .nut2:hover i {
  transform: translateX(3px) !important;
}

/* 5. HÀNG 3 LỢI ÍCH DƯỚI NÚT */
.section.billboard1 .row-collapse {
  margin-top: 36px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.section.billboard1 .row-collapse>.col {
  padding: 0 16px !important;
  position: relative;
}

.section.billboard1 .row-collapse>.col:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.14);
}

.section.billboard1 .row-collapse .featured-box {
  margin: 0 !important;
  padding: 0 !important;
}

.section.billboard1 .row-collapse .icon-box {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.section.billboard1 .row-collapse .icon-box::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: rgba(34, 211, 238, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.35);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

/* Icon 1: Độ phủ rộng (Target/Crosshair) */
.section.billboard1 .row-collapse>.col:nth-child(1) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2338bdf8' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath stroke-linecap='round' d='M12 3v3m0 12v3M3 12h3m12 0h3'/%3E%3C/svg%3E");
}

/* Icon 2: Vị trí chiến lược / Tối ưu ngân sách (Pin/Compass) */
.section.billboard1 .row-collapse>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2338bdf8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E");
}

/* Icon 3: Tối ưu ngân sách / Layers */
.section.billboard1 .row-collapse>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2338bdf8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10'/%3E%3C/svg%3E");
}

.section.billboard1 .row-collapse .icon-box-text p {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
  margin: 0 !important;
  white-space: nowrap;
}

/* 6. CỘT PHẢI - BILLBOARD MOCKUP & STAT DOCK */
.section.billboard1 .img {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.section.billboard1 .img-inner {
  background-color: transparent !important;
}

.section.billboard1 .img-inner img {
  border-radius: 12px;
  filter: drop-shadow(0 20px 45px rgba(0, 10, 35, 0.6));
  transition: transform 0.4s ease;
}

.section.billboard1 .img:hover .img-inner img {
  transform: translateY(-4px) scale(1.01);
}

/* DOCK CARD (Row chứa Giải pháp OOH, Lượt tiếp cận, Độ phủ khu vực) */
.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child {
  margin-top: 20px !important;
  background: rgba(9, 28, 86, 0.62) !important;
  border: 1px solid rgba(86, 172, 255, 0.32) !important;
  border-radius: 20px !important;
  padding: 18px 24px !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  align-items: center !important;
}

/* Cột 1: Giải pháp OOH */
.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:first-child h2 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #e2e8f0 !important;
  margin-bottom: 8px !important;
}

.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:first-child ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:first-child li {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:first-child li i {
  color: #22d3ee !important;
  margin-right: 5px !important;
  font-size: 13px !important;
}

/* Tự động thêm dấu check xanh cho mục LED ngoài trời nếu thẻ i chưa có */
.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:first-child li:not(:has(i))::before {
  content: "✓";
  color: #22d3ee;
  font-weight: 800;
  margin-right: 5px;
  font-size: 13px;
}

/* Cột 2 & Cột 3 trong Dock */
.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:nth-child(2),
.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:nth-child(3) {
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding-left: 20px !important;
}

.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child p {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  margin-bottom: 4px !important;
}

.section.billboard1 .billboard-metric-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.section.billboard1 .billboard-count {
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  letter-spacing: -0.03em !important;
}

/* Icon chart xu hướng tăng cạnh 2.5M */
.section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:nth-child(2) .billboard-metric-row::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322d3ee' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13 7h8m0 0v8m0-8l-8 8-4-4-6 6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Icon location pin cho 120 điểm */
.section.billboard1 .billboard-metric-row i.bi-geo-alt-fill {
  color: #38bdf8 !important;
  font-size: 18px !important;
}

.section.billboard1 .billboard-metric-number small {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #cbd5e1 !important;
  margin-left: 3px !important;
}

/* 7. RESPONSIVE CHO MOBILE & TABLET */
@media (max-width: 849px) {
  .section.billboard1 {
    padding-top: 60px !important;
    padding-bottom: 50px !important;
  }

  .section.billboard1 h1 {
    font-size: 38px !important;
  }

  .section.billboard1 h1 span:first-child {
    font-size: 20px !important;
  }

  .section.billboard1 .row-collapse>.col {
    width: 100% !important;
    padding: 8px 0 !important;
  }

  .section.billboard1 .row-collapse>.col:not(:last-child)::after {
    display: none;
  }

  .section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child {
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
  }

  .section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:nth-child(2),
  .section.billboard1>.section-content>.row>.col:last-child>.col-inner>.row:last-child>.col:nth-child(3) {
    border-left: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 0 !important;
    padding-top: 12px !important;
    width: 100% !important;
  }
}

/* ==========================================================================
   SECTION: 6 TRỤ CỘT CỐT LÕI OOH (.billboard-02)
   Khớp chuẩn pixel và hiệu ứng theo mẫu nhat-minh-media.vercel.app/billboard (#oohPillars)
   ========================================================================== */

.section.billboard-02 {
  position: relative;
  background-color: #ffffff !important;
  padding-top: 70px !important;
  padding-bottom: 75px !important;
}

/* Ẩn viền gạch đứt mặc định của row-dashed nếu có */
.section.billboard-02 .row-dashed {
  border: none !important;
}

.section.billboard-02 .row-dashed::before,
.section.billboard-02 .row-dashed::after {
  display: none !important;
}

/* KHỐI TIÊU ĐỀ CHÍNH GIỮA (Hàng 1, Cột 2) */
.section.billboard-02 h2 {
  font-size: clamp(28px, 2.5vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.04em !important;
  text-transform: uppercase !important;
  color: #07182f !important;
  margin-bottom: 16px !important;
}

.section.billboard-02 h2 span {
  display: block !important;
  color: #e72f32 !important;
  font-weight: 900 !important;
}

.section.billboard-02 #text-2753383893 p,
.section.billboard-02 .row:first-of-type .col:nth-child(2) p {
  color: #202938 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  max-width: 520px;
  margin: 0 auto !important;
}

/* THẺ TRỤ CỘT (CARD PILLAR) DÙNG CHUNG */
.section.billboard-02 .featured-box,
.section.billboard-02 .icon-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  height: 100% !important;
  min-height: 290px !important;
  padding: 26px 20px !important;
  border: 1px solid #07ef9c !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #174ee7 !important;
  box-shadow: 0 4px 12px rgba(7, 24, 47, 0.04) !important;
  transition: all 0.28s ease !important;
  margin: 0 !important;
}

.section.billboard-02 .icon-box-text {
  text-align: center !important;
  padding: 0 !important;
  width: 100% !important;
}

.section.billboard-02 .icon-box h3 {
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  color: inherit !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;
}

.section.billboard-02 .icon-box p {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: inherit !important;
  margin-bottom: 0 !important;
}

/* THÊM ICON TRƯỚC TIÊU ĐỀ CHO TỪNG CARD TRỤ CỘT */
.section.billboard-02 .icon-box::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.28s ease;
}

/* Trụ cột 1: Briefcase */
.section.billboard-02 .row:first-of-type>.col:first-child .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23174ee7' stroke-width='1.8'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'/%3E%3Cpath d='M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16'/%3E%3C/svg%3E");
}

/* Trụ cột 6: Clipboard Check */
.section.billboard-02 .row:first-of-type>.col:last-child .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23174ee7' stroke-width='1.8'%3E%3Cpath d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4'/%3E%3C/svg%3E");
}

/* Trụ cột 2: People / Users */
.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(1) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23174ee7' stroke-width='1.8'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 00-3-3.87m-4-12a4 4 0 010 7.75'/%3E%3C/svg%3E");
}

/* Trụ cột 3: Geo / Pin Map */
.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23174ee7' stroke-width='1.8'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* Trụ cột 4: Diagram / Hierarchy */
.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23174ee7' stroke-width='1.8'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Crect x='2' y='17' width='6' height='4' rx='1'/%3E%3Crect x='16' y='17' width='6' height='4' rx='1'/%3E%3Cpath d='M12 7v5m0 0H5v5m7-5h7v5'/%3E%3C/svg%3E");
}

/* HIỆU ỨNG HOVER ĐỒNG BỘ CHO TẤT CẢ 6 CARD TRỤ CỘT (CHỈ CHUYỂN NỀN XANH KHI HOVER) */
.section.billboard-02 .row:first-of-type>.col:first-child .icon-box:hover,
.section.billboard-02 .row:first-of-type>.col:last-child .icon-box:hover,
.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(1) .icon-box:hover,
.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(2) .icon-box:hover,
.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(3) .icon-box:hover,
.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(4) .icon-box:hover {
  background: #174ee7 !important;
  border-color: #174ee7 !important;
  color: #ffffff !important;
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(23, 78, 231, 0.24) !important;
}

/* Khi hover thì đổi màu icon SVG sang trắng */
.section.billboard-02 .row:first-of-type>.col:first-child .icon-box:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'/%3E%3Cpath d='M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16'/%3E%3C/svg%3E");
}

.section.billboard-02 .row:first-of-type>.col:last-child .icon-box:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'%3E%3Cpath d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4'/%3E%3C/svg%3E");
}

.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(1) .icon-box:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 00-3-3.87m-4-12a4 4 0 010 7.75'/%3E%3C/svg%3E");
}

.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(2) .icon-box:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(3) .icon-box:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Crect x='2' y='17' width='6' height='4' rx='1'/%3E%3Crect x='16' y='17' width='6' height='4' rx='1'/%3E%3Cpath d='M12 7v5m0 0H5v5m7-5h7v5'/%3E%3C/svg%3E");
}

.section.billboard-02 .row:nth-of-type(2)>.col:nth-child(4) .icon-box:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3Cpath d='M2 2l7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E");
}

/* NÚT CTA ĐỎ: Nhận đề xuất media plan / billboard-button */
.section.billboard-02 .billboard-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 48px !important;
  padding: 0 6px 0 22px !important;
  border-radius: 9999px !important;
  background: #e72f32 !important;
  border: 1px solid #e72f32 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 12px 28px rgba(231, 47, 50, 0.28) !important;
  transition: all 0.25s ease !important;
  margin-top: 14px !important;
}

.section.billboard-02 .billboard-button i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: transparent !important;
  font-size: 0 !important;
  margin: 0 !important;
  position: relative !important;
  transition: transform 0.22s ease !important;
}

/* Thân mũi tên ngang */
.section.billboard-02 .billboard-button i::before {
  content: "" !important;
  position: absolute !important;
  width: 13px !important;
  height: 2px !important;
  background-color: #e72f32 !important;
  top: 50% !important;
  left: 10px !important;
  transform: translateY(-50%) !important;
}

/* Đầu mũi tên nhọn */
.section.billboard-02 .billboard-button i::after {
  content: "" !important;
  position: absolute !important;
  width: 6px !important;
  height: 6px !important;
  border-top: 2px solid #e72f32 !important;
  border-right: 2px solid #e72f32 !important;
  top: 50% !important;
  right: 11px !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

.section.billboard-02 .billboard-button:hover {
  background: #d62225 !important;
  border-color: #d62225 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(231, 47, 50, 0.38) !important;
}

.section.billboard-02 .billboard-button:hover i {
  transform: translateX(4px) !important;
}

/* RESPONSIVE CHO TABLET & MOBILE */
@media (max-width: 849px) {
  .section.billboard-02 {
    padding-top: 45px !important;
    padding-bottom: 50px !important;
  }

  .section.billboard-02 .row:first-of-type {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Đưa tiêu đề lên đầu tiên trên mobile */
  .section.billboard-02 .row:first-of-type>.col:nth-child(2) {
    order: -1 !important;
    margin-bottom: 24px !important;
  }

  .section.billboard-02 .featured-box,
  .section.billboard-02 .icon-box {
    min-height: 220px !important;
    margin-bottom: 16px !important;
  }
}

/* ==========================================================================
   BILLBOARD-04: CÁC GÓI TRIỂN KHAI OOH TẠI NHẬT MINH MEDIA (#oohPackages)
   Kế thừa cấu trúc carousel từ road-advertising-05, style chuyên biệt qua class .billboard-04
   Mẫu chuẩn: https://nhat-minh-media.vercel.app/billboard (#oohPackages)
   ========================================================================== */

/* 1. SECTION & BACKGROUND */
.road-advertising-05.billboard-04 {
  padding: 80px 0 85px !important;
  background: linear-gradient(135deg, #061d4b 0%, #0b3bb9 54%, #0b5cff 100%) !important;
}

/* 2. HEADING SECTION */
.road-advertising-05.billboard-04 #oohPackagesTitle,
.road-advertising-05.billboard-04>.section-content>.row:first-of-type h2 {
  color: #fff !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.road-advertising-05.billboard-04 #text-1119888500 p,
.road-advertising-05.billboard-04>.section-content>.row:first-of-type p {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  max-width: 820px !important;
  margin: 16px auto 0 !important;
  text-align: center !important;
}

/* 3. CAROUSEL & CARDS */
.road-advertising-05.billboard-04 .road-advertising-slide {
  position: relative !important;
  overflow: hidden !important;
  padding: 18px 4px 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1200px !important;
  width: 100% !important;
  user-select: none !important;
  touch-action: pan-y !important;
  cursor: grab !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide.is-dragging {
  cursor: grabbing !important;
}

.road-advertising-05.billboard-04 .street-tier-track {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 24px !important;
  width: max-content !important;
  will-change: transform !important;
}

.road-advertising-05.billboard-04 .street-tier-track>.col,
.road-advertising-05.billboard-04 .road-advertising-slide>.col {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

.road-advertising-05.billboard-04 .street-tier-card,
.road-advertising-05.billboard-04 .road-advertising-slide .col-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 690px !important;
  padding: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #2649aa 0%, #315ed3 100%) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 22px 54px rgba(2, 18, 67, 0.18) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  overflow: hidden !important;
}

.road-advertising-05.billboard-04 .street-tier-card:hover,
.road-advertising-05.billboard-04 .road-advertising-slide .col-inner:hover {
  transform: translateY(-6px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 30px 65px rgba(2, 18, 67, 0.28) !important;
}

/* Reset sub-rows bên trong Card */
.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row>.col {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row>.col>.col-inner {
  min-height: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 !important;
}

/* 4. CỘT ĐỀ XUẤT PHỔ BIẾN (GÓI 2 - OOH GROWTH) */
.road-advertising-05.billboard-04 .street-tier-card.is-featured,
.road-advertising-05.billboard-04 .street-tier-track>.col:nth-child(2)>.col-inner,
.road-advertising-05.billboard-04 .street-tier-track>.col:nth-child(5)>.col-inner,
.road-advertising-05.billboard-04 .street-tier-track>.col:nth-child(8)>.col-inner {
  border-color: #f0c45a !important;
  background: linear-gradient(145deg, #2951bd 0%, #3567e5 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 24px 60px rgba(2, 18, 67, 0.24) !important;
}

.road-advertising-05.billboard-04 .street-tier-popular {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 8px 16px !important;
  border-radius: 0 24px 0 14px !important;
  background: #f0c45a !important;
  color: #13234c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Fallback badge nếu thẻ span chưa kịp mount */
.road-advertising-05.billboard-04 .street-tier-track>.col:nth-child(2)>.col-inner:not(:has(.street-tier-popular))::before,
.road-advertising-05.billboard-04 .street-tier-track>.col:nth-child(5)>.col-inner:not(:has(.street-tier-popular))::before,
.road-advertising-05.billboard-04 .street-tier-track>.col:nth-child(8)>.col-inner:not(:has(.street-tier-popular))::before {
  content: "Đề xuất phổ biến" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 8px 16px !important;
  border-radius: 0 24px 0 14px !important;
  background: #f0c45a !important;
  color: #13234c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
}

/* 5. TOP HEADER CARD (ICON + TÊN GÓI) */
.road-advertising-05.billboard-04 .street-tier-top {
  display: flex !important;
  min-height: 72px !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 12px !important;
}

.road-advertising-05.billboard-04 .street-tier-top .tier-icon {
  flex: 0 0 54px !important;
  width: 54px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.road-advertising-05.billboard-04 .street-tier-top .tier-icon svg {
  width: 46px !important;
  height: 46px !important;
  stroke: #ffffff !important;
}

.road-advertising-05.billboard-04 .street-tier-top>div>span,
.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row:first-child .icon-box p {
  color: #79fff4 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.road-advertising-05.billboard-04 .street-tier-top h3,
.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row:first-child .icon-box h3 {
  margin: 4px 0 0 !important;
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

/* 6. NGÂN SÁCH THAM KHẢO */
.road-advertising-05.billboard-04 .ooh-package-price {
  display: block !important;
  margin: 12px 0 14px !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(121, 255, 244, 0.34) !important;
  border-radius: 17px !important;
  background: rgba(3, 25, 82, 0.24) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.road-advertising-05.billboard-04 .ooh-package-price>span {
  display: block !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.road-advertising-05.billboard-04 .ooh-package-price p {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

.road-advertising-05.billboard-04 .ooh-package-price p:empty {
  display: none !important;
}

.road-advertising-05.billboard-04 .ooh-package-price p br {
  display: none !important;
}

.road-advertising-05.billboard-04 .ooh-package-price small {
  color: #79fff4 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.road-advertising-05.billboard-04 .ooh-package-price strong {
  color: #fff !important;
  font-size: clamp(30px, 2.4vw, 42px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.055em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.road-advertising-05.billboard-04 .ooh-package-price em {
  color: #fff !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

/* 7. MỤC TIÊU PHÙ HỢP (FIT) */
.road-advertising-05.billboard-04 ul:has(> li.ooh-package-price) {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.road-advertising-05.billboard-04 li.ooh-package-price {
  display: flex !important;
  min-height: 60px !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  list-style: none !important;
}

.road-advertising-05.billboard-04 li.ooh-package-price::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2379fff4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* 8. QUY MÔ GÓI (SCOPE) */
.road-advertising-05.billboard-04 .ooh-package-scope {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 16px !important;
  background: rgba(4, 24, 77, 0.16) !important;
  list-style: none !important;
  overflow: hidden !important;
}

.road-advertising-05.billboard-04 .ooh-package-scope li {
  margin: 0 !important;
  padding: 12px 14px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  list-style: none !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.road-advertising-05.billboard-04 .ooh-package-scope li:nth-child(even) {
  border-left: 1px solid rgba(255, 255, 255, 0.13) !important;
}

.road-advertising-05.billboard-04 .ooh-package-scope li:nth-child(n+3) {
  border-top: 1px solid rgba(255, 255, 255, 0.13) !important;
}

.road-advertising-05.billboard-04 .ooh-package-scope li span {
  display: block !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.road-advertising-05.billboard-04 .ooh-package-scope li strong {
  display: block !important;
  margin-top: 4px !important;
  color: #fff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

/* 9. HẠNG MỤC BAO GỒM */
.road-advertising-05.billboard-04 .ooh-package-includes {
  margin-top: 16px !important;
}

.road-advertising-05.billboard-04 .ooh-package-includes>p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.road-advertising-05.billboard-04 .ooh-package-includes>p br {
  display: none !important;
}

.road-advertising-05.billboard-04 .ooh-package-includes>p i {
  color: #79fff4 !important;
  font-size: 15px !important;
}

.road-advertising-05.billboard-04 .ooh-package-includes ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 16px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.road-advertising-05.billboard-04 .ooh-package-includes li {
  position: relative !important;
  padding-left: 18px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.48 !important;
  list-style: none !important;
  margin-bottom: 0 !important;
}

.road-advertising-05.billboard-04 .ooh-package-includes li::before {
  content: "✓" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  color: #79fff4 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* 10. BÁO CÁO & KPI */
.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row:nth-last-child(2) {
  margin-top: 14px !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row:nth-last-child(2) .icon-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 12px !important;
  background: rgba(4, 24, 77, 0.12) !important;
  margin: 0 !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row:nth-last-child(2) .icon-box::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin-top: 2px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2379fff4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='20' x2='12' y2='10'/%3E%3Cline x1='18' y1='20' x2='18' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='16'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row:nth-last-child(2) .icon-box h3 {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner>.row:nth-last-child(2) .icon-box p {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  margin: 3px 0 0 !important;
}

/* 11. NÚT KÊU GỌI HÀNH ĐỘNG (CTA) */
.road-advertising-05.billboard-04 .road-advertising-slide .col-inner a.button.primary {
  display: inline-flex !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding: 13px 20px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #10214c !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(2, 18, 67, 0.16) !important;
  transition: all 0.25s ease !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner a.button.primary::after {
  content: "→" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  transition: transform 0.2s ease !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner a.button.primary:hover {
  background: #edf4ff !important;
  color: #10214c !important;
  box-shadow: 0 12px 26px rgba(2, 18, 67, 0.24) !important;
  transform: translateY(-2px) !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .col-inner a.button.primary:hover::after {
  transform: translateX(4px) !important;
}

/* Nút cho gói nổi bật OOH GROWTH */
.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-card.is-featured a.button.primary,
.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-track>.col:nth-child(2) a.button.primary,
.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-track>.col:nth-child(5) a.button.primary,
.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-track>.col:nth-child(8) a.button.primary {
  background: #f0c45a !important;
  color: #10214c !important;
}

.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-card.is-featured a.button.primary:hover,
.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-track>.col:nth-child(2) a.button.primary:hover,
.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-track>.col:nth-child(5) a.button.primary:hover,
.road-advertising-05.billboard-04 .road-advertising-slide .street-tier-track>.col:nth-child(8) a.button.primary:hover {
  background: #ffda7a !important;
  box-shadow: 0 12px 28px rgba(240, 196, 90, 0.35) !important;
}

/* Ẩn nút duplicate nếu script phụ inject */
.road-advertising-05.billboard-04 .street-tier-btn {
  display: none !important;
}

/* 12. BỘ ĐIỀU KHIỂN CAROUSEL (CONTROLS) */
.road-advertising-05.billboard-04 .street-tier-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 28px !important;
}

.road-advertising-05.billboard-04 .street-tier-controls button {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  outline: none !important;
}

.road-advertising-05.billboard-04 .street-tier-controls button:hover {
  border-color: #fff !important;
  background: #fff !important;
  color: #0b3bb9 !important;
  transform: scale(1.05) !important;
}

.road-advertising-05.billboard-04 .street-tier-controls .tier-counter {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  min-width: 60px !important;
  text-align: center !important;
}

/* 13. BẢNG SO SÁNH 3 GÓI TRIỂN KHAI (.ooh-package-comparison) */
.road-advertising-05.billboard-04>.section-content>.row:last-of-type {
  max-width: 1200px !important;
  margin: 40px auto 0 !important;
}

.road-advertising-05.billboard-04>.section-content>.row:last-of-type>.col {
  padding: 0 !important;
}

.road-advertising-05.billboard-04>.section-content>.row:last-of-type>.col>.col-inner {
  padding: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 24px !important;
  background: rgba(3, 20, 66, 0.3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.road-advertising-05.billboard-04 .ooh-package-comparison-heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 30px !important;
  margin-bottom: 20px !important;
}

.road-advertising-05.billboard-04 .ooh-package-comparison-heading>div>h2 {
  color: #79fff4 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.road-advertising-05.billboard-04 .ooh-package-comparison-heading>div>h3 {
  margin: 4px 0 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.road-advertising-05.billboard-04 .ooh-package-comparison-heading>p {
  max-width: 500px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap {
  overflow-x: auto !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 16px 40px rgba(2, 18, 67, 0.22) !important;
  scrollbar-width: thin !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap .col-inner {
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  min-height: 0 !important;
  transform: none !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  color: #17305f !important;
  table-layout: fixed !important;
  background: transparent !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap th,
.road-advertising-05.billboard-04 .ooh-package-table-wrap td {
  padding: 13px 18px !important;
  border-right: 1px solid #e5ebf4 !important;
  border-bottom: 1px solid #e5ebf4 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap tr:last-child>* {
  border-bottom: 0 !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap tr>*:last-child {
  border-right: 0 !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap thead th {
  background: #eff4fc !important;
  color: #0b2f69 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap thead th:first-child,
.road-advertising-05.billboard-04 .ooh-package-table-wrap tbody th {
  width: 22% !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap tbody th {
  background: #f7f9fc !important;
  color: #53657f !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap td {
  font-weight: 700 !important;
  color: #17305f !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap .is-recommended {
  background: #e9f0ff !important;
  color: #1556ed !important;
}

.road-advertising-05.billboard-04 .ooh-package-table-wrap .is-recommended span {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: #f0c45a !important;
  color: #13234c !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* 14. RESPONSIVE TABLET & MOBILE */
@media (max-width: 980px) {
  .road-advertising-05.billboard-04 .ooh-package-comparison-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .road-advertising-05.billboard-04 .ooh-package-comparison-heading h3 {
    font-size: 20px !important;
  }

  .road-advertising-05.billboard-04 .ooh-package-table-wrap table {
    min-width: 680px !important;
  }

  .road-advertising-05.billboard-04 .street-tier-card,
  .road-advertising-05.billboard-04 .road-advertising-slide .col-inner {
    padding: 24px !important;
    min-height: 640px !important;
  }
}

@media (max-width: 600px) {
  .road-advertising-05.billboard-04 .ooh-package-includes ul {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   BILLBOARD-05: ĐẢM BẢO HIỆU QUẢ TRIỂN KHAI OOH VỚI 4 BƯỚC (#oohProcess)
   Nhân bản từ billboard7, style chuyên biệt độc lập qua class .billboard-05
   Mẫu chuẩn: oohProcess 4 bước theo ảnh đính kèm
   ========================================================================== */

/* 1. NỀN SECTION & BỐ CỤC CHUNG */
.section.billboard7.billboard-05,
.section.billboard-05 {
  position: relative !important;
  padding: 75px 0 80px !important;
  background:
    radial-gradient(circle at 86% 14%, rgba(36, 103, 255, 0.08), transparent 25%),
    linear-gradient(135deg, #ffffff 0%, #f6f9fe 100%) !important;
  overflow: hidden !important;
}

.billboard-05 .section-bg {
  background: transparent !important;
}

/* 2. HÀNG 1: HERO (TIÊU ĐỀ & ẢNH MOCKUP BILLBOARD) */
.billboard-05 .row.align-middle {
  margin-bottom: 28px !important;
}

.billboard-05 #oohProcessTitle {
  color: #0b1a3d !important;
  font-size: clamp(34px, 3.8vw, 54px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.04em !important;
  margin: 0 !important;
}

.billboard-05 #oohProcessTitle strong {
  font-weight: 900 !important;
  color: inherit !important;
}

.billboard-05 #oohProcessTitle span {
  color: #e72f32 !important;
  font-weight: 900 !important;
}

.billboard-05 .row.align-middle>.col:first-child p {
  color: #556885 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin-top: 18px !important;
  max-width: 580px !important;
  font-weight: 400 !important;
}

.billboard-05 .row.align-middle>.col:last-child .img-inner {
  background: transparent !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.billboard-05 .row.align-middle>.col:last-child img {
  width: 100% !important;
  max-height: 330px !important;
  object-fit: contain !important;
  object-position: center right !important;
  filter: drop-shadow(0 15px 30px rgba(11, 44, 107, 0.12)) !important;
}

/* 3. HÀNG 2: 4 BOX QUY TRÌNH (ICON BOXES 4 BƯỚC) */
.billboard-05 .row.row-small {
  margin-top: 16px !important;
  align-items: flex-start !important;
}

.billboard-05 .row.row-small>.col {
  padding-bottom: 20px !important;
  height: auto !important;
  min-height: 0 !important;
}

.billboard-05 .row.row-small>.col>.col-inner {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
  box-sizing: border-box !important;
}

/* Ghi đè triệt để style của .billboard7 .icon-box và các style mặc định */
.billboard-05.billboard7 .icon-box,
.billboard-05 .icon-box,
.billboard-05 .featured-box,
.billboard-05 .row.row-small .icon-box,
.billboard-05 .row.row-small .featured-box,
.billboard-05 .row.row-small .icon-box.featured-box {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 200px !important;
  height: auto !important;
  max-height: 200px !important;
  padding: 16px 18px 18px !important;
  padding-top: 76px !important;
  /* Dành chỗ cho hàng Icon SVG và Số thứ tự 01, 02... */
  border: 1px solid #dce5f2 !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 14px 34px rgba(9, 42, 92, 0.06) !important;
  margin: 0 !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
  box-sizing: border-box !important;
}

.billboard-05.billboard7 .icon-box:hover,
.billboard-05 .row.row-small .icon-box:hover,
.billboard-05 .row.row-small .featured-box:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(23, 78, 231, 0.35) !important;
  box-shadow: 0 20px 42px rgba(9, 42, 92, 0.12) !important;
}

/* Vòng tròn Icon xanh nhạt ở góc trên bên trái của box */
.billboard-05 .row.row-small .icon-box::before {
  content: "" !important;
  position: absolute !important;
  top: 16px !important;
  left: 18px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background-color: #edf4ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  z-index: 2 !important;
  transition: transform 0.25s ease !important;
}

.billboard-05 .row.row-small .icon-box:hover::before {
  transform: scale(1.06) !important;
}

/* Khối Badge số thứ tự 01, 02, 03, 04 ở góc trên bên phải của box */
.billboard-05 .row.row-small .icon-box::after {
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  min-width: 42px !important;
  height: 36px !important;
  padding: 0 8px !important;
  border-radius: 10px !important;
  background: #0a1b3f !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  box-shadow: 0 4px 10px rgba(10, 27, 63, 0.15) !important;
}

/* 4 Icon SVG & 4 Số thứ tự riêng biệt cho từng bước */

/* Bước 01: Khởi động & chốt brief (Icon Chat/Brief) */
.billboard-05 .row.row-small>.col:nth-child(1) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%231556ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3Cline x1='8' y1='9' x2='16' y2='9'/%3E%3Cline x1='8' y1='13' x2='14' y2='13'/%3E%3C/svg%3E") !important;
}

.billboard-05 .row.row-small>.col:nth-child(1) .icon-box::after {
  content: "01" !important;
}

/* Bước 02: Lập kế hoạch & giữ vị trí (Icon Map) */
.billboard-05 .row.row-small>.col:nth-child(2) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%231556ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21'/%3E%3Cline x1='9' y1='3' x2='9' y2='18'/%3E%3Cline x1='15' y1='6' x2='15' y2='21'/%3E%3C/svg%3E") !important;
}

.billboard-05 .row.row-small>.col:nth-child(2) .icon-box::after {
  content: "02" !important;
}

/* Bước 03: Sản xuất & vận hành (Icon Tools) */
.billboard-05 .row.row-small>.col:nth-child(3) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%231556ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E") !important;
}

.billboard-05 .row.row-small>.col:nth-child(3) .icon-box::after {
  content: "03" !important;
}

/* Bước 04: Nghiệm thu & tối ưu (Icon Clipboard/KPI) */
.billboard-05 .row.row-small>.col:nth-child(4) .icon-box::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%231556ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cline x1='9' y1='17' x2='9' y2='14'/%3E%3Cline x1='12' y1='17' x2='12' y2='10'/%3E%3Cline x1='15' y1='17' x2='15' y2='12'/%3E%3C/svg%3E") !important;
}

.billboard-05 .row.row-small>.col:nth-child(4) .icon-box::after {
  content: "04" !important;
}

/* BỎ HOÀN TOÀN BORDER / PADDING / MARGIN THỪA CỦA KHỐI TEXT */
.billboard-05 .row.row-small .icon-box-text {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.billboard-05 .row.row-small h3 {
  margin: 0 !important;
  color: #0d2864 !important;
  font-size: 17.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  min-height: 0 !important;
  letter-spacing: -0.02em !important;
}

.billboard-05 .row.row-small p {
  margin: 8px 0 0 !important;
  color: #556885 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* 4. RESPONSIVE CHO TABLET & MOBILE */
@media (max-width: 980px) {

  .section.billboard7.billboard-05,
  .section.billboard-05 {
    padding: 60px 0 65px !important;
  }

  .billboard-05 #oohProcessTitle {
    font-size: clamp(28px, 6vw, 40px) !important;
  }

  .billboard-05 .row.align-middle {
    margin-bottom: 20px !important;
  }

  .billboard-05 .row.align-middle>.col:last-child {
    margin-top: 15px !important;
  }

  .billboard-05 .row.align-middle>.col:last-child img {
    max-height: 260px !important;
  }

  .billboard-05 .row.row-small>.col>.col-inner {
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .billboard-05 .row.row-small .icon-box {
    padding: 16px 16px 18px !important;
    padding-top: 78px !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 18px !important;
  }

  .billboard-05 .row.row-small .icon-box::before {
    top: 16px !important;
    left: 16px !important;
    width: 44px !important;
    height: 44px !important;
    background-size: 20px 20px !important;
  }

  .billboard-05 .row.row-small .icon-box::after {
    top: 16px !important;
    right: 16px !important;
    min-width: 40px !important;
    height: 34px !important;
    font-size: 14px !important;
  }

  .billboard-05 .row.row-small h3 {
    font-size: 16px !important;
    min-height: 0 !important;
  }

  .billboard-05 .row.row-small p {
    font-size: 12px !important;
  }
}

@media (max-width: 550px) {
  .billboard-05 .row.row-small>.col {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* header-top banner */
#top-bar {
  background-color: #f8f8f8 !important;
  border-bottom: 2px solid #d52b26 !important;
  font-size: 13px !important;
  color: #2b3445 !important;
  padding: 0 !important;
  min-height: 38px !important;
}

#top-bar,
#top-bar * {
  white-space: nowrap !important;
}

#top-bar .flex-row.container {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  min-height: 38px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#top-bar .flex-col {
  flex: 0 0 auto !important;
  max-width: none !important;
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top-bar .flex-left,
#top-bar .flex-center,
#top-bar .flex-right {
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
}

#top-bar ul.nav {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}

#top-bar ul.nav > li {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}

/* Item strip styles */
#top-bar .header-strip-copy,
#top-bar .header-strip-contact {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  color: #2b3445 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  height: 100% !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
}

/* SVG icons */
#top-bar .header-strip-copy svg,
#top-bar .header-strip-contact svg {
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  color: #ea393c !important;
  stroke: #ea393c !important;
  display: inline-block !important;
}

#top-bar strong {
  color: #1e2538 !important;
  font-weight: 700 !important;
  margin-right: 2px !important;
  display: inline !important;
  white-space: nowrap !important;
}

#top-bar .header-strip-value {
  color: #2b3445 !important;
  font-weight: 500 !important;
  display: inline !important;
  white-space: nowrap !important;
}

#top-bar a.header-strip-phone,
#top-bar a.header-strip-contact {
  color: #2b3445 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

#top-bar a.header-strip-phone:hover,
#top-bar a.header-strip-contact:hover,
#top-bar a.header-strip-contact:hover .header-strip-value {
  color: #d52b26 !important;
}

/* Separator between phone numbers */
#top-bar .header-strip-separator {
  color: #94a3b8 !important;
  margin: 0 4px !important;
  font-weight: 400 !important;
  display: inline-block !important;
}

/* Vertical divider lines between sections */
#top-bar .flex-left .header-strip-copy {
  border-right: 1px solid #e2e4e8 !important;
  border-left: 1px solid #e2e4e8 !important;
}

#top-bar .flex-center .header-strip-contact {
  border-right: 1px solid #e2e4e8 !important;
}

#top-bar .html_nav_position_text_top {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  height: 100% !important;
}

#top-bar .html_nav_position_text_top > .header-strip-contact:first-child {
  border-right: 1px solid #e2e4e8 !important;
}

#top-bar .html_nav_position_text_top > .header-strip-contact:last-child {
  border-right: 1px solid #e2e4e8 !important;
}