:root {
      /* WIDTH AND SPACINGS */
      --sidebar-width: min(90vw, 300px);
      --pad-m: 1.25rem;
      --pad-s: 0.75rem;
      --pad-xs: 0.5rem;
      --dropdown-links-indent: 20px;
  
      /* vertical & horizontal header padding */
      --header-pad-y: clamp(1rem, 0.716rem + 1.211vw, 1.75rem);
      --header-pad-x: var(--pad-m);
  
      /* links vertical & horizontal padding */
      --link-pad-y: 0.7rem;
      --link-pad-x: 0.5rem;
  
      /* panel top & bottom padding */
      --panel-block-pad: clamp(0.5rem, -1.375rem + 5vh, 2rem);
  
      /* GAPS */
      --link-gap: 1.125rem;
      --list-gap: 0;
  
      /* BACKGROUND COLORS */
      --nav-bg: white;
      --cta-bg: dimgray;
      --social-bg: transparent;
      --link-bg: transparent;
      --header-bg: gray;
      --dropdown-content-bg: rgb(0 0 0 / 5%);
      --dropdown-links-bg: transparent;
      --skip-link-background: black;
  
      /* HOVER BACKGROUND */
      --cta-hover-bg: black;
      --social-hover-bg: rgb(0 0 0 / 5%);
      --link-hover-bg: var(--white);
      --dropdown-links-hover-bg: rgb(0 0 0 / 8%);
  
      /* COLORS */
      --panel-title-color: var(--action);
      --panel-icon-color: var(--primary);
      --chevron-color: #62588f;
      --social-color: dimgray;
      --social-icon-color: var(--social-color);
      --cta-color: white;
      --panel-link-color: var(--action);
      --mobile-menu-trigger-color: var(--action);
      --label-color: orangered;
      --dropdown-links-color: dimgray;
      --skip-link-color: white;
  
      /* HOVER COLORS */
      --cta-hover-color: white;
      --link-hover-color: black;
      --link-icon-hover-color: var(--primary);
      --social-hover-color: black;
      --social-icon-hover-color: var(--social-hover-color);
      --dropdown-links-hover-color: black;
  
      /* FONT SIZES */
      --panel-title-size: calc(var(--h4) + 0.15rem);
      --panel-back-size: 0.875rem;
      --link-txt-size: 0.875rem;
      /* icons */
      --nav-icon-size: 1.5rem;
      --social-icon-size: var(--nav-icon-size);
      --chevron-size: 1rem;
      --panel-icon-size: var(--text-m);
  
      /* CSS TRANSITIONS */
      --sidebar-transition: 500ms;
      --sidebar-ttf: cubic-bezier(1, 0, 0.25, 1);
      --opacity-transition: 500ms 200ms;
      --sidebar-link-transition: 500ms;
  
      /* BORDER */
      --link-border-radius: 0;
      --horizontal-line: 1px solid rgb(0 0 0 / 10%);
      --link-underline:var(--horizontal-line);
      --dropdown-links-underline: none;
      --sidebar-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75), 0px 5px 15px rgba(0, 0, 0, 0.3);
  
      /* OVERLAY */
      --overlay-bg: black;
      --overlay-opacity: 0.5;
  
       /* FOCUS STYLES */
       --focus-outline-color: black;
       --focus-outline-offset: 4px;
       --focus-outline-width:2px;
      
       /*  EXTRAS */
      --current-link-bg: none;
      --current-link-underline: solid 3px #9f6aff;
  }
    
    /* INSIDE BRICKS */
  /*hide header/nav when not in main template */
  [data-builder-mode].brx-header-left #brx-header:not(.postid-2491 *),
  [data-builder-mode].brx-header-right #brx-header:not(.postid-2491 *) {
      display: none;
  }
  
  /* site normal width when not in main template*/
  [data-builder-mode].brx-header-left #brx-content:not(.postid-2491 *),
  [data-builder-mode].brx-header-right #brx-content:not(.postid-2491 *),
  [data-builder-mode].brx-header-left #brx-footer:not(.postid-2491 *),
  [data-builder-mode].brx-header-right #brx-footer:not(.postid-2491 *) {
      margin: 0 !important;
  }

/* OVERLAY SIDEBAR */
  
  body.dwc-overlay-sidebar{
  background: gray;
  }

    /*main and footer*/
    .dwc-overlay-sidebar.brx-header-left #brx-content,
    .dwc-overlay-sidebar.brx-header-left #brx-footer,
    .dwc-overlay-sidebar.brx-header-right #brx-content,
    .dwc-overlay-sidebar.brx-header-right #brx-footer,
    .dwc-offcanvas.brx-header-left #brx-content, 
    .dwc-offcanvas.brx-header-left #brx-footer,
    .dwc-offcanvas.brx-header-right #brx-content, 
    .dwc-offcanvas.brx-header-right #brx-footer{
        margin-left: 0;
    }
  
  .dwc-overlay-sidebar:not(.dwc-mobile){
--header-bg: transparent;
--nav-bg: transparent;
}

.dwc-overlay-topbar{
--header-bg: transparent;  
}

.dwc-overlay-topbar #dwc_header.dwc-sidebar {  
background: var(--header-bg);
margin-bottom: calc(var(--dwc-header-height) * -1);
}

  
  /* OFFCANVAS */
  
  .dwc-offcanvas.brx-header-left #brx-header {
    bottom:auto;
    width: 100%;
}


.dwc-push-content.dwc-slide-nav-open.dwc-nav-trigger-is-fixed  .dwc-nav-trigger{
    transform: translateX(calc(var(--sidebar-width) * -1));
    }
    
    .dwc-rtl.dwc-push-content.dwc-slide-nav-open.dwc-nav-trigger-is-fixed  .dwc-nav-trigger{
    transform: translateX(calc(var(--sidebar-width) * 1));
    }
    
    .dwc-nav-trigger{
    transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);
    }

    @media only screen and (min-width: 992px){
        .dwc-sidebar__nav{
            display: none !important;
        }
    }
    .dwc-offcanvas .dwc-sidebar__nav{
    transform: translateX(-100%);  
    transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);
    }
    
    .dwc-offcanvas .dwc-sidebar__nav,
    .dwc-topbar-enabled .dwc-sidebar__nav{
    background: var(--nav-bg);
    width: var(--sidebar-width);
    position: fixed !important;
    bottom: 0;
    left: 0;
    top: 0;    
    height: 100vh;
    overflow: hidden;
    box-shadow: var(--sidebar-shadow);
    
    }
    
    .dwc-offcanvas.dwc-slide-nav-open .dwc-mobile-menu-overlay {
    pointer-events: auto;
    opacity: 0.7;
    height:100vh;
    }

    .dwc-mobile-menu-overlay {
    height: 100vh;
    z-index: -1;
    }
    
    .dwc-offcanvas .dwc-mobile-menu-overlay {
    background: var(--overlay-bg);
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    transition: 0.4s 0.2s;    
    }
    
    .dwc-slide-nav-open .dwc-sidebar__nav:not(.dwc-push-content *) {
    transform: translateX(0) !important;
    }
    
    
    .dwc-push-content .dwc-sidebar__nav__panel {
    padding-block: var(--panel-block-pad) !important;
    }
    
    
    
    .dwc-offcanvas .dwc-sidebar__nav:not(.dwc-mobile *),
    .dwc-topbar-enabled .dwc-sidebar__nav:not(.dwc-mobile *){
    z-index:1000;
    }
    
    
    .dwc-topbar-enabled .dwc-sidebar__nav__panel:not(.dwc-mobile *){
    padding-top: calc(20px + var(--dwc-header-height));
    }
    
    /* body */
    
    body.dwc-no-scroll {
    overflow: hidden;
    height: 100vh;
    }
    
    
    body.dwc-offcanvas {
    --sidebar-transition: 700ms;
    transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);
    }


/* OFFCANVAS ENDS */
  
  /* push content */

.dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper > header,
.dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper > footer,
.dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper > main{
transform: translateX(var(--sidebar-width));
}


.dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper {overflow: hidden;height: 100vh;}

.dwc-site-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
}
header, footer, main{
--sidebar-transition: 700ms;
transition: transform var(--sidebar-transition) var(--sidebar-ttf),opacity var(--opacity-transition);
}
  
  /*RTL*/
.dwc-rtl #brx-footer:not(.dwc-mobile *,.dwc-overlay-sidebar *, .dwc-offcanvas *), 
.dwc-rtl #brx-content:not(.dwc-offcanvas main,.dwc-mobile *,.dwc-overlay-sidebar *, .dwc-offcanvas *), 
.dwc-rtl #brx-content:not(.dwc-mobile *, .dwc-overlay-sidebar *) {
    margin-left: unset; 
  margin-right: var(--sidebar-width);
  
}

.dwc-rtl header.dwc-sidebar {
right: 0;
}

.dwc-rtl.dwc-mobile .dwc-sidebar__nav,
.dwc-rtl.dwc-offcanvas .dwc-sidebar__nav,
.dwc-rtl.dwc-topbar-enabled .dwc-sidebar__nav,
  .dwc-rtl #brx-header{  
left: auto;
right: 0; 
}


.dwc-rtl.dwc-mobile .dwc-sidebar__nav,
.dwc-rtl.dwc-offcanvas .dwc-sidebar__nav
{
transform: translateX(100%);      
}

.dwc-rtl.dwc-push-content.dwc-slide-nav-open header, 
.dwc-rtl.dwc-push-content.dwc-slide-nav-open main,
.dwc-rtl.dwc-push-content.dwc-slide-nav-open footer{
--rtl-translate: calc(var(--sidebar-width) * -1);
transform: translateX(var(--rtl-translate));
}

/* RTL + OVERLAY SIDEBAR */
.dwc-rtl.dwc-overlay-sidebar .brxe-section:not(.dwc-mobile *),
  .dwc-rtl.dwc-overlay-sidebar #brx-footer .brxe-section:not(.dwc-mobile *){
padding-inline-end: calc(var(--sidebar-width) + 20px);
}
 
    .dwc-overlay-sidebar .brxe-section:not(.dwc-rtl *, .dwc-mobile *),
  .dwc-overlay-sidebar #brx-footer .brxe-section:not(.dwc-rtl *, .dwc-mobile *){
    padding-inline-start: calc(var(--sidebar-width) + 20px)
}


  /* TOP BAR*/
  .dwc-topbar-enabled .dwc-header-inner-wrap {
    z-index: 9999;
   box-shadow: var(--sidebar-shadow);
}

.dwc-topbar-enabled #brx-header { 
    width: 100%;
    position: relative;
}

.dwc-topbar-enabled .dwc-sidebar:not(.dwc-mobile *) {
    position: relative;
    width: 100%;
     max-width: 100%;
     background: var(--header-bg);
  box-shadow: none;
}
  

  
  /* TOP BAR ENDS */
  
  
  .dwc-current-menu-item{
    /* background-color: var(--current-link-bg);
    border-bottom: var(--current-link-underline);     */
}


#brx-header {
    background-color: var(--header-bg);
}
  
  .dwc-mobile.brx-header-left #brx-header, 
.dwc-mobile.brx-header-right #brx-header
{
    position: relative;
    width: 100%;
    height: auto;
}

/* MEDIA QUERY - DESKTOP */
@media (min-width: 1025px) {

    .dwc-nav-trigger:not(.dwc-offcanvas *, .bricks-draggable-item),
    .dwc-mobile-menu-overlay:not(.dwc-offcanvas *),
    .mobile.dwc-nav__panel__header:not(.dwc-offcanvas *) {
        display: none !important;
    }
}

/* MEDIA QUERY - DESKTOP ENDS */
html,
body {
    height: 100%
}

main,
footer {
    width: 100%;
}

main {
    flex-grow: 1;
}


.dwc-sidebar__nav {
    height: 100%;
    z-index: 1;
    width: var(--sidebar-width);
    position: relative;
    background-color: var(--nav-bg);
}
@media only screen and (max-width: 991px){
    .dwc-sidebar__nav {
        z-index: 9999;
    }
}

.dwc-sidebar__nav:not([data-builder-mode] *) {
    overflow: hidden;
}

.dwc-sidebar__nav__panel {
    background: var(--nav-bg);
    position: absolute;
    width: 100%;
    height: 100dvb;
    display: flex;
    flex-direction: column;
    transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);
    transform: translateX(0);
    box-shadow: -5px -5px 40px rgb(0 0 0/10%);
    z-index: 1000;
    padding-block: var(--panel-block-pad);
    padding-top: 0;
    flex-wrap: nowrap;
}
.dwc-sidebar__nav__panel:not([data-builder-mode] *) {
      overflow: hidden;
}

.dwc-sidebar__nav__panel:not([data-builder-mode] *)::after {
    /* content: ''; */
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: var(--panel-block-pad);
    background: var(--nav-bg);
    filter: blur(5px)
}

.dwc-sidebar__nav__panel .dwc-nav__panel__header {
    width: 100%;
    padding: 1rem var(--pad-m) 0.32rem;
    gap: var(--list-gap);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    flex-wrap: nowrap;
}

.dwc-header-inner-wrap {
    gap: var(--list-gap);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    flex-wrap: nowrap;
}


.dwc-nav__panel__inner {
    width: 100%;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    flex-wrap: nowrap;
    padding-inline: var(--pad-m);
}

.dwc-nav__panel__title-wrap {
    padding: var(--pad-s) 0px;
    width: 100%;
    box-shadow: 0 -6px 10px 15px var(--nav-bg);
    position: -webkit-sticky;
    position: sticky;
    top: -3px;
    background-color: var(--nav-bg);
    z-index: 1;
}

.dwc-nav__panel__title {
    color: var(--panel-title-color);
    font-size: var(--panel-title-size);
    font-weight: 600;
}

.dwc-sidebar__nav__ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding-left: 0;
    padding-block: var(--pad-m);
    gap: var(--list-gap);
    flex-grow: 1;
}

.dwc-sidebar__nav__panel:not(.dwc-sidebar__nav__panel--home) .dwc-sidebar__nav__ul{
    gap: var(--space-s);
}

.dwc-sidebar__nav__li {
    list-style: none;
    width: 100%;
    position: relative;
    border-radius: var(--link-border-radius)
}

.dwc-sidebar__nav .dwc-sidebar__nav__btn,
.dwc-sidebar__nav__link {
    width: 100%;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    padding: var(--link-pad-y) var(--link-pad-x);
    gap: var(--link-gap);
    color: var(--panel-link-color);
    text-align: left;
    line-height: 1.3;
    transition: all .3s ease;
    border-radius: var(--link-border-radius);
}

.dwc-sidebar__nav__link a span {
    transition: all .3s ease;
}

.dwc-nav__back-btn {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: var(--panel-back-size);
}

.dwc-nav__panel__header .dwc-nav__home-btn {
    width: auto;
    padding: calc(var(--pad-s) + 0.0625rem) 0 var(--pad-s) 0;
    margin: auto;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: var(--link-border-radius);
    position: relative;
}

.nav__home-btn__txt {
    position: absolute;
    clip: rect(0, 0, 0, 0); 
    font-size: 12px;
  }

.dwc-sidebar__nav__btn,
.dwc-sidebar__dropdown-toggle button {
    outline-width: 0;
    outline: none;
    cursor: pointer;
    background: var(--link-bg);
    border: none;
}
  
  /* mobile menu toggle button*/
    .dwc-nav-trigger {
        cursor: pointer;
        position: relative;
        min-width: 26px !important;
        min-height: 0 !important;
    }

    .dwc-nav-trigger::before {
        left: 0;
        right: 0;
        transform: translateY(-5px);
    }

    .dwc-nav-trigger::after {
        left: 10px;
        right: 0;
        transform: translateY(5px);
    }

    .dwc-nav-trigger::before,
    .dwc-nav-trigger:after {
        content: '';
        position: absolute;
        transition: 0.4s 0.3s;
        height: 3px;
        background: var(--action);
        top: 50%;
        border-radius: 50vw
    }
	.dwc-nav-trigger[aria-expanded="true"]::before,
	.dwc-nav-trigger[aria-expanded="true"]:after {
		background: var(--white);
	}

    .dwc-slide-nav-open .dwc-nav-trigger::before {
        transform: translateY(0) rotate(45deg);
    }

    .dwc-slide-nav-open .dwc-nav-trigger::after {
        transform: translateY(0) rotate(-45deg);
        left: 0;
    }



.dwc-sidebar__dropdown-toggle .dwc-nav__link__icon{
    transform: rotate(90deg);
    transition: 0.4s
}

.dwc-sidebar__dropdown-toggle [aria-expanded = "true"] .dwc-nav__link__icon{
    transform: rotate(270deg)
}

.dwc-sidebar__dropdown-content {
    overflow: hidden;
    transition: var(--sidebar-transition) cubic-bezier(0.22, 0.61, 0.36, 1);
    padding-inline: var(--link-pad-x);   
    padding-block: 0;
    background-color: var(--dropdown-content-bg)
  }

.dwc-sidebar__dropdown-content .dwc-sidebar__nav__ul{
   padding-block: calc(var(--link-pad-y) * 0.8);
}

.dwc-sidebar__dropdown-content .dwc-sidebar__nav__li{
  border: var(--dropdown-links-underline);
  }


 .dwc-sidebar__dropdown-toggle {
    width: 100%;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;    
    gap: var(--link-gap);
    text-align: left;
    line-height: 1.3;
    padding-left: var(--link-pad-x);
   position: relative;
   transition: var(--sidebar-link-transition);
}


.dwc-sidebar__dropdown ul .dwc-nav__link__text,
.dwc-sidebar__dropdown button {      
    transition: var(--sidebar-link-transition), outline 0s;
    border-radius: var(--link-border-radius);
    width: 100%;
}


.dwc-sidebar__dropdown button, .dwc-sidebar__dropdown-toggle .dwc-nav__link__text {   
 padding: var(--link-pad-y) 0;
}

 .dwc-sidebar__dropdown-content ul .dwc-nav__link__text{    
   padding:  var(--link-pad-y) var(--link-pad-x);
 }

 .dwc-sidebar__dropdown-content ul{
   padding-left: var(--dropdown-links-indent);   
 }

.dwc-sidebar__dropdown-toggle button{
  margin-left: auto;
  flex-grow: 1;
   padding-right: var(--link-pad-x);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.dwc-sidebar__nav__li {
    border-bottom: var(--link-underline);
}

.dwc-sidebar__nav__panel:not(.dwc-sidebar__nav__panel--home) .dwc-sidebar__nav__ul .dwc-sidebar__nav__li{
    border-bottom: unset;
}


.dwc-sidebar__nav__link:hover,
.dwc-nav__home-btn:hover,
button.dwc-sidebar__nav__btn:hover,
.dwc-sidebar__dropdown-toggle:hover {
    background: var(--link-hover-bg);   
}
.dwc-sidebar__nav__link:hover .dwc-nav__link__text{
    color: var(--link-hover-color);
}


.dwc-sidebar__dropdown-content a{
    background: var(--dropdown-links-bg);
   color: var(--dropdown-links-color)
}
.dwc-sidebar__dropdown-content a:hover{
    background: var(--dropdown-links-hover-bg);
  color: var(--dropdown-links-hover-color)
}

button:hover .dwc-nav__link__text,
.dwc-sidebar__dropdown-toggle:hover .dwc-nav__link__text,
button:hover .dwc-nav__back__text,
.dwc-sidebar__dropdown-toggle:hover .dwc-nav__link__text
{
    color: var(--link-hover-color) ;
}



.dwc-nav__link__text {
    /* color: var(--panel-link-color);
    font-size: var(--link-txt-size); */
}

.dwc-sidebar__nav__link::before {
    content: '';
    top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
    position: absolute;
}

button:hover .dwc-nav__link__icon,
li:hover .dwc-nav__link__icon {
    color: var(--link-icon-hover-color) !important;
}

.dwc-nav__link__icon:not(svg){
    font-size: var(--panel-icon-size) !important;
    color: var(--panel-icon-color)
}

svg.dwc-nav__link__icon{
    height: var(--panel-icon-size);
    width: var(--panel-icon-size);
    min-width: unset !important;
    min-height: unset !important;
}
svg.dwc-nav__link__icon.dwc-nav__link__icon--chevron-left{
    transform: rotateZ(-180deg);
}

.dwc-nav__link__icon--chevron-right {
    margin-left: auto;
}

.dwc-sidebar__nav__list-img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: top center;
    border-radius: var(--link-border-radius);
}

.dwc-sidebar__nav__panel-footer {
    width: 100%;
    padding-block: var(--pad-m);
    gap: var(--link-gap);
    z-index: 5;
    padding-inline: var(--pad-m);
    border-top: var(--horizontal-line);
}

.dwc-sidebar__nav__panel-footer:not([data-builder-mode] *) {
    box-shadow: 0 6px 24px 32px var(--nav-bg);
}

.dwc-social-wrapper a {
    color: var(--social-color);
}

.dwc-social-wrapper a:hover {
    color: var(--social-hover-color)
}

.dwc-social-wrapper li {
    background: var(--social-bg);
    border-radius: var(--link-border-radius);
}

.dwc-social-wrapper li:hover {
    background: var(--social-hover-bg);
   
}

.dwc-social-wrapper i {
    color: var(--social-icon-color);
    font-size: var(--social-icon-size);
}

.dwc-social-wrapper li:hover i {
    color: var(--social-icon-hover-color)
}

.dwc-social-wrapper svg {
    width: var(--social-icon-size);
    height: var(--social-icon-size);
}


.dwc-cta {
    justify-content: center;
    width: 100%;
}


/*FOCUS STYLES*/

.dwc-sidebar *:not(.dwc-sidebar .dwc-sidebar__nav__panel):focus-visible {
    outline: solid var(--focus-outline-width) var(--focus-outline-color) !important;
    outline-offset: var(--focus-outline-offset);
    transition: 0s;  
}

.dwc-sidebar .megamenu__heading:focus-within,
.dwc-sidebar li:not(.dwc-sidebar__dropdown):focus-within {
    outline: solid var(--focus-outline-width) var(--focus-outline-color) !important; 
}

.dwc-sidebar li:focus-within:has(:focus:not(:focus-visible)),
#brx-header .dwc-sidebar li a:not(.dwc-sidebar__dropdown-toggle *):focus-visible,
#brx-header .dwc-sidebar__nav__btn:not(.dwc-nav__back-btn):focus-visible,
.dwc-sidebar__nav__panel:focus,
.dwc-sidebar__nav__panel:focus-visible,
.dwc-sidebar *:focus:not(:focus-visible),
header:focus-visible  {
    outline: none !important;
}

/*FOCUS STYLES END*/


.dwc-slide-left {
    transform: translateX(-100%);
    z-index: 0;
}

.dwc-slide-right {
    transform: translateX(75%);
    z-index: 0;
    opacity: 0;
}

/* mobile menu toggle */
.dwc-nav-trigger {
    border: none;
    background: none;
    padding: var(--pad-m)
}

/*MEDIA QUERY - MOBILE*/
@media (max-width:1024px) {

    /*header and menu on mobile*/
    .brx-header-left #brx-header:not([data-builder-mode] *, .dwc-headroom.dwc-mobile *),
    .brx-header-right #brx-header:not([data-builder-mode] *) {
        position: relative;
        width: 100%;
        height: auto;
    }

    /*main and footer*/
    .brx-header-left #brx-content,
    .brx-header-left #brx-footer,
    .brx-header-right #brx-content,
    .brx-header-right #brx-footer {
        margin: 0 !important;
    }

    .dwc-sidebar__nav {
        background: var(--nav-bg);
        width: var(--sidebar-width);
        position: fixed;
        bottom: 0;
        left: 0;
        top: 0;
        transform: translateX(-100%);
        transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);
        height:100vh;
/*         overflow-y: scroll!important; */
    }

    .dwc-sidebar__nav__panel:not([data-builder-mode] *) {
        background: transparent;
    }

    .dwc-sidebar__nav__panel>div {
        background: var(--nav-bg);
    }

    .dwc-slide-nav-open .dwc-sidebar__nav:not(.dwc-push-content *) {
        transform: translateX(0);
    }

      .dwc-nav__link__text {
        font-weight: 500;
    }

    .dwc-sidebar__logo-wrapper {
        width: auto;
    }

    body.dwc-slide-nav-open {
        overflow: hidden;
        height: 100vh;
    }

    .dwc-mobile-menu-overlay {
        background: var(--overlay-bg);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        pointer-events: none;
        opacity: 0;
        transition: 0.4s 0.2s;
    }
    @media only screen and (max-width: 991px){
        .dwc-mobile-menu-overlay {
            margin-top: 0px !important;
        }
    }

    .dwc-slide-nav-open .dwc-mobile-menu-overlay {
        pointer-events: auto;
        opacity: 0.7;
        height:100vh;
    }
  
  /* RIGHT MENU ON MOBILE*/
  
  .brx-header-right .dwc-sidebar__nav{
    transform: translateX(100%);
   left: auto;
    right: 0;
}

.dwc-slide-nav-open.brx-header-right .dwc-sidebar__nav{
    transform: translateX(0%);
}

    /* inside Bricks start*/
    [data-builder-mode] .dwc-sidebar__nav {
        top: 120px;
        transform: translateX(0);
        border-top: dashed 1px gray;
        position: static;
        overflow: visible;
    }

    [data-builder-mode].brx-header-left #brx-header,
    [data-builder-mode].brx-header-right #brx-header {
        background: transparent;
    }

    /* inside Bricks end */
  
    
  
      
    /* headroom*/
.dwc-headroom .dwc-sidebar/*:not(.dwc-overlay-sidebar *, .dwc-topbar-enabled *)*/ {
	position: fixed;
	top:0;	
	left:0;
	right:0;
	transition: transform 1s ease;
	}
 
 
	.dwc-headroom.scroll-down .dwc-sidebar  {
		transform: translateY(-100%);
	}
  
}

  
  @media (max-height: 667px){



.dwc-sidebar__nav__panel:not(.ng-scope .dwc-sidebar__nav__panel) {
    overflow-y:scroll;
      min-height: 100vh;
  min-height: 100dvb;
}

.dwc-nav__panel__inner {
   overflow: hidden;
flex-shrink: 0;
}


}
  
  
/* MEDIA QUERY - MOBILE ENDS */
  
 
  
/*SCROLLBARS*/
.dwc-nav__panel__inner::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.dwc-nav__panel__inner::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}

.dwc-nav__panel__inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--nav-bg);
}

/* SCROLLBARS END */
  
  /* FADE IN OFFCANVS */

.dwc-offcanvas-header {
animation: dwc-header-fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
}

body:has(.dwc-offcanvas-header){
animation: dwc-header-fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
}

@keyframes dwc-header-fade-in {
0% {
    opacity: 0.01;
}

100% {

    opacity: 1;
}
}


/* INSIDE BRICKS */
[data-builder-mode] .dwc-sidebar__nav__panel,
[data-builder-mode].brx-header-left #brx-header,
[data-builder-mode].brx-header-right #brx-header {
    position: static !important;
    outline: gray dashed 3px;
    padding-bottom: 20px;
    min-height: min(100vh, 600px);
    height: unset;
}

  #brx-header.bricks-area{
        width: 100% !important;
    min-height: unset !important;
    padding-bottom: 0 !important;
  }
  
  .bricks-draggable-item.dwc-sidebar{
  position: relative
  }
  
  .bricks-draggable-item.dwc-sidebar__nav{
        position: absolute;
    top: 100%;
    flex-wrap: nowrap;
  }
  
  
[data-builder-mode] .dwc-slide-right {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

[data-builder-mode] .dwc-sidebar__nav {
    overflow: visible !important;
}

[data-builder-mode] .dwc-sidebar__nav__panel:hover {
    outline: yellow solid 3px;
    z-index: 100000
}

[data-builder-mode] .dwc-slide-right {
    opacity: 1;
    transform: translateX(0);
}

[data-builder-mode] button.dwc-sidebar__nav__btn,
[data-builder-mode] .dwc-sidebar__nav__link,
[data-builder-mode] .dwc-sidebar__nav__panel {
    position: relative;
}

[data-builder-mode] button.dwc-sidebar__nav__btn::after {
    content: 'To ' attr(data-title) ' panel';
    position: absolute;
    top: 80%;
    left: 40px;
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--label-color);
    letter-spacing: 1px;
}

[data-builder-mode] button.dwc-nav__back-btn::after {
    content: 'To ' attr(title);
  left: 32px;
}

[data-builder-mode] button.dwc-nav__home-btn::after {
    content: 'HOME';
    position: absolute;
    top: 80%;
    left: 48%;
    right: auto;
    transform: translateX(-50%);
    white-space: nowrap;
    opacity: 0.8;
    font-size: 8px;
    font-weight: bold;
    color: var(--label-color);
    letter-spacing: 1px;
}

[data-builder-mode] .dwc-sidebar__nav__panel::after {
    content: attr(data-title) ' Panel';
    position: absolute;
    top: 0;
    left: 100%;
    font-size: 18px;
    font-weight: bold;
    color: black;
    background: white;
    padding-inline: 2rem;
    letter-spacing: 1px;
    white-space: nowrap;
    writing-mode: vertical-lr;
}

div[aria-label="Slide four menu"].dwc-sidebar__nav__panel {
    height:100%!important;   
}