.vps-alt-note {
  font-size: 12px;
}

.vps-promo-note {
  color: green;
  font-size: 10px;
  vertical-align: text-top;
}

.vps-promo-value {
  color: green;
}

.vps-year-promo {
  color: red;
}

#custom-plan.custom-plan {
  background:
    radial-gradient(ellipse at 78% 18%, rgba(82, 139, 255, .28), transparent 36%),
    linear-gradient(135deg, #0d2540 0%, #1d3a6e 100%) !important;
  color: #fff;
  padding: 100px 0;
  position: relative;
}

#custom-plan .section-heading h1,
#custom-plan .section-heading h2 {
  color: #fff;
  font-size: clamp(2.1rem, 3.5vw, 3.35rem);
  font-weight: 800;
  letter-spacing: -.04em;
}

#custom-plan .section-heading p {
  color: #dbe9ff;
  font-size: 1.08rem;
  line-height: 1.7;
}

#custom-plan .custom-plan-box,
#custom-plan .custom-plan-info-box,
#custom-plan .single-vps-item {
  box-shadow: 0 18px 38px rgba(1, 21, 58, .2);
}

.vps-feature-ribbon {
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .4px;
  padding: 3px 9px;
}

.vps-feature-ribbon--popular {
  background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
  box-shadow: 0 2px 6px rgba(245, 158, 11, .4);
}

.vps-feature-ribbon--best {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  box-shadow: 0 2px 6px rgba(139, 92, 246, .4);
}