@media (max-width:991.98px) {
    .crm-pricing-table {
        padding: 16px 16px 0
    }

    .crm-pricing-table table th.crm-pricing-switch-wrapper {
        min-width: 200px
    }

    .crm-pricing-table table th.crm-package-wrapper {
        min-width: 140px
    }

    .crm-pricing-table table th.crm-package-wrapper2 {
        min-width: 120px
    }

    .crm_pricing_feature_table .crm_pricing_features_name {
        min-width: 200px
    }

    .crm_pricing_feature_table .crm_pricing_feature_check {
        min-width: 140px
    }

    .crm_pricing_feature_table .crm_pricing_feature_check2 {
        min-width: 120px
    }

    .crm_pricing_feature_accordion {
        padding: 0 16px 16px
    }
}

@media (max-width:767.98px) {
    .crm-pricing-table {
        padding: 12px 12px 0;
        border-radius: 8px 8px 0 0
    }

    .crm-pricing-table table th.crm-pricing-switch-wrapper {
        min-width: 160px;
        font-size: 13px
    }

    .crm-pricing-table table th.crm-package-wrapper,
    .crm-pricing-table table th.crm-package-wrapper2 {
        min-width: 120px
    }

    .crm-pricing-table table .crm-package-price {
        font-size: 20px
    }

    .crm-pricing-table table .title-sm {
        font-size: 13px
    }

    .crm-pricing-table table .crm-package-btn {
        font-size: 12px;
        padding: 4px 10px
    }

    .crm-pricing-switch-wrapper .arrow-shape {
        display: none !important
    }

    .crm-pricing-switch-wrapper .crm-offer-badge {
        position: static;
        display: block;
        margin-top: 4px
    }

    .crm_pricing_feature_accordion {
        padding: 0 12px 12px
    }

    .crm_pricing_feature_table td {
        font-size: 12px;
        padding: 6px 8px
    }

    .crm_pricing_feature_table .crm_pricing_features_name {
        min-width: 140px;
        font-size: 12px
    }

    .crm_pricing_feature_table .crm_pricing_feature_check,
    .crm_pricing_feature_table .crm_pricing_feature_check2 {
        min-width: 100px
    }

    .hm7-pricing-table-tab .nav-tabs {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center !important
    }

    .hm7-pricing-table-tab .nav-tabs li a {
        font-size: 13px;
        padding: 4px 12px
    }

    .hm7-pricing-table-tab .nav-tabs li a img {
        width: 18px;
        height: auto;
        margin-left: 4px
    }
}

@media (max-width:575.98px) {
    .crm-pricing-table {
        padding: 8px 8px 0
    }

    .crm-pricing-table table th {
        padding: 8px 6px;
        padding-bottom: 12px
    }

    .crm-pricing-table table th.crm-pricing-switch-wrapper {
        min-width: 130px
    }

    .crm-pricing-table table th.crm-package-wrapper,
    .crm-pricing-table table th.crm-package-wrapper2 {
        min-width: 100px
    }

    .crm-pricing-table table .crm-package-price {
        font-size: 16px
    }

    .crm-pricing-table table .title-sm {
        font-size: 12px
    }

    .crm-pricing-table table .crm-package-btn {
        font-size: 11px;
        padding: 3px 8px
    }

    .crm-pricing-switch-wrapper .title {
        font-size: 16px
    }

    .crm-pricing-switch button {
        font-size: 12px
    }

    .crm_pricing_feature_accordion {
        padding: 0 8px 8px
    }

    .crm_pricing_feature_accordion .accordion-item .accordion-header a {
        font-size: 13px;
        padding: 8px 12px 8px 28px
    }

    .crm_pricing_feature_table .crm_pricing_features_name {
        min-width: 110px;
        font-size: 11px
    }

    .crm_pricing_feature_table .crm_pricing_feature_check,
    .crm_pricing_feature_table .crm_pricing_feature_check2 {
        min-width: 80px;
        font-size: 11px
    }

    .crm_pricing_feature_table td {
        padding: 5px 4px
    }

    .hm10-hero-section h1 {
        font-size: 1.5rem
    }

    .hm10-hero-section .lead {
        font-size: .9rem
    }
}

[data-bs-theme=dark] .crm-pricing-table.bg-white,
[data-bs-theme=dark] .crm_pricing_feature_accordion.bg-white {
    background-color: var(--bs-body-bg, #1a1d21) !important;
    color: var(--bs-body-color, #dee2e6)
}

[data-bs-theme=dark] .crm-pricing-switch-wrapper .title,
[data-bs-theme=dark] .crm-pricing-table table .crm-package-price,
[data-bs-theme=dark] .crm-pricing-table table .title-sm {
    color: #fff
}

[data-bs-theme=dark] .crm_pricing_feature_accordion .accordion-item .accordion-header a {
    background-color: rgba(255, 255, 255, .05);
    color: #e0e0e0
}

[data-bs-theme=dark] .crm_pricing_feature_table td {
    border-color: rgba(192, 213, 255, .08);
    color: #ccc
}

[data-bs-theme=dark] .hm10-hero-section {
    background-color: #1a1d21
}

[data-bs-theme=dark] .bg-white {
    background-color: var(--bs-body-bg, #1a1d21) !important
}

[data-bs-theme=dark] .hm7-title h2,
[data-bs-theme=dark] .hm7-title h5 {
    color: #fff
}

[data-bs-theme=dark] .feedback-section {
    background-color: #1e1e2c
}

[data-bs-theme=dark] .why-choose-card {
    background-color: #1e1e2c;
    border-color: rgba(192, 213, 255, .08)
}

[data-bs-theme=dark] .cp-feature-card {
    background-color: rgba(255, 255, 255, .03)
}

[data-bs-theme=dark] .table {
    --bs-table-bg: transparent
}

[data-bs-theme=dark] .affiliate-step {
    background-color: #1e1e2c;
    border-color: rgba(192, 213, 255, .08)
}

[data-bs-theme=dark] .affiliate-commission-table td,
[data-bs-theme=dark] .affiliate-commission-table th {
    border-color: rgba(192, 213, 255, .08)
}

[data-bs-theme=dark] .crm-pricing-switch button {
    color: #ccc
}

[data-bs-theme=dark] .hm7-pricing-table-tab .nav-tabs li a.active {
    color: #fff
}

[data-bs-theme=dark] .border,
[data-bs-theme=dark] .border-bottom,
[data-bs-theme=dark] .border-top {
    border-color: rgba(192, 213, 255, .08) !important
}

[data-bs-theme=dark] .custom-plan-box {
    background-image: linear-gradient(101.48deg, #0d1840 -.49%, #050930 97.87%)
}

html {
    scroll-behavior: smooth
}

img {
    max-width: 100%;
    height: auto
}

.table-responsive {
    -webkit-overflow-scrolling: touch
}

@media (max-width:991.98px) {
    .navbar-collapse {
        max-height: 80vh;
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .footer-widget {
        margin-bottom: 24px
    }

    .footer-nav li {
        margin-bottom: 4px
    }
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 2px solid #1c40f2;
    outline-offset: 2px
}

img[loading=lazy] {
    opacity: 1;
    transition: opacity .3s ease
}

@media (max-width:991.98px) {

    .crm-pricing-table table,
    .crm_pricing_feature_table table {
        border-collapse: separate !important;
        border-spacing: 0 !important
    }

    .crm-pricing-table table th:first-child,
    .crm_pricing_feature_table table td:first-child {
        position: sticky;
        left: 0;
        z-index: 10;
        background-color: #fff;
        border-right: 1px solid rgba(0, 0, 0, .05) !important
    }

    [data-bs-theme=dark] .crm-pricing-table table th:first-child,
    [data-bs-theme=dark] .crm_pricing_feature_table table td:first-child {
        background-color: var(--bs-body-bg, #1a1d21);
        border-right: 1px solid rgba(192, 213, 255, .08) !important;
        z-index: 10
    }

    .crm-pricing-table table th:first-child::after,
    .crm_pricing_feature_table table td:first-child::after {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        width: 5px;
        background: linear-gradient(to right, rgba(0, 0, 0, .05), transparent);
        pointer-events: none;
        z-index: 3
    }

    [data-bs-theme=dark] .crm-pricing-table table th:first-child::after,
    [data-bs-theme=dark] .crm_pricing_feature_table table td:first-child::after {
        background: linear-gradient(to right, rgba(0, 0, 0, .2), transparent)
    }
}