::-webkit-scrollbar {
        width: 7px;
        border-radius: 5px;
        }

        ::-webkit-scrollbar:horizontal {
        height: 7px;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-corner {
        background: #eee;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-track:vertical {
        background: linear-gradient(90deg, #c1c2c4, #D2D3D5 , #c1c2c4);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-track:horizontal {
        background: linear-gradient(180deg, #c1c2c4, #D2D3D5 , #c1c2c4);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb {
        border: 1.5px solid #5B5C5D;
        box-shadow: inset 0 -1px 1px #EEF0F1, inset 0 1px 1px #EEF0F1;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(90deg, #EEF0F1 45%, #C1C2C4 0, #E0E2E3);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(180deg, #EEF0F1 45%, #C1C2C4 0, #E0E2E3);
        border-radius: 5px;
        }