html, body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
    padding: 0;
    font-size: 16px;
    background-color: white;
    overflow-x: hidden;
}

.ticker {
    width: 100%;

}

.ticker-list {
    display: flex;
    align-items: center;
    animation: 30s linear infinite tickerAnimation;
    width: fit-content;
    list-style: none;
    background-color: #0dcaf0;
    padding: 10px 0;
    margin: 30px 0
}

.ticker .ticker-item:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: .375rem;
    position: absolute;
    right: 0;
    top: 50%;
    width: .375rem;
    outline-color: initial !important;
}

.ticker .ticker-item {
    white-space: nowrap;
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0;
    font-size: 26px;
    line-height: 2em;
    color: white;
}

@keyframes tickerAnimation {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@media (max-width: 768px) {
    .fs-2 {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    .fs-2 {
        font-size: 16px !important;
    }
}

.pricing {
    /* Bootstrap variables */
    --bs-body-color: #252d39;
    --bs-body-bg: rgb(255, 255, 255);

    /* Easy Frontend variables */
    --ezy-theme-color: rgb(13, 110, 253);
    --ezy-theme-color-rgb: 13, 110, 253;
    --ezy-item-bg: #f7f7ff;
    --ezy-item-shadow: none;
    --ezy-item-active-color: #ffffff;

    background-color: var(--bs-body-bg);
    overflow: hidden;
    padding: 10px 0;
}
/* Gray Block Style */
.gray .pricing,
.pricing.gray {
    /* Bootstrap variables */
    --bs-body-bg: rgb(239, 244, 253);

    /* Easy Frontend variables */
    --ezy-item-bg: #fff;
    --ezy-item-shadow: none;
    --ezy-shape-color: #e4e4e4;
}
/* Dark Gray Block Style */
.dark-gray .pricing,
.pricing.dark-gray {
    /* Bootstrap variables */
    --bs-body-color: #ffffff;
    --bs-body-bg: rgb(30, 39, 53);

    /* Easy Frontend variables */
    --ezy-item-bg: #1d2a3a;
    --ezy-item-shadow: none;
    --ezy-shape-color: rgb(30, 39, 53);
}
/* Dark Block Style */
.dark .pricing,
.pricing.dark {
    /* Bootstrap variables */
    --bs-body-color: #ffffff;
    --bs-body-bg: rgb(11, 23, 39);

    /* Easy Frontend variables */
    --ezy-item-bg: #101d2c;
    --ezy-item-shadow: none;
    --ezy-shape-color: rgb(11, 23, 39);
}
.pricing-heading {
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    color: var(--bs-body-color);
}
@media (min-width: 768px) {
    .pricing-heading {
        font-size: 45px;
        line-height: 45px;
    }
}
.pricing-sub-heading {
    font-size: 16px;
    line-height: 22px;
    color: var(--bs-body-color);
}
.pricing-item {
    background-color: var(--ezy-item-bg);
    border-radius: 15px;
    box-shadow: var(--ezy-item-shadow);
    transition: transform 0.25s ease-in-out;
}
.pricing-item.active {
    background: var(--ezy-theme-color);
    background: linear-gradient(
            145deg,
            rgba(var(--ezy-theme-color-rgb), 1) 0%,
            rgba(var(--ezy-theme-color-rgb), 0.7) 100%
    );
}
.pricing-price,
.pricing-features,
.pricing-note,
.pricing-title {
    color: var(--bs-body-color);
}
.pricing-btn {
    color: var(--bs-body-color);
    padding: 12px 30px;
}
.pricing .btn-light {
    color: #000;
}
.pricing-btn-soft {
    color: var(--bs-body-color);
    padding: 12px 30px;
}
.pricing-btn-soft {
    background-color: rgba(var(--ezy-theme-color-rgb), 0.1);
    color: var(--bs-body-color);
    border: none;
}
.pricing-item.active .pricing-btn-soft,
.pricing-btn-soft:hover {
    background-color: rgba(var(--ezy-theme-color-rgb), 0.9);
    color: var(--bs-body-color);
}
.pricing-icon {
    width: 17px;
    text-align: center;
    display: inline-block;
}