.main-header .main-menu .navigation>li>ul {
    left: -350px;
    width: 850px;
}
.main-header .main-menu .navigation>li>ul>li {
    width: 25%;
      float: right;
}
ul.nav-tab-recommended.justify-content-center {
    width: 100%;
    height: 80px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-top: 15px;
}

.nav-tab-recommended {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;

    padding: 0;          /* 👈 مهم */
    margin: 0;           /* 👈 مهم */
    justify-content: flex-start !important;
}


.nav-tab-recommended li {
    flex: 0 0 auto;
}