/*Mobile menu content*/
.mobile-menu-content{
    transition: 500ms;
    position: fixed;
    left: -100%;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    top: 0px;
}
.menu-items{
    padding: 80px 16px 0px 16px; 
}
.mobile-menu-content.active{
    left:0%;
}

.mobile-menu-wrap.dir-right .mobile-menu-content{
    left: unset;
    right: -100%;
}

.mobile-menu-wrap.dir-right .mobile-menu-content.active{
    left: unset;
    right: 0%;
}

.mobile-menu-wrap .menu-logo img{
    height: 50px;
    width: 100%;
}
.mobile-menu-content > div{
    z-index: 2;
}
.mobile-menu-content .menu-footer{
    padding: 24px 16px 32px 16px;
}
.mobile-menu-content .menu-header{
    padding: 24px 16px 0px 16px;
}
.mobile-menu-content .menu-item a{
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
}
.elementor-widget-cws_suite_mobilemenu{
    z-index: 999;
}
.mobile-menu-content .menu-level-2 .single-menu-item a,
.mobile-menu-content .menu-level-3 .single-menu-item a,
.mobile-menu-content .menu-level-4 .single-menu-item a{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
}
.mobile-menu-content .menu-level-2 .special-submenu.single-menu-item a,
.mobile-menu-content .menu-level-3 .special-submenu.single-menu-item a,
.mobile-menu-content .menu-level-4 .special-submenu.single-menu-item a{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #98A4AF;
}
.mobile-menu-content .menu-item svg{
    width: 24px;
    height: 24px;
    vertical-align: top;
    margin-left: 8px;
}
.mobile-menu-content .menu-item .submenu-icon svg{
    margin-left: 32px;
    margin-right: 12px;
    width: 16px;
}

.mobile-menu-content .special-submenu{
    margin-top: -44px !important;
}
.mobile-menu-content .menu-group .special-submenu:nth-child(2) {
    margin-top: -36px !important;
}
.mobile-menu-content .menu-group .single-menu-item.menu-item:nth-child(2) {
    margin-top: 0px !important;
}
.mobile-menu-content .menu-level-2 .menu-group .single-menu-item,
.mobile-menu-content .menu-level-3 .menu-group .single-menu-item,
.mobile-menu-content .menu-level-4 .menu-group .single-menu-item{
    margin-top: -22px;
}
.menu-group{
    gap:54px;
}
.single-menu-level {
    width: 100%;
}
.single-menu-level,
.single-menu-level:focus,
.single-menu-level a,
.single-menu-level a:focus{
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent;
}
.single-menu-level div.single-menu-item{
    opacity: 0;
}
.single-menu-level .menu-group.inactive > div.single-menu-item{
    opacity: 0;
    transition: 300ms linear !important;
    visibility: hidden;
}

.single-menu-level .menu-group.active > div.single-menu-item{
    opacity: 1;
    transition: 300ms linear !important;
    visibility: visible;
}

.single-menu-level.menu-level-2 .back-menu-item{
    padding-left: 32px;
}

.single-menu-level.menu-level-2 .back-menu-item svg{
    margin:0;
}

.single-menu-level.menu-level-2.inactive .back-menu-item a{
    opacity: 0;
    transition: 500ms;
}

.single-menu-level.menu-level-2.active .back-menu-item a{
    opacity: 1;
    transition: 500ms;
}

.single-menu-level.menu-level-2.inactive .back-menu-item svg{
    left: calc(100% - 56px);
    opacity: 0;
    transition: left 500ms ease 0ms, opacity 0ms ease 0ms, transform 500ms ease 750ms;
    position: absolute;
    transform: rotate(180deg);
    margin:0 !important;
}

.single-menu-level.menu-level-2 .back-menu-item svg{
    transform: rotate(0deg);
    margin:0 !important;
}

.single-menu-level.menu-level-2.active .back-menu-item svg{
    left: 0px;
    opacity: 1;
    position: absolute;
    transition: left 500ms ease 0ms, opacity 0ms ease 500ms, transform 500ms ease 0ms;
    transform: rotate(0deg);
}
.single-menu-level.menu-level-1{
    display: flex;
}
.single-menu-level.menu-level-1 .menu-group div:first-child{
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
}
.single-menu-level.menu-level-1.active .parent-menu-clicked.menu-group div:first-child a{
    opacity: 1;
    transition: opacity 0ms ease 500ms !important;
}
.animate-lvl-1 .single-menu-level.menu-level-1.active .menu-group div:first-child a{
    opacity: 1;
    transition: opacity 0ms ease 500ms !important;
}
.single-menu-level.menu-level-1.inactive .menu-group div:first-child svg{
    opacity: 1;
    left: 0;
    position: absolute;
    transition: 500ms;
    transform: rotate(180deg);
    margin: 0 !important;
}

.animate-lvl-1 .single-menu-level.menu-level-2.inactive div:first-child .back-menu-item.menu-item a{
    transition: opacity 500ms ease 0ms;
}
.single-menu-level.menu-level-1.active .menu-group div:first-child svg{
    opacity: 1;
    left: 100%;
    position: absolute;
    transition: 500ms;
    transform: rotate(0deg);
    margin: 0 !important;
}
.single-menu-level.menu-level-1.inactive .menu-group div:first-child a{
    opacity: 0;
    transition: opacity 0ms ease 50ms !important;
}
.single-menu-level.menu-level-2{
    position: absolute;
}
.single-menu-level.menu-level-2.inactive .back-menu-item.menu-item a,
.single-menu-level.menu-level-3.inactive .back-menu-item.menu-item a,
.single-menu-level.menu-level-4.inactive .back-menu-item.menu-item a{
    opacity: 0;
    transition: opacity 500ms ease 0ms;
}

.animate-first-slide-f .single-menu-level.menu-level-2 div:first-child .back-menu-item.menu-item a{
    transition: opacity 0ms ease-in 0ms;
}
.animate-first-slide-b .single-menu-level.menu-level-1 .menu-group div:first-child a{
    opacity: 1;
    transition: opacity 0ms ease 550ms;
}
.single-menu-level.menu-level-1.inactive .menu-group div:first-child a{
    opacity: 0;
}
.animate-first-slide-b .single-menu-level.menu-level-2 div:first-child .back-menu-item.menu-item a{
    transition: opacity 0ms ease 600ms;
}
.animate-first-slide-fade .single-menu-level.menu-level-2 div:first-child .back-menu-item.menu-item{
    margin-left: 32px;
    transition: margin-left 0ms ease 0ms, opacity 500ms ease 0ms;
}

.incubis-post-thumbnail:hover img {
    filter: brightness(1.15);
    transition: 250ms;
}

.menu-item.menu-item-clicked{
    transform: translateX(8px); 
}