/**
 * Save All Resources Pro - Beautified Stylesheet
 * Source: https://latif-design.com/wp-content/plugins/elementor-pro/assets/css/widget-off-canvas-rtl.min.css?ver=4.2.1
 * Captured: 2026-09-11T22:28:22.454Z
 */

/*! elementor-pro - v4.2.0 - 28-07-2026 */
body.e-off-canvas__no-scroll,
body.e-off-canvas__no-scroll-animation {
  overflow: hidden
}

.elementor-widget-off-canvas {
  height: -moz-fit-content;
  height: fit-content;
  --e-off-canvas-width: 400px;
  --e-off-canvas-height: 100vh;
  --e-off-canvas-justify-content: flex-start;
  --e-off-canvas-align-items: flex-start;
  --e-off-canvas-animation-duration: 1.5s;
  --e-off-canvas-content-overflow: auto;
  --e-off-canvas-overlay-opacity: 1;
  --e-off-canvas-animation-duration-minimum: Max(0.001s, var(--e-off-canvas-animation-duration))
}

.elementor-widget-off-canvas .e-off-canvas {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2147483630
}

.elementor-widget-off-canvas .e-off-canvas[aria-hidden=true] {
  opacity: 0;
  visibility: hidden
}

.elementor-widget-off-canvas .e-off-canvas[aria-hidden=true] .elementor-add-section {
  display: none
}

.elementor-widget-off-canvas .e-off-canvas__overlay {
  background-color: rgba(0, 0, 0, .5);
  height: 100%;
  left: 0;
  opacity: var(--e-off-canvas-overlay-opacity);
  pointer-events: all;
  position: absolute;
  top: 0;
  transition: 0s;
  width: 100%
}

.elementor-widget-off-canvas .e-off-canvas__main {
  align-items: var(--e-off-canvas-align-items);
  display: flex;
  height: 100%;
  justify-content: var(--e-off-canvas-justify-content);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.elementor-widget-off-canvas .e-off-canvas__main.animated {
  animation-duration: var(--e-off-canvas-animation-duration-minimum)
}

.elementor-widget-off-canvas .e-off-canvas__main.animated.none {
  animation: e-off-canvas-without-animation 1ms;
  opacity: 1;
  visibility: visible
}

.elementor-widget-off-canvas .e-off-canvas__main.animated.none.reversed {
  opacity: 0;
  visibility: hidden
}

.elementor-widget-off-canvas .e-off-canvas__content {
  background-color: #fff;
  box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
  height: var(--e-off-canvas-height);
  overflow: var(--e-off-canvas-content-overflow);
  pointer-events: all;
  width: var(--e-off-canvas-width)
}

.elementor-widget-off-canvas .animated-reverse-wrapper {
  opacity: 0;
  transform: none;
  visibility: hidden
}

.elementor-widget-off-canvas .animated-reverse-wrapper:not(.no-animation) {
  animation: e-off-canvas-close var(--e-off-canvas-animation-duration-minimum)
}

.elementor-widget-off-canvas .animated-reverse-wrapper .no-animation {
  animation: e-off-canvas-close 1ms
}

body:not(.elementor-editor-active) .e-con .elementor-widget-off-canvas {
  position: absolute
}

body:not(.elementor-editor-active) .elementor-section .e-element-before-off-canvas:has(>.elementor-widget-container),
body:not(.elementor-editor-active) .elementor-section .elementor-element:has(>.elementor-widget-container+.elementor-widget-off-canvas) {
  margin-block-end: 0
}

body:not(.elementor-editor-active) .elementor-section .e-element-before-off-canvas,
body:not(.elementor-editor-active) .elementor-section .elementor-element:has(+.elementor-widget-off-canvas) {
  --kit-widget-spacing: 0px
}

body:not(.elementor-editor-active) .elementor-section .elementor-widget-off-canvas:first-child {
  position: absolute
}

@keyframes e-off-canvas-close {

  0%,
  99.99% {
    opacity: 1;
    visibility: visible
  }

  to {
    opacity: 0;
    transform: none;
    visibility: hidden
  }
}

@keyframes e-off-canvas-without-animation {
  0% {
    opacity: 0;
    visibility: hidden
  }

  to {
    opacity: 1;
    visibility: visible
  }
}