:root {
    --mx-primary: #5b2bc9;
    --mx-primary-700: #4a20c0;
    --mx-accent: #940AC7;
    --mx-grad: linear-gradient(90deg, #EF7F1A 0%, #940AC7 75%);
    --mx-bg-soft: linear-gradient(122.22deg, rgba(255, 243, 227, .3) -47.28%, rgba(249, 197, 209, .3) -18.55%, rgba(192, 187, 225, .3) 51.86%, rgba(96, 88, 245, .3) 100.04%);
    /* --mx-purple-100: #efe9ff; */
    /* --mx-purple-900: #1e1065; */
}

/* body {
    background: #fff;
    color: #1f2340;
} */

/* top nav pill button */
/* .btn-trial {
    background: var(--mx-grad);
    color: #fff !important;
    border-radius: .75rem;
    padding: .5rem 1rem;
    font-weight: 600;
    border: 0;
} */

/* hero tabs */

.tabs-custom {
    margin-top: 70px;
}

.nav-tabs {
    border: 0;
    justify-content: space-between;
    background-color: #DFE7F8;
    border-radius: 12px;
}

.nav-tabs .nav-item {
    border-right: 1px solid #1819454D
}

.nav-tabs .nav-item:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.nav-tabs .nav-item:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-right: 0;
}

.nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-tabs .nav-item:nth-child(2) .nav-link {
    border-radius: 0;
}

.nav-tabs .nav-item:last-child .nav-link {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-tabs .nav-item:hover {
    background: #583FBC;
}

.nav-tabs .nav-link {
    border: 0;
    margin-bottom: 0 !important;
}

.nav-tabs .nav-item:hover .nav-link {
    color: #fff !important;
    transition: all .3s;
}

.nav-tabs .nav-link.active {
    border: 0 !important;
    color: #fff !important;
    background: #583FBC;
}

.nav-tabs .nav-link:hover {
    border: 0;
}

/* section heading */
.section-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 53px;
    letter-spacing: -4%;
    color: #181945;
    margin-bottom: 24px;
}

.text-sub-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -2%;
    color: #181945;
}

/* table wrapper: sticky head + scrollable body */
.table-wrap {
    /* border-radius: .75rem; */
    overflow: hidden;
    background: #fff;
    /* border: 1px solid #e9e9f2; */
    border: 1px solid #18194580
}

.table-responsive-fixed {
    /* max-height: 520px; */
    /* scroll height */
    /* overflow-y: auto;
    overflow-x: auto; */
}

table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #ECE8FF !important;
    color: #432874;
    border-bottom: 1px solid #1819454D;
    font-weight: 700;
    font-size: .95rem;
    vertical-align: middle;
    padding: 12px 8px !important;
    /* border-bottom: 1px solid #1819454D; */
    border-right: 1px solid #1819454D;

}

table tbody td {
    vertical-align: top;
    font-size: .95rem;
    vertical-align: middle;
    padding: 12px 8px !important;
    /* border-bottom: 1px solid #1819454D; */
    /* border-right: 1px solid #1819454D; */
}

table tr {
    border-right: 0;
}

table tbody tr td {
    border-bottom: 1px solid #1819454D;
    border-right: 1px solid #1819454D;
}

.list-type {
    list-style: inside;
    display: list-item;
    margin-left: 12px;
}