.subscriptions-comparison-separator {
  height: 100%;
  width: 1px;
  background-color: #d6d6d6ff;
  position: absolute;
  left: 50%;
  top: 0;
}

.subscriptions-comparison-card {
  position: relative;
}

.subscription-comparison-list {
  padding-inline-start: 20px;
}

.nav-billing-cycle {
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #f3f3f3;
  .nav-link {
    color: var(--bs-dark);
    font-size: 14px;
    margin-block-end: 0em;
  }
  .nav-link.active {
    font-weight: bold;
    background-color: #eeeeee;
  }
}

.subscription-monthly-price {
  font-size: 2.5rem;
  font-weight: bold;
}

.subscriptions-comparison-left,
.subscriptions-comparison-right {
  position: relative;
}


.subscription-comparison-list-icon {
  position: absolute;
  left: 10px;
  top: 0;
}

.subscription-comparison-title {
  font-weight: bold;
}
.subscription-pill {
  position: relative;
  .subscription-pill-discount {
    position:absolute;
    top:-17px;
    right:0;
    background:#FF5630;
    color:white;
    padding:4px 8px;
    border-radius:12px;
    font-size:12px;
    font-weight:bold;
  }

  .subscription-pill-discount--small {
    font-size: 11px;
  }
}