.plans-card .section-content .plans-tabs__wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

.plans-card .section-content .plans-tabs__wrap .plans__tabs {
  border: 1px solid #831618;
  border-radius: 24px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.plans-card .section-content .plans-tabs__wrap .plans__tabs .tab__plan {
  cursor: pointer;
  border-radius: 17px;
  padding: 0.25rem 0.5rem;
  transition: all 200ms ease-out;
}

.plans-card .section-content .plans-tabs__wrap .plans__tabs .tab__plan:hover {
  background-color: #831618;
  color: #fff;
}

.plans-card
  .section-content
  .plans-tabs__wrap
  .plans__tabs
  .tab__plan:is(.active) {
  background-color: #831618;
  color: #fff;
}

.plan__summary {
  font-size: 12px;
}

.price-container .price {
  font-family: "Poppins", sans-serif;
}

.price-container .price .currency,
.price-container .price .period {
  position: absolute;
  bottom: 8px;
  font-size: 20px;
}

.price-container .price .period {
  right: -42px;
}

.price-container .price .currency {
  left: -31px;
}

.plans-card .plan-wrapper .plan__title {
  min-height: 104px;
}

.plans-card .section-content .card:is(.card--popular) {
  border: 1px solid #b31217 !important;
  position: relative;
}

.plans-card .section-content .card:not(.card--popular) .badge {
  display: none;
}

.plans-card .section-content .card:is(.card--popular) .badge {
  position: absolute;
  top: -10px;
  left: calc(50% - calc(87.97px / 2));
  background-color: #b31217;
}

.plans-card .plan-feature-summary {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.plans-card .plan-feature-summary .feature__item .prepend__icon {
  color: #b31217;
}

.compare-plan table tr {
  height: 48px;
}

.background--separator {
  background-color: pink;
}