@media (max-width: 768px) {
    .section-circle-effect-right::after {
       pointer-events: none;
    }
}

#offcanvas-toggler,
.offcanvas-toggler-secondary,
.offcanvas-toggler-full,
.close-offcanvas,
.offcanvas-inner .menu-toggler {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.offcanvas-overlay {
    position: fixed;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    will-change: opacity;
}

.offcanvas-menu {
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.25s ease;
    will-change: transform;
    backface-visibility: hidden;
    pointer-events: none;
}

.offcanvas-active .offcanvas-menu {
    pointer-events: auto;
}

body.ltr.offcanvs-position-left .offcanvas-menu {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}

body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
    transform: translate3d(0, 0, 0);
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: 0;
    transform: translate3d(100%, 0, 0);
}

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    transform: translate3d(0, 0, 0);
}

body.rtl.offcanvs-position-left .offcanvas-menu {
    right: 0;
    transform: translate3d(100%, 0, 0);
}

body.rtl.offcanvs-position-left.offcanvas-active .offcanvas-menu {
    transform: translate3d(0, 0, 0);
}

body.rtl.offcanvs-position-right .offcanvas-menu {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}

body.rtl.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    transform: translate3d(0, 0, 0);
}