input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
body, html {
    margin: 0;
    padding: 0;
}
/* хром, сафари */
body::-webkit-scrollbar { width: 0; }
.scrollable-block::-webkit-scrollbar {
    display: none;
}
.scroll-parent::-webkit-scrollbar {
    display: none;
}
/* ie 10+ */
body { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/

/* Firefox */
*{
	padding: 0;
	margin: 0;
	border: 0;
    box-sizing: border-box;
}
*,*::before,::after{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
height: 100%;
width: 100%;
font-size: 100%;
line-height: 1;
font-size: 14px;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;  
font-family: "Motiva Sans", Sans-serif;
font-weight: 400;
scroll-behavior: smooth;
}
body{
    overflow-x: hidden;
    width: 100vw;
}
input,button,textarea{font-family: inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner{padding: 0;border: 0;}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
/* ul li{list-style: none;} kokoko */
img{vertical-align: top;}

h1{
    text-align: center;
    text-shadow: 0px 0px 127.796px rgba(17, 255, 185, 0.05);
    font-family: "Forma DJR Micro";
    font-size: 200px;
    font-style: normal;
    font-weight: 800;
    line-height: 67%;
    letter-spacing: -10px;
    background: linear-gradient(112deg, #FFF 52.54%, rgba(221, 251, 255, 0.90) 74.37%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 5px;

}
h1 span{
    -webkit-text-fill-color: #41FFF4 !important;
    color: #41FFF4 !important;
    font-family: Brick;
    font-size: 200px;
    font-style: normal;
    font-weight: 400;
    line-height: 67%;
    letter-spacing: -10px;
}
h2{
    text-shadow: 0px 0px 127.796px rgba(17, 255, 185, 0.05);
    font-family: "Forma DJR Micro";
    font-size: 82px;
    font-style: normal;
    font-weight: 600;
    line-height: 69%; /* 56.58px */
    letter-spacing: -1.64px;
    background: linear-gradient(98deg, #FFF 40.23%, rgba(195, 255, 251, 0.93) 113%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 5px;
}
h2 span{
    color: #41FFF4;
    font-family: Brick;
    font-size: 82px;
    font-style: normal;
    font-weight: 400;
    line-height: 69%; /* 56.58px */
    letter-spacing: -1.64px;
    -webkit-text-fill-color: #41FFF4 !important;
}
h3{
    text-shadow: 0px 0px 140.542px rgba(17, 255, 185, 0.05);
    font-size: 62px;
    font-style: normal;
    font-weight: 700;
    line-height: 80%; 
    letter-spacing: -1.24px;
    background: linear-gradient(98deg, #FFF 40.23%, rgba(195, 255, 251, 0.93) 113%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 5px;
}
h3 span{
    color: #41FFF4;
    font-family: Brick;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -1.6px;
    -webkit-text-fill-color: #41FFF4 !important;
}
h4{
    text-shadow: 0px 0px 140.542px rgba(17, 255, 185, 0.05);
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 81%; /* 42.12px */
    letter-spacing: -1.04px;
    background: linear-gradient(98deg, #FFF 40.23%, rgba(195, 255, 251, 0.93) 113%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 5px;
}
h4 span{
    color: #41FFF4;
    text-shadow: 0px 0px 140.542px rgba(17, 255, 185, 0.05);
    font-family: Brick;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 81%; /* 42.12px */
    letter-spacing: -1.04px;
    -webkit-text-fill-color: #41FFF4 !important;
}
img{
	pointer-events: none;
}
body{
	-webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    scroll-behavior: smooth;
    background: rgb(0, 0, 0);
    font-family: 'Forma DJR Micro';
    color: white;
}
.tae{
    text-align: end;
}
.tac{
    text-align: center;
}
/* ......................................................... */
@font-face {
    font-family: 'Forma DJR Micro';
    src: url('../fonts/FormaDJRMicro-Bold.eot');
    src: local('../fonts/Forma DJR Micro Bold'), local('../fonts/FormaDJRMicro-Bold'),
        url('../fonts/FormaDJRMicro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FormaDJRMicro-Bold.woff2') format('woff2'),
        url('../fonts/FormaDJRMicro-Bold.woff') format('woff'),
        url('../fonts/FormaDJRMicro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: 400;

}

@font-face {
    font-family: 'Forma DJR Micro';
    src: url('../fonts/FormaDJRMicro-Light.eot');
    src: local('../fonts/Forma DJR Micro Light'), local('../fonts/FormaDJRMicro-Light'),
        url('../fonts/FormaDJRMicro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FormaDJRMicro-Light.woff2') format('woff2'),
        url('../fonts/FormaDJRMicro-Light.woff') format('woff'),
        url('../fonts/FormaDJRMicro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: 400;

}

@font-face {
    font-family: 'Forma DJR Micro Extra';
    src: url('../fonts/FormaDJRMicro-ExtraLight.eot');
    src: local('../fonts/Forma DJR Micro Extra Light'), local('../fonts/FormaDJRMicro-ExtraLight'),
        url('../fonts/FormaDJRMicro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FormaDJRMicro-ExtraLight.woff2') format('woff2'),
        url('../fonts/FormaDJRMicro-ExtraLight.woff') format('woff'),
        url('../fonts/FormaDJRMicro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: 400;

}

@font-face {
    font-family: 'Forma DJR Micro';
    src: url('../fonts/FormaDJRMicro-Black.eot');
    src: local('../fonts/Forma DJR Micro Black'), local('../fonts/FormaDJRMicro-Black'),
        url('../fonts/FormaDJRMicro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FormaDJRMicro-Black.woff2') format('woff2'),
        url('../fonts/FormaDJRMicro-Black.woff') format('woff'),
        url('../fonts/FormaDJRMicro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: 400;

}

@font-face {
    font-family: 'Forma DJR Micro';
    src: url('../fonts/FormaDJRMicro-Medium.eot');
    src: local('../fonts/Forma DJR Micro Medium'), local('../fonts/FormaDJRMicro-Medium'),
        url('../fonts/FormaDJRMicro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FormaDJRMicro-Medium.woff2') format('woff2'),
        url('../fonts/FormaDJRMicro-Medium.woff') format('woff'),
        url('../fonts/FormaDJRMicro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: 400;

}

@font-face {
    font-family: 'Forma DJR Micro Extra';
    src: url('../fonts/FormaDJRMicro-ExtraBold.eot');
    src: local('../fonts/Forma DJR Micro Extra Bold'), local('../fonts/FormaDJRMicro-ExtraBold'),
        url('../fonts/FormaDJRMicro-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FormaDJRMicro-ExtraBold.woff2') format('woff2'),
        url('../fonts/FormaDJRMicro-ExtraBold.woff') format('woff'),
        url('../fonts/FormaDJRMicro-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: 400;

}

@font-face {
    font-family: 'Forma DJR Micro';
    src: url('../fonts/FormaDJRMicro-Regular.eot');
    src: local('../fonts/Forma DJR Micro Regular'), local('../fonts/FormaDJRMicro-Regular'),
        url('../fonts/FormaDJRMicro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FormaDJRMicro-Regular.woff2') format('woff2'),
        url('../fonts/FormaDJRMicro-Regular.woff') format('woff'),
        url('../fonts/FormaDJRMicro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: 400;

}

@font-face {
    font-family: 'Brick';
    src: url('../fonts/Brick-BF64a7c781382ef.woff') format('woff'),
         url('../fonts/Brick-BF64a7c7813c8ac.otf') format('opentype');
    font-weight: 400;
    font-style: 400;
}

@font-face {
    font-family: 'Brick';
    src: url('../fonts/Brick-Variant-BF64a7c7812c539.otf') format('opentype');
    font-weight: 700;
    font-style: 400;
}
@font-face {
    font-family: 'GeistMono';
    src: url('../fonts/GeistMonoVF.woff2') format('woff2'),
         url('../fonts/GeistMonoVF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeistMono';
    src: url('../fonts/GeistMono-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'GeistMono';
    src: url('../fonts/GeistMono-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* ....................................................... */
body.lock{
    overflow: hidden;
}
.rel{
	position: relative;
}
.heig{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.vh100{
    height: 100vh;
}
.jflex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.jend{
	display: flex;
	justify-content: end;
	align-items: center;
}
.flex{
	display: flex;
	align-items: center;
}
.jcsb{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dfais{
    display: flex;
    align-items: center;
}
.container{
	max-width: 1500px;
	width: 100%;
	margin: 0px 30px;
	position: relative;
}
.container-widely{
	max-width: 1620px;
	width: 100%;
	margin: 0px 30px;
	position: relative;
}
.ofhidden{
    overflow: hidden;
}
.ais{
    align-items: start;
}
.aic{
    align-items: center;
}
.h-max-cont{
    height: max-content;
    padding-top: 10vh;
}
/* ............................... */
.start-page{
    width: 100%;
    height: 100vh;
    background-image: url(../img/main/bg-start.svg);
    background-size: cover;
    background-position: center;
}
.header-main{
    background: linear-gradient(180deg, rgba(5, 6, 11, 0.90) 31.11%, rgba(5, 6, 11, 0.00) 100%);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 25px 30px;
    backdrop-filter: blur(5px);
    z-index: 5;
}
.centered-nav{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 3px;
    border-radius: 666px;
    background: rgba(153, 153, 153, 0.10);
}
.centered-nav .nav-el.active{
    background: rgba(214, 220, 229, 0.25);
    box-shadow: 0px 0px 18.4px 0px rgba(0, 0, 0, 0.05), 0px 4px 18.4px 0px rgba(0, 0, 0, 0.25);
    color: #FFF;
}
.centered-nav .nav-el:hover{
    color: #FFF;
    transition: 0.4s;
}
.centered-nav .nav-el{
    padding: 10px 14px;
    border-radius: 666px;
    position: relative;
    color: rgba(255, 255, 255, 0.50);
    cursor: pointer;
    transition: 0.4s;
}
.nav-el::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.08);
    top: 50%; 
    right: -2px; 
    transform: translateY(-50%); 
}
.nav-el:last-child::after {
    content: none;
}
.flex-gap6{
    display: flex;
    align-items: center;
    gap: 6px;
}
.progress-container {
    position: absolute;
    width: 100%;
    height: 2px;
    background: transparent;
    top: 0;
    left: 0;
    z-index: 100;
}

.progress-bar {
    height: 2px;
    background: #41FFF4; 
    width: 0;
}
.whsgsdfg{
    height: 100vh;
}
.sound-bar{
    border-radius: 6666px;
    border: 1px solid rgba(188, 212, 255, 0.15);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) inset;
    backdrop-filter: blur(25px);
    padding-right: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.lang-wrap{
    border-radius: 6666px;
    border: 1px solid rgba(188, 212, 255, 0.15);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) inset;
    backdrop-filter: blur(25px);
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.laungvich-wrap {
	position: relative;

}
.laungvich {
    display: flex;
    align-items: center;
	cursor: pointer;
	gap: 6px;
	align-items: center;
}
.laungvich>p{
	color: #FFF;

	font-size: 13.5px;
	font-style: normal;
	font-weight: 400;
	line-height: 115%; /* 15.525px */
}
.laungvic-choice-wrap{
	display: inline-flex;
	padding: 3px;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	display: none;
	position: absolute;
    top: 50px;
    left: 0px;
    border-radius: 14px;
    background: rgba(188, 212, 255, 0.10);
    backdrop-filter: blur(12.5px);
	margin-top: 8.5px;
	width: 83px;
}
.aflex-gap12{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 6px;
}
.aflex-gap12 img{
    border-radius: 9999px;
    overflow: hidden;
}
.svg-clip-header{
    border-radius: 50%;
    overflow: hidden;
}
.aflex-gap12 p{
    color: #FFF;

font-family: "Forma DJR Micro";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 115%; /* 18.4px */
letter-spacing: -0.16px;
}
.mt14{
	margin-top: 14px;
}
.arrow-down{
	transition: transform 0.4s ease;
}
.rotated {
    transform: rotate(180deg);
    transition: transform 0.4s ease;
}

.aflex-gap12.activ{
	background: rgba(255, 255, 255, 0.03);
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
}
.mute-sound{
    padding: 11px;
    border-radius: 6666px;
    background: #293F59;
    backdrop-filter: blur(25px);
}
.sound-lang{
    display: flex;
    align-items: center;
    gap: 24px;
}
.range-sound {
    width: 100px; 
    display: flex;
    align-items: center;
}
.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px; /* Высота трека ползунка */
    background: #3a3a3a; /* Цвет фона трека */
    outline: none;
    opacity: 0.7;
    border-radius: 5px; /* Скругление трека */
    transition: opacity 0.2s;
}
.slider:hover {
    opacity: 1;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px; /* Ширина бегунка */
    height: 10px; /* Высота бегунка */
    background: #fff; /* Цвет бегунка */
    border-radius: 50%; /* Скругление бегунка */
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); /* Тень для бегунка */
    position: relative;
    top: -3px;
    z-index: 1;
}

.slider::-moz-range-thumb {
    width: 8px; /* Ширина бегунка */
    height: 8px; /* Высота бегунка */
    background: #fff; /* Цвет бегунка */
    border-radius: 50%; /* Скругление бегунка */
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); /* Тень для бегунка */
    position: relative;
    z-index: 1;
}
.slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: linear-gradient(to right, #fff 0%, #fff var(--value, 50%), #3a3a3a var(--value, 50%), #3a3a3a 100%);
    border-radius: 5px;
}
.slider::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: linear-gradient(to right, #fff 0%, #fff var(--value, 50%), #3a3a3a var(--value, 50%), #3a3a3a 100%);
    border-radius: 5px;
}
.subtitle-start{
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 66%; 
    letter-spacing: 0.38px;
}
.subtitle-start span{
    color: #41FFF4;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 66%;
    letter-spacing: 0.38px;
}
.mt32px{
    margin-top: 32px;
}
.arrow-down-slide{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.subtitle-arrow{
    text-align: center;
    color: rgba(255, 255, 255, 0.60);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; 
    letter-spacing: 0.36px;
    margin-top: 16px;
}
.subtitle-arrow span{
    color: rgba(255, 255, 255, 0.35);
}
.animate-arrow {
    animation: bounce 1.5s infinite;
}
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
.img-uniq{
    max-width: 720px;
    width: 100%;
}
.img-uniq img{
    width: 100%;
}
.unique-block{
    padding-top: 160px;
}
.marked-list-uni{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
    max-width: 525px;
    width: 100%;
}
.marked-list-uni p::before{
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.45;
}
.marked-list-uni p{
    position: relative;
    color: rgba(255, 255, 255, 0.45);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 137%; /* 27.4px */
    letter-spacing: 0.2px;
    padding-left: 34px;
}
.swiper-size-class{
    width: 100%;
}
.swiper-pagination-custom {
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 4px;
    background: #FC0D64;
    transition: width 0.5s ease;
    border-radius: 14px;
    z-index: 1;
    height: 40px;
}
.swiper-slide{
    padding-bottom: 3px;
    width: max-content;
}
.img-slider{
    position: relative;
    z-index: 2;
}
.style img{
    width: 100%;
    border-radius: 14px;
}
.swiper-slide {
    transition: transform 0.5s, filter 0.5s;
}
.swiper-slide-prev,
.swiper-slide-next {
    filter: blur(5px);
}
.img-slider{
    width: 100%;
}
.slider-block{
    margin-top: 160px;
}
.unique-sliderbig{
    background: url(../img/main/bg-uniq.svg);
    background-repeat: no-repeat;
    background-position: 50% 60%; 
}
.roadmap{
    border-radius: 24px;
    background: linear-gradient(241deg, rgba(255, 255, 255, 0.05) 20.55%, rgba(63, 63, 63, 0.05) 99.82%);
    backdrop-filter: blur(50px);
    padding: 100px;
    gap: 33px;
    width: 100%;
    margin-top: 160px;
}
.numerick{
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #282828;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.50);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
}
.numerick.active{
    background: #FFF;
    color: #000;
}
.comt-block-road{
    padding: 15px;
    border-radius: 20px;
    border-top: 1px solid #282D37;
    background: #141414;
}
.comt-block-road.active{
    border-top: 1px solid #41FFF4;
    box-shadow: 2px 24px 60px -20px rgba(0, 0, 0, 0.20), -8px 12px 40px 0px rgba(0, 0, 0, 0.25), 0px 86px 56px -32px rgba(0, 0, 0, 0.35), 0px 3px 6px 0px rgba(255, 255, 255, 0.05) inset;
    background: linear-gradient(180deg, #272828 0%, #13161C 100%), 
    url('../img/main/bg-active-q.svg') no-repeat;

}
.gap4{
    gap: 4px;
}
.gap16{
    gap: 16px;
}
.text-q-road{
    max-width: 310px;
    width: 100%;
}
.q-data-item{
    padding: 5px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.15);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
    letter-spacing: -0.6px;
}
.action-road{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: -0.6px;
    padding: 5px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.text-road{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 29px */
    letter-spacing: 0.2px;
    margin-top: 10px;
}
.img-banner{
    max-width: 345px;
    width: 100%;
    margin-top: 41px;
    overflow: hidden; 
    transform-origin: top; 
    opacity: 0; 
    transition: opacity 0.5s ease-out;
}
.img-banner.reveal {
    opacity: 1; 
    animation: expand 2s ease-out forwards; 
}
@keyframes expand {
    0% {
        height: 0; 
        transform: scaleY(0); 
    }
    100% {
        height: auto; 
        transform: scaleY(1); 
    }
}
.coin-size-img{
    max-width: 450px;
    width: 100%;
}
.roadmap-data{
    width: 70%;
}
.vector-position{
    margin-top: 44px;
    margin-right: 15px;
}
.w352{
    max-width: 352px;
}
.vector-position-sec{
    margin-left: 38px;
}
.w523{
    max-width: 523px;
}
.comt-block-road{
    max-width: 623px;
}
.w100{
    width: 100%;
}
.animate-scroll-road{
    width: 100%;
    position: relative;
}
.q1-road{
    opacity: 0;
    transition: 0.5s;
}
.q1-road.visible{
    opacity: 1;
}
.left-player{
    max-width: 770px;
    width: 100%;
    border-radius: 32px;
    overflow: hidden;    
}
.left-player video{
    width: 100%;
}
.subtitle-grey{
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 137%; /* 27.4px */
    letter-spacing: 0.2px;
    margin-top: 16px;
    max-width: 510px;
}
model-viewer {

    --rotation-per-second: 45deg;
}
.gap50{
    gap: 50px;
}
.overlay{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 99999999999999;
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(2.5px);
    display: none;
}
.popup-download{
    padding: 32px;
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    background: linear-gradient(180deg, #0C0D14 0%, #020202 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 440px;
    width: 100%;
}
.abs-icon-pop{
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
}
.subtitle-opensea{
    color: rgba(255, 255, 255, 0.50);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 137%; /* 27.4px */
    letter-spacing: 0.2px;
    margin-top: 14px;
}
.browse-opensea{
    padding: 15px 14px;
    border-radius: 666px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #41FFF4;
    box-shadow: 0px 0px 32px 0px rgba(65, 255, 244, 0.05);
    backdrop-filter: blur(12.5px);
    display: flex;
    align-items: center;
    gap: 10px;
}
.flex-raw-opensea{
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 30px;
}
.style-off-oc{
    padding: 10px 20px;
    border-radius: 10px;
    background: linear-gradient(180deg, #0F0F14 0%, #0E0F15 100%), #FFF;
    border: 1px solid rgba(255, 255, 255, 0.25);
    max-width: 180px;
    width: 100%;
    cursor: pointer;
    transition: 0.3s;
}
.base-text{
    color: #878787;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 137%; /* 24.66px */
    letter-spacing: 0.18px;
}
.label-terms{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 27.5px */
    letter-spacing: 0.22px;
    margin: 12px 0px;
}
.main-page{
    width: 100%;
}
.mb-headerd{
    margin-top: 170px;
    margin-bottom: 60px;
}
.style-off-oc.active{
    border: 1px solid #FFF;
    background: #1A1B21;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.25);
}
.load-screen{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: #000;
}
.button-abs-join{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    max-width: 350px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 14px;
    border-radius: 666px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    background: #41FFF4;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10), 0px 10px 32px 0px rgba(65, 255, 244, 0.05);
    backdrop-filter: blur(12.5px);
    gap: 16px;
}
.button-abs-join span{
    color: #000;
    text-align: center;
    font-family: "Forma DJR Micro";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 23px */
    letter-spacing: 0.4px;
}
.header-loader{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    padding: 0px 50px;
    top: 50px;
    left: 0;
    z-index: 5;
}
.logo-abs{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#model-viewe {
    width: 100%;
    height: 100%;
    position: relative;
    transform: scale(1);
    transition: transform 10s ease;
}

.style-off-oc.error{
    border: 1px solid red;
}
.error{
    border: 1px solid red !important;
}
.style-off-oc.active .title-oc{
    color: rgba(255, 255, 255, 1);
    transition: 0.3s;
}
.choose-oc-raw{
    margin-top: 30px;
}
.btn-start-op{
    padding: 24px 15.004px;
    border-radius: 43px;
    background: radial-gradient(73.57% 169.86% at 26.8% 100%, rgba(255, 255, 255, 0.00) 8.84%, rgba(255, 255, 255, 0.15) 100%), #41FFF4;
    box-shadow: 0px 0px 40px 0px rgba(94, 255, 246, 0.48), 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(13.39686107635498px);
    color: rgba(0, 0, 0, 0.90);
    margin-top: 30px;
    text-align: center;
    font-family: "Forma DJR Micro";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%; /* 27.6px */
    letter-spacing: 2.4px;
    text-transform: uppercase;
    max-width: 320px;
    width: 100%;
}
.label-oc{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.no-scroll {
    overflow: hidden;
}
.btn-popup-continue{
    border-radius: 10px;
    background: #41FFF4;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.25), 0px 22.787px 27.344px 0px rgba(131, 246, 90, 0.04);
    padding: 14px 20.508px;
    width: 100%;
    color: #0C0C1C;
    text-align: center;
    font-family: "Forma DJR Micro";
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 129.412% */
    letter-spacing: 0.17px;
    margin-top: 30px;
}
.title-oc{
    color: rgba(255, 255, 255, 0.50);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 119%; /* 21.42px */
    letter-spacing: 0.18px;
    transition: 0.3s;
}
.close-pop-btn{
    cursor: pointer;
}
.chooseoc{
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 81%; /* 24.3px */
    letter-spacing: -0.3px;
    margin-top: 70px;
}
.subtitle-pop{
    color: rgba(255, 255, 255, 0.60);
    margin-top: 8px;
    font-size: 17.09px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.635px */
    letter-spacing: 0.171px;
    text-align: center;
}
.btn-join-grey{
    display: flex;
    padding: 15px 20px;
    border-radius: 666px;
    border: 1px solid #FFF;
    background-color: transparent;
    backdrop-filter: blur(12.5px);
    gap: 10px;
    font-size: 16px;
    max-width: 170px;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    color: #FFF;
}
.item {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.item:hover {
    transform: scale(1.05);
    border: 2px solid #41FFF4;
    border-radius: 12px;
    overflow: hidden;
} 
.label-slide-bft{
    display: flex;
    align-items: center;
    gap: 2px;
}
.size-im{
    width: 16px;
    height: 16px;
}
.label-nft{
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-top: 4px;
}
.info-nft{
    color: rgba(255, 255, 255, 0.65);
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    font-family: "Forma DJR Micro";
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 18.125px */
    letter-spacing: 0.29px;
    margin-top: 5px;
}
.info-nft span{
    color: #41FFF4;
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    font-family: "Forma DJR Micro";
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.29px;
}
.pos-abs-label-nft-slider{
    padding: 18px 15px;
}
.qr-nft{
    width: 52px;
    height: 52px;
}
.row-diff{
    width: 52px;
    height: 16px;
    margin-top: 7px;
}

.unique-slider .swiper-slide-prev,
.unique-slider .swiper-slide-next {
    filter: blur(5px);
}
.swiper-sec .swiper-slide-prev,
.swiper-sec .swiper-slide-next {
    filter: none !important; /* Убираем размытие */
}
.style-nft-slide{
    width: 290px;
    cursor: pointer;
}
.style-nft-slide img{
    width: 100%;
}
.swiper-slide-inactive{
    opacity: 0.5;
}
.swiper-wrapper{
    width: 100vw;
    padding: 30px;
}
.nft-collection{
    width: 100%;
}
.sticky-animate-nft{
    position: sticky;
    top: 0px;
    overflow: hidden;
}
.block-father-animate-nft{
    width: 100%;
    max-width: 100vw;
    position: relative;
    height: 300vh;
    backdrop-filter: blur(30px);
}
.main-nft-text {
    position: absolute;
    right: -100%;
    transition: right 0.1s ease-out; 
    width: max-content;
    display: flex;
    align-items: center;
    gap: 16px;
}
.title-scrollable{
    color: #FFF;
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    font-family: "Forma DJR Micro";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}
.block-nft-text-sec{
    padding: 15px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    max-width: 490px;
    width: 100%;
}
.img-icon-nfft{
    width: 30px;
    height: 30px;
}
.img-icon-nfft img{
    width: 30px;
    height: 30px;
}
.style-text-nft-the{
    color: rgba(255, 255, 255, 0.45);
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    font-family: "Forma DJR Micro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 22.5px */
    letter-spacing: 0.36px;
    margin-top: 4px;
}
.block-animate-coin{
    padding: 0px 14px 9px 15px;
    border-radius: 8px;
    max-width: 210px;
    width: 100%;
}
.height-block-stats{
    height: 140px;
    display: flex;
    align-items: end;
}
.block-animate-coin.emerald{
    border-top: 8px solid #41FFF4;
    background: linear-gradient(0deg, rgba(65, 255, 244, 0.00) 16.67%, rgba(65, 255, 244, 0.10) 100%), #0E0E0E;
    box-shadow: 0px 2px 5px 0px rgba(65, 255, 244, 0.20) inset, 0px 10px 8px 0px rgba(0, 0, 0, 0.15) inset;
    padding-top: 47px;
}
.block-animate-coin.skyblue{
    border-top: 8px solid #41BBFF;
    background: linear-gradient(0deg, rgba(65, 187, 255, 0.00) 16.67%, rgba(65, 187, 255, 0.10) 100%), #0E0E0E;
    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 5px 0px rgba(65, 187, 255, 0.20) inset;
    padding-top: 24px;
}
.block-animate-coin.lightyellow{
    border-top: 8px solid #C2FF41;
    background: linear-gradient(0deg, rgba(194, 255, 65, 0.00) 16.67%, rgba(65, 255, 244, 0.10) 100%), #0E0E0E;
    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 5px 0px rgba(194, 255, 65, 0.20) inset;
    padding-top: 84px;
}
.block-animate-coin.orange{
    border-top: 8px solid #FF8541;
    background: linear-gradient(0deg, rgba(255, 133, 65, 0.00) 16.67%, rgba(65, 255, 244, 0.10) 100%), #0E0E0E;
    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 5px 0px rgba(255, 133, 65, 0.20) inset;
    padding-top: 24px;
}
.block-animate-coin.purple{
    border-top: 8px solid #A041FF;
    background: linear-gradient(0deg, rgba(160, 65, 255, 0.00) 16.67%, rgba(65, 255, 244, 0.10) 100%), #0E0E0E;
    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 5px 0px rgba(160, 65, 255, 0.20) inset;
    padding-top: 96px;
}
.block-animate-coin.red{
    border-top: 8px solid #FF4141;
    background: linear-gradient(0deg, rgba(255, 65, 65, 0.00) 16.67%, rgba(65, 255, 244, 0.10) 100%), #0E0E0E;
    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 5px 0px rgba(255, 65, 65, 0.20) inset;
    padding-top: 24px;
}
.block-animate-coin.green{
    border-top: 8px solid #41FF54;
    background: linear-gradient(0deg, rgba(65, 255, 84, 0.00) 16.67%, rgba(65, 255, 84, 0.10) 100%), #0E0E0E;
    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 5px 0px rgba(65, 255, 84, 0.20) inset;
    padding-top: 12px;
}
.animate-row-coins{
    margin-top: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
}
.block-animate-coin {
    transition: padding-top 1s ease-in-out;
}
.flex-names{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 50px;
}
.item-team{
    max-width: 350px;
    width: 100%;
}
.avatar-team{
    width: 100%;
}
.name-team{
    color: #FFF;
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 26.4px */
    text-transform: uppercase;
    margin-top: 12px;
}
.position-team{
    color: #FFF;
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    margin-top: 4px;
}
.input-hidden{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.svg-color-radio{
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.3s;
}
.input-hidden:checked + label{
    border: 1px solid #FFF;
    background: #1A1B21;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.25);
}
.block-animate-coin.animate {
    padding-top: 0;
}
.input-hidden:checked + label > .label-oc > svg{
    color: rgba(255, 255, 255, 1);
    transition: all 0.3s;
}
.flex-bot-coin{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-bot-coin p:first-child{
    color: #FFF;
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    font-family: "Forma DJR Micro";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 27.6px */
    letter-spacing: 0.48px;
}
.flex-bot-coin p:last-child{
    color: rgba(255, 255, 255, 0.50);
    text-align: right;
    font-variant-numeric: stacked-fractions;
    font-feature-settings: 'dlig' on;
    font-family: "Forma DJR Micro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.28px;
}
.redir-token{
    width: max-content;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 14px;
    border-radius: 666px;
    border: 1px solid #FFF;
    backdrop-filter: blur(12.5px);
    color: #FFF;
    font-size: 16px;
    margin-top: 28px;
}
.zi1{
    z-index: 1;
}
.zi2{
    z-index: 2;
}
.mt-45{
    margin-top: -45px;
}
.bg-mtpx{
    margin-top: 260px;
    background-image: url(../img/main/bg-3d.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-book-global{
    background-image: url(../img/main/bg-book.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.roadmap-enjoy-opensea{
    background-image: url(../img/main/bg-3bloks.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
}
.footer-main{
    margin-top: 120px;
    width: 100%;
    padding: 40px 30px;
}
.nav-el-footer{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 18.4px */
    letter-spacing: -0.16px;
    position: relative;
    color: #FFF;
    font-family: "Forma DJR Micro";
}
.nav-el-footer::before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.50);
    position: absolute;
    left: -11px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.nav-el-footer:hover::before{
    background-color: rgba(255, 255, 255, 1);
}
.gap30px{
    gap: 30px;
}
.first-flex-top-footer{
    padding-bottom: 18px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.left-icon img{
    width: 105px;
}
.left-icons-row{
    display: flex;
    align-items: center;
    gap: 18px;
}
.sec-flex-bot-footer{
    margin-top: 18px;
}
.copyright-footer{
    color: rgba(255, 255, 255, 0.50);
    text-align: right;
    font-family: "Forma DJR Micro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 18.4px */
    letter-spacing: -0.16px;
}
.left-icons-row a {
    display: inline-block;
}
.left-icons-row a svg {
    transition: transform 0.3s ease, fill-opacity 0.3s ease;
    fill-opacity: 0.8;
}
.left-icons-row a:hover svg {
    transform: scale(1.1);
    fill-opacity: 1;
}
.adapt-video{
    margin-top: 160px;
}
.swiper-animate-scroll{
    -webkit-animation: HomeHero_showcase-animaiton__1ETsD 13.5s cubic-bezier(.45,.04,.5,.99) infinite alternate;
    animation: HomeHero_showcase-animaiton__1ETsD 13.5s cubic-bezier(.45,.04,.5,.99) infinite alternate;
}
.swiper-animate-scroll-paused{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
@keyframes HomeHero_showcase-animaiton__1ETsD {
    0% {
        -webkit-transform: translateX(-178px);
        -moz-transform: translateX(-178px);
        transform: translateX(-178px);
    }
    100% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        transform: translateX(10px);
    }
}
.browse-opensea span{
    color: #000;
}
@media (max-width:1600px){
    .subtitle-opensea{
        margin-top: 0px;
    }
    .start-page h1{
        font-size: 120px;
    }
    .btn-start-op{
        padding: 10px 20px;
        font-size: 16px;
        margin-top: 16px;
    }
    .arrow-down-slide{
        bottom: 20px;
    }
    .animate-arrow img{
        width: 30px;
    }
    .subtitle-start{
        margin-top: 16px;
    }
    .style-nft-slide{
        width: 200px;
    }
    .flex-raw-opensea{
        margin-bottom: 10px;
    }
    .header-main{
        padding: 15px 25px;
    }
    .min-size-adapt{
        font-size: 42px;
    }
    .min-size-adapt span{
        font-size: 42px;
    }
    .style-text-nft-the{
        font-size: 12px;
    }
    .title-scrollable{
        font-size: 16px;
    }
    .adapt-roadno-flex{
        justify-content: start;
    }
}
@media (max-width:1450px){
    .unique-block{
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }
    .start-page h1{
        font-size: 120px;
    }
    .start-page h1 span{
        font-size: 120px;
    }
    .text-unique h2{
        text-align: center;
    }
    .adapt-video{
        flex-wrap: wrap;
        justify-content: center;
    }
    .text-right-each{
        padding-bottom: 50px;
    }
    .swiper-wrapper{
        padding: 10px;
    }
    .block-nft-text-sec{
        padding: 10px;
    }
    .style-text-nft-the{
        font-size: 12px;
    }
    .label-nft{
        font-size: 14px;
    }
    .pos-abs-label-nft-slider{
        padding: 10px;
    }
    .label-slide-bft span{
        font-size: 12px;
    }
    .info-nft{
        font-size: 12px;
    }
}
.burger-menu{
    display: none;
}
.posab-burger-menu{
    display: none;
}
.subtitle-meet{
    color: rgba(255, 255, 255, 0.50);
    font-family: "Forma DJR Micro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 137%; /* 27.4px */
    letter-spacing: 0.2px;
    margin-top: 14px;
    max-width: 800px;
    width: 100%;
    margin: 14px 30px 0px;
    text-align: center;
}
.team-block{
    margin-top: 160px;
}
@media (max-width:1200px){
    .roadmap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .roadmap{
        padding: 30px;
    }
    .roadmap-data{
        width: 100%;
    }
    .start-page h1{
        font-size: 85px;
        font-weight: 600;
        letter-spacing: -1px;
    }
    .start-page h1 span{
        font-size: 85px;
        font-weight: 600;
        letter-spacing: -1px;
    }
    .centered-nav{
        display: none;
    }
    .burger-menu{
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 30px;
        cursor: pointer;
    }
    .posab-burger-menu{
        position: fixed;
        top: -500px;
        transition: 0.5s;
    }
    .posab-burger-menu.active{
        top: 80px;
        transition: 0.5s;
    }
    .posab-burger-menu{
        right: 30px;
        width: 350px;
        padding: 8px 16px;
        border-radius: 20px;
        background: rgba(24, 30, 39, 0.60);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) inset;
        backdrop-filter: blur(25px);
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        transition: 0.5s;
    }

    .posab-burger-menu .nav-el.active{
        background: rgba(214, 220, 229, 0.25);
        box-shadow: 0px 0px 18.4px 0px rgba(0, 0, 0, 0.05), 0px 4px 18.4px 0px rgba(0, 0, 0, 0.25);
        color: #FFF;
    }
    .posab-burger-menu .nav-el:hover{
        color: #FFF;
        transition: 0.4s;
    }
    .posab-burger-menu .nav-el{
        padding: 10px 14px;
        border-radius: 666px;
        position: relative;
        color: rgba(255, 255, 255, 0.50);
        cursor: pointer;
        transition: 0.4s;
    }
    .burger-menu .line-burger:nth-child(2){
        display: block;
        width: 30px;
        height: 4px;
        background-color: #41FFF4;
        border-radius: 15px;
        transition: transform 0.5s;
    }
    .burger-menu .line-burger:first-child::before, .burger-menu .line-burger:last-child:after{
        content: '';
        width: 30px;
        height: 4px;
        background-color: #41FFF4;
        border-radius: 15px;
        transition: transform 0.5s;
    }
    .burger-menu .line-burger:first-child::before{
        position: absolute;
        top: 6px;
        right: 0;
    }
    .burger-menu .line-burger:last-child::after{
        position: absolute;
        bottom: 6px;
        right: 0;
    }
    .burger-menu .line-burger.active:first-child::before{
        transform: rotate(-45deg);
        top: 13px;
    }
    .burger-menu .line-burger.active:nth-child(2){
        transform: rotate(45deg);
    }
    .burger-menu .line-burger.active:last-child::after{
        opacity: 0;
    }
    .style-nft-slide{
        width: 150px;
    }
    .nft-collection{
        margin-top: -45px;
    }
    .swiper-wrapper{
        padding: 10px;
    }
    .block-nft-text-sec{
        padding: 10px;
    }
    .style-text-nft-the{
        font-size: 12px;
    }
    .label-nft{
        font-size: 14px;
    }
    .pos-abs-label-nft-slider{
        padding: 10px;
    }
    .label-slide-bft span{
        font-size: 12px;
    }
    .info-nft{
        font-size: 12px;
    }
    .qr-nft{
        display: none;
    }
    .row-diff{
        display: none;
    }
    .info-nft span{
        font-size: 12px;
    }
    .img-icon-nfft img{
        width: 20px;
        height: 20px;
    }
    .title-scrollable{
        font-size: 16px;
    }
    .animate-row-coins{
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
    }
    .left-roadmap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .arrow-down-slide{
        max-width: 800px;
        width: 100%;
        padding: 0px 20px;
    }
}
.sendform-contact{
    width: 100%;
    padding: 19px 20px;
    border-radius: 666px;
    background: #41FFF4;
    backdrop-filter: blur(12.5px);
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%; /* 18.4px */
    letter-spacing: 1.92px;
    margin-top: 40px;
}
@media (max-width:900px){
    .roadmap{
        padding: 30px;
    }
    .logo-abs{
        top: 0px;
        right: 20px;
        left: unset;
        transform: translateX(0);
    }
    .animate-row-coins{
        align-items: center;
    }
    .header-loader{
        flex-direction: column;
        align-items: start;
        gap: 20px;
        padding: 0px 20px;
        top: 20px;
    }
    .img-banner{
        width: 150px;
        margin-top: 20px;
    }
    .left-roadmap h2{
        font-size: 45px;
    }
    .left-roadmap h2 span{
        font-size: 45px;
    }
    .left-roadmap{
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        height: 450px;

    }
    .text-road{
        font-size: 12px;
    }
    .numerick{
        font-size: 16px;
        width: 32px;
        height: 32px;
    }

    .q-data-item{
        font-size: 16px;
    }
    .action-road{
        font-size: 16px;
    }
    .comt-block-road{
        padding: 10px;
    }
    .vector-position{
        width: 70px;
    }
    .vector-position-sec{
        width: 100px;
        margin-left: 70px;
    }
    h3{
        font-size: 35px;
    }
    h3 span{
        font-size: 35px;
    }
    h2{
        font-size: 42px;
    }
    h2 span{
        font-size: 42px;
    }
    .start-page h1{
        font-size: 64px;
    }
    .start-page h1 span{
        font-size: 64px;
    }
    .roadmap{
        padding: 0px;
    }
    .vector-position{
        display: none;
    }
    .roadmap-data .q1-road:first-child{
        margin-bottom: 30px;
    }
    .left-flex img{
        width: 75px;
    }
    .mute-sound{
        padding: 6px;
    }
    .mute-sound img{
        width: 15px;
    }
    .range-sound{
        width: 70px;
    }
    .header-main{
        padding: 10px 15px;
    }

    .marked-list-uni p{
        font-size: 16px;
    }
    .unique-sliderbig{
        background-position: 14% 60%;
    }
    .posab-burger-menu{
        right: 15px;
    }
    .first-flex-top-footer{
        flex-wrap: wrap;
        gap: 28px;
        justify-content: center;
    }
    .sec-flex-bot-footer{
        flex-wrap: wrap;
        gap: 20px;
        flex-direction: column-reverse;
    }
    .nav-footer{
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    .btn-start-op{
        padding: 10px 15px;
        font-size: 16px;
    }
    .flex-raw-opensea{
        flex-wrap: wrap;
        gap: 24px;
    }
    .choose-oc-raw{
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width:500px){
    .block-animate-coin{
        max-width: 250px;
    }
    .height-block-stats{
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .swiper-animate-scroll{
        -webkit-animation: HomeHero_showcase-animaiton__1ETsD 9s cubic-bezier(.45,.04,.5,.99) infinite alternate;
        animation: HomeHero_showcase-animaiton__1ETsD 9s cubic-bezier(.45,.04,.5,.99) infinite alternate;
    }
}