.payment-steps {
    margin-left: -12%;
    margin-top: 0;
    margin-bottom: 3%;
}

.steps .h4 {
    font-size: 1.2em;
}

.steps .text-secondary {
    font-size: 13px;
}

.steps-counter .step-item {
    margin-bottom: 1em;
}

input#select-biller-ts-control {
    font-size: 15px;
}

.ts-control {
    padding: 1em 2em;
}

.super {
    vertical-align: super;
}

.steps {
    --tblr-steps-color: #0171cc;
}

.card-header {
    background-color: transparent;
}

#header .navbar {
    background: transparent;
    box-shadow: none;
}

.heading .icon {
    font-size: 14px;
    width: 30px;
}

/*.form-control:not(.form-control-sm) {*/
/*    padding: 0.81em 1em !important;*/
/*}*/

/*.form-select:not(.form-select-sm) {*/
/*    height: 2.8em;*/
/*}*/


.form-select:not(.form-select-sm) {
    min-height: initial;
}

.form-control:not(.form-control-sm) {
    padding: 0.79rem 0.9rem;
    height: inherit;
}

.form-control:not(.form-control-sm) {
    /*font-size: 14px;*/
}

.page-header .icon {
    width: 25px;
}

.page-header h1 {
    font-size: 1.2rem;
}

.page-header {
    padding: 1rem 0;
}

.resp-vtabs li.resp-tab-active, .resp-vtabs li.resp-tab-active:hover {
    border-radius: 0;
    background-color: #faf5ff;
    border-left: 5px solid #b693f4;
}

.resp-vtabs li.resp-tab-active, .resp-vtabs li.resp-tab-active:hover {
    color: #7653c5;
}

.resp-vtabs .resp-tab-content {
    min-height: 400px;
}


section.page-header.page-header-dark.bg-secondary {
    /*background: #edf2f6 !important;*/
}

#header {

    /*background: linear-gradient(to right, #498d3d, #69b25b) !important;*/
}

.btn-primary {
    /*background-color: #e9983d;*/
    /*border-color: darkorange;*/
}

.form-control:focus {
    /*border-color: #b693f4;*/
}

.card-header {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.tom-select .ts-control{
    border: none !important;
}

/* Apply ellipsis to single-line text */
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Apply ellipsis to multiline text with a character limit of 100 */
.ellipsis-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4; /* Set the desired number of lines (adjust as needed) */
    max-width: 100%;
}

.ts-dropdown .optgroup-header {
    text-align: left;
    padding: 0.3em 0.5em;
    font-weight: 600;
    font-size: 11px;
    background: #c6c6c60f;
}

.btn-xs {
    padding: 0.3rem 0.5rem;
    font-size: 12px;
}

.hidden {
    display: none;
}

.bg-purple {
    background-color: #7f709c !important;
}
@media (max-width: 767px) {
    #header .primary-menu:before {
        display: none;
    }
    #header {
        padding: 0.5em 0;
    }
    .page-header h1 {
        font-size: 1rem;
    }
    .share-buttons {
        display: none;
    }
    .steps-counter .step-item {
        margin-bottom: 0;
        font-size: .9em;
    }
    .blur{
        display: none;
        visibility: hidden;
        width: 0;
        height: 0;
    }
}