body {
        --sb-track-color: #195da9;
        --sb-thumb-color: #80ba27;
        --sb-size: 10px;
    }

    body::-webkit-scrollbar {
        width: var(--sb-size)
    }

    body::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 1px;
    }

    body::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 1px;

    }

    @supports not selector(::-webkit-scrollbar) {
        body {
            scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
        }
    }

    .text-shadow {
        text-shadow: 2px 2px 4px #000;
    }

    .box-shadow {
        box-shadow: 3px 3px 6px 2px #4f4d4d;
    }

    .swiper-pagination-bullet-active {
        background: #703C95;
        transform: scale(1.5);
    }

    html {
        scroll-behavior: smooth;
    }