:is(.e-con,.elementor-column).sd-side-hidden {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: var(--sd-side-hidden-w) !important;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}

:is(.e-con,.elementor-column).sd-side-hidden.sd-left {
    left: 0 !important
}

:is(.e-con,.elementor-column).sd-side-hidden.sd-right {
    right: 0 !important
}

.elementor-column.sd-side-hidden > :is(.elementor-column-wrap,.elementor-widget-wrap) {
    flex: 1 1 auto
}

.elementor-column.sd-side-hidden > .elementor-column-wrap > .elementor-widget-wrap, .elementor-column.sd-side-hidden > .elementor-widget-wrap {
    max-height: 100%
}

.elementor-column.sd-side-hidden > .elementor-column-wrap {
    overflow: hidden
}

.e-con.sd-side-hidden {
    justify-content: flex-start;
    align-items: stretch;
    overflow: hidden;
    overflow-y: auto;
    z-index: 500 !important;
    flex-wrap: nowrap
}

.e-con.sd-side-hidden .sd-heading {
    position: sticky;
    background: var(--bgcolor-white);
    top: calc(var(--padding-top, 10px) * -1);
    margin-top: calc(var(--padding-top, 10px) * -1);
    margin-left: calc(var(--padding-left, 10px) * -1);
    margin-right: calc(var(--padding-right, 10px) * -1);
    margin-bottom: calc(var(--gap, 20px) * -1 + var(--padding-right, 10px));
    z-index: 4
}

@media (min-width: 1025px) {
    .sd-col-offcanvas-lg:not(.sd-side-hidden) {
        display: none
    }

    .sd-col-content-lg:is(.e-con,.elementor-column) {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sd-col-offcanvas-md-sm:not(.sd-side-hidden) {
        display: none
    }

    .sd-col-content-md-sm:is(.e-con,.elementor-column) {
        width: 100% !important
    }
}

@media (max-width: 767.98px) {
    .sd-col-offcanvas-sm:not(.sd-side-hidden) {
        display: none
    }

    .sd-col-content-sm:is(.e-con,.elementor-column) {
        width: 100% !important
    }
}