/*==============================
	Fonts
==============================*/
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500&display=swap");
/*==============================
	Common styles
==============================*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
}
.swiper-wrapper {
    max-width: 100%;
}
body {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  background-color: #151515;
  -webkit-font-smoothing: antialiased;
}
#stars {
  width: 1px;
  height: 1px;
  opacity: 0.4;
  background: transparent;
  box-shadow: 1911px 332px #FFF , 654px 432px #FFF , 725px 1898px #FFF , 84px 262px #FFF , 1062px 1193px #FFF , 51px 189px #FFF , 195px 65px #FFF , 282px 258px #FFF , 796px 856px #FFF , 820px 179px #FFF , 1642px 37px #FFF , 415px 832px #FFF , 1688px 1897px #FFF , 62px 921px #FFF , 826px 845px #FFF , 432px 305px #FFF , 1452px 13px #FFF , 1269px 727px #FFF , 1618px 105px #FFF , 1966px 1627px #FFF , 1279px 1189px #FFF , 58px 1507px #FFF , 671px 658px #FFF , 183px 344px #FFF , 801px 1997px #FFF , 1986px 1586px #FFF , 1237px 1421px #FFF , 189px 1723px #FFF , 250px 717px #FFF , 478px 1241px #FFF , 353px 1295px #FFF , 475px 179px #FFF , 530px 209px #FFF , 737px 108px #FFF , 1863px 511px #FFF , 614px 1115px #FFF , 70px 1290px #FFF , 1583px 287px #FFF , 1721px 282px #FFF , 1622px 1424px #FFF , 606px 1568px #FFF , 765px 670px #FFF , 948px 238px #FFF , 390px 1063px #FFF , 677px 769px #FFF , 1929px 430px #FFF , 1694px 267px #FFF , 158px 1602px #FFF , 83px 1926px #FFF , 1287px 1604px #FFF , 1289px 5px #FFF , 1121px 459px #FFF , 1679px 1154px #FFF , 1800px 852px #FFF , 732px 353px #FFF , 1844px 985px #FFF , 1537px 27px #FFF , 355px 206px #FFF , 9px 116px #FFF , 1654px 810px #FFF , 1261px 1054px #FFF , 1996px 1202px #FFF , 1009px 1842px #FFF , 50px 627px #FFF , 1521px 864px #FFF , 1812px 776px #FFF , 122px 954px #FFF , 1015px 1176px #FFF , 1550px 1267px #FFF , 995px 391px #FFF , 1200px 171px #FFF , 1095px 1003px #FFF , 647px 609px #FFF , 1912px 1278px #FFF , 1172px 1811px #FFF , 1893px 1118px #FFF , 1474px 1515px #FFF , 1003px 273px #FFF , 1704px 1047px #FFF , 1292px 1946px #FFF , 1142px 1991px #FFF , 1319px 1587px #FFF , 1724px 1507px #FFF , 1555px 1845px #FFF , 872px 1528px #FFF , 695px 921px #FFF , 1667px 108px #FFF , 1795px 1574px #FFF , 1802px 875px #FFF , 832px 843px #FFF , 1200px 1991px #FFF , 1239px 623px #FFF , 1950px 1891px #FFF , 395px 368px #FFF , 546px 1817px #FFF , 817px 609px #FFF , 1111px 127px #FFF , 1320px 720px #FFF , 194px 964px #FFF , 1726px 1310px #FFF , 1818px 699px #FFF , 875px 1271px #FFF , 1961px 405px #FFF , 1867px 318px #FFF , 1178px 372px #FFF , 126px 795px #FFF , 50px 1494px #FFF , 788px 1973px #FFF , 1457px 1221px #FFF , 1116px 17px #FFF , 214px 1764px #FFF , 929px 663px #FFF , 532px 1250px #FFF , 329px 1247px #FFF , 688px 1390px #FFF , 1632px 1483px #FFF , 275px 611px #FFF , 1007px 1563px #FFF , 518px 1725px #FFF , 963px 591px #FFF , 65px 1781px #FFF , 1667px 1992px #FFF , 1377px 244px #FFF , 696px 580px #FFF , 1163px 465px #FFF , 1482px 1306px #FFF , 1019px 804px #FFF , 1584px 1698px #FFF , 1348px 110px #FFF , 539px 104px #FFF , 1772px 1353px #FFF , 780px 1036px #FFF , 942px 1236px #FFF , 435px 116px #FFF , 611px 1867px #FFF , 378px 1356px #FFF , 128px 1219px #FFF , 76px 343px #FFF , 1465px 1477px #FFF , 1670px 748px #FFF , 823px 1795px #FFF , 1677px 484px #FFF , 1347px 548px #FFF , 1451px 461px #FFF , 1604px 1660px #FFF , 956px 1723px #FFF , 940px 1239px #FFF , 976px 1341px #FFF , 1501px 1685px #FFF , 1011px 1661px #FFF , 1238px 1622px #FFF , 749px 75px #FFF , 1534px 1794px #FFF , 132px 192px #FFF , 1699px 1955px #FFF , 1792px 206px #FFF , 1438px 77px #FFF , 1883px 1672px #FFF , 968px 1229px #FFF , 1855px 1132px #FFF , 595px 1625px #FFF , 1829px 670px #FFF , 724px 378px #FFF , 530px 14px #FFF , 780px 1270px #FFF , 1468px 1145px #FFF , 1118px 967px #FFF , 945px 512px #FFF , 1721px 654px #FFF , 47px 564px #FFF , 429px 1120px #FFF , 270px 1975px #FFF , 204px 439px #FFF , 1823px 478px #FFF , 1715px 162px #FFF , 536px 1361px #FFF , 1505px 706px #FFF , 1361px 959px #FFF , 793px 619px #FFF , 528px 1780px #FFF , 95px 929px #FFF , 1105px 1165px #FFF , 982px 665px #FFF , 272px 1758px #FFF , 1946px 405px #FFF , 1220px 1684px #FFF , 515px 989px #FFF , 407px 572px #FFF , 924px 1010px #FFF , 306px 66px #FFF , 1487px 976px #FFF , 1757px 1902px #FFF , 1815px 199px #FFF , 178px 551px #FFF , 1700px 387px #FFF , 1261px 611px #FFF , 1535px 834px #FFF , 593px 717px #FFF , 13px 1290px #FFF , 469px 1970px #FFF , 1295px 1999px #FFF , 1959px 1040px #FFF , 658px 653px #FFF , 1421px 1298px #FFF , 676px 659px #FFF , 840px 652px #FFF , 60px 737px #FFF , 1946px 283px #FFF , 737px 1196px #FFF , 1621px 1184px #FFF , 1127px 326px #FFF , 1210px 130px #FFF , 1990px 48px #FFF , 1973px 1982px #FFF , 155px 1453px #FFF , 1655px 994px #FFF , 243px 1142px #FFF , 1562px 610px #FFF , 1219px 273px #FFF , 818px 1627px #FFF , 1451px 1665px #FFF , 1524px 518px #FFF , 1119px 417px #FFF , 875px 593px #FFF , 663px 1758px #FFF , 1648px 636px #FFF , 999px 1980px #FFF , 1422px 90px #FFF , 445px 969px #FFF , 418px 1412px #FFF , 1682px 363px #FFF , 422px 1430px #FFF , 1437px 1835px #FFF , 805px 264px #FFF , 971px 740px #FFF , 613px 1920px #FFF , 60px 14px #FFF , 1569px 681px #FFF , 1071px 923px #FFF , 1778px 1327px #FFF , 1230px 1675px #FFF , 1973px 549px #FFF , 463px 1040px #FFF , 740px 935px #FFF , 58px 903px #FFF , 285px 847px #FFF , 268px 834px #FFF , 229px 263px #FFF , 755px 302px #FFF , 1103px 1066px #FFF , 38px 908px #FFF , 1850px 1385px #FFF , 127px 240px #FFF , 632px 1894px #FFF , 806px 176px #FFF , 286px 1608px #FFF , 1808px 1595px #FFF , 1280px 1990px #FFF , 1919px 1842px #FFF , 163px 57px #FFF , 1114px 1277px #FFF , 86px 729px #FFF , 582px 590px #FFF , 1443px 245px #FFF , 1633px 885px #FFF , 1133px 50px #FFF , 484px 1526px #FFF , 1147px 496px #FFF , 73px 1977px #FFF , 1370px 1605px #FFF , 1870px 601px #FFF , 605px 1426px #FFF , 1724px 1506px #FFF , 912px 1907px #FFF , 151px 275px #FFF , 159px 1082px #FFF , 543px 77px #FFF , 352px 403px #FFF , 530px 1538px #FFF , 1089px 993px #FFF , 639px 1686px #FFF , 581px 1426px #FFF , 1183px 507px #FFF , 238px 1737px #FFF , 1353px 920px #FFF , 982px 476px #FFF , 211px 1264px #FFF , 618px 466px #FFF , 1343px 1641px #FFF , 959px 1428px #FFF , 1602px 450px #FFF , 1484px 129px #FFF , 254px 500px #FFF , 1680px 1439px #FFF , 889px 1686px #FFF , 1087px 1730px #FFF , 782px 1520px #FFF , 609px 317px #FFF , 1190px 1155px #FFF , 508px 522px #FFF , 1445px 1124px #FFF , 575px 1424px #FFF , 695px 1349px #FFF , 1870px 584px #FFF , 1572px 114px #FFF , 423px 1774px #FFF , 1197px 941px #FFF , 248px 1489px #FFF , 1525px 1247px #FFF , 753px 1712px #FFF , 1518px 422px #FFF , 858px 789px #FFF , 1943px 749px #FFF , 627px 1176px #FFF , 49px 1696px #FFF , 1682px 1796px #FFF , 1304px 1024px #FFF , 328px 1868px #FFF , 1299px 155px #FFF , 1415px 862px #FFF , 1799px 1422px #FFF , 1325px 1148px #FFF , 330px 58px #FFF , 1000px 360px #FFF , 1954px 119px #FFF , 730px 1630px #FFF , 1042px 1440px #FFF , 1587px 1505px #FFF , 1190px 1746px #FFF , 807px 112px #FFF , 1617px 574px #FFF , 48px 707px #FFF , 1235px 600px #FFF , 1370px 644px #FFF , 45px 1008px #FFF , 827px 318px #FFF , 168px 210px #FFF , 48px 858px #FFF , 1440px 33px #FFF , 260px 352px #FFF , 1531px 391px #FFF , 822px 730px #FFF , 1236px 837px #FFF , 1958px 195px #FFF , 441px 1379px #FFF , 1530px 1690px #FFF , 651px 1619px #FFF , 584px 232px #FFF , 928px 818px #FFF , 696px 1484px #FFF , 1208px 254px #FFF , 428px 1988px #FFF , 1364px 193px #FFF , 568px 1368px #FFF , 647px 818px #FFF , 1987px 909px #FFF , 1461px 1754px #FFF , 901px 519px #FFF , 1155px 296px #FFF , 1123px 1036px #FFF , 627px 192px #FFF , 1000px 1796px #FFF , 1716px 72px #FFF , 1938px 1573px #FFF , 1767px 910px #FFF , 454px 151px #FFF , 1932px 541px #FFF , 236px 1820px #FFF , 741px 766px #FFF , 933px 1072px #FFF , 97px 626px #FFF , 1246px 281px #FFF , 1924px 563px #FFF , 1426px 1673px #FFF , 172px 535px #FFF , 1955px 164px #FFF , 966px 1909px #FFF , 58px 684px #FFF , 1176px 1191px #FFF , 588px 1906px #FFF , 757px 1921px #FFF , 1636px 1457px #FFF , 2000px 1946px #FFF , 1579px 142px #FFF , 284px 466px #FFF , 641px 1302px #FFF , 128px 1394px #FFF , 1186px 892px #FFF , 1104px 396px #FFF , 651px 1748px #FFF , 1564px 1425px #FFF , 408px 1309px #FFF , 108px 1638px #FFF , 1299px 962px #FFF , 505px 81px #FFF , 909px 147px #FFF , 1444px 1283px #FFF , 1119px 1568px #FFF , 718px 1050px #FFF , 970px 946px #FFF , 473px 1561px #FFF , 860px 633px #FFF , 1455px 487px #FFF , 1934px 728px #FFF , 521px 721px #FFF , 746px 1603px #FFF , 346px 922px #FFF , 507px 1709px #FFF , 708px 1182px #FFF , 360px 597px #FFF , 1950px 1542px #FFF , 924px 1866px #FFF , 57px 131px #FFF , 1515px 1190px #FFF , 719px 950px #FFF , 595px 677px #FFF , 692px 643px #FFF , 440px 673px #FFF , 1103px 523px #FFF , 597px 1037px #FFF , 1193px 115px #FFF , 504px 1685px #FFF , 394px 258px #FFF , 735px 611px #FFF , 1359px 1305px #FFF , 1735px 1461px #FFF , 1554px 1797px #FFF , 514px 631px #FFF , 334px 60px #FFF , 1535px 1792px #FFF , 1102px 1286px #FFF , 378px 288px #FFF , 13px 1335px #FFF , 47px 1600px #FFF , 1034px 250px #FFF , 1179px 892px #FFF , 1162px 1918px #FFF , 796px 1241px #FFF , 416px 1862px #FFF , 1773px 19px #FFF , 1893px 1969px #FFF , 1290px 117px #FFF , 1141px 195px #FFF , 1858px 1256px #FFF , 724px 1552px #FFF , 313px 1820px #FFF , 1188px 1078px #FFF , 1866px 111px #FFF , 843px 1917px #FFF , 1723px 1987px #FFF , 1229px 1907px #FFF , 435px 833px #FFF , 163px 326px #FFF , 548px 59px #FFF , 1305px 495px #FFF , 1423px 1304px #FFF , 951px 679px #FFF , 914px 1525px #FFF , 315px 607px #FFF , 295px 16px #FFF , 1159px 697px #FFF , 636px 839px #FFF , 1870px 126px #FFF , 743px 1965px #FFF , 1858px 1488px #FFF , 893px 776px #FFF , 454px 816px #FFF , 1956px 1525px #FFF , 1138px 1676px #FFF , 1275px 581px #FFF , 1389px 1526px #FFF , 713px 345px #FFF , 136px 1409px #FFF , 968px 1782px #FFF , 1576px 1749px #FFF , 417px 998px #FFF , 1149px 1953px #FFF , 1959px 1513px #FFF , 396px 1515px #FFF , 1301px 490px #FFF , 847px 1586px #FFF , 1358px 1665px #FFF , 331px 1796px #FFF , 1230px 1303px #FFF , 678px 581px #FFF , 4px 1834px #FFF , 1854px 366px #FFF , 2px 530px #FFF , 694px 673px #FFF , 1618px 762px #FFF , 1662px 507px #FFF , 681px 752px #FFF , 743px 1390px #FFF , 1032px 1802px #FFF , 997px 1028px #FFF , 1216px 300px #FFF , 556px 62px #FFF , 1293px 1499px #FFF , 1578px 330px #FFF , 1616px 1356px #FFF , 728px 1595px #FFF , 511px 807px #FFF , 583px 911px #FFF , 1938px 1183px #FFF , 871px 1345px #FFF , 522px 564px #FFF , 1955px 1336px #FFF , 240px 1919px #FFF , 550px 52px #FFF , 1982px 1129px #FFF , 185px 1133px #FFF , 1656px 858px #FFF , 1371px 26px #FFF , 1216px 1410px #FFF , 1757px 1970px #FFF , 988px 1628px #FFF , 134px 1352px #FFF , 219px 684px #FFF , 1121px 698px #FFF , 201px 1959px #FFF , 586px 1151px #FFF , 16px 1641px #FFF , 1399px 1410px #FFF , 1207px 89px #FFF , 1040px 1387px #FFF , 1887px 1275px #FFF , 407px 1754px #FFF , 1563px 1549px #FFF , 1439px 475px #FFF , 1133px 1733px #FFF , 1399px 913px #FFF , 674px 1314px #FFF , 1286px 440px #FFF , 833px 1756px #FFF , 1769px 1148px #FFF , 446px 398px #FFF , 1776px 1010px #FFF , 1081px 213px #FFF , 1682px 1148px #FFF , 1692px 483px #FFF , 36px 190px #FFF , 1245px 1536px #FFF , 1640px 155px #FFF , 1725px 1422px #FFF , 76px 570px #FFF , 1999px 543px #FFF , 1925px 1954px #FFF , 36px 1174px #FFF , 1536px 1087px #FFF , 354px 492px #FFF , 1586px 180px #FFF , 866px 269px #FFF , 1514px 1195px #FFF , 1531px 1193px #FFF , 1405px 168px #FFF , 1262px 1114px #FFF , 1703px 253px #FFF , 914px 922px #FFF , 496px 1452px #FFF , 651px 381px #FFF , 495px 986px #FFF , 207px 1691px #FFF , 893px 541px #FFF , 743px 202px #FFF , 1636px 435px #FFF , 326px 1125px #FFF , 1109px 1218px #FFF , 811px 1461px #FFF , 1024px 1915px #FFF , 958px 735px #FFF , 1637px 1543px #FFF , 1675px 794px #FFF , 1567px 1817px #FFF , 1493px 556px #FFF , 223px 487px #FFF , 1668px 220px #FFF , 274px 1036px #FFF , 1392px 1690px #FFF , 1497px 1894px #FFF , 1679px 385px #FFF , 133px 1027px #FFF , 1496px 586px #FFF , 1299px 1872px #FFF , 192px 316px #FFF , 1070px 1520px #FFF , 1444px 888px #FFF , 1285px 1287px #FFF , 1646px 1766px #FFF , 1221px 1026px #FFF , 568px 621px #FFF , 1013px 866px #FFF , 461px 1929px #FFF , 1345px 1844px #FFF , 1353px 720px #FFF , 153px 1024px #FFF , 1694px 195px #FFF , 18px 1214px #FFF , 1139px 1948px #FFF , 614px 1063px #FFF , 1172px 699px #FFF , 346px 597px #FFF , 1000px 994px #FFF , 1784px 1793px #FFF , 620px 1875px #FFF , 1537px 794px #FFF , 1724px 318px #FFF , 1286px 1436px #FFF , 988px 1172px #FFF , 1953px 1213px #FFF , 264px 1134px #FFF , 1493px 221px #FFF , 429px 1704px #FFF , 606px 263px #FFF , 1055px 226px #FFF , 127px 1935px #FFF , 1556px 1023px #FFF , 693px 215px #FFF , 465px 236px #FFF , 1944px 446px #FFF , 1590px 395px #FFF , 1389px 1641px #FFF , 1082px 1800px #FFF , 422px 101px #FFF , 821px 220px #FFF , 1012px 1941px #FFF , 534px 577px #FFF , 958px 1715px #FFF , 1061px 1846px #FFF , 759px 1070px #FFF , 492px 757px #FFF , 639px 231px #FFF , 476px 983px #FFF , 1281px 715px #FFF , 226px 794px #FFF , 600px 216px #FFF , 572px 1919px #FFF , 187px 364px #FFF , 1974px 1598px #FFF , 424px 1173px #FFF , 1012px 1427px #FFF , 1737px 732px #FFF , 539px 784px #FFF , 729px 1087px #FFF , 195px 782px #FFF , 151px 92px #FFF , 1986px 1408px #FFF , 666px 1823px #FFF , 1173px 1177px #FFF , 1729px 1895px #FFF , 1811px 1230px #FFF , 1767px 33px #FFF , 1180px 856px #FFF , 110px 288px #FFF , 1118px 399px #FFF , 1284px 366px #FFF , 562px 150px #FFF , 1456px 216px #FFF , 1287px 397px #FFF , 1147px 583px #FFF , 1819px 509px #FFF , 478px 1407px #FFF , 333px 29px #FFF , 1330px 1630px #FFF , 1590px 678px #FFF , 1327px 1406px #FFF , 1429px 933px #FFF , 1444px 1659px #FFF , 1307px 305px #FFF , 536px 1206px #FFF , 915px 1948px #FFF , 1225px 383px #FFF , 1536px 1692px #FFF , 1049px 158px #FFF , 1543px 509px #FFF , 322px 693px #FFF , 678px 715px #FFF , 1860px 1217px #FFF , 559px 898px #FFF , 1128px 433px #FFF , 1616px 1083px #FFF , 1925px 971px #FFF , 677px 1813px #FFF , 963px 1108px #FFF , 726px 1615px #FFF , 1949px 573px #FFF , 346px 1052px #FFF , 1697px 1208px #FFF , 1677px 1160px #FFF , 296px 692px #FFF , 165px 763px #FFF , 1550px 1011px #FFF , 659px 150px #FFF , 1825px 1456px #FFF , 27px 300px #FFF , 1227px 1130px #FFF , 107px 125px #FFF , 1708px 1929px #FFF , 407px 763px #FFF , 1331px 34px #FFF , 1922px 1326px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  opacity: 0.4;
  height: 1px;
  background: transparent;
  box-shadow: 1911px 332px #FFF , 654px 432px #FFF , 725px 1898px #FFF , 84px 262px #FFF , 1062px 1193px #FFF , 51px 189px #FFF , 195px 65px #FFF , 282px 258px #FFF , 796px 856px #FFF , 820px 179px #FFF , 1642px 37px #FFF , 415px 832px #FFF , 1688px 1897px #FFF , 62px 921px #FFF , 826px 845px #FFF , 432px 305px #FFF , 1452px 13px #FFF , 1269px 727px #FFF , 1618px 105px #FFF , 1966px 1627px #FFF , 1279px 1189px #FFF , 58px 1507px #FFF , 671px 658px #FFF , 183px 344px #FFF , 801px 1997px #FFF , 1986px 1586px #FFF , 1237px 1421px #FFF , 189px 1723px #FFF , 250px 717px #FFF , 478px 1241px #FFF , 353px 1295px #FFF , 475px 179px #FFF , 530px 209px #FFF , 737px 108px #FFF , 1863px 511px #FFF , 614px 1115px #FFF , 70px 1290px #FFF , 1583px 287px #FFF , 1721px 282px #FFF , 1622px 1424px #FFF , 606px 1568px #FFF , 765px 670px #FFF , 948px 238px #FFF , 390px 1063px #FFF , 677px 769px #FFF , 1929px 430px #FFF , 1694px 267px #FFF , 158px 1602px #FFF , 83px 1926px #FFF , 1287px 1604px #FFF , 1289px 5px #FFF , 1121px 459px #FFF , 1679px 1154px #FFF , 1800px 852px #FFF , 732px 353px #FFF , 1844px 985px #FFF , 1537px 27px #FFF , 355px 206px #FFF , 9px 116px #FFF , 1654px 810px #FFF , 1261px 1054px #FFF , 1996px 1202px #FFF , 1009px 1842px #FFF , 50px 627px #FFF , 1521px 864px #FFF , 1812px 776px #FFF , 122px 954px #FFF , 1015px 1176px #FFF , 1550px 1267px #FFF , 995px 391px #FFF , 1200px 171px #FFF , 1095px 1003px #FFF , 647px 609px #FFF , 1912px 1278px #FFF , 1172px 1811px #FFF , 1893px 1118px #FFF , 1474px 1515px #FFF , 1003px 273px #FFF , 1704px 1047px #FFF , 1292px 1946px #FFF , 1142px 1991px #FFF , 1319px 1587px #FFF , 1724px 1507px #FFF , 1555px 1845px #FFF , 872px 1528px #FFF , 695px 921px #FFF , 1667px 108px #FFF , 1795px 1574px #FFF , 1802px 875px #FFF , 832px 843px #FFF , 1200px 1991px #FFF , 1239px 623px #FFF , 1950px 1891px #FFF , 395px 368px #FFF , 546px 1817px #FFF , 817px 609px #FFF , 1111px 127px #FFF , 1320px 720px #FFF , 194px 964px #FFF , 1726px 1310px #FFF , 1818px 699px #FFF , 875px 1271px #FFF , 1961px 405px #FFF , 1867px 318px #FFF , 1178px 372px #FFF , 126px 795px #FFF , 50px 1494px #FFF , 788px 1973px #FFF , 1457px 1221px #FFF , 1116px 17px #FFF , 214px 1764px #FFF , 929px 663px #FFF , 532px 1250px #FFF , 329px 1247px #FFF , 688px 1390px #FFF , 1632px 1483px #FFF , 275px 611px #FFF , 1007px 1563px #FFF , 518px 1725px #FFF , 963px 591px #FFF , 65px 1781px #FFF , 1667px 1992px #FFF , 1377px 244px #FFF , 696px 580px #FFF , 1163px 465px #FFF , 1482px 1306px #FFF , 1019px 804px #FFF , 1584px 1698px #FFF , 1348px 110px #FFF , 539px 104px #FFF , 1772px 1353px #FFF , 780px 1036px #FFF , 942px 1236px #FFF , 435px 116px #FFF , 611px 1867px #FFF , 378px 1356px #FFF , 128px 1219px #FFF , 76px 343px #FFF , 1465px 1477px #FFF , 1670px 748px #FFF , 823px 1795px #FFF , 1677px 484px #FFF , 1347px 548px #FFF , 1451px 461px #FFF , 1604px 1660px #FFF , 956px 1723px #FFF , 940px 1239px #FFF , 976px 1341px #FFF , 1501px 1685px #FFF , 1011px 1661px #FFF , 1238px 1622px #FFF , 749px 75px #FFF , 1534px 1794px #FFF , 132px 192px #FFF , 1699px 1955px #FFF , 1792px 206px #FFF , 1438px 77px #FFF , 1883px 1672px #FFF , 968px 1229px #FFF , 1855px 1132px #FFF , 595px 1625px #FFF , 1829px 670px #FFF , 724px 378px #FFF , 530px 14px #FFF , 780px 1270px #FFF , 1468px 1145px #FFF , 1118px 967px #FFF , 945px 512px #FFF , 1721px 654px #FFF , 47px 564px #FFF , 429px 1120px #FFF , 270px 1975px #FFF , 204px 439px #FFF , 1823px 478px #FFF , 1715px 162px #FFF , 536px 1361px #FFF , 1505px 706px #FFF , 1361px 959px #FFF , 793px 619px #FFF , 528px 1780px #FFF , 95px 929px #FFF , 1105px 1165px #FFF , 982px 665px #FFF , 272px 1758px #FFF , 1946px 405px #FFF , 1220px 1684px #FFF , 515px 989px #FFF , 407px 572px #FFF , 924px 1010px #FFF , 306px 66px #FFF , 1487px 976px #FFF , 1757px 1902px #FFF , 1815px 199px #FFF , 178px 551px #FFF , 1700px 387px #FFF , 1261px 611px #FFF , 1535px 834px #FFF , 593px 717px #FFF , 13px 1290px #FFF , 469px 1970px #FFF , 1295px 1999px #FFF , 1959px 1040px #FFF , 658px 653px #FFF , 1421px 1298px #FFF , 676px 659px #FFF , 840px 652px #FFF , 60px 737px #FFF , 1946px 283px #FFF , 737px 1196px #FFF , 1621px 1184px #FFF , 1127px 326px #FFF , 1210px 130px #FFF , 1990px 48px #FFF , 1973px 1982px #FFF , 155px 1453px #FFF , 1655px 994px #FFF , 243px 1142px #FFF , 1562px 610px #FFF , 1219px 273px #FFF , 818px 1627px #FFF , 1451px 1665px #FFF , 1524px 518px #FFF , 1119px 417px #FFF , 875px 593px #FFF , 663px 1758px #FFF , 1648px 636px #FFF , 999px 1980px #FFF , 1422px 90px #FFF , 445px 969px #FFF , 418px 1412px #FFF , 1682px 363px #FFF , 422px 1430px #FFF , 1437px 1835px #FFF , 805px 264px #FFF , 971px 740px #FFF , 613px 1920px #FFF , 60px 14px #FFF , 1569px 681px #FFF , 1071px 923px #FFF , 1778px 1327px #FFF , 1230px 1675px #FFF , 1973px 549px #FFF , 463px 1040px #FFF , 740px 935px #FFF , 58px 903px #FFF , 285px 847px #FFF , 268px 834px #FFF , 229px 263px #FFF , 755px 302px #FFF , 1103px 1066px #FFF , 38px 908px #FFF , 1850px 1385px #FFF , 127px 240px #FFF , 632px 1894px #FFF , 806px 176px #FFF , 286px 1608px #FFF , 1808px 1595px #FFF , 1280px 1990px #FFF , 1919px 1842px #FFF , 163px 57px #FFF , 1114px 1277px #FFF , 86px 729px #FFF , 582px 590px #FFF , 1443px 245px #FFF , 1633px 885px #FFF , 1133px 50px #FFF , 484px 1526px #FFF , 1147px 496px #FFF , 73px 1977px #FFF , 1370px 1605px #FFF , 1870px 601px #FFF , 605px 1426px #FFF , 1724px 1506px #FFF , 912px 1907px #FFF , 151px 275px #FFF , 159px 1082px #FFF , 543px 77px #FFF , 352px 403px #FFF , 530px 1538px #FFF , 1089px 993px #FFF , 639px 1686px #FFF , 581px 1426px #FFF , 1183px 507px #FFF , 238px 1737px #FFF , 1353px 920px #FFF , 982px 476px #FFF , 211px 1264px #FFF , 618px 466px #FFF , 1343px 1641px #FFF , 959px 1428px #FFF , 1602px 450px #FFF , 1484px 129px #FFF , 254px 500px #FFF , 1680px 1439px #FFF , 889px 1686px #FFF , 1087px 1730px #FFF , 782px 1520px #FFF , 609px 317px #FFF , 1190px 1155px #FFF , 508px 522px #FFF , 1445px 1124px #FFF , 575px 1424px #FFF , 695px 1349px #FFF , 1870px 584px #FFF , 1572px 114px #FFF , 423px 1774px #FFF , 1197px 941px #FFF , 248px 1489px #FFF , 1525px 1247px #FFF , 753px 1712px #FFF , 1518px 422px #FFF , 858px 789px #FFF , 1943px 749px #FFF , 627px 1176px #FFF , 49px 1696px #FFF , 1682px 1796px #FFF , 1304px 1024px #FFF , 328px 1868px #FFF , 1299px 155px #FFF , 1415px 862px #FFF , 1799px 1422px #FFF , 1325px 1148px #FFF , 330px 58px #FFF , 1000px 360px #FFF , 1954px 119px #FFF , 730px 1630px #FFF , 1042px 1440px #FFF , 1587px 1505px #FFF , 1190px 1746px #FFF , 807px 112px #FFF , 1617px 574px #FFF , 48px 707px #FFF , 1235px 600px #FFF , 1370px 644px #FFF , 45px 1008px #FFF , 827px 318px #FFF , 168px 210px #FFF , 48px 858px #FFF , 1440px 33px #FFF , 260px 352px #FFF , 1531px 391px #FFF , 822px 730px #FFF , 1236px 837px #FFF , 1958px 195px #FFF , 441px 1379px #FFF , 1530px 1690px #FFF , 651px 1619px #FFF , 584px 232px #FFF , 928px 818px #FFF , 696px 1484px #FFF , 1208px 254px #FFF , 428px 1988px #FFF , 1364px 193px #FFF , 568px 1368px #FFF , 647px 818px #FFF , 1987px 909px #FFF , 1461px 1754px #FFF , 901px 519px #FFF , 1155px 296px #FFF , 1123px 1036px #FFF , 627px 192px #FFF , 1000px 1796px #FFF , 1716px 72px #FFF , 1938px 1573px #FFF , 1767px 910px #FFF , 454px 151px #FFF , 1932px 541px #FFF , 236px 1820px #FFF , 741px 766px #FFF , 933px 1072px #FFF , 97px 626px #FFF , 1246px 281px #FFF , 1924px 563px #FFF , 1426px 1673px #FFF , 172px 535px #FFF , 1955px 164px #FFF , 966px 1909px #FFF , 58px 684px #FFF , 1176px 1191px #FFF , 588px 1906px #FFF , 757px 1921px #FFF , 1636px 1457px #FFF , 2000px 1946px #FFF , 1579px 142px #FFF , 284px 466px #FFF , 641px 1302px #FFF , 128px 1394px #FFF , 1186px 892px #FFF , 1104px 396px #FFF , 651px 1748px #FFF , 1564px 1425px #FFF , 408px 1309px #FFF , 108px 1638px #FFF , 1299px 962px #FFF , 505px 81px #FFF , 909px 147px #FFF , 1444px 1283px #FFF , 1119px 1568px #FFF , 718px 1050px #FFF , 970px 946px #FFF , 473px 1561px #FFF , 860px 633px #FFF , 1455px 487px #FFF , 1934px 728px #FFF , 521px 721px #FFF , 746px 1603px #FFF , 346px 922px #FFF , 507px 1709px #FFF , 708px 1182px #FFF , 360px 597px #FFF , 1950px 1542px #FFF , 924px 1866px #FFF , 57px 131px #FFF , 1515px 1190px #FFF , 719px 950px #FFF , 595px 677px #FFF , 692px 643px #FFF , 440px 673px #FFF , 1103px 523px #FFF , 597px 1037px #FFF , 1193px 115px #FFF , 504px 1685px #FFF , 394px 258px #FFF , 735px 611px #FFF , 1359px 1305px #FFF , 1735px 1461px #FFF , 1554px 1797px #FFF , 514px 631px #FFF , 334px 60px #FFF , 1535px 1792px #FFF , 1102px 1286px #FFF , 378px 288px #FFF , 13px 1335px #FFF , 47px 1600px #FFF , 1034px 250px #FFF , 1179px 892px #FFF , 1162px 1918px #FFF , 796px 1241px #FFF , 416px 1862px #FFF , 1773px 19px #FFF , 1893px 1969px #FFF , 1290px 117px #FFF , 1141px 195px #FFF , 1858px 1256px #FFF , 724px 1552px #FFF , 313px 1820px #FFF , 1188px 1078px #FFF , 1866px 111px #FFF , 843px 1917px #FFF , 1723px 1987px #FFF , 1229px 1907px #FFF , 435px 833px #FFF , 163px 326px #FFF , 548px 59px #FFF , 1305px 495px #FFF , 1423px 1304px #FFF , 951px 679px #FFF , 914px 1525px #FFF , 315px 607px #FFF , 295px 16px #FFF , 1159px 697px #FFF , 636px 839px #FFF , 1870px 126px #FFF , 743px 1965px #FFF , 1858px 1488px #FFF , 893px 776px #FFF , 454px 816px #FFF , 1956px 1525px #FFF , 1138px 1676px #FFF , 1275px 581px #FFF , 1389px 1526px #FFF , 713px 345px #FFF , 136px 1409px #FFF , 968px 1782px #FFF , 1576px 1749px #FFF , 417px 998px #FFF , 1149px 1953px #FFF , 1959px 1513px #FFF , 396px 1515px #FFF , 1301px 490px #FFF , 847px 1586px #FFF , 1358px 1665px #FFF , 331px 1796px #FFF , 1230px 1303px #FFF , 678px 581px #FFF , 4px 1834px #FFF , 1854px 366px #FFF , 2px 530px #FFF , 694px 673px #FFF , 1618px 762px #FFF , 1662px 507px #FFF , 681px 752px #FFF , 743px 1390px #FFF , 1032px 1802px #FFF , 997px 1028px #FFF , 1216px 300px #FFF , 556px 62px #FFF , 1293px 1499px #FFF , 1578px 330px #FFF , 1616px 1356px #FFF , 728px 1595px #FFF , 511px 807px #FFF , 583px 911px #FFF , 1938px 1183px #FFF , 871px 1345px #FFF , 522px 564px #FFF , 1955px 1336px #FFF , 240px 1919px #FFF , 550px 52px #FFF , 1982px 1129px #FFF , 185px 1133px #FFF , 1656px 858px #FFF , 1371px 26px #FFF , 1216px 1410px #FFF , 1757px 1970px #FFF , 988px 1628px #FFF , 134px 1352px #FFF , 219px 684px #FFF , 1121px 698px #FFF , 201px 1959px #FFF , 586px 1151px #FFF , 16px 1641px #FFF , 1399px 1410px #FFF , 1207px 89px #FFF , 1040px 1387px #FFF , 1887px 1275px #FFF , 407px 1754px #FFF , 1563px 1549px #FFF , 1439px 475px #FFF , 1133px 1733px #FFF , 1399px 913px #FFF , 674px 1314px #FFF , 1286px 440px #FFF , 833px 1756px #FFF , 1769px 1148px #FFF , 446px 398px #FFF , 1776px 1010px #FFF , 1081px 213px #FFF , 1682px 1148px #FFF , 1692px 483px #FFF , 36px 190px #FFF , 1245px 1536px #FFF , 1640px 155px #FFF , 1725px 1422px #FFF , 76px 570px #FFF , 1999px 543px #FFF , 1925px 1954px #FFF , 36px 1174px #FFF , 1536px 1087px #FFF , 354px 492px #FFF , 1586px 180px #FFF , 866px 269px #FFF , 1514px 1195px #FFF , 1531px 1193px #FFF , 1405px 168px #FFF , 1262px 1114px #FFF , 1703px 253px #FFF , 914px 922px #FFF , 496px 1452px #FFF , 651px 381px #FFF , 495px 986px #FFF , 207px 1691px #FFF , 893px 541px #FFF , 743px 202px #FFF , 1636px 435px #FFF , 326px 1125px #FFF , 1109px 1218px #FFF , 811px 1461px #FFF , 1024px 1915px #FFF , 958px 735px #FFF , 1637px 1543px #FFF , 1675px 794px #FFF , 1567px 1817px #FFF , 1493px 556px #FFF , 223px 487px #FFF , 1668px 220px #FFF , 274px 1036px #FFF , 1392px 1690px #FFF , 1497px 1894px #FFF , 1679px 385px #FFF , 133px 1027px #FFF , 1496px 586px #FFF , 1299px 1872px #FFF , 192px 316px #FFF , 1070px 1520px #FFF , 1444px 888px #FFF , 1285px 1287px #FFF , 1646px 1766px #FFF , 1221px 1026px #FFF , 568px 621px #FFF , 1013px 866px #FFF , 461px 1929px #FFF , 1345px 1844px #FFF , 1353px 720px #FFF , 153px 1024px #FFF , 1694px 195px #FFF , 18px 1214px #FFF , 1139px 1948px #FFF , 614px 1063px #FFF , 1172px 699px #FFF , 346px 597px #FFF , 1000px 994px #FFF , 1784px 1793px #FFF , 620px 1875px #FFF , 1537px 794px #FFF , 1724px 318px #FFF , 1286px 1436px #FFF , 988px 1172px #FFF , 1953px 1213px #FFF , 264px 1134px #FFF , 1493px 221px #FFF , 429px 1704px #FFF , 606px 263px #FFF , 1055px 226px #FFF , 127px 1935px #FFF , 1556px 1023px #FFF , 693px 215px #FFF , 465px 236px #FFF , 1944px 446px #FFF , 1590px 395px #FFF , 1389px 1641px #FFF , 1082px 1800px #FFF , 422px 101px #FFF , 821px 220px #FFF , 1012px 1941px #FFF , 534px 577px #FFF , 958px 1715px #FFF , 1061px 1846px #FFF , 759px 1070px #FFF , 492px 757px #FFF , 639px 231px #FFF , 476px 983px #FFF , 1281px 715px #FFF , 226px 794px #FFF , 600px 216px #FFF , 572px 1919px #FFF , 187px 364px #FFF , 1974px 1598px #FFF , 424px 1173px #FFF , 1012px 1427px #FFF , 1737px 732px #FFF , 539px 784px #FFF , 729px 1087px #FFF , 195px 782px #FFF , 151px 92px #FFF , 1986px 1408px #FFF , 666px 1823px #FFF , 1173px 1177px #FFF , 1729px 1895px #FFF , 1811px 1230px #FFF , 1767px 33px #FFF , 1180px 856px #FFF , 110px 288px #FFF , 1118px 399px #FFF , 1284px 366px #FFF , 562px 150px #FFF , 1456px 216px #FFF , 1287px 397px #FFF , 1147px 583px #FFF , 1819px 509px #FFF , 478px 1407px #FFF , 333px 29px #FFF , 1330px 1630px #FFF , 1590px 678px #FFF , 1327px 1406px #FFF , 1429px 933px #FFF , 1444px 1659px #FFF , 1307px 305px #FFF , 536px 1206px #FFF , 915px 1948px #FFF , 1225px 383px #FFF , 1536px 1692px #FFF , 1049px 158px #FFF , 1543px 509px #FFF , 322px 693px #FFF , 678px 715px #FFF , 1860px 1217px #FFF , 559px 898px #FFF , 1128px 433px #FFF , 1616px 1083px #FFF , 1925px 971px #FFF , 677px 1813px #FFF , 963px 1108px #FFF , 726px 1615px #FFF , 1949px 573px #FFF , 346px 1052px #FFF , 1697px 1208px #FFF , 1677px 1160px #FFF , 296px 692px #FFF , 165px 763px #FFF , 1550px 1011px #FFF , 659px 150px #FFF , 1825px 1456px #FFF , 27px 300px #FFF , 1227px 1130px #FFF , 107px 125px #FFF , 1708px 1929px #FFF , 407px 763px #FFF , 1331px 34px #FFF , 1922px 1326px #FFF;
}

#stars2 {
  width: 1.8px;
  height: 1.8px;
  opacity: 0.6;
  background: transparent;
  box-shadow: 1540px 300px #FFF , 1071px 1525px #FFF , 221px 886px #FFF , 1483px 1442px #FFF , 1677px 818px #FFF , 1616px 309px #FFF , 1391px 1660px #FFF , 1929px 690px #FFF , 321px 1482px #FFF , 901px 1954px #FFF , 507px 756px #FFF , 1413px 63px #FFF , 1666px 1838px #FFF , 834px 343px #FFF , 1806px 1946px #FFF , 518px 743px #FFF , 910px 1268px #FFF , 1865px 1544px #FFF , 986px 1614px #FFF , 1190px 1484px #FFF , 383px 341px #FFF , 1997px 520px #FFF , 879px 410px #FFF , 1696px 605px #FFF , 627px 89px #FFF , 510px 485px #FFF , 962px 192px #FFF , 747px 996px #FFF , 441px 601px #FFF , 1664px 1063px #FFF , 471px 1326px #FFF , 1511px 247px #FFF , 53px 439px #FFF , 468px 124px #FFF , 1934px 853px #FFF , 400px 825px #FFF , 496px 1455px #FFF , 1548px 1012px #FFF , 1352px 859px #FFF , 1691px 709px #FFF , 59px 490px #FFF , 363px 1356px #FFF , 1703px 312px #FFF , 316px 896px #FFF , 1785px 512px #FFF , 1953px 1512px #FFF , 1289px 294px #FFF , 1292px 1608px #FFF , 1117px 1729px #FFF , 1113px 960px #FFF , 1428px 1451px #FFF , 135px 1326px #FFF , 319px 1037px #FFF , 470px 605px #FFF , 179px 237px #FFF , 976px 1488px #FFF , 267px 1030px #FFF , 1591px 767px #FFF , 674px 761px #FFF , 303px 124px #FFF , 1797px 610px #FFF , 200px 1526px #FFF , 819px 146px #FFF , 521px 16px #FFF , 351px 1106px #FFF , 978px 1312px #FFF , 167px 414px #FFF , 199px 1678px #FFF , 1630px 530px #FFF , 1554px 236px #FFF , 1283px 970px #FFF , 808px 509px #FFF , 342px 1019px #FFF , 1149px 869px #FFF , 105px 1584px #FFF , 1086px 434px #FFF , 1632px 1032px #FFF , 1544px 1095px #FFF , 1197px 1150px #FFF , 853px 1626px #FFF , 1400px 600px #FFF , 1988px 1306px #FFF , 405px 1838px #FFF , 1184px 826px #FFF , 1022px 584px #FFF , 395px 688px #FFF , 285px 955px #FFF , 569px 1741px #FFF , 1907px 1692px #FFF , 1510px 688px #FFF , 399px 1140px #FFF , 396px 695px #FFF , 1744px 443px #FFF , 1731px 105px #FFF , 704px 350px #FFF , 1648px 1231px #FFF , 1078px 1928px #FFF , 1478px 511px #FFF , 619px 1834px #FFF , 1119px 361px #FFF , 494px 58px #FFF , 585px 1974px #FFF , 1274px 1884px #FFF , 1492px 1983px #FFF , 743px 1160px #FFF , 1355px 895px #FFF , 1448px 1093px #FFF , 1378px 911px #FFF , 1348px 1203px #FFF , 1253px 872px #FFF , 221px 1487px #FFF , 106px 307px #FFF , 1260px 54px #FFF , 1558px 683px #FFF , 250px 1306px #FFF , 1076px 100px #FFF , 1880px 223px #FFF , 1044px 1730px #FFF , 1327px 351px #FFF , 1561px 1372px #FFF , 378px 602px #FFF , 1750px 1703px #FFF , 1373px 314px #FFF , 714px 429px #FFF , 1604px 986px #FFF , 821px 788px #FFF , 298px 1110px #FFF , 981px 1152px #FFF , 1403px 1518px #FFF , 110px 8px #FFF , 149px 1716px #FFF , 1145px 857px #FFF , 17px 1246px #FFF , 1731px 1244px #FFF , 484px 1128px #FFF , 1308px 736px #FFF , 12px 670px #FFF , 1565px 421px #FFF , 1966px 110px #FFF , 8px 942px #FFF , 399px 938px #FFF , 1937px 1295px #FFF , 1809px 1493px #FFF , 119px 1975px #FFF , 1403px 813px #FFF , 1050px 412px #FFF , 1401px 1560px #FFF , 1010px 255px #FFF , 931px 1703px #FFF , 1756px 1893px #FFF , 1407px 183px #FFF , 1355px 1868px #FFF , 1179px 282px #FFF , 436px 1445px #FFF , 863px 1700px #FFF , 1864px 1765px #FFF , 136px 1850px #FFF , 482px 26px #FFF , 611px 560px #FFF , 1983px 1378px #FFF , 618px 1798px #FFF , 147px 1104px #FFF , 187px 1725px #FFF , 944px 1643px #FFF , 493px 1572px #FFF , 1946px 1168px #FFF , 515px 334px #FFF , 1505px 1392px #FFF , 1815px 1339px #FFF , 134px 238px #FFF , 1777px 897px #FFF , 1727px 198px #FFF , 6px 373px #FFF , 1017px 453px #FFF , 518px 1683px #FFF , 1242px 1493px #FFF , 1899px 1612px #FFF , 967px 655px #FFF , 1441px 578px #FFF , 1911px 1955px #FFF , 381px 1767px #FFF , 1154px 1160px #FFF , 719px 1970px #FFF , 1341px 1167px #FFF , 1915px 680px #FFF , 1825px 1367px #FFF , 258px 1831px #FFF , 1058px 78px #FFF , 1012px 307px #FFF , 221px 1289px #FFF , 368px 1814px #FFF , 593px 316px #FFF , 1591px 765px #FFF , 756px 1771px #FFF , 133px 1988px #FFF , 807px 1218px #FFF , 1174px 232px #FFF , 31px 1729px #FFF , 1446px 748px #FFF , 1845px 878px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1.8px;
  height: 1.8px;
  opacity: 0.6;
  background: transparent;
  box-shadow: 1540px 300px #FFF , 1071px 1525px #FFF , 221px 886px #FFF , 1483px 1442px #FFF , 1677px 818px #FFF , 1616px 309px #FFF , 1391px 1660px #FFF , 1929px 690px #FFF , 321px 1482px #FFF , 901px 1954px #FFF , 507px 756px #FFF , 1413px 63px #FFF , 1666px 1838px #FFF , 834px 343px #FFF , 1806px 1946px #FFF , 518px 743px #FFF , 910px 1268px #FFF , 1865px 1544px #FFF , 986px 1614px #FFF , 1190px 1484px #FFF , 383px 341px #FFF , 1997px 520px #FFF , 879px 410px #FFF , 1696px 605px #FFF , 627px 89px #FFF , 510px 485px #FFF , 962px 192px #FFF , 747px 996px #FFF , 441px 601px #FFF , 1664px 1063px #FFF , 471px 1326px #FFF , 1511px 247px #FFF , 53px 439px #FFF , 468px 124px #FFF , 1934px 853px #FFF , 400px 825px #FFF , 496px 1455px #FFF , 1548px 1012px #FFF , 1352px 859px #FFF , 1691px 709px #FFF , 59px 490px #FFF , 363px 1356px #FFF , 1703px 312px #FFF , 316px 896px #FFF , 1785px 512px #FFF , 1953px 1512px #FFF , 1289px 294px #FFF , 1292px 1608px #FFF , 1117px 1729px #FFF , 1113px 960px #FFF , 1428px 1451px #FFF , 135px 1326px #FFF , 319px 1037px #FFF , 470px 605px #FFF , 179px 237px #FFF , 976px 1488px #FFF , 267px 1030px #FFF , 1591px 767px #FFF , 674px 761px #FFF , 303px 124px #FFF , 1797px 610px #FFF , 200px 1526px #FFF , 819px 146px #FFF , 521px 16px #FFF , 351px 1106px #FFF , 978px 1312px #FFF , 167px 414px #FFF , 199px 1678px #FFF , 1630px 530px #FFF , 1554px 236px #FFF , 1283px 970px #FFF , 808px 509px #FFF , 342px 1019px #FFF , 1149px 869px #FFF , 105px 1584px #FFF , 1086px 434px #FFF , 1632px 1032px #FFF , 1544px 1095px #FFF , 1197px 1150px #FFF , 853px 1626px #FFF , 1400px 600px #FFF , 1988px 1306px #FFF , 405px 1838px #FFF , 1184px 826px #FFF , 1022px 584px #FFF , 395px 688px #FFF , 285px 955px #FFF , 569px 1741px #FFF , 1907px 1692px #FFF , 1510px 688px #FFF , 399px 1140px #FFF , 396px 695px #FFF , 1744px 443px #FFF , 1731px 105px #FFF , 704px 350px #FFF , 1648px 1231px #FFF , 1078px 1928px #FFF , 1478px 511px #FFF , 619px 1834px #FFF , 1119px 361px #FFF , 494px 58px #FFF , 585px 1974px #FFF , 1274px 1884px #FFF , 1492px 1983px #FFF , 743px 1160px #FFF , 1355px 895px #FFF , 1448px 1093px #FFF , 1378px 911px #FFF , 1348px 1203px #FFF , 1253px 872px #FFF , 221px 1487px #FFF , 106px 307px #FFF , 1260px 54px #FFF , 1558px 683px #FFF , 250px 1306px #FFF , 1076px 100px #FFF , 1880px 223px #FFF , 1044px 1730px #FFF , 1327px 351px #FFF , 1561px 1372px #FFF , 378px 602px #FFF , 1750px 1703px #FFF , 1373px 314px #FFF , 714px 429px #FFF , 1604px 986px #FFF , 821px 788px #FFF , 298px 1110px #FFF , 981px 1152px #FFF , 1403px 1518px #FFF , 110px 8px #FFF , 149px 1716px #FFF , 1145px 857px #FFF , 17px 1246px #FFF , 1731px 1244px #FFF , 484px 1128px #FFF , 1308px 736px #FFF , 12px 670px #FFF , 1565px 421px #FFF , 1966px 110px #FFF , 8px 942px #FFF , 399px 938px #FFF , 1937px 1295px #FFF , 1809px 1493px #FFF , 119px 1975px #FFF , 1403px 813px #FFF , 1050px 412px #FFF , 1401px 1560px #FFF , 1010px 255px #FFF , 931px 1703px #FFF , 1756px 1893px #FFF , 1407px 183px #FFF , 1355px 1868px #FFF , 1179px 282px #FFF , 436px 1445px #FFF , 863px 1700px #FFF , 1864px 1765px #FFF , 136px 1850px #FFF , 482px 26px #FFF , 611px 560px #FFF , 1983px 1378px #FFF , 618px 1798px #FFF , 147px 1104px #FFF , 187px 1725px #FFF , 944px 1643px #FFF , 493px 1572px #FFF , 1946px 1168px #FFF , 515px 334px #FFF , 1505px 1392px #FFF , 1815px 1339px #FFF , 134px 238px #FFF , 1777px 897px #FFF , 1727px 198px #FFF , 6px 373px #FFF , 1017px 453px #FFF , 518px 1683px #FFF , 1242px 1493px #FFF , 1899px 1612px #FFF , 967px 655px #FFF , 1441px 578px #FFF , 1911px 1955px #FFF , 381px 1767px #FFF , 1154px 1160px #FFF , 719px 1970px #FFF , 1341px 1167px #FFF , 1915px 680px #FFF , 1825px 1367px #FFF , 258px 1831px #FFF , 1058px 78px #FFF , 1012px 307px #FFF , 221px 1289px #FFF , 368px 1814px #FFF , 593px 316px #FFF , 1591px 765px #FFF , 756px 1771px #FFF , 133px 1988px #FFF , 807px 1218px #FFF , 1174px 232px #FFF , 31px 1729px #FFF , 1446px 748px #FFF , 1845px 878px #FFF;
}

#stars3 {
  width: 2px;
  height: 2px;
  opacity: 0.8;
  background: transparent;
  box-shadow: 1395px 1566px #FFF , 821px 1609px #FFF , 904px 1103px #FFF , 1833px 155px #FFF , 1859px 675px #FFF , 241px 522px #FFF , 1100px 576px #FFF , 756px 196px #FFF , 1500px 986px #FFF , 1318px 75px #FFF , 1480px 745px #FFF , 1025px 594px #FFF , 195px 1644px #FFF , 1735px 416px #FFF , 1883px 541px #FFF , 1710px 109px #FFF , 1101px 615px #FFF , 387px 1601px #FFF , 1193px 238px #FFF , 802px 164px #FFF , 664px 1102px #FFF , 1096px 906px #FFF , 1852px 116px #FFF , 455px 1233px #FFF , 1054px 1427px #FFF , 1666px 486px #FFF , 1464px 618px #FFF , 971px 929px #FFF , 1892px 1524px #FFF , 1914px 1644px #FFF , 1869px 882px #FFF , 1581px 591px #FFF , 394px 1008px #FFF , 1473px 1374px #FFF , 1154px 133px #FFF , 1311px 1130px #FFF , 450px 821px #FFF , 1209px 191px #FFF , 655px 1224px #FFF , 1503px 483px #FFF , 1706px 1004px #FFF , 1497px 1789px #FFF , 230px 177px #FFF , 1836px 929px #FFF , 598px 416px #FFF , 1159px 75px #FFF , 847px 1951px #FFF , 1011px 1731px #FFF , 19px 399px #FFF , 1130px 4px #FFF , 249px 212px #FFF , 1425px 1119px #FFF , 1538px 1223px #FFF , 318px 1076px #FFF , 1322px 834px #FFF , 1798px 1345px #FFF , 588px 1568px #FFF , 1881px 334px #FFF , 307px 105px #FFF , 1916px 883px #FFF , 1994px 714px #FFF , 197px 597px #FFF , 1419px 433px #FFF , 786px 415px #FFF , 1453px 1233px #FFF , 1165px 653px #FFF , 1595px 1967px #FFF , 1179px 40px #FFF , 1681px 143px #FFF , 349px 1709px #FFF , 1322px 543px #FFF , 300px 784px #FFF , 949px 641px #FFF , 217px 50px #FFF , 639px 338px #FFF , 327px 636px #FFF , 1355px 806px #FFF , 1043px 1765px #FFF , 1502px 1549px #FFF , 1447px 140px #FFF , 529px 1115px #FFF , 366px 1253px #FFF , 599px 384px #FFF , 193px 1266px #FFF , 1582px 307px #FFF , 1889px 227px #FFF , 1018px 904px #FFF , 884px 348px #FFF , 1569px 1464px #FFF , 1267px 1845px #FFF , 958px 418px #FFF , 283px 1965px #FFF , 1162px 1684px #FFF , 1797px 168px #FFF , 319px 8px #FFF , 729px 1143px #FFF , 938px 65px #FFF , 1919px 1075px #FFF , 1580px 1685px #FFF , 287px 1347px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  opacity: 0.8;
  background: transparent;
  box-shadow: 1395px 1566px #FFF , 821px 1609px #FFF , 904px 1103px #FFF , 1833px 155px #FFF , 1859px 675px #FFF , 241px 522px #FFF , 1100px 576px #FFF , 756px 196px #FFF , 1500px 986px #FFF , 1318px 75px #FFF , 1480px 745px #FFF , 1025px 594px #FFF , 195px 1644px #FFF , 1735px 416px #FFF , 1883px 541px #FFF , 1710px 109px #FFF , 1101px 615px #FFF , 387px 1601px #FFF , 1193px 238px #FFF , 802px 164px #FFF , 664px 1102px #FFF , 1096px 906px #FFF , 1852px 116px #FFF , 455px 1233px #FFF , 1054px 1427px #FFF , 1666px 486px #FFF , 1464px 618px #FFF , 971px 929px #FFF , 1892px 1524px #FFF , 1914px 1644px #FFF , 1869px 882px #FFF , 1581px 591px #FFF , 394px 1008px #FFF , 1473px 1374px #FFF , 1154px 133px #FFF , 1311px 1130px #FFF , 450px 821px #FFF , 1209px 191px #FFF , 655px 1224px #FFF , 1503px 483px #FFF , 1706px 1004px #FFF , 1497px 1789px #FFF , 230px 177px #FFF , 1836px 929px #FFF , 598px 416px #FFF , 1159px 75px #FFF , 847px 1951px #FFF , 1011px 1731px #FFF , 19px 399px #FFF , 1130px 4px #FFF , 249px 212px #FFF , 1425px 1119px #FFF , 1538px 1223px #FFF , 318px 1076px #FFF , 1322px 834px #FFF , 1798px 1345px #FFF , 588px 1568px #FFF , 1881px 334px #FFF , 307px 105px #FFF , 1916px 883px #FFF , 1994px 714px #FFF , 197px 597px #FFF , 1419px 433px #FFF , 786px 415px #FFF , 1453px 1233px #FFF , 1165px 653px #FFF , 1595px 1967px #FFF , 1179px 40px #FFF , 1681px 143px #FFF , 349px 1709px #FFF , 1322px 543px #FFF , 300px 784px #FFF , 949px 641px #FFF , 217px 50px #FFF , 639px 338px #FFF , 327px 636px #FFF , 1355px 806px #FFF , 1043px 1765px #FFF , 1502px 1549px #FFF , 1447px 140px #FFF , 529px 1115px #FFF , 366px 1253px #FFF , 599px 384px #FFF , 193px 1266px #FFF , 1582px 307px #FFF , 1889px 227px #FFF , 1018px 904px #FFF , 884px 348px #FFF , 1569px 1464px #FFF , 1267px 1845px #FFF , 958px 418px #FFF , 283px 1965px #FFF , 1162px 1684px #FFF , 1797px 168px #FFF , 319px 8px #FFF , 729px 1143px #FFF , 938px 65px #FFF , 1919px 1075px #FFF , 1580px 1685px #FFF , 287px 1347px #FFF;
}
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
button {
  padding: 0;
  border: none;
  background-color: transparent;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
  cursor: pointer;
}
button:focus {
  outline: none;
}
button:disabled {
  cursor: not-allowed;
  pointer-events: none;
  background: #888888;
  opacity: 0.4;
  transition: 0.2s ease;
}

a {
  text-decoration: none;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}
input,
textarea,
select {
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
::-moz-selection {
  background: #a034fa;
  color: #16142a;
  text-shadow: none;
}
::selection {
  background: #ffcc66;
  color: #151515;
  text-shadow: none;
}
::-webkit-input-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
::-moz-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
:-moz-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
:focus-visible {
  outline: 0px dotted;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #ffcc66;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background: #151515;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #ffcc66 #151515;
}

.row--relative {
  position: relative;
}

.input__email:-webkit-autofill,
.input__email:-webkit-autofill:hover,
.input__email:-webkit-autofill:focus,
.input__email:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #191919 inset !important; /* твой фон */
    -webkit-text-fill-color: #fff !important; /* цвет текста */
    transition: background-color 9999s ease-in-out 0s;
}

/*==============================
	Header
==============================*/
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  border-bottom: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background 0.5s ease;
}
.header--active {
  background: #16142a;
}
.header__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 80px;
  width: 100%;
}
.header__logo {
  z-index: 1;
  width: auto;
  height: 50px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-left: 40px;
}
.header__logo img {
  height: 50px;
  width: auto;
}
.header__btn {
  position: absolute;
  width: 24px;
  height: 22px;
  display: block;
  left: 0;
}
.header__btn span {
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: 0.5s ease;
  opacity: 1;
}
.header__btn span:first-child {
  top: 0;
}
.header__btn span:nth-child(2) {
  top: 10px;
  width: 16px;
}
.header__btn span:last-child {
  top: 20px;
  width: 8px;
}
.header__btn--active span:first-child {
  transform: rotate(45deg);
  top: 10px;
}
.header__btn--active span:nth-child(2) {
  opacity: 0;
}
.header__btn--active span:last-child {
  width: 24px;
  transform: rotate(-45deg);
  top: 10px;
}
.header__tagline {
  display: none;
}
.header__language {
  position: relative;
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: 24px;
}
.header__language a.dropdown-link {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  height: 40px;
  gap: 6px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
.header__language a.dropdown-link span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__language a.dropdown-link i {
  font-size: 8px;
  margin-left: 5px;
  margin-top: 2px;
}
.header__language a.dropdown-link:hover,
.header__language a.dropdown-link[aria-expanded="true"] {
  color: #ffcc66;
}
.header__language-menu {
  position: absolute;
  background-color: #191a1b;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 320px;
  min-width: 232px;
  width: 100%;
  gap: 1px;
  text-align: left;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  display: none;
  border-radius: 12px;
  transition: 0.5s ease;
  transition-property: opacity, margin-top, transform;
  top: 0;
  transform: translate3d(0px, 42px, 0px);
  border: 1px solid #262626;
  inset: 0px 0px auto auto !important;
}
.header__language-menu li {
  position: relative;
  padding: 8px 20px;
  color: #fff;
  background: transparent;
  gap: 6px;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
.header__language-menu li:hover {
  background: #252627;
}
.header__language-menu li.active {
  background: #252627;
}
.header__language-menu li span {
  color: #888888;
  font-size: 12px;
}
.header__language-menu li:last-child {
  margin-bottom: 0;
}
.header__language-menu li:first-child {
  margin-top: 0;
}

.header__language-menu a {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
}
.header__language-menu a:hover {
  color: #a034fa;
}
.header__language-menu.show {
  z-index: 1000;
  display: flex;
  pointer-events: auto;
  opacity: 1;
  transform: translate(0px, 66px) !important;
}
.header__nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 280px;
  height: calc(100vh - 82px);
  top: 82px;
  left: 0;
  background: #16142a;
  padding: 30px 15px 0;
  transition: transform 0.5s ease;
  transform: translate3d(-280px, 0, 0);
  border-right: 2px solid rgba(255,255,255,0.05);
}
.header__nav--active {
  transform: translate3d(0, 0, 0);
}
.header__nav li {
  display: block;
  margin-bottom: 25px;
}
.header__nav li:last-child {
  margin-bottom: 0;
}
.header__nav a {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
.header__nav a i {
  font-size: 8px;
  margin-left: 5px;
  margin-top: 2px;
}
.header__nav a.dropdown-link--menu {
  height: 24px;
}
.header__nav a.dropdown-link--menu i {
  font-size: 20px;
  margin-left: 0;
}
.header__nav a:hover,
.header__nav a[aria-expanded="true"] {
  color: #a034fa;
}
.header__dropdown {
  position: relative;
  display: block;
  width: auto;
}
.header__dropdown-menu {
  position: absolute;
  background-color: #16142a;
  padding: 20px;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 140px;
  text-align: left;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  border-radius: 10px;
  transition: 0.5s ease;
  transition-property: opacity, margin-top, transform;
  top: 0;
  transform: translate3d(0px, 16px, 0px);
  border: 2px solid rgba(255,255,255,0.05);
}
.header__dropdown-menu li {
  position: relative;
  padding: 0;
  margin-bottom: 12px;
}
.header__dropdown-menu li:last-child {
  margin-bottom: 0;
}
.header__dropdown-menu a {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  white-space: nowrap;
}
.header__dropdown-menu a:hover {
  color: #a034fa;
}
.header__dropdown-menu.show {
  z-index: 1000;
  pointer-events: auto;
  opacity: 1;
}
.header__profile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
}
.header__profile span {
  display: none;
}
.header__profile i {
  font-size: 24px;
  color: #fff;
}
.header__profile:hover {
  border-color: #a034fa;
}
@media (min-width: 576px) {
  .header__logo {
    margin-left: 45px;
  }
  .header__tagline {
    display: block;
    line-height: 24px;
    color: #d0d0d0;
    font-size: 14px;
    margin-right: auto;
    margin-left: 20px;
    font-weight: 300;
  }
  .header__nav {
    padding-left: calc((100vw - 516px) / 2);
    width: 320px;
    transform: translate3d(-320px, 0, 0);
  }
  .header__nav--active {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 768px) {
  .header__profile {
    min-width: 130px;
    padding: 0 20px;
    width: auto;
  }
  .header__profile span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    transition: 0.5s ease;
    font-weight: 500;
  }
  .header__profile i {
    display: none;
  }
  .header__profile:before,
  .header__profile:after {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 26px;
    height: 30px;
  }
  .header__profile:before {
    background: url("../img/btn/left--small.svg") no-repeat center;
    left: 8px;
    transition: left 0.5s ease;
  }
  .header__profile:after {
    background: url("../img/btn/right--small.svg") no-repeat center;
    right: 8px;
    transition: right 0.5s ease;
  }
  .header__profile:hover:before {
    left: 12px;
  }
  .header__profile:hover:after {
    right: 12px;
  }
  .header__nav {
    padding-left: calc((100vw - 696px) / 2);
  }
}
@media (min-width: 992px) {
  .header__nav {
    padding-left: calc((100vw - 936px) / 2);
  }
}
@media (min-width: 1200px) {
  .header__btn {
    display: none;
  }
  .header__logo {
    margin-left: 0;
  }
  .header__language {
    margin-left: 0;
  }
  .header__nav {
    position: relative;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 80px;
    top: auto;
    left: auto;
    background: transparent;
    padding: 0;
    transition: 0s;
    transform: translate3d(0, 0, 0);
    border-right: none;
    z-index: 2;
    margin-right: auto;
  }
  .header__nav li {
    margin-right: 44px;
    margin-bottom: 0;
  }
  .header__nav li:last-child {
    margin-right: 0;
  }
  .header__nav a {
    justify-content: center;
    height: 40px;
    text-transform: none;
  }
  .header__nav a.dropdown-link--menu {
    height: 40px;
  }
  .header__dropdown-menu li {
    margin-right: 0;
    margin-bottom: 12px;
    padding: 0;
  }
  .header__dropdown-menu li:last-child {
    margin-bottom: 0;
  }
  .header__dropdown-menu a {
    height: auto;
    color: #fff;
    justify-content: flex-start;
  }
  .header__dropdown-menu a:hover {
    color: #a034fa;
  }
  .header__profile {
    z-index: 1;
  }
}
@media (min-width: 1400px) {
  .header:before,
  .header:after {
    content: '';
    position: absolute;
    display: block;
    width: 67px;
    height: 20px;
    top: 30px;
    pointer-events: none;
  }
  .header:before {
    left: 30px;
    background: url("../img/dodgers/screw--header-left.svg") no-repeat center;
  }
  .header:after {
    right: 30px;
    background: url("../img/dodgers/screw--header-right.svg") no-repeat center;
  }
}
.transparent-header {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 9;
    height: auto;
}
@media (max-width: 767.98px) {
    .transparent-header {
        top: 0;
    }
}
.tgmenu__wrap {
    margin-top: 30px;
    background: #202020;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    padding: 0 20px;
    border: 1px solid #262626;
}
@media (max-width: 991.98px) {
    .tgmenu__wrap {
        padding: 14px 20px;
    }
}
@media (max-width: 767.98px) {
    .tgmenu__wrap {
        margin-top: 20px;
    }
}
.tgmenu__nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
@media (max-width: 991.98px) {
    .tgmenu__nav {
        justify-content: space-between;
    }
}
.tgmenu__nav .logo img {
    max-height: 38px;
}
.tgmenu__navbar-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-grow: 1;
}
.d-none {
    display: none !important;
}
@media (min-width: 992px) {
    .d-lg-flex {
        display: flex !important;
    }
}
.tgmenu__navbar-wrap > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
}
.tgmenu__navbar-wrap > ul > li {
    display: block;
    position: relative;
    list-style: none;
}
.tgmenu__navbar-wrap > ul > li > a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 27px 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .tgmenu__navbar-wrap > ul > li > a {
        padding: 27px 16px;
    }
}
.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {
    color: #ffcc66;
}
.tgmenu__navbar-wrap .navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
}
.section-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 27px 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .section-link {
        padding: 27px 16px;
    }
}
.section-link:hover {
    color: #ffcc66;
}
.section-link-button {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 27px 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .section-link-button {
        padding: 27px 16px;
    }
}
.abs_about {
    position: absolute;
    background: #191a1b;
    border: 1px solid #262626;
    border-radius: 10px;
    top: 60px;
    padding: 6px 10px 6px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 186px;
    min-width: 120px;
    width: max-content;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}
.btn_a:hover .abs_about {
    opacity: 1;
    pointer-events: auto;
}
.link_btn-about {
    display: flex;
    align-items: center;
    padding: 9px 16px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s ease;
    width: 100%;
    text-transform: none;
}
.link_btn-about:hover {
    color: #ffcc66;
}
.btn_a {
  position: relative;
}
.btn_a.active .section-link, .section-link:hover {
    color: #ffcc66;
}
.btn_a.active .section-link-button, .section-link-button:hover {
    color: #ffcc66;
}
.tgmenu__navbar-wrap > ul > li {
    display: block;
    position: relative;
    list-style: none;
}
.tgmenu__action {
    display: flex;
    align-items: center;
}
.tgmenu__action > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 535px) {
    .tgmenu__action > ul {
        display: none;
    }
}
.header-btn {
  margin-left: 0;
}
.tg-btn {
    user-select: none;
    -moz-user-select: none;
    background: #ffcc66  none repeat scroll 0 0;
    border: none;
    color: #151515;
    min-width: 118px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 14px 20px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    vertical-align: middle;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
}
.tg-btn:hover {
    color: #151515;
    background: #fff;
}
.tg-header__area .mobile-nav-toggler {
    position: relative;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    display: none;
    color: #ffcc66;
}
@media (max-width: 992px) {
    .tg-header__area .mobile-nav-toggler {
        display: block;
        margin-left: 24px;
    }
}
@media (max-width: 535px) {
    .tg-header__area .mobile-nav-toggler {
        display: block;
        margin-left: 0;
    }
}
.tgmobile__menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    z-index: 991;
    border-radius: 0px;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;
    -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transform: translateX(101%);
    -moz-transform: translateX(101%);
    -ms-transform: translateX(101%);
    -o-transform: translateX(101%);
    transform: translateX(101%);
}
.tgmobile__menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #151515;
    padding: 0px 0px;
    z-index: 5;
    box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
}
.tgmobile__menu .close-btn {
    position: absolute;
    right: 15px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.section-link-button::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 20px;
    height: 2px;
    background: #ffcc66;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}
.section-link::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 20px;
    height: 2px;
    background: #ffcc66;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}
.btn_a.active a::before, .btn_a:hover a::before {
    opacity: 1;
    visibility: visible;
}
.btn_a.active .section-link-button::before, .btn_a:hover .section-link-button::before {
    opacity: 1;
    visibility: visible;
}
.btn_a:hover .section-link-button {
    color: #ffcc66;
}
.sidebar-aside {
    transform: translate3d(-100%, 0, 0);
    padding-left: 0;
    left: 0;
    transition: transform .15s ease-in-out;
    background-color: #191a1b;
    --sidebar-max-width: 100%;
    display: flex;
    position: fixed;
    z-index: 1041;
    top: 0;
    bottom: 0;
    flex-direction: column;
    max-width: 360px;
    width: 100%;
    border-right: 1px solid #262626;
}
.sidebar-aside.active {
    transform: translateZ(0);
}
.nav-aside {
    padding: 8px 16px 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    touch-action: pan-y;
}
.container-aside {
    color: #888888;
    margin: .5rem 0;
    margin-left: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}
.list-aside {
    margin: 0 0 .75rem;
    padding: 0;
    border-radius: 1rem;
    background-color: var(--bc-color);
}
.item-aside {
    padding: 0.25rem .75rem 0 .75rem;
    display: block;
}
.link-aside {
    border-bottom: 1px solid rgb(0 0 0 / 5%) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    white-space: nowrap;
    transition: color .15s ease-in-out;
    padding: .5rem 0;
    background-color: transparent;
    cursor: pointer !important;
    text-decoration: none;
    width: 100%;
    border: none;
}
.link-aside.active-aside {
    color: #ffcc66;
}

.link-aside:hover {
    color: #ffcc66;
}

.content-aside {
    padding-right: .5rem !important;
    margin-right: .25rem !important;
    align-items: center !important;
    display: flex !important;
}
.icon-aside {
    margin-right: .75rem;
    transition: inherit;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    min-width: 19px;
    max-width: 19px;
}
.text-aside {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}
.arrow-aside {
    display: inline-flex !important;
    transition: color .15s ease-in-out;
    width: 20px;
    height: 20px;
    color: var(--tg-color-gray);
}

.box-aside {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--tg-color-gray);
    line-height: 0;
}

.link-aside:hover .box-aside {
    color: var(--tg-color-green);
}

.divider-aside {
    margin: 0 1rem;
    border: 0;
    border-top: 1px solid #262626;
}
.footer-aside {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.btn-aside_reg {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffcc66;
    height: 42px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    color: #151515;
}
.btn-aside_reg:hover {
   background: #fff;
   color: #151515;
}
.btn-aside_auth {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    height: 42px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #363636;
    color: #fff;
}
.btn-aside_auth:hover {
   background: #fff;
   color: #151515;
}
.locale-switcher-aside {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.locale-btn-aside {
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: .75rem;
    color: var(--tg-color-black);
    font-size: 14px;
    padding: 0 16px;
    display: flex;
    height: 40px;
    background-color: var(--bg-common);
    transition: opacity .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    justify-content: center;
    align-items: center;
}
.locale-btn-asides {
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    color: var(--tg-color-black);
    font-weight: 500;
    padding: 0px 12px;
    border: none;
    font-size: 14px;
    margin-right: 10px;
    border-radius: 6px;
    display: flex;
    height: 32px;
    transition: opacity .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
    justify-content: center;
    align-items: center;
}
.locale-btn-asides:hover {
    background-color: var(--hover-bg-common);
}
.icon-btn-aside {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.text-btn-aside {
    margin-left: 6px;
    font-weight: 500;
}
.modal__auth {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    padding: 0 16px;
}

.modal-content__auth {
  background: #202020;
  padding: 25px;
  border-radius: 12px;
  max-width: 400px;
  width: 100%;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.5s ease;
}

.modal-close__auth {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 22px;
    cursor: pointer;
    color: #888888;
}

.modal__auth.show {
  opacity: 1;
  visibility: visible;
}

.modal__auth.show .modal-content__auth {
  transform: scale(1);
  opacity: 1;
}
.modal-content__auth h2{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.modal-content__auth p{
    font-size: 14px;
    color: #888888;
    font-weight: 400;
}
/*==============================
	Hero
==============================*/
.container {
    z-index: 2;
    position: relative;
    max-width: 1300px;
}

.hero {
    padding-bottom: 120px;
    padding-top: 180px;
}
@media (max-width: 576px) {
    .hero {
        padding-bottom: 90px;
        padding-top: 140px;
    }
}
@media (min-width: 992px) {
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 65%;
        max-width: 65%;
    }
}
.info__stake__content {
    font-size: 14px;
    color: #888888;
    text-align: center;
    margin-top: 32px;
}
.banner__bg {
    background-size: cover;
    background-position: bottom center;
    margin-bottom: 135px;
    position: absolute;
    height: 780px;
    width: 100%;
    overflow: hidden;
    top: 0;
}
@media (max-width: 576px) {
    .banner__bg {
        height: 680px;
    }
}
@media (max-width: 516px) {
    .banner__bg {
        height: 720px;
    }
}
@media (max-width: 430px) {
    .banner__bg {
        height: 745px;
    }
}
@media (max-width: 576px) {
    .col-md-8 {
        padding: 0 !important;
    }
}
@media (max-width: 576px) {
    .section__title h2 {
        padding: 0 !important;
    }
}

.banner__bg-hidden {
  height: calc(100% - 150px);
  overflow: hidden;
}
.section__bg-hidden {
    position: absolute;
    width: max-content;
    height: max-content;
    pointer-events: none;
    left: 0;
    top: 0;
}
.hero__title {
  font-size: 32px;
  line-height: 48px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
}
.hero__title strong,
.hero__title b {
  font-weight: 600;
}
.hero__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 16px;
  margin-top: 15px;
}
.hero__text a {
  color: #fff;
  border-bottom: 2px solid #a034fa;
}
.hero__text a:hover {
  border-color: transparent;
}
.hero__text strong,
.hero__text b {
  font-weight: 500;
}
.hero__btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-top: 40px;
}
.hero__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: calc(50% - 15px);
  border-radius: 100px;
  border: 1px solid #ffcc66;
  background: #ffcc66;
  font-size: 14px;
  height: 50px;
  color: #151515;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  margin-right: 16px;
}
@media (max-width: 576px) {
  .hero__btn {
      height: 42px;
  }
}
@media (max-width: 576px) {
  .hero__btns {
      justify-content: center;
      width: 100%;
  }
}
.hero__btn--light {
  background: transparent;
  color: #fff;
  border: 1px solid #363636;
  margin-right: 0;
}

.hero__btn:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #151515;
}
.hero__btn--light:hover {
  background: #fff;
}

.hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 630px;
}
.hero__content--second {
  margin-top: 60px;
}
@media (min-width: 576px) {
  .hero__title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 576px) {
  .hero__title {
    font-size: 40px;
    line-height: 52px;
  }
}

@media (min-width: 768px) {
  .hero__title {
    font-size: 48px;
    line-height: 58px;
  }
  .hero__text {
    font-size: 18px;
    line-height: 30px;
  }
  .hero__btns {
    margin-top: 50px;
  }
  .hero__content--second {
    margin-top: 70px;
  }
}
@media (min-width: 992px) {
  .hero__content--second {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .hero__title {
    font-size: 50px;
    line-height: 60px;
  }
  .hero__content--second {
    margin-top: 0;
  }
}
.home-hero {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner__content {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner__content .sub-title {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffcc66;
    border: 1px solid #363636;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 6px 10px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .banner__content .sub-title {
        font-size: 12px;
    }
}
.banner__shape img {
    position: absolute;
    z-index: -1;
}
.banner__shape img {
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
@media (max-width: 1199.98px) {
    .banner__shape img {
        width: 60%;
        top: 60px;
    }
}
@media (max-width: 747px) {
    .banner__shape img {
        width: 80%;
        top: 80px;
    }
}
@media (max-width: 576px) {
    .banner__shape img {
        width: 90%;
        top: 90px;
    }
}

@keyframes alltuchtopdown {
  0% {
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    transform: rotateX(0deg) translateY(0px);
  }
}

.alltuchtopdown {
  animation: alltuchtopdown 3s ease-in-out infinite alternate;
}

.btns_company {
    margin-top: 16px;
    width: max-content;
}
.about__banner {
   align-items: flex-start !important;
}
.btn_company {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.btn_company:hover {
    color: #ffcc66;
    text-decoration: underline;
}
.btn_company span {
    margin-left: 4px;
}
.hero__links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}
@media (max-width: 576px) {
    .hero__links {
        margin-top: 48px;
    }
}
.link-btns {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  transition: color 0.3s ease-in-out;
  margin-left: 8px;
  margin-right: 8px;
}
.link-btns:hover {
  color: #ffcc66 !important;
}

.hero__links-content {
    width: 130px;
    height: 80px;
    background: linear-gradient(135deg, #222325 0%, rgba(21, 21, 21, 0) 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    line-height: 0;
    margin-bottom: 5px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #363636;
}

.hero__links-title {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}
.abs-svg {
  position: absolute;
  top: 0;
  right: 0;
}
.brand__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand__area {
    padding: 40px 0px 0;
    position: relative;
    z-index: -1;
}
.brand__item-wrap {
    position: relative;
}
.brand__item-wrap::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 380px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgb(21, 21, 21) 0%, rgba(21, 21, 21, 0) 100%);
}
.brand__item-wrap::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 380px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(21, 21, 21, 0) 0%, rgb(21, 21, 21) 100%);
}

.select__auth {
    margin-top: 24px;
    width: 100%;
}
.select__auth-item {
    width: 100%;
    margin-bottom: 10px;
}
.select__auth-item a {
    background: #262626;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    width: 100%;
    border: 1px solid #323232;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.select__auth-item a:hover {
   color: #151515;
   background: #fff;
   border: 1px solid #fff;
}
.select__auth-item svg {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
/*==============================
	Section
==============================*/
.features__shape {
    position: absolute;
    left: 50%;
    top: -28%;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
}

.section {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 576px) {
    .section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.section-bg {
  position: relative;
  padding: 100px 0;
  background: #20202045;
}
.section--head {
  margin-top: 80px;
  padding: 60px 0 20px;
}
.title__box {
  display: flex;
  flex-direction: column;
}
.section--pb {
  padding-bottom: 26px;
}
.section--content {
  padding: 0;
}
.section__title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.section__title h1,
.section__title h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 16px;
  text-align: center;
  position: relative;
  width: auto;
}
.section__title h3 {
    font-size: 16px;
    color: #d0d0d0;
    text-align: center;
    line-height: 1.6;
    margin-top: 4px;
}
@media (max-width: 600px) {
    .section__title h3 {
        font-size: 14px;
    }
}
.section__title h3 b {
    font-weight: 600;
    color: #fff;
}
.about__wrap-inner {
    height: 100%;
    border: 1px solid #363636;
    border-radius: 16px;
    background: #202020;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.container-about {
  display: flex;
  align-items: center;
}
@media (max-width: 869px) {
    .container-about {
        flex-direction: column;
    }
}
.about__content {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 992px) {
    .about__content {
        flex: 0 0 auto;
        width: 55%;
    }
}
@media (max-width: 869px) {
    .about__content {
        margin-bottom: 32px;
    }
}
.about__content2 {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 992px) {
    .about__content2 {
        flex: 0 0 auto;
        width: 45%;
    }
}
.about__divider {
    padding: 0;
    height: 1px;
    background: #363636;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.foot__about-btn {
    margin-top: 16px;
}
.btn__license {
    background: #ffcc66;
    color: #151515;
    padding: 3px 32px;
    border-radius: 100px;
    height: 42px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
}
.btn__license:hover {
    background: #fff;
    color: #151515;
}

.desktop__about {
    text-align: start;
}
.desktop__about-title {
    text-align: start !important;
    padding: 0 32px 0 0 !important;
    width: 100% !important;
}
.desktop__about-title span {
    background: linear-gradient(45deg, #ffffffd9, #ffffff4d) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.header__about-subtitle {
    font-size: 14px;
    color: #888888;
    margin-top: 8px;
    font-weight: 300;
}
.head__about {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.foot__about {
  padding: 24px;
  position: relative;
}
.header__about-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.header__about-title span {
    font-size: 14px;
    font-weight: 400;
    color: #c9c9c9;
    margin-left: 4px;
}

.section__title p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: #d0d0d0;
  margin-bottom: 16px;
  text-align: center;
}
.section__title p a {
  color: #fff;
  border-bottom: 2px solid #a034fa;
}
.section__title p a:hover {
  border-color: transparent;
}
.section__canvas {
  position: absolute;
  top: 0;
  right: 40px;
  left: 40px;
  bottom: -24px;
  width: auto;
  max-width: none;
  padding: 0;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
  opacity: 0.25;
}
.section__canvas--full {
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 0;
}
.section__tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
  border: none;
  margin-bottom: 16px;
  margin-top: 24px;
}
.section__tabs li {
  margin-right: 25px;
}
.section__tabs li:last-child {
  margin-right: 0;
}
.section__tabs button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #d0d0d0;
  position: relative;
  font-size: 14px;
  height: 40px;
  font-weight: 400;
  white-space: nowrap;
}
.section__tabs button:hover {
  color: #fff;
}
.section__tabs button:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  display: block;
  background: #ffcc66;
  box-shadow: none;
  transition: 0.5s ease;
  border-radius: 3px 3px 0 0;
}
.section__tabs button.active {
  color: #fff;
}
.section__tabs button.active:before {
  height: 2px;
}
.section__tabs--big {
  justify-content: flex-start;
}
.section__tabs--left {
  justify-content: flex-start;
  margin-top: 0;
}
.section__btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
}
.section__btns--two {
  justify-content: space-between;
}
.section__btns--two .section__btn {
  width: calc(50% - 15px);
}
.section__btns--mt {
  margin-top: 10px;
}
.section__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}
.section__btn--light {
  background: transparent;
}
.section__btn:before,
.section__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.section__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.section__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.section__btn:hover {
  border-color: #a034fa;
}
.section__btn:hover:before {
  left: 15px;
}
.section__btn:hover:after {
  right: 15px;
}
.section__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding: 40px 20px;
  position: relative;
}
@media (min-width: 414px) {
  .section__tabs button {
    font-size: 16px;
  }
}
@media (min-width: 576px) {
  .section__tabs li {
    margin-right: 30px;
  }
  .section__tabs li:last-child {
    margin-right: 0;
  }
  .section__tabs--big {
    justify-content: center;
  }
  .section__btns--two {
    justify-content: center;
  }
  .section__btns--two .section__btn {
    width: 200px;
    margin: 0 15px;
  }
  .section__btn {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .section--head {
    padding: 70px 0 30px;
  }
  .section--pb {
    padding-bottom: 26px;
  }
  .section--content {
    padding: 0;
  }
  .section__title h1,
  .section__title h2 {
    font-size: 44px;
    line-height: 50px;
  }
  .section__btns {
    margin-top: 50px;
  }
  .section__btns--two .section__btn {
    margin: 0 20px;
  }
  .section__btns--mt {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .section--head {
    padding: 70px 0 30px;
  }
  .section__canvas {
    top: 50px;
    right: -15px;
    left: -15px;
    bottom: 50px;
  }
  .section__canvas--page {
    top: 74px;
  }
  .section__canvas--full {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .section__tabs-profile {
    position: relative;
  }
  .section__tabs--profile {
    flex-direction: column;
    justify-content: flex-start;
    overflow-x: visible;
    width: 100%;
    margin-bottom: 0;
    margin-top: 24px;
    border-radius: 10px;
    border: 2px solid rgba(255,255,255,0.05);
    background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    padding: 50px 45px;
    z-index: 2;
  }
  .section__tabs--profile li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 22px;
    position: relative;
    width: 100%;
  }
  .section__tabs--profile li:before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
  }
  .section__tabs--profile li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .section__tabs--profile li:last-child:before {
    display: none;
  }
  .section__tabs--profile button {
    padding: 0 14px;
    height: 36px;
  }
  .section__tabs--profile button:before {
    width: 4px;
    height: 4px;
    right: auto;
    bottom: 50%;
    border-radius: 50%;
    left: 0;
    margin-bottom: -2px;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .section__tabs--profile button:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    bottom: 50%;
    border-radius: 50%;
    right: 0;
    margin-bottom: -2px;
    background-color: #a034fa;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .section__tabs--profile button.active:before {
    height: 4px;
  }
  .section__tabs--profile button.active:before,
  .section__tabs--profile button.active:after {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .section--head {
    padding: 70px 0 30px;
  }
  .section--pb {
    padding-bottom: 26px;
  }
  .section--content {
    padding: 0;
  }
  .section__tabs li {
    margin-right: 44px;
  }
  .section__tabs li:last-child {
    margin-right: 0;
  }
  .section__tabs--profile li {
    margin-right: 0;
  }
}
.stake-swiper {
  padding-top: 60px;
}
.stake-swiper .swiper-slide {
  max-width: 340px;
}
.stake__content {
    max-width: 340px;
    background: linear-gradient(135deg, #222325 0%, rgba(21, 21, 21, 0) 100%);
    border: 1px solid #363636;
    border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 32px 20px 20px 20px;
    transition: border 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.stake__content:hover {
    border: 1px solid #ffcc66;
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(255, 204, 102, 0.13);
}
.header__stake-title {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    background: linear-gradient(45deg, #fff, #ffcc66);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.header__stake-subtitle {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}
.header__stake-subtitle span {
    color: #888888;
    font-size: 16px;
    font-weight: 600;
}
.stars__stake-info {
    font-size: 12px;
    line-height: 1.23;
    color: #888888;
    width: 80%;
}
.item__stake-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.list__stake-info {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}
.list__stake-info svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.list__stake-info1 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}
.list__stake-info1 svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.list__stake-info1 span {
    color: #888888;
    font-size: 14px;
    margin-left: 4px;
}
.stake__info {
  margin-top: 30px;
}
.btn__stake-content {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn__stake {
    color: #151515;
    background: #ffcc66;
    padding: 8px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}
.btn__stake:hover {
    color: #151515;
    background: #fff;
}
.amount__stake-content {
  margin-top: 32px;
}
.amount__stake-title {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-bottom: 16px;
}
.title__about-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}
.title__about-info h2{
    padding: 0;
    text-align: start;
    width: 100%;
}
.title__about-info p {
    font-size: 14px;
    font-weight: 400;
    color: #d0d0d0;
    margin-bottom: 6px;
    line-height: 1.73;
    text-align: start;
    padding-right: 64px;
    width: 100%;
    max-width: 660px;
}
@media screen and (max-width: 869px) {
    .title__about-info p {
        max-width: 100%;
    }
}
.title__about-info p b{
    font-weight: 600;
}
.features__shape1 {
  left: 60% !important;
  z-index: 1 !important;
}
.content__work {
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
.content__work-block {
    width: 100%;
    max-width: 320px;
    background: #202020;
    border: 1px solid #303030;
    border-radius: 10px;
    padding: 24px;
    height: max-content;
    position: relative;
}
@media screen and (max-width: 576px) {
    .content__work-block {
        max-width: 100%;
    }
}
.content__work-img {
    display: flex;
    justify-content: center;
}
.content__work-img img {
    width: 100%;
    max-width: 110px;
}
.content__work-title {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-top: 16px;
}
.content__work-subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #888888;
    text-align: center;
    margin-top: 8px;
}
.abs_step {
    position: absolute;
    font-size: 24px;
    color: #ffcc66;
    font-weight: 700;
    top: 12px;
    right: 16px;
}
.section-stat {
  position: relative;
  padding-top: 100px;
}
.roadmap__content {
    margin-top: 64px;
}
.roadmap-title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 45px;
    margin-left: 14px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    color: #fff;
}
.roadmap__content-item {
    border: 1px solid #303030;
    border-radius: 12px;
    background: #202020;
    max-width: 370px;
    width: 100%;
    padding: 24px;
}
.roadmap__content-title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.roadmap__content-title span {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    border-radius: 100px;
    border: 6px solid #363636;
    margin-right: 24px;
    position: relative;
    background: linear-gradient(135deg, #000000 5%, #21c763 95%);
}
.roadmap__content-subtitle {
    font-size: 14px;
    color: #888888;
    font-weight: 300;
}
.roadmap__content-title span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    width: 1px;
    height: 70px;
    background: #363636;
    z-index: 2;
}
.roadmap-swiper .swiper-slide {
    max-width: 370px;
    width: 100%;
}

.roadmap__content-title1 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.roadmap__content-title1 span {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    border-radius: 100px;
    border: 6px solid #363636;
    margin-right: 24px;
    position: relative;
    background: linear-gradient(135deg, #000000 5%, #dd4f4f 95%);
}
.roadmap__content-title1 span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    width: 1px;
    height: 70px;
    background: #363636;
    z-index: 2;
}
.home_contact__row {
    display: flex;
    gap: 24px;
}
@media (max-width: 841px) {
    .home_contact__row {
        flex-direction: column;
    }
}
.home_contact__content {
    width: 100%;
    max-width: 100%;
    background: #202020;
    border: 1px solid #303030;
    border-radius: 16px;
    padding: 24px;
}
.home_contact__section {
    padding-top: 100px;
}
.input-home_contact {
    height: 50px;
    width: calc(50% - 12px);
    position: relative;
}
@media (max-width: 576px) {
    .input-home_contact {
        width: 100%;
    }
}
.input-home_contact span {
    position: absolute;
    left: 16px;
    color: rgb(255 255 255 / 30%);
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_input {
    width: 100%;
    background: #1a1a1a;
    color: #fff;
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    padding: 4px 16px 4px 46px;
    border: 1px solid #1a1a1a;
}
.home_input::placeholder {
  color: #888888;
}

.home_input:focus {
  outline: none;
  border: 1px solid #ffcc66;
}

.home_header__contact {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.home_flex__contact {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 576px) {
    .home_flex__contact {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    }
}
.message-home_contact {
    margin-top: 20px;
    height: auto;
    width: 100%;
}
.home_message {
    width: 100%;
    background: #1a1a1a;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 160px;
    border-radius: 24px;
    padding: 16px;
    border: 1px solid #1a1a1a;
}
.home_message::placeholder {
  color: #888888;
}
.home_message:focus {
  outline: none;
  border: 1px solid #ffcc66;
}

.home_message::-webkit-resizer {
  background: transparent;
  border-radius: 8px;
  background-image: 
    linear-gradient(135deg, transparent 50%, #ffcc66 50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% 70%;
}


.home_btn__content {
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_btn__contact {
    color: #151515;
    font-size: 14px;
    font-weight: 700;
    background: #ffcc66;
    height: 42px;
    border-radius: 100px;
    padding: 0 24px;
    display: flex;
    align-items: center;
}
.home_btn__contact svg {
    width: 22px;
    height: 22px;
    margin-top: 1px;
}
.home_btn__contact:hover {
    background: #fff;
    color: #151515;
}
.home_social__content {
    width: 100%;
    max-width: 410px;
    background: #202020;
    border: 1px solid #303030;
    border-radius: 16px;
    height: max-content;
}
@media (max-width: 576px) {
    .home_social__content {
        max-width: 100%;
    }
}
.img__message {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img__message img {
    max-width: 240px;
    width: 100%;
}
.message__content-header {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}
.btn-social_message {
    height: 42px;
    border: 1px solid #363636;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #151515;
    font-size: 14px;
    font-weight: 700;
    background: #ffffff;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.btn-social_message span {
   position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.message__content-btn {
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.telegram, .youtube, .twitter {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); /* белый фон */
  background-size: 200%;
  background-position: left;
  transition: background-position 0.5s ease, color 0.5s ease;
  color: #151515;
}
.telegram:hover {
  background: linear-gradient(135deg, #ffffff 0%, #daeffb 40%, #43a4f7 100%);
  background-size: 200%;
  background-position: right;
  color: #151515;
}
.youtube:hover {
  background: linear-gradient(135deg, #ffffff 0%, #ffe5e5 40%, #d38f8f 100%);
  background-size: 200%;
  background-position: right;
  color: #151515;
}

.twitter:hover { 
  background: linear-gradient(135deg, #ffffff 0%, #b3b3b3 40%, #535252 100%);
  background-size: 200%;
  background-position: right;
  color: #151515; 
}
/*==============================
	CTA
==============================*/
.cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  transition: 0.5s ease;
  transition-property: border-color;
}
.cta__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 12px;
  text-align: center;
}
.cta__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  text-align: center;
  margin-top: 24px;
}
@media screen and (max-width: 576px) {
    .cta__text {
        font-size: 14px;
    }
}
.cta__text b,
.cta__text strong {
  color: #fff;
  font-weight: 500;
}
.cta .progressbar {
  margin-top: 30px;
}
.cta:hover {
  border-color: rgba(160,52,250,0.2);
}
@keyframes fadeInUps {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUps {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*==============================
	Progressbar
==============================*/
.progressbar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.progressbar--contest {
  margin-top: 30px;
}
.progressbar--cta {
  margin-top: 30px;
}
.progressbar--orange .progress-bar {
  background-color: #e66c12 !important;
}
.progressbar--green .progress-bar {
  background-color: #20be60 !important;
}
.progressbar--red .progress-bar {
  background-color: #e2293b !important;
}
.progressbar--blue .progress-bar {
  background-color: #4399fc !important;
}
.progressbar__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 15px;
}
.progressbar .progress {
  width: 100%;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.1);
  overflow: visible;
}
.progressbar .progress-bar {
  border-radius: 10px;
  background-color: #a034fa;
  overflow: visible;
  position: relative;
}
.progressbar .progress-bar span {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-top: 10px;
}
.progressbar__values {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.progressbar__value {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .progressbar--contest {
    margin-top: auto;
  }
}
/*==============================
	Stats
==============================*/
.stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 130px;
  margin-top: 24px;
  border-radius: 10px;
  border: 1px solid #363636;
  background: linear-gradient(135deg, #222325 0%, rgba(21, 21, 21, 0) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
}
.stats:before,
.stats:after {
  content: '';
  position: absolute;
  top: 22px;
  width: 36px;
  height: 2px;
  display: block;
  pointer-events: none;
}
.stats:before {
  left: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
}
.stats:after {
  right: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 100%);
}
.stats__value {
  font-size: 32px;
  line-height: 100%;
  font-weight: 400;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 10px;
}
.stats__name {
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 0;
}
.stats__dodger {
  position: absolute;
  display: block;
  width: 16px;
  height: 63px;
  top: 15px;
  pointer-events: none;
}
.stats__dodger--left {
  left: 15px;
}
.stats__dodger--right {
  right: 15px;
}
.stats__dodger--purple {
  background: url("../img/dodgers/stats--purple.svg") no-repeat center;
}
.stats__dodger--orange {
  background: url("../img/dodgers/stats--orange.svg") no-repeat center;
}
.stats__dodger--g {
  background: url("../img/dodgers/stats--g1.svg") no-repeat center;
}
.stats__dodger--blue {
  background: url("../img/dodgers/stats--blue.svg") no-repeat center;
}
.stats__dodger--red {
  background: url("../img/dodgers/stats--red.svg") no-repeat center;
}

.charts-wrap {
    display: flex;
    gap: 100px;
    justify-content: center;
    margin-top: 80px;
}
@media screen and (max-width: 990px) {
    .charts-wrap {
        gap: 0;
        flex-direction: column;
        align-items: center;
    }
}
.poc_block__chart {
    position: relative;
    max-width: 300px;
    width: 100%;
    border-radius: 100%;
    background: #ffcc6605;
    overflow: hidden;
}
@media screen and (max-width: 990px) {
    .poc_block__chart {
        max-width: 172px;
    }
}
.poc_block__chart .ellipse {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotate 5s linear infinite;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.poc_block__data-wrap {
  display: flex;
    align-items: center;
}
.poc_block__text-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.charts-wrap .poc_block__text-wrap .label {
    color: #fff;
    opacity: 0.5;
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    display: flex;
    align-items: center;
}
.charts-wrap .poc_block__text-wrap .percent {
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
    font-size: 32px;
    line-height: 114%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
}
@media screen and (max-width: 990px) {
    .poc_block__chart .ellipse {
        width: 152px;
        height: 152px;
    }
}
@media screen and (max-width: 990px) {
    .charts-wrap .poc_block__chart:nth-child(2) {
        top: -20px;
    }
}
@media screen and (max-width: 990px) {
    .charts-wrap .poc_block__chart:nth-child(3) {
        top: -60px;
    }
}

.main-planet-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    flex-direction: column;
}
.main-planet-background:before {
    content: "";
    width: 880px;
    height: 880px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    background: radial-gradient(50% 50% at 50% 50%, #DEC27F 0%, rgba(222, 194, 127, 0) 100%);
    opacity: 0.3;
    top: -400px;
    left: -400px;
}
/*==============================
	Features
==============================*/
.feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 215px;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 0 55px;
}
.feature__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 12px;
  text-align: center;
}
.feature__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  text-align: center;
}
.feature__text b,
.feature__text strong {
  color: #fff;
  font-weight: 500;
}
/*==============================
	Deals
==============================*/
.deals {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
}
.deals__table-wrap {
  width: 100%;
  position: relative;
}
.deals__table {
  width: 100%;
  min-width: 992px;
  border-spacing: 0;
}
.deals__table thead {
  border-bottom: 2px solid rgba(255,255,255,0.05);
}
.deals__table thead th {
  font-size: 12px;
  color: #d0d0d0;
  font-weight: 400;
  padding: 20px 15px;
  line-height: 100%;
  margin-bottom: 0;
  border: none;
  text-transform: uppercase;
}
.deals__table thead th:first-child {
  padding-left: 0;
}
.deals__table thead th:last-child {
  padding-right: 0;
}
.deals__table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.deals__table tbody tr:last-child {
  border-bottom: none;
}
.deals__table tbody td {
  padding: 20px 15px;
}
.deals__table tbody td:first-child {
  padding-left: 0;
}
.deals__table tbody td:last-child {
  padding-right: 0;
}
.deals__text {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.deals__text i {
  font-size: 20px;
}
.deals__text--green {
  color: #20be60;
}
.deals__text--buy i {
  color: #20be60;
}
.deals__text--sell i {
  color: #e2293b;
}
.deals__exchange {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.deals__exchange img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}
.deals__exchange span {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.deals__exchange span.green {
  color: #20be60;
}
.deals__exchange span.red {
  color: #e2293b;
}
.deals__exchange i {
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin: 0 10px;
}
.btn__back {
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #888888;
    top: 23px;
    line-height: 1;
}
.btn__primary {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 600;
    color: #151515;
    background: #ffcc66;
    height: 44px;
    border-radius: 10px;
    border: none;
    width: 100%;
}
.input__email {
    width: 100%;
    border: 1px solid #363636;
    background: #191919;
    border-radius: 10px;
    height: 48px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 10px 10px 10px 52px;
    transition: border 0.3s ease;
}
.input__email::placeholder {
    color: #888888;
    font-weight: 500;
}
.input__email:focus {
    border: 1px solid #ffcc66;
}
.svg__input {
    position: absolute;
    left: 16px;
    color: #888888;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.content__input-email {
  position: relative;
}
.error__messages {
    font-size: 11px;
    color: #e56464;
    padding: 4px 0 0 8px;
}
.resend-block {
    margin-top: 24px;
    text-align: start;
    font-size: 14px;
    color: #888888;
    font-weight: 500;
}
.help__content {
  margin-top: 24px;
}
.help__item {
    border: 1px solid #363636;
    border-radius: 8px;
    padding: 10px 16px;
    text-align: start;
    width: 100%;
    display: flex;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
    position: relative;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.help__item:hover {
    color: #ffcc66;
}
/*==============================
	Invest
==============================*/
.invest {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.invest__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}
.invest__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  margin-top: 20px;
}
.invest__table {
  margin-top: 20px;
  width: 100%;
  border-spacing: 0;
}
.invest__table thead {
  border-bottom: 2px solid rgba(255,255,255,0.05);
}
.invest__table thead th {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: 400;
  padding: 20px 15px;
  line-height: 100%;
  margin-bottom: 0;
  border: none;
}
.invest__table thead th:first-child {
  padding-left: 0;
}
.invest__table thead th:last-child {
  padding-right: 0;
  text-align: right;
}
.invest__table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.invest__table tbody tr:last-child {
  border-bottom: none;
}
.invest__table tbody tr:last-child td {
  font-size: 18px;
}
.invest__table tbody td {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  padding: 20px 15px;
  line-height: 100%;
  border: none;
}
.invest__table tbody td:first-child {
  padding-left: 0;
}
.invest__table tbody td:last-child {
  padding-right: 0;
  text-align: right;
}
.invest__table tbody td.blue {
  color: #4399fc;
}
.invest__table tbody td.yellow {
  color: #d8be15;
}
.invest__list {
  margin-top: 30px;
}
.invest__list li {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 20px;
}
.invest__list li b {
  color: #fff;
  font-weight: 500;
}
.invest__list li:last-child {
  margin-bottom: 0;
}
.invest__rate-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
}
.invest__rate {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.invest__rate span {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-bottom: 5px;
}
.invest__rate p {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}
.invest__rate p.green {
  color: #20be60;
}
.invest__rate p.red {
  color: #e2293b;
}
.invest__rate p small {
  color: #d0d0d0;
  font-weight: 400;
  font-size: 14px;
}
.invest__graph {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 140px;
  height: 62px;
  border-left: 2px solid #a034fa;
  border-right: 2px solid #a034fa;
  margin-top: 15px;
  overflow: hidden;
}
.invest__graph img {
  -webkit-animation: linear 50s infinite mini-chart;
  animation: linear 50s infinite mini-chart;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.invest__info {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  margin-top: 42px;
  padding-top: 40px;
  position: relative;
  width: 100%;
}
.invest__info:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.invest__link {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  border-bottom: 2px solid #a034fa;
  margin-top: 30px;
}
.invest__link:hover {
  border-color: transparent;
}
.invest__group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
@media (min-width: 576px) {
  .invest__rate-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .invest__graph {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .invest__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (min-width: 992px) {
  .invest {
    min-height: 390px;
    margin-top: 0;
  }
  .invest--big {
    min-height: auto;
    margin-top: 24px;
  }
  .invest--contest {
    min-height: calc(100% - 24px);
    margin-top: 24px;
  }
  .invest__link {
    margin-top: auto;
  }
}
/*==============================
	Roadmap
==============================*/
.roadmap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.roadmap__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}
.roadmap__carousel {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.roadmap__block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
.roadmap__block:before {
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  left: 0;
  top: 55px;
  border: 3px solid rgba(255,255,255,0.2);
  z-index: 1;
}
.roadmap__block:after {
  content: '';
  position: absolute;
  display: block;
  top: 62px;
  left: 26px;
  right: 0;
  background-color: rgba(255,255,255,0.2);
  height: 2px;
  border-radius: 2px;
}
.roadmap__block--active:before {
  border-color: #4399fc;
}
.roadmap__block--active .roadmap__block-list li:before {
  background-color: #4399fc;
}
.roadmap__block-title {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  display: block;
  margin-bottom: 66px;
}
.roadmap__block-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.roadmap__block-list li {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
  padding-left: 16px;
  position: relative;
}
.roadmap__block-list li:last-child {
  margin-bottom: 0;
}
.roadmap__block-list li:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  top: 11px;
  left: 0;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .roadmap__title {
    font-size: 32px;
    line-height: 42px;
  }
  .roadmap__block-list {
    padding-right: 15px;
  }
}
/*==============================
	Partner
==============================*/
.partner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  position: relative;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.partner p {
  position: absolute;
  transform: scale(0.8);
  opacity: 0;
  transition: 0.35s linear;
  transition-property: transform, opacity;
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.partner img {
  max-width: 100%;
  opacity: 1;
  transition: 0.35s linear;
  transition-property: transform, opacity;
}
.partner:hover p {
  opacity: 1;
  transform: scale(1);
}
.partner:hover img {
  opacity: 0;
  transform: scale(0.8);
}
/*==============================
	Accordion
==============================*/
.accordion__card {
  margin-top: 24px;
}
.accordion__card button {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 25px;
  min-height: 50px;
  padding: 16px 48px 16px 24px;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  background: #202020;
  border: 1px solid #303030;
}
@media (max-width: 586px) {
  .accordion__card button {
    text-align: start;
  }
}
.accordion__card button:hover {
  border: 1px solid #ffcc6663;
}

.accordion__card button:before {
  top: -2px;
  left: -2px;
}
.accordion__card button:after {
  top: -2px;
  right: -2px;
}
.accordion__card button:hover:before,
.accordion__card button:hover:after {
  border-color: #a034fa;
}
.accordion__card button[aria-expanded="true"]:before,
.accordion__card button[aria-expanded="true"]:after {
  border-color: #a034fa;
}
.accordion__card p {
  padding: 20px 24px 0;
  color: #d0d0d0;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
  text-align: start;
}
.accordion__card p b {
  font-weight: 500;
}
.faq-home__icon-wrap {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.faq-home__icon {
  transform: scale(0.6) rotate(-90deg);
  transition: all 0.25s ease;
  opacity: 0;
}

.faq-home__icon.active {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.faq-home__icon.open-svg {
  display: block;
}
.faq-home__icon.close-svg {
  display: none;
}
/*==============================
	Company
==============================*/
.company {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.company__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 30px;
}
.company__subtitle {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-bottom: 15px;
  margin-top: 20px;
}
.company__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-bottom: 20px;
}
.company__text b {
  color: #fff;
  font-weight: 500;
}
.company__text:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .company__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (min-width: 992px) {
  .company {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .company__subtitle {
    margin-top: 0;
  }
}
/*==============================
	About
==============================*/
.about {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.about__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 10px;
}
.about__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-top: 20px;
  margin-bottom: 0;
}
.about__text b {
  color: #fff;
  font-weight: 500;
}
@media (min-width: 768px) {
  .about__title {
    font-size: 32px;
    line-height: 42px;
  }
}
/*==============================
	Step
==============================*/
.step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.step__title {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}
.step__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-top: 20px;
  margin-bottom: 0;
}
.step__text b {
  color: #fff;
  font-weight: 500;
}
@media (min-width: 768px) {
  .step__title {
    font-size: 30px;
    line-height: 40px;
  }
}
.stake-swiper .stake_swiper-pagination {
    position: relative;
    margin-top: 48px;
    text-align: center;
}

.stake-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ffcc66;
    opacity: 0.6;
    margin: 0 4px;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.stake-swiper .swiper-pagination-bullet-active {
    width: 18px;
    height: 6px;
    background: #ffcc66;
    opacity: 1;
}

@media (min-width: 768px) {
  .stake-swiper .stake_swiper-pagination {
    display: none !important;
  }
}

.roadmap-swiper .roadmap_swiper-pagination {
    position: relative;
    margin-top: 48px;
    text-align: center;
}

.roadmap-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ffcc66;
    opacity: 0.6;
    margin: 0 4px;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.roadmap-swiper .swiper-pagination-bullet-active {
    width: 18px;
    height: 6px;
    background: #ffcc66;
    opacity: 1;
}

@media (min-width: 768px) {
  .roadmap-swiper .roadmap_swiper-pagination {
    display: none !important;
  }
}

.about-swiper .about_swiper-pagination {
    position: absolute;
    z-index: 10;
    bottom: 5px;
    text-align: center;
}
.about-swiper .swiper-slide{
  width: 100% !important;
}
.about-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #fff;
    opacity: 0.6;
    margin: 0 4px;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.about-swiper .swiper-pagination-bullet-active {
    width: 18px;
    height: 6px;
    background: #fff;
    opacity: 1;
}

.support_widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1000;
}
.btn__support {
    background: #ffcc66;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    color: #151515;
    border-radius: 100px;
    box-shadow: 0 2px 9px #ffcc669e;
}
.support_widget:after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: -2;
    background-color: #151515;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 1px 12px rgb(255 204 102 / 15%);
}
.support_widget.isActive:after {
    -webkit-transform: scale3d(5, 5, 1);
    transform: scale3d(5, 5, 1);
    -webkit-transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
    transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}
.support-widget__menu {
    list-style: none;
}
.support-widget__item {
    position: absolute;
    top: .2em;
    right: .2em;
    -webkit-transition: background .2s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, background .2s ease;
    color: #fff;
    z-index: -1;
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 9px #5948269e;
}
.support-widget__item:hover {
    transform: scale(1.05);
}
.support-widget.isActive .support-widget__item:nth-child(1) {
    -webkit-transform: translate3d(-3.9em, -0.4em, 0);
    transform: translate3d(-3.9em, -0.4em, 0);
}
.support-widget.isActive .support-widget__item:nth-child(2) {
    -webkit-transform: translate3d(-1.1em, -3.6em, 0);
    transform: translate3d(-1.1em, -3.6em, 0);
}
.support-widget__menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #151515;
}
.support-widget__menu-btn:hover {
  color: #151515;
}
/*==============================
	Question
==============================*/
.question {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.question__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.question__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 20px;
}
.question__text b {
  color: #fff;
  font-weight: 500;
}
@media (min-width: 768px) {
  .question__title {
    font-size: 32px;
    line-height: 42px;
  }
  .question__text {
    padding: 0 25%;
  }
}
@media (min-width: 992px) {
  .question {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .question__text {
    padding: 0 30%;
  }
}
/*==============================
	Node
==============================*/
.node {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 40px;
  z-index: 2;
}
.node--contest {
  padding-bottom: 50px;
}
.node--hero {
  padding-bottom: 50px;
  margin-top: 0;
}
.node:before,
.node:after {
  content: '';
  position: absolute;
  top: 22px;
  width: 36px;
  height: 2px;
  display: block;
  pointer-events: none;
}
.node:before {
  left: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
}
.node:after {
  right: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 100%);
}
.node__title {
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
  margin-bottom: 10px;
}
.node__title b {
  font-weight: 400;
}
.node__title--orange b {
  color: #e66c12;
}
.node__title--green b {
  color: #39dc01;
}
.node__title--blue b {
  color: #4399fc;
}
.node__title--purple b {
  color: #a034fa;
}
.node__title--red b {
  color: #e2293b;
}
.node__date {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 10px;
}
.node__price {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
}
.node__price b {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.node__line {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 4px;
  margin: 25px 0;
}
.node__line img {
  width: 100%;
}
.node__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.node__list li {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  position: relative;
  padding-left: 30px;
}
.node__list li i {
  font-size: 20px;
  color: #20be60;
  position: absolute;
  left: 0;
  top: 3px;
}
.node__list li b {
  font-weight: 500;
  color: #fff;
}
.node__list li:last-child {
  margin-bottom: 0;
}
.node__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-top: 30px;
}
.node__btn:before,
.node__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.node__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.node__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.node__btn:hover {
  border-color: #a034fa;
}
.node__btn:hover:before {
  left: 15px;
}
.node__btn:hover:after {
  right: 15px;
}
/*==============================
	Arbitrage pool
==============================*/
.apool {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 40px;
  z-index: 2;
}
.apool__title {
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
  margin-bottom: 15px;
}
.apool__title b {
  font-weight: 400;
}
.apool__tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
  border: none;
  margin-bottom: 30px;
  position: relative;
}
.apool__tabs:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.apool__tabs li {
  margin-right: 30px;
}
.apool__tabs li:last-child {
  margin-right: 0;
}
.apool__tabs button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #d0d0d0;
  position: relative;
  font-size: 16px;
  height: 40px;
  font-weight: 400;
  white-space: nowrap;
}
.apool__tabs button:hover {
  color: #fff;
}
.apool__tabs button:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  display: block;
  background: #a034fa;
  box-shadow: none;
  transition: 0.5s ease;
  border-radius: 3px 3px 0 0;
}
.apool__tabs button.active {
  color: #fff;
}
.apool__tabs button.active:before {
  height: 2px;
}
.apool__tabs--orange button:before {
  background: #e66c12;
}
.apool__tabs--green button:before {
  background: #39dc01;
}
.apool__tabs--blue button:before {
  background: #4399fc;
}
.apool .tab-content {
  width: 100%;
}
.apool__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.apool__value {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 10px;
}
.apool__profit {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 30px;
}
.abs-ref_upline {
  position: relative;
  height: 24px;
}
.ref_upline {
    font-size: 14px;
    color: #b3b3b3;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 12px;
    background: #303030;
    border-radius: 6px;
}
.ref_upline span {
    color: #ffcc66;
    margin-left: 6px;
    font-weight: 500;
}
.apool__profit b {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.apool__group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.apool__label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #d0d0d0;
  width: 100%;
  line-height: 100%;
  margin-bottom: 15px;
}
.apool__input {
  width: 100%;
  height: 50px;
  padding: 0 20px 0 54px;
  border: 2px solid rgba(255,255,255,0.05);
  background: url("../img/dollar.svg") no-repeat center left 15px transparent;
  background-size: 24px 24px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.apool__input:hover,
.apool__input:focus {
  border-color: rgba(255,255,255,0.25);
}
.apool__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-top: 10px;
}
.apool__btn:before,
.apool__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.apool__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.apool__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.apool__btn:hover {
  border-color: #a034fa;
}
.apool__btn:hover:before {
  left: 15px;
}
.apool__btn:hover:after {
  right: 15px;
}
.footer-head {
    background: #202020;
    padding: 0 20px 30px;
    border-top: 1px solid #303030;
}
.wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
    max-width: 1185px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 32px;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 720px) {
    .wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 20px;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
        margin-right: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media screen and (max-width: 950px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
        margin-right: 60px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media screen and (max-width: 720px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
        margin-right: 40px;
    }
}
.v-application .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important
;
}
.v-application .align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-logo[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}
.v-application a {
    cursor: pointer;
}
.v-application a {
    color: var(--v-anchor-base);
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-logo .logo[data-v-6f70fb4e] {
    margin-right: 9px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-logo .logo img[data-v-6f70fb4e] {
    height: 38px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-reserved[data-v-6f70fb4e] {
    display: block;
    margin: 7px 0 22px;
    font-size: 12px;
    line-height: 16px;
    color: #aaa;
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-reserved[data-v-6f70fb4e] {
        margin-bottom: 20px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-socials[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-socials a {
    color: hsla(0, 0%, 100%, .8);
    margin-right: 20px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-socials a:hover {
    color: #ffcc66;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22px;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (max-width: 950px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
    }
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store img {
  width: 130px;
}
@media screen and (max-width: 950px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store[data-v-6f70fb4e] {
        margin: 0 0 10px;
    }
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store[data-v-6f70fb4e] {
        margin: 0 20px 0 0;
        margin-bottom: 12px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-center[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 775px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-center[data-v-6f70fb4e] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .website-links[data-v-6f70fb4e] {
    max-width: 350px;
    margin-top: 14px;
    margin-right: 20px;
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .website-links[data-v-6f70fb4e] {
        margin-right: 0;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .website-links__title[data-v-6f70fb4e] {
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 12px;
}
.wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}
.wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links__item {
    width: 33%;
    font-size: 13px;
    line-height: 18px;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: 6px;
    -webkit-transition: .3s;
    transition: .3s;
}
.wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links__item:hover {
    color: #ffcc66;
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links__item {
        font-size: 12px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-right[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 14px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-right__title[data-v-6f70fb4e] {
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 12px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-right a {
    font-size: 13px;
    line-height: 18px;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: 6px;
    -webkit-transition: .3s;
    transition: .3s;
}
.wrapper-footer .footer-head .wrap-footer-head .block-right a:hover {
    color: #ffcc66;
}
.wrapper-footer .footer-head .wrap-footer-head .block-btns[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    align-items: center;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-btns[data-v-6f70fb4e] {
        display: none;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-btns svg[data-v-6f70fb4e] {
    cursor: pointer;
}
.wrapper-footer .footer-head .wrap-footer-head .block-btns svg[data-v-6f70fb4e]:first-child {
    margin-bottom: 10px;
}
.block-btns img {
    width: 160px;
}
/*==============================
	Profile
==============================*/
.profile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.profile .tab-content {
  width: 100%;
}
.profile__info {
  margin-top: 24px;
  width: 100%;
}
.profile__info p {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  width: 100%;
  margin-bottom: 0;
}
.profile__info p i {
  margin-right: 4px;
}
.profile__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  margin-bottom: 25px;
  margin-top: 24px;
}
.profile__title b {
  font-weight: 400;
}
.profile__title--mt {
  margin-top: 0;
}
.divider-auth {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}
.pos-divider {
    width: 100%;
    height: 1px;
    background: #363636;
    border-radius: 4px;
}
.text-divider {
    padding: 0 16px;
    font-size: 10px;
    color: #888888;
    font-weight: 600;
    text-transform: uppercase;
}
.btn__email {
    background: transparent;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    width: 100%;
    border: 1px solid #363636;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.btn__email:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #151515;
}
/*==============================
	Deposit
==============================*/
.deposit {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  padding-bottom: 24px;
  position: relative;
}
.deposit:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.deposit:last-child {
  padding-bottom: 0;
}
.deposit:last-child:before {
  display: none;
}
.deposit__name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
.deposit__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border: 2px solid;
  border-radius: 50%;
}
.deposit__icon i {
  font-size: 22px;
  color: #fff;
}
.deposit__icon--orange {
  border-color: #e66c12;
}
.deposit__icon--green {
  border-color: #39dc01;
}
.deposit__icon--blue {
  border-color: #4399fc;
}
.deposit__title {
  width: calc(100% - 65px);
  margin-left: 15px;
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
  color: #fff;
  margin-bottom: 0;
}
.deposit__title b {
  font-weight: 400;
}
.deposit__list {
  margin-bottom: 10px;
}
.deposit__list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 10px;
}
.deposit__list li b {
  color: #fff;
  font-weight: 400;
}
.deposit__list li:last-child {
  margin-bottom: 0;
}
.deposit__profit {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
.deposit__profit span {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 5px;
}
.deposit__profit p {
  font-size: 32px;
  line-height: 100%;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .deposit__profit {
    position: absolute;
    margin-top: 0;
    top: 0;
    right: 0;
  }
}
/*==============================
	Post
==============================*/
.post {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 10px;
  background-color: #16142a;
  overflow: hidden;
}
.post__img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 380px;
  cursor: default;
  position: relative;
  border-radius: 10px;
}
.post__img:before {
  content: '';
  position: absolute;
  display: block;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
}
.post__img img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  z-index: 1;
  transition: opacity 0.5s ease;
  border-radius: 0;
}
.post__content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 20px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.post__category {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 28px;
  min-width: 60px;
  width: auto;
  color: #d0d0d0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  background-color: transparent;
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: 6px;
  padding: 0 12px;
  font-weight: 400;
  margin-bottom: 20px;
}
.post__category:hover {
  color: #fff;
}
.post__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  width: 100%;
}
.post__title a {
  display: block;
  color: #fff;
}
.post__title a:hover {
  color: #a034fa;
}
.post__meta {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 28px;
  position: absolute;
  top: 30px;
  right: 20px;
}
.post__date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.post__date:last-child {
  margin-right: 0;
}
.post__date i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
.post__views {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.post__views:last-child {
  margin-right: 0;
}
.post__views i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .post__title {
    font-size: 28px;
    line-height: 40px;
    padding-right: 33%;
  }
}
@media (min-width: 992px) {
  .post__title {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .post__title {
    padding-right: 25%;
  }
  .post:hover .post__img img {
    opacity: 0.75;
  }
}
/*==============================
	Article
==============================*/
.article {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 24px;
}
.article__category {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 28px;
  min-width: 60px;
  width: auto;
  color: #d0d0d0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  background-color: transparent;
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: 6px;
  padding: 0 12px;
  font-weight: 400;
  margin-right: auto;
}
.article__category:hover {
  color: #fff;
}
.article__date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.article__date:last-child {
  margin-right: 0;
}
.article__date i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
.article__views {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.article__views:last-child {
  margin-right: 0;
}
.article__views i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
.article__meta {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.article__content {
  position: relative;
}
.article__content img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 10px;
}
.article__content iframe {
  display: block;
  width: 100%;
  height: 240px;
  margin-bottom: 20px;
  border-radius: 10px;
  border: none;
}
.article__content h1,
.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
  font-weight: 400;
  color: #fff;
  margin-bottom: 15px;
}
.article__content h1:last-child,
.article__content h2:last-child,
.article__content h3:last-child,
.article__content h4:last-child,
.article__content h5:last-child,
.article__content h6:last-child {
  margin-bottom: 0;
}
.article__content h1 {
  font-size: 30px;
  line-height: 46px;
}
.article__content h2 {
  font-size: 28px;
  line-height: 42px;
}
.article__content h3 {
  font-size: 24px;
  line-height: 36px;
}
.article__content h4 {
  font-size: 22px;
  line-height: 32px;
}
.article__content h5 {
  font-size: 18px;
  line-height: 28px;
}
.article__content h6 {
  font-size: 16px;
  line-height: 26px;
}
.article__content p {
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 20px;
}
.article__content p b {
  font-weight: 500;
}
.article__content p a {
  color: #a034fa;
  text-decoration: underline;
}
.article__content p a:hover,
.article__content p a:focus {
  color: #a034fa;
  text-decoration: none;
}
.article__content p:last-child {
  margin-bottom: 0;
}
.article__content blockquote {
  display: block;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
  font-style: italic;
}
.article__content blockquote:before {
  content: '';
  position: absolute;
  display: block;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 3px;
  background-color: #a034fa;
  border-radius: 3px;
}
.article__content blockquote:last-child {
  margin-bottom: 0;
}
.article__content ul {
  margin-bottom: 20px;
  display: block;
}
.article__content ul li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #d0d0d0;
  padding-left: 20px;
  position: relative;
}
.article__content ul li:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a034fa;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.article__content ul:last-child {
  margin-bottom: 0;
}
.article__content ol {
  padding-left: 0;
  list-style: none;
  counter-reset: li;
  margin-bottom: 20px;
}
.article__content ol:last-child {
  margin-bottom: 0;
}
.article__content ol ol {
  padding-left: 15px;
  margin-top: 20px;
}
.article__content ol ol ol {
  margin-top: 20px;
  margin-bottom: 10px;
}
.article__content ol ol ol li {
  margin-top: 0;
  margin-bottom: 20px;
}
.article__content ol h4 {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
}
.article__content ol li {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  position: relative;
  margin-bottom: 20px;
}
.article__content ol li b {
  font-weight: 500;
  color: #fff;
}
.article__content ol li a {
  color: #a034fa;
  position: relative;
  font-weight: 500;
}
.article__content ol li a:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #a034fa;
  opacity: 0;
  transition: 0.5s ease;
  transition-property: opacity, bottom;
}
.article__content ol li a:hover:before {
  opacity: 1;
}
.article__content ol li:last-child {
  margin-bottom: 0;
}
.article__content ol li:before {
  counter-increment: li;
  content: counters(li, ".") ". ";
}
@media (min-width: 768px) {
  .article__content h1 {
    font-size: 36px;
    line-height: 54px;
  }
  .article__content h2 {
    font-size: 32px;
    line-height: 48px;
  }
  .article__content h3 {
    font-size: 28px;
    line-height: 42px;
  }
  .article__content h4 {
    font-size: 24px;
    line-height: 36px;
  }
  .article__content h5 {
    font-size: 20px;
    line-height: 32px;
  }
  .article__content h6 {
    font-size: 18px;
    line-height: 28px;
  }
  .article__content iframe {
    height: 380px;
  }
  .article__meta {
    margin-bottom: 30px;
  }
}
/*==============================
	Share
==============================*/
.share {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}
.share__link {
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 12px;
  height: 30px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  background-color: #a034fa;
}
.share__link i {
  font-size: 18px;
  margin-right: 6px;
  transition: color 0.5s ease;
}
.share__link:last-child {
  margin-right: 0;
}
.share__link--fb {
  background-color: #3b5998;
}
.share__link--fb:hover {
  box-shadow: 0 0 16px rgba(59,89,152,0.14);
}
.share__link--tw {
  background-color: #55acee;
}
.share__link--tw:hover {
  box-shadow: 0 0 16px rgba(85,172,238,0.14);
}

.share__link--link:hover {
  box-shadow: 0 0 16px rgba(160,52,250,0.14);
}
.share__link:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .share {
    margin-top: 20px;
  }
}
/*==============================
	Paginator
==============================*/
.paginator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto 0;
  width: 100%;
}
.paginator__pages {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: 400;
}
.paginator__list {
  display: none;
}
.paginator__list-mobile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.paginator__list-mobile li {
  margin-right: 25px;
}
.paginator__list-mobile li:first-child a i {
  margin-right: 5px;
}
.paginator__list-mobile li:last-child {
  margin-right: 0;
}
.paginator__list-mobile li:last-child a i {
  margin-left: 5px;
}
.paginator__list-mobile a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.paginator__list-mobile a span {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: 400;
  transition: color 0.5s ease;
  text-transform: uppercase;
}
.paginator__list-mobile a i {
  font-size: 18px;
  color: #fff;
  transition: color 0.5s ease;
}
.paginator__list-mobile a:hover i {
  color: #a034fa;
}
@media (min-width: 768px) {
  .paginator {
    margin: 50px auto 0;
    justify-content: center;
  }
  .paginator__pages,
  .paginator__list-mobile {
    display: none;
  }
  .paginator__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .paginator__list li {
    margin-right: 15px;
  }
  .paginator__list li:last-child {
    margin-right: 0;
  }
  .paginator__list li.active a {
    cursor: default;
    font-weight: 500;
    color: #a034fa;
  }
  .paginator__list li.active a:hover {
    color: #a034fa;
  }
  .paginator__list span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 22px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    cursor: default;
    border: 2px solid rgba(255,255,255,0.2);
  }
  .paginator__list a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 42px;
    height: 42px;
    border-radius: 22px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border: 2px solid rgba(255,255,255,0.2);
  }
  .paginator__list a i {
    font-size: 20px;
    color: #fff;
    transition: color 0.5s ease;
  }
  .paginator__list a:hover {
    color: #a034fa;
  }
  .paginator__list a:hover i {
    color: #a034fa;
  }
}
/*==============================
	Footer
==============================*/
.footer {
  border-top: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}
.footer__logo {
  margin-top: 60px;
}
.footer__logo img {
  width: auto;
  height: 50px;
  display: block;
}
.footer__tagline {
  margin-top: 20px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 0;
}
.footer__currencies {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.footer__currencies i {
  font-size: 24px;
  margin-right: 20px;
  color: rgba(255,255,255,0.25);
}
.footer__currencies i:last-child {
  margin-right: 0;
}
.footer__title {
  display: block;
  margin-top: 40px;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}
.footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer__nav a {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #d0d0d0;
  font-weight: 400;
}
.footer__nav a:last-child {
  margin-bottom: 0;
}
.footer__nav a:hover {
  color: #a034fa;
}
.footer__content {
  position: relative;
  margin-top: 60px;
  padding: 10px 0 30px;
}
.footer__content:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.footer__social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.footer__social a {
  height: 20px;
  width: 20px;
  margin-top: 20px;
  margin-right: 20px;
  position: relative;
  color: #d0d0d0;
}
.footer__social a i {
  font-size: 20px;
  transition: color 0.5s ease;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__social a:hover i {
  color: #a034fa;
}
.footer__copyright {
  display: block;
  font-size: 14px;
  color: #d0d0d0;
  margin-top: 30px;
  font-weight: 400;
}
.footer__copyright a {
  color: #d0d0d0;
}
.footer__copyright a:hover {
  color: #a034fa;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 20px;
  }
  .footer__content {
    margin-top: 70px;
    padding: 0;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .footer__logo {
    margin-top: 50px;
  }
  .footer__title {
    margin-top: 50px;
  }
  .footer__social {
    display: inline-flex;
    width: auto;
    order: 2;
  }
  .footer__social a {
    margin-top: 0;
  }
  .footer__copyright {
    margin-top: 0;
    order: 1;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding-top: 50px;
  }
  .footer__content {
    margin-top: 100px;
  }
}
@media (min-width: 1400px) {
  .footer:before {
    content: '';
    position: absolute;
    bottom: 101px;
    left: 70px;
    right: 70px;
    display: block;
    height: 2px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
  }
  .footer__content:before {
    display: none;
  }
}
/*==============================
	Form
==============================*/
.form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 60px 60px 50px;
  z-index: 2;
}
.form--content {
  max-width: 420px;
  margin-top: 0;
}
.form--profile {
  border-radius: 0;
  border: none;
  background: transparent;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  padding: 0;
  margin-top: 24px;
}
.form__logo-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
.form__logo {
  display: block;
  height: 50px;
}
.form__logo img {
  height: 50px;
  width: auto;
}
.form__tagline {
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-left: 20px;
  font-weight: 400;
}
.form__group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.form__group--checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
.form__group--checkbox input:not(:checked),
.form__group--checkbox input:checked {
  position: absolute;
  left: -9999px;
}
.form__group--checkbox input:not(:checked) + label,
.form__group--checkbox input:checked + label {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: normal;
  position: relative;
  cursor: pointer;
  padding-left: 35px;
  line-height: 24px;
  margin: 0;
}
.form__group--checkbox input:not(:checked) + label a,
.form__group--checkbox input:checked + label a {
  color: #a034fa;
}
.form__group--checkbox input:not(:checked) + label a:hover,
.form__group--checkbox input:checked + label a:hover {
  color: #a034fa;
  text-decoration: underline;
}
.form__group--checkbox input:not(:checked) + label:before,
.form__group--checkbox input:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 12px;
  border: 2px solid rgba(255,255,255,0.05);
}
.form__group--checkbox input:not(:checked) + label:after,
.form__group--checkbox input:checked + label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  text-align: center;
  transition: 0.5s ease;
  background-color: #a034fa;
  border-radius: 6px;
}
.form__group--checkbox input:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.form__group--checkbox input:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.form__group--checkbox label::-moz-selection {
  background: transparent;
  color: #d0d0d0;
}
.form__group--checkbox label::selection {
  background: transparent;
  color: #d0d0d0;
}
.form__label {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #d0d0d0;
  width: 100%;
  line-height: 100%;
  margin-bottom: 15px;
}
.form__input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 2px solid rgba(255,255,255,0.05);
  background-color: transparent;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.form__input:hover,
.form__input:focus {
  border-color: rgba(255,255,255,0.25);
}
.form__select {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 2px solid rgba(255,255,255,0.05);
  background: url("../img/btn/down.svg") no-repeat center right 20px transparent;
  background-size: 16px 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.form__select option {
  background-color: #16142a;
}
.form__select:hover,
.form__select:focus {
  border-color: rgba(255,255,255,0.25);
}
.form__textarea {
  width: 100%;
  height: 140px;
  padding: 15px 20px;
  border: 2px solid rgba(255,255,255,0.05);
  background-color: transparent;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  resize: none;
  font-weight: 400;
}
.form__textarea:hover,
.form__textarea:focus {
  border-color: rgba(255,255,255,0.25);
}
.form__radio {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 2px;
}
.form__radio li {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.form__radio li:last-child {
  margin-bottom: 0;
}
.form__radio input:not(:checked),
.form__radio input:checked {
  position: absolute;
  left: -9999px;
}
.form__radio label {
  display: block;
  margin: 0;
  position: relative;
  font-weight: 400;
  cursor: pointer;
  font-size: 14px;
  color: #d0d0d0;
  line-height: 24px;
  padding-left: 30px;
  transition: 0.5s ease;
}
.form__radio label:before {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border: 4px solid rgba(255,255,255,0.05);
  background-color: transparent;
  border-radius: 50%;
  left: 0;
  top: 4px;
  transition: 0.5s ease;
}
.form__radio label:hover {
  color: #fff;
}
.form__radio input:checked + label {
  color: #fff;
}
.form__radio input:checked + label:before {
  border-color: #a034fa;
}
.form__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-top: 10px;
}
.form__btn:before,
.form__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.form__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.form__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.form__btn:hover {
  border-color: #a034fa;
}
.form__btn:hover:before {
  left: 15px;
}
.form__btn:hover:after {
  right: 15px;
}
.form__delimiter {
  font-size: 14px;
  color: #d0d0d0;
  line-height: 100%;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 20px;
}
.form__social {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.form__social a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: calc(33% - 10px);
  border-radius: 6px;
  color: #fff;
}
.form__social a i {
  font-size: 20px;
  color: #fff;
  transition: color 0.5s ease;
}
.form__social a.fb {
  background-color: #3b5999;
}
.form__social a.gl {
  background-color: #df4a32;
}
.form__social a.tw {
  background-color: #1da1f2;
}
.form__social a:hover {
  background-color: #fff;
}
.form__social a:hover.fb i {
  color: #3b5999;
}
.form__social a:hover.gl i {
  color: #df4a32;
}
.form__social a:hover.tw i {
  color: #1da1f2;
}
.form__text {
  margin-top: 30px;
  font-size: 14px;
  line-height: 26px;
  color: #d0d0d0;
  width: 100%;
  text-align: left;
}
.form__text:first-child {
  margin-top: 0;
}
.form__text a {
  position: relative;
  color: #a034fa;
}
.form__text a:hover {
  color: #a034fa;
  text-decoration: underline;
}
.form__text--center {
  text-align: center;
}
@media (min-width: 768px) {
  .form__btn--small {
    width: 200px;
  }
}
/*==============================
	Page error
==============================*/
.page-error {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 420px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 60px 60px 50px;
  z-index: 2;
}
.page-error__title {
  position: relative;
  color: #a034fa;
  line-height: 100%;
  font-size: 120px;
  margin-bottom: 10px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.page-error__text {
  text-align: center;
  display: block;
  width: 100%;
  color: #d0d0d0;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}
.page-error__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}
.page-error__btn:before,
.page-error__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.page-error__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.page-error__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.page-error__btn:hover {
  border-color: #a034fa;
}
.page-error__btn:hover:before {
  left: 15px;
}
.page-error__btn:hover:after {
  right: 15px;
}
/*==============================
	Modal
==============================*/
.modal {
  background: rgba(22,20,42,0.8);
}
.modal--auto .modal-content {
  margin: 0 auto;
  max-width: 420px;
  background-color: transparent;
  border: none;
  border-radius: 10px;
}
.modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
  padding: 50px 60px;
  border-radius: 10px;
}
.modal__title {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 15px;
}
.modal__text {
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 0;
}
.modal__close {
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 0 0 0 10px;
  top: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  border-left: 2px solid rgba(255,255,255,0.05);
  border-bottom: 2px solid rgba(255,255,255,0.05);
}
.modal__close i {
  font-size: 24px;
}
.modal__close:hover {
  color: #e2293b;
}
.modal__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
}
.modal-backdrop {
  background: #16142a;
}
/*==============================
	Splide
==============================*/
.splide--roadmap .splide__arrows {
  position: relative;
}
.splide--roadmap .splide__arrow {
  display: none;
}
.splide--roadmap .splide__pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  position: relative;
  padding: 0;
  bottom: 0;
}
.splide--roadmap .splide__pagination li {
  margin-right: 10px;
}
.splide--roadmap .splide__pagination li:last-child {
  margin-right: 0;
}
.splide--roadmap .splide__pagination__page {
  display: block;
  height: 4px;
  width: 12px;
  border-radius: 4px;
  background-color: rgba(255,255,255,0.1);
  transition: 0.5s ease;
  opacity: 1;
  margin: 0;
}
.splide--roadmap .splide__pagination__page.is-active {
  transform: scale(1);
  width: 20px;
  background-color: #4399fc;
}
@media (min-width: 1200px) {
  .splide--roadmap .splide__arrows {
    position: absolute;
    width: auto;
    margin: 0;
    left: 0;
    right: 0;
  }
  .splide--roadmap .splide__arrow {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    right: 0;
    top: -72px;
    z-index: 2;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.2);
    opacity: 1;
    transform: none;
  }
  .splide--roadmap .splide__arrow i {
    font-size: 20px;
    color: #fff;
    transition: color 0.5s ease;
  }
  .splide--roadmap .splide__arrow:hover i {
    color: #4399fc;
  }
  .splide--roadmap .splide__arrow--prev {
    right: 57px;
    left: auto;
  }
  .splide--roadmap .splide__arrow--next {
    right: 0;
  }
}
/*==============================
	Block icon
==============================*/
.block-icon {
  position: absolute;
  top: -2px;
  left: -2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border: 2px solid;
  border-radius: 50%;
}
.block-icon i {
  font-size: 22px;
  color: #fff;
}
.block-icon:before {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 74px;
  height: 74px;
  top: 50%;
  left: 50%;
}
.block-icon--purple {
  border-color: #a034fa;
}
.block-icon--purple:before {
  background: url("../img/dodgers/dots--purple.svg") no-repeat center;
}
.block-icon--orange {
  border-color: #e66c12;
}
.block-icon--orange:before {
  background: url("../img/dodgers/dots--orange.svg") no-repeat center;
}
.block-icon--green {
  border-color: #39dc01;
}
.block-icon--green:before {
  background: url("../img/dodgers/dots--green.svg") no-repeat center;
}
.block-icon--blue {
  border-color: #4399fc;
}
.block-icon--blue:before {
  background: url("../img/dodgers/dots--blue.svg") no-repeat center;
}
.block-icon--red {
  border-color: #e2293b;
}
.block-icon--red:before {
  background: url("../img/dodgers/dots--red.svg") no-repeat center;
}
.block-icon--yellow {
  border-color: #d8be15;
}
.block-icon--yellow:before {
  background: url("../img/dodgers/dots--yellow.svg") no-repeat center;
}
/*==============================
	Screw
==============================*/
.screw {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../img/dodgers/screw.svg") no-repeat center;
  pointer-events: none;
  z-index: 2;
}
.screw--tl {
  top: 15px;
  left: 15px;
}
.screw--tr {
  top: 15px;
  right: 15px;
}
.screw--bl {
  bottom: 15px;
  left: 15px;
}
.screw--br {
  bottom: 15px;
  right: 15px;
}
.screw--big-tr {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-tr.svg") no-repeat center;
  top: 15px;
  right: 15px;
}
.screw--big-tl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-tl.svg") no-repeat center;
  top: 15px;
  left: 15px;
}
.screw--big-br {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-br.svg") no-repeat center;
  bottom: 15px;
  right: 15px;
}
.screw--big-bl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-bl.svg") no-repeat center;
  bottom: 15px;
  left: 15px;
}
.screw--lines-tl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-tl.svg") no-repeat center;
  top: 15px;
  left: 15px;
}
.screw--lines-tr {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-tr.svg") no-repeat center;
  top: 15px;
  right: 15px;
}
.screw--lines-br {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-br.svg") no-repeat center;
  bottom: 15px;
  right: 15px;
}
.screw--lines-bl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-bl.svg") no-repeat center;
  bottom: 15px;
  left: 15px;
}
.screw--footer {
  display: none;
}
.screw--tablet {
  display: none;
}
@media (min-width: 992px) {
  .screw--tablet {
    display: block;
  }
}
@media (min-width: 1400px) {
  .screw--footer {
    display: block;
    width: 67px;
    height: 67px;
  }
  .screw--footer-tl {
    background: url("../img/dodgers/screw--lines-tl.svg") no-repeat center;
    top: 30px;
    left: 30px;
  }
  .screw--footer-tr {
    background: url("../img/dodgers/screw--lines-tr.svg") no-repeat center;
    top: 30px;
    right: 30px;
  }
  .screw--footer-br {
    background: url("../img/dodgers/screw--lines-br.svg") no-repeat center;
    bottom: 30px;
    right: 30px;
  }
  .screw--footer-bl {
    background: url("../img/dodgers/screw--lines-bl.svg") no-repeat center;
    bottom: 30px;
    left: 30px;
  }
}
/*==============================
	Scrollbar-track
==============================*/
.scrollbar-track-y {
  background: rgba(160,52,250,0.12) !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 4px !important;
  border-radius: 4px !important;
  right: 0 !important;
  overflow: hidden;
  cursor: pointer;
}
.scrollbar-thumb-y {
  background-color: #a034fa !important;
  width: 4px !important;
  border-radius: 4px !important;
  cursor: pointer;
  cursor: pointer;
}
.scrollbar-track-x {
  background: rgba(160,52,250,0.12) !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  width: auto !important;
  border-radius: 4px !important;
  bottom: 0 !important;
  overflow: hidden;
}
.scrollbar-thumb-x {
  background-color: #a034fa !important;
  height: 4px !important;
  border-radius: 4px !important;
  cursor: pointer;
}
/*==============================
	Animation
==============================*/
@-webkit-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@-moz-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@-webkit-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@-o-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
.roadmap__content-subtitle ul {
  list-style: none;
  margin: 0;
  margin-top: 24px;
}

.roadmap__content-subtitle ul li {
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 6px;
  line-height: 1.4;
  color: #8c8c8c;
  font-size: 14px;
}

.roadmap__content-subtitle ul li:last-child {
  margin-bottom: 0;
}

.roadmap__content-subtitle ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8c8c8c;
}


.faq--subtitle ul {
  list-style: none;
  counter-reset: step;
  padding-left: 1.4em;
  margin: 0;
  margin-top: 24px;
}

.faq--subtitle ul li {
  counter-increment: step;
  position: relative;
  padding-left: 2em;
  margin-bottom: 6px;
  line-height: 1.4;
  color: #b3b3b3;
  font-size: 14px;
}

.faq--subtitle ul li b{
   font-weight: 600;
   color: #c3c2c2;
}

.faq--subtitle ul li:last-child {
  margin-bottom: 0;
}

.faq--subtitle ul li::before {
  content: counter(step) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffcc66;
  font-weight: 600;
  font-size: 15px;
}

.btn-plan_content {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-question {
    border-radius: 8px;
    font-size: 14px;
    margin-top: 24px;
}
.message-question.error {
    border: 1px solid #ee4437;
    color: #ee4437;
    padding: 16px;
}
.message-question.success {
    border: 1px solid #077556;
    color: #29c398;
    padding: 16px;
}

.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.arx-stats__content {
    width: 100%;
    padding: 24px;
    background: #ffcc6605;
    border-radius: 24px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}

.arx-stats__chart-wrap {
  position: relative;
  width: 100%;
  height: 160px;
  background: transparent;
  border-radius: 12px;
  overflow: hidden;
}

.gold-chart {
  width: 100%;
  height: 100%;
}

.chart-grid line {
  stroke: rgba(255, 255, 255, 0.12);
  stroke-width: 1;
}

.gold-area {
  fill: url(#gold-fill);
  filter: blur(2px);
}

.gold-line {
  fill: none;
  stroke: #ffcc66;
  stroke-width: 2.2;
  filter: url(#glow);
  stroke-linecap: round;
}
.flex-arx_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 260px;
}

.arx-data-inner {
    display: flex;
    justify-content: space-around;
    margin-bottom: 32px;
}
@media screen and (max-width: 990px) {
    .arx-data-inner {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }
}
.arx-data-inner .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
}
.arx-stats__legend {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    color: #8e8e8e;
    line-height: 1.3;
}

.arx-stats__amount {
    font-size: 32px;
    line-height: 114%;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #fff;
}
.arx-stats__asset {
    padding-left: 5px;
    color: #ffcc66;
    text-transform: uppercase;
    line-height: 1.3;
}

.arx-stats__chart-wrap {
    width: 100%;
}
@media screen and (max-width: 767px) {
  .arx-stats__chart-wrap {
      padding-top: 40px;
  }
}

.highcharts-axis.highcharts-xaxis {
    display: none;
}

@media screen and (max-width: 990px) {
    .arx-stats__content {
        margin-top: 40px;
    }
}

.block-arx_about {
    width: 25%;
}

.img-pc {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
@media (max-width: 972px) {
  .img-pc {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .img-pc {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .img-pc img{
      height: 400px;
  }
}
@media (max-width: 445px) {
  .img-pc img{
      height: 340px;
  }
}
.content-arx_about {
    display: flex;
    position: relative;
    gap: 32px;
    margin-top: 52px;
    padding: 24px;
    background: #ffcc6605;
    border-radius: 24px;
    overflow: hidden;
}
@media (max-width: 972px) {
  .content-arx_about {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding-bottom: 48px;
  }
}
.img-pc::before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(255 204 102 / 4%);
    border-radius: 16px;
    z-index: -1;
}

.block-arx_about {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 78px;
}
@media (max-width: 972px) {
  .block-arx_about {
      justify-content: space-around;
      flex-direction: row;
      margin-top: 24px;
      width: 100%;
      gap: 48px;
  }
}
@media (max-width: 768px) {
  .block-arx_about {
      margin-top: 24px;
      width: 100%;
      gap: 32px;
      flex-direction: column;
  }
}
.item-block_about {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
@media (max-width: 972px) {
  .item-block_about {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%;
  }
}
@media (max-width: 768px) {
  .item-block_about {
      width: 100%;
      padding-left: 24px;
      padding-right: 24px;
  }
}
@media (max-width: 445px) {
  .item-block_about {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      align-items: flex-start;
  }
}
.item-block_about2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (max-width: 972px) {
  .item-block_about2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%;
  }
}
@media (max-width: 768px) {
  .item-block_about2 {
      width: 100%;
      padding-left: 24px;
      padding-right: 24px;
  }
}
@media (max-width: 445px) {
  .item-block_about2 {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      align-items: flex-start;
  }
}
.title-block_about {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.subtitle-block_about {
    text-align: end;
    margin-top: 8px;
    font-size: 15px;
    color: #8c8c8c;
}
.subtitle-block_about2 {
    text-align: start;
    margin-top: 8px;
    font-size: 15px;
    color: #8c8c8c;
}
@media (max-width: 972px) {
  .subtitle-block_about, .subtitle-block_about2 {
      text-align: center;
  }
}
@media (max-width: 600px) {
  .subtitle-block_about, .subtitle-block_about2 {
      font-size: 14px;
  }
}
@media (max-width: 445px) {
  .subtitle-block_about, .subtitle-block_about2 {
      text-align: start;
  }
}

.abs_svg_result {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.api-user_ok {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 0 0 4px;
    height: 0px;
    transition: height 0.25s ease;
}

.api-user_ok.true {
  color: #39b54a ;
}

.api-user_ok.false {
  color: #e56464;
}

.input__email.valid {
    border: 1px solid #363636;
}

.input__email.invalid {
    border: 1px solid #e56464;
}