.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;
}