@import url('variables.css');
.top-section {
	height: 100dvh;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 100px 20px 20px;
	overflow: visible;
	background: url('../images/header-bg.png') no-repeat center center/cover;
	z-index: 1;
}
.ellipse {
	transition: transform 2s linear;
	position: absolute;
	z-index: 0;
}
#ellipse1 {
    top: -60%;
    left: -32%;
}
#ellipse2 {
    top: 30%;
    right: -34%;
}
#ellipse3 {
	bottom: -20%;
    left: -24%;
    z-index: 1;
}
#ellipse4 {
    top: -100%;
    left: 25%;
    z-index: 2;
}
#ellipse5 {
    top: -87%;
    left: 0%;
    z-index: -1;
}
#ellipse6 {
    top: 15%;
    left: 72%;
    z-index: -1;
}
#ellipse7 {
    top: 50%;
    left: 43%;
    z-index: -1;
}
#ellipse8 {
    top: 71%;
    right: 5%;
    z-index: -1;
}
#ellipse9 {
    right: -2%;
    top: 50%;
}
#ellipse10 {
    left: -2%;
    top: 52%;
}
#ellipse11 {
    top: -10%;
    left: -39%;
}
#ellipse12 {
    top: 54%;
    right: -37%;
}
#ellipse13 {
    top: -5%;
    right: -46%;
}
#ellipse14,
#ellipse16 {
    top: -36%;
    left: -8%;
}
#ellipse15 {
    bottom: -33%;
    left: -34%;
}
#ellipse18 {
    max-width: 400px;
    right: 0;
	opacity: 0.4;
}
#ellipse19 {
    z-index: -1;
    right: -50%;
}
#ellipse20 {
    top: 28%;
    right: -40%;
}
#disk1,
#disk2 {
    top: 15%;
    left: -5%;
	position: absolute;
	z-index: -1;
	width: 152px;
	height: 152px;
    background-color: rgb(255 255 255 / 42%);
    border: 1px solid #ACACAC;
	border-radius: 50%;
}
#disk2 {
	width: 245px;
	height: 245px;
	top: 59%;
    right: -7%;
    left: unset;
}
#disk1::before,
#disk2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    z-index: 1;
	border-radius: 50%;
}
.top-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    opacity: 0.89;
    z-index: -1;
    background: #000000ab;
}
.top-section span {
	font-family: 'General Sans Semibold', sans-serif;
	font-size: var(--fs-hero);
	margin-bottom: 20px;
	font-weight: 700;
	line-height: 1.4em;
	max-width: 1200px;
}
.top-section p {
	font-size: var(--fs-subtitle);
	max-width: 1090px;
	margin-bottom: 40px;
	font-weight: 400;
	line-height: 1.7em;
	margin: 0 0 3.6em;
	text-align: center;
}
.feature-item:hover {
	transform: translate(0, -10px);
	transition: transform 0.2s ease-in-out;
}
.top-section a.secondary-link {
	color: var(--secondary-color);
	margin-top: 10px;
	text-decoration: underline;
	font-family: 'General Sans Bold', sans-serif;
	font-size: var(--fs-sm);
}
.top-section-box {
	position: relative;
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 1;
}
.features-sec {
    display: flex;
    justify-content: center;
	align-content: center;
    align-items: center;
    margin: auto;
    gap: 20px;
    position: relative;
    background-color: #17343F;
    z-index: 0;
	padding: 200px 0;
	overflow: visible;
}
.features-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #070E10, #17343F);
    opacity: 1;
    z-index: 1;
}
.wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: var(--max-width);
	padding: 20px 40px;
	z-index: 3;
}
.features-col {
	width: 50%;
    z-index: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
	gap: 25px;
}
.features-col span {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
	margin: 0;
    padding: 0;
}
.features-col span .green {
	color: var(--secondary-color);
}
.features-col p {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
    font-weight: 400;
	color: var(--gray-color);
	padding: 0;
    margin: 0;
}
.features {
	display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
    gap: 20px;
}
.feature-item span {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm);
    line-height: 1.1em;
    font-weight: 400;
    color: var(--white-color);
}
.feature-item {
    width: 100%;
    padding: 2em 1.6em 2.2em;
    backdrop-filter: blur(10px);
    border-radius: 19px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    background-color: rgb(172 172 172 / 20%);
    border: 1px solid #767676;
    gap: 20px;
    max-width: 550px;
    min-height: 126px;
    padding: 24px 40px;
    font-family: 'Suisse Intl Medium', sans-serif;
    font-size: var(--fs-sm);
    line-height: 1.1em;
    color: var(--white-color);
	cursor: pointer;
}
.features-sec .wrapper {
    gap: 40px;
}
.features-col .f-700 {
	width: 100%;
    max-width: 700px;
    gap: 40px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
	margin: 30px 0 30px;
}
.feature-item img {
	width: 45px;
	height: 45px;
}
.knowledge-section {
	background: var(--white-color);
	gap: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	padding: 200px 0;
}
.knowledge-section .wrapper,
.with-riseq-section .wrapper {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: var(--max-width);
    padding: 20px 40px;
	gap: 70px;
}
.knowledge-title {
	font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
    margin: 0;
    padding: 0;
	color: #17343F;
	max-width: 1100px;
	text-align: center;
	margin: 0 0 1.2em;
}
.knowledge-columns {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin: 0 0 3em;
	position: relative;
}
.knowledge-column {
	width: 50%;
	background-color: rgba(255, 255, 255, 0.13);
	border-radius: 15px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	text-align: left;
	border: 1px solid #76FF8D;
    min-height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 720px;
	padding: 60px 40px 10px;
	cursor: pointer;
	position: relative;
}
.knowledge-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1;
    border-radius: 15px;
}
.knowledge-column:hover {
	box-shadow: inset 0 0 60px var(--white-color), inset 5px 0 5px #8dffb1, inset -5px 0 10px var(--secondary-color), inset 5px 0 20px var(--white-color), inset -5px 0 20px var(--white-color), 0 0 10px var(--white-color), -10px 0 50px #72f89e, 10px 0 20px #72f89e;
}
.knowledge-column img {
	z-index: 1;
}
.knowledge-column .text {
	width: fit-content;
	z-index: 1;
}
.knowledge-column span {
	font-size: var(--fs-lg-subtitle);
	font-weight: bold;
	margin-bottom: 10px;
	color: #17343F;
}
.knowledge-column p {
	font-family: 'General Sans', sans-serif;
    line-height: 1.2em !important;
    font-weight: 400;
	font-size: var(--fs-sm-md);
	line-height: 1.6;
	color: #595F5A;
}
.game-section {
    display: flex;
    justify-content: center;
	align-content: center;
    align-items: center;
    margin: auto;
    gap: 20px;
    position: relative;
    background-color: #17343F;
    z-index: 0;
	padding: 200px 0;
}
.game-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #010F26, #17343F);
    opacity: 1;
    z-index: 0;
}
.game-section .wrapper {
	flex-direction: column;
	gap: 150px;
	padding: 0 5em;
}
.game-top-row,
.game-bottom-row {
	display: flex;
	justify-content: space-between;
	gap: 10em;
}
.game-bottom-row {
	gap: 10px;
	justify-content: space-evenly;
}
.game-column {
	width: 50%;
    padding: 0;
    margin: 0;
	border-radius: 34px;
	text-align: left;
}
.game-column.with-riseq {
	height: auto;
	max-width: 677px;
	max-height: 588px;
	background: #76FF8D;
	padding: 0;
    margin: 0;
    overflow: hidden;
	position: relative;
	cursor: pointer;
}
.game-column.with-riseq .text {
	width: 60%;
	padding: 5%;
	position: absolute;
}
.game-column.with-riseq span {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.05em;
	width: 60%;
	color: var(--black-color);
}
.game-column.with-riseq img {
	width: 100%;
    height: auto;
	max-width: 677px;
	max-height: 588px;
    object-fit: cover;
}
.game-column.with-riseq:hover img {
    transform: translate(-20px, -20px);
    transition: transform 0.2s ease-in-out;
    transform: scale(1.06);
}
.game-column.second {
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
}
.grid-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.game-column .grid-item {
	padding: 28px;
	position: relative;
	text-align: left;
    background-color: rgba(255, 255, 255, 0.13);
    border: 1px solid #767676;
	width: 100%;
    height: auto;
	z-index: 2;
	border-radius: 34px;
	display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
	flex-direction: column;
	max-width: 365px;
	max-height: 297px;
	overflow: hidden;
	cursor: pointer;
	min-height: 250px;
}
.game-column .grid-item::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1;
	border-radius: 34px;
}
.grid-item:hover {
	box-shadow: inset 0 0 60px #29463f, inset 5px 0 5px var(--secondary-color), inset -5px 0 10px var(--secondary-color), inset 5px 0 20px var(--secondary-color), inset -5px 0 20px var(--secondary-color), 0 0 10px var(--secondary-color), -10px 0 50px var(--secondary-color), 10px 0 20px var(--secondary-color);
}
.grid-item:hover .circle-right {
	transition: transform 1s ease-in-out;
	transform: rotate(360deg);
}
.game-column .grid-item img {
	width: 100%;
	height: auto;
	max-width: 102px;
	max-height: auto;
    z-index: 2;
}
.game-column .grid-item span {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
    font-weight: 400;
	color: var(--white-color);
	padding: 0;
    margin: 0;
    z-index: 2;
}
.game-column .title {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.05em;
    margin: 0;
    padding: 0;
	color: var(--primary-color);
	display: block;
	margin: 0 0 15px;
}
.game-column .subtitle {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-subtitle);
    max-width: 1090px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    padding: 0 8px;
	display: block;
	margin: 0 0 40px;
}
.game-column .text {
	font-family: 'General Sans', sans-serif;
    line-height: 1.2em !important;
	font-size: var(--fs-sm-md);
	line-height: 1.6;
	color: var(--white-color);
	display: block;
	padding: 0 8px;
}
ul.game-list {
    list-style: none;
	padding: 0 8px;
}
ul.game-list li {
	font-family: 'General Sans', sans-serif;
    line-height: 1em !important;
	font-size: var(--fs-sm-md);
    position: relative;
    padding-left: 25px;
    color: var(--gray-color);
    margin-bottom: 10px;
}
ul.game-list li::before {
    content: "●";
    color: #76FF8D;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
}
.game-column .trader {
    height: 100%;
    width: 100%;
	position: relative;
}
.game-column .trader .ellipse {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	z-index: 1;
	position: relative;
    height: 100%;
    width: 100%;
}
.game-column .trader .ellipse .top-left {
    width: 100%;
    object-fit: contain;
    position: absolute;
	top: -35%;
    left: -35%;
}
.game-column .trader .ellipse .top-right {
    width: 100%;
    object-fit: contain;
    position: absolute;
	top: -35%;
    left: 10%;
}
.game-column .trader .ellipse .bottom-left {
    width: 100%;
    object-fit: contain;
    position: absolute;
	top: 39%;
    left: -38%;
}
.game-column .trader .bg {
	position: relative;
    background-color: rgba(255, 255, 255, 0.13);
    border: 1px solid #707070;
	width: 100%;
    height: auto;
	z-index: 2;
	border-radius: 75px;
	display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	max-width: 525px;
	max-height: 638px;
	overflow: visible;
    transform: translate(0, -100%);
}
.game-column .trader .bg::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1;
	border-radius: 75px;
}
.game-elements {
	display: flex;
	justify-content: space-between;
    align-content: center;
    align-items: center;
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
	
    top: -25%;
}
.game-element {
    width: 100%;
    height: auto;
	max-width: 170px;
	position: absolute;
    top: 0;
    z-index: 4;
    left: -8%;
	cursor: pointer;
}
.game-element.logo {
    top: -5%;
    z-index: 4;
    left: 75%;
	max-width: 220px;
	cursor: pointer;
}
.game-element img {
    width: 100%;
    height: auto;
	max-width: 180px;
	object-fit: contain;
	z-index: 4;
}
.game-column .trader .bg .trader-img {
    width: 125%;
    height: auto;
	max-width: 618px;
    z-index: 4;
	object-fit: contain;
	cursor: pointer;
	transform: translate(0, 14px);
}
.game-column .trader .bg:hover .trader-img {
    transform: scale(1.04);
	transition: transform 0.2s ease-in-out;
}
.game-column .trader .bg:hover .game-element.logo {
    transform: scale(1.07) rotate(14deg);
	transition: transform 0.3s ease-in-out;
}
.game-column .trader .bg:hover .game-element.candlestick {
    transform: scale(.92);
	transition: transform 0.2s ease-in-out;
}
.secret-section,
.steps-section,
.reg-steps-section,
.testimonials-section {
	width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	padding: 100px 0 10px;
}
.testimonials-section {
	background: #17343F;
	flex-direction: column;
	padding: 200px 0 150px;
	position: relative;
    overflow: visible;
    z-index: 1;
}
.testimonials-section .titles {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.secret-section .wrapper,
.reg-steps-section .wrapper,
.testimonials .wrapper,
.with-riseq-section {
	flex-direction: column;
	gap: 40px;
}
.reg-steps-section,
.with-riseq-section {
	position: relative;
	padding: 100px 0 120px;
}
.with-riseq-section {
	background: #17343F;
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.testimonials-section {
	padding: 100px 0;
	position: relative;
    height: fit-content;
    overflow: visible;
}
.testimonials-section .logo {
	position: absolute;
	z-index: 0;
	max-height: 816px;
	width: 100%;
	height: auto;
	top: 25%;
    left: 33%;
	transition: transform 4s ease-in-out;
}
.testimonials-section .logo img {
	width: auto;
}
.secret-section .section-title {
	font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    color: #17343F;
	text-align: center;
	margin: 0 0 .1em;
}
.secret-top-row {
	width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	gap: 1em;
}
.secret-column {
	min-height: 453px;
	padding: 40px;
	border-radius: 30px;
}
.secret-column.short {
    width: 33%;
	max-width: 478px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
	flex-direction: column;
}
.secret-column.long .content {
	max-width: 355px;
}
.secret-column.long {
	width: 67%;
	max-width: 948px;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
	flex-direction: column;
}
.secret-column.first .title,
.secret-column.first .content {
	z-index: 2;
}
.secret-column.first {
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.secret-column.short.first:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/secret-thunder.png') no-repeat center center/cover;
    transition: transform .5s ease-in-out;
}
.secret-column.short.first:hover::before {
    transform: scale(1.05);
}
.secret-column.second {
	background: url('../images/secret-candlestick.png') no-repeat center center/cover;
}
.secret-column.third {
	background: url('../images/trader2.png') no-repeat center center/cover;
}
.secret-column.fourth {
	background-color: #76FF8D;
	overlay: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
}
.secret-column.fourth video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	z-index: 1;
	border-radius: 30px;
}
.secret-column.fourth .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, var(--primary-color) -5%, rgba(255,255,255,0) 100%);
	pointer-events: none;
	z-index: 2;
	border-radius: 30px;
}
.secret-column.fourth .title {
	z-index: 3;
}
.secret-column.fourth .content {
	z-index: 3;
}
.secret-top-row .secret-column .content,
.steps-grid-container .box .content {
	font-family: 'General Sans', sans-serif;
    line-height: 1.2em !important;
    font-weight: 400;
	font-size: var(--fs-sm-md);
	line-height: 1.6;
	color: var(--black-color);
}
.steps-grid-container .box .content {
	color: #50636A;
}
.secret-top-row .secret-column .title {
	font-family: 'General Sans Semibold', sans-serif;
    line-height: 1.2em !important;
	font-size: var(--fs-md-title);
	line-height: 1.6;
	color: #17343F;
}
.secret-section .secret-button {
	width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}
.secret-section .secret-button .secondary-link {
	color: #17343F;
    margin-top: 10px;
    text-decoration: underline;
    font-family: 'General Sans Bold', sans-serif;
    font-size: var(--fs-sm);
}
.steps-section .titles .steps-title {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
	margin: 0;
    padding: 0;
	color: #17343F;
}
.steps-section .titles {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
}
.steps-section .titles .steps-subtitle {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-subtitle);
    line-height: 1.1em;
	margin: 0;
    padding: 0;
	color: #17343F;
}
.steps-section .titles .left {
	width: 60%;
}
.steps-section .wrapper {
	flex-direction: column;
	gap: 3em;
}
.steps-section .titles .right {
	width: 30%;
}
.steps-grid-container {
	display: grid;
	gap: 20px;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
}
.steps-grid-container .box {
	padding: 20px;
	border: 1px solid #76FF8D;
	border-radius: 30px;
	text-align: center;
	width: 477px;
	height: 453px;
	display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
	padding: 40px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	background-color: rgba(255, 255, 255, 0.13);
}
.steps-grid-container .box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1;
    border-radius: 30px;
}
.steps-grid-container .box:hover {
	box-shadow: inset 0 0 60px var(--white-color), inset 5px 0 5px #8dffb1, inset -5px 0 10px var(--secondary-color), inset 5px 0 20px var(--white-color), inset -5px 0 20px var(--white-color), 0 0 10px var(--white-color), -10px 0 50px #72f89e, 10px 0 20px #72f89e;
}
.steps-grid-container .box .title {
	font-family: 'General Sans Semibold', sans-serif;
    line-height: 1.2em !important;
	font-size: var(--fs-smd-title);
	line-height: 1.6;
	color: #17343F;
	text-align: start;
	width: 80%;
	max-width: 370px;
	z-index: 1;
}
.steps-grid-container .box .content {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
    font-weight: 400;
	color: #17343F;
	text-align: start;
	z-index: 1;
}
.reg-steps-grid-container {
	display: grid;
	gap: 20px;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
}
.reg-steps-grid-container .box {
	background: none;
	padding: 20px;
	text-align: center;
	width: 100%;
	height: fit-content;
	display: flex;
    flex-direction: column;
	align-content: center;
    align-items: center;
    justify-content: space-evenly;
	padding: 40px;
	cursor: pointer;
	height: fit-content;
    gap: 30px;
	opacity: 0;
}
.reg-steps-grid-container .box .title {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-subtitle);
    line-height: 1.1em;
	margin: 0;
    padding: 0;
	color: #17343F;
	text-align: center;
}
.reg-steps-grid-container .box .img {
	width: 100%;
	height: auto;
}
.reg-steps-grid-container .box .content {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
    font-weight: 400;
	color: #17343F;
	text-align: center;
}
.reg-steps-section .reg-steps-title {
	font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
    margin: 0;
    padding: 0;
	color: #17343F;
	text-align: center;
}
.reg-steps-section .reg-steps-button {
	display: flex;
    flex-direction: column;
	align-content: center;
    align-items: center;
    justify-content: center;
}
.reg-steps-section .progress-line {
	position: absolute;
	top: 401px;
	left: 0;
	width: 0%;
    height: 2px;
    background: #05E16F;
    transition: width 1.5sease-out;
    z-index: 2;
}
.testimonials-section .testimonials-subtitle {
	font-family: 'General Sans', sans-serif;
    line-height: 1.2em !important;
    font-weight: 400;
	font-size: var(--fs-sm-md);
	line-height: 1.6;
	color: var(--white-color);
	margin: 0;
    padding: 0;
    text-align: center;
}
.testimonials-section .testimonials-title {
	max-width: 741px;
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
	margin: 0;
    padding: 0;
	color: var(--white-color);
	text-align: center;
}
.testimonials-section .wrapper {
	display: flex;
    justify-content: center;
	flex-direction: column;
    align-content: center;
    align-items: center;
	gap: 40px;
	max-width: 1920px;
	padding: 0;
}
.carousel {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 40px auto;
	padding: 0 20px;
	cursor: grab;
}
.carousel-content {
	display: flex;
	transition: transform 0.4s;
	touch-action: pan-y;
}
.carousel-item {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: auto;
	flex: 0 0 auto;
	font-size: 20px;
	color: white;
	margin-right: 50px;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: auto;
	max-width: 925px;
}
.testimonials-section .testimonial-item {
	padding: 28px;
	position: relative;
	text-align: left;
    background-color: rgba(255, 255, 255, 0.13);
    border: 1px solid #ffffff17;
	width: 100%;
    height: auto;
	z-index: 2;
	border-radius: 17px;
	display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
	flex-direction: column;
	max-width: 925px;
	max-height: 483px;
	overflow: hidden;
	cursor: grab;
	height: 100%;
}
.testimonials-section .testimonial-item::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    z-index: 1;
	border-radius: 17px;
}
.testimonial-content {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    z-index: 2;
	padding: 2em 1em;
}
.testimonials-section .testimonial-content .testimonial {
	font-family: 'General Sans Semibold', sans-serif;
	font-size: var(--fs-xlg-subtitle);
	line-height: 1.1em;
	color: var(--white-color);
}
.testimonials-section .testimonial-content .text,
.testimonials-section .testimonial-content .user .name {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-ssm);
    line-height: 1.1em;
    font-weight: 400;
	color: var(--white-color);
	padding: 0;
    margin: 0;
}
.testimonials-section .testimonial-content .rate,
.testimonials-section .testimonial-content .rate img {
	width: fit-content;
	height: auto;
}
.testimonials-section .testimonial-content .rate img {
	width: 100%;
	max-width: 31px;
}
.testimonials-section .testimonial-content .rate {
	display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.testimonials-section .testimonial-content .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 20px;
}
.carousel-original-price, 
.grid-original-price, 
.carousel-discount-percentage, 
.grid-discount-percentage {
    text-align: left;
    color: #757195;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.with-riseq-section .with-riseq-title {
	font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
    margin: 0;
    padding: 0;
	color: var(--white-color);
	text-align: center;
	max-width: 1038px;
}
.with-riseq-section .with-riseq-title .green {
	color: var(--primary-color);
}
.with-riseq-section .buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
	flex-direction: column;
    gap: 30px;
}
.with-riseq-section .buttons .secondary-link {
    font-family: 'General Sans Bold', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
	padding: 0;
    margin: 0;
	color: var(--primary-color);
}
.with-riseq-section .with-riseq-box-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
    margin: auto;
	justify-content: center;
    align-items: center;
    align-content: center;
}
.with-riseq-section .with-riseq-box-container .box {
    flex: 1;
    min-width: 300px;
    max-width: 50%;
	padding: 130px 55px 45px;
	position: relative;
	text-align: left;
    background-color: rgba(255, 255, 255, 0.13);
    border: 1px solid #767676;
    height: auto;
	z-index: 2;
	border-radius: 34px;
	display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
	flex-direction: column;
	max-width: 618px;
	max-height: 619px;
	overflow: visible;
	cursor: pointer;
	height: 100%;
	gap: 0;
}
.with-riseq-section .with-riseq-box-container .box:hover {
	box-shadow: inset 0 0 60px #29463f, inset 5px 0 5px var(--secondary-color), inset -5px 0 10px var(--secondary-color), inset 5px 0 20px var(--secondary-color), inset -5px 0 20px var(--secondary-color), 0 0 10px var(--secondary-color), -10px 0 50px var(--secondary-color), 10px 0 20px var(--secondary-color);
}
.with-riseq-section .with-riseq-box-container .box:first-child:hover {
	box-shadow: inset 0 0 100px #563535, inset 5px 0 5px #ff0202, inset -5px 0 10px #ff0202, inset 5px 0 20px #ff0202, inset -5px 0 20px #ff0202, 0 0 10px #ff0202, -10px 0 50px #ff0202, 10px 0 20px #ff0202;
}
.with-riseq-section .with-riseq-box-container .box::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1;
	border-radius: 34px;
}
.with-riseq-section .with-riseq-box-container .title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
	flex-direction: column;
	text-align: center;
    z-index: 2;
	width: 100%;
	height: 150px;
	position: relative;
	margin: 0 0 7em;
}
.with-riseq-section .with-riseq-box-container .title-container .title {
	font-family: 'General Sans Semibold', sans-serif;
	font-size: var(--fs-xlg-subtitle);
	line-height: 1.1em;
	color: var(--white-color);

}
.with-riseq-section .with-riseq-box-container .box .sub-item {
	display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    z-index: 2;
	gap: 15px;
}
.with-riseq-section .with-riseq-box-container .box .sub-item .content {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}
.with-riseq-section .with-riseq-box-container .box .sub-item .content .title {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
	color: var(--white-color);
}
.with-riseq-section .with-riseq-box-container .box .sub-item .content .text {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm);
    line-height: 1.1em;
    font-weight: 400;
    color: var(--white-color);
}
.white {
	background-color: var(--white-color);
}
.limited-spot-section {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
	width: 100%;
	padding: 150px 0;
}
.limited-spot-section .wrapper {
	display: flex;
	gap: 140px;
}
.limited-spot-section .limited-spot-col {
    display: flex;
    gap: 40px;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
	width: 50%;
}
.limited-spot-section .limited-spot-col:last-child {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
	flex-direction: row;
}
.limited-spot-section .limited-spot-col .title {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
    font-weight: 400;
    color: #17343F;
}
.limited-spot-section .limited-spot-col .subtitle {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-subtitle);
    line-height: 1.1em;
    color: #17343F;
}
.limited-spot-section .limited-spot-col .content {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
    font-weight: 400;
    color: #48504A;
}
.limited-spot-section .limited-spot-col .button {
	margin: 40px 0 0;
}
.limited-spot-section .limited-spot-col .boxes-col {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
	padding: 30px;
	width: 50%;
}
.limited-spot-section .limited-spot-col .boxes-col:last-child {
	transform: translate(0, -100px);
}
.limited-spot-section .limited-spot-col .boxes-col .box {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
	width: 350px;
	height: 325px;
	border-radius: 34px;
	background: #CBFFD8;
    flex-direction: column;
	padding: 60px 34px;
    text-align: center;
	gap: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.limited-spot-section .limited-spot-col .boxes-col .box::before {
    content: "";
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translateX(-48%);
	width: 350px;
	height: 100%;
    background: url('../images/3d_check.png') center/cover no-repeat;
    opacity: 1;
    pointer-events: none;
	z-index: 1;
}
.limited-spot-section .limited-spot-col .boxes-col .box:hover::before {
	transform: translate(-48%, 10%);
	transition: transform .6s ease-in-out;
}
.limited-spot-section .limited-spot-col .boxes-col .box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 395px 380px, var(--primary-color) 12%, #CBFFD8 100%);
    opacity: 1;
    pointer-events: none;
	z-index: 0;
}
.limited-spot-section .limited-spot-col .boxes-col .box .title {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-subtitle);
    line-height: 1.1em;
    color: #17343F;
	z-index: 2;
}
.limited-spot-section .limited-spot-col .boxes-col .box .content {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
    color: #17343F;
	z-index: 2;
}
.edge-section {
	width: 100%;
	position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	flex-direction: column;
	background: #17343F;
    overflow: visible;
    padding: 300px 0 100px;
}
.progress-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
	border: 1.5px solid #76FF8D;
	position: absolute;
    top: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.13);
	height: 81px;
    padding: 0;
    margin: 0;
    overflow: visible;
}
.progress-wrapper::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1;
}
.progress-text {
	width: fit-content;
}
.progress-text.left {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-btn);
    line-height: 1.1em;
    color: #17343F;
    position: absolute;
    left: 10px;
	z-index: 3;
}
.progress-text.right {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-btn);
    line-height: 1.1em;
    color: #17343F;
    font-weight: 400;
    position: absolute;
    right: 10px;
    z-index: 3;
}
.progress-container {
    position: relative;
    width: 100%;
    height: 81px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}
.progress-bar {
    width: 0%;
    height: 81px;
    background: linear-gradient(to right, #3BFF6C, #255A6E);
    transition: width 2s ease-in-out;
	z-index: 2;
    position: absolute;
	border: 1.5px solid #76FF8D;
}
.edge-section .wrapper {
	width: 100%;
	display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 200px;
}
.edge-section .wrapper .box {
	width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
	flex-direction: column;
}
.edge-section .wrapper .box:first-child {
	cursor: pointer;
    transform: translate(0, -30%);
}
.edge-section .wrapper .box:first-child:hover .inner-img img:first-child {
    transform: translate(0, -10%);
	transition: transform 0.6s ease-in-out;
}
.edge-section .wrapper .box:first-child:hover .float {
    transform: translate(0, 10%);
	transition: transform 0.6s ease-in-out;
}
.edge-section .wrapper .box:last-child {
	display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
}
.edge-section .wrapper .box .title {
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 1.1em;
    margin: 0;
    padding: 0;
	color: var(--primary-color);
}
.edge-section .wrapper .box .subtitle {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-smd-title);
    line-height: 1.1em;
    font-weight: 400;
    margin: 0;
    padding: 0;
	color: var(--white-color);
}
.edge-section .wrapper .box .content {
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    line-height: 1.1em;
    font-weight: 400;
    margin: 0;
    padding: 0;
	color: var(--gray-color);
}
.edge-section .wrapper .box .buttons {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: fit-content;
    text-align: center;
}
.edge-section .wrapper .box .buttons .secondary-link {
	font-family: 'General Sans Bold', sans-serif;
    font-size: var(--fs-sm);
    line-height: 1.1em;
    padding: 0;
    margin: 0;
    color: var(--primary-color);
}
.edge-section .wrapper .box .float {
	position: absolute;
    left: 20%;
    top: 55%;
}
.icon-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.sub-icon-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-72%, -50%);
    z-index: -1;
    width: 180px;
    height: 135px;
}
.circle-left {
    position: absolute;
    width: 170px;
    height: 173px;
    border-radius: 50%;
}
.circle-right {
    position: absolute;
    width: 170px;
    height: 173px;
    border-radius: 50%;
    top: 0;
    left: 90px;
}
.icon-container.list {
    width: 70px;
    height: 100px;
}
.icon-container.list .sub-icon-container {
    width: 70px;
    height: 100px;
	transform: translate(-72%, -19%);
}
.icon-container.list .sub-icon-container .circle-left,
.icon-container.list .sub-icon-container .circle-right {
    width: 54px;
    height: 54px;
}
.icon-container.list .sub-icon-container .circle-right {
    top: -10px;
    left: 20px;
}
.icon-container.list .sub-icon-container .circle-right img {
    top: 13px;
    left: 15px;
	position: absolute;
	z-index: 1;
	max-width: 28px;
}
.grid-item .icon-container.list {
	z-index: 3;
	transform: translate(20px, 0);
}
.circle-left.green {
    background-color: var(--primary-color);
    box-shadow: 0 0 150px var(--primary-color);
}
.circle-right.green {
    background: radial-gradient(circle at -25% 55%, #76FF8DC2 40%, rgba(255, 255, 255, 0.6) 90%);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
.circle-left.red {
    background-color: #FF0202;
    box-shadow: 0 0 150px #FF0202;
}
.circle-right.red {
    background: radial-gradient(circle at -25% 55%, #ef0404c2 40%, rgba(255, 255, 255, 0.6) 90%);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
.green-circle-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 50%;
}
.inner-img {
	width: fit-content;
}
@media (max-width: 1700px) {
	#ellipse20 {
		right: -45%;
	}
}
@media (max-width: 1540px) {
	.game-column .trader .ellipse .top-left {
		top: -26%;
		left: -35%;
	}
	.game-column .trader .ellipse .top-right {
		top: -24%;
		left: 18%;
	}
	.game-column .trader .ellipse .bottom-left {
		top: 48%;
		left: -38%;
	}
	.secret-column {
		min-height: 400px;
	}
	.steps-grid-container .box {
		width: 429px;
		height: 407px;
	}
	.limited-spot-section .limited-spot-col .boxes-col .box {
		width: 315px;
		height: 292px;
	}
	.edge-section .wrapper {
		gap: 150px;
	}
	.reg-steps-section .progress-line {
		position: absolute;
		top: 395px;
	}
	#ellipse1 {
		top: -70%;
		left: -32%;
	}
	#disk1 {
		top: 35%;
		left: -5%;
	}
	#disk2 {
		top: 55%;
		right: -8%;
	}
	#ellipse2 {
		top: 30%;
		right: -40%;
	}
	#ellipse9 {
		right: -15%;
		top: 50%;
	}
	#ellipse10 {
		left: -15%;
		top: 52%;
	}
	#ellipse5 {
		top: -87%;
		left: -7%;
	}
	#ellipse6 {
		top: 15%;
		left: 67%;
	}
	#ellipse11 {
		top: -10%;
		left: -42%;
	}
	#ellipse12 {
		top: 45%;
		right: -43%;
	}
	#ellipse13 {
		top: -5%;
		right: -52%;
	}
	#ellipse20 {
		right: -48%;
	}
}
@media (max-width: 1440px) {
	.game-column .trader .ellipse .top-left {
		top: -26%;
		left: -36%;
	}
	.game-column .trader .ellipse .top-right {
		top: -24%;
		left: 27%;
	}
	.game-column .trader .ellipse .bottom-left {
		top: 55%;
		left: -38%;
	}
	.game-top-row, 
	.game-bottom-row {
		gap: 8em;
	}
	.game-bottom-row {
		gap: 1.3em;
	}
	.secret-column.short {
		width: 40%;
	}
	.secret-column.long {
		width: 60%;
	}
	.steps-grid-container .box {
		width: 381px;
		height: 362px;
	}
	.testimonials-section .logo {
		left: 26%;
	}
	.limited-spot-section {
		padding: 150px 50px;
	}
	.limited-spot-section .limited-spot-col .boxes-col .box {
		width: 262px;
		height: 243px;
		padding: 30px 34px;
	}
	.edge-section .wrapper {
		gap: 100px;
	}
	.reg-steps-section .progress-line {
		position: absolute;
		top: 392px;
	}
	#ellipse1 {
		left: -40%;
	}
	#disk1 {
		top: 35%;
		left: -6%;
	}
	#disk2 {
		top: 55%;
		right: -10%;
	}
	#ellipse2 {
		top: 30%;
		right: -48%;
	}
	#ellipse3 {
		bottom: -20%;
		left: -37%;
	}
	#ellipse11 {
        top: -19%;
        left: -62%;
	}
	#ellipse12 {
		top: 45%;
		right: -62%;
	}
	#ellipse13 {
        top: -15%;
        right: -67%;
	}
	#ellipse20 {
		right: -50%;
	}
}
@media (max-width: 1240px) {
	.game-column .trader .ellipse .top-left {
		top: -25%;
		left: -35%;
	}
	.game-column .trader .ellipse .top-right {
		top: -25%;
		left: 28%;
	}
	.game-column .trader .ellipse .bottom-left {
		top: 58%;
		left: -38%;
	}
	.game-top-row, 
	.game-bottom-row {
		gap: 7em;
	}
	.game-element.logo {
		left: 68%;
	}
	.game-bottom-row {
		gap: 1.2em;
		flex-direction: column;
	}
	.game-column.with-riseq,
	.game-column.with-riseq img,
	.grid-item {
		max-width: 100% !important;
		max-height: 100% !important;
	}
	.game-column.with-riseq,
	.grid-container	{
		width: 100%;
		max-width: 100%;
	}
	.secret-top-row {
		flex-direction: column;
	}
	.secret-column.short {
		width: 100%;
	}
	.secret-column.long,
	.secret-column.short	{
		width: 100%;
		max-width: 100%;
	}
	.steps-grid-container .box {
		width: 100%;
		height: 382px;
	}
	.testimonials-section .logo {
		left: 22%;
	}
	.limited-spot-section .wrapper {
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		gap: 80px;
	}
	.limited-spot-section .limited-spot-col {
		width: fit-content;
	}
	.limited-spot-section .limited-spot-col .boxes-col .box {
		width: 350px;
		height: 325px;
		padding: 60px 34px;
	}
	.edge-section .wrapper {
		gap: 95px;
	}
	.circle-left,
	.circle-right {
		width: 143px;
		height: 146px;
	}
	.sub-icon-container {
		height: 120px;
	}
	.sub-icon-container {
		transform: translate(-65%, -50%);
	}
	#ellipse3 {
		bottom: -20%;
		left: -40%;
	}
	#ellipse4 {
        top: -170%;
        left: -30%;
	}
	#ellipse7 {
		top: 67%;
		left: -6%;
	}
	#ellipse8 {
		top: 81%;
		right: -7%;
	}
	#ellipse9 {
		right: -17%;
		top: 54%;
	}
	#ellipse10 {
		left: -14%;
		top: 55%;
	}
	#ellipse11 {
        top: -11%;
        left: -62%;
	}
	#ellipse12 {
        top: 50%;
        right: -70%;
	}
	#ellipse13 {
        top: -25%;
        right: -85%;
	}
	#ellipse14,
	#ellipse16 {
		left: -15%;
	}
	#ellipse15 {
		bottom: -38%;
		left: -37%;
	}
	#ellipse20 {
		right: -60%;
	}
}
@media (max-width: 1140px) {
	.game-column .trader .ellipse .top-left {
		top: -20%;
		left: -35%;
	}
	.game-column .trader .ellipse .top-right {
		top: -20%;
		left: 28%;
	}
	.game-column .trader .ellipse .bottom-left {
		top: 58%;
		left: -38%;
	}
	.game-top-row, 
	.game-bottom-row {
		gap: 6em;
	}
	.game-element.logo {
		left: 65%;
	}
	.game-bottom-row {
		gap: 1.1em;
	}
	.testimonials-section .logo {
		left: 16%;
		max-height: 760px;
	}
	.edge-section .wrapper {
		gap: 90px;
	}
	.edge-section .wrapper .box:first-child {
		width: 45%;
	}
	.edge-section .wrapper .box:first-child img {
		width: 100%;
	}
	.edge-section .wrapper .box:first-child .float {
		width: 40%;
		left: 30%;
		top: 60%;
	}
	#ellipse11 {
        top: -10%;
        left: -62%;
	}
	#ellipse12 {
		top: 33%;
        right: -91%;
	}
	#ellipse13 {
        top: -20%;
        right: -85%;
	}
	#ellipse14,
	#ellipse16 {
		left: -20%;
	}
	#ellipse15 {
		bottom: -38%;
		left: -41%;
	}
	#ellipse19 {
		right: -25%;
		width: 200%;
	}
	#ellipse20 {
		right: -62%;
	}
}
@media (max-width: 1100px) {
	.game-column .trader .ellipse .top-left {
		top: 0;
		left: -35%;
	}
	.game-column .trader .ellipse .top-right {
		top: 0;
		left: 28%;
	}
	.game-column .trader .ellipse .bottom-left {
		top: 67%;
		left: -38%;
	}
	.game-top-row, 
	.game-bottom-row {
		gap: 5em;
	}
	.game-element.logo {
		left: 61%;
	}
	.game-bottom-row {
		gap: 1em;
	}
	.edge-section .wrapper {
		gap: 85px;
	}
}
@media (max-width: 1090px) {
	.game-column .trader .ellipse .top-left {
		top: -22%;
		left: -35%;
	}
	.game-column .trader .ellipse .top-right {
		top: -22%;
		left: 28%;
	}
	.game-column .trader .ellipse .bottom-left {
		top: 61%;
		left: -38%;
	}
	.steps-grid-container .box {
		width: 100%;
		height: 400px;
	}
	.edge-section .wrapper {
		gap: 80px;
	}
	#ellipse7 {
		top: 67%;
		left: 0%;
	}
	#ellipse8 {
		top: 78%;
		right: -5%;
	}
	#ellipse9 {
        right: -23%;
        top: 53%;
	}
	#ellipse10 {
        left: -16%;
        top: 54%;
	}
}
@media (max-width: 1050px) {
	.game-column .trader .ellipse .top-left {
		top: -20%;
		left: -35%;
	}
	.game-column .trader .ellipse .top-right {
		top: -20%;
		left: 28%;
	}
	.game-column .trader .ellipse .bottom-left {
		top: 61%;
		left: -38%;
	}
	.edge-section .wrapper {
		gap: 75px;
	}
	#ellipse1 {
        left: -72%;
        top: -90%;
	}
	#disk1 {
        top: 25%;
        left: -10%;
	}
	#disk2 {
		top: 55%;
		right: -11%;
	}
	#ellipse2 {
		top: 30%;
		right: -60%;
	}
	#ellipse7 {
        top: 70%;
        left: -7%;
	}
	#ellipse8 {
		top: 83%;
		right: -7%;
	}
	#ellipse9 {
        right: -23%;
        top: 53%;
	}
	#ellipse10 {
        left: -16%;
        top: 54%;
	}
	#ellipse5 {
        top: -108%;
        left: -60%;
	}
	#ellipse6 {
		top: 15%;
		left: 67%;
	}
	#ellipse14,
	#ellipse16 {
		left: -28%;
	}
	#ellipse15 {
		bottom: -38%;
		left: -46%;
	}
	#ellipse20 {
		right: -70%;
	}
}
@media (max-width: 1024px) {
	.features-sec .wrapper {
		flex-direction: column;
		gap: 100px;
	}
	.features-col {
		width: 100%;
		align-items: center;
	}
	.features-sec,
	.knowledge-section {
		padding: 60px 0;
	}
	.top-section {
		padding: 50px 30px;
	}
	.feature-item img {
		width: 35px;
		height: 35px;
	}
	.game-column {
		width: 100%;
	}
	.game-top-row,
	.game-bottom-row {
		flex-direction: column;
	}
	.game-column .trader .bg {
		transform: translate(0, 0);
	}
	.game-column .trader {
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	.game-column .trader .ellipse {
		position: static;
	}
    .game-column .trader .ellipse .top-left {
        top: -20em;
        left: -8em;
    }
    .game-column .trader .ellipse .top-right {
        top: -20em;
        left: 8em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 10em;
        left: -12em;
    }
    .steps-grid-container .box {
        width: 100%;
        height: 400px;
    }
	.steps-grid-container,
	.reg-steps-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
	.with-riseq-section .with-riseq-box-container .box { 
		width: 100%;
	}
	.with-riseq-section .with-riseq-box-container { 
		flex-direction: column;
	}
	.testimonials-section .logo {
		left: 13%;
		max-height: 720px;
	}
	.limited-spot-section .limited-spot-col .boxes-col .box {
		width: 315px;
		height: 292px;
		padding: 30px 34px;
	}
	.edge-section .wrapper {
		gap: 0;
		padding: 120px 0 100px;
	}
	.edge-section .wrapper {
		flex-direction: column;
	}
	.edge-section .wrapper .box,
	.edge-section .wrapper .box:first-child	{
		width: 80%;
	}
	.edge-section .wrapper .box:first-child img {
		width: 100%;
	}
	.edge-section {
		padding: 200px 0 50px;
	}
	.reg-steps-section .progress-line {
		display: none;
	}
	#disk1 {
		top: 35%;
		left: -10%;
	}
	#ellipse3 {
		bottom: -20%;
		left: -52%;
	}
	#ellipse4 {
        top: -10%;
        left: -45%;
	}
	#ellipse7 {
        top: 68%;
        left: -4%;
	}
	#ellipse8 {
		top: 81%;
        right: -9%;
	}
	#ellipse9 {
        right: -19%;
        top: 49%;
	}
	#ellipse10 {
        left: -23%;
        top: 52%;
	}
	#ellipse11 {
        top: -10%;
        left: -62%;
	}
	#ellipse12 {
		top: 41%;
        right: -91%;
	}
	#ellipse13 {
        top: -13%;
        right: -85%;
	}
	#ellipse14,
	#ellipse16 {
		left: -6%;
	}
	#ellipse15 {
		left: -34%;
	}
	#ellipse20 {
        right: -70%;
        top: 57%;
	}
}
@media (max-width: 991px) {
    .game-column .trader .ellipse .top-left {
        top: -18em;
        left: -10em;
    }
    .game-column .trader .ellipse .top-right {
        top: -18em;
        left: 10em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 15em;
        left: -12em;
    }
	.testimonials-section .logo {
		left: 11%;
		max-height: 700px;
	}
	#ellipse11 {
        top: -10%;
        left: -95%;
	}
	#ellipse12 {
		top: 41%;
        right: -97%;
	}
	#ellipse13 {
        top: -13%;
        right: -104%;
	}
}
@media (max-width: 768px) {
	.top-section p {
		text-align: start;
	}
	.feature-item img {
		width: 28px;
		height: 28px;
	}
	.top-section p {
		margin: 0 0 2.6em;
	}
	.top-section span	{
		margin: 0 0 1em;
	}
	.knowledge-columns {
		flex-direction: column;
	}
	.knowledge-column {
		width: 100%;
	}
	.game-top-row,
	.game-bottom-row {
		flex-direction: column;
	}
	.game-column {
		width: 100%;
	}
	.grid-container {
		grid-template-columns: 1fr;
	}
    .game-column .trader .ellipse .top-left {
        top: -15em;
        left: -13em;
    }
    .game-column .trader .ellipse .top-right {
        top: -15em;
        left: 13em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 18em;
        left: -13em;
    }
	.game-element {
		max-width: 140px;
	}
    .game-element.logo {
        left: 68%;
    }
	.game-column.second {
		padding: 0 1em;
	}
    .game-top-row,
	.game-bottom-row {
        gap: 10em;
    }
	.game-column .grid-item {
		max-width: 100%;
		max-height: auto;
	}
    .steps-grid-container .box {
        width: 100%;
        height: 300px;
    }
	.steps-grid-container,
	.reg-steps-grid-container {
		grid-template-columns: repeat(1, 1fr);
	}
	.steps-section,
	.reg-steps-section,
	.testimonials-section {
		padding: 15px 0;
	}
	.testimonials-section {
		padding: 100px 0 55px;
	}
	.steps-section .titles {
		width: 100%;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
		flex-direction: column;
	}
	.steps-section .titles .left,
	.steps-section .titles .right {
		width: 100%;
	}
	.carousel {
		width: 100%;
		padding: 1em 2em;
	}
	.with-riseq-section .with-riseq-box-container .box .sub-item img{
		max-width: 80px;
	}
	.testimonials-section .logo {
		top: 10%;
		left: 2%;
		max-height: 450px;
	}
	.limited-spot-section .limited-spot-col:last-child {
		flex-direction: column;
	}
	.limited-spot-section .limited-spot-col .boxes-col .box {
		width: 100%;
		height: 290px;
		padding: 30px 34px;
	}
	.limited-spot-section .limited-spot-col,
	.limited-spot-section .limited-spot-col .boxes-col {
		width: 100%;
		max-width: 100%;
	}
	.limited-spot-section .limited-spot-col:last-child,
	.limited-spot-section .wrapper {
		gap: 60px;
	}
	.limited-spot-section {
		padding: 80px 20px;
	}
	.circle-left,
	.circle-right {
		width: 113px;
		height: 116px;
	}
	.sub-icon-container {
		height: 92px;
	}
	.sub-icon-container {
		transform: translate(-56%, -50%);
	}
	.with-riseq-section .with-riseq-box-container .title-container {
		margin: 0 0 2em;
	}
	.with-riseq-section .with-riseq-box-container .box {
		padding: 55px 55px 45px;
	}
	#ellipse1 {
		left: -81%;
		top: -81%;
	}
	#disk1 {
		top: 7%;
		left: -10%;
	}
	#disk2 {
		top: 35%;
		right: -17%;
	}
	#ellipse2 {
		top: 10%;
		right: -90%;
	}
	#ellipse3 {
		bottom: -20%;
		left: -65%;
	}
	#ellipse4 {
        top: -30%;
        left: -23%;
	}
	#ellipse7 {
		top: 58%;
        left: -10%;
	}
	#ellipse8 {
		top: 84%;
        right: -9%;
	}
	#ellipse9 {
        right: -19%;
        top: 49%;
	}
	#ellipse10 {
        left: -23%;
        top: 53%;
	}
	#ellipse5 {
        top: -60%;
        left: -60%;
	}
	#ellipse6 {
        top: 55%;
        left: 55%;
	}
	#ellipse11 {
        top: -10%;
        left: -95%;
	}
	#ellipse12 {
        top: -10%;
        right: -133%;
	}
	#ellipse13 {
        top: 30%;
        right: -112%;
	}
	#ellipse14,
	#ellipse16 {
		top: -41%;
		left: -12%;
	}
	#ellipse15 {
		left: -36%;
	}
	#ellipse20 {
        right: -90%;
        top: 57%;
	}
}
@media (max-width: 740px) {
    .game-column .trader .ellipse .top-left {
        top: -14em;
        left: -13em;
    }
    .game-column .trader .ellipse .top-right {
        top: -14em;
        left: 13em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 19em;
        left: -13em;
    }
}
@media (max-width: 680px) {
    .game-column .trader .ellipse .top-left {
        top: -13em;
        left: -13em;
    }
    .game-column .trader .ellipse .top-right {
        top: -13em;
        left: 13em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 21em;
        left: -13em;
    }
	#ellipse11 {
        top: -10%;
        left: -131%;
	}
	#ellipse12 {
		top: -22%;
        right: -165%;
	}
	#ellipse13 {
        top: 30%;
        right: -99%;
	}
}
@media (max-width: 650px) {
    .game-column .trader .ellipse .top-left {
        top: -11em;
        left: -11em;
    }
    .game-column .trader .ellipse .top-right {
        top: -11em;
        left: 11em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 22em;
        left: -12em;
    }
    .game-element {
        max-width: 130px !important;
    }
    .secret-column {
        min-height: 300px;
    }
	#ellipse1 {
		left: -91%;
		top: -81%;
	}
	#disk2 {
		top: 35%;
		right: -21%;
	}
	#ellipse2 {
		top: 10%;
		right: -100%;
	}
	#ellipse9 {
        right: -19%;
        top: 48%;
	}
	#ellipse10 {
        left: -23%;
        top: 52%;
	}
	#ellipse14,
	#ellipse16 {
        top: -43%;
        left: -18%;
	}
	#ellipse15 {
		left: -42%;
	}
}
@media (max-width: 575px) {
    .game-column .trader .ellipse .top-left {
        top: -10em;
        left: -10em;
    }
    .game-column .trader .ellipse .top-right {
        top: -10em;
        left: 10em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 21em;
        left: -10em;
    }
	.game-section .wrapper,
	.secret-section .wrapper,
	.steps-section .wrapper,
	.reg-steps-section .wrapper,
	.testimonials .wrapper {
		padding: 0 3em;
	}
	.game-column:first-of-type {
		padding: 0 2em;
	}
    .secret-column {
        min-height: 300px;
    }
	.with-riseq-section .with-riseq-box-container .box {
		gap: 15px;
	}
    .testimonials-section .logo img {
        width: 500px;
    }
	.testimonials-section .logo {
        top: 21%;
        left: 4%;
        max-height: 550px;
	}
	#ellipse5 {
        top: -60%;
        left: -95%;
	}
	#ellipse6 {
        top: 55%;
        left: 30%;
	}
	#ellipse11 {
		top: -8%;
        left: -153%;
	}
	#ellipse12 {
		top: -22%;
        left: -230%;
	}
	#ellipse13 {
        display: none;
	}
	#ellipse14,
	#ellipse16 {
        top: -40%;
        left: -23%;
	}
	#ellipse15 {
		left: -46%;
	}
	#ellipse17 {
		left: -15%;
	}
	#ellipse20 {
        right: -100%;
        top: 57%;
	}
}
@media (max-width: 510px) {
    .game-column .trader .ellipse .top-left {
        top: -8em;
        left: -8em;
    }
    .game-column .trader .ellipse .top-right {
        top: -8em;
        left: 8em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 18em;
        left: -8em;
    }
    .game-element {
        max-width: 120px !important;
    }
    .game-column:first-of-type {
        padding: 0 .5em;
    }
    .game-section .wrapper,
    .secret-section .wrapper,
    .steps-section .wrapper,
    .reg-steps-section .wrapper,
    .testimonials .wrapper {
        padding: 0 2em;
    }
    .game-top-row, .game-bottom-row {
        gap: 7em;
    }
    .game-top-row,
	.game-bottom-row {
        gap: 6em;
    }
    .secret-column {
        min-height: 280px;
    }
	.testimonial-content {
		padding: .9em .5em .4em;
	}
	#ellipse1 {
		left: -110%;
		top: -81%;
	}
	#disk2 {
		top: 35%;
		right: -45%;
	}
	#ellipse2 {
		top: 10%;
		right: -160%;
	}
	#ellipse3 {
		bottom: -20%;
		left: -120%;
	}
	#ellipse4 {
        top: 0%;
        left: -115%;
	}
	#ellipse7 {
		top: 58%;
        left: -25%;
	}
	#ellipse8 {
		top: 84%;
        right: -15%;
	}
	#ellipse9 {
		right: -57%;
        top: 46%;
	}
	#ellipse10 {
        left: -63%;
        top: 52%;
	}
	#ellipse14,
	#ellipse16 {
        top: -40%;
        left: -40%;
	}
	#ellipse15 {
		left: -54%;
	}
}
@media (max-width: 475px) {
    .game-column .trader .ellipse .top-left {
        top: -6em;
        left: -6em;
    }
    .game-column .trader .ellipse .top-right {
        top: -6em;
        left: 6em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 16em;
        left: -7em;
    }
    .game-section .wrapper {
        padding: 0 1em;
		gap: 125px;
    }
    .secret-section .wrapper,
    .steps-section .wrapper,
    .reg-steps-section .wrapper,
    .testimonials-section .wrapper,
    .limited-spot-section .wrapper {
        padding: 0 1em;
    }
    .secret-column {
        min-height: 250px;
    }
	.testimonials-section .logo {
        top: 21%;
        left: 4%;
        max-height: 650px;
	}
	#ellipse1 {
		left: -130%;
		top: -81%;
	}
	#ellipse7 {
        top: 51%;
        left: -32%;
	}
	#ellipse8 {
        top: 82%;
        right: -31%;
	}
	#ellipse5 {
        top: -48%;
        left: -129%;
	}
	#ellipse6 {
        top: 56%;
        left: -5%;
	}
	#ellipse11 {
		top: -11%;
        left: -182%;
	}
	#ellipse12 {
        top: 16%;
        left: 45%;
	}
	#ellipse14,
	#ellipse16 {
        top: -40%;
        left: -47%;
	}
	#ellipse15 {
		left: -62%;
	}
	#ellipse20 {
        right: -110%;
        top: 57%;
	}
}
@media (max-width: 440px) {
    .game-column .trader .ellipse .top-left {
        top: -5.5em;
        left: -5.5em;
    }
    .game-column .trader .ellipse .top-right {
        top: -5.5em;
        left: 5.5em;
    }
    .game-column .trader .ellipse .bottom-left {
        top: 15em;
        left: -7em;
    }
    .game-element {
        max-width: 110px !important;
    }
    .game-section .wrapper {
        padding: 0 1em;
		gap: 80px;
    }
    .secret-section .wrapper,
    .steps-section .wrapper,
    .reg-steps-section .wrapper,
    .testimonials-section .wrapper,
    .limited-spot-section .wrapper {
        padding: 0 1em;
    }
    .game-top-row,
	.game-bottom-row {
        gap: 5em;
    }
	.game-column .trader {
        padding: 0 1.4em;
	}
    .steps-grid-container .box {
        width: 100%;
        height: 410px;
    }
	#ellipse1 {
		left: -150%;
		top: -81%;
	}
	#ellipse14,
	#ellipse16 {
        top: -39%;
        left: -55%;
	}
	#ellipse15 {
		left: -65%;
	}
	#ellipse20 {
        right: -140%;
        top: 57%;
	}
}
@media (max-width: 380px) {
    .game-element {
        max-width: 90px !important;
    }
	#ellipse14,
	#ellipse16 {
        top: -40%;
        left: -74%;
	}
	#ellipse15 {
		left: -85%;
	}
	#ellipse20 {
        right: -160%;
        top: 57%;
	}
}
@media (max-width: 1090px) {
	.game-bottom-row {
		gap: .9em;
	}
}