.bg-free-plan {
    background-color: #00d4920f;
    color: #555;
    /*font-weight: bold;*/
    border-left: 1px solid #01A874;
    border-right: 1px solid #01A874;
}

.bg-light-plan {
    background-color: #00d4920f;
    color: #555;
    /*font-weight: bold;*/
    border-left: 1px solid #01A874;
    border-right: 1px solid #01A874;
}

.bg-business-plan {
    background-color: #00d4920f;
    color: #555;
    /*font-weight: bold;*/
    border-left: 1px solid #01A874;
    border-right: 1px solid #01A874;
}

.bg-enterprise-plan {
    background-color: #00d4920f;
    color: #555;
    /*font-weight: bold;*/
    border-left: 1px solid #01A874;
    border-right: 1px solid #01A874;
}

.header-radius-top-sides {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-top: 1px solid #01A874;
}
.footer-radius-top-sides {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom: 1px solid #01A874;
}

.tooltip-inner {
    max-width: 400px !important;
    text-align: left !important;
}

/* Keep translated feature names and limits readable in narrow table cells. */
.pricing-comparison .text-truncate {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

.pricing-comparison .team-plan-tag {
    max-width: 100%;
    white-space: normal;
}

#subscribe-modal .d-flex.justify-content-between {
    gap: 12px;
}

#subscribe-modal [data-field="regular_amount"],
#subscribe-modal [data-field="total_amount"] {
    text-align: right;
}

@media (max-width: 767px) {
    .pricing-comparison .col {
        font-size: 12px;
        line-height: 1.5;
    }

    .pricing-comparison .team-plan-tag {
        padding: 3px 4px;
    }
}