.mobile-body {
  --bgColor: #297c92;
  --btnColor: #d00f1d;
  background-color: #f5f5f5;
}

.mobile-body .container-main .stats-grid .stat-card .stat-number {
  color: var(--bgColor);
}

.mobile-body .container-main .stats-grid .stat-card .stat-symbol {
  color: var(--bgColor);
}

.mobile-body .container-main .card-grid {
  grid-template-columns: repeat(1, 1fr);
}

.mobile-body .container-main .card-grid .card i {
  color: var(--bgColor);
}

.mobile-body .container-main .card-grid .card ul li {
  font-size: 4.1333vw;
}

.mobile-body .container-main .swiper {
  --swiper-pagination-color: var(--bgColor);
}

.mobile-body .container-main .transport-grid .transport-icon {
  background-color: var(--bgColor);
}

.mobile-body .floating-dialog {
  background-color: var(--bgColor);
}

.mobile-body .floating-dialog .register-ticket {
  background-color: var(--btnColor);
}