.scrollable-vertical {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px; /* برای ظاهر بهتر در حالت RTL */
    scrollbar-width: thin; /* برای فایرفاکس */
    direction :ltr;
}

    /* برای زیبایی اسکرول در کروم، اج و سافاری */
    .scrollable-vertical::-webkit-scrollbar {
        width: 6px;
    }

    .scrollable-vertical::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }