.sm, .sm ul, .sm li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	direction: ltr;
	text-align: left;
}
.sm ul {
	display: none;
}
.sm li, .sm a {
	position: relative;
}
.sm:after {
	content: '';
	display: block;
	height: 0;
	font: 0px/0 serif;
	clear: both;
	overflow: hidden;
}
.sm *, .sm *:before, .sm *:after {
	box-sizing: inherit;
}
.sm a {
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: .5rem 1rem;
	text-transform: none;
	line-height: 1.2;
    font-size: 1rem;
	text-decoration: none;
	transition: 0.15s all ease;
}
.sm a.has-submenu {
	padding-right: 26px;
}
.sm a .sub-arrow {
	position: absolute;
	top: calc(50% - 3px);
	right: 8px;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.sm a.highlighted .sub-arrow {
	transform: rotate(180deg);
}
.sm ul a  {
	font-weight: 400;
    border-left: 8px solid transparent;
}
.sm ul ul a  {
	border-left: 16px solid transparent;
}
.sm ul ul ul a {
	border-left: 24px solid transparent;
}
.sm ul ul ul ul a {
	border-left: 32px solid transparent;
}
.sm ul ul ul ul ul a {
	border-left: 40px solid transparent;
}

.sm-navbar a {
    color: inherit;
}
.sm.sm-navbar > li > a {
    
}
.sm-navbar a:hover, .sm a:focus, .sm a:active, .sm li > a.highlighted, .sm li.menu-active > a, .sm li.menu-active.last-menu-active > a {
    color: var(--bs-secondary);
}
.sm li.menu-active > a, .sm-navbar li.menu-active.last-menu-active > a {
    color: var(--bs-secondary);
}

.sm-vertical > li:not(:last-child) {
    border-bottom: 1px solid var(--bs-border-color);
}
.sm-vertical a {
    
}
.sm-vertical a:hover, .sm-vertical a:focus, .sm-vertical a:active, .sm-vertical li > a.highlighted, .sm-vertical li.menu-active > a, .sm-vertical li.menu-active.last-menu-active > a {
    color: var(--bs-secondary);
}
.sm-vertical li.menu-active > a, .sm-vertical li.menu-active.last-menu-active > a {
    font-weight: 600;
}
.sm-vertical li > ul {
    padding-bottom: .75rem;
}
.sm-vertical li.menu-active > ul {
	display: block;
}
.sm-vertical li ul a {
	padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 2rem;
}
.sm-vertical li li.last-menu-active a:before {
    content: '\f101';
    position: absolute;
    margin-top: .15rem;
    margin-left: -1.15rem;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-size: 12px;
}

@media (min-width: 992px) {
	.sm.sm-navbar {
		position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
	}
	.sm.sm-navbar ul {
		position: absolute;
        z-index: 10;
		width: 12em;
        background-color: var(--bs-white);
        box-shadow: 0 .5rem 1rem rgb(0 0 0 / 20%);
	}
	.sm.sm-navbar a {
		white-space: nowrap;
        border-left: none;
        font-size: 1.0625rem;
	}
	.sm.sm-navbar ul a {
		white-space: normal;
	}
    .sm.sm-navbar > li > a {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .sm.sm-navbar > li > a:hover, .sm.sm-navbar > li > a:focus, .sm.sm-navbar > li > a:active, .sm.sm-navbar > li > a.highlighted, .sm.sm-navbar > li.menu-active > a, .sm.sm-navbar > li.menu-active.last-menu-active > a {
        background-color: transparent;
    }
    .sm.sm-navbar > li > ul {
		top: 100%!important;
	}
	.sm.sm-navbar .sm-nowrap > li > a, .sm.sm-navbar .sm-nowrap > li > :not(ul) a {
		white-space: nowrap;
	}
}