/* .rellax-wrapper {
	height: 400px;
	overflow: scroll;
} */

#staking-system {
	position: relative;
	overflow: hidden;
}

.cube1,
.cube2,
.cube3,
.cube4,
.cube5,
.book1,
.book2 {
	position: absolute;
}

.book1 {
	left: 10%;
	top: 30%;
	width: 253px;
	height: 220px;
}

.book2 {
	right: 10%;
	top: 25%;
	width: 186px;
	height: 264px;
}

.cube1 {
	right: 0;
	top: 50%;
	width: 126px;
	height: 184px;
}

.cube2 {
	left: 0;
	bottom: -10%;
	width: 310px;
	height: 300px;
}

.cube3 {
	left: 10%;
	top: 10%;
	width: 154px;
	height: 122px;
}

.cube4 {
	bottom: -10%;
	right: 40%;
	width: 240px;
	height: 265px;
}

.cube5 {
	right: 10%;
	top: 10%;
	width: 75px;
	height: 68px;
}@media (max-width: 1450px) {.py-5 .text-white.underline.spaced {  width: 70%;  text-align: margin-l;  margin-left: auto;  margin-right: auto;}}

@media (max-width: 1200px) {
	.cube1,
	.cube2,
	.cube3,
	.cube4,
	.cube5,
	.book1,
	.book2 {
		display: none;
	}		.py-5 .text-white.underline.spaced {  width: 100%;  text-align: margin-l;  margin-left: auto;  margin-right: auto;}
}

.bg-cubes {
	background: transparent url("../images/cubes-blur.png") no-repeat center;
	background-size: cover;
}

.navbar-wrapper {  position: fixed;  z-index: 100;  width: 100%;  background: black;}

.navbar-wrapper.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0 0 1px #00ee4a; /* Add a box shadow if desired */
	transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	background-color: black;
}

/* Add your additional styling for the navbar elements here */
@keyframes slideIn {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}/* footer updates */.img-fluid.mb-3.footer-logo {	float: right;}.copyright {  font-size: 1.3rem;  color: #a09c9c;  line-height: 2.1;}#flags {	width: 52px !important;	margin-top: 16px;	margin-left: 30px;}.offcanvas-body #flags {	width: 52px !important;	margin-top: 15px;	margin-left: auto;	margin-right: auto}@media (max-width:990px) {		.img-fluid.mb-3.footer-logo {		float: none;		text-align: center;		margin-left: auto;		margin-right: auto;		display: block;	}		.copyright {		text-align: center;	}}

section {
  scroll-margin-top: 80px !important;
  scroll-snap-margin-top: 80px !important;
}