body.rtl  .sppb-addon-cta .sppb-btn {
    text-align: right;
    float: right;}
body.rtl .sppb-addon-tweet .sppb-tweet-slider::before {right: auto;}
body.rtl #sp-bottom3 .sp-column .sp-module:last-child {
    margin-right: 0;
    text-align: right;
}

@media (max-width: 580px) { 
#sp-logo {padding-left: 0;padding-right: 5px;}
ul.social-icons > li {margin: 5px;}
body.rtl .sppb-testimonial-pro-advanced .sppb-carousel-indicators {position: relative;}
}

/* ---- Offcanvas / hamburger fix (RTL) ---- */
/* Stop Helix from shifting page off-screen (causes blank page) */
body.offcanvas .body-innerwrapper {
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
}
body.offcanvas .body-innerwrapper:after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Slide panel from left on RTL */
body.rtl .offcanvas-menu {
  right: auto !important;
  left: -320px;
  visibility: visible;
}
body.rtl.offcanvas .offcanvas-menu {
  left: 0 !important;
  right: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Dark backdrop */
.offcanvas-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99990;
  cursor: pointer;
}
body.offcanvas .offcanvas-overlay {
  display: block;
}

/* Panel above backdrop */
.offcanvas-menu {
  z-index: 99999 !important;
}
.offcanvas-inner {
  padding: 50px 0 20px;
  overflow-y: auto;
  max-height: 100vh;
}

#offcanvas-toggler {
  cursor: pointer;
  z-index: 100001;
  position: relative;
}

/* ---- Header menu visibility (all pages) ---- */
#sp-header #sp-menu {
  overflow: visible;
}
#sp-header .sp-megamenu-wrapper {
  overflow: visible;
  width: 100%;
}
@media (min-width: 992px) {
  #sp-header .sp-megamenu-parent.d-none.d-lg-block {
    display: block !important;
  }
  body.rtl #sp-header .sp-megamenu-parent {
    float: left;
    width: auto;
    max-width: 100%;
  }
  #sp-header .sp-megamenu-parent > li > a {
    color: #333333 !important;
  }
  #sp-header .sp-megamenu-parent > li.active > a,
  #sp-header .sp-megamenu-parent > li:hover > a {
    color: #333333 !important;
    background-color: #fed500;
  }
}
@media (max-width: 991.98px) {
  #sp-header #offcanvas-toggler {
    display: block !important;
    float: left;
    line-height: 70px;
  }
  body.rtl #sp-header #sp-menu .sp-column {
    text-align: left;
  }
}