@charset "UTF-8";

@font-face {
font-family: Druk Wide Cy;
src: url(/fonts/DrukWideCy-Bold.ttf);
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: TT Norms Pro;
src: url(/fonts/TTNormsPro-Bold.woff2);
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: TT Norms Pro;
src: url(/fonts/TTNormsPro-Regular.woff2);
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: TT Norms Pro;
src: url(/fonts/TTNormsPro-Medium.woff2);
font-weight: 500;
font-style: normal;
}

html, body {
min-height: 100% !important;
height: 100%;
margin: 0;
background: #09090c;
font-family: TT Norms Pro!important;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color:#fff;
scroll-behavior: smooth;
}

* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}

body {
min-height: -webkit-fill-available;
position: relative;
}

.body_hide {
opacity: 0;
transition: .9s opacity ease-in-out;
}

.body_visible {
opacity: 1;
}

::selection {
background: #8000ff;
}

::-moz-selection {
background: #8000ff;
}

.container {
text-align: center;
height:100%;
margin-left: auto;
margin-right: auto;
}

.content{
width: 1760px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
align-content: space-between;
height: 100vh;
}

.layer {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.header {
margin-top: 52px;
width: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.logo {
display: flex;
height: 48px;
align-items: center;
gap: 15.262px;
margin: auto;
}

.tabs-wrap {
margin-top: 134px;
}

.tabs {
display: inline-flex;
align-items: flex-start;
gap: 32px;
text-align: center;
position: relative;
}

.tab {
width: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: space-between;
z-index: 0;
}

.tab.active {
z-index: 1;
position: relative;
}

.tab.tab1{
max-width: 1312px;
margin-bottom: 196px;
}

.tab.tab2 {
width: 1312px;
min-height: auto;
text-align: left;
display: flex;
gap: 40px;
margin-top: 120px;
margin-bottom: 224px;
}

.tabs-wrap {
width: 100%;
justify-content: center;
display: flex;
}

.none-text-wrap h1 {
font-size: 28px;
font-weight: 700;
line-height: 33.54px;
text-align: center;
width: 100%;
}

h1, h2 {
position: relative;
margin: 0;
}

.promocode-none-wrap {
display: flex;
width: 100%;
justify-content: center;
}

.none-text-wrap {
display: flex;
gap: 44px;
flex-wrap: wrap;
justify-content: center;
margin-top: 82px;
}

.none .footer {
margin-bottom: 0px;
margin-top: 100px;
}

.none .copy {
margin-bottom: 46px;
}

.none .content {
height: 100vh;
}

.none-text {
width: 498px;
height: 123px;
}

.none-descr {
font-size: 24px;
font-weight: 400;
line-height: 28.75px;
text-align: center;
width: 100%;
margin: 0;
}

.tab-name {
color: rgba(255, 255, 255, 0.30);
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 36px;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.tab-name.active, .tab-name:hover {
color: #FFF;
font-size: 28px;
font-weight: 500;
line-height: 35.84px;
cursor: auto;
}

.tab-name:hover {
cursor: pointer;
}

.button {
display: inline-flex;
padding: 36px 72px;
justify-content: center;
align-items: center;
gap: 28px;
border-radius: 32px;
background: linear-gradient(90deg, #6A11CB 0%, #2575FC 100%);
cursor: pointer;
margin-top: 120px;
margin-bottom: 196px;
position:relative;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.button span {
color: #FFF;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 35.84px;
z-index: 10;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.button:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.button:hover:after{
opacity: 1;
background: -webkit-linear-gradient(right, #48078F 0%, #004FD6 100%);
background: linear-gradient(90deg, #48078F 0%, #004FD6 100%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.description-wrap {
display: flex;
width: 100%;
justify-content: center;
align-items: stretch;
height: 62px;
}

.tab1 .description-wrap {
justify-content: space-between;
align-items: stretch;
width: 100%;
}

.tvoe svg{
width: 140px;
height: 48px;
}

.x svg{
width: 48px;
height: 48px;
}

.vidaa svg{
width: 122px;
height: 25px;
}

.description-name-wrap {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}

.description-wrap1 {
display: flex;
width: 100%;
text-align: left;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 28px;
}

.name1 {
display: flex;
width: 336px;
gap: 12px;
}

.name2 {
display: flex;
width: 251px;
gap: 12px;
}

.name3 {
display: flex;
width: 299px;
gap: 12px;
}

.name4 {
display: flex;
width: 263px;
gap: 12px;
}

.description-name1 {
align-items: center;
}

.description-name11 .description-text {
display: flex;
align-items: center;
flex-wrap: wrap;
}

.description-num {
display: flex;
align-self: flex-start;
height: 100%;
}

.description-name {
display: flex;
align-items: center;
gap: 12px;
text-align: left;
}

.n1 {
width: 400px;
}

.n2 {
width: 246px;
}

.n3 {
width: 257px;
}

.n4 {
width: 355px;
}

.description-num span{
width: 40px;
height: 40px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
border: 1px solid #BC88FF;
border-radius: 50%;
margin: 4px 0 0;
}

.description-ul {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0;
margin-top: 24px;
padding: 0;
}

.description-li {
color: rgba(186, 186, 186, 1);
font-size: 20px;
line-height: 25.6px;
}

.description-li1 div:first-child{
width: 32px;
height: 32px;
min-width: 32px;
}

.description-li1 div{
font-size: 20px;
font-weight: 400;
line-height: 40px;
min-height: 40px;
}

.description-num span {
color: #BC88FF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 25.6;
}

.description-text {
color: #D6D6D6;
font-size: 24px;
font-weight: 400;
line-height: 30.72px;
}

.description1 {
width: 100%;
font-size: 36px;
font-weight: 700;
line-height: 46px;
}

.description-text a {
color: #BC88FF;
text-decoration: none;
background-position: 0 0;
background-clip: text;
background-image: linear-gradient(135deg, #c179ff, #63b5ff 100%, #63b5ff 0);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.description-text a:hover {
background-position: top left 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
background-image: linear-gradient(135deg, #c179ff, #63b5ff 100%, #63b5ff 0);
background-position: 0 0;
font-weight: 400;
}

.footer {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
}

.footer .text {
color: rgba(255, 255, 255, 0.30);
font-size: 14px;
font-weight: 400;
line-height: 17.92px;
}

.copy {
width: 310px;
display: flex;
gap: 16px;
align-items: center;
color: rgba(255, 255, 255, 0.3);
margin-bottom: 32px;
}

.year {
width: 40px;
height: 35px;
min-width: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.3);
font-weight: 450;
font-size: 16px;
line-height: 19.17px;
}

.copyright {
font-weight: 450;
font-size: 14px;
line-height: 17.92px;
}

@media (max-width: 1920px) {

.content{
width: auto;
margin: 0;
}

.container {
margin-left: 64px;
margin-right: 64px;
}

}

@media (max-width: 1440px) {

.container {
margin-left: 64px;
margin-right: 64px;
}

.description-text {
font-size: 20px;
line-height: 25px;
}

.tabs-wrap {
margin-top: 80px;
}

.button{
margin-top: 120px;
margin-bottom: 196px;
}

.tab.tab1 {
margin-bottom: 178px;
}

.tab.tab2 {
width: 100%;
margin-bottom: 206px;
}

.n1 {
width: 399px;
}

.n2 {
width: 332px;
}

.n3 {
width: 256px;
}

}

@media (max-width: 1374px) {

.description-name1 {
width: 48%;
}

.description-li {
width: 100%;
}

}

@media (max-width: 960px) {

.button:hover:after {
opacity: 0;
}

.container {
margin-left: 32px;
margin-right: 32px;
}

.header {
margin-top: 52px;
}

.button{
padding: 28px 60px;
gap: 28px;
border-radius: 32px;
margin-top: 120px;
margin-bottom: 160px;
}

.description-text {
font-size: 18px;
line-height: 23px;
}

.description-li, .description-num span {
font-size: 16px;
line-height: 20px;
}

.tabs-wrap {
margin-top: 134px;
}

.description-name-wrap {
flex-wrap: wrap;
gap: 44px;
}

.tab.tab2 {
margin-top: 160px;
margin-bottom: 588px;
}

.description1 {
font-size: 28px;
line-height: 36px;
}

.description-ul {
gap: 16px;
margin-top: 16px;
}

.description-wrap {
width: 100%;
}

.description-num span{
width: 32px;
height: 32px;
min-width: 32px;
}

.n1 {
width: 306px;
}

.n2 {
width: 208px;
}

.n3 {
width: 245px;
}

.name1 {
width: 224px;
}

.name2 {
width: 180px;
}

.name3 {
width: 219px;
}

.name4 {
width: 197px;
}

.description-wrap {
height: auto;
}

.description-wrap1 {
gap: 16px;
}

.tab.tab1 {
margin-bottom: 593px;
}

.description-name1 {
width: 100%;
}

}
}

@media (max-width: 931px) {
.description-name1 {
width: 48%;
}

.description-li {
width: 100%;
}

}


@media (max-width: 460px) {

.description-name1 {
width: 100%;
}
.container {
margin-left: 16px;
margin-right: 16px;
}

.header {
margin-top: 20px;
}

.tab.tab1 {
margin-bottom: 139px;
}

.logo {
width: auto;
height: 28px;
align-items: center;
gap: 7px;
}

.tvoe svg {
width: 81.67px;
height: 28px;
}

.x svg {
width: 28px;
height: 28px;
}

.vidaa svg {
width: 71.17px;
height: 14.58px;
}

.description-name1 {
width: 100%;
}

.tvoe,.x,.vidaa {
height: 28px;
display: flex;
align-items: center;
}

.tabs-wrap {
margin-top: 80px;
}

.button{
padding: 10px 16px;
gap: 8px;
border-radius: 12px;
margin-top: 80px;
margin-bottom: 68px;
}

.tabs {
gap: 16px;
}

.button span {
font-size: 16px;
font-weight: 500;
line-height: 20.48px;
}

.description-wrap {
flex-wrap: wrap;
gap: 16px;
height: auto;
}

.description-num span{
width: 28px;
height: 28px;
min-width: 28px;
margin: 3px 0 0;
font-size: 14px;
line-height: 18px;
}

.tab-name, .tab-name.active{
font-size: 16px;
line-height: 20.48px;
height: 20px;
}

.footer .copy {
margin-bottom: 20px;
}

.footer .text {
font-size: 12px;
line-height: 14.38px;
}

.year {
font-size: 14px;
line-height: 16.77px;
}

.copyright {
font-size: 13px;
line-height: 15.57px;
}

.year {
width: 37px;
height: 33px;
min-width: 37px;
}

.rules {
font-size: 13px;
font-weight: 400;
line-height: 16.64px;
text-align: left;

}

.footer {
gap: 20px;
}

.description1 {
font-size: 28px;
line-height: 36px;
}

.description-name1 .description-text {
font-size: 18px;
line-height: 23px;
}

.tab.tab2 {
margin-top: 68px;
margin-bottom: 120px;
}

.description-li div {
font-size: 16px;
line-height: 20px;
min-height: 32px;
}

.description-li {
width: 100%;
}

.s-none {
display: none;
}

.description-ul {
gap: 8px;
margin-top: 12px;
}

.n1,.n2,.n3{
width: 100%;
}


}

@media (max-width: 320px) {

.button{
padding: 10px 16px;
gap: 8px;
border-radius: 12px;
margin-top: 80px;
margin-bottom: 68px;
}

.description-text {
font-size: 16px;
line-height: 20.48px;
}

.description-name .description-text {
width: 84%;
}

.tab.tab1 {
margin-bottom: 60px;
}

.footer {
width: 100%;
margin-top: 0;
margin-bottom: 0;
gap: 20px;
}

.description-li, .description-num span {
font-size: 14px;
line-height: 17.92px;
}

.description-name1 .description-text {
font-size: 16px;
line-height: 20.48px;
}

.footer .copy {
margin-bottom: 20px;
}

.tab.tab2 {
margin-top: 68px;
margin-bottom: 60px;
}

.description-li div {
font-size: 14px;
line-height: 17px;
min-height: 20px;
}

.description-li {
gap: 0px;
}

.description-ul {
gap: 8px;
left: -10px;
}

.description-name1 {
gap: 12px;
}

.description1 {
font-size: 22px;
line-height: 28px;
}

}