@charset "UTF-8";
@keyframes arrow-move {
  0% {
    transform: translateX(0);
    opacity: 1; }
  60% {
    transform: translateX(6px);
    opacity: 1; }
  80% {
    transform: translateX(10px);
    opacity: 0; }
  81% {
    transform: translateX(-4px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif; }

.jumbotron li {
  font-size: initial;
  line-height: initial; }

.highlight-marker {
  background: linear-gradient(180deg, transparent 55%, rgba(105, 40, 167, 0.15) 55%);
  font-weight: bold;
  color: #7b52c7;
  padding: 0 2px; }

.rwd-split-card {
  cursor: pointer;
  transition: all 0.3s ease; }
  @media (max-width: 991.98px) {
    .rwd-split-card {
      border: 1px solid #dee2e6 !important;
      margin-bottom: 1rem; }
      .rwd-split-card.active {
        border-color: #28a745 !important; } }
  @media (min-width: 992px) {
    .rwd-split-card {
      background-color: #dee2e6 !important;
      border: 2px solid transparent !important; }
      .rwd-split-card:hover, .rwd-split-card.active {
        background-color: #28a745 !important;
        color: #fff;
        border-color: #28a745 !important;
        transform: translateX(8px); } }
  .rwd-split-card.active {
    background-color: #f4faf7 !important;
    border-color: #726de3 !important;
    box-shadow: 0 0.5rem 1rem rgba(40, 167, 69, 0.1) !important;
    color: #343a40 !important; }

@media (min-width: 992px) {
  .rwd-detail-item {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease; }
    .rwd-detail-item.active {
      display: block;
      opacity: 1; } }

.rwd-detail-box h3 {
  font-size: 1.4rem;
  letter-spacing: 0.5px; }

@media (max-width: 991.98px) {
  .text-truncate-2 {
    -webkit-line-clamp: 3; } }

.pricing-card {
  border: 1px solid #e0e0e0;
  height: 100%;
  transition: transform 0.3s; }
  .pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1); }

.featured-card {
  border: 2px solid #007bff; }

.featured-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2; }

.price-text {
  font-size: 3.2rem;
  font-weight: 700;
  color: #212529; }

.price-unit {
  font-size: 1.2rem;
  font-weight: 400;
  color: #6c757d; }

.section-divider {
  font-size: 0.9rem;
  font-weight: 700;
  color: #495057;
  border-bottom: 1px dashed #dee2e6;
  margin: 1.5rem 0 1rem;
  padding-bottom: 0.25rem; }

.feature-list {
  list-style: none;
  padding-left: 0;
  font-size: 0.875rem;
  color: #495057; }
  .feature-list li {
    margin-bottom: 0.5rem;
    position: relative;
    padding-left: 1.5rem; }
    .feature-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: #28a745;
      font-weight: bold; }

.solution-link {
  color: #e91e63;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.3s ease; }
  .solution-link:hover {
    color: #ff5722;
    text-decoration: none; }
  .solution-link .arrow-icon {
    display: inline-flex;
    align-items: center;
    animation: arrow-move 1.5s infinite ease-in-out; }

/*# sourceMappingURL=MBwithCiao.css.map */
