*{
    direction: rtl;
    text-align: right;
}

mainnav ul.main_menu > li.menu-item-has-children > a::after {
    margin-right: 5px;
}

.mainnav ul.main_menu li .sub-menu {
    right: 0;
    padding-right: 0px;
    z-index: 5;
    box-shadow: 0px 10px 20px rgba(215, 215, 215, 0.4);
  }

  .mainnav ul.main_menu li ul li a {
    text-align: right;
    padding: 10px 40px 10px 30px;
  }

  .mainnav ul.main_menu li ul.sub-menu ul {
    right: 100%;
    top: 0;
  }


  a.modal_newsletter_icon{
    padding-right: 1.5rem !important;
  }

  .newsletter-modal .close-btn {

    left: 30px !important;
  }