.megamenu {
	width: 90%;
    margin: 0 auto;
	display: none;
}
@media (max-width: 1280px) {
	.megamenu {
		width: 100%;
	}
}
@media (min-width: 1281px) {
	.accessible-megamenu {
		box-sizing: border-box;
		list-style: none;
		margin: 10px 0 0px 0;
		padding: 0;
		display: flex;
	}

	.accessible-megamenu h2,
	.accessible-megamenu h3,
	.accessible-megamenu h4 {
		font-size: 1em;
		display: inline;
		margin: 0;
		padding: 0;
		line-height: inherit;
	}

	.accessible-megamenu .accessible-megamenu-top-nav-item {

		flex: 1 0 auto;
		box-sizing: border-box;
		list-style: none;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: center;
	}
	.accessible-megamenu .accessible-megamenu-top-nav-item:nth-child(6) {
		border-right: none;
	}

	.goback-icon {
		display: none;
		margin-top: -5px;
	}

	.accessible-megamenu :focus {
		outline:  2px solid rgba(34, 95, 215, 0.3);
		-moz-outline-radius: 3px;
	}

	.accessible-megamenu .investtopnav a,
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup] {
		position: relative;
		display: inline-block;
		font-size: .9rem;
		font-weight: 600;
		color: #1e1e1e !important;
		text-decoration: none;
		z-index: inherit;
		padding: 4px 0px 2px;
		border-bottom: 2px solid transparent;
	}

	.accessible-megamenu .investtopnav a:hover,
	.accessible-megamenu .investtopnav a:focus {
		color: #1d1d1d !important;
		outline-offset: -1px;
	}
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:hover, 
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:focus {
		color: #1d1d1d !important;
		outline-offset: -1px;
	}

	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:hover, 
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:focus,
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open {
		position: relative;
		margin-left: 0;
		z-index: 1002;
	}
	.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-haspopup].open {

	}


	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open:before {
		position: absolute;
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		top: calc(100% - 1px);
		left: calc(50% - 30px);
		border-style: solid;
		border-width: 0 5px 30px 28px;
		border-color: transparent transparent var(--green800) transparent;
	}
	.shrink .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open:before {
		top: calc(100% - 4px);
	}
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open:after {
		position: absolute;
		content: '';
		
		display: inline-block;
		width: 0;
		height: 0;
		top: calc(100% + 4px);
		left: calc(50% - 29px);
		border-style: solid;
		border-width: 0 5px 28px 25px; 
		border-color: transparent transparent var(--tan100) transparent;
	}
	.shrink .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open:after {
		top: calc(100% + 2px);
	}


	#checking-menu {
		--p: 25%;
	}
	#saving-menu {
		--p: 35%;
	}
	#lending-menu {
		--p: 44%;
	}
	#resources-menu {
		--p: 54.5%;
	}
	#community-menu {
		--p: 66%;
	}
	/*
	.sub-navigation:before {
		position: absolute;
		content: '';
		bottom: -0px;
		left: 50%;
		width: 40px;
	  height: 0px;
	  --b: 1em;
	  --h: 2.25em;
	  --p: 50%;
	  border-image: fill 0//var(--h) conic-gradient(var(--c,#0000e7) 0 0);
	  clip-path: polygon( 0 0, calc(var(--p) - var(--b)/2 - 0.75em) 0, var(--p) calc(0% - var(--h)), calc(var(--p) + var(--b)/2 + 0.05em) 0, 100% 0, 100% 100%, 0 100% );
	}
	*/

	.accessible-megamenu .accessible-megamenu-panel {
		position: absolute;
		display: block;
		width: 100%;
		height: 0px;
		left: 0px;
		right: 0px;
		color: #454545; 
		margin: 0;
		line-height: normal;
		
		cursor: default;
		-webkit-box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 0px 0px 0 #fff;
		   -moz-box-shadow: 0 4px 6px -2px -moz-rgba(0,0,0,.5), inset 0px 0px 0 #fff;
				box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 0px 0px 0 #fff;
		
		visibility: hidden;
		top: -9999em;
		max-height: 0px;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: opacity 250ms ease 250ms, max-height 300ms ease, visibility 0s linear 200ms, top 100ms linear 0ms;
		   -moz-transition: opacity 250ms ease 250ms, max-height 300ms ease, visibility 0s linear 200ms, top 100ms linear 0ms;
			-ms-transition: opacity 250ms ease 250ms, max-height 300ms ease, visibility 0s linear 200ms, top 100ms linear 0ms;
			 -o-transition: opacity 250ms ease 250ms, max-height 300ms ease, visibility 0s linear 200ms, top 100ms linear 0ms;
				transition: opacity 250ms ease 250ms, max-height 300ms ease, visibility 0s linear 200ms, top 100ms linear 0ms;
	}

	.accessible-megamenu .accessible-megamenu-panel.open {
		visibility: visible;
	   /* top: 163px; */
		left: 0px;
		right: 0px;
		width: 100%;
		height: 350px;
		min-height: 350px;
		
		background-color: var(--tan100);
		background-image: url(../images/general/home/trees-menu-footer.png);
		background-position: calc(100% - 20px) calc(100% + 10px);
		background-repeat: no-repeat;
		background-size: 200px;
		border-bottom: 10px solid #e5e8bb;
		
		opacity: 1;
		z-index: 1001;
		-webkit-transition: opacity 250ms ease-out, max-height 500ms ease-out, visibility 0s ease-out 0s, top 100s ease-out 0s;
		   -moz-transition: opacity 250ms ease-out, max-height 500ms ease-out, visibility 0s ease-out 0s, top 100s ease-out 0s;
			-ms-transition: opacity 250ms ease-out, max-height 500ms ease-out, visibility 0s ease-out 0s, top 100s ease-out 0s;
			 -o-transition: opacity 250ms ease-out, max-height 500ms ease-out, visibility 0s ease-out 0s, top 100s ease-out 0s;
				transition: opacity 250ms ease-out, max-height 500ms ease-out, visibility 0s ease-out 0s, top 100s ease-out 0s;
	}

	.accessible-megamenu .accessible-megamenu-panel a {
		display: inline-block;
		line-height: 1.2em;
		text-decoration: none;
		color: #474747;
		font-weight: 400;
		text-decoration: none;
		margin-bottom: 0.75em;
	}
	.accessible-megamenu .accessible-megamenu-panel #menu-item-16157 a.nav-link,
	.accessible-megamenu .accessible-megamenu-panel a.nav-expand-link {
		font-weight: 600;
		display: block;
	}
	.accessible-megamenu .accessible-megamenu-panel a.nav-expand-link .expand {
		display: none;
	}
	.accessible-megamenu .accessible-megamenu-panel .menu_cta a {
		color: #c82b3e;
		transition: opacity 0.3s ease;
	}

	.accessible-megamenu .accessible-megamenu-panel a:hover,
	.accessible-megamenu .accessible-megamenu-panel a:focus {
		font-weight: bold;
		text-decoration: underline;
	}

	.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a:hover,
	.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a:focus {
		color: #333;
	}

	.accessible-megamenu .accessible-megamenu-panel hr {
		border-width: 1px 0px;
		border-style: solid;
		border-top-color: rgba(0,0,0, 0.3);
		border-bottom-color: #fff;
	}
}

	/* SUBMENU */
	.navbar-submenu {
		display: flex;
		justify-content: center;
		margin: 2rem 0 0 0;
	}

	.navbar-submenu-parent {
		display: flex;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		max-width: 1200px;
		justify-content: space-between;
		font-size: 1.1em;
	}
	#menu-resources {
		max-width: 900px;
	}
	.nav-expand-content {
		list-style:none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.nav-expand-content .has-subnav {
		position: relative;
	}
	.navbar-submenu-parent .nav-expand-content .nav-expand-content {
		display: none;
	}

	.navbar-submenu-parent .nav-expand-content .nav-expand-content {
		
	}
	.nav-expand-content .has-subnav:hover a.nav-expand-link + .nav-expand-content {
		position: absolute;
		display: block;
		top: 0px;
		margin-left: calc(100% - 20px);
		background: var(--tan100);
		padding: 10px 20px 10px 20px;
		border: 1px solid var(--tan400);
		width: 250px;
	}

	.nav-item {
		position: relative;
		flex: 1;
		text-align: left;
	}
	.navbar-submenu-parent > .nav-item.dropdown a {
		position: relative;
	}
	.navbar-submenu-parent > .nav-item.dropdown > a:after {
		background-color: var(--green200);
		position: relative;
		content: '';
		padding: 0 0.50em 0.15em;
		margin: 0 0.15rem;
		-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M336 416c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16s-16 7.2-16 16V361.4L59.3 100.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L297.4 384H112c-8.8 0-16 7.2-16 16s7.2 16 16 16H336z' /%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M336 416c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16s-16 7.2-16 16V361.4L59.3 100.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L297.4 384H112c-8.8 0-16 7.2-16 16s7.2 16 16 16H336z' /%3E%3C/svg%3E");
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		clip-path: padding-box inset(0.29125em 0);
	}
	.navbar-submenu-parent > .nav-item.dropdown > .nav-link {
		display: block;
		color: var(--gray800);
		text-decoration: none;
		transition: all 0.3s ease;
		font-weight: bold;
	}

	.nav-link:hover,
	.nav-link:focus {
		font-weight: bold;
	}

	.navigation-item {
		padding: 0 0 0 0;
	}

	.dropdown-menu {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		z-index: 1000;
		margin: 0.125rem 0 0;
		color: #333;
		text-align: left;
		list-style: none;
		opacity: 0;
		visibility: hidden; /* Ensure it's not clickable when hidden */
		transform: translateY(-10px);
		transition: all 0.3s ease;
	}

	.nav-item.dropdown > .dropdown-menu,
	.nav-item.dropdown > .dropdown-menu {
		
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.dropdown-menu .nav-item {
		width: 100%;
		/* hide at first */
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity 0.3s ease, transform 0.3s ease;
	}
	/* Animate in all sub links */
	.nav-item.dropdown > .dropdown-menu .nav-item {
	  opacity: 1;
	  transform: translateY(0);
	}
	.dropdown-menu > li:nth-child(1) {
	  transition-delay: 0.1s;
	}
	.dropdown-menu > li:nth-child(2) {
	  transition-delay: 0.2s;
	}
	.dropdown-menu > li:nth-child(3) {
	  transition-delay: 0.3s;
	}
	.dropdown-menu > li:nth-child(4) {
	  transition-delay: 0.4s;
	}
	.dropdown-menu > li:nth-child(5) {
	  transition-delay: 0.5s;
	}
	.dropdown-menu > li:nth-child(6) {
	  transition-delay: 0.6s;
	}
	.dropdown-menu > li:nth-child(7) {
	  transition-delay: 0.7s;
	}
	.dropdown-menu > li:nth-child(8) {
	  transition-delay: 0.8s;
	}
	.dropdown-menu > li:nth-child(9) {
	  transition-delay: 0.9s;
	}
	.dropdown-menu > li:nth-child(10) {
	  transition-delay: 1s;
	}
	.dropdown-menu > li:nth-child(11) {
	  transition-delay: 1.1s;
	}
	.dropdown-menu > li:nth-child(12) {
	  transition-delay: 1.2s;
	}
	/* ACCOUNT FOR TALL LISTS */
	.nav-item.dropdown:hover > .dropdown-menu.two-columns,
	.nav-item.dropdown:focus-within > .dropdown-menu.two-columns {
		display: flex;
		flex-wrap: wrap;
	}

	.nav-item.dropdown:hover > .dropdown-menu.two-columns li,
	.nav-item.dropdown:focus-within > .dropdown-menu.two-columns li {
		flex: 1 0 50%;
		padding-right: 10px;
	}

	.dropdown-menu .nav-link {
		transition: all 0.3s ease;
	}

	.dropdown-menu .nav-link:hover,
	.dropdown-menu .nav-link:focus {
		font-weight: bold;
	}