.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.fw-bold {
    font-weight: 700!important;
}
.fw-600 {
    font-weight: 600!important;
}
.w-100 {
    width: 100%;
}
.text-end,
.text-right {
    text-align: right!important;
}
.text-center {
    text-align: center!important;
}
.text-left {
    text-align: left!important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.cursor-pointer {
    cursor: pointer;
}
.shadow-lg {
    box-shadow: var(--shadow-lg);
}
.shadow-md {
    box-shadow: var(--shadow-md);
}

.shadow-sm {
    box-shadow: var(--shadow-sm);
}

.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.rounded-pill {
    border-radius: 50rem!important;
}

.color-primary,
.color-blue {
    color: var(--color-primary) !important;
}
.color-accent {
    color: var(--red-spb) !important;
}
.color-black {
    color: var(--black-spb, #292D32) !important;
}
.color-gray {
    color: var(--gray-spb, #666) !important;
}

.block {
    background-color: #fff;
    border-radius: var(--border-radius-lg);
    border: solid 1px #e5e7eb;
    padding: 1.5rem;
}
.block__header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--color-text-gray-700);
}
.block__header_border {
    margin: -1.5rem -1.5rem 0 -1.5rem;
    border-bottom: solid 1px #e5e7eb;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}

/*redesign*/
.invert {
    filter: brightness(0) invert(100%);
}
/* 
.svg-color-blue {
    fill: var(--blue-spb);
    stroke: none;
}
.svg-color-white {
    fill: var(--white-spb);
    stroke: none;
}
.svg-color-gray path {
    fill: var(--gray-spb);
    stroke: none;
}
.svg-color-black {
    fill: var(--black-spb);
    stroke: none;
}
.svg-color-ligth-blue {
    fill: var(--ligth-blue-spb);
    stroke: none;
}
.svg-color-red {
    fill: var(--red-spb);
    stroke: none;
}
.svg-color-yellow {
    fill: var(--yellow-spb);
    stroke: none;
}
.color-red {
    color: var(--red-spb) !important;
}
.color-gray {
    color: var(--gray-spb) !important;
}
.color-blue {
    color: var(--blue-spb) !important;
}
.color-black {
    color: var(--black-spb) !important;
} */

.bg-white {
    background-color: #fff !important;
}
.bg-gray-50 {
    background-color: var(--color-gray-50) !important;
}
.width-100 {
    width: 100%;
}