.bullet-one-page-scroll-navigation{
	.nav-link{
		width: 8px;
		height: 8px;
		overflow: unset;
		position: relative;
		opacity: 0.7;
		border: 0;
		&:before{
			content: '';
			width: 26px;
			height: 26px;
			display: block;
			left: -9px;
			top: -9px;
			position: absolute;
			@include transition(all 0.3s linear);
			@include border-radius(50%);
			opacity: 0;
			@include transform(scale(0.6));
		}
		&:hover,
		&.active,
		&.active:before,
		&:hover:before{
			opacity: 1;
		}
		&.active:before,
		&:hover:before{
			@include transform(scale(1));
		}
		&:nth-child(n+2) {
			margin-top: 20px;
		}
	}
	&.alignment-right{
		right: 50px;
	}
	&.alignment-left{
		left: 50px;
	}
}

.g5element-nav{
	.nav-link{
		background-color: var(--g5element-nav-color);
		&:before{
			border: 1px solid var(--g5element-nav-color);
		}
	}
}