/* ---- EXTENED FROM APP.CSS ---- */


/* FOR => BLOG CONTENT TDEMPLATE PAGE */

.banner::before {
    content: '';
    display: block;
    z-index: 5;
    pointer-events: none;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 45%;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #FFFFFFDD var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #FFFFFF00 var(--tw-gradient-to-position);
}

.swiper-scrollbar {
    --swiper-scrollbar-sides-offset: 10%;
    --swiper-scrollbar-size: 2px;

}
.swiper-scrollbar .swiper-scrollbar-drag {
    top: -5px;
    height: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 30 93 / var(--tw-bg-opacity));
}

@media not all and (min-width: 640px) {
    .banner::before {
        pointer-events: none;
        height: 65%;
    }
}