/* Hero section */
.hero-left-vector {
    left: -173px;
    border-radius: 0px;
    position: absolute;
    width: 245px;
    height: 314px;
    right: 1368px;
    top: 27px;
    background: #ff8325 /*FE3DCE*/;
    filter: blur(100px);
}
.hero-bottom-vector {
    border-radius: 0px;
    position: absolute;
    width: 1147px;
    height: 420px;
    right: 0px;
    top: 537px;
    background: rgba(255, 255, 255, 0.12);
    filter: blur(100px);
}
.hero {
    /* background-image: url('../images/bg-hero.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    margin-bottom: -20px;
}
/* added */
/*.hero::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	top: 8.5%;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	background: url("../images/aarka-sun.png") 50% 0 no-repeat;
	background-size: contain;
	animation:spin 14s linear infinite;
	border: 0px solid magenta;
}*/
/* END - added */
.hero h1 {
    font-family: "Poppins-Bold";
    font-size: 4rem;
    color: var(--white);
    text-align: center;
}
.hero h2 {
    font-family: "Poppins-Regular";
    color: var(--white);
    text-align: center;
}
.hero h4 {
    font-family: "Poppins-Regular";
    font-size: 1.375rem;
    color: var(--white);
}
.hero-line {
    width: 195px;
    height: 4px;
    background-color: var(--white);
    margin: 35px 0 18px 0;
}
.hero-more {
    position: relative;
    width: fit-content;
    padding-right: 25px;
}
.hero-more a {
    color: var(--white);
    font-size: 1.125rem;
    letter-spacing: 0.225em;
    text-decoration: none;
    text-transform: uppercase;
}
.hero-icon {
    position: absolute;
    top: 11px;
    right: -113px;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 60px;
    cursor: pointer;
}
.hero-arrow {
    position: absolute;
    top: 32px;
    width: 48px;
    height: 2px;
    background-color: var(--white);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    animation: arrow 700ms linear infinite;
    transition: all .4s;
}
.hero-arrow::after, .hero-arrow::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    right: -1px;
    background-color: var(--white);
}
.hero-arrow::after {
    top: -3px;
    transform: rotate(45deg);
}
.hero-arrow::before {
    top: 3px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    transform: rotate(-45deg);
}
.hero-square {
    width: 40px;
    height: 40px;
    border: 1px solid var(--blue);
    position: absolute;
    right: 16px;
    top: 12px;
    transition: all .4s;
}
.hero-more:hover .hero-icon .hero-square {
    transform: rotate(90deg);
    border: 1px solid var(--pink);
}
.hero-more:hover .hero-icon .hero-arrow {
    width: 53px;
}
.hero-stars, .hero-twinkling {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
}
.hero-stars {
    background:#000 url(../images/stars.png) repeat top center;
    z-index:-1;
}
.hero-twinkling{
    background:transparent url(../images/twinkling.png) repeat top center;
    z-index:-1;

    -moz-animation:move-twink-back 200s linear infinite;
    -ms-animation:move-twink-back 200s linear infinite;
    -o-animation:move-twink-back 200s linear infinite;
    -webkit-animation:move-twink-back 200s linear infinite;
    animation:move-twink-back 200s linear infinite;
}
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}
#scroll-down {
    display: block;
    position: absolute;
    padding-top: 79px;
    text-align: center;
    right: 67px;
    bottom: 100px;
    opacity: 1;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}
.arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--bs-orange);
    border-right: 2px solid var(--bs-orange);
    behavior: url(-ms-transform.html);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    top: -4px;
    left: 4px;
    margin-left: -1px;
    width: 1.5px;
    height: 90px;
    background: var(--bs-orange);
    content: ' ';
}
@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
#paschka {
  display: block;
  color: white;
  font-family: helvetica neue, helvetica, arial;
  font-size: 32px;
  text-decoration: none;
  position: fixed;
  bottom: 0px;
  right: 0px;
  padding: 0px;
  transition: all 0.1s ease;
  background: #000;
  height: 40px;
  line-height: 30px;
  vertical-align: middle;
  width: 40px;
  text-align: center;
  border-radius: 5%;
  bottom: 20px;
  right: 20px;
}
#paschka:hover {
  background: #232323;
  transition: all 0.1s ease;
  color: #f0f0f0;
}

/* products section */
.products-section, .invest-section {
    padding-top: 100px;
    padding-bottom: 50px;
}
.products-left-vector {
    left: -169px;
    border-radius: 0px;
    position: absolute;
    width: 480px;
    height: 467px;
    right: 1129px;
    top: 957px;
    background: #ff8325 /*AD1AAF*/;
    opacity: 0.75;
    filter: blur(229.167px);
}

h2 {
    color: var(--white);
}

.title-products {
    color: var(--white);
}
#products .title-products{
	background: linear-gradient(to right, var(--bs-yellow), var(--bs-orange));
    background-clip: border-box;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: "Poppins-Bold";
}
@media screen and (min-width: 992px) {
.title-right {
    text-align: right;
}
}
.title-center {
    text-align: center;
}

.title-products h3 {
    font-size: 1.75rem;
    background: url(../images/check.png) left center no-repeat;
    padding-left: 34px;
}
.title-products h2 {
    font-size: 3rem;
    font-family: "Poppins-Bold";
    z-index: 2;
    position: relative;
}
.title-products h4 {
    color: var(--light-gray);
    font-size: 1.1rem;
    font-style: italic;
    padding-left: 60px;
}

.description-products {
    position: relative;
    color: var(--white);
    font-family: "Gilroy-Medium";
    font-size: 1rem;

}
.shadow-effect {
    background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
    border-width: 2.5px 0px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(17.5px);
    -webkit-backdrop-filter: blur(17.5px);
    border-radius: 41.6667px;
    padding: 20px;
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
@media screen and (max-width: 991px) {
    .title-products h3, .title-products h2 {
        text-align: left;
    }
}

@media screen and (max-width: 580px) {
}

@media screen and (max-width: 1399px) {
    #noordeo-products .item {
        padding: 50px 20px 20px 20px;
    }
}

/* Cybernet3.O Section */
.Cybernet3-section {
    padding-top: 80px;
    position: relative;
}
.Cybernet3-section:before {
    content: "";
    background-image: url('../images/aarka-bg2.png');
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    width: 80%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .55;
}
.Cybernet3-title {
    color: var(--white);
    font-size: 3rem;
    font-family: "Poppins-Bold";
}
.Cybernet3-description {
    color: var(--white);
    font-size: 1.125rem;
    font-family: "Gilroy-Medium";
}
.Cybernet3-images {
    list-style: none;
    display: flex;
    margin-top: 100px;
    margin-bottom: 200px;
}
.Cybernet3-images li:first-child {
    margin-left: auto;
}
.Cybernet3-images li:last-child {
    margin-right: auto;
}
.Cybernet3-images li img {
    max-width: 100%;
	
}
.Cybernet3-images li:first-child img {
    -webkit-animation: ipod 3s infinite alternate;
    animation: ipod 3s infinite  alternate;	
}
@-webkit-keyframes ipod {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
@keyframes ipod {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
.Cybernet3-images li:last-child img {
    -webkit-animation: iphone 3s infinite alternate;
    animation: iphone 3s infinite  alternate;
    animation-delay: 1.5s;
}
@-webkit-keyframes iphone {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
@keyframes iphone {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
.Cybernet3-right-vector {
    top: 400px;
    border-radius: 0px;
    position: absolute;
    width: 480px;
    height: 467px;
    right: -221px;
    background: #fef562 /*26AFE6*/;
    opacity: 0.75;
    filter: blur(229.167px);
}
.container-Assetify {
    width: 1600px;
    margin-left: auto;
    position: relative;
}
.Cybernet3-stars {
    position: absolute;
    overflow: hidden;
    width: 50%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-mask: radial-gradient(white, transparent 70%);
}
#stars3 {
    width: 4px;
    height: 4px;
    border-radius: 50rem;
    background: transparent;
    box-shadow: 1719px 306px #2182b4 , 1829px 1969px #2182b4 , 519px 610px #2182b4 , 1749px 461px #2182b4 , 834px 1648px #2182b4 , 580px 720px #2182b4 , 1237px 636px #2182b4 , 617px 1605px #2182b4 , 562px 416px #2182b4 , 402px 1398px #2182b4 , 392px 286px #2182b4 , 774px 967px #2182b4 , 814px 579px #2182b4 , 1871px 220px #2182b4 , 1205px 1090px #2182b4 , 256px 1869px #2182b4 , 1069px 650px #2182b4 , 229px 1173px #2182b4 , 310px 248px #2182b4 , 1874px 1168px #2182b4 , 695px 579px #2182b4 , 202px 96px #2182b4 , 79px 707px #2182b4 , 1322px 1070px #2182b4 , 855px 1139px #2182b4 , 1320px 733px #2182b4 , 1559px 36px #2182b4 , 1738px 1910px #2182b4 , 1080px 1880px #2182b4 , 1282px 1033px #2182b4 , 888px 1389px #2182b4 , 758px 1236px #2182b4 , 1304px 1743px #2182b4 , 553px 242px #2182b4 , 1087px 821px #2182b4 , 1202px 1842px #2182b4 , 1447px 1122px #2182b4 , 1368px 963px #2182b4 , 1626px 381px #2182b4 , 939px 284px #2182b4 , 793px 846px #2182b4 , 1389px 46px #2182b4 , 365px 669px #2182b4 , 1951px 1251px #2182b4 , 13px 850px #2182b4 , 1249px 919px #2182b4 , 1649px 625px #2182b4 , 565px 605px #2182b4 , 1212px 1432px #2182b4 , 1264px 1378px #2182b4 , 1395px 218px #2182b4 , 143px 1138px #2182b4 , 1492px 1441px #2182b4 , 98px 34px #2182b4 , 1714px 1030px #2182b4 , 536px 1025px #2182b4 , 958px 48px #2182b4 , 539px 1280px #2182b4 , 895px 1947px #2182b4 , 132px 104px #2182b4 , 1834px 396px #2182b4 , 1995px 309px #2182b4 , 771px 932px #2182b4 , 1162px 1987px #2182b4 , 520px 1634px #2182b4 , 717px 334px #2182b4 , 1329px 1811px #2182b4 , 418px 384px #2182b4 , 1208px 626px #2182b4 , 730px 1031px #2182b4 , 240px 1752px #2182b4 , 1217px 1908px #2182b4 , 531px 1259px #2182b4 , 1306px 1295px #2182b4 , 1861px 643px #2182b4 , 103px 916px #2182b4 , 1321px 1965px #2182b4 , 359px 163px #2182b4 , 1415px 1182px #2182b4 , 769px 242px #2182b4 , 55px 33px #2182b4 , 93px 881px #2182b4 , 1892px 481px #2182b4 , 603px 1556px #2182b4 , 1926px 865px #2182b4 , 1251px 1632px #2182b4 , 1998px 284px #2182b4 , 615px 697px #2182b4 , 903px 1854px #2182b4 , 1359px 255px #2182b4 , 1045px 1785px #2182b4 , 871px 1557px #2182b4 , 927px 1560px #2182b4 , 659px 561px #2182b4 , 1401px 802px #2182b4 , 692px 1040px #2182b4 , 405px 390px #2182b4 , 1100px 1301px #2182b4 , 1485px 911px #2182b4 , 18px 1808px #2182b4 , 492px 1344px #2182b4 , 1150px 547px #2182b4 , 474px 577px #2182b4 , 1103px 591px #2182b4 , 75px 1423px #2182b4 , 561px 802px #2182b4 , 531px 1899px #2182b4 , 695px 1257px #2182b4 , 1131px 4px #2182b4 , 848px 262px #2182b4 , 838px 1224px #2182b4 , 655px 1462px #2182b4 , 792px 975px #2182b4 , 1871px 498px #2182b4 , 594px 1581px #2182b4 , 1513px 435px #2182b4 , 298px 1160px #2182b4 , 802px 1341px #2182b4 , 1347px 113px #2182b4 , 780px 941px #2182b4 , 1253px 1577px #2182b4 , 1353px 783px #2182b4 , 697px 383px #2182b4 , 1402px 1073px #2182b4 , 139px 827px #2182b4 , 790px 1042px #2182b4 , 722px 683px #2182b4 , 906px 397px #2182b4 , 1482px 1611px #2182b4 , 1734px 1149px #2182b4 , 1236px 316px #2182b4 , 273px 877px #2182b4 , 1243px 588px #2182b4 , 770px 93px #2182b4 , 768px 1347px #2182b4 , 1557px 1798px #2182b4 , 1927px 582px #2182b4 , 199px 901px #2182b4 , 1109px 229px #2182b4 , 1117px 1797px #2182b4 , 802px 467px #2182b4 , 1724px 446px #2182b4 , 849px 1660px #2182b4 , 180px 1578px #2182b4 , 1586px 1250px #2182b4 , 1545px 145px #2182b4 , 1092px 810px #2182b4 , 69px 479px #2182b4 , 1305px 416px #2182b4 , 1731px 1606px #2182b4 , 959px 936px #2182b4 , 1712px 1509px #2182b4 , 454px 65px #2182b4 , 445px 1983px #2182b4 , 36px 168px #2182b4 , 687px 1143px #2182b4 , 859px 717px #2182b4 , 847px 455px #2182b4 , 1855px 1957px #2182b4 , 1415px 1976px #2182b4 , 765px 1173px #2182b4 , 1020px 1772px #2182b4 , 1016px 1667px #2182b4 , 601px 879px #2182b4 , 1626px 219px #2182b4 , 141px 1599px #2182b4 , 1034px 364px #2182b4 , 1827px 905px #2182b4 , 1764px 1878px #2182b4 , 1879px 1618px #2182b4 , 771px 373px #2182b4 , 828px 1389px #2182b4 , 1674px 1846px #2182b4 , 1016px 1989px #2182b4 , 578px 1384px #2182b4 , 535px 1043px #2182b4 , 1220px 1305px #2182b4 , 1904px 194px #2182b4 , 406px 1640px #2182b4 , 390px 1367px #2182b4 , 397px 722px #2182b4 , 116px 210px #2182b4 , 1567px 1517px #2182b4 , 777px 1806px #2182b4 , 1832px 1119px #2182b4 , 83px 659px #2182b4 , 56px 389px #2182b4 , 1568px 183px #2182b4 , 820px 591px #2182b4 , 1502px 345px #2182b4 , 600px 910px #2182b4 , 380px 941px #2182b4 , 286px 1929px #2182b4 , 886px 1197px #2182b4 , 497px 1418px #2182b4 , 1128px 930px #2182b4 , 225px 821px #2182b4 , 1322px 1597px #2182b4 , 262px 430px #2182b4 , 1968px 1738px #2182b4;
    animation: animStar 100s linear infinite;
}
#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 4px;
    height: 4px;
    border-radius: 50rem;
    background: transparent;
    box-shadow: 1719px 306px #2182b4 , 1829px 1969px #2182b4 , 519px 610px #2182b4 , 1749px 461px #2182b4 , 834px 1648px #2182b4 , 580px 720px #2182b4 , 1237px 636px #2182b4 , 617px 1605px #2182b4 , 562px 416px #2182b4 , 402px 1398px #2182b4 , 392px 286px #2182b4 , 774px 967px #2182b4 , 814px 579px #2182b4 , 1871px 220px #2182b4 , 1205px 1090px #2182b4 , 256px 1869px #2182b4 , 1069px 650px #2182b4 , 229px 1173px #2182b4 , 310px 248px #2182b4 , 1874px 1168px #2182b4 , 695px 579px #2182b4 , 202px 96px #2182b4 , 79px 707px #2182b4 , 1322px 1070px #2182b4 , 855px 1139px #2182b4 , 1320px 733px #2182b4 , 1559px 36px #2182b4 , 1738px 1910px #2182b4 , 1080px 1880px #2182b4 , 1282px 1033px #2182b4 , 888px 1389px #2182b4 , 758px 1236px #2182b4 , 1304px 1743px #2182b4 , 553px 242px #2182b4 , 1087px 821px #2182b4 , 1202px 1842px #2182b4 , 1447px 1122px #2182b4 , 1368px 963px #2182b4 , 1626px 381px #2182b4 , 939px 284px #2182b4 , 793px 846px #2182b4 , 1389px 46px #2182b4 , 365px 669px #2182b4 , 1951px 1251px #2182b4 , 13px 850px #2182b4 , 1249px 919px #2182b4 , 1649px 625px #2182b4 , 565px 605px #2182b4 , 1212px 1432px #2182b4 , 1264px 1378px #2182b4 , 1395px 218px #2182b4 , 143px 1138px #2182b4 , 1492px 1441px #2182b4 , 98px 34px #2182b4 , 1714px 1030px #2182b4 , 536px 1025px #2182b4 , 958px 48px #2182b4 , 539px 1280px #2182b4 , 895px 1947px #2182b4 , 132px 104px #2182b4 , 1834px 396px #2182b4 , 1995px 309px #2182b4 , 771px 932px #2182b4 , 1162px 1987px #2182b4 , 520px 1634px #2182b4 , 717px 334px #2182b4 , 1329px 1811px #2182b4 , 418px 384px #2182b4 , 1208px 626px #2182b4 , 730px 1031px #2182b4 , 240px 1752px #2182b4 , 1217px 1908px #2182b4 , 531px 1259px #2182b4 , 1306px 1295px #2182b4 , 1861px 643px #2182b4 , 103px 916px #2182b4 , 1321px 1965px #2182b4 , 359px 163px #2182b4 , 1415px 1182px #2182b4 , 769px 242px #2182b4 , 55px 33px #2182b4 , 93px 881px #2182b4 , 1892px 481px #2182b4 , 603px 1556px #2182b4 , 1926px 865px #2182b4 , 1251px 1632px #2182b4 , 1998px 284px #2182b4 , 615px 697px #2182b4 , 903px 1854px #2182b4 , 1359px 255px #2182b4 , 1045px 1785px #2182b4 , 871px 1557px #2182b4 , 927px 1560px #2182b4 , 659px 561px #2182b4 , 1401px 802px #2182b4 , 692px 1040px #2182b4 , 405px 390px #2182b4 , 1100px 1301px #2182b4 , 1485px 911px #2182b4 , 18px 1808px #2182b4 , 492px 1344px #2182b4 , 1150px 547px #2182b4 , 474px 577px #2182b4 , 1103px 591px #2182b4 , 75px 1423px #2182b4 , 561px 802px #2182b4 , 531px 1899px #2182b4 , 695px 1257px #2182b4 , 1131px 4px #2182b4 , 848px 262px #2182b4 , 838px 1224px #2182b4 , 655px 1462px #2182b4 , 792px 975px #2182b4 , 1871px 498px #2182b4 , 594px 1581px #2182b4 , 1513px 435px #2182b4 , 298px 1160px #2182b4 , 802px 1341px #2182b4 , 1347px 113px #2182b4 , 780px 941px #2182b4 , 1253px 1577px #2182b4 , 1353px 783px #2182b4 , 697px 383px #2182b4 , 1402px 1073px #2182b4 , 139px 827px #2182b4 , 790px 1042px #2182b4 , 722px 683px #2182b4 , 906px 397px #2182b4 , 1482px 1611px #2182b4 , 1734px 1149px #2182b4 , 1236px 316px #2182b4 , 273px 877px #2182b4 , 1243px 588px #2182b4 , 770px 93px #2182b4 , 768px 1347px #2182b4 , 1557px 1798px #2182b4 , 1927px 582px #2182b4 , 199px 901px #2182b4 , 1109px 229px #2182b4 , 1117px 1797px #2182b4 , 802px 467px #2182b4 , 1724px 446px #2182b4 , 849px 1660px #2182b4 , 180px 1578px #2182b4 , 1586px 1250px #2182b4 , 1545px 145px #2182b4 , 1092px 810px #2182b4 , 69px 479px #2182b4 , 1305px 416px #2182b4 , 1731px 1606px #2182b4 , 959px 936px #2182b4 , 1712px 1509px #2182b4 , 454px 65px #2182b4 , 445px 1983px #2182b4 , 36px 168px #2182b4 , 687px 1143px #2182b4 , 859px 717px #2182b4 , 847px 455px #2182b4 , 1855px 1957px #2182b4 , 1415px 1976px #2182b4 , 765px 1173px #2182b4 , 1020px 1772px #2182b4 , 1016px 1667px #2182b4 , 601px 879px #2182b4 , 1626px 219px #2182b4 , 141px 1599px #2182b4 , 1034px 364px #2182b4 , 1827px 905px #2182b4 , 1764px 1878px #2182b4 , 1879px 1618px #2182b4 , 771px 373px #2182b4 , 828px 1389px #2182b4 , 1674px 1846px #2182b4 , 1016px 1989px #2182b4 , 578px 1384px #2182b4 , 535px 1043px #2182b4 , 1220px 1305px #2182b4 , 1904px 194px #2182b4 , 406px 1640px #2182b4 , 390px 1367px #2182b4 , 397px 722px #2182b4 , 116px 210px #2182b4 , 1567px 1517px #2182b4 , 777px 1806px #2182b4 , 1832px 1119px #2182b4 , 83px 659px #2182b4 , 56px 389px #2182b4 , 1568px 183px #2182b4 , 820px 591px #2182b4 , 1502px 345px #2182b4 , 600px 910px #2182b4 , 380px 941px #2182b4 , 286px 1929px #2182b4 , 886px 1197px #2182b4 , 497px 1418px #2182b4 , 1128px 930px #2182b4 , 225px 821px #2182b4 , 1322px 1597px #2182b4 , 262px 430px #2182b4 , 1968px 1738px #2182b4;
}
@keyframes animStar {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
    }
}
@media screen and (max-width: 669px) {
    .Cybernet3-images {
        margin-bottom: 0;
    }
    .Cybernet3-section {
        margin-bottom: 230px;
    }
    /* added */
    .hero{
        margin-top:20%;
    }
    .hero::after {
        height: 45%;
        top: -4%;
    }
    /* END - added */
}

@media only screen and (max-width: 450px){
    .exchange-description{
        /* margin-bottom: 130px !important; */
        margin-bottom: 20px !important;
    }
    .shadow-effect.mt-5.pb-0{margin-top: 30px !important;}
}

@media screen and (max-width: 991px) and (min-width: 670px) {
    .Cybernet3-images {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
    .Cybernet3-images {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 480px) {
    .Cybernet3-images {
        margin-bottom: -40px;
    }
}
.sec-btn-AARKAY, .sec-btn-Cybernet3 {
    text-align: center;
    z-index: 9;
    margin-top: 40px;
}
.btn-AARKAY, .btn-Cybernet3 {
    position: relative;
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px;
    height: 55px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: block;
    padding-top: 16px;
    padding-right: 21px;
    text-decoration: navajowhite;
    margin: auto;
    background-image: linear-gradient(to right, var(--bs-orange), var(--bs-yellow), var(--bs-yellow), var(--bs-orange));
    box-shadow: 0 4px 15px 0 rgba(255, 255, 255, 0.55);
	/*background-image: linear-gradient(to right, #fc3ece, #27aee6, #5e91e0, #d950d2);
    box-shadow: 0 4px 15px 0 rgba(44, 172, 229, 0.55);*/
}
.btn-AARKAY:hover, .btn-Cybernet3:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
}
.btn-AARKAY:focus, .btn-Cybernet3:focus {
    outline: none;
}
.btn-AARKAY i, .btn-Cybernet3 i {
    position: absolute;
    right: 16px;
    top: 17px;
    font-size: 24px;
    transition: all .3s;
}
.btn-AARKAY:hover i, .btn-Cybernet3:hover i {
    right: 10px;
}
/* Realmscape section */
.Realmscape-section {
    /* padding-top: 250px; */
    position: relative;
}
.Realmscape-section .container {
    position: relative;
}
.Realmscape-section .container:before {
    content: "";
    background-image: url('../images/Realmscape-min.png');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .6;
    height: 100%;
    display: block;
    position: absolute;
    width: 100%;
    top: -100px;
    -webkit-mask: radial-gradient(white, transparent 73%);
}
.Realmscape-section h2 {
    font-family: "Poppins-Bold";
    font-size: 3rem;
    color: var(--white);
    margin-top: 10px;
}
.Realmscape-section h4 span {
    background: linear-gradient(to right, var(--bs-orange), var(--bs-yellow));
	/*background: linear-gradient(to right, var(--pink), var(--blue));*/
    background-clip: border-box;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2rem;
    font-family: "Poppins-Bold";
}
.Realmscape-section h4 span::-moz-selection {
    color: var(--white);
    background: var(--pink);
}
.Realmscape-section h4 span::selection {
    color: var(--white);
    background: var(--pink);
}
.Realmscape-description {
    position: relative;
    color: var(--white);
    font-size: 1.125rem;
    font-family: "Gilroy-Medium";
    z-index: 9;
}
.cd-slider {
	position: relative;
	width: 100%;
	height: 50rem;
	overflow: hidden;
	margin-bottom: 8rem;
}
.cd-slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s 1s;
  will-change: visibility;
}
.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	clip: rect(0, 80rem, 50rem, 80rem);
	transition: clip .5s cubic-bezier(0.99, 0.01, 0.45, 0.9) .5s;
  will-change: clip;
}
.content {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding: 2rem 0 0 2rem;
	font-size: 9rem;
	text-align: right;
}
.content h2 {
	text-overflow: ellipsis;
	overflow: hidden;
	transform: translateY(-30%);
	opacity: 0;
	transition: transform .5s, opacity .5s;
    will-change: transform, opacity;
}
.content a {
	display: inline-block;
	font-size: 1.3rem;
	text-transform: lowercase;
	padding: 1.5rem;
	opacity: 0;
	transform: translateY(-100%);
	transition: transform .5s .1s, opacity .5s .1s;
    will-change: transform, opacity;
    color: var(--white) !important;
    width: 30%;
}
li.current {
	visibility: visible;
	transition-delay: 0s;
}
li.current .image {
	clip: rect(0, 80rem, 50rem, 0);
}
li.current .content h2 {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1s;
}
li.current .content a {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1.1s;
}
li.prev_slide .image {
	clip: rect(0, 0, 50rem, 0);
}
.prev, .next, .counter {
	vertical-align: middle;
}
.prev, .next {
	position: relative;
	display: inline-block;
	height: 5rem;
	width: 5rem;
  border: 0;
  cursor: pointer;
  background: transparent;
}
.prev::before, .next::before {
	content: '';
	position: absolute;
	top: 50%;
    left: 0;
	transform: translateY(-50%);
	border: .8rem solid transparent;
	border-right-width: 1rem;
	border-right-color: #fff;
	border-left-width: 0;
	width: 0;
	height: 0;
}
.prev::after, .next::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateZ(0);
	left: .5rem;
	background: #fff;
	height: .1rem;
	min-height: 1px;
	width: 2.5rem;
	transition: width .3s;
}
.next::before {
	right: 0;
  left: auto;
	border-left-width: 1rem;
	border-left-color: #fff;
	border-right-width: 0;
}
.next::after {
	right: .5rem;
	left: auto;
}
.counter {
	display: inline-block;
	font-size: 2.5rem;
	font-family: "Poppins-SemiBold";
	font-style: italic;
}
.counter span:last-child::before {
	content: '/';
	margin: 0 1rem;
}
.prev:hover::after, .next:hover::after {
	width: 3.5rem;
}
@media screen and ( max-width: 550px ) {
	.image { width: 100%; }
	.content { padding-right: 2rem; }
	nav { left: 0; right: auto; }
}
#background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.nav_arrows {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
}
@media screen and (max-width: 669px) {
    .Realmscape-section {
        margin-top: -180px;
    }
}
@media screen and (max-width: 991px) {
    .Realmscape-section {
        padding-top: 80px;
    }
    li.current .image {
        width: 100%;
    }
    li.current .content a {
        width: 100%;
        text-shadow: 0 1px 5px #000;
    }
    li.current .content h2 {
        text-shadow: 0 1px 5px #000;
    }
    .roadmap-content-top, .roadmap-content-bottom {
        padding-left: 60px;
    }
    .roadmap-content-top .col-lg-4 ul, .roadmap-content-bottom .col-lg-4 ul,
    .roadmap-content-top .col-lg-4 h5, .roadmap-content-bottom .col-lg-4 h5 {
        position: relative;
    }
    .roadmap-content-top .col-lg-4 ul:before,
    .roadmap-content-bottom .col-lg-4 ul:before {
        content: "";
        position: absolute;
        background-color: #fff;
        width: 1px;
        height: 100%;
        left: -40px;
        box-shadow: 0 0px 41px 2px #fff;
    }
    .roadmap-content-top .col-lg-4 h5:before,
    .roadmap-content-bottom .col-lg-4 h5:before {
        content: "";
        height: 30px;
        width: 30px;
        left: -55px;
        top: 0;
        border-radius: 50%;
        position: absolute;
        background: #FFFFFF;
        filter: blur(3px);
    }
    .roadmap-content-top {
        padding-bottom: 0 !important;
    }
    .roadmap-content-bottom .cont-roadmap {
        margin-top: 0;
    }
    .roadmap-content-bottom .cont-roadmap .col-lg-4:last-child {
        margin-top: 0 !important;
    }
    .roadmap-content-bottom {
        position: relative;
    }
    .roadmap-content-bottom:before {
        content: "";
        background-image: url(../images/arrow-roadmap.svg);
        width: 40px;
        height: 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: -9px;
        left: 13px;
        transform: rotate(96deg);
    }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .Realmscape-section .container::before {
        top: 0;
    }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
    .Realmscape-section .container::before {
        /* top: 100px; */
        margin-top: -350px;
    }
    .Assetify-section {
        /* margin-top: -350px; */
        top: 100px;
    }
}
@media screen and (max-width: 767px) {
    .Realmscape-section .container::before {
        top: 300px;
    }
}

/* Assetify section */
.Assetify-section {
    /* margin-top: -300px; */
    padding-top: 250px;
    position: relative;
}
.Assetify-title {
    color: var(--white);
    font-size: 3rem;
    font-family: "Poppins-Bold";
}
.Assetify-subtitle {
    color: var(--white);
    font-size: 2rem;
    font-family: "Poppins-Regular";
    margin-bottom: 55px;
}
.Assetify-description {
    color: var(--white);
    font-size: 1.125rem;
    font-family: "Gilroy-Medium";
}
.desc-emphasis {
    font-size: 2rem;
}
.Assetify-left-vector {
    left: -261px;
    top: 2945px;
    border-radius: 0px;
    position: absolute;
    width: 480px;
    height: 467px;
    top: -200px;
    background: #fef562 /*26AFE6*/;
    opacity: 0.75;
    filter: blur(229.167px);
    -webkit-filter: blur(229.167px);
    -moz-filter: blur(229.167px);
    -o-filter: blur(229.167px);
    -ms-filter: blur(229.167px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='229.167px');
}
.Assetify-right-vector {
    right: -150px;
    border-radius: 0px;
    position: absolute;
    width: 480px;
    height: 467px;
    bottom: -300px;
    background: #ff8325 /*AD1AAF*/;
    opacity: 0.75;
    filter: blur(229.167px);
    -webkit-filter: blur(229.167px);
    -moz-filter: blur(229.167px);
    -o-filter: blur(229.167px);
    -ms-filter: blur(229.167px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='229.167px');
}
.Assetify-carousel .item {
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center; font-size:70px; color:#fff;
    height: 100%;;
}
.Assetify-carousel .item img {
    border-radius: 25px;
}
.Assetify-carousel .owl-stage-outer {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.Assetify-carousel .owl-carousel-content {
    width: 100%;
    height: 100%;
}
.owl-item:not(.active) + .owl-item.active .state-single {
    opacity: 0;
}
.phone-Assetify {
    position: absolute;
    border: 4px solid #3b444b;
    border-radius: 25px;
    height: 320px;
    z-index: 99;
    width: 500px;
}
.phone-Assetify-inside {
    width: 100%;
    height: 100%;
    border: 5px solid black;
    border-radius: 25px;
    position: relative;
}
.dynamic-island {
    width: 100px;
    height: 25px;
    background: black;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    margin: auto;
    z-index: 99999;
    transition: all .5s;
}
.dynamic-island-camera {
    color: white;
    position: absolute;
    top: 18px;
    right: 110px;
    background: #121212;
    box-shadow: 0 0 1px grey;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    z-index: 99999;
    transition: all .5s;
}
.link--carousel {
    color: #ff8325 /*#2175FF*/;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
}
.link--arrowed {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
}
.link--arrowed .arrow-icon {
    position: relative;
    top: -1px;
    transition: transform 0.3s ease;
    vertical-align: middle;
}
.link--arrowed .arrow-icon--circle {
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
}
.link-carousel-prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.link--arrowed:hover .arrow-icon {
    transform: translate3d(5px, 0, 0);
}
.link--arrowed:hover .arrow-icon--circle {
    stroke-dashoffset: 0;
}
.link--arrowed .arrow-icon g {
    transition: all .2s;
}
.link--arrowed:hover .arrow-icon g {
	stroke: var(--bs-orange);
    /*stroke: var(--blue);*/
}
.Assetify-carousel .owl-nav {
    margin-top: 15px;
    padding-left: 110px;
}
@media screen and (max-width: 1800px) and (min-width: 1550px) {
    .container-Assetify {
        width: 1500px;
    }
    .phone-Assetify {
        height: 420px;
        width: 278px;
    }
    .dynamic-island-camera {
        right: 100px;
    }
}
@media screen and (max-width: 1549px) and (min-width: 1400px) {
    .container-Assetify {
        width: 1380px;
    }
    .phone-Assetify {
        height: 380px;
        width: 580px;
    }
    .dynamic-island-camera {
        top: 18px;
        right: 88px;
    }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .container-Assetify {
        width: 1150px;
    }
    .phone-Assetify {
        height: 323px;
        width: 500px;
    }
    .dynamic-island-camera {
        right: 65px;
    }
    .Assetify-carousel .owl-nav {
        padding-left: 75px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .container-Assetify {
        padding-left: 80px;
    }
    .phone-Assetify {
        height: 427px;
        width: 285px;
    }
}
@media screen and (max-width: 991px) {
    .container-Assetify {
        width: 100%;
        max-width: 100%;
    }
    .phone-Assetify {
        display: none;
    }
    .container-Assetify {
        margin-left: unset;
    }
    .Assetify-carousel .owl-nav {
        text-align: center;
        padding-left: unset;
    }
}

/* Exchange Section */
.exchange-section {
    padding-top: 80px;
}
.exchange-description {
    color: var(--white);
    font-size: 1.125rem;
    font-family: "Gilroy-Medium";
    margin-bottom: 0;
    text-align: left;
}
.shadow-effect.mt-5.pb-0 {
    margin-top: 200px !important;
}

@media only screen and (max-width: 450px){
    .shadow-effect.mt-5.pb-0{margin-top: 30px !important;}
}
.exchange-device {
    position: relative;
    width: 100%;
    height: 550px;
    margin-top: -165px;
}
.cex-device {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../images/exchange-frame.png');
    background-size: cover;
    background-position: center center;
}
.exchange-screen {
    overflow: hidden;
    position: absolute;
    top: 25px;
    bottom: 88px;
    left: 63px;
    right: 245px;
    background-color: transparent;
    border-radius: 30px;
}
.exchange-carousel {
    height: 100%;
}
.exchange-carousel div {
    height: 100%;
}
.slider__item {
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.exchange-carousel .owl-dots {
    position: fixed;
    right: 225px;
    top: 80px;
    transform: rotate(90deg);
}
.exchange-carousel .owl-dots button {
    margin: 0 4px;
}
.exchange-carousel .owl-dots button span {
    background-color: var(--bs-orange);
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50rem;
    opacity: .5;
    transition: all .3s;
}
.exchange-carousel .owl-dots button.active span {
    width: 30px;
    opacity: 1;
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .exchange-screen {
        top: 62px;
        bottom: 115px;
        left: 53px;
        right: 209px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .exchange-device {
        margin-top: 0;
        height: 460px;
    }
    .exchange-screen {
        top: 52px;
        bottom: 97px;
        left: 42px;
        right: 172px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .exchange-device {
        margin-top: 0;
        width: 80%;
        height: 600px;
    }
    .exchange-screen {
        top: 41px;
        bottom: 107px;
        left: 62px;
        right: 253px;
    }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
    .exchange-device {
        margin-top: 0;
    }
    .exchange-screen {
        top: 41px;
        bottom: 97px;
        left: 57px;
        right: 228px;
    }
}
@media screen and (max-width: 1199px) {
    .exchange-carousel .owl-dots {
        display: none;
    }
}
@media screen and (max-width: 575px) {
    .cex-device {
        width: 370px;
        background-size: contain;
        background-position: bottom;
    }
    .exchange-device {
        margin-top: -110px;
    }
    .exchange-screen {
        top: 131px;
        bottom: 100px;
        left: 43px;
        right: 175px;
    }
    .shadow-effect.mt-5.pb-0 {
        margin-top: 30px !important;
        overflow: hidden;
    }
}
/* Tokenomics Section */
.chart-wrapper {
    max-width: 600px;
    margin: auto;
}
#testBtn {
    display: none;
}
input.radiobutton {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    outline: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
input.radiobutton:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
	background: var(--bs-yellow);
    /*background: #74E0E6;*/
    opacity: 0;
    filter: blur(30px);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px;
    transition: all .3s;
}
input.radiobutton:hover:before {
    opacity: .2;
}
input.radiobutton:checked:before {
    opacity: 0.5;
}
input.radiobutton:checked + label.radiobutton-label {
    color: white;
}
input.radiobutton:checked + label.radiobutton-label:after {
    content: "✓";
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    background-color: white;
    color: #2196f3;
    box-shadow: 0px 0px 0px 2px #2196f3;
    z-index: 999;
    position: absolute;
    top: -6px;
    right: -6px;
}
label.radiobutton-label {
    width: 164px;
    height: 123px;
    position: relative;
    font-size: 23.625px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    color: darkgray;
    text-align: center;
    font-size: 1.6rem;
    cursor: pointer;
    font-weight: bold;
}
label.radiobutton-label span {
    font-size: 1rem;
    font-weight: normal;
}
.tokenomics-left-vector {
    left: -261px;
    top: 500px;
    border-radius: 0px;
    position: absolute;
    width: 480px;
    height: 467px;
    background: #fef562 /*26AFE6*/;
    opacity: 0.75;
    filter: blur(229.167px);
    z-index: 9;
}
.tokenomics-section {
    padding-top: 100px;
    margin-bottom: 80px;
    position: relative;
}
.title-tokenomics h4 span {
    background: linear-gradient(to right, var(--bs-orange), var(--bs-yellow));
	/*background: linear-gradient(to right, var(--pink), var(--blue));*/
    background-clip: border-box;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2rem;
    font-family: "Poppins-Bold";
}
.title-tokenomics h4 span::-moz-selection {
    color: var(--white);
    background: var(--pink);
}
.title-tokenomics h4 span::selection {
    color: var(--white);
    background: var(--pink);
}
.title-tokenomics h2 {
    font-family: "Poppins-Bold";
    font-size: 3rem;
    color: var(--white);
    margin-top: 10px;
    position: relative;
    z-index: 9;
}
#chart-container{
    height: 500px;
    margin-top: 50px; 
}
#chart-container{
    height: 500px; 
    position: relative;
}
#chart_container:before {
    content: "";
    background-color: var(--main-bg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 190px;
    height: 20px;
    z-index: 99;
}
.raphael-group-4-plots text, .raphael-group-5-plots text ,
.raphael-group-6-plots text , .raphael-group-7-plots text ,
.raphael-group-8-plots text ,.raphael-group-9-plots text {
    fill: #fff !important;
    font-family: "Poppins-Medium" !important;
    font-size: 1rem !important;
}
.raphael-group-50-labels text, .raphael-group-49-labels text {
    fill: #fff !important;
    font-family: "Poppins-Medium" !important;
    font-size: .8rem !important;
}
#raphael-paper-2 g:nth-child(4), #raphael-paper-3 g:nth-child(4) {
    display: none !important;
}
.tokenomics-lists {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.tokenomics-lists li {
    background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
    border-width: 2.5px 0px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(17.5px);
    -webkit-backdrop-filter: blur(17.5px);
    padding: 20px;
    border-radius: 14px;
    text-align: center;
    color: var(--white);
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
    font-family: "Poppins-Medium";
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.tokenomics-lists li:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 23px;
    width: 20px;
    height: 20px;
    transition: .3s;
}
.tokenomics-lists li:nth-child(1):before {
    background-color: #57279a;
}
.tokenomics-lists li:nth-child(2):before {
    background-color: #6d2193;
}
.tokenomics-lists li:nth-child(3):before {
    background-color: #831a8d;
}
.tokenomics-lists li:nth-child(4):before {
    background-color: #991486;
}
.tokenomics-lists li:nth-child(5):before {
    background-color: #ae0e7f;
}
.tokenomics-lists li:nth-child(6):before {
    background-color: #c40779;
}
.tokenomics-lists li:nth-child(7):before {
    background-color: #da0172;
}
.tokenomics-lists li:nth-child(8):before {
    background-color: #e90181;
}
.tokenomics-lists li:nth-child(9):before {
    background-color: #fd0195;
}
@media screen and (max-width: 991px) {
    #chart-container {
        margin-top: -50px;
    }
}
@media screen and (min-width: 1200px) {
    .chart-info-xs {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .tokenomics-left-vector {
        display: none;
    }
    .chart-info-xs {
        display: none;
        position: absolute;
        bottom: 50px;
        color: #fff;
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 9;
    }
    .chart-info-xs h5 {
        font-family: "Poppins-Light";
    }
    .chart-info-xs h4 {
        font-family: "Poppins-Bold";
    }
    #chart-container {
        position: relative;
    }
    #chart-container:before {
        content: "";
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: var(--main-bg);
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        bottom: 0;
        margin: auto;
        z-index: 99;
        transform: translateY(-195%);
    }
}
@media screen and (max-width: 991px) {
    #chart-container {
        margin-top: -100px;
    }
    #chart_container:before {
        bottom: 0;
    }
}

/* Roadmap Section */
.roadmap-section {
    padding-top: 80px;
    padding-bottom: 0;
    position: relative;
}
.roadmap-section:before {
    content: "";
    background-image: url(../images/Frame.html\ 866.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    width: 400px;
    position: absolute;
    left: 0;
    bottom: -200px;
    top: 0;
    margin: auto;
}
.title-roadmap {
    color: var(--white);
    font-size: 3rem;
    font-family: "Poppins-Bold";
}
.description-roadmap {
    color: var(--white);
    font-size: 1.125rem;
    font-family: "Gilroy-Medium";
    margin-bottom: 0;
}
.roadmap-content-top {
    position: relative;
    padding-bottom: 160px;
}
.roadmap-content-top:before {
    content: "";
    background-image: url(../images/roadmap1.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
	filter: opacity(40%);
    width: 100%;
    height: 600px;
    position: absolute;
    right: 0;
    top: -50px;
}
.title-ourteam {
    margin-top: 15px;
    margin-bottom: 25px;
    color: var(--white);
    font-size: 3rem;
    font-family: "Poppins-Bold";
}
.cont-ourteam{
    text-align: center;
    color: var(--white);
    margin-top: 10px; 
}
.img-ourteam{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 190px;
}
.cont-roadmap {
    margin-left: 400px;
    color: var(--white);
    margin-top: 70px;
}
.cont-roadmap h5 {
    font-family: "Gilroy-SemiBold";
    font-size: 1.75rem;
}
.cont-roadmap ul {
    padding-left: 15px;
}
.cont-roadmap ul li {
    font-family: "Poppins-Light";
    font-size: 1.125rem;
    opacity: .8;
}
.roadmap-content-bottom .cont-roadmap .col-lg-4:first-child {
    margin-top: 40px;
}
.roadmap-content-bottom .cont-roadmap .col-lg-4:last-child {
    margin-top: -70px;
}
@media screen and (max-width: 1800px) and (min-width: 1400px) {
    .roadmap-content-top .cont-roadmap .col-lg-4:last-child {
        margin-top: -40px;
        padding-bottom: 230px;
    }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
    .roadmap-content-top .cont-roadmap .col-lg-4 {
        margin-top: -80px;
    }
    .roadmap-content-top .cont-roadmap {
        padding: 50px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 991px) {
    .cont-roadmap {
        margin-left: auto;
    }
    .roadmap-section::before, .roadmap-content-top::before {
        display: none;      
    }
}

/* Company Section*/
.company-section {
    padding-top: 250px;
    position: relative;
    padding-bottom: 400px;
    z-index: 0;
}
.company-section:before {
    content: "";
    background-image: url(../images/end-bg2.png);
    position: absolute;
    bottom: 0;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: .5;
}
.company-section:after {
    content: "";
    height: 110px;
    width: 100%;
    background-image: linear-gradient(#ffc10714, transparent);
    position: absolute;
    top: 0;
}
.title-company {
    font-family: "Poppins-Bold";
    font-size: 3rem;
    color: var(--white);
    text-align: center;
    z-index: 9;
    position: relative;
}
.companies-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    margin-top: 70px;
}
.companies-list li {
    color: var(--white);
    font-family: "Poppins-Bold";
    font-size: 2rem;
    margin: auto;
    cursor: default;
    opacity: .5;
    transition: all .3s;
}
.companies-list li:hover {
    opacity: .8;
}
.company-right-vector {
    top: -150px;
    border-radius: 0px;
    position: absolute;
    width: 480px;
    height: 467px;
    right: -344px;
    background: #fef562 /*26AFE6*/;
    opacity: 0.75;
    filter: blur(229.167px);
    -webkit-filter: blur(229.167px);
    -moz-filter: blur(229.167px);
    -o-filter: blur(229.167px);
    -ms-filter: blur(229.167px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='229.167px');
    z-index: 9;
}
/* Partners */
.partners-section {
    margin-top: 70px;
}
.partners-section h2 {
    margin-bottom: 50px;
}
@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
.slider {
    background: transparent;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slider .slide-track {
    -webkit-animation: scroll 40s linear infinite;
            animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 20);
}
.slider .slide {
    height: 100px;
    width: 250px;
    position: relative;
}
.slider .slide img {
    width: 180px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* Global */
.particle-pen {
	position: absolute;
	width: 100%;
    height: 150%;
	aspect-ratio: 1;
	top: -50%;
	left: 0;
    right: 0;
    bottom: 0;
	-webkit-mask: radial-gradient(white, transparent 65%);
	z-index: 9;
	opacity: 1;
	transition: opacity var(--transition);
}
.particle {
	fill: white;
	width: calc(var(--size, 0.25) * 1rem);
	aspect-ratio: 1;
	position: absolute;
	top: calc(var(--y) * 1%);
	left: calc(var(--x) * 1%);
	opacity: 1;
	-webkit-animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
	        animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
	transform-origin: var(--origin-x, 1000%) var(--origin-y, 1000%);
	z-index: -1;
}
.particle path {
	fill: /*#fffa6a*/ #fd7e14;
	stroke: none;
}
.particle:nth-of-type(even) {
	animation-direction: reverse;
}
.our-team {
    position: relative;
    z-index: 9;
    padding-top: 70px;
}
@-webkit-keyframes float-out {
	to {
		rotate: 360deg;
	}
}
@keyframes float-out {
	to {
		rotate: 360deg;
	}
}
.shootingStarSection {
    height: 100%;
    width: 70%;
    position: relative;
    transform: rotate(25deg);
    margin: auto;
}
.shootingStarSection span {
    position: relative;
    width: 1px;
    height: 1px;
    background-color: #39cafd;
    position: fixed;
    animation-name: particleAnimation;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.shootingStarSection span::before {
    position: absolute;
    display: block;
    content: "";
    width: 100px;
    right: 1px;
    top: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(57, 202, 253, 0.4) 100%);
}
.shootingStarSection span:nth-of-type(1) {
    top: 25%;
    animation-duration: 10s;
}
.shootingStarSection span:nth-of-type(2) {
    top: 50%;
    animation-duration: 5s;
}
.shootingStarSection span:nth-of-type(3) {
    top: 75%;
    animation-duration: 20s;
}
@keyframes particleAnimation {
    from {
        left: -100px;
    }
    to {
        left: calc(100% + 100px);
    }
}
@media screen and (max-width: 1727px) {
    .company-section {
        padding-top: 0;
    }
}
@media screen and (max-width: 991px) {
    .company-section {
        margin-top: -145px;
    }
    .Cybernet3-right-vector,
    .Assetify-right-vector,
    .company-right-vector {
        display: none;
    }
    .partners-section {
        margin-bottom: 130px;
    }
}



.slow-spin::before {
	content: "";
	background: url('../images/aarka-sun.png') no-repeat center top;
}