html { scroll-behavior: smooth; }
.drwael-direction-toggle {
  background: #302675;
  border: 0;
  border-radius: 999px;
  bottom: 82px;
  box-shadow: 0 10px 28px rgba(48,38,117,.24);
  cursor: pointer;
  display: grid;
  font: 700 13px/1 Poppins, sans-serif;
  grid-template-rows: 1fr 1fr;
  height: 108px;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 20px;
  width: 50px;
  z-index: 9998;
}
[dir="rtl"] .drwael-direction-toggle { left: 20px; right: auto; }
.drwael-direction-option {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  letter-spacing: .03em;
  transition: background-color 160ms ease, color 160ms ease;
  writing-mode: vertical-rl;
}
.drwael-direction-option.is-active { background: #fff; color: #302675; }
.drwael-direction-toggle:hover { transform: translateY(-2px); }
.drwael-direction-toggle:focus-visible { outline: 3px solid rgba(38,134,229,.42); outline-offset: 3px; }
.sticky-header-wrapper.is-fixed::before,
.sticky-header-wrapper.is-fixed::after { opacity: 0; pointer-events: none; }
.sticky-header-wrapper.is-fixed .main-bar {
  animation: none !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 8px 28px rgba(20,42,75,.12);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateZ(0);
  transition: box-shadow 180ms ease, background-color 180ms ease;
  width: 100%;
}
body.admin-bar .sticky-header-wrapper.is-fixed .main-bar { top: 32px; }
body.admin-bar .site-header { top: 32px; }
#videoDialog { overscroll-behavior: contain; }
#videoDialog .dialog-content { overflow: visible; }
#videoDialog #closeBtn {
  background: #fff;
  border: 0;
  border-radius: 999px;
  color: #302675;
  right: 8px;
  top: 8px;
  z-index: 10;
}
[dir="rtl"] #videoDialog #closeBtn { left: 8px; right: auto; }
#videoDialog iframe, #videoDialog video { aspect-ratio: 16/9; background: #000; border: 0; display: block; height: auto; width: 100%; }
body.drwael-modal-open { overflow: hidden; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
  body.admin-bar .sticky-header-wrapper.is-fixed .main-bar { top: 46px; }
  .drwael-direction-toggle { bottom: 76px; height: 96px; right: 14px; width: 46px; }
  [dir="rtl"] .drwael-direction-toggle { left: 14px; right: auto; }
  #scrollProgress { bottom: 14px; right: 14px; }
  [dir="rtl"] #scrollProgress { left: 14px; right: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}