/* ========== Simplebar CSS Start ========== */
[data-simplebar] {
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

[data-simplebar=init] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.simplebar-scroll-content {
    overflow-x: hidden;
    overflow-y: scroll;
    min-width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.simplebar-content {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3px;
    background: #cccccc;
}

.simplebar-scrollbar {
    --primary-color:#9d3838;
    position: absolute;
    right: 0;
    border-radius: 7px;
    min-height: 10px;
    width: 100%;
    opacity: 1 !important;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    background: var(--primary-color);
    background-clip: padding-box;
    z-index: 66;
}

[data-simplebar=init] {
    padding-right: 10px;
    scrollbar-width: none;
}

.simplebar-scroll-content {
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}

.simplebar-content {
    margin-right: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.simplebar-content p:last-child {
    margin-bottom: 0;
}

.simplebar-track:hover .simplebar-scrollbar {
    opacity: .5;
    -webkit-transition: opacity 0 linear;
    transition: opacity 0 linear
}

.simplebar-track .simplebar-scrollbar.visible {
    opacity: .5
}

.simplebar-track.horizontal {
    left: 0;
    width: auto;
    height: 11px
}

.simplebar-track.vertical {
    top: 0
}

.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

/* ========== Simplebar CSS End ========== */


/*==========Overflow CSS Start ==========*/
.overflow-text {
    height: 300px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.overflow-text::-webkit-scrollbar,
[data-simplebar=init]::-webkit-scrollbar,
.simplebar-scroll-content::-webkit-scrollbar {
    width: 0;
    opacity: 0 !important;
    display: none;
    clip-path: inset(0 0 30px 0);
}

.simplebar-track.horizontal {
    display: none;
}

.overflow-text::-webkit-scrollbar-thumb {
    opacity: 0 !important;
}

.overflow-text::-webkit-scrollbar-track {
    opacity: 0 !important;
}

.compensate-for-scrollbar {
    margin-right: 0 !important;
}

/*==========Overflow CSS End==========*/