[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: var(--font-main-ar);
  font-weight: 400;
  font-style: normal;
  font-size: calc(1rem + 4px); /* Or use a fixed scalar like font-size: 18px; */
}

.header-container .main-nav a{
    font-size: 18px;
}

.site-footer-col::before {
    left: inherit;
    right: 0;
}

.site-footer-col{
    padding-right: 20px;
    padding-left: 0;
}

.megamenu_wrapper .megamenu-block-links{
    padding-right: 15px !important;
    padding-left: 0 !important;
    border-right: 1px solid rgba(114, 188, 215, 0.50);
    border-left: none;
}