html
{
    /*scrollbar-gutter: stable;*/
    scroll-behavior: smooth;
}

::-webkit-scrollbar
{
    display: none;
    width: 10px;
    background-color: transparent !important;
}

/*::-webkit-scrollbar-thumb*/
/*{*/
/*    background-color: rgba(28, 72, 84, 1); !* يصبح مرئيًا عند تمرير الماوس *!*/
/*    !*background-color: rgba(28, 72, 84, 0.5); !* لون شفاف افتراضيًا *!*!*/
/*    border: 3px solid white; !* تأثير جمالي *!*/
/*    transition: background-color 2s; !* تأثير السلاسة عند التغيير *!*/
/*}*/

/*::-webkit-scrollbar-thumb:hover*/
/*{*/
/*    background-color: rgba(28, 72, 84, 1); !* يصبح مرئيًا عند تمرير الماوس *!*/
/*    transition: background-color 2s; !* تأثير السلاسة عند التغيير *!*/
/*}*/