/*
 * ci4-homepage.css — Viết lại hoàn toàn, scoped .ci4-homepage
 * KHÔNG sửa: style.css / main.css / bootstrap.min.css / slick-theme.css
 * Tất cả class mới: hp-*, tour-*, tc-* → tránh xung đột specificity
 */

/* ═══════════════════════════════════════════════════════
   WRAPPER GỐC
   ═══════════════════════════════════════════════════════ */
.ci4-homepage {
  width: 100%;
  overflow-x: hidden;
  font-family: 'Inter', Arial, sans-serif;
}

/* ═══════════════════════════════════════════════════════
   SLIDER
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-slider-section {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.ci4-homepage .hp-slider-section .banner {
  width: 100%;
}

.ci4-homepage .hp-slider-section .wap_slider {
  width: 100%;
}

.ci4-homepage .hp-slider-section .img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* ═══════════════════════════════════════════════════════
   MENU ICONS (shortcut bên dưới slider)
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-menu-icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 16px;
  background: #f5fff8;
  border-bottom: 1px solid #d4f0d8;
}

.ci4-homepage .hp-menu-item {
  text-align: center;
}

.ci4-homepage .hp-menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: #1a5c2e;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s;
}

.ci4-homepage .hp-menu-item a:hover {
  transform: translateY(-3px);
  color: #c0421a;
  text-decoration: none;
}

.ci4-homepage .hp-menu-icon img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
  display: block;
}

.ci4-homepage .hp-menu-item p {
  margin: 0;
  font-size: 11px;
  line-height: 1.3;
  max-width: 80px;
  color: #1a5c2e;
}

/* ═══════════════════════════════════════════════════════
   H1 TRANG CHỦ
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-h1 {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #111;
  margin: 18px auto;
  max-width: 90%;
  line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════
   TÍNH GIÁ TOUR BUTTON
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-calc-btn-wrap {
  text-align: center;
  margin: 8px 0 18px;
}

.ci4-homepage .hp-calc-btn {
  display: inline-block;
  background: linear-gradient(90deg, #f76b1c, #fad961);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 24px;
  box-shadow: 0 3px 10px rgba(247,107,28,.3);
  transition: opacity .2s;
  text-decoration: none;
}

.ci4-homepage .hp-calc-btn:hover {
  opacity: .9;
  color: #fff;
  text-decoration: none;
}

/* ═══════════════════════════════════════════════════════
   SECTION HEADER CHUNG
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .home-section {
  margin: 22px 0 10px;
}

.ci4-homepage .home-section-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #0e5c2e;
  margin: 0 0 14px;
  letter-spacing: .3px;
  position: relative;
  padding-bottom: 10px;
}

.ci4-homepage .home-section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #27ae60, #0e5c2e);
  border-radius: 2px;
}

/* ═══════════════════════════════════════════════════════
   PROMOTION BANNERS (3 ảnh ngang)
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-promo-banners {
  display: flex;
  gap: 10px;
  margin: 10px 0 18px;
}

.ci4-homepage .hp-promo-banner-item {
  flex: 1;
  overflow: hidden;
  border-radius: 8px;
}

.ci4-homepage .hp-promo-banner-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  transition: transform .3s;
}

.ci4-homepage .hp-promo-banner-item:hover img {
  transform: scale(1.03);
}

/* ═══════════════════════════════════════════════════════
   TOUR GRID — desktop 6 cột, tablet 3, mobile 2
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .tour-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}

@media (max-width: 1199px) {
  .ci4-homepage .tour-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 991px) {
  .ci4-homepage .tour-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .ci4-homepage .tour-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

@media (max-width: 400px) {
  .ci4-homepage .tour-grid {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
}

/* ═══════════════════════════════════════════════════════
   TOUR CARD
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .tour-card {
  display: block;
}

.ci4-homepage .tour-card-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 8px rgba(0,0,0,.07);
  overflow: hidden;
  transition: box-shadow .22s ease, transform .22s ease;
}

.ci4-homepage .tour-card-wrap:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.13);
  transform: translateY(-3px);
}

/* ── Ảnh card ── */
.ci4-homepage .tour-card-image {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.ci4-homepage .tour-card-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.ci4-homepage .tour-card-wrap:hover .tour-card-image img {
  transform: scale(1.06);
}

/* ── Badge giảm giá ── */
.ci4-homepage .tc-badge-pct {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  z-index: 5;
  line-height: 1.4;
}

.ci4-homepage .tc-badge-save {
  position: absolute;
  top: 32px;
  left: 8px;
  background: #ff6d00;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 4px;
  z-index: 5;
  line-height: 1.4;
}

/* ── Badge HOT (gif góc trên-phải, không che ảnh chính) ── */
.ci4-homepage .tour-card-image .hot {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 4;
  pointer-events: none;
}

.ci4-homepage .tour-card-image .hot img {
  width: 52px;
  height: auto;
  display: block;
}

/* ── Body card ── */
.ci4-homepage .tour-card-body {
  padding: 10px 11px 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

/* ── Tiêu đề ── */
.ci4-homepage .tour-card-title {
  margin-bottom: 6px;
  flex-shrink: 0;
}

.ci4-homepage .tour-card-title a {
  color: #0e5c2e;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
}

.ci4-homepage .tour-card-title a:hover {
  color: #c0421a;
  text-decoration: none;
}

/* ── Meta (thời gian, ngày khởi hành) ── */
.ci4-homepage .tour-card-meta {
  font-size: 12px;
  color: #666;
  margin: 3px 0;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ci4-homepage .tour-card-meta .fa {
  font-size: 13px;
  line-height: inherit;
  vertical-align: middle;
  display: inline-block;
  width: 14px;
  text-align: center;
  color: #888;
}

/* ── Rating ── */
.ci4-homepage .tc-rating {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 4px 0 6px;
  flex-shrink: 0;
}

.ci4-homepage .tc-stars {
  display: inline-flex;
}

.ci4-homepage .tc-star {
  font-size: 13px;
  line-height: 1;
}

.ci4-homepage .tc-star.filled,
.ci4-homepage .tc-star.half {
  color: #f5a623;
}

.ci4-homepage .tc-star.empty {
  color: #ddd;
}

.ci4-homepage .tc-rating-count {
  font-size: 11px;
  color: #999;
}

/* ── Footer card (giá + nút) ── */
.ci4-homepage .tour-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
  flex-shrink: 0;
}

.ci4-homepage .tour-card-price {
  color: #e53935;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  flex: 1;
  min-width: 0;
}

.ci4-homepage .tour-card-button {
  display: inline-block;
  background: linear-gradient(135deg, #1a7a32, #27ae60);
  color: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  transition: opacity .2s;
  text-decoration: none;
  flex-shrink: 0;
  margin-left: 6px;
}

.ci4-homepage .tour-card-button:hover {
  opacity: .85;
  color: #fff;
  text-decoration: none;
}

/* ═══════════════════════════════════════════════════════
   XEM TẤT CẢ
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-viewall {
  text-align: center;
  margin: 10px 0 22px;
}

.ci4-homepage .hp-viewall a {
  display: inline-block;
  background: linear-gradient(90deg, #5fc53f, #1e8c38);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 9px 28px;
  border-radius: 22px;
  transition: opacity .2s;
  text-decoration: none;
}

.ci4-homepage .hp-viewall a:hover {
  opacity: .85;
  color: #fff;
  text-decoration: none;
}

.ci4-homepage .hp-viewall a span {
  font-weight: 400;
}

/* ═══════════════════════════════════════════════════════
   CẢM NHẬN KHÁCH HÀNG
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-testimonials {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 10px;
}

.ci4-homepage .hp-testimonial-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 14px;
  box-shadow: 0 1px 5px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
}

.ci4-homepage .hp-testimonial-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.ci4-homepage .hp-testimonial-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #d4f0d8;
  flex-shrink: 0;
}

.ci4-homepage .hp-testimonial-name {
  font-weight: 600;
  font-size: 13px;
  color: #0e5c2e;
}

.ci4-homepage .hp-testimonial-text {
  font-size: 13px;
  color: #444;
  line-height: 1.55;
  margin-bottom: 8px;
  flex: 1;
}

.ci4-homepage .hp-testimonial-link {
  font-size: 11px;
  color: #999;
  text-decoration: none;
}

.ci4-homepage .hp-testimonial-link span {
  color: #1a7a32;
  font-weight: 600;
}

.ci4-homepage .hp-testimonial-link:hover {
  text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════
   PHÒNG KHÁCH SẠN
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-rooms {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 14px 0 22px;
}

.ci4-homepage .hp-room-card {
  flex: 1;
  min-width: 180px;
  border: 2px solid #d4f0d8;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow .22s;
}

.ci4-homepage .hp-room-card:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,.1);
}

.ci4-homepage .hp-room-card > img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.ci4-homepage .hp-room-info {
  padding: 10px 12px;
  background: #fff;
}

.ci4-homepage .hp-room-title {
  font-weight: 700;
  color: #0e5c2e;
  font-size: 14px;
  margin: 0 0 5px;
}

.ci4-homepage .hp-room-desc {
  font-size: 12px;
  color: #555;
  line-height: 1.5;
}

.ci4-homepage .hp-room-desc p {
  margin: 2px 0;
}

/* ═══════════════════════════════════════════════════════
   ĐỐI TÁC
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-partners-section {
  background: linear-gradient(180deg, #f0fff4 0%, #fff 100%);
  padding: 8px 0 18px;
  border-radius: 8px;
  margin-bottom: 22px;
}

.ci4-homepage .hp-partners {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 12px 0;
}

.ci4-homepage .hp-partner-item {
  background: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s, box-shadow .25s;
}

.ci4-homepage .hp-partner-item img {
  width: 120px;
  height: auto;
  display: block;
}

.ci4-homepage .hp-partner-item:hover {
  transform: scale(1.06);
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

/* ═══════════════════════════════════════════════════════
   GALLERY HOẠT ĐỘNG
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 155px;
  gap: 8px;
  margin: 10px 0 18px;
}

.ci4-homepage .hp-gallery-item {
  overflow: hidden;
  border-radius: 6px;
}

.ci4-homepage .hp-gallery-item.wide  { grid-column: span 2; }
.ci4-homepage .hp-gallery-item.tall  { grid-row: span 2; }
.ci4-homepage .hp-gallery-item.large {
  grid-column: span 2;
  grid-row: span 2;
}

.ci4-homepage .hp-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.ci4-homepage .hp-gallery-item:hover img {
  transform: scale(1.07);
}

/* ═══════════════════════════════════════════════════════
   BÁO CHÍ NHẮC
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-baochi-scroll {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 16px;
  padding: 10px 0;
  align-items: center;
}

.ci4-homepage .hp-baochi-scroll::-webkit-scrollbar { height: 5px; }
.ci4-homepage .hp-baochi-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.ci4-homepage .hp-baochi-item {
  flex: 0 0 auto;
  width: 165px;
  text-align: center;
}

.ci4-homepage .hp-baochi-item img {
  max-width: 100%;
  height: auto;
  border: 1px solid #eee;
  border-radius: 8px;
  transition: transform .2s;
  display: block;
}

.ci4-homepage .hp-baochi-item img:hover {
  transform: scale(1.05);
}

/* ═══════════════════════════════════════════════════════
   TEAM BUILDING
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-teambuilding {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 14px 0 24px;
}

.ci4-homepage .hp-tb-video {
  flex: 1;
}

.ci4-homepage .hp-tb-text {
  flex: 1;
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  text-align: justify;
}

.ci4-homepage .hp-video-wrap {
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.ci4-homepage .hp-video-thumb {
  position: relative;
  width: 100%;
}

.ci4-homepage .hp-video-thumb img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.ci4-homepage .hp-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: radial-gradient(rgba(34,166,75,.85) 60%, #fff 62%);
  border-radius: 50%;
  box-shadow: 0 0 22px 3px rgba(231,255,213,.8);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow .2s;
}

.ci4-homepage .hp-play-btn::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 22px solid #fff;
  margin-left: 4px;
}

.ci4-homepage .hp-video-wrap:hover .hp-play-btn {
  box-shadow: 0 0 30px 6px rgba(208,255,200,.9);
}

/* ═══════════════════════════════════════════════════════
   VÌ SAO CHỌN DANANGBEST
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-services {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 22px 0;
}

.ci4-homepage .hp-service-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  flex: 1 1 240px;
  background: #f5fff8;
  border-radius: 8px;
  padding: 14px;
  border: 1px solid #d4f0d8;
  transition: box-shadow .2s;
}

.ci4-homepage .hp-service-item:hover {
  box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

.ci4-homepage .hp-service-icon {
  flex-shrink: 0;
}

.ci4-homepage .hp-service-icon img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
}

.ci4-homepage .hp-service-content h3 {
  font-size: 14px;
  font-weight: 700;
  color: #0e5c2e;
  margin: 0 0 5px;
}

.ci4-homepage .hp-service-content p {
  font-size: 12px;
  color: #555;
  margin: 0;
  line-height: 1.55;
}

/* ═══════════════════════════════════════════════════════
   SUBSCRIBE
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hp-subscribe {
  background: linear-gradient(135deg, #f0fff4 0%, #dcfce7 100%);
  padding: 40px 20px;
  margin-top: 24px;
  border-top: 3px solid #27ae60;
}

.ci4-homepage .hp-subscribe-inner {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}

.ci4-homepage .hp-subscribe-title {
  color: #065f20;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.4;
}

.ci4-homepage .hp-subscribe-form {
  display: flex;
  gap: 10px;
  max-width: 460px;
  margin: 0 auto 12px;
}

.ci4-homepage .hp-subscribe-input {
  flex: 1;
  padding: 10px 16px;
  border-radius: 24px;
  border: 1px solid #a7d7b5;
  font-size: 14px;
  outline: none;
  min-width: 0;
  background: #fff;
  color: #222;
}

.ci4-homepage .hp-subscribe-btn {
  background: #0d7a20;
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 24px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s;
  flex-shrink: 0;
}

.ci4-homepage .hp-subscribe-btn:hover {
  background: #0a6619;
}

.ci4-homepage .hp-subscribe-note {
  color: #3d8050;
  font-size: 13px;
  margin: 0;
}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  .ci4-homepage .hp-teambuilding {
    flex-direction: column;
  }

  .ci4-homepage .hp-tb-video,
  .ci4-homepage .hp-tb-text {
    width: 100%;
  }

  .ci4-homepage .hp-gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 130px;
  }

  .ci4-homepage .hp-gallery-item.wide,
  .ci4-homepage .hp-gallery-item.large {
    grid-column: span 1;
  }

  .ci4-homepage .hp-gallery-item.tall,
  .ci4-homepage .hp-gallery-item.large {
    grid-row: span 1;
  }
}

@media (max-width: 767px) {
  .ci4-homepage .hp-menu-icon img {
    width: 44px;
    height: 44px;
  }

  .ci4-homepage .hp-promo-banners {
    flex-direction: column;
  }

  .ci4-homepage .hp-rooms {
    flex-wrap: wrap;
  }

  .ci4-homepage .hp-room-card {
    min-width: calc(50% - 6px);
  }

  .ci4-homepage .hp-service-item {
    flex: 1 1 100%;
  }

  .ci4-homepage .hp-subscribe-form {
    flex-direction: column;
  }

  .ci4-homepage .hp-subscribe-btn {
    width: 100%;
  }

  .ci4-homepage .hp-partner-item img {
    width: 95px;
  }

  .ci4-homepage .hp-baochi-item {
    width: 140px;
  }

  .ci4-homepage .tour-card-image img {
    height: 145px;
  }

  .ci4-homepage .home-section-title {
    font-size: 17px;
  }

  /* subscribe đủ chỗ cho floating icons */
  .ci4-homepage .hp-subscribe {
    padding-bottom: 90px;
  }
}

@media (max-width: 480px) {
  .ci4-homepage .hp-room-card {
    min-width: 100%;
  }

  .ci4-homepage .hp-gallery {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 110px;
  }

  .ci4-homepage .tour-card-image img {
    height: 130px;
  }

  .ci4-homepage .tour-card-price {
    font-size: 12px;
  }

  .ci4-homepage .tour-card-button {
    font-size: 10px;
    padding: 5px 9px;
  }

  .ci4-homepage .hp-h1 {
    font-size: 15px;
  }
}

/* ═══════════════════════════════════════════════════════
   M04 UI FIXES — mobile layout improvements
   ═══════════════════════════════════════════════════════ */

/* ── Section title: clamp 18–22px ─────────────────────── */
.ci4-homepage .home-section-title {
  font-size: clamp(18px, 2.2vw, 22px);
}

/* ── DỊCH VỤ NỔI BẬT: 2 cột trên mobile ─────────────── */
@media (max-width: 767px) {
  .ci4-homepage .hp-promo-banners {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .ci4-homepage .hp-promo-banner-item img {
    height: 160px;
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    display: block;
  }
}

/* ── HOẠT ĐỘNG TỔ CHỨC: đều ô, không span trên tablet/mobile ── */
@media (max-width: 991px) {
  .ci4-homepage .hp-gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 140px;
    gap: 6px;
  }

  /* Tắt toàn bộ wide/tall/large span — đảm bảo đều ô */
  .ci4-homepage .hp-gallery-item,
  .ci4-homepage .hp-gallery-item.wide,
  .ci4-homepage .hp-gallery-item.tall,
  .ci4-homepage .hp-gallery-item.large {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
}

@media (max-width: 480px) {
  .ci4-homepage .hp-gallery {
    grid-auto-rows: 115px;
  }
}

/* ── CẢM NHẬN KHÁCH HÀNG: 2 cột trên mobile ──────────── */
@media (max-width: 767px) {
  .ci4-homepage .home-review-section .hp-testimonials {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .ci4-homepage .hp-testimonial-card {
    padding: 10px;
  }

  .ci4-homepage .hp-testimonial-text {
    font-size: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
  }
}

@media (max-width: 380px) {
  .ci4-homepage .home-review-section .hp-testimonials {
    grid-template-columns: 1fr;
  }
}

/* ── ĐẶT PHÒNG KHÁCH SẠN: grid 2 cột trên mobile ─────── */
@media (max-width: 767px) {
  .ci4-homepage .home-hotel-section .hp-rooms {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .ci4-homepage .home-hotel-section .hp-room-card {
    min-width: unset;
    flex: unset;
  }

  .ci4-homepage .home-hotel-section .hp-room-card > img {
    height: 115px;
  }
}

/* ── VÌ SAO CHỌN DANANGBEST: grid 2-3 cột ────────────── */
/* Desktop: 3 cột nếu đủ rộng */
@media (min-width: 768px) {
  .ci4-homepage .home-benefit-section .hp-services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .ci4-homepage .home-benefit-section .hp-service-item {
    flex: unset;
  }
}

/* Mobile: 2 cột */
@media (max-width: 767px) {
  .ci4-homepage .home-benefit-section .hp-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .ci4-homepage .home-benefit-section .hp-service-item {
    flex: unset;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 12px 10px;
  }

  .ci4-homepage .home-benefit-section .hp-service-content p {
    font-size: 11px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .ci4-homepage .home-benefit-section .hp-service-icon img {
    width: 36px;
    height: 36px;
    margin-bottom: 6px;
  }
}

/* ═══════════════════════════════════════════════════════
   M04 UI FIXES ROUND 2 — section-specific rewrites
   ═══════════════════════════════════════════════════════ */

/* ── 1. TOUR ICON SECTION — desktop flex, mobile 3×2 grid ── */
.ci4-homepage .home-tour-icon-section {
  background: #f5fff8;
  border-bottom: 1px solid #d4f0d8;
  padding: 14px 16px;
}

.ci4-homepage .home-tour-icon-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  width: 100%;
}

@media (max-width: 767px) {
  .ci4-homepage .home-tour-icon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    justify-items: center;
  }

  .ci4-homepage .home-tour-icon-section .hp-menu-item {
    width: 100%;
    text-align: center;
  }

  .ci4-homepage .home-tour-icon-section .hp-menu-item a {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 11px;
  }

  .ci4-homepage .home-tour-icon-section .hp-menu-item p {
    max-width: none;
    font-size: 11px;
    line-height: 1.3;
    margin: 0;
  }

  .ci4-homepage .home-tour-icon-section .hp-menu-icon img {
    width: 46px;
    height: 46px;
  }
}

/* ── 2. DỊCH VỤ NỔI BẬT — scroll ngang trên mobile ──── */
/* Desktop: 3 cột đều */
.ci4-homepage .home-service-scroll {
  display: flex;
  gap: 10px;
  margin: 12px 0 18px;
}

.ci4-homepage .home-service-scroll .hp-promo-banner-item {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  border-radius: 8px;
}

.ci4-homepage .home-service-scroll .hp-promo-banner-item img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  transition: transform .3s;
}

.ci4-homepage .home-service-scroll .hp-promo-banner-item:hover img {
  transform: scale(1.03);
}

/* Mobile: scroll ngang */
@media (max-width: 767px) {
  .ci4-homepage .home-service-scroll {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    gap: 12px;
    flex-wrap: nowrap;
  }

  .ci4-homepage .home-service-scroll .hp-promo-banner-item {
    flex: 0 0 calc((100% - 16px) / 3);
    max-width: calc((100% - 16px) / 3);
    scroll-snap-align: start;
  }

  .ci4-homepage .home-service-scroll .hp-promo-banner-item img {
    height: 125px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    width: 100%;
  }

  .ci4-homepage .home-service-scroll::-webkit-scrollbar { height: 4px; }
  .ci4-homepage .home-service-scroll::-webkit-scrollbar-thumb {
    background: #cce5d0;
    border-radius: 4px;
  }
}

/* ── 3. HOẠT ĐỘNG TỔ CHỨC — masonry giả ──────────────── */
.ci4-homepage .home-activity-section {
  max-width: none;
  width: 100%;
  margin: 32px auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.ci4-homepage .home-activity-masonry {
  max-width: none;
  width: 100%;
}

@media (max-width: 767px) {
  .ci4-homepage .home-activity-section {
    padding: 0 8px;
  }
}

.ci4-homepage .home-activity-masonry {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 10px;
  margin-top: 12px;
}

/* Cell chung */
.ci4-homepage .home-activity-masonry .hm-act-item {
  overflow: hidden;
  border-radius: 10px;
  background: #f0f0f0;
  line-height: 0;
}

.ci4-homepage .home-activity-masonry .hm-act-item img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  transition: transform .35s ease;
}

.ci4-homepage .home-activity-masonry .hm-act-item:hover img {
  transform: scale(1.05);
}

/* Ảnh ngang rộng (span 2 cột) */
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(1),
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(6),
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(11) {
  grid-column: span 2;
}

.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(1) img,
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(6) img,
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(11) img {
  height: 170px;
}

/* Ảnh cao (span 2 hàng) */
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(3),
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(8) {
  grid-row: span 2;
}

.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(3) img,
.ci4-homepage .home-activity-masonry .hm-act-item:nth-child(8) img {
  height: 350px;
}

/* Tablet: 3 cột, bỏ span hàng */
@media (max-width: 991px) {
  .ci4-homepage .home-activity-masonry {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(3),
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(8) {
    grid-row: span 1;
  }

  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(3) img,
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(8) img {
    height: 170px;
  }
}

/* Mobile: 2 cột, một số ảnh full width */
@media (max-width: 767px) {
  .ci4-homepage .home-activity-masonry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .ci4-homepage .home-activity-masonry .hm-act-item img {
    height: 125px;
  }

  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(1),
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(6),
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(11) {
    grid-column: span 2;
  }

  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(1) img,
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(6) img,
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(11) img {
    height: 150px;
  }

  /* Bỏ span hàng trên mobile */
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(3),
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(8) {
    grid-row: span 1;
  }

  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(3) img,
  .ci4-homepage .home-activity-masonry .hm-act-item:nth-child(8) img {
    height: 125px;
  }
}

/* ── 4. ĐẶT PHÒNG KHÁCH SẠN — riêng biệt, 4-col desktop ── */
.ci4-homepage .home-hotel-section {
  margin-top: 28px;
  padding-top: 8px;
}

.ci4-homepage .home-hotel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 12px 0 20px;
  flex: unset; /* override flex từ hp-rooms */
  flex-wrap: unset;
}

/* Override hp-room-card flex properties bên trong hotel-grid */
.ci4-homepage .home-hotel-grid .hp-room-card {
  flex: unset;
  min-width: unset;
  border: 1px solid #d4f0d8;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow .2s;
  background: #fff;
}

.ci4-homepage .home-hotel-grid .hp-room-card:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,.1);
}

.ci4-homepage .home-hotel-grid .hp-room-card > img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

@media (max-width: 991px) {
  .ci4-homepage .home-hotel-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .ci4-homepage .home-hotel-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .ci4-homepage .home-hotel-grid .hp-room-card > img {
    height: 110px;
  }
}

/* ── 5. VÌ SAO CHỌN — item cuối lẻ full-width ────────── */
.ci4-homepage .home-benefit-grid > .hp-service-item:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  max-width: 50%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .ci4-homepage .home-benefit-grid > .hp-service-item:last-child:nth-child(odd) {
    max-width: 100%;
  }
}

/* ═══════════════════════════════════════════════════════
   MODULE VÉ MÁY BAY + KHÁCH SẠN — tách riêng hoàn toàn
   ═══════════════════════════════════════════════════════ */

/* ── Flight module ─────────────────────────────────────── */
.ci4-homepage .home-flight-module {
  display: block;
  width: 100%;
  margin: 24px 0 0;
  padding-bottom: 24px;
  border-bottom: 2px solid #e8f5e9;
}

.ci4-homepage .home-flight-grid {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin-top: 16px;
}

.ci4-homepage .home-flight-form-wrap {
  flex: 0 0 50%;
  max-width: 50%;
}

.ci4-homepage .home-flight-banner-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ci4-homepage .home-flight-banner-wrap img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.ci4-homepage .home-flight-airlines {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
}

.ci4-homepage .home-flight-airlines img {
  height: 36px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* ── Hotel module — tách hoàn toàn, clear + block full ── */
.ci4-homepage .home-hotel-module {
  display: block;
  width: 100%;
  clear: both;
  margin: 28px 0 0;
  padding-top: 8px;
}

.ci4-homepage .home-hotel-module .home-section-title {
  text-align: center;
}

.ci4-homepage .home-hotel-module .home-hotel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 14px 0 20px;
}

.ci4-homepage .home-hotel-module .hp-room-card {
  border: 1px solid #d4f0d8;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  transition: box-shadow .2s;
  flex: unset;
  min-width: unset;
}

.ci4-homepage .home-hotel-module .hp-room-card:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,.1);
}

.ci4-homepage .home-hotel-module .hp-room-card > img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

/* Tablet */
@media (max-width: 991px) {
  .ci4-homepage .home-hotel-module .home-hotel-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ci4-homepage .home-flight-grid {
    flex-direction: column;
  }

  .ci4-homepage .home-flight-form-wrap {
    flex: unset;
    max-width: 100%;
    width: 100%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .ci4-homepage .home-hotel-module .home-hotel-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .ci4-homepage .home-hotel-module .hp-room-card > img {
    height: 110px;
  }
}

/* ═══════════════════════════════════════════════════════
   FIX MOBILE SERVICE BANNERS — override mọi rule cũ
   ═══════════════════════════════════════════════════════ */

/* Desktop: grid 3 cột đều */
.ci4-homepage .home-service-section {
  width: 100% !important;
  max-width: none !important;
  margin: 24px auto !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  overflow: hidden !important;
  clear: both !important;
}

.ci4-homepage .home-service-row,
.ci4-homepage .home-service-grid,
.ci4-homepage .home-service-scroll {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.ci4-homepage .home-service-row > *,
.ci4-homepage .home-service-grid > *,
.ci4-homepage .home-service-scroll > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  float: none !important;
  display: block !important;
}

.ci4-homepage .home-service-row img,
.ci4-homepage .home-service-grid img,
.ci4-homepage .home-service-scroll img {
  width: 100% !important;
  height: 170px !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

/* Mobile: 1 hàng scroll ngang */
@media (max-width: 767px) {
  .ci4-homepage .home-service-row,
  .ci4-homepage .home-service-grid,
  .ci4-homepage .home-service-scroll {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 8px !important;
  }

  .ci4-homepage .home-service-row > *,
  .ci4-homepage .home-service-grid > *,
  .ci4-homepage .home-service-scroll > * {
    flex: 0 0 82vw !important;
    width: 82vw !important;
    max-width: 82vw !important;
    min-width: 82vw !important;
    scroll-snap-align: start !important;
  }

  .ci4-homepage .home-service-row img,
  .ci4-homepage .home-service-grid img,
  .ci4-homepage .home-service-scroll img {
    width: 100% !important;
    height: 145px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 10px !important;
  }
}

/* FIX airline logos: 4 logos = 25% each */
.ci4-homepage .home-flight-airlines {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, 25%) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0 !important;
  margin: 16px 0 18px !important;
  padding: 0 !important;
}

.ci4-homepage .home-flight-airlines img {
  width: 100% !important;
  max-width: 100% !important;
  height: 34px !important;
  object-fit: contain !important;
  display: block !important;
  padding: 0 6px !important;
}

@media (max-width: 767px) {
  .ci4-homepage .home-flight-airlines {
    grid-template-columns: repeat(4, 25%) !important;
    gap: 0 !important;
    margin: 12px 0 14px !important;
  }

  .ci4-homepage .home-flight-airlines img {
    height: 28px !important;
    padding: 0 3px !important;
  }
}

/* ── Báo Chí Nhắc DaNangBest ──────────────────────────── */
.ci4-homepage .home-press-section {
  width: 100%;
  max-width: none;
  margin: 36px auto;
  padding: 0 24px;
  clear: both;
  box-sizing: border-box;
}

.ci4-homepage .home-press-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 18px;
  align-items: stretch;
  justify-items: center;
  margin-top: 14px;
}

.ci4-homepage .home-press-item {
  width: 100%;
  min-width: 0;
}

.ci4-homepage .home-press-item img {
  width: 100%;
  height: 300px;
  display: block;
  object-fit: cover;
  object-position: top center;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,.06);
}

.ci4-homepage .home-press-section .hp-viewall {
  margin-top: 22px;
}

@media (max-width: 767px) {
  .ci4-homepage .home-press-section {
    padding: 0 10px;
    margin: 28px auto;
  }

  .ci4-homepage .home-press-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ci4-homepage .home-press-item img {
    height: 220px;
    border-radius: 7px;
  }
}

/* ── Báo Chí: override height cố định, giữ tỷ lệ gốc ─── */
.ci4-homepage .home-press-section {
  width: 100%;
  max-width: none;
  margin: 36px auto;
  padding: 0 24px;
  clear: both;
  box-sizing: border-box;
}

.ci4-homepage .home-press-grid,
.ci4-homepage .home-press-scroll {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 18px;
  align-items: start;
  justify-items: center;
  margin-top: 14px;
}

.ci4-homepage .home-press-grid > *,
.ci4-homepage .home-press-scroll > *,
.ci4-homepage .home-press-item {
  width: 100%;
  max-width: 240px;
  min-width: 0;
}

.ci4-homepage .home-press-grid img,
.ci4-homepage .home-press-scroll img,
.ci4-homepage .home-press-item img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block;
  object-fit: unset !important;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,.06);
}

.ci4-homepage .home-press-section .hp-viewall {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

/* Mobile: 1 hàng ngang, scroll ngang, thanh trượt hiển thị */
@media (max-width: 767px) {
  .ci4-homepage .home-press-section {
    padding: 0 10px;
    margin: 28px auto;
  }

  .ci4-homepage .home-press-grid,
  .ci4-homepage .home-press-scroll {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 14px;
    justify-content: flex-start;
  }

  .ci4-homepage .home-press-grid > *,
  .ci4-homepage .home-press-scroll > *,
  .ci4-homepage .home-press-item {
    flex: 0 0 72vw;
    width: 72vw;
    max-width: 72vw;
    min-width: 72vw;
    scroll-snap-align: start;
  }

  .ci4-homepage .home-press-grid img,
  .ci4-homepage .home-press-scroll img,
  .ci4-homepage .home-press-item img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  /* Thanh trượt ngang hiển thị rõ */
  .ci4-homepage .home-press-grid::-webkit-scrollbar,
  .ci4-homepage .home-press-scroll::-webkit-scrollbar {
    height: 6px;
  }

  .ci4-homepage .home-press-grid::-webkit-scrollbar-track,
  .ci4-homepage .home-press-scroll::-webkit-scrollbar-track {
    background: #e8f5e9;
    border-radius: 999px;
  }

  .ci4-homepage .home-press-grid::-webkit-scrollbar-thumb,
  .ci4-homepage .home-press-scroll::-webkit-scrollbar-thumb {
    background: #168c2f;
    border-radius: 999px;
  }
}

/* Press images width 80% */
.ci4-homepage .home-press-grid img,
.ci4-homepage .home-press-scroll img,
.ci4-homepage .home-press-item img {
  width: 80% !important;
  height: auto !important;
  max-height: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

@media (max-width: 767px) {
  .ci4-homepage .home-press-grid img,
  .ci4-homepage .home-press-scroll img,
  .ci4-homepage .home-press-item img {
    width: 80% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Mobile - Press section: scroll ngang, card sát nhau */
@media (max-width: 767px) {
  .ci4-homepage .home-press-scroll,
  .ci4-homepage .home-press-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 12px 10px !important;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .ci4-homepage .home-press-item,
  .ci4-homepage .home-press-card {
    flex: 0 0 80% !important;
    min-width: 80% !important;
    max-width: 80% !important;
    margin: 0 !important;
    scroll-snap-align: start;
  }

  .ci4-homepage .home-press-item img,
  .ci4-homepage .home-press-card img {
    width: 80% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .ci4-homepage .home-press-scroll::-webkit-scrollbar,
  .ci4-homepage .home-press-grid::-webkit-scrollbar {
    height: 6px;
  }

  .ci4-homepage .home-press-scroll::-webkit-scrollbar-thumb,
  .ci4-homepage .home-press-grid::-webkit-scrollbar-thumb {
    background: #b7cdb7;
    border-radius: 999px;
  }
}

/* Press mobile: card sát nhau, gap 4px, 80vw mỗi card */
@media (max-width: 767px) {
  .ci4-homepage .home-press-grid,
  .ci4-homepage .home-press-scroll {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 4px !important;
    column-gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 8px 12px !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .ci4-homepage .home-press-grid > *,
  .ci4-homepage .home-press-scroll > *,
  .ci4-homepage .home-press-item,
  .ci4-homepage .home-press-card {
    flex: 0 0 80vw !important;
    width: 80vw !important;
    min-width: 80vw !important;
    max-width: 80vw !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
  }

  .ci4-homepage .home-press-grid img,
  .ci4-homepage .home-press-scroll img,
  .ci4-homepage .home-press-item img,
  .ci4-homepage .home-press-card img {
    width: 80% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .ci4-homepage .home-press-grid::-webkit-scrollbar,
  .ci4-homepage .home-press-scroll::-webkit-scrollbar {
    height: 6px !important;
  }

  .ci4-homepage .home-press-grid::-webkit-scrollbar-track,
  .ci4-homepage .home-press-scroll::-webkit-scrollbar-track {
    background: #e7f5e8 !important;
    border-radius: 999px !important;
  }

  .ci4-homepage .home-press-grid::-webkit-scrollbar-thumb,
  .ci4-homepage .home-press-scroll::-webkit-scrollbar-thumb {
    background: #25a244 !important;
    border-radius: 999px !important;
  }
}

/* ── Vì Sao Chọn: hàng 1 = 3 card, hàng 2 = 2 card căn giữa ── */
@media (min-width: 992px) {
  /* Xóa translateY cũ */
  .ci4-homepage .home-benefit-grid > .hp-service-item:nth-child(2),
  .ci4-homepage .home-benefit-grid > .hp-service-item:nth-child(4) {
    transform: none !important;
  }

  /* Xóa full-width last-child cho desktop */
  .ci4-homepage .home-benefit-grid > .hp-service-item:last-child:nth-child(odd) {
    grid-column: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* 6 cột ảo: mỗi card span 2 = 1/3 rộng, dễ căn giữa 2 card hàng 2 */
  .ci4-homepage .home-benefit-section .hp-services,
  .ci4-homepage .home-benefit-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  /* Mặc định: mỗi item span 2 cột = chiếm 1/3 hàng */
  .ci4-homepage .home-benefit-grid > .hp-service-item {
    grid-column: span 2 !important;
    transform: none !important;
  }

  /* Item 4: bắt đầu cột 2 → cân trái với khoảng trống cột 1 */
  .ci4-homepage .home-benefit-grid > .hp-service-item:nth-child(4) {
    grid-column: 2 / 4 !important;
  }

  /* Item 5: bắt đầu cột 4 → cân phải với khoảng trống cột 6 */
  .ci4-homepage .home-benefit-grid > .hp-service-item:nth-child(5) {
    grid-column: 4 / 6 !important;
  }
}

/* ── Vì Sao Chọn: 5 card 1 hàng trên PC ─────────────── */
@media (min-width: 992px) {
  .ci4-homepage .home-benefit-section .hp-services,
  .ci4-homepage .home-benefit-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  /* Tất cả card: span 1 cột, không span 2, không translateY */
  .ci4-homepage .home-benefit-grid > .hp-service-item {
    grid-column: span 1 !important;
    transform: none !important;
  }

  /* Reset last-child full-width */
  .ci4-homepage .home-benefit-grid > .hp-service-item:last-child:nth-child(odd) {
    grid-column: span 1 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Reset nth-child positioning từ round trước */
  .ci4-homepage .home-benefit-grid > .hp-service-item:nth-child(4) {
    grid-column: span 1 !important;
  }
  .ci4-homepage .home-benefit-grid > .hp-service-item:nth-child(5) {
    grid-column: span 1 !important;
  }
  .ci4-homepage .home-benefit-grid > .hp-service-item:nth-child(2) {
    transform: none !important;
  }
}

/* ═══════════════════════════════════════════════════════
   QUY TRÌNH ĐẶT PHÒNG (A46)
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .hotel-process {
  background: #f3faf5;
  border-radius: 20px;
  padding: 35px;
  margin-top: 40px;
  border: 1px solid #d8ecd9;
}
.ci4-homepage .hotel-process h3 {
  text-align: center;
  color: #0b6b3a;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.ci4-homepage .process-wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.ci4-homepage .process-item {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  transition: .3s;
}
.ci4-homepage .process-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -15px;
  top: 50%;
  width: 30px;
  border-top: 3px dashed #2ea44f;
}
.ci4-homepage .process-icon {
  width: 90px;
  height: 90px;
  min-width: 90px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #d9ebdc;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}
.ci4-homepage .process-icon i {
  font-size: 34px;
  color: #179b46;
}
.ci4-homepage .process-icon span {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #179b46;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}
.ci4-homepage .process-content {
  padding-left: 20px;
}
.ci4-homepage .process-content h4 {
  color: #0b6b3a;
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: 700;
}
.ci4-homepage .process-content p {
  color: #555;
  line-height: 1.6;
  margin: 0;
}
.ci4-homepage .process-item:hover {
  transform: translateY(-5px);
}
.ci4-homepage .process-item:hover .process-icon {
  border-color: #179b46;
  box-shadow: 0 15px 35px rgba(23,155,70,.15);
}
@media (max-width: 991px) {
  .ci4-homepage .hotel-process {
    padding: 25px 20px;
  }
  .ci4-homepage .hotel-process h3 {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .ci4-homepage .process-wrap {
    flex-direction: column;
    gap: 25px;
  }
  .ci4-homepage .process-item {
    align-items: flex-start;
  }
  .ci4-homepage .process-item:not(:last-child)::after {
    display: none;
  }
  .ci4-homepage .process-icon {
    width: 74px;
    height: 74px;
    min-width: 74px;
  }
  .ci4-homepage .process-icon i {
    font-size: 28px;
  }
  .ci4-homepage .process-content h4 {
    font-size: 18px;
  }
  .ci4-homepage .process-content p {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .ci4-homepage .process-item {
    display: block;
    text-align: center;
  }
  .ci4-homepage .process-content {
    padding-left: 0;
    padding-top: 18px;
  }
  .ci4-homepage .process-icon {
    margin: 0 auto;
  }
}

/* ═══════════════════════════════════════════════════════
   A47 — FLIGHT LANDING SECTION
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .flight-landing-section{
  font-family:'Be Vietnam Pro',sans-serif;
  padding:40px 0 50px;
  background:linear-gradient(180deg,#f8faf8 0%,#ffffff 100%);
}
.ci4-homepage .flight-landing-wrap{
  width:min(1500px,calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:700px;
  gap:28px;
  align-items:stretch;
}
.ci4-homepage .flight-left{
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(12px);
  border-radius:28px;
  box-shadow:0 18px 48px rgba(13,44,24,.08);
  padding:34px 34px 28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.ci4-homepage .flight-heading,
.ci4-homepage .flight-airline-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
}
.ci4-homepage .flight-heading h2{
  margin:0;
  font-size:52px;
  line-height:1.1;
  color:#0a7b34;
  font-weight:800;
  letter-spacing:.5px;
}
.ci4-homepage .flight-airline-title h4{
  margin:0;
  font-size:20px;
  color:#176b35;
  font-weight:800;
  letter-spacing:.4px;
}
.ci4-homepage .flight-heading-line{
  width:95px;
  height:2px;
  border-top:2px dashed #1f9a49;
  display:block;
  position:relative;
}
.ci4-homepage .flight-heading-line:after{
  content:"\2726";
  position:absolute;
  right:-8px;
  top:-12px;
  font-size:12px;
  color:#1f9a49;
}
.ci4-homepage .flight-heading-icon{
  text-align:center;
  margin:10px 0 18px;
  color:#198c43;
  font-size:22px;
}
.ci4-homepage .flight-service-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-bottom:26px;
}
.ci4-homepage .flight-service-item{
  text-align:center;
  padding:14px 18px 6px;
  position:relative;
  transition:.3s ease;
}
.ci4-homepage .flight-service-item:not(:last-child){
  border-right:1px solid rgba(11,143,63,.15);
}
.ci4-homepage .flight-service-item:hover{
  transform:translateY(-4px);
}
.ci4-homepage .flight-service-icon{
  width:92px;
  height:92px;
  margin:0 auto 18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.09);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:40px;
  color:#14a13f;
}
.ci4-homepage .flight-service-item h3{
  margin:0 0 8px;
  font-size:21px;
  font-weight:800;
  color:#13692e;
}
.ci4-homepage .flight-service-item p{
  margin:0 0 6px;
  font-size:18px;
  color:#222;
  font-weight:500;
}
.ci4-homepage .flight-service-item span{
  display:block;
  font-size:16px;
  color:#ff3f2b;
  font-weight:500;
}
.ci4-homepage .flight-form-card{
  background:#fff;
  border-radius:22px;
  padding:24px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  border:1px solid #edf1ed;
  margin-bottom:22px;
}
.ci4-homepage .flight-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.ci4-homepage .flight-form-group{
  display:grid;
  grid-template-columns:160px 1fr;
  align-items:center;
  gap:18px;
}
.ci4-homepage .flight-form-group label{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:700;
  color:#1e1e1e;
}
.ci4-homepage .flight-form-group label i{
  color:#0b8f3f;
  width:20px;
  text-align:center;
}
.ci4-homepage .flight-form-group input{
  width:100%;
  height:58px;
  border:1px solid #dfe4df;
  border-radius:10px;
  background:#fff;
  padding:0 16px;
  font-size:17px;
  color:#222;
  outline:none;
  transition:.3s ease;
  box-sizing:border-box;
}
.ci4-homepage .flight-form-group input:focus{
  border-color:#0b8f3f;
  box-shadow:0 0 0 4px rgba(11,143,63,.08);
}
.ci4-homepage .flight-cta-btn{
  height:60px;
  border:none;
  border-radius:12px;
  background:linear-gradient(90deg,#049332 0%,#8bd11c 100%);
  color:#fff;
  font-size:20px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(11,143,63,.22);
  transition:.3s ease;
}
.ci4-homepage .flight-cta-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 32px rgba(11,143,63,.28);
}
.ci4-homepage .flight-guarantee-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  background:#f3faf2;
  border-radius:18px;
  padding:18px 22px;
  margin-bottom:26px;
  border:1px solid #e2efe3;
}
.ci4-homepage .flight-guarantee-item{
  display:flex;
  align-items:center;
  gap:14px;
}
.ci4-homepage .flight-guarantee-item i{
  color:#14873d;
  font-size:28px;
  min-width:28px;
}
.ci4-homepage .flight-guarantee-item strong{
  display:block;
  font-size:20px;
  color:#1f1f1f;
  margin-bottom:3px;
}
.ci4-homepage .flight-guarantee-item span{
  display:block;
  color:#555;
  font-size:16px;
}
.ci4-homepage .flight-airline-title{
  margin:8px 0 18px;
}
.ci4-homepage .flight-airline-logos{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  align-items:center;
}
.ci4-homepage .airline-logo{
  text-align:center;
  font-size:20px;
  font-weight:800;
  padding:10px 8px;
}
.ci4-homepage .airline-vietjet{color:#e01919;}
.ci4-homepage .airline-vna{color:#b98300;}
.ci4-homepage .airline-jetstar{color:#f06d00;}
.ci4-homepage .airline-cathay{color:#0e5d67;}
.ci4-homepage .flight-right{
  display:flex;
  align-items:stretch;
}
.ci4-homepage .flight-banner{
  position:relative;
  width:100%;
  min-height:700px;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 18px 46px rgba(11,30,60,.16);
  background:#d8eefb;
}
.ci4-homepage .flight-banner > img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ci4-homepage .flight-banner-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:52px 40px 38px;
  z-index:2;
}
.ci4-homepage .flight-banner-text{
  max-width:72%;
}
.ci4-homepage .flight-banner-sub{
  font-size:60px;
  font-weight:300;
  font-style:italic;
  color:#ff8d12;
  line-height:1;
  margin-bottom:8px;
}
.ci4-homepage .flight-banner-title{
  font-size:86px;
  line-height:.95;
  font-weight:900;
  color:#0b7f2f;
  text-shadow:0 4px 14px rgba(0,0,0,.12);
  margin-bottom:22px;
}
.ci4-homepage .flight-banner-text p{
  margin:0;
  font-size:24px;
  line-height:1.5;
  color:#2e2e2e;
  font-weight:500;
}
.ci4-homepage .flight-timeline{
  position:absolute;
  right:36px;
  top:165px;
  width:360px;
  z-index:3;
}
.ci4-homepage .timeline-line{
  position:absolute;
  left:18px;
  top:36px;
  bottom:36px;
  width:3px;
  border-left:3px dashed #ff9a1f;
  opacity:.9;
}
.ci4-homepage .timeline-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:26px;
}
.ci4-homepage .timeline-item:last-child{
  margin-bottom:0;
}
.ci4-homepage .timeline-item::before{
  content:"";
  position:absolute;
  left:12px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  border:4px solid #ff9a1f;
  z-index:2;
}
.ci4-homepage .timeline-icon{
  width:90px;
  height:90px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:38px;
  position:relative;
  z-index:3;
  flex-shrink:0;
}
.ci4-homepage .timeline-box{
  flex:1;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  border-radius:50px;
  padding:18px 24px;
  box-shadow:0 14px 30px rgba(0,0,0,.12);
  transition:.3s ease;
}
.ci4-homepage .timeline-box:hover{
  transform:translateY(-3px);
}
.ci4-homepage .timeline-box strong{
  display:block;
  font-size:20px;
  color:#156e35;
  margin-bottom:4px;
  font-weight:800;
}
.ci4-homepage .timeline-box span{
  display:block;
  font-size:16px;
  color:#333;
}
.ci4-homepage .timeline-item.green .timeline-icon{color:#1f9a45;}
.ci4-homepage .timeline-item.orange .timeline-icon{color:#f39b16;}
.ci4-homepage .timeline-item.blue .timeline-icon{color:#2385df;}
.ci4-homepage .timeline-item.purple .timeline-icon{color:#8c56e3;}
.ci4-homepage .flight-hotline-card{
  position:absolute;
  left:36px;
  bottom:18px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:18px;
  min-width:390px;
  background:rgba(14,104,32,.85);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  border-radius:24px;
  padding:18px 22px;
  box-shadow:0 16px 30px rgba(8,50,20,.28);
}
.ci4-homepage .flight-hotline-icon{
  width:72px;
  height:72px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  color:#fff;
  flex-shrink:0;
}
.ci4-homepage .flight-hotline-content strong{
  display:block;
  font-size:18px;
  font-weight:800;
  margin-bottom:4px;
}
.ci4-homepage .flight-hotline-content span{
  display:block;
  font-size:16px;
  opacity:.95;
  margin-bottom:5px;
}
.ci4-homepage .flight-hotline-content b{
  display:block;
  font-size:23px;
  line-height:1.2;
  color:#ffe344;
  font-weight:900;
}
.ci4-homepage .flight-bottom-wave{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:150px;
  z-index:1;
}
.ci4-homepage .flight-bottom-wave svg{
  width:100%;
  height:100%;
  display:block;
}
@media (max-width:1400px){
  .ci4-homepage .flight-banner-title{font-size:72px;}
  .ci4-homepage .flight-banner-sub{font-size:50px;}
  .ci4-homepage .flight-timeline{width:320px;right:24px;}
  .ci4-homepage .timeline-box strong{font-size:18px;}
}
@media (max-width:1199px){
  .ci4-homepage .flight-landing-wrap{grid-template-columns:1fr;}
  .ci4-homepage .flight-banner{min-height:760px;}
  .ci4-homepage .flight-banner-text{max-width:62%;}
  .ci4-homepage .flight-banner-title{font-size:68px;}
}
@media (max-width:991px){
  .ci4-homepage .flight-left{padding:26px 20px;}
  .ci4-homepage .flight-heading h2{font-size:38px;}
  .ci4-homepage .flight-service-list{grid-template-columns:1fr;gap:18px;}
  .ci4-homepage .flight-service-item{border-right:none!important;border-bottom:1px solid rgba(11,143,63,.12);padding-bottom:18px;}
  .ci4-homepage .flight-form-group{grid-template-columns:1fr;gap:10px;}
  .ci4-homepage .flight-guarantee-row{grid-template-columns:1fr;}
  .ci4-homepage .flight-airline-logos{grid-template-columns:repeat(2,1fr);}
  .ci4-homepage .flight-banner{min-height:900px;}
  .ci4-homepage .flight-banner-overlay{padding:34px 20px 26px;}
  .ci4-homepage .flight-banner-text{max-width:100%;padding-right:0;}
  .ci4-homepage .flight-banner-sub{font-size:42px;}
  .ci4-homepage .flight-banner-title{font-size:54px;}
  .ci4-homepage .flight-banner-text p{font-size:19px;}
  .ci4-homepage .flight-timeline{position:relative;top:auto;right:auto;width:100%;margin-top:30px;}
  .ci4-homepage .flight-hotline-card{position:relative;left:auto;bottom:auto;min-width:unset;width:100%;margin-top:22px;}
}
@media (max-width:767px){
  .ci4-homepage .flight-landing-wrap{width:calc(100% - 24px);gap:18px;}
  .ci4-homepage .flight-heading{gap:8px;}
  .ci4-homepage .flight-heading h2{font-size:30px;}
  .ci4-homepage .flight-heading-line{width:42px;}
  .ci4-homepage .flight-service-icon{width:78px;height:78px;font-size:32px;}
  .ci4-homepage .flight-form-card{padding:18px;}
  .ci4-homepage .flight-form-group label{font-size:16px;}
  .ci4-homepage .flight-cta-btn{font-size:18px;}
  .ci4-homepage .flight-airline-logos{grid-template-columns:1fr 1fr;gap:8px;}
  .ci4-homepage .airline-logo{font-size:16px;}
  .ci4-homepage .flight-banner{min-height:980px;border-radius:24px;}
  .ci4-homepage .flight-banner-sub{font-size:34px;}
  .ci4-homepage .flight-banner-title{font-size:44px;}
  .ci4-homepage .flight-banner-text p{font-size:17px;}
  .ci4-homepage .timeline-item{gap:12px;}
  .ci4-homepage .timeline-icon{width:72px;height:72px;font-size:28px;}
  .ci4-homepage .timeline-box{border-radius:24px;padding:14px 16px;}
  .ci4-homepage .timeline-box strong{font-size:16px;}
  .ci4-homepage .timeline-box span{font-size:14px;}
  .ci4-homepage .flight-hotline-card{padding:14px 16px;gap:12px;}
  .ci4-homepage .flight-hotline-icon{width:58px;height:58px;font-size:26px;}
  .ci4-homepage .flight-hotline-content strong{font-size:16px;}
  .ci4-homepage .flight-hotline-content span{font-size:14px;}
  .ci4-homepage .flight-hotline-content b{font-size:20px;}
}
@media (max-width:480px){
  .ci4-homepage .flight-heading h2{font-size:26px;}
  .ci4-homepage .flight-airline-logos{grid-template-columns:1fr;}
  .ci4-homepage .flight-banner{min-height:1040px;}
  .ci4-homepage .flight-banner-title{font-size:36px;}
  .ci4-homepage .flight-banner-sub{font-size:28px;}
  .ci4-homepage .timeline-line{left:14px;}
  .ci4-homepage .timeline-item::before{left:8px;}
  .ci4-homepage .timeline-icon{width:62px;height:62px;font-size:24px;}
}


/* ═══════════════════════════════════════════════════════
   A47.1 — FLIGHT SECTION FIXES (override A47 where needed)
   ═══════════════════════════════════════════════════════ */

/* --- Heading title: clamp, no overflow --- */
.ci4-homepage .flight-heading h2{
  margin:0;
  font-size:clamp(34px,3vw,46px);
  line-height:1.15;
  color:#0a7b34;
  font-weight:800;
  letter-spacing:.5px;
  text-align:center;
  max-width:520px;
}
.ci4-homepage .flight-heading-line{
  width:70px;
  height:2px;
  border-top:2px dashed #1f9a49;
  flex-shrink:0;
  position:relative;
}

/* --- Right column: clean image, no overlay --- */
.ci4-homepage .flight-right{
  display:flex;
  align-items:stretch;
}
.ci4-homepage .flight-banner{
  position:relative;
  width:100%;
  min-height:700px;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 18px 46px rgba(11,30,60,.16);
  background:#eaf7ff;
}
.ci4-homepage .flight-banner > img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* --- Grid height --- */
.ci4-homepage .flight-landing-wrap{
  width:min(1500px,calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:700px;
  gap:28px;
  align-items:stretch;
}
.ci4-homepage .flight-left{
  min-height:700px;
}

/* --- Responsive overrides --- */
@media (max-width:1199px){
  .ci4-homepage .flight-landing-wrap{
    grid-template-columns:1fr;
  }
  .ci4-homepage .flight-left,
  .ci4-homepage .flight-right{
    min-height:auto;
  }
  .ci4-homepage .flight-banner{
    min-height:620px;
  }
}
@media (max-width:767px){
  .ci4-homepage .flight-heading h2{
    font-size:30px;
  }
  .ci4-homepage .flight-heading-line{
    width:38px;
  }
  .ci4-homepage .flight-banner{
    min-height:520px;
    border-radius:22px;
  }
}
@media (max-width:480px){
  .ci4-homepage .flight-banner{
    min-height:460px;
  }
}


/* ═══════════════════════════════════════════════════════
   A47.2 — Flight left column typography and icon polish
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .flight-heading{
  margin-bottom:8px;
}
.ci4-homepage .flight-heading h2{
  font-size:clamp(40px,3.4vw,56px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:.8px;
  color:#0b7a34;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 3px 10px rgba(11,122,52,.08);
  max-width:620px;
  white-space:normal;
}
.ci4-homepage .flight-heading-line{
  width:88px;
  border-top:2px dashed #159447;
  flex-shrink:0;
}
.ci4-homepage .flight-heading-icon{
  margin:14px 0 24px;
  font-size:24px;
  color:#159447;
}
.ci4-homepage .flight-heading-icon i{
  font-size:24px !important;
}
.ci4-homepage .flight-service-list{
  margin-bottom:30px;
}
.ci4-homepage .flight-service-item{
  padding:18px 22px 10px;
}
.ci4-homepage .flight-service-icon{
  width:116px;
  height:116px;
  min-width:116px;
  margin:0 auto 22px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(18,137,61,.08);
  box-shadow:0 18px 42px rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#149642;
  line-height:1;
}
.ci4-homepage .flight-service-icon i{
  font-size:52px !important;
  line-height:1 !important;
  color:#149642 !important;
  display:block;
}
.ci4-homepage .flight-service-item h3{
  font-size:22px;
  line-height:1.2;
  font-weight:900;
  color:#126f34;
  letter-spacing:.2px;
  margin:0 0 10px;
}
.ci4-homepage .flight-service-item p{
  font-size:18px;
  line-height:1.35;
  font-weight:500;
  color:#202020;
  margin:0 0 7px;
}
.ci4-homepage .flight-service-item span{
  font-size:16px;
  line-height:1.35;
  color:#ff3d2a;
  font-weight:500;
}
.ci4-homepage .flight-form-card{
  border-radius:24px;
  padding:28px 26px;
  box-shadow:0 18px 44px rgba(0,0,0,.07);
}
.ci4-homepage .flight-form{
  gap:20px;
}
.ci4-homepage .flight-form-group{
  grid-template-columns:170px 1fr;
  gap:18px;
}
.ci4-homepage .flight-form-group label{
  font-size:18px;
  line-height:1.35;
  font-weight:800;
  color:#202020;
}
.ci4-homepage .flight-form-group label i{
  font-size:20px !important;
  color:#0b8f3f !important;
  width:24px;
}
.ci4-homepage .flight-form-group input{
  height:62px;
  border-radius:12px;
  font-size:17px;
  font-weight:500;
  padding:0 18px;
}
.ci4-homepage .flight-cta-btn{
  height:66px;
  border-radius:14px;
  font-size:22px;
  font-weight:900;
  letter-spacing:.3px;
}
.ci4-homepage .flight-cta-btn i{
  font-size:22px !important;
}
.ci4-homepage .flight-guarantee-row{
  padding:22px 26px;
  border-radius:20px;
}
.ci4-homepage .flight-guarantee-item i{
  font-size:34px !important;
  color:#12893d !important;
}
.ci4-homepage .flight-guarantee-item strong{
  font-size:20px;
  font-weight:900;
}
.ci4-homepage .flight-guarantee-item span{
  font-size:16px;
  line-height:1.4;
}
.ci4-homepage .flight-airline-title h4{
  font-size:22px;
  font-weight:900;
}
.ci4-homepage .airline-logo{
  font-size:21px;
  font-weight:900;
}
@media (max-width:1199px){
  .ci4-homepage .flight-heading h2{
    font-size:clamp(38px,5vw,52px);
  }
}
@media (max-width:991px){
  .ci4-homepage .flight-heading h2{
    font-size:38px;
  }
  .ci4-homepage .flight-service-icon{
    width:104px;
    height:104px;
    min-width:104px;
  }
  .ci4-homepage .flight-service-icon i{
    font-size:46px !important;
  }
  .ci4-homepage .flight-form-group{
    grid-template-columns:1fr;
  }
}
@media (max-width:767px){
  .ci4-homepage .flight-heading h2{
    font-size:32px;
  }
  .ci4-homepage .flight-heading-line{
    width:44px;
  }
  .ci4-homepage .flight-service-icon{
    width:96px;
    height:96px;
    min-width:96px;
  }
  .ci4-homepage .flight-service-icon i{
    font-size:42px !important;
  }
  .ci4-homepage .flight-service-item h3{
    font-size:20px;
  }
  .ci4-homepage .flight-service-item p{
    font-size:16px;
  }
  .ci4-homepage .flight-service-item span{
    font-size:15px;
  }
}
@media (max-width:480px){
  .ci4-homepage .flight-heading h2{
    font-size:28px;
  }
  .ci4-homepage .flight-heading-line{
    width:28px;
  }
  .ci4-homepage .flight-service-icon{
    width:88px;
    height:88px;
    min-width:88px;
  }
  .ci4-homepage .flight-service-icon i{
    font-size:38px !important;
  }
  .ci4-homepage .flight-form-card{
    padding:20px 16px;
  }
  .ci4-homepage .flight-cta-btn{
    height:60px;
    font-size:18px;
  }
}


/* ═══════════════════════════════════════════════════════
   A47.3 — Fix FontAwesome icons and right banner crop
   ═══════════════════════════════════════════════════════ */

/* 1. Restore FontAwesome font after older wildcard font overrides */
.ci4-homepage .flight-left .fa,
.ci4-homepage .flight-left [class^="fa-"],
.ci4-homepage .flight-left [class*=" fa-"]{
  font-family:FontAwesome !important;
  font-style:normal !important;
  font-weight:normal !important;
  speak:none;
  display:inline-block;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* 2. Icon sizes — explicit targeting via .fa (not i) */
.ci4-homepage .flight-service-icon .fa{
  font-size:54px !important;
  line-height:1 !important;
  color:#149642 !important;
}
.ci4-homepage .flight-service-icon{
  width:118px;
  height:118px;
  min-width:118px;
}
.ci4-homepage .flight-heading-icon .fa{
  font-size:24px !important;
  color:#159447 !important;
}
.ci4-homepage .flight-form-group label .fa{
  font-size:20px !important;
  width:24px;
  color:#0b8f3f !important;
}
.ci4-homepage .flight-cta-btn .fa{
  font-size:22px !important;
  color:#fff !important;
}
.ci4-homepage .flight-guarantee-item .fa{
  font-size:34px !important;
  color:#12893d !important;
}

/* 3. Right banner — keep full image visible, no crop */
.ci4-homepage .flight-banner{
  position:relative;
  width:100%;
  aspect-ratio:3 / 2;
  height:auto;
  min-height:unset !important;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 18px 46px rgba(11,30,60,.16);
  background:#eaf7ff;
}
.ci4-homepage .flight-banner > img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
  background:#eaf7ff;
}
.ci4-homepage .flight-right{
  display:flex;
  align-items:flex-start;
}

/* 4. Left column padding tune */
.ci4-homepage .flight-left{
  padding:32px 34px 26px;
}
.ci4-homepage .flight-service-list{
  margin-bottom:24px;
}
.ci4-homepage .flight-form-card{
  margin-bottom:20px;
}

/* 5. Responsive banner */
@media (max-width:1199px){
  .ci4-homepage .flight-banner{
    aspect-ratio:3 / 2;
    min-height:unset !important;
  }
}
@media (max-width:991px){
  .ci4-homepage .flight-service-icon{
    width:104px;
    height:104px;
    min-width:104px;
  }
  .ci4-homepage .flight-service-icon .fa{
    font-size:46px !important;
  }
}
@media (max-width:767px){
  .ci4-homepage .flight-banner{
    border-radius:22px;
  }
  .ci4-homepage .flight-service-icon{
    width:96px;
    height:96px;
    min-width:96px;
  }
  .ci4-homepage .flight-service-icon .fa{
    font-size:42px !important;
  }
}
@media (max-width:480px){
  .ci4-homepage .flight-service-icon{
    width:88px;
    height:88px;
    min-width:88px;
  }
  .ci4-homepage .flight-service-icon .fa{
    font-size:38px !important;
  }
}


/* ═══════════════════════════════════════════════════════
   A47.4 — Make right flight image match left column size
   ═══════════════════════════════════════════════════════ */
.ci4-homepage .flight-landing-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px;
  align-items:stretch;
}
.ci4-homepage .flight-left{
  height:700px;
  min-height:700px;
  overflow:hidden;
}
.ci4-homepage .flight-right{
  height:700px;
  min-height:700px;
  display:flex;
  align-items:stretch;
}
.ci4-homepage .flight-banner{
  width:100%;
  height:700px;
  min-height:700px !important;
  aspect-ratio:auto !important;
  border-radius:30px;
  overflow:hidden;
  background:#eaf7ff;
  box-shadow:0 18px 46px rgba(11,30,60,.16);
}
.ci4-homepage .flight-banner > img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  display:block;
  background:#eaf7ff;
}
@media (max-width:1199px){
  .ci4-homepage .flight-landing-wrap{
    grid-template-columns:1fr;
  }
  .ci4-homepage .flight-left{
    height:auto;
    min-height:auto;
    overflow:visible;
  }
  .ci4-homepage .flight-right{
    height:auto;
    min-height:auto;
  }
  .ci4-homepage .flight-banner{
    height:620px;
    min-height:620px !important;
  }
}
@media (max-width:767px){
  .ci4-homepage .flight-banner{
    height:520px;
    min-height:520px !important;
    border-radius:22px;
  }
}
@media (max-width:480px){
  .ci4-homepage .flight-banner{
    height:460px;
    min-height:460px !important;
  }
}


/* ═══════════════════════════════════════════════════════
   A47.5 — Flight typography polish (per-element, not wildcard)
   ═══════════════════════════════════════════════════════ */

/* Left column base font — element only, no wildcard */
.ci4-homepage .flight-left{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
}

/* Restore FA icons explicitly */
.ci4-homepage .flight-left .fa{
  font-family:FontAwesome !important;
  font-weight:normal !important;
  font-style:normal !important;
}

/* Heading */
.ci4-homepage .flight-heading h2{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:clamp(38px,3.1vw,48px);
  line-height:1.15;
  font-weight:800;
  letter-spacing:.2px;
  color:#0b7433;
  text-align:center;
  text-transform:uppercase;
  text-shadow:none;
  max-width:560px;
}
.ci4-homepage .flight-heading-line{
  width:78px;
  border-top:2px dashed #159447;
}
.ci4-homepage .flight-heading-icon{
  margin:12px 0 28px;
}
.ci4-homepage .flight-heading-icon .fa{
  font-size:22px !important;
  color:#159447 !important;
}

/* Service items */
.ci4-homepage .flight-service-item h3{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:20px;
  line-height:1.25;
  font-weight:800;
  color:#126f34;
  letter-spacing:0;
  margin:0 0 9px;
}
.ci4-homepage .flight-service-item p{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:17px;
  line-height:1.4;
  font-weight:500;
  color:#222;
  margin:0 0 6px;
}
.ci4-homepage .flight-service-item span{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:15px;
  line-height:1.35;
  font-weight:500;
  color:#f04b36;
}

/* Form */
.ci4-homepage .flight-form-group label{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:17px;
  line-height:1.35;
  font-weight:700;
  color:#222;
}
.ci4-homepage .flight-form-group input{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#222;
}
.ci4-homepage .flight-form-group input::placeholder{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  color:#8f9690;
  font-weight:500;
}

/* CTA */
.ci4-homepage .flight-cta-btn{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:20px;
  font-weight:800;
  letter-spacing:.1px;
}

/* Guarantee row */
.ci4-homepage .flight-guarantee-item strong{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:18px;
  font-weight:800;
  color:#222;
}
.ci4-homepage .flight-guarantee-item span{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  color:#555;
}

/* Airline */
.ci4-homepage .flight-airline-title h4{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:21px;
  font-weight:800;
  letter-spacing:.2px;
}
.ci4-homepage .airline-logo{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:19px;
  font-weight:800;
}

/* Responsive heading */
@media (max-width:991px){
  .ci4-homepage .flight-heading h2{
    font-size:36px;
  }
}
@media (max-width:767px){
  .ci4-homepage .flight-heading h2{
    font-size:30px;
  }
  .ci4-homepage .flight-heading-line{
    width:42px;
  }
}
@media (max-width:480px){
  .ci4-homepage .flight-heading h2{
    font-size:27px;
  }
  .ci4-homepage .flight-heading-line{
    width:28px;
  }
}

/* =========================================================
A47.6 FINAL FIX  Flight section font + icon + banner
========================================================= */

.ci4-homepage .flight-left{
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
}

/* Restore FontAwesome, tranh icon thanh o vuong */
.ci4-homepage .flight-left .fa,
.ci4-homepage .flight-service-icon .fa,
.ci4-homepage .flight-form-group label .fa,
.ci4-homepage .flight-cta-btn .fa,
.ci4-homepage .flight-guarantee-item .fa,
.ci4-homepage .flight-heading-icon .fa{
font-family:FontAwesome !important;
font-style:normal !important;
font-weight:normal !important;
display:inline-block !important;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.ci4-homepage .flight-landing-section{
padding:40px 0 55px !important;
background:#f8fbf8 !important;
overflow:hidden;
}

.ci4-homepage .flight-landing-wrap{
width:min(1500px,calc(100% - 40px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:28px !important;
align-items:stretch !important;
}

/* LEFT COLUMN */
.ci4-homepage .flight-left{
height:700px !important;
min-height:700px !important;
overflow:hidden !important;
background:rgba(255,255,255,.94) !important;
border-radius:28px !important;
padding:34px 34px 28px !important;
box-shadow:0 18px 48px rgba(13,44,24,.08) !important;
display:flex !important;
flex-direction:column !important;
}

.ci4-homepage .flight-heading{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:14px !important;
margin-bottom:8px !important;
}

.ci4-homepage .flight-heading h2{
margin:0 !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:44px !important;
line-height:1.12 !important;
font-weight:800 !important;
letter-spacing:.2px !important;
color:#0b7433 !important;
text-align:center !important;
text-transform:uppercase !important;
text-shadow:none !important;
max-width:520px !important;
}

.ci4-homepage .flight-heading-line{
width:78px !important;
height:2px !important;
border-top:2px dashed #159447 !important;
flex-shrink:0 !important;
}

.ci4-homepage .flight-heading-icon{
margin:10px 0 24px !important;
text-align:center !important;
}

.ci4-homepage .flight-heading-icon .fa{
font-size:22px !important;
color:#159447 !important;
}

/* SERVICE ICONS */
.ci4-homepage .flight-service-list{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
margin-bottom:26px !important;
}

.ci4-homepage .flight-service-item{
text-align:center !important;
padding:14px 18px 8px !important;
border-right:1px solid rgba(11,143,63,.13) !important;
}

.ci4-homepage .flight-service-item:last-child{
border-right:none !important;
}

.ci4-homepage .flight-service-icon{
width:112px !important;
height:112px !important;
min-width:112px !important;
margin:0 auto 20px !important;
border-radius:50% !important;
background:#fff !important;
border:1px solid rgba(18,137,61,.08) !important;
box-shadow:0 16px 36px rgba(0,0,0,.08) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}

.ci4-homepage .flight-service-icon .fa{
font-size:50px !important;
line-height:1 !important;
color:#159447 !important;
}

.ci4-homepage .flight-service-item h3{
margin:0 0 8px !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:20px !important;
line-height:1.25 !important;
font-weight:800 !important;
color:#126f34 !important;
letter-spacing:0 !important;
}

.ci4-homepage .flight-service-item p{
margin:0 0 6px !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:16px !important;
line-height:1.4 !important;
font-weight:500 !important;
color:#222 !important;
}

.ci4-homepage .flight-service-item span{
display:block !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:15px !important;
line-height:1.35 !important;
font-weight:500 !important;
color:#f04b36 !important;
}

/* FORM */
.ci4-homepage .flight-form-card{
background:#fff !important;
border-radius:22px !important;
padding:24px !important;
box-shadow:0 14px 36px rgba(0,0,0,.07) !important;
border:1px solid #edf1ed !important;
margin-bottom:20px !important;
}

.ci4-homepage .flight-form{
display:flex !important;
flex-direction:column !important;
gap:16px !important;
}

.ci4-homepage .flight-form-group{
display:grid !important;
grid-template-columns:160px 1fr !important;
gap:18px !important;
align-items:center !important;
}

.ci4-homepage .flight-form-group label{
margin:0 !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:17px !important;
line-height:1.35 !important;
font-weight:700 !important;
color:#222 !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
}

.ci4-homepage .flight-form-group label .fa{
width:22px !important;
font-size:19px !important;
color:#0b8f3f !important;
text-align:center !important;
}

.ci4-homepage .flight-form-group input{
width:100% !important;
height:58px !important;
border:1px solid #dfe4df !important;
border-radius:12px !important;
background:#fff !important;
padding:0 16px !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:16px !important;
font-weight:500 !important;
color:#222 !important;
outline:none !important;
}

.ci4-homepage .flight-form-group input::placeholder{
color:#8f9690 !important;
font-weight:500 !important;
}

.ci4-homepage .flight-form-group input:focus{
border-color:#0b8f3f !important;
box-shadow:0 0 0 4px rgba(11,143,63,.08) !important;
}

/* CTA */
.ci4-homepage .flight-cta-btn{
width:100% !important;
height:62px !important;
border:none !important;
border-radius:14px !important;
background:linear-gradient(90deg,#049332 0%,#8bd11c 100%) !important;
color:#fff !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:20px !important;
font-weight:800 !important;
letter-spacing:.1px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
cursor:pointer !important;
box-shadow:0 12px 26px rgba(11,143,63,.22) !important;
transition:.3s ease !important;
}

.ci4-homepage .flight-cta-btn:hover{
transform:translateY(-3px) !important;
box-shadow:0 18px 32px rgba(11,143,63,.28) !important;
}

.ci4-homepage .flight-cta-btn .fa{
font-size:20px !important;
color:#fff !important;
}

/* GUARANTEES */
.ci4-homepage .flight-guarantee-row{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:16px !important;
background:#f3faf2 !important;
border-radius:18px !important;
padding:18px 20px !important;
margin-bottom:22px !important;
border:1px solid #e2efe3 !important;
}

.ci4-homepage .flight-guarantee-item{
display:flex !important;
align-items:center !important;
gap:12px !important;
}

.ci4-homepage .flight-guarantee-item .fa{
font-size:28px !important;
color:#12893d !important;
min-width:28px !important;
}

.ci4-homepage .flight-guarantee-item strong{
display:block !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:17px !important;
line-height:1.25 !important;
font-weight:800 !important;
color:#222 !important;
margin-bottom:3px !important;
}

.ci4-homepage .flight-guarantee-item span{
display:block !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:14px !important;
line-height:1.35 !important;
font-weight:400 !important;
color:#555 !important;
}

/* AIRLINES */
.ci4-homepage .flight-airline-title{
margin:4px 0 16px !important;
}

.ci4-homepage .flight-airline-title h4{
margin:0 !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:20px !important;
font-weight:800 !important;
color:#176b35 !important;
letter-spacing:.2px !important;
}

.ci4-homepage .flight-airline-logos{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:14px !important;
align-items:center !important;
}

.ci4-homepage .airline-logo{
text-align:center !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
font-size:18px !important;
line-height:1.2 !important;
font-weight:800 !important;
padding:8px 6px !important;
}

/* RIGHT COLUMN  full image, same height as left */
.ci4-homepage .flight-right{
height:700px !important;
min-height:700px !important;
display:flex !important;
align-items:stretch !important;
}

.ci4-homepage .flight-banner{
width:100% !important;
height:700px !important;
min-height:700px !important;
aspect-ratio:auto !important;
border-radius:30px !important;
overflow:hidden !important;
background:#eaf7ff !important;
box-shadow:0 18px 46px rgba(11,30,60,.16) !important;
}

.ci4-homepage .flight-banner > img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

/* RESPONSIVE */
@media (max-width:1199px){
.ci4-homepage .flight-landing-wrap{
grid-template-columns:1fr !important;
}

.ci4-homepage .flight-left{
height:auto !important;
min-height:auto !important;
overflow:visible !important;
}

.ci4-homepage .flight-right{
height:auto !important;
min-height:auto !important;
}

.ci4-homepage .flight-banner{
height:620px !important;
min-height:620px !important;
}
}

@media (max-width:767px){
.ci4-homepage .flight-landing-wrap{
width:calc(100% - 24px) !important;
gap:20px !important;
}

.ci4-homepage .flight-heading h2{
font-size:30px !important;
}

.ci4-homepage .flight-heading-line{
width:42px !important;
}

.ci4-homepage .flight-service-list{
grid-template-columns:1fr !important;
}

.ci4-homepage .flight-service-item{
border-right:none !important;
border-bottom:1px solid rgba(11,143,63,.13) !important;
}

.ci4-homepage .flight-form-group{
grid-template-columns:1fr !important;
gap:8px !important;
}

.ci4-homepage .flight-guarantee-row{
grid-template-columns:1fr !important;
}

.ci4-homepage .flight-airline-logos{
grid-template-columns:repeat(2,1fr) !important;
}

.ci4-homepage .flight-banner{
height:520px !important;
min-height:520px !important;
border-radius:22px !important;
}
}

@media (max-width:480px){
.ci4-homepage .flight-heading h2{
font-size:27px !important;
}

.ci4-homepage .flight-heading-line{
width:28px !important;
}

.ci4-homepage .flight-banner{
height:460px !important;
min-height:460px !important;
}
}

/* A47.7  Fix Vietnamese typography in flight section */
.ci4-homepage .flight-left,
.ci4-homepage .flight-left h2,
.ci4-homepage .flight-left h3,
.ci4-homepage .flight-left h4,
.ci4-homepage .flight-left p,
.ci4-homepage .flight-left span,
.ci4-homepage .flight-left label,
.ci4-homepage .flight-left input,
.ci4-homepage .flight-left button,
.ci4-homepage .flight-left strong,
.ci4-homepage .flight-left b{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-synthesis: none !important;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Khong ap font chu thuong vao FontAwesome */
.ci4-homepage .flight-left .fa,
.ci4-homepage .flight-left [class^="fa-"],
.ci4-homepage .flight-left [class*=" fa-"]{
font-family: FontAwesome !important;
font-style: normal !important;
font-weight: normal !important;
text-rendering: auto !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Heading: giam do nang de dau tieng Viet dep hon */
.ci4-homepage .flight-heading h2{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 42px !important;
line-height: 1.16 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #0b7433 !important;
text-shadow: none !important;
}

/* Service titles: sua chu HOAN HUY / DON - TIEN / VE MAY BAY */
.ci4-homepage .flight-service-item h3{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 19px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #126f34 !important;
}

/* Service subtitle */
.ci4-homepage .flight-service-item p{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 16px !important;
line-height: 1.4 !important;
font-weight: 400 !important;
color: #222 !important;
}

.ci4-homepage .flight-service-item span{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 15px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
color: #f04b36 !important;
}

/* Form text */
.ci4-homepage .flight-form-group label{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}

.ci4-homepage .flight-form-group input{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
}

/* CTA */
.ci4-homepage .flight-cta-btn{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}

/* Guarantee row */
.ci4-homepage .flight-guarantee-item strong{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 17px !important;
font-weight: 700 !important;
}

.ci4-homepage .flight-guarantee-item span{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
}

/* Airline title */
.ci4-homepage .flight-airline-title h4,
.ci4-homepage .airline-logo{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}

/* Responsive */
@media (max-width: 991px){
.ci4-homepage .flight-heading h2{
font-size: 36px !important;
}
}

@media (max-width: 767px){
.ci4-homepage .flight-heading h2{
font-size: 30px !important;
}

.ci4-homepage .flight-service-item h3{
font-size: 18px !important;
}
}

@media (max-width: 480px){
.ci4-homepage .flight-heading h2{
font-size: 27px !important;
}
}

/* A47.8  Fix flight section clipping and height */
.ci4-homepage .flight-landing-section{
padding:42px 0 70px !important;
overflow:visible !important;
}

.ci4-homepage .flight-landing-wrap{
align-items:stretch !important;
min-height:auto !important;
}

/* Cho cot trai tu dai theo noi dung, khong cat */
.ci4-homepage .flight-left{
height:auto !important;
min-height:760px !important;
overflow:visible !important;
justify-content:flex-start !important;
}

/* Giam nhe khoang cach de du noi dung dep */
.ci4-homepage .flight-heading{
margin-bottom:6px !important;
}

.ci4-homepage .flight-heading-icon{
margin:8px 0 22px !important;
}

.ci4-homepage .flight-service-list{
margin-bottom:24px !important;
}

.ci4-homepage .flight-service-icon{
width:104px !important;
height:104px !important;
min-width:104px !important;
margin-bottom:18px !important;
}

.ci4-homepage .flight-service-icon .fa{
font-size:46px !important;
}

.ci4-homepage .flight-form-card{
margin-bottom:20px !important;
padding:24px !important;
}

.ci4-homepage .flight-form{
gap:15px !important;
}

.ci4-homepage .flight-form-group input{
height:56px !important;
}

.ci4-homepage .flight-cta-btn{
height:60px !important;
}

.ci4-homepage .flight-guarantee-row{
margin-bottom:20px !important;
padding:18px 20px !important;
}

.ci4-homepage .flight-airline-title{
margin:4px 0 14px !important;
}

/* Cot phai cao theo layout moi */
.ci4-homepage .flight-right{
height:auto !important;
min-height:760px !important;
display:flex !important;
align-items:stretch !important;
}

.ci4-homepage .flight-banner{
width:100% !important;
height:auto !important;
min-height:760px !important;
aspect-ratio:auto !important;
border-radius:30px !important;
overflow:hidden !important;
}

/* Anh fill khung, khong bop meo */
.ci4-homepage .flight-banner > img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

/* Neu trinh duyet khong keo anh du cao, ep block anh */
@supports not (height: 100%){
.ci4-homepage .flight-banner > img{
min-height:760px !important;
}
}

/* Desktop rong: section cao hon mot chut cho thoang */
@media (min-width:1200px){
.ci4-homepage .flight-left,
.ci4-homepage .flight-right,
.ci4-homepage .flight-banner{
min-height:780px !important;
}
}

/* Tablet: 1 cot, khong cat */
@media (max-width:1199px){
.ci4-homepage .flight-left{
min-height:auto !important;
height:auto !important;
overflow:visible !important;
}

.ci4-homepage .flight-right{
min-height:auto !important;
height:auto !important;
}
.ci4-homepage .flight-banner{
height:620px !important;
min-height:620px !important;
}
.ci4-homepage .flight-banner > img{
height:100% !important;
object-fit:cover !important;
}
}

/* Mobile */
@media (max-width:767px){
.ci4-homepage .flight-landing-section{
padding:28px 0 45px !important;
}

.ci4-homepage .flight-left{
padding:26px 18px 24px !important;
}
.ci4-homepage .flight-service-list{
grid-template-columns:1fr !important;
}
.ci4-homepage .flight-banner{
height:520px !important;
min-height:520px !important;
border-radius:22px !important;
}
}

@media (max-width:480px){
.ci4-homepage .flight-banner{
height:460px !important;
min-height:460px !important;
}
}

/* =========================================================
A48  Team Building Landing Section
========================================================= */
.ci4-homepage .team-landing-section{
position:relative;
overflow:hidden;
padding:70px 0 0;
background:
radial-gradient(circle at 0% 0%, rgba(14,143,63,.08) 0, transparent 32%),
linear-gradient(135deg,#f7fbf4 0%,#ffffff 48%,#eef8ee 100%);
font-family:"Be Vietnam Pro",Arial,sans-serif;
}

.ci4-homepage .team-landing-section:before{
content:"";
position:absolute;
left:28px;
top:28px;
width:130px;
height:130px;
background-image:radial-gradient(rgba(11,143,63,.18) 2px, transparent 2px);
background-size:18px 18px;
opacity:.55;
}

.ci4-homepage .team-landing-wrap{
width:min(1500px,calc(100% - 40px));
margin:0 auto;
display:grid;
grid-template-columns:0.88fr 1.12fr;
gap:36px;
align-items:center;
min-height:720px;
position:relative;
z-index:2;
}

.ci4-homepage .team-left{
padding:28px 0 70px;
}

.ci4-homepage .team-badge{
display:inline-flex;
align-items:center;
gap:12px;
background:#056c28;
color:#fff;
border-radius:999px;
padding:12px 24px;
font-size:17px;
font-weight:700;
box-shadow:0 10px 24px rgba(5,108,40,.22);
margin-bottom:34px;
}

.ci4-homepage .team-badge .fa{
font-family:FontAwesome !important;
font-size:24px;
}

.ci4-homepage .team-title{
margin:0;
color:#075d27;
font-size:82px;
line-height:.95;
font-weight:900;
letter-spacing:-1.5px;
text-transform:uppercase;
text-shadow:0 8px 24px rgba(7,93,39,.12);
}

.ci4-homepage .team-title span{
display:block;
margin-top:16px;
font-size:62px;
line-height:1.05;
font-weight:600;
font-style:italic;
text-transform:none;
letter-spacing:0;
color:#087334;
}

.ci4-homepage .team-slogan{
display:inline-block;
margin:26px 0 18px;
font-size:26px;
font-weight:800;
color:#07662d;
border-bottom:5px solid #f6c313;
padding-bottom:8px;
}

.ci4-homepage .team-desc{
max-width:650px;
margin:0 0 28px;
font-size:18px;
line-height:1.75;
color:#1f1f1f;
font-weight:500;
}

.ci4-homepage .team-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin-bottom:26px;
max-width:690px;
}

.ci4-homepage .team-stat{
min-height:132px;
border-radius:16px;
background:rgba(255,255,255,.86);
border:1px solid rgba(11,143,63,.08);
box-shadow:0 12px 28px rgba(0,0,0,.06);
padding:18px 14px;
text-align:center;
transition:.3s ease;
}

.ci4-homepage .team-stat:hover{
transform:translateY(-5px);
box-shadow:0 18px 38px rgba(11,143,63,.13);
}

.ci4-homepage .team-stat .fa{
font-family:FontAwesome !important;
color:#0b8f3f;
font-size:30px;
margin-bottom:8px;
}

.ci4-homepage .team-stat strong{
display:block;
color:#087334;
font-size:32px;
line-height:1.1;
font-weight:900;
}

.ci4-homepage .team-stat span{
display:block;
color:#1f1f1f;
font-size:14px;
line-height:1.35;
font-weight:600;
margin-top:4px;
}

.ci4-homepage .team-actions{
display:flex;
align-items:center;
gap:16px;
margin-bottom:30px;
}

.ci4-homepage .team-btn{
min-width:220px;
height:64px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
gap:14px;
text-decoration:none;
transition:.3s ease;
}

.ci4-homepage .team-btn .fa{
font-family:FontAwesome !important;
font-size:30px;
}

.ci4-homepage .team-btn span{
display:flex;
flex-direction:column;
line-height:1.1;
font-size:18px;
font-weight:900;
}

.ci4-homepage .team-btn small{
font-size:14px;
font-weight:500;
margin-top:4px;
}

.ci4-homepage .team-btn-primary{
background:linear-gradient(90deg,#059733,#0b7d30);
color:#fff;
box-shadow:0 14px 28px rgba(5,151,51,.28);
}

.ci4-homepage .team-btn-primary:hover{
color:#fff;
transform:translateY(-3px);
box-shadow:0 20px 36px rgba(5,151,51,.34);
}

.ci4-homepage .team-btn-outline{
color:#087334;
background:rgba(255,255,255,.72);
border:2px solid #087334;
}

.ci4-homepage .team-btn-outline:hover{
color:#fff;
background:#087334;
transform:translateY(-3px);
}

.ci4-homepage .team-partner-title{
font-size:15px;
color:#222;
font-weight:800;
margin-bottom:12px;
}

.ci4-homepage .team-partner-list{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:10px;
max-width:690px;
}

.ci4-homepage .team-partner-logo{
height:58px;
border-radius:12px;
background:#fff;
box-shadow:0 8px 20px rgba(0,0,0,.08);
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:900;
color:#087334;
text-align:center;
padding:8px;
}

.ci4-homepage .team-partner-logo:nth-child(1){color:#e11414;}
.ci4-homepage .team-partner-logo:nth-child(2){color:#2877c9;}
.ci4-homepage .team-partner-logo:nth-child(3){color:#d71920;}
.ci4-homepage .team-partner-logo:nth-child(4){color:#f0a100;}
.ci4-homepage .team-partner-logo:nth-child(5){color:#1957a4;}
.ci4-homepage .team-partner-logo:nth-child(6){color:#0a9b45;}

.ci4-homepage .team-right{
position:relative;
height:720px;
display:flex;
align-items:stretch;
}

.ci4-homepage .team-image-card{
position:relative;
width:100%;
height:100%;
border-radius:0 42px 0 120px;
overflow:hidden;
box-shadow:0 28px 70px rgba(0,65,36,.18);
background:#dff4ff;
}

.ci4-homepage .team-image-card:before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
z-index:2;
pointer-events:none;
}

.ci4-homepage .team-image-card img{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
display:block;
}

.ci4-homepage .team-bottom-benefits{
position:relative;
z-index:3;
margin-top:-88px;
padding:34px calc((100% - min(1500px, calc(100% - 40px))) / 2 + 720px) 34px 0;
min-height:118px;
background:linear-gradient(90deg,#006524 0%,#048332 60%,#0b6d2d 100%);
color:#fff;
display:flex;
justify-content:flex-end;
gap:42px;
border-radius:120px 0 0 0;
}

.ci4-homepage .team-benefit{
display:flex;
align-items:center;
gap:14px;
min-width:210px;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:58px;
height:58px;
border-radius:50%;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.22);
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
}

.ci4-homepage .team-benefit strong{
display:block;
font-size:18px;
line-height:1.25;
font-weight:800;
}

.ci4-homepage .team-benefit span{
display:block;
font-size:15px;
line-height:1.35;
opacity:.92;
}

@media (max-width:1400px){
.ci4-homepage .team-title{
font-size:70px;
}

.ci4-homepage .team-title span{
font-size:54px;
}

.ci4-homepage .team-right{
height:660px;
}

.ci4-homepage .team-bottom-benefits{
padding-right:40px;
}
}

@media (max-width:1199px){
.ci4-homepage .team-landing-wrap{
grid-template-columns:1fr;
min-height:auto;
}

.ci4-homepage .team-left{
padding-bottom:20px;
}

.ci4-homepage .team-right{
height:620px;
}

.ci4-homepage .team-bottom-benefits{
margin-top:30px;
padding:28px 24px;
border-radius:30px 30px 0 0;
justify-content:center;
flex-wrap:wrap;
}
}

@media (max-width:991px){
.ci4-homepage .team-title{
font-size:56px;
}

.ci4-homepage .team-title span{
font-size:44px;
}

.ci4-homepage .team-slogan{
font-size:22px;
}

.ci4-homepage .team-stats{
grid-template-columns:repeat(2,1fr);
}

.ci4-homepage .team-partner-list{
grid-template-columns:repeat(3,1fr);
}

.ci4-homepage .team-right{
height:560px;
}
}

@media (max-width:767px){
.ci4-homepage .team-landing-section{
padding-top:42px;
}

.ci4-homepage .team-landing-wrap{
width:calc(100% - 24px);
}

.ci4-homepage .team-badge{
font-size:14px;
padding:10px 16px;
}

.ci4-homepage .team-title{
font-size:42px;
}

.ci4-homepage .team-title span{
font-size:34px;
}

.ci4-homepage .team-desc{
font-size:16px;
}

.ci4-homepage .team-actions{
flex-direction:column;
align-items:stretch;
}

.ci4-homepage .team-btn{
width:100%;
}

.ci4-homepage .team-right{
height:460px;
}

.ci4-homepage .team-image-card{
border-radius:28px;
}

.ci4-homepage .team-bottom-benefits{
flex-direction:column;
gap:18px;
align-items:flex-start;
}
}

@media (max-width:480px){
.ci4-homepage .team-title{
font-size:36px;
}

.ci4-homepage .team-title span{
font-size:30px;
}

.ci4-homepage .team-stats{
grid-template-columns:1fr 1fr;
}

.ci4-homepage .team-stat{
padding:14px 10px;
}

.ci4-homepage .team-stat strong{
font-size:26px;
}

.ci4-homepage .team-partner-list{
grid-template-columns:1fr 1fr;
}

.ci4-homepage .team-right{
height:390px;
}
}

/* A48.1  Place Team Building benefits under right image only */
.ci4-homepage .team-right{
position:relative !important;
height:720px !important;
display:flex !important;
align-items:stretch !important;
}

.ci4-homepage .team-image-card{
height:100% !important;
width:100% !important;
border-radius:0 42px 0 120px !important;
overflow:hidden !important;
}

.ci4-homepage .team-bottom-benefits{
position:absolute !important;
right:0 !important;
bottom:0 !important;
z-index:5 !important;

width:86% !important;
min-height:112px !important;
margin:0 !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:34px !important;

padding:24px 34px !important;
background:linear-gradient(90deg,#006524 0%,#048332 58%,#0b6d2d 100%) !important;
color:#fff !important;

border-radius:90px 0 0 0 !important;
box-shadow:0 -14px 36px rgba(0,70,32,.20) !important;
}

.ci4-homepage .team-benefit{
display:flex !important;
align-items:center !important;
gap:14px !important;
min-width:185px !important;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:58px !important;
height:58px !important;
min-width:58px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:28px !important;
color:#fff !important;
}

.ci4-homepage .team-benefit strong{
display:block !important;
font-size:18px !important;
line-height:1.25 !important;
font-weight:800 !important;
color:#fff !important;
}

.ci4-homepage .team-benefit span{
display:block !important;
font-size:15px !important;
line-height:1.35 !important;
color:rgba(255,255,255,.92) !important;
}

/* Prevent old full-width bottom bar behavior */
.ci4-homepage .team-landing-section > .team-bottom-benefits{
display:none !important;
}

@media (max-width:1199px){
.ci4-homepage .team-right{
height:620px !important;
}

.ci4-homepage .team-bottom-benefits{
width:92% !important;
gap:20px !important;
padding:22px 24px !important;
}

.ci4-homepage .team-benefit{
min-width:160px !important;
}
}

@media (max-width:991px){
.ci4-homepage .team-bottom-benefits{
width:100% !important;
border-radius:34px 34px 0 0 !important;
gap:16px !important;
}

.ci4-homepage .team-benefit strong{
font-size:16px !important;
}

.ci4-homepage .team-benefit span{
font-size:14px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-right{
height:auto !important;
display:block !important;
}

.ci4-homepage .team-image-card{
height:460px !important;
border-radius:28px !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
right:auto !important;
bottom:auto !important;
width:100% !important;
margin-top:-8px !important;
flex-direction:column !important;
align-items:flex-start !important;
border-radius:0 0 28px 28px !important;
padding:22px 24px !important;
}

.ci4-homepage .team-benefit{
min-width:unset !important;
width:100% !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-image-card{
height:390px !important;
}
}

/* A48.5  Balance Team Building two-column layout */
.ci4-homepage .team-landing-section{
padding:56px 0 42px !important;
}

.ci4-homepage .team-landing-wrap{
width:min(1360px, calc(100% - 48px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:0.94fr 1.06fr !important;
gap:34px !important;
align-items:center !important;
min-height:auto !important;
}

.ci4-homepage .team-left{
padding:10px 0 28px !important;
max-width:620px !important;
}

.ci4-homepage .team-badge{
margin-bottom:28px !important;
padding:11px 22px !important;
font-size:15px !important;
}

.ci4-homepage .team-title{
font-size:64px !important;
line-height:0.98 !important;
letter-spacing:-1px !important;
margin:0 !important;
}

.ci4-homepage .team-title span{
font-size:48px !important;
line-height:1.08 !important;
margin-top:12px !important;
}

.ci4-homepage .team-slogan{
margin:22px 0 16px !important;
font-size:23px !important;
line-height:1.25 !important;
padding-bottom:7px !important;
}

.ci4-homepage .team-desc{
max-width:610px !important;
font-size:16.5px !important;
line-height:1.68 !important;
margin:0 0 24px !important;
}

.ci4-homepage .team-stats{
max-width:610px !important;
grid-template-columns:repeat(4,1fr) !important;
gap:10px !important;
margin-bottom:22px !important;
}

.ci4-homepage .team-stat{
min-height:112px !important;
padding:14px 10px !important;
border-radius:14px !important;
}

.ci4-homepage .team-stat .fa{
font-size:24px !important;
margin-bottom:6px !important;
}

.ci4-homepage .team-stat strong{
font-size:28px !important;
}

.ci4-homepage .team-stat span{
font-size:13px !important;
line-height:1.28 !important;
}

.ci4-homepage .team-actions{
margin-bottom:22px !important;
gap:14px !important;
}

.ci4-homepage .team-btn{
min-width:190px !important;
height:56px !important;
}

.ci4-homepage .team-btn .fa{
font-size:25px !important;
}

.ci4-homepage .team-btn span{
font-size:16px !important;
}

.ci4-homepage .team-btn small{
font-size:12.5px !important;
}

.ci4-homepage .team-partner-title{
display:none !important;
}

.ci4-homepage .team-partners{
margin-top:12px !important;
}

.ci4-homepage .team-partner-list{
max-width:610px !important;
grid-template-columns:repeat(6,1fr) !important;
gap:9px !important;
}

.ci4-homepage .team-partner-logo{
height:50px !important;
border-radius:10px !important;
font-size:15px !important;
}

/* RIGHT SIDE */
.ci4-homepage .team-right{
position:relative !important;
height:auto !important;
min-height:unset !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:center !important;
}

.ci4-homepage .team-image-card{
width:100% !important;
height:500px !important;
border-radius:0 34px 0 82px !important;
overflow:hidden !important;
box-shadow:0 24px 58px rgba(0,65,36,.16) !important;
}

.ci4-homepage .team-image-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
z-index:2 !important;

width:86% !important;
min-height:62px !important;
margin:0 0 0 auto !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:15px !important;

padding:10px 16px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
color:#fff !important;

border-radius:0 0 0 38px !important;
box-shadow:0 12px 28px rgba(0,70,32,.16) !important;
}

.ci4-homepage .team-benefit{
display:flex !important;
align-items:center !important;
gap:8px !important;
min-width:125px !important;
max-width:160px !important;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:36px !important;
height:36px !important;
min-width:36px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:17px !important;
color:#fff !important;
}

.ci4-homepage .team-benefit strong{
display:block !important;
font-size:13px !important;
line-height:1.15 !important;
font-weight:800 !important;
color:#fff !important;
margin:0 0 2px !important;
}

.ci4-homepage .team-benefit span{
display:block !important;
font-size:11.5px !important;
line-height:1.25 !important;
color:rgba(255,255,255,.92) !important;
font-weight:500 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-image-card{
height:520px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
margin:0 !important;
border-radius:0 0 28px 28px !important;
}
}

@media (max-width:991px){
.ci4-homepage .team-bottom-benefits{
width:100% !important;
margin:0 !important;
border-radius:0 0 28px 28px !important;
}

.ci4-homepage .team-benefit{
min-width:135px !important;
max-width:170px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-image-card{
height:430px !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
right:auto !important;
bottom:auto !important;
width:100% !important;
margin:0 !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
border-radius:0 0 28px 28px !important;
padding:16px 20px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
min-width:unset !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-image-card{
height:360px !important;
}
}

/* A48.5  Balance Team Building two-column layout */
.ci4-homepage .team-landing-section{
padding:56px 0 42px !important;
}

.ci4-homepage .team-landing-wrap{
width:min(1360px, calc(100% - 48px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:0.94fr 1.06fr !important;
gap:34px !important;
align-items:center !important;
min-height:auto !important;
}

.ci4-homepage .team-left{
padding:10px 0 28px !important;
max-width:620px !important;
}

.ci4-homepage .team-badge{
margin-bottom:28px !important;
padding:11px 22px !important;
font-size:15px !important;
}

.ci4-homepage .team-title{
font-size:64px !important;
line-height:0.98 !important;
letter-spacing:-1px !important;
margin:0 !important;
}

.ci4-homepage .team-title span{
font-size:48px !important;
line-height:1.08 !important;
margin-top:12px !important;
}

.ci4-homepage .team-slogan{
margin:22px 0 16px !important;
font-size:23px !important;
line-height:1.25 !important;
padding-bottom:7px !important;
}

.ci4-homepage .team-desc{
max-width:610px !important;
font-size:16.5px !important;
line-height:1.68 !important;
margin:0 0 24px !important;
}

.ci4-homepage .team-stats{
max-width:610px !important;
grid-template-columns:repeat(4,1fr) !important;
gap:10px !important;
margin-bottom:22px !important;
}

.ci4-homepage .team-stat{
min-height:112px !important;
padding:14px 10px !important;
border-radius:14px !important;
}

.ci4-homepage .team-stat .fa{
font-size:24px !important;
margin-bottom:6px !important;
}

.ci4-homepage .team-stat strong{
font-size:28px !important;
}

.ci4-homepage .team-stat span{
font-size:13px !important;
line-height:1.28 !important;
}

.ci4-homepage .team-actions{
margin-bottom:22px !important;
gap:14px !important;
}

.ci4-homepage .team-btn{
min-width:190px !important;
height:56px !important;
}

.ci4-homepage .team-btn .fa{
font-size:25px !important;
}

.ci4-homepage .team-btn span{
font-size:16px !important;
}

.ci4-homepage .team-btn small{
font-size:12.5px !important;
}

.ci4-homepage .team-partner-title{
display:none !important;
}

.ci4-homepage .team-partners{
margin-top:12px !important;
}

.ci4-homepage .team-partner-list{
max-width:610px !important;
grid-template-columns:repeat(6,1fr) !important;
gap:9px !important;
}

.ci4-homepage .team-partner-logo{
height:50px !important;
border-radius:10px !important;
font-size:15px !important;
}

/* RIGHT SIDE */
.ci4-homepage .team-right{
height:auto !important;
min-height:unset !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
}

.ci4-homepage .team-image-card{
width:100% !important;
height:500px !important;
border-radius:0 34px 0 82px !important;
overflow:hidden !important;
box-shadow:0 24px 58px rgba(0,65,36,.16) !important;
}

.ci4-homepage .team-image-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
width:86% !important;
min-height:62px !important;
margin:0 0 0 auto !important;
padding:10px 16px !important;
gap:15px !important;
border-radius:0 0 0 38px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}

.ci4-homepage .team-benefit{
min-width:125px !important;
max-width:160px !important;
gap:8px !important;
}

.ci4-homepage .team-benefit .fa{
width:36px !important;
height:36px !important;
min-width:36px !important;
font-size:17px !important;
}

.ci4-homepage .team-benefit strong{
font-size:13px !important;
line-height:1.15 !important;
}

.ci4-homepage .team-benefit span{
font-size:11.5px !important;
line-height:1.25 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-landing-wrap{
grid-template-columns:1fr !important;
width:calc(100% - 40px) !important;
}

.ci4-homepage .team-left{
max-width:none !important;
}

.ci4-homepage .team-image-card{
height:520px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
border-radius:0 0 28px 28px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-landing-wrap{
width:calc(100% - 24px) !important;
}

.ci4-homepage .team-title{
font-size:42px !important;
}

.ci4-homepage .team-title span{
font-size:34px !important;
}

.ci4-homepage .team-slogan{
font-size:20px !important;
}

.ci4-homepage .team-stats{
grid-template-columns:repeat(2,1fr) !important;
}

.ci4-homepage .team-actions{
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .team-btn{
width:100% !important;
}

.ci4-homepage .team-partner-list{
grid-template-columns:repeat(2,1fr) !important;
}

.ci4-homepage .team-image-card{
height:430px !important;
}

.ci4-homepage .team-bottom-benefits{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-title{
font-size:36px !important;
}

.ci4-homepage .team-title span{
font-size:30px !important;
}

.ci4-homepage .team-image-card{
height:360px !important;
}
}

/* A48.4  Team benefits below image, no overlay */
.ci4-homepage .team-right{
position:relative !important;
height:auto !important;
min-height:unset !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .team-image-card{
width:100% !important;
height:560px !important;
border-radius:0 42px 0 90px !important;
overflow:hidden !important;
box-shadow:0 24px 60px rgba(0,65,36,.16) !important;
}

.ci4-homepage .team-image-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
z-index:2 !important;

width:86% !important;
min-height:66px !important;
margin:-2px 0 0 auto !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:18px !important;

padding:12px 18px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
color:#fff !important;

border-radius:0 0 0 42px !important;
box-shadow:0 12px 28px rgba(0,70,32,.16) !important;
}

.ci4-homepage .team-benefit{
display:flex !important;
align-items:center !important;
gap:9px !important;
min-width:135px !important;
max-width:170px !important;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:19px !important;
color:#fff !important;
}

.ci4-homepage .team-benefit strong{
display:block !important;
font-size:14px !important;
line-height:1.15 !important;
font-weight:800 !important;
color:#fff !important;
margin:0 0 2px !important;
}

.ci4-homepage .team-benefit span{
display:block !important;
font-size:12px !important;
line-height:1.25 !important;
color:rgba(255,255,255,.92) !important;
font-weight:500 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-image-card{
height:520px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
margin:0 !important;
border-radius:0 0 28px 28px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-image-card{
height:430px !important;
}

.ci4-homepage .team-bottom-benefits{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-image-card{
height:360px !important;
}
}
*** End of File

/* A48.4  Team benefits below image, no overlay */
.ci4-homepage .team-right{
position:relative !important;
height:auto !important;
min-height:unset !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .team-image-card{
width:100% !important;
height:560px !important;
border-radius:0 42px 0 90px !important;
overflow:hidden !important;
box-shadow:0 24px 60px rgba(0,65,36,.16) !important;
}

.ci4-homepage .team-image-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
z-index:2 !important;

width:86% !important;
min-height:66px !important;
margin:-2px 0 0 auto !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:18px !important;

padding:12px 18px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
color:#fff !important;

border-radius:0 0 0 42px !important;
box-shadow:0 12px 28px rgba(0,70,32,.16) !important;
}

.ci4-homepage .team-benefit{
display:flex !important;
align-items:center !important;
gap:9px !important;
min-width:135px !important;
max-width:170px !important;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:19px !important;
color:#fff !important;
}

.ci4-homepage .team-benefit strong{
display:block !important;
font-size:14px !important;
line-height:1.15 !important;
font-weight:800 !important;
color:#fff !important;
margin:0 0 2px !important;
}

.ci4-homepage .team-benefit span{
display:block !important;
font-size:12px !important;
line-height:1.25 !important;
color:rgba(255,255,255,.92) !important;
font-weight:500 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-image-card{
height:520px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
margin:0 !important;
border-radius:0 0 28px 28px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-image-card{
height:430px !important;
}

.ci4-homepage .team-bottom-benefits{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-image-card{
height:360px !important;
}
}

/* A48.4  Team benefits below image, no overlay */
.ci4-homepage .team-right{
position:relative !important;
height:auto !important;
min-height:unset !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .team-image-card{
width:100% !important;
height:560px !important;
border-radius:0 42px 0 90px !important;
overflow:hidden !important;
box-shadow:0 24px 60px rgba(0,65,36,.16) !important;
}

.ci4-homepage .team-image-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
z-index:2 !important;

width:86% !important;
min-height:66px !important;
margin:-2px 0 0 auto !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:18px !important;

padding:12px 18px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
color:#fff !important;

border-radius:0 0 0 42px !important;
box-shadow:0 12px 28px rgba(0,70,32,.16) !important;
}

.ci4-homepage .team-benefit{
display:flex !important;
align-items:center !important;
gap:9px !important;
min-width:135px !important;
max-width:170px !important;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:19px !important;
color:#fff !important;
}

.ci4-homepage .team-benefit strong{
display:block !important;
font-size:14px !important;
line-height:1.15 !important;
font-weight:800 !important;
color:#fff !important;
margin:0 0 2px !important;
}

.ci4-homepage .team-benefit span{
display:block !important;
font-size:12px !important;
line-height:1.25 !important;
color:rgba(255,255,255,.92) !important;
font-weight:500 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-image-card{
height:520px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
margin:0 !important;
border-radius:0 0 28px 28px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-image-card{
height:430px !important;
}

.ci4-homepage .team-bottom-benefits{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-image-card{
height:360px !important;
}
}

/* A48.4  Team benefits below image, no overlay */
.ci4-homepage .team-right{
position:relative !important;
height:auto !important;
min-height:unset !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .team-image-card{
width:100% !important;
height:560px !important;
border-radius:0 42px 0 90px !important;
overflow:hidden !important;
box-shadow:0 24px 60px rgba(0,65,36,.16) !important;
}

.ci4-homepage .team-image-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
z-index:2 !important;

width:86% !important;
min-height:66px !important;
margin:-2px 0 0 auto !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:18px !important;

padding:12px 18px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
color:#fff !important;

border-radius:0 0 0 42px !important;
box-shadow:0 12px 28px rgba(0,70,32,.16) !important;
}

.ci4-homepage .team-benefit{
display:flex !important;
align-items:center !important;
gap:9px !important;
min-width:135px !important;
max-width:170px !important;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:19px !important;
color:#fff !important;
}

.ci4-homepage .team-benefit strong{
display:block !important;
font-size:14px !important;
line-height:1.15 !important;
font-weight:800 !important;
color:#fff !important;
margin:0 0 2px !important;
}

.ci4-homepage .team-benefit span{
display:block !important;
font-size:12px !important;
line-height:1.25 !important;
color:rgba(255,255,255,.92) !important;
font-weight:500 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-image-card{
height:520px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
margin:0 !important;
border-radius:0 0 28px 28px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-image-card{
height:430px !important;
}

.ci4-homepage .team-bottom-benefits{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-image-card{
height:360px !important;
}
}

/* A48.3  Smaller text for Team Building benefit bar */
.ci4-homepage .team-bottom-benefits{
width:76% !important;
min-height:58px !important;
padding:10px 18px !important;
gap:16px !important;
border-radius:44px 0 0 0 !important;
}

.ci4-homepage .team-benefit{
gap:8px !important;
min-width:128px !important;
max-width:155px !important;
}

.ci4-homepage .team-benefit .fa{
width:34px !important;
height:34px !important;
min-width:34px !important;
font-size:16px !important;
}

.ci4-homepage .team-benefit strong{
font-size:13px !important;
line-height:1.15 !important;
font-weight:800 !important;
margin:0 0 1px !important;
}

.ci4-homepage .team-benefit span{
font-size:11px !important;
line-height:1.2 !important;
font-weight:500 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-bottom-benefits{
width:82% !important;
min-height:56px !important;
padding:9px 16px !important;
gap:12px !important;
}

.ci4-homepage .team-benefit{
min-width:118px !important;
max-width:145px !important;
}

.ci4-homepage .team-benefit .fa{
width:32px !important;
height:32px !important;
min-width:32px !important;
font-size:15px !important;
}

.ci4-homepage .team-benefit strong{
font-size:12.5px !important;
}

.ci4-homepage .team-benefit span{
font-size:10.5px !important;
}
}

@media (max-width:991px){
.ci4-homepage .team-bottom-benefits{
width:88% !important;
min-height:54px !important;
gap:10px !important;
padding:8px 14px !important;
}

.ci4-homepage .team-benefit{
min-width:105px !important;
max-width:135px !important;
}

.ci4-homepage .team-benefit strong{
font-size:12px !important;
}

.ci4-homepage .team-benefit span{
font-size:10px !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-bottom-benefits{
width:100% !important;
min-height:auto !important;
padding:14px 18px !important;
gap:10px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
min-width:unset !important;
}

.ci4-homepage .team-benefit .fa{
width:34px !important;
height:34px !important;
min-width:34px !important;
font-size:16px !important;
}

.ci4-homepage .team-benefit strong{
font-size:13px !important;
}

.ci4-homepage .team-benefit span{
font-size:11px !important;
}
}

/* A48.5  Balance Team Building two-column layout */
.ci4-homepage .team-landing-section{padding:56px 0 42px !important;}
.ci4-homepage .team-landing-wrap{width:min(1360px, calc(100% - 48px)) !important;margin:0 auto !important;display:grid !important;grid-template-columns:0.94fr 1.06fr !important;gap:34px !important;align-items:center !important;min-height:auto !important;}
.ci4-homepage .team-left{padding:10px 0 28px !important;max-width:620px !important;}
.ci4-homepage .team-badge{margin-bottom:28px !important;padding:11px 22px !important;font-size:15px !important;}
.ci4-homepage .team-title{font-size:64px !important;line-height:0.98 !important;letter-spacing:-1px !important;margin:0 !important;}
.ci4-homepage .team-title span{font-size:48px !important;line-height:1.08 !important;margin-top:12px !important;}
.ci4-homepage .team-slogan{margin:22px 0 16px !important;font-size:23px !important;line-height:1.25 !important;padding-bottom:7px !important;}
.ci4-homepage .team-desc{max-width:610px !important;font-size:16.5px !important;line-height:1.68 !important;margin:0 0 24px !important;}
.ci4-homepage .team-stats{max-width:610px !important;grid-template-columns:repeat(4,1fr) !important;gap:10px !important;margin-bottom:22px !important;}
.ci4-homepage .team-stat{min-height:112px !important;padding:14px 10px !important;border-radius:14px !important;}
.ci4-homepage .team-stat .fa{font-size:24px !important;margin-bottom:6px !important;}
.ci4-homepage .team-stat strong{font-size:28px !important;}
.ci4-homepage .team-stat span{font-size:13px !important;line-height:1.28 !important;}
.ci4-homepage .team-actions{margin-bottom:22px !important;gap:14px !important;}
.ci4-homepage .team-btn{min-width:190px !important;height:56px !important;}
.ci4-homepage .team-btn .fa{font-size:25px !important;}
.ci4-homepage .team-btn span{font-size:16px !important;}
.ci4-homepage .team-btn small{font-size:12.5px !important;}
.ci4-homepage .team-partner-title{display:none !important;}
.ci4-homepage .team-partners{margin-top:12px !important;}
.ci4-homepage .team-partner-list{max-width:610px !important;grid-template-columns:repeat(6,1fr) !important;gap:9px !important;}
.ci4-homepage .team-partner-logo{height:50px !important;border-radius:10px !important;font-size:15px !important;}
.ci4-homepage .team-right{height:auto !important;min-height:unset !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}
.ci4-homepage .team-image-card{width:100% !important;height:500px !important;border-radius:0 34px 0 82px !important;overflow:hidden !important;box-shadow:0 24px 58px rgba(0,65,36,.16) !important;}
.ci4-homepage .team-image-card img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;display:block !important;}
.ci4-homepage .team-bottom-benefits{position:relative !important;width:86% !important;min-height:62px !important;margin:0 0 0 auto !important;padding:10px 16px !important;gap:15px !important;border-radius:0 0 0 38px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.ci4-homepage .team-benefit{min-width:125px !important;max-width:160px !important;gap:8px !important;}
.ci4-homepage .team-benefit .fa{width:36px !important;height:36px !important;min-width:36px !important;font-size:17px !important;}
.ci4-homepage .team-benefit strong{font-size:13px !important;line-height:1.15 !important;}
.ci4-homepage .team-benefit span{font-size:11.5px !important;line-height:1.25 !important;}
@media (max-width:1199px){.ci4-homepage .team-landing-wrap{grid-template-columns:1fr !important;width:calc(100% - 40px) !important;}.ci4-homepage .team-left{max-width:none !important;}.ci4-homepage .team-image-card{height:520px !important;border-radius:28px 28px 0 0 !important;}.ci4-homepage .team-bottom-benefits{width:100% !important;border-radius:0 0 28px 28px !important;}}
@media (max-width:767px){.ci4-homepage .team-landing-wrap{width:calc(100% - 24px) !important;}.ci4-homepage .team-title{font-size:42px !important;}.ci4-homepage .team-title span{font-size:34px !important;}.ci4-homepage .team-slogan{font-size:20px !important;}.ci4-homepage .team-stats{grid-template-columns:repeat(2,1fr) !important;}.ci4-homepage .team-actions{flex-direction:column !important;align-items:stretch !important;}.ci4-homepage .team-btn{width:100% !important;}.ci4-homepage .team-partner-list{grid-template-columns:repeat(2,1fr) !important;}.ci4-homepage .team-image-card{height:430px !important;}.ci4-homepage .team-bottom-benefits{flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding:16px 20px !important;}.ci4-homepage .team-benefit{width:100% !important;max-width:none !important;}}
@media (max-width:480px){.ci4-homepage .team-title{font-size:36px !important;}.ci4-homepage .team-title span{font-size:30px !important;}.ci4-homepage .team-image-card{height:360px !important;}}

/* A48.6  Rebuild TEAMBUILDING section to match reference layout */
.ci4-homepage .team-landing-section{
position:relative !important;
overflow:hidden !important;
padding:70px 0 64px !important;
background:
radial-gradient(circle at 6% 8%, rgba(7,116,45,.10) 0, transparent 30%),
linear-gradient(135deg,#f8fbf3 0%,#ffffff 48%,#edf7ed 100%) !important;
font-family:"Be Vietnam Pro",Arial,sans-serif !important;
}

.ci4-homepage .team-landing-section:before{
content:"" !important;
position:absolute !important;
left:26px !important;
top:28px !important;
width:132px !important;
height:132px !important;
background-image:radial-gradient(rgba(5,119,44,.18) 2px, transparent 2px) !important;
background-size:18px 18px !important;
opacity:.55 !important;
}

.ci4-homepage .team-landing-wrap{
position:relative !important;
z-index:2 !important;
width:min(1420px, calc(100% - 56px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:0.47fr 0.53fr !important;
gap:46px !important;
align-items:center !important;
min-height:auto !important;
}

.ci4-homepage .team-left{
max-width:650px !important;
padding:8px 0 0 !important;
display:block !important;
}

.ci4-homepage .team-badge{
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
max-width:100% !important;
padding:11px 22px !important;
margin:0 0 30px !important;
border-radius:999px !important;
background:#066d2a !important;
color:#fff !important;
box-shadow:0 12px 26px rgba(5,108,40,.22) !important;
font-size:15px !important;
line-height:1.25 !important;
font-weight:800 !important;
letter-spacing:0 !important;
}

.ci4-homepage .team-badge .fa{
font-family:FontAwesome !important;
font-size:21px !important;
line-height:1 !important;
}

.ci4-homepage .team-title{
margin:0 !important;
color:#075d27 !important;
font-size:76px !important;
line-height:.92 !important;
font-weight:900 !important;
letter-spacing:-1px !important;
text-transform:uppercase !important;
text-shadow:0 9px 24px rgba(7,93,39,.12) !important;
}

.ci4-homepage .team-title-script,
.ci4-homepage .team-title span{
display:block !important;
margin-top:14px !important;
color:#087334 !important;
font-family:"Brush Script MT","Segoe Script","Comic Sans MS",cursive !important;
font-size:58px !important;
line-height:1.02 !important;
font-style:italic !important;
font-weight:600 !important;
letter-spacing:0 !important;
text-transform:none !important;
}

.ci4-homepage .team-slogan{
display:inline-block !important;
margin:26px 0 18px !important;
padding-bottom:8px !important;
border-bottom:5px solid #f6c313 !important;
color:#07662d !important;
font-size:25px !important;
line-height:1.22 !important;
font-weight:900 !important;
}

.ci4-homepage .team-desc{
max-width:620px !important;
margin:0 0 28px !important;
color:#202620 !important;
font-size:17px !important;
line-height:1.72 !important;
font-weight:500 !important;
}

.ci4-homepage .team-stats{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:12px !important;
max-width:650px !important;
margin:0 0 26px !important;
}

.ci4-homepage .team-stat{
min-height:126px !important;
padding:17px 12px 15px !important;
border:1px solid rgba(11,143,63,.08) !important;
border-radius:18px !important;
background:rgba(255,255,255,.92) !important;
box-shadow:0 12px 30px rgba(0,0,0,.065) !important;
text-align:center !important;
}

.ci4-homepage .team-stat .fa{
font-family:FontAwesome !important;
display:block !important;
margin:0 0 8px !important;
color:#0b8f3f !important;
font-size:27px !important;
}

.ci4-homepage .team-stat strong{
display:block !important;
color:#087334 !important;
font-size:31px !important;
line-height:1.05 !important;
font-weight:900 !important;
}

.ci4-homepage .team-stat span{
display:block !important;
margin-top:6px !important;
color:#1f1f1f !important;
font-size:13.5px !important;
line-height:1.32 !important;
font-weight:650 !important;
}

.ci4-homepage .team-actions{
display:flex !important;
align-items:center !important;
gap:16px !important;
margin:0 0 26px !important;
}

.ci4-homepage .team-btn{
min-width:205px !important;
height:60px !important;
border-radius:999px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:13px !important;
text-decoration:none !important;
}

.ci4-homepage .team-btn .fa{
font-family:FontAwesome !important;
font-size:27px !important;
}

.ci4-homepage .team-btn span{
display:flex !important;
flex-direction:column !important;
font-size:17px !important;
line-height:1.08 !important;
font-weight:900 !important;
}

.ci4-homepage .team-btn small{
margin-top:4px !important;
font-size:13px !important;
font-weight:500 !important;
}

.ci4-homepage .team-partners{
margin:0 !important;
}

.ci4-homepage .team-partner-title{
display:block !important;
margin:0 0 12px !important;
color:#202820 !important;
font-size:14px !important;
line-height:1.2 !important;
font-weight:900 !important;
letter-spacing:.02em !important;
}

.ci4-homepage .team-partner-list{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:10px !important;
max-width:650px !important;
}

.ci4-homepage .team-partner-logo{
height:54px !important;
padding:8px 6px !important;
border-radius:11px !important;
background:#fff !important;
box-shadow:0 9px 22px rgba(0,0,0,.08) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
font-size:16px !important;
font-weight:900 !important;
}

.ci4-homepage .team-right{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:auto !important;
min-height:unset !important;
}

.ci4-homepage .team-right-visual{
position:relative !important;
width:100% !important;
max-width:760px !important;
min-height:650px !important;
padding:42px 0 0 44px !important;
}

.ci4-homepage .team-visual-shape{
position:absolute !important;
left:0 !important;
top:0 !important;
width:78% !important;
height:70% !important;
border-radius:88px 0 120px 0 !important;
background:#fff !important;
box-shadow:0 26px 70px rgba(0,65,36,.08) !important;
z-index:0 !important;
}

.ci4-homepage .team-main-image{
position:relative !important;
z-index:1 !important;
width:100% !important;
height:520px !important;
overflow:hidden !important;
border-radius:0 44px 0 118px !important;
background:#dff4ff !important;
box-shadow:0 30px 76px rgba(0,65,36,.18) !important;
}

.ci4-homepage .team-main-image:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:2 !important;
border-radius:inherit !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.42) !important;
pointer-events:none !important;
}

.ci4-homepage .team-main-image img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
object-position:center center !important;
}

.ci4-homepage .team-floating-caption{
position:absolute !important;
left:44px !important;
top:34px !important;
z-index:3 !important;
max-width:520px !important;
color:#fff !important;
font-family:"Brush Script MT","Segoe Script",cursive !important;
font-size:34px !important;
line-height:1.1 !important;
font-style:italic !important;
font-weight:600 !important;
text-shadow:0 4px 16px rgba(0,0,0,.42) !important;
}

.ci4-homepage .team-collage{
position:absolute !important;
left:76px !important;
right:42px !important;
bottom:84px !important;
z-index:4 !important;
height:142px !important;
pointer-events:none !important;
}

.ci4-homepage .team-collage-card{
position:absolute !important;
overflow:hidden !important;
border:7px solid #fff !important;
border-radius:18px !important;
background:#fff !important;
box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
}

.ci4-homepage .team-collage-card img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
}

.ci4-homepage .team-collage-card-left{
left:0 !important;
bottom:16px !important;
width:178px !important;
height:116px !important;
transform:rotate(-5deg) !important;
}

.ci4-homepage .team-collage-card-center{
left:50% !important;
bottom:0 !important;
width:218px !important;
height:138px !important;
transform:translateX(-50%) rotate(2deg) !important;
z-index:2 !important;
}

.ci4-homepage .team-collage-card-right{
right:0 !important;
bottom:18px !important;
width:176px !important;
height:114px !important;
transform:rotate(5deg) !important;
}

.ci4-homepage .team-bottom-benefits{
position:relative !important;
z-index:5 !important;
width:86% !important;
min-height:76px !important;
margin:0 0 0 auto !important;
padding:14px 22px !important;
border-radius:0 0 0 54px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
box-shadow:0 16px 32px rgba(0,70,32,.18) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:22px !important;
}

.ci4-homepage .team-benefit{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:145px !important;
max-width:185px !important;
}

.ci4-homepage .team-benefit .fa{
font-family:FontAwesome !important;
width:42px !important;
height:42px !important;
min-width:42px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:20px !important;
color:#fff !important;
}

.ci4-homepage .team-benefit strong{
display:block !important;
margin:0 0 2px !important;
color:#fff !important;
font-size:15px !important;
line-height:1.15 !important;
font-weight:850 !important;
}

.ci4-homepage .team-benefit span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-size:12.5px !important;
line-height:1.24 !important;
font-weight:500 !important;
}

@media (max-width:1199px){
.ci4-homepage .team-landing-wrap{
width:calc(100% - 44px) !important;
grid-template-columns:0.48fr 0.52fr !important;
gap:30px !important;
}

.ci4-homepage .team-title{
font-size:62px !important;
}

.ci4-homepage .team-title-script,
.ci4-homepage .team-title span{
font-size:48px !important;
}

.ci4-homepage .team-right-visual{
min-height:610px !important;
padding-left:28px !important;
}

.ci4-homepage .team-main-image{
height:490px !important;
}

.ci4-homepage .team-collage{
left:48px !important;
right:24px !important;
bottom:84px !important;
}

.ci4-homepage .team-collage-card-left,
.ci4-homepage .team-collage-card-right{
width:150px !important;
height:100px !important;
}

.ci4-homepage .team-collage-card-center{
width:188px !important;
height:124px !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
border-radius:0 0 34px 34px !important;
}
}

@media (max-width:991px){
.ci4-homepage .team-landing-wrap{
grid-template-columns:1fr !important;
width:calc(100% - 40px) !important;
gap:38px !important;
}

.ci4-homepage .team-left{
max-width:none !important;
}

.ci4-homepage .team-right-visual{
max-width:760px !important;
margin:0 auto !important;
}
}

@media (max-width:767px){
.ci4-homepage .team-landing-section{
padding:44px 0 42px !important;
}

.ci4-homepage .team-landing-wrap{
width:calc(100% - 24px) !important;
gap:30px !important;
}

.ci4-homepage .team-badge{
font-size:13px !important;
padding:10px 16px !important;
}

.ci4-homepage .team-title{
font-size:42px !important;
}

.ci4-homepage .team-title-script,
.ci4-homepage .team-title span{
font-size:34px !important;
}

.ci4-homepage .team-slogan{
font-size:20px !important;
}

.ci4-homepage .team-stats{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.ci4-homepage .team-actions{
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .team-btn{
width:100% !important;
}

.ci4-homepage .team-partner-list{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.ci4-homepage .team-right-visual{
min-height:auto !important;
padding:26px 0 0 !important;
}

.ci4-homepage .team-visual-shape{
width:72% !important;
height:58% !important;
border-radius:44px 0 70px 0 !important;
}

.ci4-homepage .team-main-image{
height:430px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .team-floating-caption{
left:22px !important;
top:24px !important;
font-size:26px !important;
}

.ci4-homepage .team-collage{
position:relative !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
height:116px !important;
margin:-58px 14px 0 !important;
}

.ci4-homepage .team-collage-card{
border-width:5px !important;
border-radius:14px !important;
}

.ci4-homepage .team-collage-card-left{
width:31% !important;
height:88px !important;
}

.ci4-homepage .team-collage-card-center{
width:38% !important;
height:108px !important;
}

.ci4-homepage .team-collage-card-right{
width:31% !important;
height:88px !important;
}

.ci4-homepage .team-bottom-benefits{
width:100% !important;
margin:0 !important;
padding:16px 20px !important;
border-radius:0 0 28px 28px !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
}

.ci4-homepage .team-benefit{
width:100% !important;
max-width:none !important;
}
}

@media (max-width:480px){
.ci4-homepage .team-title{
font-size:36px !important;
}

.ci4-homepage .team-title-script,
.ci4-homepage .team-title span{
font-size:30px !important;
}

.ci4-homepage .team-partner-list{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.ci4-homepage .team-main-image{
height:360px !important;
}

.ci4-homepage .team-floating-caption{
font-size:22px !important;
}
}

/* =========================================================
A48.7  Simple Team Building Hero
========================================================= */
.ci4-homepage .tb-hero{
width:min(1500px, calc(100% - 48px));
margin:60px auto 70px;
display:grid;
grid-template-columns:0.95fr 1.05fr;
gap:42px;
align-items:center;
background:
radial-gradient(circle at 0 0, rgba(11,143,63,.08), transparent 32%),
linear-gradient(135deg,#f7fbf4 0%,#fff 52%,#edf8ef 100%);
border-radius:34px;
padding:46px 48px;
overflow:hidden;
box-shadow:0 18px 50px rgba(0,65,36,.08);
font-family:"Be Vietnam Pro", Arial, sans-serif;
}

.ci4-homepage .tb-left{
min-width:0;
}

.ci4-homepage .tb-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:11px 22px;
border-radius:999px;
background:linear-gradient(90deg,#066d2a,#0a7f32);
color:#fff;
font-size:15px;
line-height:1.3;
font-weight:700;
box-shadow:0 10px 24px rgba(5,108,40,.22);
margin-bottom:28px;
text-transform:none;
}

.ci4-homepage .tb-badge .fa{
font-family:FontAwesome !important;
font-size:20px;
color:#fff;
}

.ci4-homepage .tb-left h2{
margin:0;
color:#075d27;
font-size:76px;
line-height:.95;
font-weight:900;
letter-spacing:-1.5px;
text-transform:uppercase;
text-shadow:0 8px 24px rgba(7,93,39,.10);
}

.ci4-homepage .tb-left h2 span{
display:block;
margin-top:16px;
color:#087334;
font-size:54px;
line-height:1.05;
font-weight:600;
font-style:italic;
text-transform:none;
letter-spacing:0;
}

.ci4-homepage .tb-left h3{
display:inline-block;
margin:28px 0 18px;
padding-bottom:8px;
color:#07662d;
font-size:25px;
line-height:1.25;
font-weight:800;
border-bottom:5px solid #f6c313;
}

.ci4-homepage .tb-left p{
max-width:650px;
margin:0 0 28px;
color:#1f1f1f;
font-size:17px;
line-height:1.75;
font-weight:500;
}

.ci4-homepage .tb-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-bottom:28px;
max-width:680px;
}

.ci4-homepage .tb-stats > div{
min-height:126px;
border-radius:16px;
background:rgba(255,255,255,.90);
border:1px solid rgba(11,143,63,.08);
box-shadow:0 12px 28px rgba(0,0,0,.06);
padding:16px 12px;
text-align:center;
transition:.3s ease;
}

.ci4-homepage .tb-stats > div:hover{
transform:translateY(-5px);
box-shadow:0 18px 38px rgba(11,143,63,.13);
}

.ci4-homepage .tb-stats .fa{
font-family:FontAwesome !important;
color:#0b8f3f;
font-size:28px;
margin-bottom:8px;
}

.ci4-homepage .tb-stats strong{
display:block;
color:#087334;
font-size:32px;
line-height:1.05;
font-weight:900;
}

.ci4-homepage .tb-stats span{
display:block;
margin-top:5px;
color:#1f1f1f;
font-size:14px;
line-height:1.35;
font-weight:600;
}

.ci4-homepage .tb-buttons{
display:flex;
align-items:center;
gap:16px;
}

.ci4-homepage .tb-buttons a{
min-width:210px;
height:62px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
gap:13px;
text-decoration:none;
transition:.3s ease;
}

.ci4-homepage .tb-buttons .fa{
font-family:FontAwesome !important;
font-size:26px;
}

.ci4-homepage .tb-buttons span{
display:flex;
flex-direction:column;
font-size:17px;
line-height:1.1;
font-weight:900;
text-transform:uppercase;
}

.ci4-homepage .tb-buttons small{
margin-top:4px;
font-size:13px;
font-weight:500;
text-transform:none;
}

.ci4-homepage .tb-btn-primary{
background:linear-gradient(90deg,#059733,#0b7d30);
color:#fff;
box-shadow:0 14px 28px rgba(5,151,51,.28);
}

.ci4-homepage .tb-btn-primary:hover{
color:#fff;
transform:translateY(-3px);
box-shadow:0 20px 36px rgba(5,151,51,.34);
}

.ci4-homepage .tb-btn-secondary{
color:#087334;
background:rgba(255,255,255,.80);
border:2px solid #087334;
}

.ci4-homepage .tb-btn-secondary:hover{
color:#fff;
background:#087334;
transform:translateY(-3px);
}

.ci4-homepage .tb-right{
min-width:0;
}

.ci4-homepage .tb-image{
width:100%;
height:620px;
border-radius:0 42px 0 110px;
overflow:hidden;
background:#dff4ff;
box-shadow:0 28px 70px rgba(0,65,36,.18);
position:relative;
}

.ci4-homepage .tb-image:before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
z-index:2;
pointer-events:none;
}

.ci4-homepage .tb-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
display:block;
}

@media (max-width:1400px){
.ci4-homepage .tb-hero{
grid-template-columns:0.96fr 1.04fr;
gap:34px;
padding:42px;
}

.ci4-homepage .tb-left h2{
font-size:64px;
}

.ci4-homepage .tb-left h2 span{
font-size:48px;
}

.ci4-homepage .tb-image{
height:560px;
}
}

@media (max-width:1199px){
.ci4-homepage .tb-hero{
grid-template-columns:1fr;
}

.ci4-homepage .tb-image{
height:620px;
border-radius:28px;
}
}

@media (max-width:991px){
.ci4-homepage .tb-left h2{
font-size:54px;
}

.ci4-homepage .tb-left h2 span{
font-size:42px;
}

.ci4-homepage .tb-left h3{
font-size:22px;
}

.ci4-homepage .tb-stats{
grid-template-columns:repeat(2,1fr);
}

.ci4-homepage .tb-image{
height:520px;
}
}

@media (max-width:767px){
.ci4-homepage .tb-hero{
width:calc(100% - 24px);
margin:42px auto 52px;
padding:28px 20px;
border-radius:24px;
}

.ci4-homepage .tb-badge{
font-size:13px;
padding:10px 15px;
}

.ci4-homepage .tb-left h2{
font-size:40px;
}

.ci4-homepage .tb-left h2 span{
font-size:32px;
}

.ci4-homepage .tb-left p{
font-size:16px;
}

.ci4-homepage .tb-buttons{
flex-direction:column;
align-items:stretch;
}

.ci4-homepage .tb-buttons a{
width:100%;
}

.ci4-homepage .tb-image{
height:430px;
border-radius:22px;
}
}

@media (max-width:480px){
.ci4-homepage .tb-left h2{
font-size:34px;
}

.ci4-homepage .tb-left h2 span{
font-size:28px;
}

.ci4-homepage .tb-stats{
grid-template-columns:1fr 1fr;
gap:10px;
}

.ci4-homepage .tb-stats > div{
min-height:112px;
padding:14px 8px;
}

.ci4-homepage .tb-stats strong{
font-size:26px;
}

.ci4-homepage .tb-stats span{
font-size:12px;
}

.ci4-homepage .tb-image{
height:360px;
}
}

/* =========================================================
A48.8  Team Building USP + Partners + Wave Polish
========================================================= */
.ci4-homepage .tb-hero{
position:relative !important;
width:min(1500px, calc(100% - 48px)) !important;
margin:60px auto 70px !important;
display:grid !important;
grid-template-columns:0.95fr 1.05fr !important;
gap:42px !important;
align-items:center !important;
background:
radial-gradient(circle at 0 0, rgba(11,143,63,.08), transparent 32%),
linear-gradient(135deg,#f7fbf4 0%,#fff 52%,#edf8ef 100%) !important;
border-radius:34px !important;
padding:46px 48px 70px !important;
overflow:hidden !important;
box-shadow:0 18px 50px rgba(0,65,36,.08) !important;
font-family:"Be Vietnam Pro", Arial, sans-serif !important;
}

.ci4-homepage .tb-hero .fa{
font-family:FontAwesome !important;
font-style:normal !important;
font-weight:normal !important;
}

.ci4-homepage .tb-decor{
position:absolute;
z-index:1;
pointer-events:none;
opacity:.45;
}

.ci4-homepage .tb-decor-left{
left:26px;
top:24px;
width:130px;
height:130px;
background-image:radial-gradient(rgba(11,143,63,.22) 2px, transparent 2px);
background-size:18px 18px;
}

.ci4-homepage .tb-decor-right{
right:-42px;
bottom:18px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(11,143,63,.10), transparent 62%);
border-radius:50%;
}

.ci4-homepage .tb-left,
.ci4-homepage .tb-right{
position:relative !important;
z-index:3 !important;
min-width:0 !important;
}

.ci4-homepage .tb-badge{
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
padding:11px 22px !important;
border-radius:999px !important;
background:linear-gradient(90deg,#066d2a,#0a7f32) !important;
color:#fff !important;
font-size:15px !important;
line-height:1.3 !important;
font-weight:700 !important;
box-shadow:0 12px 26px rgba(5,108,40,.24) !important;
margin-bottom:28px !important;
}

.ci4-homepage .tb-badge .fa{
font-size:20px !important;
color:#fff !important;
}

.ci4-homepage .tb-left h2{
margin:0 !important;
color:#075d27 !important;
font-size:76px !important;
line-height:.95 !important;
font-weight:900 !important;
letter-spacing:-1.5px !important;
text-transform:uppercase !important;
text-shadow:0 8px 24px rgba(7,93,39,.10) !important;
}

.ci4-homepage .tb-left h2 span{
display:block !important;
margin-top:16px !important;
color:#087334 !important;
font-size:54px !important;
line-height:1.05 !important;
font-weight:600 !important;
font-style:italic !important;
text-transform:none !important;
letter-spacing:0 !important;
}

.ci4-homepage .tb-left h3{
display:inline-block !important;
margin:28px 0 18px !important;
padding-bottom:8px !important;
color:#07662d !important;
font-size:25px !important;
line-height:1.25 !important;
font-weight:800 !important;
border-bottom:5px solid #f6c313 !important;
}

.ci4-homepage .tb-left p{
max-width:650px !important;
margin:0 0 28px !important;
color:#1f1f1f !important;
font-size:17px !important;
line-height:1.75 !important;
font-weight:500 !important;
}

.ci4-homepage .tb-stats{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:12px !important;
margin-bottom:28px !important;
max-width:680px !important;
}

.ci4-homepage .tb-stats > div{
min-height:126px !important;
border-radius:16px !important;
background:rgba(255,255,255,.92) !important;
border:1px solid rgba(11,143,63,.08) !important;
box-shadow:0 12px 28px rgba(0,0,0,.06) !important;
padding:16px 12px !important;
text-align:center !important;
transition:.3s ease !important;
}

.ci4-homepage .tb-stats > div:hover{
transform:translateY(-5px) !important;
box-shadow:0 18px 38px rgba(11,143,63,.13) !important;
}

.ci4-homepage .tb-stats .fa{
color:#0b8f3f !important;
font-size:28px !important;
margin-bottom:8px !important;
}

.ci4-homepage .tb-stats strong{
display:block !important;
color:#087334 !important;
font-size:32px !important;
line-height:1.05 !important;
font-weight:900 !important;
}

.ci4-homepage .tb-stats span{
display:block !important;
margin-top:5px !important;
color:#1f1f1f !important;
font-size:14px !important;
line-height:1.35 !important;
font-weight:600 !important;
}

.ci4-homepage .tb-buttons{
display:flex !important;
align-items:center !important;
gap:16px !important;
margin-bottom:26px !important;
}

.ci4-homepage .tb-buttons a{
min-width:210px !important;
height:62px !important;
border-radius:999px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:13px !important;
text-decoration:none !important;
transition:.3s ease !important;
}

.ci4-homepage .tb-buttons .fa{
font-size:26px !important;
}

.ci4-homepage .tb-buttons span{
display:flex !important;
flex-direction:column !important;
font-size:17px !important;
line-height:1.1 !important;
font-weight:900 !important;
text-transform:uppercase !important;
}

.ci4-homepage .tb-buttons small{
margin-top:4px !important;
font-size:13px !important;
font-weight:500 !important;
text-transform:none !important;
}

.ci4-homepage .tb-btn-primary{
background:linear-gradient(90deg,#059733,#0b7d30) !important;
color:#fff !important;
box-shadow:0 18px 34px rgba(5,151,51,.34) !important;
}

.ci4-homepage .tb-btn-primary:hover{
color:#fff !important;
transform:translateY(-3px) !important;
box-shadow:0 24px 42px rgba(5,151,51,.40) !important;
}

.ci4-homepage .tb-btn-secondary{
color:#087334 !important;
background:rgba(255,255,255,.82) !important;
border:2px solid #087334 !important;
}

.ci4-homepage .tb-btn-secondary:hover{
color:#fff !important;
background:#087334 !important;
transform:translateY(-3px) !important;
}

.ci4-homepage .tb-partners{
margin-top:4px !important;
}

.ci4-homepage .tb-partner-title{
color:#1f1f1f !important;
font-size:14px !important;
font-weight:800 !important;
margin-bottom:12px !important;
text-transform:uppercase !important;
}

.ci4-homepage .tb-partner-list{
display:grid !important;
grid-template-columns:repeat(6,1fr) !important;
gap:10px !important;
max-width:680px !important;
}

.ci4-homepage .tb-partner-logo{
height:54px !important;
border-radius:12px !important;
background:#fff !important;
box-shadow:0 8px 20px rgba(0,0,0,.08) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:16px !important;
font-weight:900 !important;
color:#087334 !important;
text-align:center !important;
padding:8px !important;
}

.ci4-homepage .tb-viettel{color:#e11414 !important;}
.ci4-homepage .tb-fpt{color:#2877c9 !important;}
.ci4-homepage .tb-vingroup{color:#d71920 !important;}
.ci4-homepage .tb-sungroup{color:#f0a100 !important;}
.ci4-homepage .tb-mb{color:#1957a4 !important;}
.ci4-homepage .tb-vpbank{color:#0a9b45 !important;}

.ci4-homepage .tb-right{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .tb-image{
width:100% !important;
height:600px !important;
border-radius:0 42px 0 110px !important;
overflow:hidden !important;
background:#dff4ff !important;
box-shadow:0 28px 70px rgba(0,65,36,.18) !important;
position:relative !important;
}

.ci4-homepage .tb-image:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
border-radius:inherit !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) !important;
z-index:2 !important;
pointer-events:none !important;
}

.ci4-homepage .tb-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .tb-features{
width:92% !important;
margin:0 0 0 auto !important;
padding:14px 22px !important;
border-radius:0 0 0 42px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
box-shadow:0 16px 34px rgba(0,70,32,.20) !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:22px !important;
}

.ci4-homepage .tb-feature{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:150px !important;
}

.ci4-homepage .tb-feature .fa{
width:44px !important;
height:44px !important;
min-width:44px !important;
border-radius:50% !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.22) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:20px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
color:#fff !important;
font-size:15px !important;
line-height:1.2 !important;
font-weight:800 !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
margin-top:2px !important;
color:rgba(255,255,255,.92) !important;
font-size:12.5px !important;
line-height:1.25 !important;
font-weight:500 !important;
}

.ci4-homepage .tb-wave{
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
height:150px !important;
z-index:2 !important;
pointer-events:none !important;
}

.ci4-homepage .tb-wave svg{
width:100% !important;
height:100% !important;
display:block !important;
}

@media (max-width:1400px){
.ci4-homepage .tb-hero{
grid-template-columns:0.96fr 1.04fr !important;
gap:34px !important;
padding:42px 42px 68px !important;
}

.ci4-homepage .tb-left h2{
font-size:64px !important;
}

.ci4-homepage .tb-left h2 span{
font-size:48px !important;
}

.ci4-homepage .tb-image{
height:560px !important;
}

.ci4-homepage .tb-features{
gap:16px !important;
}

.ci4-homepage .tb-feature strong{
font-size:14px !important;
}
}

@media (max-width:1199px){
.ci4-homepage .tb-hero{
grid-template-columns:1fr !important;
}

.ci4-homepage .tb-image{
height:620px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .tb-features{
width:100% !important;
border-radius:0 0 28px 28px !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-left h2{
font-size:54px !important;
}

.ci4-homepage .tb-left h2 span{
font-size:42px !important;
}

.ci4-homepage .tb-left h3{
font-size:22px !important;
}

.ci4-homepage .tb-stats{
grid-template-columns:repeat(2,1fr) !important;
}

.ci4-homepage .tb-partner-list{
grid-template-columns:repeat(3,1fr) !important;
}

.ci4-homepage .tb-image{
height:520px !important;
}

.ci4-homepage .tb-features{
flex-wrap:wrap !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-hero{
width:calc(100% - 24px) !important;
margin:42px auto 52px !important;
padding:28px 20px 58px !important;
border-radius:24px !important;
}

.ci4-homepage .tb-badge{
font-size:13px !important;
padding:10px 15px !important;
}

.ci4-homepage .tb-left h2{
font-size:40px !important;
}

.ci4-homepage .tb-left h2 span{
font-size:32px !important;
}

.ci4-homepage .tb-left p{
font-size:16px !important;
}

.ci4-homepage .tb-buttons{
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .tb-buttons a{
width:100% !important;
}

.ci4-homepage .tb-partner-list{
grid-template-columns:repeat(2,1fr) !important;
}

.ci4-homepage .tb-image{
height:430px !important;
border-radius:22px 22px 0 0 !important;
}

.ci4-homepage .tb-features{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:18px 20px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}
}

@media (max-width:480px){
.ci4-homepage .tb-left h2{
font-size:34px !important;
}

.ci4-homepage .tb-left h2 span{
font-size:28px !important;
}

.ci4-homepage .tb-stats{
grid-template-columns:1fr 1fr !important;
gap:10px !important;
}

.ci4-homepage .tb-stats > div{
min-height:112px !important;
padding:14px 8px !important;
}

.ci4-homepage .tb-stats strong{
font-size:26px !important;
}

.ci4-homepage .tb-stats span{
font-size:12px !important;
}

.ci4-homepage .tb-image{
height:360px !important;
}
}

/* A48.9  USP bar inside Team Building image card */
.ci4-homepage .tb-right{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .tb-image{
position:relative !important;
width:100% !important;
height:600px !important;
border-radius:0 42px 0 110px !important;
overflow:hidden !important;
background:#dff4ff !important;
box-shadow:0 28px 70px rgba(0,65,36,.18) !important;
}

.ci4-homepage .tb-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

.ci4-homepage .tb-features{
position:absolute !important;
left:50% !important;
bottom:24px !important;
transform:translateX(-50%) !important;
z-index:6 !important;
width:84% !important;
min-height:76px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:18px !important;
padding:14px 24px !important;
background:linear-gradient(90deg,#006524 0%,#087f32 58%,#0b6d2d 100%) !important;
color:#fff !important;
border-radius:28px !important;
box-shadow:0 20px 40px rgba(0,0,0,.18) !important;
}

.ci4-homepage .tb-feature{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
flex:1 !important;
}

.ci4-homepage .tb-feature .fa{
font-family:FontAwesome !important;
width:44px !important;
height:44px !important;
min-width:44px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.25) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:20px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
color:#fff !important;
font-size:15px !important;
line-height:1.18 !important;
font-weight:800 !important;
margin:0 0 2px !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-size:12.5px !important;
line-height:1.25 !important;
font-weight:500 !important;
}

/* A48.9  reduce bottom green wave height */
.ci4-homepage .tb-wave{
height:50px !important;
bottom:0 !important;
opacity:.95 !important;
}

.ci4-homepage .tb-hero{
padding-bottom:38px !important;
}

@media (max-width:1199px){
.ci4-homepage .tb-image{
height:620px !important;
border-radius:28px !important;
}

.ci4-homepage .tb-features{
width:88% !important;
bottom:22px !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-features{
width:90% !important;
gap:12px !important;
padding:13px 18px !important;
}

.ci4-homepage .tb-feature .fa{
width:40px !important;
height:40px !important;
min-width:40px !important;
font-size:18px !important;
}

.ci4-homepage .tb-feature strong{
font-size:13px !important;
}

.ci4-homepage .tb-feature span{
font-size:11.5px !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-image{
height:430px !important;
border-radius:22px !important;
}

.ci4-homepage .tb-features{
position:relative !important;
left:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
margin-top:-8px !important;
border-radius:0 0 22px 22px !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}

.ci4-homepage .tb-wave{
height:38px !important;
}
}

@media (max-width:480px){
.ci4-homepage .tb-image{
height:360px !important;
}
}

/* A48.13 final override  Bigger right image, no right-side background */
.ci4-homepage .tb-hero{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
grid-template-columns:none !important;
gap:40px !important;
}

.ci4-homepage .tb-left{
flex:0 0 46% !important;
max-width:46% !important;
min-width:0 !important;
}

.ci4-homepage .tb-right{
flex:0 0 calc(54% - 40px) !important;
max-width:calc(54% - 40px) !important;
min-width:0 !important;
position:relative !important;
display:block !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}

.ci4-homepage .tb-right::before,
.ci4-homepage .tb-right::after,
.ci4-homepage .tb-image::before,
.ci4-homepage .tb-image::after{
content:none !important;
display:none !important;
}

.ci4-homepage .tb-decor-right{
display:none !important;
}

.ci4-homepage .tb-image{
position:relative !important;
width:100% !important;
max-width:none !important;
height:660px !important;
margin:0 !important;
display:block !important;
overflow:hidden !important;
border-radius:40px !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:0 26px 64px rgba(0,65,36,.18) !important;
}

.ci4-homepage .tb-image img{
width:100% !important;
height:100% !important;
display:block !important;
border-radius:0 !important;
object-fit:cover !important;
object-position:center center !important;
}

.ci4-homepage .tb-features{
position:absolute !important;
left:50% !important;
right:auto !important;
bottom:30px !important;
top:auto !important;
transform:translateX(-50%) !important;
z-index:5 !important;
width:78% !important;
max-width:700px !important;
min-height:72px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:16px !important;
padding:14px 22px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage .tb-feature{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
}

.ci4-homepage .tb-feature .fa{
font-family:FontAwesome !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.24) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:18px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
color:#fff !important;
font-size:14px !important;
line-height:1.18 !important;
font-weight:800 !important;
margin:0 0 2px !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-size:11.5px !important;
line-height:1.24 !important;
font-weight:500 !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-wave{
height:42px !important;
}

@media (max-width:1199px){
.ci4-homepage .tb-hero{
display:flex !important;
flex-direction:column !important;
gap:34px !important;
}

.ci4-homepage .tb-left,
.ci4-homepage .tb-right{
flex:0 0 auto !important;
max-width:none !important;
width:100% !important;
}

.ci4-homepage .tb-image{
height:620px !important;
border-radius:28px !important;
}

.ci4-homepage .tb-features{
width:82% !important;
max-width:700px !important;
bottom:26px !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-image{
height:540px !important;
}

.ci4-homepage .tb-features{
width:86% !important;
gap:12px !important;
padding:13px 18px !important;
}

.ci4-homepage .tb-feature .fa{
width:36px !important;
height:36px !important;
min-width:36px !important;
font-size:16px !important;
}

.ci4-homepage .tb-feature strong{
font-size:13px !important;
}

.ci4-homepage .tb-feature span{
font-size:10.5px !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-image{
height:auto !important;
overflow:visible !important;
border-radius:22px !important;
box-shadow:0 18px 44px rgba(0,65,36,.16) !important;
}

.ci4-homepage .tb-image img{
height:auto !important;
border-radius:22px 22px 0 0 !important;
}

.ci4-homepage .tb-features{
position:relative !important;
left:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
max-width:none !important;
border-radius:0 0 22px 22px !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}

.ci4-homepage .tb-feature strong,
.ci4-homepage .tb-feature span{
white-space:normal !important;
}
}

/* A48.12  Hide Team Building partner title only */
.ci4-homepage .tb-partner-title,
.ci4-homepage .team-partner-title{
display:none !important;
}

/* A48.14  USP below Team Building image, keep partners only */
.ci4-homepage section.tb-hero{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
grid-template-columns:none !important;
gap:40px !important;
}

.ci4-homepage section.tb-hero > .tb-left{
flex:0 0 46% !important;
max-width:46% !important;
min-width:0 !important;
}

.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 54% !important;
max-width:54% !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
position:relative !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}

.ci4-homepage section.tb-hero > .tb-right::before,
.ci4-homepage section.tb-hero > .tb-right::after,
.ci4-homepage section.tb-hero .tb-image::before,
.ci4-homepage section.tb-hero .tb-image::after{
content:none !important;
display:none !important;
}

.ci4-homepage section.tb-hero .tb-image{
width:100% !important;
max-width:none !important;
height:auto !important;
position:relative !important;
overflow:hidden !important;
border-radius:40px !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:0 18px 40px rgba(0,0,0,.10) !important;
}

.ci4-homepage section.tb-hero .tb-image img{
width:100% !important;
height:auto !important;
display:block !important;
border-radius:40px !important;
object-fit:cover !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:78% !important;
max-width:700px !important;
margin:-18px auto 0 !important;
position:relative !important;
z-index:3 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:18px !important;
padding:18px 22px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage section.tb-hero .tb-usp-item{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
color:#fff !important;
}

.ci4-homepage section.tb-hero .tb-usp-item i{
font-family:FontAwesome !important;
width:46px !important;
height:46px !important;
min-width:46px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.22) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:20px !important;
color:#fff !important;
}

.ci4-homepage section.tb-hero .tb-usp-item strong{
display:block !important;
font-size:16px !important;
line-height:1.2 !important;
font-weight:700 !important;
margin:0 0 4px !important;
color:#fff !important;
white-space:nowrap !important;
}

.ci4-homepage section.tb-hero .tb-usp-item span{
display:block !important;
font-size:14px !important;
line-height:1.25 !important;
color:rgba(255,255,255,.95) !important;
white-space:nowrap !important;
}

.ci4-homepage section.tb-hero .tb-partner-title,
.ci4-homepage section.tb-hero .team-partner-title{
display:none !important;
}

@media (max-width:991px){
.ci4-homepage section.tb-hero{
flex-direction:column !important;
}

.ci4-homepage section.tb-hero > .tb-left,
.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 100% !important;
max-width:100% !important;
width:100% !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:100% !important;
max-width:none !important;
margin:16px 0 0 !important;
flex-direction:column !important;
align-items:stretch !important;
gap:14px !important;
}

.ci4-homepage section.tb-hero .tb-usp-item{
justify-content:flex-start !important;
}
}

@media (max-width:767px){
.ci4-homepage section.tb-hero .tb-image{
border-radius:22px !important;
}

.ci4-homepage section.tb-hero .tb-image img{
border-radius:22px !important;
}

.ci4-homepage section.tb-hero .tb-usp{
border-radius:22px !important;
padding:16px 20px !important;
}

.ci4-homepage section.tb-hero .tb-usp-item strong,
.ci4-homepage section.tb-hero .tb-usp-item span{
white-space:normal !important;
}
}

/* A48.16 final  Taller Team Building right image without distortion */
.ci4-homepage section.tb-hero{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
grid-template-columns:none !important;
gap:36px !important;
}

.ci4-homepage section.tb-hero > .tb-left{
flex:0 0 43% !important;
max-width:43% !important;
min-width:0 !important;
}

.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 57% !important;
max-width:57% !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}

.ci4-homepage section.tb-hero .tb-image{
width:100% !important;
max-width:none !important;
aspect-ratio:1.18 / 1 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 !important;
position:relative !important;
overflow:hidden !important;
border-radius:40px !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:0 18px 40px rgba(0,0,0,.10) !important;
}

.ci4-homepage section.tb-hero .tb-image img{
width:100% !important;
height:100% !important;
max-height:none !important;
display:block !important;
border-radius:40px !important;
object-fit:cover !important;
object-position:center center !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:92% !important;
max-width:none !important;
margin:18px auto 0 !important;
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
z-index:3 !important;
display:flex !important;
align-items:stretch !important;
justify-content:space-between !important;
gap:16px !important;
padding:18px 20px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage section.tb-hero .tb-usp-item{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
}

.ci4-homepage section.tb-hero .tb-usp-item-text{
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
min-width:0 !important;
}

@media (max-width:991px){
.ci4-homepage section.tb-hero{
flex-direction:column !important;
gap:34px !important;
}

.ci4-homepage section.tb-hero > .tb-left,
.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 100% !important;
max-width:100% !important;
width:100% !important;
}

.ci4-homepage section.tb-hero > .tb-right{
align-items:stretch !important;
}

.ci4-homepage section.tb-hero .tb-image{
width:100% !important;
aspect-ratio:auto !important;
}

.ci4-homepage section.tb-hero .tb-image img{
width:100% !important;
height:auto !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:100% !important;
margin:16px 0 0 !important;
flex-direction:column !important;
padding:16px !important;
}
}

@media (max-width:767px){
.ci4-homepage section.tb-hero .tb-image,
.ci4-homepage section.tb-hero .tb-image img{
border-radius:22px !important;
}
}

/* A52.1  Car rental header info + nav one row desktop */
@media (min-width: 992px){
.car-page-head{
width:min(1500px, calc(100% - 48px)) !important;
margin:0 auto 20px !important;
}

.car-head-row{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:28px !important;
flex-wrap:nowrap !important;
width:100% !important;
}

.car-head-info{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:22px !important;
flex:0 0 auto !important;
flex-wrap:nowrap !important;
min-width:max-content !important;
}

.car-info-item{
display:flex !important;
align-items:center !important;
gap:10px !important;
white-space:nowrap !important;
flex:0 0 auto !important;
}

.car-info-item i{
width:50px !important;
height:50px !important;
min-width:50px !important;
font-size:24px !important;
}

.car-info-item span{
font-size:13px !important;
}

.car-info-item strong{
font-size:18px !important;
}

.car-booking-tabs{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
flex:0 1 auto !important;
flex-wrap:nowrap !important;
min-width:0 !important;
overflow:hidden !important;
border-radius:8px !important;
}

.car-booking-tabs a{
white-space:nowrap !important;
flex:0 0 auto !important;
padding:16px 20px !important;
font-size:14px !important;
}
}

@media (min-width: 1200px){
.car-head-row{
gap:34px !important;
}

.car-booking-tabs a{
padding:17px 24px !important;
font-size:15px !important;
}
}

@media (max-width: 991px){
.car-head-row{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
gap:18px !important;
}

.car-head-info{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
gap:16px !important;
}

.car-booking-tabs{
width:100% !important;
flex-wrap:wrap !important;
justify-content:center !important;
}
}

/* A52.2  Car image overlay in rental hero */
.car-hero-bg{
position:relative !important;
overflow:hidden !important;
min-height:560px !important;
background-image:
linear-gradient(90deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.05) 45%, rgba(255,255,255,0) 100%),
url('/uploads/banner/hinh-nen-thue-xe.png') !important;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
}

.car-hero-content{
position:relative !important;
z-index:3 !important;
width:min(1280px, calc(100% - 48px)) !important;
max-width:1280px !important;
margin:0 auto !important;
padding:78px 0 86px !important;
}

.car-hero-vehicle{
position:absolute !important;
right:5.5% !important;
bottom:0 !important;
z-index:2 !important;
width:min(760px, 47vw) !important;
pointer-events:none !important;
}

.car-hero-vehicle img{
width:100% !important;
height:auto !important;
display:block !important;
object-fit:contain !important;
filter:drop-shadow(0 22px 28px rgba(0,0,0,.22)) !important;
}

.car-hero-content h2,
.car-hero-content .car-subtitle,
.car-hero-content .car-feature-pills,
.car-hero-content .car-hero-actions,
.car-hero-content .car-badge{
position:relative !important;
z-index:4 !important;
}

.car-hero-content h2,
.car-subtitle,
.car-feature-pills,
.car-hero-actions{
max-width:760px !important;
}

@media (max-width:1199px){
.car-hero-vehicle{
right:2% !important;
width:min(620px, 50vw) !important;
}

.car-hero-content h2{
font-size:46px !important;
}
}

@media (max-width:991px){
.car-hero-bg{
min-height:720px !important;
display:block !important;
}

.car-hero-content{
padding:48px 0 260px !important;
}

.car-hero-vehicle{
width:78vw !important;
right:50% !important;
transform:translateX(50%) !important;
bottom:10px !important;
}

.car-hero-content h2,
.car-subtitle,
.car-feature-pills,
.car-hero-actions{
max-width:100% !important;
}
}

@media (max-width:767px){
.car-hero-bg{
min-height:760px !important;
background-position:center center !important;
}

.car-hero-content{
width:calc(100% - 28px) !important;
padding:42px 0 250px !important;
}

.car-hero-vehicle{
width:92vw !important;
bottom:8px !important;
}
}

/* A52.3  Remove separate car image from rental hero */
.car-hero-vehicle{
display:none !important;
}

/* A52.4  Mobile car rental header compact */
@media (max-width: 767px){
.car-breadcrumb{
width:calc(100% - 28px) !important;
margin:14px auto 10px !important;
font-size:13px !important;
gap:7px !important;
}

.car-page-head{
width:calc(100% - 28px) !important;
margin:0 auto 14px !important;
text-align:center !important;
}

.car-page-head h1{
max-width:360px !important;
margin:10px auto 18px !important;
color:#063f20 !important;
font-size:24px !important;
line-height:1.22 !important;
font-weight:900 !important;
letter-spacing:-.2px !important;
}

.car-head-row{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:14px !important;
width:100% !important;
}

.car-head-info{
display:grid !important;
grid-template-columns:repeat(3, 1fr) !important;
gap:8px !important;
width:100% !important;
align-items:stretch !important;
justify-content:center !important;
}

.car-info-item{
width:auto !important;
max-width:none !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
text-align:center !important;
gap:7px !important;
padding:10px 6px !important;
border:1px solid rgba(27,155,73,.16) !important;
border-radius:14px !important;
background:#fff !important;
box-shadow:0 8px 20px rgba(0,0,0,.05) !important;
}

.car-info-item i{
width:40px !important;
height:40px !important;
min-width:40px !important;
font-size:20px !important;
border-width:2px !important;
}

.car-info-item span{
font-size:11px !important;
line-height:1.15 !important;
font-weight:600 !important;
color:#5d666b !important;
}

.car-info-item strong{
font-size:12.5px !important;
line-height:1.15 !important;
font-weight:900 !important;
word-break:break-word !important;
}

.car-booking-tabs{
width:100% !important;
display:grid !important;
grid-template-columns:repeat(2, 1fr) !important;
gap:8px !important;
background:transparent !important;
box-shadow:none !important;
border-radius:0 !important;
overflow:visible !important;
}

.car-booking-tabs a{
min-height:44px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:10px 8px !important;
border-radius:10px !important;
background:linear-gradient(90deg,#159447,#087334) !important;
color:#fff !important;
font-size:12.5px !important;
line-height:1.2 !important;
font-weight:900 !important;
text-align:center !important;
white-space:normal !important;
box-shadow:0 8px 18px rgba(8,115,52,.18) !important;
}

.car-booking-tabs a:last-child{
grid-column:1 / -1 !important;
}

.car-hero-bg{
margin-top:8px !important;
min-height:520px !important;
background-position:center center !important;
}

.car-hero-content{
width:calc(100% - 28px) !important;
padding:34px 0 46px !important;
}

.car-badge{
font-size:14px !important;
padding:7px 14px !important;
margin-bottom:14px !important;
}

.car-hero-content h2{
font-size:30px !important;
line-height:1.18 !important;
}

.car-subtitle{
font-size:17px !important;
line-height:1.35 !important;
margin:12px 0 16px !important;
}

.car-feature-pills{
display:grid !important;
grid-template-columns:repeat(2,1fr) !important;
gap:8px !important;
margin-bottom:20px !important;
}

.car-feature-pills div{
min-height:42px !important;
padding:9px 10px !important;
font-size:12px !important;
line-height:1.2 !important;
}

.car-hero-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}

.car-hero-actions a{
width:100% !important;
min-width:unset !important;
height:50px !important;
font-size:15px !important;
border-radius:10px !important;
}
}

@media (max-width: 390px){
.car-page-head h1{
font-size:22px !important;
}

.car-head-info{
gap:6px !important;
}

.car-info-item{
padding:9px 4px !important;
}

.car-info-item i{
width:36px !important;
height:36px !important;
min-width:36px !important;
font-size:18px !important;
}

.car-info-item span{
font-size:10px !important;
}

.car-info-item strong{
font-size:11.5px !important;
}

.car-booking-tabs a{
font-size:11.5px !important;
}
}

/* A51 final  Flight services mobile 3 equal columns */
@media (max-width:767px){
.ci4-homepage .flight-left{
padding:24px 16px 22px !important;
overflow:visible !important;
}

.ci4-homepage .flight-heading{
gap:8px !important;
margin-bottom:8px !important;
}

.ci4-homepage .flight-heading h2{
font-size:26px !important;
line-height:1.2 !important;
white-space:nowrap !important;
}

.ci4-homepage .flight-heading-line{
width:34px !important;
}

.ci4-homepage .flight-heading-icon{
margin:8px 0 18px !important;
}

.ci4-homepage .flight-left .flight-service-list{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:8px !important;
align-items:start !important;
margin-bottom:22px !important;
}

.ci4-homepage .flight-left .flight-service-item{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
text-align:center !important;
padding:0 6px !important;
border-right:none !important;
border-bottom:none !important;
min-height:150px !important;
}

.ci4-homepage .flight-left .flight-service-item + .flight-service-item{
border-left:1px solid rgba(11,143,63,.12) !important;
}

.ci4-homepage .flight-left .flight-service-icon{
width:72px !important;
height:72px !important;
min-width:72px !important;
margin:0 auto 12px !important;
box-shadow:0 10px 24px rgba(0,0,0,.07) !important;
}

.ci4-homepage .flight-left .flight-service-icon .fa{
font-size:34px !important;
line-height:1 !important;
}

.ci4-homepage .flight-left .flight-service-item h3{
font-size:14px !important;
line-height:1.2 !important;
margin:0 0 6px !important;
min-height:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}

.ci4-homepage .flight-left .flight-service-item p{
font-size:12px !important;
line-height:1.25 !important;
margin:0 0 4px !important;
}

.ci4-homepage .flight-left .flight-service-item span{
font-size:11.5px !important;
line-height:1.25 !important;
display:block !important;
}
}

@media (max-width:390px){
.ci4-homepage .flight-left{
padding-left:12px !important;
padding-right:12px !important;
}

.ci4-homepage .flight-heading h2{
font-size:23px !important;
}

.ci4-homepage .flight-heading-line{
width:24px !important;
}

.ci4-homepage .flight-left .flight-service-list{
gap:4px !important;
}

.ci4-homepage .flight-left .flight-service-item{
padding:0 4px !important;
min-height:142px !important;
}

.ci4-homepage .flight-left .flight-service-icon{
width:64px !important;
height:64px !important;
min-width:64px !important;
}

.ci4-homepage .flight-left .flight-service-icon .fa{
font-size:30px !important;
}

.ci4-homepage .flight-left .flight-service-item h3{
font-size:13px !important;
}

.ci4-homepage .flight-left .flight-service-item p{
font-size:11px !important;
}

.ci4-homepage .flight-left .flight-service-item span{
font-size:10.5px !important;
}
}

/* =========================================================
A52  Car Rental Hero Page
========================================================= */
.car-rental-page{
font-family:"Be Vietnam Pro", Arial, sans-serif;
background:#fff;
}

.car-rental-page .fa{
font-family:FontAwesome !important;
}

.car-breadcrumb{
width:min(1720px, calc(100% - 48px));
margin:22px auto 8px;
display:flex;
align-items:center;
gap:10px;
font-size:15px;
color:#1c1c1c;
}

.car-breadcrumb a{
color:#1b9b49;
font-weight:700;
text-decoration:none;
}

.car-breadcrumb strong{
font-weight:800;
color:#1f2a2d;
}

.car-page-head{
width:min(1300px, calc(100% - 48px));
margin:0 auto 20px;
text-align:center;
}

.car-page-head h1{
margin:14px 0 26px;
color:#083f20;
font-size:34px;
line-height:1.25;
font-weight:900;
}

.car-head-row{
display:flex;
align-items:center;
justify-content:center;
gap:28px;
flex-wrap:wrap;
}

.car-head-info{
display:flex;
align-items:center;
gap:28px;
}

.car-info-item{
display:flex;
align-items:center;
gap:12px;
text-align:left;
}

.car-info-item i{
width:54px;
height:54px;
min-width:54px;
border-radius:50%;
border:2px solid #1b9b49;
display:flex;
align-items:center;
justify-content:center;
color:#1b9b49;
font-size:26px;
}

.car-info-item span{
display:block;
color:#60676b;
font-size:14px;
font-weight:600;
line-height:1.2;
}

.car-info-item strong{
display:block;
color:#142026;
font-size:19px;
font-weight:900;
line-height:1.25;
}

.car-booking-tabs{
display:flex;
align-items:center;
background:linear-gradient(90deg,#159447,#087334);
border-radius:8px;
box-shadow:0 8px 20px rgba(8,115,52,.22);
overflow:hidden;
}

.car-booking-tabs a{
color:#fff;
text-decoration:none;
font-size:15px;
font-weight:900;
padding:17px 24px;
white-space:nowrap;
transition:.25s ease;
}

.car-booking-tabs a:hover{
background:rgba(255,255,255,.14);
color:#fff;
}

.car-hero-bg{
min-height:520px;
position:relative;
overflow:hidden;
background-image:
linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 42%, rgba(255,255,255,0) 100%),
url('/uploads/banner/hinh-nen-thue-xe.png');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
display:flex;
align-items:center;
}

.car-hero-content{
width:min(1280px, calc(100% - 48px));
margin:0 auto;
padding:72px 0;
}

.car-badge{
display:inline-flex;
align-items:center;
justify-content:center;
background:#159447;
color:#fff;
border-radius:6px;
padding:8px 18px;
font-size:16px;
font-weight:900;
margin-bottom:22px;
box-shadow:0 8px 20px rgba(21,148,71,.22);
}

.car-hero-content h2{
margin:0;
color:#063f20;
font-size:58px;
line-height:1.1;
font-weight:900;
letter-spacing:-.8px;
text-shadow:0 5px 18px rgba(255,255,255,.35);
}

.car-subtitle{
margin:18px 0 24px;
color:#152328;
font-size:26px;
line-height:1.35;
font-weight:800;
}

.car-feature-pills{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-bottom:34px;
}

.car-feature-pills div{
min-height:48px;
display:flex;
align-items:center;
gap:10px;
background:rgba(255,255,255,.88);
border:1px solid rgba(11,143,63,.14);
border-radius:8px;
padding:12px 18px;
color:#1f2a2d;
font-size:15px;
font-weight:800;
box-shadow:0 8px 22px rgba(0,0,0,.08);
}

.car-feature-pills i{
color:#159447;
font-size:20px;
}

.car-hero-actions{
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap;
}

.car-hero-actions a{
min-width:220px;
height:62px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
text-decoration:none;
font-size:18px;
font-weight:900;
transition:.3s ease;
}

.car-btn-primary{
background:linear-gradient(90deg,#12a34d,#087334);
color:#fff;
box-shadow:0 16px 32px rgba(8,115,52,.28);
}

.car-btn-primary:hover{
color:#fff;
transform:translateY(-3px);
box-shadow:0 22px 42px rgba(8,115,52,.34);
}

.car-btn-outline{
background:rgba(255,255,255,.82);
color:#087334;
border:2px solid #159447;
}

.car-btn-outline:hover{
background:#087334;
color:#fff;
transform:translateY(-3px);
}

@media (max-width:1199px){
.car-page-head{
width:calc(100% - 32px);
}

.car-head-info{
flex-wrap:wrap;
justify-content:center;
}

.car-booking-tabs{
flex-wrap:wrap;
justify-content:center;
}

.car-booking-tabs a{
padding:14px 18px;
}

.car-hero-content h2{
font-size:48px;
}
}

@media (max-width:767px){
.car-breadcrumb{
width:calc(100% - 24px);
font-size:13px;
flex-wrap:wrap;
}

.car-page-head{
width:calc(100% - 24px);
}

.car-page-head h1{
font-size:24px;
margin-bottom:18px;
}

.car-head-info{
gap:14px;
}

.car-info-item{
width:100%;
max-width:280px;
}

.car-booking-tabs{
width:100%;
display:grid;
grid-template-columns:1fr;
}

.car-booking-tabs a{
text-align:center;
padding:13px 12px;
}

.car-hero-bg{
min-height:620px;
background-position:center center;
align-items:flex-start;
}

.car-hero-content{
width:calc(100% - 28px);
padding:42px 0;
}

.car-hero-content h2{
font-size:34px;
}

.car-subtitle{
font-size:20px;
}

.car-feature-pills{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}

.car-feature-pills div{
font-size:13px;
padding:10px 12px;
}

.car-hero-actions{
flex-direction:column;
align-items:stretch;
}

.car-hero-actions a{
width:100%;
min-width:unset;
}
}

/* A51  Flight services mobile 3 equal columns */
@media (max-width:767px){
.ci4-homepage .flight-left{
padding:24px 16px 22px !important;
overflow:visible !important;
}

.ci4-homepage .flight-heading{
gap:8px !important;
margin-bottom:8px !important;
}

.ci4-homepage .flight-heading h2{
font-size:26px !important;
line-height:1.2 !important;
white-space:nowrap !important;
}

.ci4-homepage .flight-heading-line{
width:34px !important;
}

.ci4-homepage .flight-heading-icon{
margin:8px 0 18px !important;
}

.ci4-homepage .flight-left .flight-service-list{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:8px !important;
align-items:start !important;
margin-bottom:22px !important;
}

.ci4-homepage .flight-left .flight-service-item{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
text-align:center !important;
padding:0 6px !important;
border-right:none !important;
border-bottom:none !important;
min-height:150px !important;
}

.ci4-homepage .flight-left .flight-service-item + .flight-service-item{
border-left:1px solid rgba(11,143,63,.12) !important;
}

.ci4-homepage .flight-left .flight-service-icon{
width:72px !important;
height:72px !important;
min-width:72px !important;
margin:0 auto 12px !important;
box-shadow:0 10px 24px rgba(0,0,0,.07) !important;
}

.ci4-homepage .flight-left .flight-service-icon .fa{
font-size:34px !important;
line-height:1 !important;
}

.ci4-homepage .flight-left .flight-service-item h3{
font-size:14px !important;
line-height:1.2 !important;
margin:0 0 6px !important;
min-height:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}

.ci4-homepage .flight-left .flight-service-item p{
font-size:12px !important;
line-height:1.25 !important;
margin:0 0 4px !important;
}

.ci4-homepage .flight-left .flight-service-item span{
font-size:11.5px !important;
line-height:1.25 !important;
display:block !important;
}
}

@media (max-width:390px){
.ci4-homepage .flight-left{
padding-left:12px !important;
padding-right:12px !important;
}

.ci4-homepage .flight-heading h2{
font-size:23px !important;
}

.ci4-homepage .flight-heading-line{
width:24px !important;
}

.ci4-homepage .flight-left .flight-service-list{
gap:4px !important;
}

.ci4-homepage .flight-left .flight-service-item{
padding:0 4px !important;
min-height:142px !important;
}

.ci4-homepage .flight-left .flight-service-icon{
width:64px !important;
height:64px !important;
min-width:64px !important;
}

.ci4-homepage .flight-left .flight-service-icon .fa{
font-size:30px !important;
}

.ci4-homepage .flight-left .flight-service-item h3{
font-size:13px !important;
}

.ci4-homepage .flight-left .flight-service-item p{
font-size:11px !important;
}

.ci4-homepage .flight-left .flight-service-item span{
font-size:10.5px !important;
}
}

/* A50.1 final  Balanced hotel process title and no dashed connectors */
.ci4-homepage .process-item:not(:last-child):after,
.ci4-homepage .process-item:not(:last-child)::after{
display:none !important;
content:none !important;
}

.ci4-homepage .hotel-process-title{
text-align:center !important;
color:#0b6b3a !important;
font-weight:800 !important;
text-transform:uppercase !important;
line-height:1.25 !important;
margin-bottom:28px !important;
}

.ci4-homepage .hotel-process-title span{
display:inline !important;
}

.ci4-homepage .hotel-process-title span + span:before{
content:" " !important;
}

@media (max-width:767px){
.ci4-homepage .hotel-process-title{
font-size:20px !important;
line-height:1.25 !important;
margin-bottom:22px !important;
}

.ci4-homepage .hotel-process-title span{
display:block !important;
}

.ci4-homepage .hotel-process-title span + span:before{
content:"" !important;
}

.ci4-homepage .process-wrap{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:10px !important;
align-items:start !important;
}

.ci4-homepage .process-item{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
text-align:center !important;
}
}

@media (max-width:390px){
.ci4-homepage .hotel-process-title{
font-size:18px !important;
}
}

/* A50  Hotel process mobile 3 columns */
@media (max-width: 767px){
.ci4-homepage .hotel-process{
padding:22px 12px !important;
border-radius:16px !important;
}

.ci4-homepage .hotel-process h3{
font-size:20px !important;
line-height:1.25 !important;
margin-bottom:20px !important;
}

.ci4-homepage .process-wrap{
display:grid !important;
grid-template-columns:repeat(3, 1fr) !important;
gap:10px !important;
align-items:start !important;
}

.ci4-homepage .process-item{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
text-align:center !important;
padding:0 4px !important;
position:relative !important;
}

.ci4-homepage .process-item:not(:last-child):after{
display:none !important;
}

.ci4-homepage .process-icon{
width:58px !important;
height:58px !important;
min-width:58px !important;
margin:0 auto 14px !important;
}

.ci4-homepage .process-icon i{
font-size:24px !important;
}

.ci4-homepage .process-icon span{
width:24px !important;
height:24px !important;
line-height:24px !important;
font-size:11px !important;
bottom:-10px !important;
}

.ci4-homepage .process-content{
padding-left:0 !important;
}

.ci4-homepage .process-content h4{
font-size:15px !important;
line-height:1.25 !important;
margin:0 0 6px !important;
}

.ci4-homepage .process-content p{
font-size:12px !important;
line-height:1.35 !important;
margin:0 !important;
}
}

@media (max-width: 390px){
.ci4-homepage .hotel-process{
padding:20px 8px !important;
}

.ci4-homepage .process-wrap{
gap:6px !important;
}

.ci4-homepage .process-icon{
width:52px !important;
height:52px !important;
min-width:52px !important;
}

.ci4-homepage .process-icon i{
font-size:21px !important;
}

.ci4-homepage .process-content h4{
font-size:13px !important;
}

.ci4-homepage .process-content p{
font-size:11px !important;
}
}

/* A50.1  Remove hotel process dashed connectors */
.ci4-homepage .process-item:not(:last-child):after,
.ci4-homepage .process-item:not(:last-child)::after{
display:none !important;
content:none !important;
}

/* A50.1  Hotel process title balanced */
.ci4-homepage .hotel-process-title{
text-align:center !important;
color:#0b6b3a !important;
font-weight:800 !important;
text-transform:uppercase !important;
line-height:1.25 !important;
margin-bottom:28px !important;
}

.ci4-homepage .hotel-process-title span{
display:inline !important;
}

.ci4-homepage .hotel-process-title span + span:before{
content:" " !important;
}

@media (max-width:767px){
.ci4-homepage .hotel-process-title{
font-size:20px !important;
line-height:1.25 !important;
margin-bottom:22px !important;
}

.ci4-homepage .hotel-process-title span{
display:block !important;
}

.ci4-homepage .hotel-process-title span + span:before{
content:"" !important;
}

.ci4-homepage .process-wrap{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:10px !important;
align-items:start !important;
}

.ci4-homepage .process-item{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
text-align:center !important;
}
}

@media (max-width:390px){
.ci4-homepage .hotel-process-title{
font-size:18px !important;
}
}

/* A49  Footer newsletter background */
.ci4-homepage .dnb-newsletter-bg,
.dnb-newsletter-bg{
position:relative;
overflow:hidden;
background-image:
linear-gradient(rgba(232,250,236,.42), rgba(232,250,236,.42)),
url('/uploads/banner/hinh-nen-dnb.png') !important;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
border-top:3px solid #1b9b49;
}

.ci4-homepage .dnb-newsletter-bg:before,
.dnb-newsletter-bg:before{
content:"";
position:absolute;
inset:0;
background:rgba(232,250,236,.12);
pointer-events:none;
z-index:0;
}

.ci4-homepage .dnb-newsletter-bg > *,
.dnb-newsletter-bg > *{
position:relative;
z-index:1;
}

@media (max-width:767px){
.ci4-homepage .dnb-newsletter-bg,
.dnb-newsletter-bg{
background-position:center top !important;
padding-left:16px !important;
padding-right:16px !important;
}
}

/* A48.13  Bigger right image and remove right-side background */
.ci4-homepage .tb-hero{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
grid-template-columns:none !important;
gap:40px !important;
}

.ci4-homepage .tb-left{
flex:0 0 46% !important;
max-width:46% !important;
min-width:0 !important;
}

.ci4-homepage .tb-right{
flex:0 0 calc(54% - 40px) !important;
max-width:calc(54% - 40px) !important;
min-width:0 !important;
position:relative !important;
display:block !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}

.ci4-homepage .tb-right::before,
.ci4-homepage .tb-right::after,
.ci4-homepage .tb-image::before,
.ci4-homepage .tb-image::after{
content:none !important;
display:none !important;
}

.ci4-homepage .tb-decor-right{
display:none !important;
}

.ci4-homepage .tb-image{
position:relative !important;
width:100% !important;
max-width:none !important;
height:660px !important;
margin:0 !important;
display:block !important;
overflow:hidden !important;
border-radius:40px !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:0 26px 64px rgba(0,65,36,.18) !important;
}

.ci4-homepage .tb-image img{
width:100% !important;
height:100% !important;
display:block !important;
border-radius:0 !important;
object-fit:cover !important;
object-position:center center !important;
}

.ci4-homepage .tb-features{
position:absolute !important;
left:50% !important;
right:auto !important;
bottom:30px !important;
top:auto !important;
transform:translateX(-50%) !important;
z-index:5 !important;
width:78% !important;
max-width:700px !important;
min-height:72px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:16px !important;
padding:14px 22px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage .tb-feature{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
}

.ci4-homepage .tb-feature .fa{
font-family:FontAwesome !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.24) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:18px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
color:#fff !important;
font-size:14px !important;
line-height:1.18 !important;
font-weight:800 !important;
margin:0 0 2px !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-size:11.5px !important;
line-height:1.24 !important;
font-weight:500 !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-wave{
height:42px !important;
}

@media (max-width:1199px){
.ci4-homepage .tb-hero{
display:flex !important;
flex-direction:column !important;
gap:34px !important;
}

.ci4-homepage .tb-left,
.ci4-homepage .tb-right{
flex:0 0 auto !important;
max-width:none !important;
width:100% !important;
}

.ci4-homepage .tb-image{
height:620px !important;
border-radius:28px !important;
}

.ci4-homepage .tb-features{
width:82% !important;
max-width:700px !important;
bottom:26px !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-image{
height:540px !important;
}

.ci4-homepage .tb-features{
width:86% !important;
gap:12px !important;
padding:13px 18px !important;
}

.ci4-homepage .tb-feature .fa{
width:36px !important;
height:36px !important;
min-width:36px !important;
font-size:16px !important;
}

.ci4-homepage .tb-feature strong{
font-size:13px !important;
}

.ci4-homepage .tb-feature span{
font-size:10.5px !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-image{
height:auto !important;
overflow:visible !important;
border-radius:22px !important;
box-shadow:0 18px 44px rgba(0,65,36,.16) !important;
}

.ci4-homepage .tb-image img{
height:auto !important;
border-radius:22px 22px 0 0 !important;
}

.ci4-homepage .tb-features{
position:relative !important;
left:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
max-width:none !important;
border-radius:0 0 22px 22px !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}

.ci4-homepage .tb-feature strong,
.ci4-homepage .tb-feature span{
white-space:normal !important;
}
}

/* Team Building mockup fix: USP card floats inside image */
.ci4-homepage .tb-image{
position:relative !important;
border-radius:40px !important;
overflow:hidden !important;
box-shadow:0 30px 80px rgba(0,65,36,.20), 0 12px 30px rgba(0,0,0,.10) !important;
}

.ci4-homepage .tb-features{
position:absolute !important;
left:50% !important;
bottom:30px !important;
transform:translateX(-50%) !important;
z-index:5 !important;
width:78% !important;
max-width:700px !important;
min-height:76px !important;
margin:0 !important;
padding:14px 24px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:18px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage .tb-feature{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
flex:1 1 0 !important;
}

.ci4-homepage .tb-feature .fa{
font-family:FontAwesome !important;
width:42px !important;
height:42px !important;
min-width:42px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.25) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:19px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
margin:0 0 2px !important;
color:#fff !important;
font-size:15px !important;
line-height:1.18 !important;
font-weight:800 !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-size:12.5px !important;
line-height:1.25 !important;
font-weight:500 !important;
}

.ci4-homepage .tb-wave{
height:42px !important;
bottom:0 !important;
opacity:.92 !important;
}

.ci4-homepage .tb-hero{
padding-bottom:36px !important;
}

@media (max-width:1199px){
.ci4-homepage .tb-image{
border-radius:32px !important;
}

.ci4-homepage .tb-features{
bottom:28px !important;
width:82% !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-features{
width:86% !important;
max-width:640px !important;
gap:12px !important;
padding:13px 18px !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-image{
border-radius:22px !important;
}

.ci4-homepage .tb-features{
position:absolute !important;
left:50% !important;
bottom:18px !important;
transform:translateX(-50%) !important;
width:88% !important;
max-width:none !important;
border-radius:22px !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}

.ci4-homepage .tb-wave{
height:36px !important;
}
}

/* A48.10  Fix Team Building USP position + Vietnamese typography */
.ci4-homepage .tb-hero,
.ci4-homepage .tb-hero *:not(.fa){
font-family:"Be Vietnam Pro", Arial, "Helvetica Neue", sans-serif !important;
}

.ci4-homepage .tb-hero .fa{
font-family:FontAwesome !important;
font-style:normal !important;
font-weight:normal !important;
}

.ci4-homepage .tb-left h2{
font-family:"Be Vietnam Pro", Arial, "Helvetica Neue", sans-serif !important;
font-weight:900 !important;
letter-spacing:-0.8px !important;
}

.ci4-homepage .tb-left h2 span{
font-family:"Be Vietnam Pro", Arial, "Helvetica Neue", sans-serif !important;
font-weight:800 !important;
font-style:italic !important;
letter-spacing:-0.3px !important;
}

.ci4-homepage .tb-left h3{
font-family:"Be Vietnam Pro", Arial, "Helvetica Neue", sans-serif !important;
font-weight:800 !important;
letter-spacing:0 !important;
text-transform:none !important;
}

.ci4-homepage .tb-left p{
font-family:"Be Vietnam Pro", Arial, "Helvetica Neue", sans-serif !important;
font-weight:500 !important;
letter-spacing:0 !important;
}

.ci4-homepage .tb-image{
position:relative !important;
overflow:hidden !important;
border-radius:40px !important;
}

.ci4-homepage .tb-features{
position:absolute !important;
left:50% !important;
bottom:12px !important;
transform:translateX(-50%) !important;
z-index:8 !important;
width:88% !important;
max-width:860px !important;
min-height:58px !important;
margin:0 !important;
padding:10px 18px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
border-radius:26px !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage .tb-feature{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:9px !important;
}

.ci4-homepage .tb-feature .fa{
font-family:FontAwesome !important;
width:38px !important;
height:38px !important;
min-width:38px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.22) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:17px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
color:#fff !important;
font-family:"Be Vietnam Pro", Arial, "Helvetica Neue", sans-serif !important;
font-size:14px !important;
line-height:1.18 !important;
font-weight:800 !important;
margin:0 0 2px !important;
letter-spacing:0 !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-family:"Be Vietnam Pro", Arial, "Helvetica Neue", sans-serif !important;
font-size:11.5px !important;
line-height:1.22 !important;
font-weight:500 !important;
letter-spacing:0 !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-wave{
height:42px !important;
bottom:0 !important;
}

.ci4-homepage .tb-hero{
padding-bottom:34px !important;
}

@media (max-width:1199px){
.ci4-homepage .tb-features{
width:90% !important;
max-width:none !important;
bottom:14px !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-features{
width:92% !important;
gap:10px !important;
padding:10px 14px !important;
}

.ci4-homepage .tb-feature .fa{
width:34px !important;
height:34px !important;
min-width:34px !important;
font-size:15px !important;
}

.ci4-homepage .tb-feature strong{
font-size:12.5px !important;
}

.ci4-homepage .tb-feature span{
font-size:10.5px !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-features{
position:relative !important;
left:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
max-width:none !important;
margin-top:-8px !important;
border-radius:0 0 22px 22px !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}

.ci4-homepage .tb-feature strong,
.ci4-homepage .tb-feature span{
white-space:normal !important;
}
}

/* A48.11  Team USP below image, not overlay */
.ci4-homepage .tb-right{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
}

.ci4-homepage .tb-image{
position:relative !important;
width:100% !important;
height:600px !important;
border-radius:40px 40px 0 0 !important;
overflow:hidden !important;
background:#dff4ff !important;
box-shadow:0 22px 55px rgba(0,65,36,.15) !important;
}

.ci4-homepage .tb-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
}

/* USP nam duoi anh */
.ci4-homepage .tb-features{
position:relative !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
top:auto !important;
transform:none !important;
z-index:3 !important;
width:100% !important;
max-width:none !important;
min-height:78px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:18px !important;
padding:16px 28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
color:#fff !important;
border-radius:0 0 40px 40px !important;
box-shadow:0 18px 40px rgba(0,70,32,.18) !important;
}

.ci4-homepage .tb-feature{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
}

.ci4-homepage .tb-feature .fa{
font-family:FontAwesome !important;
width:42px !important;
height:42px !important;
min-width:42px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.24) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:19px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
color:#fff !important;
font-family:"Be Vietnam Pro", Arial, sans-serif !important;
font-size:15px !important;
line-height:1.2 !important;
font-weight:800 !important;
margin:0 0 2px !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-family:"Be Vietnam Pro", Arial, sans-serif !important;
font-size:12.5px !important;
line-height:1.25 !important;
font-weight:500 !important;
white-space:nowrap !important;
}

/* Giam song xanh duoi cung */
.ci4-homepage .tb-wave{
height:42px !important;
}

.ci4-homepage .tb-hero{
padding-bottom:36px !important;
}

@media (max-width:1199px){
.ci4-homepage .tb-image{
height:620px !important;
border-radius:28px 28px 0 0 !important;
}

.ci4-homepage .tb-features{
border-radius:0 0 28px 28px !important;
padding:15px 22px !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-features{
gap:12px !important;
padding:14px 18px !important;
}

.ci4-homepage .tb-feature .fa{
width:38px !important;
height:38px !important;
min-width:38px !important;
font-size:17px !important;
}

.ci4-homepage .tb-feature strong{
font-size:13px !important;
}

.ci4-homepage .tb-feature span{
font-size:11.5px !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-image{
height:430px !important;
border-radius:22px 22px 0 0 !important;
}

.ci4-homepage .tb-features{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
border-radius:0 0 22px 22px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}

.ci4-homepage .tb-feature strong,
.ci4-homepage .tb-feature span{
white-space:normal !important;
}
}

@media (max-width:480px){
.ci4-homepage .tb-image{
height:360px !important;
}
}

/* A48.13 final override  Bigger right image, no right-side background */
.ci4-homepage .tb-hero{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
grid-template-columns:none !important;
gap:40px !important;
}

.ci4-homepage .tb-left{
flex:0 0 46% !important;
max-width:46% !important;
min-width:0 !important;
}

.ci4-homepage .tb-right{
flex:0 0 calc(54% - 40px) !important;
max-width:calc(54% - 40px) !important;
min-width:0 !important;
position:relative !important;
display:block !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}

.ci4-homepage .tb-right::before,
.ci4-homepage .tb-right::after,
.ci4-homepage .tb-image::before,
.ci4-homepage .tb-image::after{
content:none !important;
display:none !important;
}

.ci4-homepage .tb-decor-right{
display:none !important;
}

.ci4-homepage .tb-image{
position:relative !important;
width:100% !important;
max-width:none !important;
height:660px !important;
margin:0 !important;
display:block !important;
overflow:hidden !important;
border-radius:40px !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:0 26px 64px rgba(0,65,36,.18) !important;
}

.ci4-homepage .tb-image img{
width:100% !important;
height:100% !important;
display:block !important;
border-radius:0 !important;
object-fit:cover !important;
object-position:center center !important;
}

.ci4-homepage .tb-features{
position:absolute !important;
left:50% !important;
right:auto !important;
bottom:30px !important;
top:auto !important;
transform:translateX(-50%) !important;
z-index:5 !important;
width:78% !important;
max-width:700px !important;
min-height:72px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:16px !important;
padding:14px 22px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage .tb-feature{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
}

.ci4-homepage .tb-feature .fa{
font-family:FontAwesome !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.24) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:18px !important;
}

.ci4-homepage .tb-feature strong{
display:block !important;
color:#fff !important;
font-size:14px !important;
line-height:1.18 !important;
font-weight:800 !important;
margin:0 0 2px !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-feature span{
display:block !important;
color:rgba(255,255,255,.92) !important;
font-size:11.5px !important;
line-height:1.24 !important;
font-weight:500 !important;
white-space:nowrap !important;
}

.ci4-homepage .tb-wave{
height:42px !important;
}

@media (max-width:1199px){
.ci4-homepage .tb-hero{
display:flex !important;
flex-direction:column !important;
gap:34px !important;
}

.ci4-homepage .tb-left,
.ci4-homepage .tb-right{
flex:0 0 auto !important;
max-width:none !important;
width:100% !important;
}

.ci4-homepage .tb-image{
height:620px !important;
border-radius:28px !important;
}

.ci4-homepage .tb-features{
width:82% !important;
max-width:700px !important;
bottom:26px !important;
}
}

@media (max-width:991px){
.ci4-homepage .tb-image{
height:540px !important;
}

.ci4-homepage .tb-features{
width:86% !important;
gap:12px !important;
padding:13px 18px !important;
}

.ci4-homepage .tb-feature .fa{
width:36px !important;
height:36px !important;
min-width:36px !important;
font-size:16px !important;
}

.ci4-homepage .tb-feature strong{
font-size:13px !important;
}

.ci4-homepage .tb-feature span{
font-size:10.5px !important;
}
}

@media (max-width:767px){
.ci4-homepage .tb-image{
height:auto !important;
overflow:visible !important;
border-radius:22px !important;
box-shadow:0 18px 44px rgba(0,65,36,.16) !important;
}

.ci4-homepage .tb-image img{
height:auto !important;
border-radius:22px 22px 0 0 !important;
}

.ci4-homepage .tb-features{
position:relative !important;
left:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
max-width:none !important;
border-radius:0 0 22px 22px !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:16px 20px !important;
}

.ci4-homepage .tb-feature{
width:100% !important;
}

.ci4-homepage .tb-feature strong,
.ci4-homepage .tb-feature span{
white-space:normal !important;
}
}
/* A48.15 final  Team USP below larger right image */
.ci4-homepage section.tb-hero{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
grid-template-columns:none !important;
gap:42px !important;
}

.ci4-homepage section.tb-hero > .tb-left{
flex:0 0 44% !important;
max-width:44% !important;
min-width:0 !important;
}

.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 56% !important;
max-width:56% !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
position:relative !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}

.ci4-homepage section.tb-hero > .tb-right::before,
.ci4-homepage section.tb-hero > .tb-right::after,
.ci4-homepage section.tb-hero .tb-image::before,
.ci4-homepage section.tb-hero .tb-image::after{
content:none !important;
display:none !important;
}

.ci4-homepage section.tb-hero .tb-image{
width:100% !important;
max-width:none !important;
height:auto !important;
margin:0 !important;
position:relative !important;
overflow:hidden !important;
border-radius:40px !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:0 18px 40px rgba(0,0,0,.10) !important;
}

.ci4-homepage section.tb-hero .tb-image img{
width:100% !important;
height:auto !important;
display:block !important;
border-radius:40px !important;
object-fit:cover !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:92% !important;
max-width:none !important;
margin:18px auto 0 !important;
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
z-index:3 !important;
display:flex !important;
align-items:stretch !important;
justify-content:space-between !important;
gap:16px !important;
padding:18px 20px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage section.tb-hero .tb-usp-item{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
color:#fff !important;
}

.ci4-homepage section.tb-hero .tb-usp-item i{
font-family:FontAwesome !important;
width:44px !important;
height:44px !important;
min-width:44px !important;
border-radius:50% !important;
background:rgba(255,255,255,.16) !important;
border:1px solid rgba(255,255,255,.24) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
color:#fff !important;
font-size:19px !important;
}

.ci4-homepage section.tb-hero .tb-usp-item-text{
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
min-width:0 !important;
}

.ci4-homepage section.tb-hero .tb-usp-item strong{
display:block !important;
color:#fff !important;
font-size:15px !important;
line-height:1.2 !important;
font-weight:700 !important;
margin:0 0 3px !important;
white-space:nowrap !important;
}

.ci4-homepage section.tb-hero .tb-usp-item span{
display:block !important;
color:rgba(255,255,255,.95) !important;
font-size:13px !important;
line-height:1.25 !important;
white-space:nowrap !important;
}

.ci4-homepage section.tb-hero .tb-partner-title,
.ci4-homepage section.tb-hero .team-partner-title{
display:none !important;
}

@media (max-width:991px){
.ci4-homepage section.tb-hero{
flex-direction:column !important;
}

.ci4-homepage section.tb-hero > .tb-left,
.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 100% !important;
max-width:100% !important;
width:100% !important;
}

.ci4-homepage section.tb-hero > .tb-right{
align-items:stretch !important;
}

.ci4-homepage section.tb-hero .tb-image{
width:100% !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:100% !important;
margin:16px 0 0 !important;
flex-direction:column !important;
padding:16px !important;
}
}

@media (max-width:767px){
.ci4-homepage section.tb-hero .tb-image,
.ci4-homepage section.tb-hero .tb-image img{
border-radius:22px !important;
}

.ci4-homepage section.tb-hero .tb-usp{
border-radius:22px !important;
}

.ci4-homepage section.tb-hero .tb-usp-item strong,
.ci4-homepage section.tb-hero .tb-usp-item span{
white-space:normal !important;
}
}

/* A48.16 final  Taller Team Building right image without distortion */
.ci4-homepage section.tb-hero{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
grid-template-columns:none !important;
gap:36px !important;
}

.ci4-homepage section.tb-hero > .tb-left{
flex:0 0 43% !important;
max-width:43% !important;
min-width:0 !important;
}

.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 57% !important;
max-width:57% !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}

.ci4-homepage section.tb-hero .tb-image{
width:100% !important;
max-width:none !important;
aspect-ratio:1.18 / 1 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 !important;
position:relative !important;
overflow:hidden !important;
border-radius:40px !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:0 18px 40px rgba(0,0,0,.10) !important;
}

.ci4-homepage section.tb-hero .tb-image img{
width:100% !important;
height:100% !important;
max-height:none !important;
display:block !important;
border-radius:40px !important;
object-fit:cover !important;
object-position:center center !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:92% !important;
max-width:none !important;
margin:18px auto 0 !important;
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
z-index:3 !important;
display:flex !important;
align-items:stretch !important;
justify-content:space-between !important;
gap:16px !important;
padding:18px 20px !important;
border-radius:28px !important;
background:linear-gradient(90deg,#0f7a2e,#178f37) !important;
box-shadow:0 15px 35px rgba(0,0,0,.18) !important;
color:#fff !important;
}

.ci4-homepage section.tb-hero .tb-usp-item{
flex:1 1 0 !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
}

.ci4-homepage section.tb-hero .tb-usp-item-text{
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
min-width:0 !important;
}

@media (max-width:991px){
.ci4-homepage section.tb-hero{
flex-direction:column !important;
gap:34px !important;
}

.ci4-homepage section.tb-hero > .tb-left,
.ci4-homepage section.tb-hero > .tb-right{
flex:0 0 100% !important;
max-width:100% !important;
width:100% !important;
}

.ci4-homepage section.tb-hero > .tb-right{
align-items:stretch !important;
}

.ci4-homepage section.tb-hero .tb-image{
width:100% !important;
aspect-ratio:auto !important;
}

.ci4-homepage section.tb-hero .tb-image img{
width:100% !important;
height:auto !important;
}

.ci4-homepage section.tb-hero .tb-usp{
width:100% !important;
margin:16px 0 0 !important;
flex-direction:column !important;
padding:16px !important;
}
}

@media (max-width:767px){
.ci4-homepage section.tb-hero .tb-image,
.ci4-homepage section.tb-hero .tb-image img{
border-radius:22px !important;
}
}
/* A52.2 final  Car image overlay in rental hero */
.car-hero-bg{
position:relative !important;
overflow:hidden !important;
min-height:560px !important;
background-image:
linear-gradient(90deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.05) 45%, rgba(255,255,255,0) 100%),
url('/uploads/banner/hinh-nen-thue-xe.png') !important;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
}

.car-hero-content{
position:relative !important;
z-index:3 !important;
width:min(1280px, calc(100% - 48px)) !important;
max-width:1280px !important;
margin:0 auto !important;
padding:78px 0 86px !important;
}

.car-hero-vehicle{
position:absolute !important;
right:5.5% !important;
bottom:0 !important;
z-index:2 !important;
width:min(760px, 47vw) !important;
pointer-events:none !important;
}

.car-hero-vehicle img{
width:100% !important;
height:auto !important;
display:block !important;
object-fit:contain !important;
filter:drop-shadow(0 22px 28px rgba(0,0,0,.22)) !important;
}

.car-hero-content h2,
.car-hero-content .car-subtitle,
.car-hero-content .car-feature-pills,
.car-hero-content .car-hero-actions,
.car-hero-content .car-badge{
position:relative !important;
z-index:4 !important;
}

.car-hero-content h2,
.car-subtitle,
.car-feature-pills,
.car-hero-actions{
max-width:760px !important;
}

@media (max-width:1199px){
.car-hero-vehicle{
right:2% !important;
width:min(620px, 50vw) !important;
}

.car-hero-content h2{
font-size:46px !important;
}
}

@media (max-width:991px){
.car-hero-bg{
min-height:720px !important;
display:block !important;
}

.car-hero-content{
padding:48px 0 260px !important;
}

.car-hero-vehicle{
width:78vw !important;
right:50% !important;
transform:translateX(50%) !important;
bottom:10px !important;
}

.car-hero-content h2,
.car-subtitle,
.car-feature-pills,
.car-hero-actions{
max-width:100% !important;
}
}

@media (max-width:767px){
.car-hero-bg{
min-height:760px !important;
background-position:center center !important;
}

.car-hero-content{
width:calc(100% - 28px) !important;
padding:42px 0 250px !important;
}

.car-hero-vehicle{
width:92vw !important;
bottom:8px !important;
}
}