/* hover line effect از سمت راست */
.menu-link {
    position: relative;
    display: inline-block; /* مهم برای width درست */
    font-size: 13px;
    
   
  }
  .menu-link:hover{
    color: #FFBF40;
  }
  .menu-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;        /* شروع از سمت راست */
    width: 0%;       /* ابتدا صفر */
    height: 2px;     /* ضخامت خط */
    background-color: #FFBF40;
    border-radius: 16px;
    transition: width 0.1s ease;
  }
  
  .menu-link:hover::after {
   
    width: 50%;      /* نصف عرض لینک */
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none !important;
  }
  .swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: transparent !important;
  
  }