html, body, main {
    height: 100%;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    background: var(--color-crm-background, #FFF);
    color: var(--color-crm-typo-primary);
}

    html:not([data-theme='light']) .btn-close {
        filter: brightness(0) invert(1);
    }

.table {
    color: var(--color-crm-typo-primary);
    border-color: var(--color-crm-stroke);
}

    .table > :not(:last-child) > :last-child > * {
        border-color: var(--color-crm-stroke);
    }

*:focus {
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.badge {
    text-wrap: pretty;
}

.container {
    max-width: 1279px;
}

.navbar {
    /*border-bottom: 1px solid var(--color-crm-stroke, #E0E0E0);*/
    background-color: var(--color-crm-background, #FFF) !important;
    display: inline-flex;
    padding: 12px 0px;
    justify-content: center;
    align-items: center;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--color-crm-typo-primary, #171717) !important;
}

.navbar .dropdown button {
    border: none;
    background: none;
    color: var(--color-crm-typo-primary, #171717) !important;
}

.navbar .dropdown i {
    color: var(--color-crm-typo-primary, #171717) !important;
}

.sidebar-brand {
    height: 32px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

    .sidebar-brand img {
        content: var(--logo-img);
        height: 100%;
    }

.modal-dialog {
    color: var(--color-crm-typo-primary);
}

    .modal-dialog .modal-content {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .modal-dialog .modal-header {
        border-bottom: 1px solid var(--color-crm-stroke, #E0E0E0);
    }

    .modal-dialog .modal-footer {
        border-top: 1px solid var(--color-crm-stroke, #E0E0E0);
    }

    .modal-dialog .modal-content {
        background-color: var(--color-crm-card);
        border-radius: 8px;
        color: var(--color-crm-typo-primary);
    }


    .modal-dialog .modal-body {
        padding-bottom: 24px !important;
    }

.modal-backdrop.show {
    opacity: 0.6 !important;
}

.login-dropdown {
    color: var(--color-crm-typo-primary, #171717) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

#platform-list {
    display: grid;
    gap: 8px;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

    #platform-list .platform-item {
        padding: 8px;
        display: flex;
        gap: 16px;
        align-items: center;
    }


        #platform-list .platform-item .logo {
            width: 40px;
            height: 40px;
            padding: 6px;
            background-color: var(--color-crm-background, #F4F4F4);
            border-radius: 8px;
        }

            #platform-list .platform-item .logo img {
                object-fit: contain;
                object-position: center;
                width: 100%;
                height: 100%;
            }

        #platform-list .platform-item .name {
            /*color: var(--color-crm-typo-paragraph-primary, #101010);*/
            color: var(--color-crm-typo-primary, #101010);
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px; /* 133.333% */
        }

        #platform-list .platform-item .provider {
            color: var(--color-crm-typo-secondary, #6C6C6C);
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 14px; /* 116.667% */
            margin-top: 2px;
        }

        #platform-list .platform-item .license {
            background-color: var(--color-crm-primary, #0549E3);
            color: var(--color-crm-badge-dark-text, #0549E3);
            /*background: var(--color-crm-primary-20, rgba(5, 73, 227, 0.10));*/
            display: flex;
            text-align: right;
            padding: 2px 4px 2px 8px;
            justify-content: center;
            align-items: center;
            gap: 4px;
            font-size: 10px;
            font-style: normal;
            font-weight: 700 !important;
            line-height: 10px; /* 120% */
            min-width: 56px;
            border-radius: 2px;
            padding: 2px 4px 2px 8px;
            text-transform: uppercase;
            margin-right: 2px;
            white-space: nowrap;
            text-align: center;
            max-width: 70px;
            text-wrap: wrap;
        }

            #platform-list .platform-item .license i {
                flex: 0 0 auto;
                width: 32px !important;
                height: 32px !important;
                margin: -8px !important;
            }

.addonNotice {
    font-size: 11px;
    color: var(--color-crm-typo-paragraph-primary, #08C4A0);
}

#platforms-container {
    width: 100%;
    /*max-width: 556px;*/
}

#platform-detail {
    flex: 1 1 auto;
    /*border: 1px solid var(--color-crm-stroke, #08C4A0);
    outline: 2px solid var(--color-crm-primary, #08C4A0);*/
    display: flex;
    flex-direction: column;
    width: 100%;
    /*max-width: 552px;*/
    padding: 24px;
    gap: 16px;
    margin-bottom: 42px;
}

    #platform-detail .header {
        display: flex;
        gap: 8px;
        align-items: center;
    }

        #platform-detail .header h3 {
            color: var(--color-crm-typo-primary, #101010);
            /* H3 */
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px; /* 133.333% */
            padding: 0;
            margin: 0;
            flex: 1 1 auto;
        }

        #platform-detail .header .logo {
            width: 40px;
            height: 40px;
            padding: 6px;
            background-color: var(--color-crm-background, #F4F4F4);
            border-radius: 8px;
        }

        #platform-detail .header a {
            color: var(--color-crm-primary, #08C4A0);
            leading-trim: both;
            text-edge: cap;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px; /* 133.333% */
            text-decoration-line: underline;
        }


    #platform-detail ul {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin: 0px !important;
        padding-left: 16px !important;
    }

    #platform-detail li {
        color: var(--color-crm-typo-secondary, #6C6C6C);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        gap: 4px;
        padding-left: 8px;
    }

        #platform-detail li::marker {
            font-family: "Font Awesome 5 Pro";
            /*content: '\f00c';*/
            color: var(--color-crm-primary, #0549e3);
            font-size: 1em;
        }


    #platform-detail .body {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    #platform-detail .cover-image {
        border: none !important;
        width: 100%;
        /*height: 240px;*/
        background-color: #CCC;
        border-radius: 2px;
        object-fit: cover;
        object-position: center;
        aspect-ratio: 16/9;
    }

    #platform-detail .provider-item {
        background-color: #EEE;
        color: #333;
        padding: 2px 8px;
        font-size: 12px;
        border-radius: 5px;
        white-space: nowrap;
    }

    #platform-detail .logo {
        width: 50px;
    }

        #platform-detail .logo img {
            object-fit: contain;
            object-position: center;
            width: 100%;
            height: 100%;
        }


.checkout-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 32px;
}

    .checkout-container .step-container {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

.step-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*border-top: 1px solid var(--color-crm-stroke, #E0E0E0);*/
    background: var(--color-crm-card, #FFF);
    /*background: var(--color-crm-background, #FFF);*/
    /*position: sticky;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
    z-index: 999999;
}

    .step-footer .btn {
        width: 250px;
    }

.checkout-modal {
    display: flex;
    /*padding: 24px 24px 24px 24px;*/
    flex-direction: column;
    gap: 24px;
    border-radius: 2px;
    /*background: var(--color-crm-card, #F4F4F4);*/
    width: 100%;
    /*max-width: 400px;*/
}

    .checkout-modal h3 {
        color: var(--color-crm-typo-primary, #171717);
        text-align: center;
        /* H3 */
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 133.333% */
        padding: 0px;
        margin: 0px;
    }

    .checkout-modal .qty {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
    }

        .checkout-modal .qty input {
            font-size: 14px;
            width: 80px;
            text-align: center;
        }

    .checkout-modal .divider, .divider {
        height: 1px;
        align-self: stretch;
        background: var(--color-crm-stroke, #E0E0E0);
    }

#checkout-container {
    /* display: flex;
    gap: 24px;
    flex-wrap: wrap;*/
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

#checkout-billing {
    /*flex: 1 1 50%;*/
}

#checkout-cart-summary {
    /*flex: 1 0 50%;*/
}

#stripe-container {
    min-height: 326px;
}

    #stripe-container #payment-element {
        min-height: 264px;
    }

#checkoutcom-container {
    min-height: 416px;
}

#worthy-container {
    /*min-height: 236px;*/
}

    #worthy-container #payment-elements {
        min-height: 154px;
    }

        #worthy-container #payment-elements .form-control {
            height: 33px;
        }

    #worthy-container iframe {
        background: var(--color-crm-background) !important;
    }

#paytiko-container {
}

    #paytiko-container iframe {
        width: 100%;
        min-height: 600px;
    }

#payment-buttons {
    /*width: 100%;*/
}

    #payment-buttons button {
        width: 300px;
    }

#stripe-card-container {
    min-width: 300px;
    width: 100%;
    /*max-width: 400px;*/
}

    #stripe-card-container .form-control {
        display: inline-block;
        padding: 10px !important;
    }

.reset-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
}

.reset-item {
    width: 100%;
    display: flex;
    padding: 16px 12px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 2px;
    background-color: var(--color-crm-card-fill-bg);
}

    .reset-item.selected {
        /*border: 1px solid var(--color-crm-primary, #08C4A0);*/
        outline: 2px solid var(--color-crm-primary, #08C4A0);
        color: var(--color-crm-typo-paragraph-secondary, #6C6C6C);
        /*font-size: 14px;*/
        font-style: normal;
        font-weight: 400;
        /*line-height: 18px;*/ /* 128.571% */
    }

    .reset-item .check {
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid var(--color-crm-icon-light, #C5C5C5);
    }

    .reset-item.selected .check .check-inner {
        background: var(--color-crm-primary, #08C4A0);
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

    .reset-item .name {
        color: var(--color-crm-typo-secondary, #C5C5C5);
    }

    .reset-item .price {
        font-weight: bold;
        color: var(--color-crm-typo-primary, #101010);
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 128.571% */
        flex: 1 1 auto;
    }

    .reset-item .free-type {
        font-weight: 300;
        color: var(--color-crm-typo-secondary, #101010);
        font-size: 12px;
    }

.checkout-modal .checkout-title {
    color: var(--color-crm-primary, #101010);
    text-align: left;
    font-size: 20px;
}

.checkout-modal .checkout-list {
    display: flex;
    flex-direction: column;
    /*border-bottom: 1px solid var(--color-crm-stroke, #E0E0E0);*/
}

.checkout-modal .checkout-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 0px;
    border-bottom: 1px solid var(--color-crm-stroke, #E0E0E0);
}

    .checkout-modal .checkout-item .description {
        color: var(--color-crm-typo-secondary, #6C6C6C);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 128.571% */
        flex: 0 0 auto;
    }

    .checkout-modal .checkout-item .quantity {
        color: var(--color-crm-typo-secondary, #6C6C6C);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 128.571% */
    }

    .checkout-modal .checkout-item .subdescription {
        color: var(--color-crm-typo-secondary, #6C6C6C);
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
    }

    .checkout-modal .checkout-item .qty {
        width: 150px;
        font-size: 14px;
        display: flex;
        gap: 8px;
        align-items: center;
        font-weight: 300;
        color: var(--color-crm-typo-secondary, #101010);
    }

        .checkout-modal .checkout-item .qty input {
            font-size: 16px;
            text-align: center;
        }

    .checkout-modal .checkout-item .price {
        /*width: 200px;*/
        color: var(--color-crm-typo-primary, #101010);
        text-align: right;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 128.571% */
        white-space: nowrap;
        flex: 1 1 auto;
    }

        .checkout-modal .checkout-item .price .full-price {
            font-size: 14px;
            color: var(--color-crm-typo-secondary, #101010);
            font-weight: 300;
            margin-right: 12px;
            text-decoration: line-through;
        }

        .checkout-modal .checkout-item .price .item-discount {
            font-size: 14px;
            color: var(--color-crm-typo-secondary, #101010);
            font-weight: 300;
            margin-right: 12px;
        }

        .checkout-modal .checkout-item .price .value {
            display: flex;
            gap: 4px;
            align-items: center;
            justify-content: end;
        }

        .checkout-modal .checkout-item .price .quantity {
            color: var(--color-crm-typo-paragraph-secondary, #101010);
            font-weight: 400;
        }

    .checkout-modal .checkout-item .recurring {
        font-size: 0.7rem;
        font-weight: 400;
    }

    .checkout-modal .checkout-item .select-container {
        width: 88px;
        height: 40px;
        padding: 8px 12px;
        background: var(--color-crm-background, #FFF);
        border-radius: 2px;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

        .checkout-modal .checkout-item .select-container select {
            width: 100%;
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            border: none;
            background: var(--color-crm-background, #FFF);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; /* 128.571% */
        }

    .checkout-modal .checkout-item .item-remove {
        /*outline: 1px solid yellow;*/
        width: 0px;
        transition: width ease-in-out 0.3s;
        overflow: hidden;
        padding-left: 4px;
    }

    .checkout-modal .checkout-item:hover .item-remove {
        width: 32px;
    }

    .checkout-modal .checkout-item .item-remove .btn {
        padding: 0px !important;
        margin: 0px !important;
        width: 32px;
        height: auto !important;
    }

.checkout-modal .checkout-without-vat {
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
    font-weight:bold;
    align-items: end;
    color: var(--color-crm-typo-primary, #6C6C6C);
}

.checkout-modal .checkout-vat {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    align-items: end;
    color: var(--color-crm-typo-secondary, #6C6C6C);
}

.checkout-modal .checkout-total {
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    align-items: end;
}

    .checkout-modal .checkout-total .description {
        color: var(--color-crm-typo-primary, #6C6C6C);
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; /* 133.333% */
    }

    .checkout-modal .checkout-total .price {
        /*color: var(--color-crm-typo-primary, #101010);*/
        color: var(--color-crm-primary, #101010);
        text-align: right;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 133.333% */
    }

    .checkout-modal .checkout-total .price-discount {
        color: var(--color-crm-typo-paragraph-primary, #101010);
        text-align: right;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px; /* 133.333% */
    }

    .checkout-modal .checkout-total.checkout-total-discount * {
        font-size: 0.9rem !important;
    }

.checkout-modal .coupon-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkout-modal .coupon {
    flex: 1 1 auto;
    display: flex;
    gap: 8px;
}

    .checkout-modal .coupon input[type=text] {
        display: flex;
        padding: 8px 4px 8px 8px;
        justify-content: space-between;
        align-items: center;
        flex: 1 0 0;
        border-radius: 8px;
        border: 1px solid var(--color-crm-typo-paragraph-secondary, #E0E0E0);
        background: var(--color-crm-background, #FFF);
        vertical-align: center;
        font-size: 12px;
        outline: none;
        color: var(--color-crm-typo-primary, #101010);
    }

        .checkout-modal .coupon input[type=text]::placeholder {
            color: var(--color-crm-typo-paragraph-secondary, #101010);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px; /* 160% */
            opacity: 1; /* Firefox */
        }

        .checkout-modal .coupon input[type=text]::-ms-input-placeholder { /* Edge 12 -18 */
            color: var(--color-crm-typo-paragraph-secondary, #101010);
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px; /* 160% */
        }

    .checkout-modal .coupon button {
        display: flex;
        padding: 4px 16px;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        /*background: var(--color-crm-typo-primary, #171717);
        color: var(--color-crm-badge-dark-text, #171717);
        outline: none;*/
        height: 48px;
        text-transform: uppercase;
        color: var(--color-crm-typo-primary, #171717);
    }

price-discount .coupon button:focus {
    outline: none;
}


.checkout-modal .coupon-applied {
    display: flex;
    padding: 16px;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--color-crm-stroke, #E0E0E0);
}

    .checkout-modal .coupon-applied .name {
        flex: 1 1 auto;
        color: var(--color-crm-typo-secondary, #2F2F2F);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
    }

    .checkout-modal .coupon-applied button {
        float: right;
    }

        .checkout-modal .coupon-applied button:focus {
            outline: none !important;
        }

    .checkout-modal .coupon-applied .discount {
        color: var(--color-crm-typo-primary, #2F2F2F);
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
    }

    .checkout-modal .coupon-applied .price-discount {
        color: var(--color-crm-typo-primary, #171717);
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 128.571% */
    }

    .checkout-modal .coupon-applied .btn-remove {
        color: var(--color-crm-typo-primary, #171717);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        border: none;
        background: none;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0px;
        margin: 0px;
    }

        .checkout-modal .coupon-applied .btn-remove:hover {
            color: var(--color-crm-typo-secondary, #2F2F2F);
        }

    .checkout-modal .coupon-applied .divider {
        background: var(--color-crm-stroke, #E0E0E0);
        width: 100%;
        height: 1px;
    }

.checkout-modal .checkout-button {
    display: flex;
    width: 100%;
    height: 32px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 65px;
    border-radius: 2px;
    background: var(--color-crm-primary, #08C4A0);
    border: none;
    outline: none;
}



.checkout-title-page {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .checkout-title-page h2 {
        /*color: var(--color-crm-typo-primary, #171717);*/
        color: var(--color-crm-link, #0045E2);
        /* H2 */
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px; /* 104.348% */
    }

    .checkout-title-page .checkout-title-divider {
        height: 1px;
        flex: 1 0 0;
        /*background: var(--color-crm-stroke, #E0E0E0);*/
    }

.checkout-subtitle-page {
    color: var(--color-crm-typo-paragraph-secondary, #6C6C6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

.crm-card {
    /*border-radius: 2px;*/
    border-radius: 12px;
    /*border: 1px solid var(--color-crm-stroke, #E0E0E0);*/
    /*background-color: var(--color-crm-card-fill-bg,#F7F7F7);*/
    background-color: var(--color-crm-card, #F4F4F4);
    outline: 1px solid transparent;
}

    .crm-card.disabled {
        opacity: 0.7;
    }

    .crm-card.crm-card-interactive:not(.disabled) {
        cursor: pointer;
    }

        .crm-card.crm-card-interactive:not(.disabled):hover {
            /*border: 1px solid var(--color-crm-primary, #08C4A0);*/
            outline: 1px solid var(--color-crm-primary, #08C4A0);
            background-color: var(--color-crm-card-fill-bg-hover,#F7F7F7);
        }

    .crm-card.crm-card-interactive.active {
        /*border: 1px solid var(--color-crm-primary, #08C4A0);*/
        outline: 1px solid var(--color-crm-primary, #08C4A0);
    }

    .crm-card .divider {
        width: 100%;
        height: 1px;
        margin: 4px 0px;
        background: var(--color-crm-stroke, #E0E0E0);
    }

.crm-card-funnel {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

    .crm-card-funnel .crm-card-funnel-inner {
        flex: 1 1 auto;
        display: flex;
        /*flex-direction: column;*/
    }

        .crm-card-funnel .crm-card-funnel-inner .crm-card-funnel-content {
            flex: 1 1 auto;
        }

.category-container {
    width: 100%;
    /*display: flex;*/
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));*/
    /*grid-template-columns: 184px 184px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-items: center;
    justify-content: center;
    gap: 32px;
    max-width: 500px;
    align-self: center;
}

    .category-container .category-item {
        flex: 0 0 184px;
        display: flex;
        /*width: 184px;*/
        padding: 24px 12px 32px 12px;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

        .category-container .category-item .icon {
            width: 48px;
            height: 48px;
            display: block;
        }

        .category-container .category-item .description {
            color: var(--color-crm-typo-paragraph-primary, #101010);
            text-align: center;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; /* 128.571% */
        }

.link-asset {
    color: var(--color-crm-link, #0045E2);
    text-align: center;
    /* Paragraph Big SEMIBOLD */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    padding: 16px 32px;
    width: min(100%, 400px);
    text-decoration: none;
}

    .link-asset:hover {
        cursor: pointer;
        color: var(--color-crm-link, #0045E2);
        text-decoration: underline;
    }

.link {
    color: var(--color-crm-link, #0045E2);
    text-align: center;
    font-style: normal;
    text-decoration: none;
}

    .link:hover {
        cursor: pointer;
        color: var(--color-crm-link, #0045E2);
        text-decoration: underline;
    }

.gap-40px {
    gap: 40px;
}

.products-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

.products-container-section {
    flex-direction: column;
    display: flex;
    gap: 24px;
    justify-content: center;
}

    .products-container-section .products-container-section-title {
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        padding-top: 32px;
    }

.products-container-inner {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

.product-item {
    display: flex;
    width: 320px;
    padding: 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

    .product-item .header {
        /*min-height: 41px;*/
    }

        .product-item .header h5 {
            margin-bottom: 0px !important;
        }

        .product-item .header h3 {
            margin-bottom: 0px !important;
        }

    .product-item h3 {
        color: var(--color-crm-typo-primary, #171717);
        text-align: center;
        /* H3 */
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 133.333% */
        margin-bottom: 0px;
    }

    .product-item .next-first-billing {
        font-size: 12px;
        color: var(--color-crm-typo-secondary, #171717);
    }

    .product-item h3 {
        margin-bottom: 0px;
    }

    .product-item .account-balance {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        color: var(--color-crm-typo-secondary, #2F2F2F);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; /* 116.667% */
    }

        .product-item .account-balance .value {
            /*color: var(--color-crm-typo-primary, #171717);*/
            color: var(--color-crm-primary, #171717);
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px; /* 133.333% */
        }

    .product-item .divider {
        width: 208px;
        height: 1px;
        margin: 4px 0px;
        background: var(--color-crm-stroke, #E0E0E0);
    }

    .product-item .time {
        color: var(--color-crm-typo-secondary, #2F2F2F);
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px; /* 116.667% */
    }


    .product-item .full-price {
        font-size: 13px;
        text-decoration: line-through;
        font-weight: 300;
        color: var(--color-crm-typo-secondary) !important;
        margin-bottom: 0px;
    }

    .product-item .item-discount {
        font-size: 13px;
        font-weight: 300;
        color: var(--color-crm-typo-secondary) !important;
        margin-bottom: 0px;
    }

    .product-item .next-price {
        font-size: 11px;
        font-weight: 500;
        color: var(--color-crm-typo-secondary) !important;
        margin-bottom: 0px;
    }

    .product-item .price {
        /*color: var(--color-crm-typo-primary, #171717);*/
        color: var(--color-crm-primary, #171717);
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 133.333% */
    }

    .product-item .steps-container {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-self: stretch;
    }

        .product-item .steps-container .product-item-step {
            /*border-radius: 2px;*/
            border-radius: 6px;
            background: var(--color-crm-background, #F4F4F4);
            display: flex;
            padding: 16px 12px;
            flex-direction: column;
            gap: 8px;
            align-self: stretch;
        }

            .product-item .steps-container .product-item-step .header {
                color: var(--color-crm-link, #0045E2);
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px; /* 133.333% */
            }

    .product-item .features-container {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-self: stretch;
        padding: 24px 12px 0px 12px;
    }

    .product-item .feature-title {
        font-weight: bold;
        font-size: 12px
    }

    .product-item .feature-item {
        display: flex;
        justify-content: space-between;
    }

        .product-item .feature-item .name {
            color: var(--color-crm-typo-secondary, #2F2F2F);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 14px; /* 116.667% */
        }

        .product-item .feature-item.danger .name {
            color: var(--color-crm-sell);
        }

        .product-item .feature-item .value {
            color: var(--color-crm-typo-primary, #171717);
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px; /* 133.333% */
            text-align: end;
            margin-left: 16px;
        }

        .product-item .feature-item.danger .value {
            color: var(--color-crm-sell);
        }

.product-item-bottom {
    padding: 24px;
}

    .product-item-bottom ul {
        font-weight: 600;
        font-size: 12px;
        margin-left: 0px;
        padding-left: 12px;
        margin-bottom: 0px !important;
    }

    .product-item-bottom li {
        padding: 6px 8px;
        white-space: nowrap;
    }

        .product-item-bottom li::marker {
            font-family: "Font Awesome 5 Pro";
            content: '\f058';
            color: var(--color-crm-primary, #0549e3);
            background-color: var(--color-crm-typo-primary);
            font-size: 1em;
            margin-right: 4px;
        }

.product-item-summary {
    /*border-radius: 4px;*/
    /*background: var(--color-crm-card-fill-bg, #F4F4F4);*/
    width: 100%;
    min-width: 340px;
    max-width: 340px;
    border: none;
    align-self: flex-start;
}

    .product-item-summary h3 {
        font-size: 22px;
    }


a.btn {
    color: inherit !important;
}

.btn {
    display: flex;
    padding: 15px 32px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    /*border-radius: 2px;*/
    border-radius: 16px;
    border: none;
    outline: none;
    text-align: center;
    /* Paragraph 1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    box-shadow: none;
    height: 50px;
}

.btn-disabled {
    opacity: 0.65;
}

.btn:hover, .btn:active, .btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.btn.btn-primary {
    border: 1px solid var(--color-crm-primary, #08C4A0);
    background: var(--color-crm-primary, #08C4A0) !important;
    color: var(--color-crm-badge-text-dark, #171717) !important;
}

    .btn.btn-primary:hover, .btn.btn-primary:active {
        border: 1px solid var(--color-crm-primary-hover, #08C4A0);
        background: var(--color-crm-primary-hover, #08C4A0) !important;
        color: var(--color-crm-badge-text-dark, #171717) !important;
    }

.btn.btn-outline-secondary {
    border: 1px solid var(--color-crm-primary, #08C4A0);
    color: var(--color-crm-primary, #08C4A0);
    background: transparent !important;
}

    .btn.btn-outline-secondary:hover {
        border: 1px solid var(--color-crm-primary-hover, #08C4A0);
        color: var(--color-crm-primary-hover, #08C4A0);
        background: transparent !important;
    }

.btn.btn-outline-primary {
    border: 1px solid var(--color-crm-primary, #08C4A0);
    color: var(--color-crm-primary, #08C4A0);
    background: transparent !important;
}

    .btn.btn-outline-primary:hover {
        border: 1px solid var(--color-crm-primary-hover, #08C4A0);
        color: var(--color-crm-primary-hover, #08C4A0);
        background: transparent !important;
    }

.platform-product-info-container {
    display: 0 0 auto;
}

.platform-product-info {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--color-crm-card, #F4F4F4);
    width: 224px;
}

    .platform-product-info .header {
        color: var(--color-crm-typo-primary, #171717);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 133.333% */
    }

    .platform-product-info .features-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

        .platform-product-info .features-list .features-list-item {
            display: flex;
            gap: 8px;
            align-items: center;
        }

            .platform-product-info .features-list .features-list-item .label {
                color: var(--color-crm-typo-primary, #2F2F2F);
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 14px; /* 116.667% */
            }

            .platform-product-info .features-list .features-list-item .value {
                color: var(--color-crm-typo-primary, #171717);
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px; /* 133.333% */
            }


.complete-title {
    /*color: var(--color-crm-typo-primary, #171717);*/
    color: var(--color-crm-primary, #171717);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 104.348% */
}


.subscription-step-info {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    width: 224px;
}


    .subscription-step-info h3 {
        color: var(--color-crm-typo-primary, #171717);
        /* H3 */
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 133.333% */
    }

    .subscription-step-info .feature-item {
        display: flex;
        gap: 8px;
    }

        .subscription-step-info .feature-item .name {
            color: var(--color-crm-typo-secondary, #6C6C6C);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 14px; /* 116.667% */
        }

        .subscription-step-info .feature-item .value {
            color: var(--color-crm-typo-primary, #171717);
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px; /* 133.333% */
        }

#resets-container {
    width: 100%;
    max-width: 556px;
}




.crm-alert {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    width: 100%;
    max-width: 400px;
    margin-top: 56px;
}

    .crm-alert h2 {
        margin-top: 16px;
        text-align: center;
        /* H2 */
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 104.348% */
        color: var(--color-crm-typo-primary, #171717);
    }

    .crm-alert.success h2 {
        color: var(--color-crm-badge-green, #04C571);
    }

    .crm-alert.error h2 {
        color: var(--color-crm-badge-red, #04C571);
    }

    .crm-alert.wait h2 {
        color: var(--color-crm-primary, #04C571);
    }

    .crm-alert .subtitle {
        margin-top: 8px;
        color: var(--color-crm-typo-primary, #171717);
        text-align: center;
        /* Paragraph Big SEMIBOLD */

        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 128.571% */
    }

    .crm-alert .content {
        margin-top: 8px;
        color: var(--color-crm-typo-primary, #171717);
        text-align: left;
        align-self: start;
        /* Paragraph Big SEMIBOLD */

        font-size: 14px;
        font-style: normal;
        line-height: 18px; /* 128.571% */
    }

    .crm-alert .subtitle2 {
        margin-top: 8px;
        color: var(--color-crm-typo-secondary, #171717);
        text-align: center;
        /* Paragraph Big SEMIBOLD */

        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
    }

.icon.icon-success {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    /*content: url('/icons/default/check-circle.svg');*/
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: inherit;
    mask-repeat: no-repeat;
    mask-image: url('/icons/default/check-circle.svg');
    background-color: var(--color-crm-badge-green, #04C571);
}

.icon.icon-wait {
    /*width: 56px;*/
    font-size: 56px;
    flex-shrink: 0;
    color: var(--color-crm-primary);
}

.icon.icon-circle-error {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    /*content: url('/icons/default/error-circle.svg');*/
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: inherit;
    mask-repeat: no-repeat;
    mask-image: url('/icons/default/error-circle.svg');
    background-color: var(--color-crm-badge-red);
}

.maxw-840px {
    max-width: 840px;
}

a:not(.btn) {
    color: var(--color-crm-primary) !important;
}

.form-check-input {
    border: 1px solid var(--color-crm-stroke, #E0E0E0);
}

    .form-check-input:checked {
        border-color: var(--color-crm-primary);
    }

    .form-check-input:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--rgb-crm-primary), .25);
    }

.dropdown-menu {
    border-radius: 4px;
    background: var(--color-crm-dropdown-bg, #4C505D);
    /* Modals and panels */
    border: none;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

    .dropdown-menu a {
        color: var(--color-crm-typo-primary, #171717) !important;
    }

    .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
        background: var(--color-crm-dropdown-bg, #4C505D);
    }

    .dropdown-menu .dropdown-item.logout-button {
        font-size: 0.8rem;
    }

@media (max-width: 575.98px) {

    .navbar {
        padding: 12px !important;
    }

    .step-container {
        padding-top: 24px;
    }

    .step-container {
        padding: 60px 12px 100px 12px;
    }

    nav {
        position: fixed !important;
        top: 0px;
        left: 0px;
        right: 0px;
        padding: 12px !important;
    }

    .step-footer {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 12px !important;
    }

        .step-footer .container {
            padding: 0px !important;
        }

        .step-footer button, .step-footer a {
            width: auto !important;
            padding: 12px 12px !important;
        }

    .category-container {
        gap: 16px !important;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    }

    .product-item {
        width: 100%;
    }

    .crm-alert {
        margin-top: 150px;
    }
}

.data-market-container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.data-market-item {
    display: flex;
    width: 260px;
    padding: 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

    .data-market-item h3 {
        color: var(--color-crm-typo-primary, #171717);
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .data-market-item .price {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        color: var(--color-crm-typo-secondary, #2F2F2F);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

        .data-market-item .price .value {
            color: var(--color-crm-typo-primary, #171717);
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px;
        }

    .data-market-item .exchange-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        width: 100%;
    }

    .data-market-item .exchange-item {
        display: flex;
        font-size: 14px;
        line-height: 16px;
        justify-content: space-between;
        color: var(--color-crm-typo-secondary, #2F2F2F);
    }

        .data-market-item .exchange-item .exchange-depth {
            color: var(--color-crm-typo-primary, #171717);
            font-weight: 700;
        }



.data-market-duration-container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.data-market-duration-item {
    display: flex;
    width: 260px;
    padding: 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

    .data-market-duration-item.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .data-market-duration-item .durations {
        width: 100%;
        color: var(--color-crm-typo-secondary, #171717);
        font-weight: 400;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .data-market-duration-item .durations div {
            display: flex;
            justify-content: space-between;
        }

        .data-market-duration-item .durations .value {
            color: var(--color-crm-typo-primary, #171717);
        }


.form-label {
    font-size: 0.9rem;
}

.form-control {
    display: flex;
    padding: 8px 4px 8px 8px !important;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    /*border-radius: 2px;*/
    border-radius: 6px;
    border: 1px solid var(--color-crm-stroke, #E0E0E0);
    /*background: var(--color-crm-background, #FFF);*/
    background: transparent !important;
    vertical-align: center;
    font-size: 12px;
    outline: none;
    color: var(--color-crm-typo-primary, #101010);
}

    .form-control:focus {
        color: var(--color-crm-typo-primary, #101010);
        background: var(--color-crm-background, #FFF);
        border: 1px solid var(--color-crm-typo-primary, #E0E0E0);
        box-shadow: none;
    }

    .form-control.invalid {
        border-color: red;
    }

    .form-control:has(iframe) {
        padding: 4px 2px 4px 4px !important;
    }

.form-select {
    /*min-height: 40px;*/
    display: flex;
    padding: 8px 4px 8px 8px !important;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 6px;
    border: 1px solid var(--color-crm-stroke, #E0E0E0);
    background: var(--color-crm-background, #FFF);
    vertical-align: center;
    font-size: 12px;
    outline: none;
    color: var(--color-crm-typo-primary, #101010);
}

    .form-select:focus {
        color: var(--color-crm-typo-primary, #101010);
        background: var(--color-crm-background, #FFF);
        border: 1px solid var(--color-crm-typo-primary, #E0E0E0);
        box-shadow: none;
    }

    .form-select.invalid {
        border-color: red;
    }

.user-card {
    /*border-radius: 4px;*/
    /*background: var(--color-crm-card-fill-bg, #F4F4F4);*/
    border: none;
    padding: 24px;
}

#checkout-success-container {
}

    #checkout-success-container:not(.paid) .crm-alert.wait {
        display: flex;
    }

    #checkout-success-container:not(.paid) .crm-alert.success {
        display: none;
    }

    #checkout-success-container:not(.paid) #btnDashboard {
        display: none;
    }

    #checkout-success-container.paid .crm-alert.wait {
        display: none;
    }

    #checkout-success-container.paid .crm-alert.success {
        display: flex;
    }

    #checkout-success-container.paid #btnDashboard {
        display: block;
    }

#modTermsConditions, #modPrivacyPolicy {
}

    #modTermsConditions .modal-body, #modPrivacyPolicy .modal-body {
        font-size: 90%;
        max-height: 80vh;
        overflow: auto;
    }

.coupon-products-container {
    font-size: 14px;
    color: var(--color-crm-typo-paragraph-primary, #101010);
    display: flex;
    align-items: center;
    gap: 8px;
}

    .coupon-products-container input {
        border-color: var(--color-crm-stroke-light, rgba(255, 255, 255, 0.10))
    }

.validation-message {
    color: red;
    font-size: 12px;
    padding: 4px;
}

#platform-selector {
    gap: 16px;
}


.notyf {
    z-index: 9999999 !important;
}

.notyf__icon .icon-svg {
    background-color: rgba(255,255,255,0.7);
}

.bg-panel {
    background: var(--color-crm-panel);
}

#platforms-container {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: center;
}

    #platforms-container .platform-addon-item {
        padding: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-items: center;
        width: 200px;
    }

        #platforms-container .platform-addon-item .logo {
            width: 50px;
            height: 50px;
            padding: 6px;
            background-color: var(--color-crm-background, #F4F4F4);
            border-radius: 8px;
        }

            #platforms-container .platform-addon-item .logo img {
                object-fit: contain;
                object-position: center;
                width: 100%;
                height: 100%;
            }

        #platforms-container .platform-addon-item .name {
            /*color: var(--color-crm-typo-paragraph-primary, #101010);*/
            color: var(--color-crm-typo-primary, #101010);
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px; /* 133.333% */
        }

        #platforms-container .platform-addon-item .price {
            /*color: var(--color-crm-typo-paragraph-primary, #101010);*/
            color: var(--color-crm-typo-secondary, #101010);
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 16px; /* 133.333% */
            display: flex;
            gap: 8px;
        }

        #platforms-container .platform-addon-item .value {
            /*color: var(--color-crm-typo-paragraph-primary, #101010);*/
            color: var(--color-crm-typo-primary, #101010);
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px; /* 133.333% */
        }

.crm-card input, .crm-card .form-control {
    background-color: var(--color-crm-background) !important;
    border: 1px solid var(--color-crm-stroke, #E0E0E0);
}

#bottom-element {
    width: 100px;
    height: 10px;
}

#terms-container {
    border-radius: 4px;
    padding: 16px;
    overflow: auto;
    background: var(--color-crm-card);
}

#kyc-container {
    padding: 1px;
    overflow: auto;
    border: 1px solid var(--color-crm-stroke);
    border-radius: 8px;
}

.cta-container {
    border: 1px solid red;
}


.s2-inner-option {
    color: #222 !important;
    font-size: 14px;
}

.checkout-upsell-title {
    font-size: 14px;
    font-weight: 300;
}

.checkout-upsell-item {
    background-color: var(--color-crm-background) !important;
    border: 1px solid var(--color-crm-stroke, #E0E0E0);
    border-radius: 16px;
    padding: 4px 12px 4px 4px;
    overflow: hidden;
    font-size: 14px;
}

    .checkout-upsell-item .checkout-upsell-item-image {
        width: 52px;
        height: 52px;
    }

        .checkout-upsell-item .checkout-upsell-item-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 12px;
        }

    .checkout-upsell-item .checkout-upsell-item-add {
        padding: 10px;
        border-radius: 12px;
        font-size: 16px;
        height: auto;
    }


.checkout-custom-field {
    background-color: var(--color-crm-background) !important;
    border: 1px solid var(--color-crm-stroke, #E0E0E0);
    border-radius: 16px;
    padding: 6px 6px 6px 12px;
    overflow: hidden;
    font-size: 14px;
}

    .checkout-custom-field .checkout-upsell-item-add {
        padding: 10px;
        border-radius: 12px;
        font-size: 16px;
        height: auto;
        transition: all 0.2s;
    }

        .checkout-custom-field .checkout-upsell-item-add.added {
            background-color: var(--bs-danger) !important;
            border-color: var(--bs-danger) !important;
        }

        .checkout-custom-field .checkout-upsell-item-add i {
            transition: all 0.2s;
        }

        .checkout-custom-field .checkout-upsell-item-add:disabled {
            background-color: #AAA !important;
            border-color: #AAA !important;
        }

            .checkout-custom-field .checkout-upsell-item-add:disabled i {
                color: #6C6C6C !important;
            }

    .checkout-custom-field .name {
    }

    .checkout-custom-field .category {
        font-size: 10px;
        font-weight: bold;
        border: 1px solid var(--color-crm-stroke, #E0E0E0);
        color: var(--color-crm-typo-secondary, #101010);
        /*background-color: var(--color-crm-card, #F4F4F4);*/
        border-radius: 4px;
        padding: 0px 4px;
    }

    .checkout-custom-field .description {
        font-size: 11px;
        color: var(--color-crm-typo-secondary, #101010);
    }

    .checkout-custom-field .price {
        white-space: nowrap;
        font-size: 16px;
    }


.funnel-section {
}

    .funnel-section p {
        margin: 0px;
        padding: 0px;
    }


    .funnel-section td {
        vertical-align: top;
    }