@charset "UTF-8";
/*!
 * Color Admin v5.1.3 (https://seantheme.com/color-admin/)
 * Copyright 2021 SeanTheme
 *//*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


.pricing-table {
    list-style-type: none;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center
}

.pricing-table:after, .pricing-table:before {
    content: "";
    display: table;
    clear: both
}

@media (max-width: 991.98px) {
    .pricing-table {
        display: block
    }
}

.pricing-table > li {
    padding: 10px
}

@media (max-width: 991.98px) {
    .pricing-table > li {
        width: auto !important
    }
}

.pricing-table.pricing-col-4 > li {
    width: 25%
}

.pricing-table.pricing-col-3 > li {
    width: 33.33333%
}

.pricing-table .pricing-container {
    overflow: hidden;
    background: #20252a;
    border-radius: 6px;
    box-shadow: 0 3px var(--bs-light)
}

.pricing-table .h3, .pricing-table h3 {
    background: #171b1e;
    margin: 0;
    color: #fff;
    font-size: .875rem;
    padding: 15px 30px;
    font-weight: 700
}

.dark-mode .pricing-table .h3, .dark-mode .pricing-table h3 {
    background: #20252a
}

.pricing-table .features {
    list-style-type: none;
    margin: 0;
    padding: 0 30px;
    background: var(--bs-light)
}

.pricing-table .features > li {
    padding: 10px 0
}

.pricing-table .features > li + li {
    border-top: 1px solid var(--app-component-border-color)
}

.pricing-table .price {
    width: 100%;
    background: #2d353c
}

.pricing-table .price .price-figure {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.pricing-table .price .price-number {
    font-size: 1.75rem;
    color: var(--app-theme);
    display: block
}

.pricing-table .price .price-tenure {
    font-size: .8125rem;
    color: rgba(var(--app-theme-color-rgb), .75);
    display: block;
    text-align: center;
    margin-top: -5px
}

.pricing-table .footer {
    background: #101315;
    padding: 15px 20px
}

.pricing-table .highlight {
    padding: 0;
    margin-top: -30px
}

@media (max-width: 991.98px) {
    .pricing-table .highlight {
        margin-top: 0;
        padding: 10px
    }
}

.pricing-table .highlight .features > li {
    padding: 15px 0
}

.pricing-table .highlight .h3, .pricing-table .highlight h3 {
    padding: 20px 30px;
    background: rgba(var(--app-theme-rgb), .5)
}

.pricing-table .highlight .price {
    background: var(--app-theme);
    color: var(--app-theme-color)
}

.pricing-table .highlight .price .price-figure {
    height: 90px
}

.pricing-table .highlight .price .price-number {
    color: var(--app-theme-color)
}