.elementor-widget-ts-nav-menu {width:100%;}
.ts-offcanvas-menu-wrap {
    top: -23px;
    position: relative;	
}
.ts-nav-menu-el {
	display:flex;
}
.ts-nav-menu-el .sm-mint {
background: transparent;
display: flex;
flex-wrap: wrap;
gap: 10px;
border-bottom: 0px solid #8db863 !important;
background: transparent;
}
@media(min-width:992px){

.ts-nav-menu-el .sm-mint li{
        position:relative;
}
.ts-nav-menu-el .sm-mint a.has-submenu {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
.ts-nav-menu-el  .sm-mint a, 
.ts-nav-menu-el .sm-mint a:hover, 
.ts-nav-menu-el .sm-mint a:focus, 
.ts-nav-menu-el .sm-mint a:active, 
.ts-nav-menu-el .sm-mint a.highlighted {
padding: 10px 20px;
color: #fff;
background:transparent;
border-radius: 4px 4px 0 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 2px;
overflow:hidden;
}	
/* HOVER ANIMATION */
.ts-pointer-underline .sm-mint > li > a::before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:currentColor;
    transform:scale3d(0,1,1);
    transform-origin:left center;
    transition:transform .3s ease;
}

.ts-pointer-underline .sm-mint > li > a:hover::before,
.ts-pointer-underline .sm-mint > li.current-menu-item > a::before,
.ts-pointer-underline .sm-mint > li.current-menu-parent > a::before{
    transform:scale3d(1,1,1);
}
.ts-pointer-overline .sm-mint > li > a::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2px;
    background:currentColor;

    transform:scale3d(0,1,1);
    transition:transform .3s ease;
}

.ts-pointer-overline .sm-mint > li > a:hover::before{
    transform:scale3d(1,1,1);
}
.ts-pointer-line-through .sm-mint > li > a::before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:2px;
    background:currentColor;

    transform:scaleX(0);
    transition:transform .3s ease;
}

.ts-pointer-line-through .sm-mint > li > a:hover::before{
    transform:scaleX(1);
}
.ts-pointer-dot .sm-mint > li > a::before{
    content:'';
    position:absolute;
    left:50%;
    bottom:-6px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:currentColor;

    transform:translateX(-50%) scale(0);
    transition:.3s;
}

.ts-pointer-dot .sm-mint > li > a:hover::before{
    transform:translateX(-50%) scale(1);
}
.ts-pointer-flip .sm-mint > li > a{
    transition:transform .3s ease;
}

.ts-pointer-flip .sm-mint > li > a:hover{
    transform:rotateX(360deg);
}
/* Unset Pointer  */
 .ts-nav-menu-el .sm-mint .sub-arrow
 {
border:none;
 }
.ts-arrow-angle .menu-item-has-children > a::after{
    content:"▼";
}

.ts-arrow-chevron .menu-item-has-children > a::after{
    content:"⌄";
}

.ts-arrow-plus .menu-item-has-children > a::after{
    content:"+";
} 
/* SUB ARROW */
.ts-nav-menu-el .sm-mint .sub-arrow{

    position:relative;
    top:unset;
    right:unset;
    transform:unset;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    background:none !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
	transition:transform .3s ease;
}

/* ICON */
.ts-nav-menu-el .sm-mint .sub-arrow::before{
display:none !important;
    content:"\f107";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    color:currentColor;

    transition:transform .3s ease;
}
.ts-nav-menu-el .sub-arrow{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
}

.ts-nav-menu-el .sub-arrow i{
    font-size:12px;
    line-height:1;
}
/* ACTIVE */

.ts-nav-menu-el .sm-mint li:last-child:hover > a .sub-arrow::before{
content:'\f128' !important;
    transform:rotate(45deg);
}
 /* Pointer  */
.ts-nav-menu-el.divider-yes .sub-menu > li{
    position:relative;
}

.ts-nav-menu-el.divider-yes .sub-menu > li:not(:last-child)::after{
    content:'';
    position:absolute;
    left:15px;
    right:15px;
    bottom:0;
    height:1px;
    background:var(--theme-color);
}
/* Highlight parent when submenu active/open */
.ts-nav-menu-el .sm-mint li:hover > a.has-submenu,
.ts-nav-menu-el .sm-mint li > a.highlighted,
.ts-nav-menu-el .sm-mint li.current-menu-parent > a,
.ts-nav-menu-el .sm-mint li.current-menu-ancestor > a{
    background: transparent;
}
    /* HIDE ALL */
    .ts-nav-menu-el .sm-mint li > ul{
        display:block !important;
		background:var(--white-color);
        opacity:0 !important;
        visibility:hidden !important;
        transform:translateY(15px);
        pointer-events:none;
        transition:
            opacity .35s ease,
            transform .35s ease,
            visibility .35s ease;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;	
    }

    /* ONLY DIRECT CHILD */
    .ts-nav-menu-el .sm-mint li:hover > ul{
        opacity:1 !important;
        visibility:visible !important;
        transform:translateY(0);
        pointer-events:auto;
		
    }
    /* NESTED SUBMENU */
    .ts-nav-menu-el .sm-mint ul ul{
        top:10px;
        left:100%;
        transform:translateX(15px);
        opacity:0 !important;
        visibility:hidden !important;
    }
	.ts-nav-menu-el .sm-mint li:last-child>ul{right: 0;}
		.ts-nav-menu-el .sm-mint li:last-child>ul ul{right: 100%;}
    .ts-nav-menu-el .sm-mint li:last-child ul ul{
        top:10px;
		left:auto;
        right:100%;
        transform:translateY(15px);
        opacity:0 !important;
        visibility:hidden !important;
    }
    .ts-nav-menu-el .sm-mint ul li:hover > ul{

        opacity:1 !important;
        visibility:visible !important;
        transform:translateY(0);
        pointer-events:auto;
    }
    .ts-nav-menu-el .sm-mint > li:last-child:hover> ul {
        right: 0;
    }
}



@media (min-width: 992px){
.ts-nav-menu-mobile-el {display:none;}	
}
/* OFFCANVAS */
.ts-offcanvas-toggle{
	
    width:40px;
    height:40px;
    border:none;
    background:var(--dark-color);
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
justify-content: center;
    flex-direction: column;
    gap:6px;
    cursor:pointer;
	margin-left: auto;
    margin-right: 10px;
	border-radius:50%;
	padding:0;
}
.ts-offcanvas-toggle svg path{fill:#fff;}

/* lines */
.ts-offcanvas-toggle .ts-b-line{
    width:28px;
    height:2px;
    background:#fff;
    display:block;

    transition:all .3s ease;
    transform-origin:center;
}

/* ACTIVE */
.ts-offcanvas-toggle.is-active .ts-b-line:nth-child(1){
    transform:translateY(9px) rotate(45deg);
}

.ts-offcanvas-toggle.is-active .ts-b-line:nth-child(2){
    opacity:0;
    transform:scaleX(0);
}

.ts-offcanvas-toggle.is-active .ts-b-line:nth-child(3){
    transform:translateY(-9px) rotate(-45deg);
}

/* MOBILE */
@media(max-width:767px){
    .sm-mint ul {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .ts-offcanvas-toggle .ts-b-line{
        width:24px;
    }

    .ts-offcanvas-toggle.is-active .ts-b-line:nth-child(1){
        transform:translateY(8px) rotate(45deg);
    }

    .ts-offcanvas-toggle.is-active .ts-b-line:nth-child(3){
        transform:translateY(-8px) rotate(-45deg);
    }

}
.ts-of-hidden-s
{overflow:hidden !important;
overflow-y:hidden !important;
    height:100vh;
}
.ts-offcanvas-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:998;
}

.ts-offcanvas-overlay.active{
    opacity:1;
    visibility:visible;
}

.ts-offcanvas-menu{
    position:fixed;
    top:0;
    left:-320px;
    width:320px;
    height:100vh;
    background:#fff;
z-index:999999;
    transition:left .4s ease;
    padding:30px 20px;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    display:flex;
    flex-direction:column;
}

.ts-offcanvas-menu.active{
    left:0;
}

.ts-offcanvas-close{
    border:none;
    background:none;
    font-size:32px;
    margin-bottom:20px;
    cursor:pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    border-radius: 50%;
}
.ts-offcanvas-close svg
{
width:40%;
height:auto;	
}

.ts-offcanvas-nav,
.ts-offcanvas-nav ul{
    list-style:none;
    padding:0;
    margin:0;
	
}
.ts-offcanvas-nav li{
    position:relative;
}
.ts-offcanvas-nav li a{
    display:block;
    padding:14px 0;
    border-bottom:1px solid #eee;
    color:#111;
}

.ts-offcanvas-nav .sub-menu{
    display:none;
    padding-left:15px;
}

.ts-dropdown-btn{
    position:absolute;
    right:0;
    top:12px;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    cursor:pointer;
    font-size:20px;
}

.ts-dropdown-btn.active{
    transform:rotate(45deg);
}

@media(min-width:1025px){

    .ts-offcanvas-menu-wrap{
        display:none;
    }

}

@media(max-width:1024px){

    .ts-nav-menu-el{
        display:none;
    }

}