

.buy-btn-compact:hover {
    background: #1d8e4d !important;
}
  /* Compact card + old border style */
  .plan-card-compact {
    background: #fff;
    border: 1px solid #e6e7ea;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(14,30,80,0.04);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s;
    display: flex;
    flex-direction: column;
    padding: 14px;
  }
  .plan-card-compact:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(14,30,80,0.08);
    border-color: rgba(30,59,139,0.12);
  }

  /* header/title sizing (centered) */
  .plan-card-compact .plan-title { font-size: 1rem; margin-top: 0.125rem; margin-bottom: 0.125rem; }
  .plan-card-compact .header i { font-size: 1.125rem; }

  /* feature icon box (old style) */
  .icon-box {
    background: white;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    color: #1f2937;
    font-size: 13px;
    flex: 0 0 30px;
  }

  /* compact buy button */
  .buy-btn-compact {
    display: block;
    width: 100%;
    padding: 10px;
    background: #1e3b8b;
    color: #fff;
    text-align: center;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
  }
  .buy-btn-compact:hover { background: #0c2e60; }

  /* toggle switch */
  .switch { display:inline-block;width:44px;height:22px;position:relative; }
  .switch input { display:none; }
  .slider { position:absolute; inset:0; background:#d1d5db; border-radius:99px; cursor:pointer; }
  .slider:before { content:""; position:absolute; height:18px; width:18px; left:2px; top:2px; background:white; border-radius:50%; transition:0.18s; }
  .switch input:checked + .slider { background:#1e3b8b; }
  .switch input:checked + .slider:before { transform: translateX(22px); }

  /* selected plan */
  .plan-card-compact.selected {
  outline: 2px solid #0050d8;
  transform: translateY(-4px);
}


  /* smaller text sizes */
  #pricing-compact .text-2xl { font-size: 1.25rem; }
  #pricing-compact .text-lg { font-size: 1rem; }
  #pricing-compact .text-xs { font-size: 0.72rem; }

  @media (max-width: 767px) {
    .plan-card-compact { padding: 12px; }
  }/* BASIC plan title & subtitle white */
.plan-card-compact[data-plan="basic"] .plan-title,
.plan-card-compact[data-plan="basic"] .header .text-xs {
    color: #ffffff !important;
}