body {
    background-image: linear-gradient(269deg,#d00000,#480000,#000000,#000000,#480000,#d00000) !important;
    background-attachment: fixed;
    font-family: 'Prompt', sans-serif !important;
    color: white!important;
}

.menu-pc {
    width: 100%;
    padding: 1rem 2rem;
    margin-top: 1rem;
    margin-right: 0;
    margin-left: 0;
    background-image: linear-gradient(90deg, rgba(225, 221, 202, 1) 0%, rgba(254, 250, 236, 1) 21%, rgba(254, 250, 236, 1) 43%, rgba(254, 250, 205, 1) 61%, rgba(254, 250, 236, 1) 76%, rgba(254, 250, 236, 1) 87%, rgba(254, 250, 236, 1) 100%);
    border-radius: .5rem;
    color:black !important;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 146px rgb(240 64 64 / 42%);
}
.text-color{
    color: black;
}
.ar-text{
    background: radial-gradient(circle at center, #ffeb00 0, white, #ffeb00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-outline-danger{
    border-color: #ffc200 !important;
        color: #ffffff;
        background-image: linear-gradient( 
    90deg
     , rgba(235, 180, 89, 1) 0%, rgba(223, 170, 90, 1) 11%, rgba(192, 120, 12, 1) 52%, rgba(238, 205, 159, 1) 89%);
}
.main-content {
    background: url("../img/png/bg-main-content.png");
}

.bg-content1{

    background: url("../img/png/pro-main-content.png");

}
.bg-content2{
    background: url("../img/png/pro2-main-content.png");
    color: black !important;
}
.bg-article{
    background-image: linear-gradient(180deg, rgb(95 3 3) 0%, rgb(255 0 39) 100%);
}

/* .bg-ar1{
    background: url("../img/png/ar1.png");
    background-repeat: no-repeat;
    background-size: auto;
}
.bg-ar2{
    background: url("../img/png/ar2.png");
    background-repeat: no-repeat;
    background-size: auto;

}
.bg-ar3{
    background: url("../img/png/ar3.png");
    background-repeat: no-repeat;
    background-size: auto;
} */
.bg-content-list{
/* background-color: #111821; */
padding-right: 15px;
padding-left: 15px;
border-bottom: 2px solid yellow;
}

a {
    text-decoration: none !important;
}

a:hover {
    color: #ffffff;
}

A:link {
    text-decoration: none !important;
}

A:visited {
    text-decoration: none !important;
}

.all-star {
    overflow: hidden;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1
}

a {
    color: black;
    text-decoration: none;
    background-color: transparent;
}

#stars {
    opacity: .6;
    animation: animStar 50s linear infinite
}

#stars,
#stars:after {
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: transparent;
    z-index: -1;
    box-shadow: 1064px 504px 2px #fff, 715px 794px 2px #fff, 1866px 106px 2px #fff, 512px 560px 2px #fff, 382px 1618px 2px #fff, 72px 667px 2px #fff, 424px 827px 2px #fff, 1943px 1452px 2px #fff, 1413px 28px 2px #fff, 102px 941px 2px #fff, 1690px 569px 2px #fff, 393px 501px 2px #fff, 981px 1456px 2px #fff, 469px 525px 2px #fff, 115px 1603px 2px #fff, 1354px 1063px 2px #fff, 1245px 360px 2px #fff, 1831px 563px 2px #fff, 1720px 576px 2px #fff, 1596px 896px 2px #fff, 162px 1346px 2px #fff, 1763px 105px 2px #fff, 1152px 866px 2px #fff, 1239px 1851px 2px #fff, 1799px 1093px 2px #fff, 1240px 902px 2px #fff, 1399px 1380px 2px #fff, 1194px 1498px 2px #fff, 822px 300px 2px #fff, 1646px 1757px 2px #fff, 1182px 534px 2px #fff, 344px 1918px 2px #fff, 670px 249px 2px #fff, 943px 361px 2px #fff, 1706px 780px 2px #fff, 74px 1979px 2px #fff, 114px 1590px 2px #fff, 1651px 758px 2px #fff, 1373px 1459px 2px #fff, 1235px 1337px 2px #fff, 1353px 627px 2px #fff, 172px 846px 2px #fff, 211px 351px 2px #fff, 1106px 11px 2px #fff, 147px 542px 2px #fff, 609px 1827px 2px #fff, 1441px 177px 2px #fff, 1105px 594px 2px #fff, 892px 1362px 2px #fff, 670px 919px 2px #fff, 1872px 519px 2px #fff, 1570px 400px 2px #fff, 262px 474px 2px #fff, 829px 929px 2px #fff, 356px 1780px 2px #fff, 1009px 380px 2px #fff, 1521px 1215px 2px #fff, 1635px 152px 2px #fff, 1865px 1964px 2px #fff, 1466px 1618px 2px #fff, 314px 1166px 2px #fff, 386px 1350px 2px #fff, 1560px 1906px 2px #fff, 268px 556px 2px #fff, 835px 1522px 2px #fff, 580px 167px 2px #fff, 1363px 935px 2px #fff, 1710px 388px 2px #fff, 1064px 501px 2px #fff, 1128px 1599px 2px #fff, 981px 1899px 2px #fff, 977px 1379px 2px #fff, 995px 420px 2px #fff, 1755px 1376px 2px #fff, 1124px 1579px 2px #fff, 1778px 1616px 2px #fff, 1974px 1038px 2px #fff, 170px 874px 2px #fff, 31px 1612px 2px #fff, 1987px 238px 2px #fff, 1327px 1077px 2px #fff, 412px 610px 2px #fff, 908px 739px 2px #fff, 1970px 232px 2px #fff, 656px 1863px 2px #fff, 1693px 1783px 2px #fff, 381px 1016px 2px #fff, 359px 1906px 2px #fff, 896px 1895px 2px #fff, 211px 1172px 2px #fff, 1235px 43px 2px #fff, 141px 1316px 2px #fff, 186px 1193px 2px #fff, 1802px 1956px 2px #fff, 1956px 1285px 2px #fff, 732px 136px 2px #fff, 783px 1931px 2px #fff, 128px 678px 2px #fff, 1342px 771px 2px #fff, 1392px 1182px 2px #fff, 1989px 375px 2px #fff, 93px 193px 2px #fff, 743px 232px 2px #fff, 1880px 201px 2px #fff, 1287px 1096px 2px #fff, 352px 45px 2px #fff, 1701px 284px 2px #fff, 864px 469px 2px #fff, 266px 1682px 2px #fff, 1520px 1159px 2px #fff, 801px 641px 2px #fff, 1669px 31px 2px #fff, 1224px 367px 2px #fff, 175px 1835px 2px #fff, 1448px 1263px 2px #fff, 314px 355px 2px #fff, 1363px 1741px 2px #fff, 446px 1223px 2px #fff, 675px 854px 2px #fff, 229px 1524px 2px #fff, 1339px 1137px 2px #fff, 809px 1479px 2px #fff, 156px 677px 2px #fff, 1399px 798px 2px #fff, 705px 1738px 2px #fff, 890px 655px 2px #fff, 682px 776px 2px #fff, 1029px 603px 2px #fff, 1146px 716px 2px #fff, 1056px 335px 2px #fff, 1481px 95px 2px #fff, 1880px 711px 2px #fff, 792px 485px 2px #fff, 1495px 195px 2px #fff, 626px 330px 2px #fff, 661px 748px 2px #fff, 384px 472px 2px #fff, 1831px 693px 2px #fff, 312px 1934px 2px #fff, 76px 738px 2px #fff, 1850px 810px 2px #fff, 566px 1471px 2px #fff, 1604px 1298px 2px #fff, 1225px 1199px 2px #fff, 1459px 951px 2px #fff, 1225px 772px 2px #fff, 1145px 1765px 2px #fff, 222px 284px 2px #fff, 1818px 1524px 2px #fff, 466px 627px 2px #fff, 80px 160px 2px #fff, 794px 1324px 2px #fff, 680px 664px 2px #fff, 1172px 1689px 2px #fff, 1176px 1972px 2px #fff, 729px 331px 2px #fff, 544px 777px 2px #fff, 895px 579px 2px #fff, 1851px 765px 2px #fff, 966px 1811px 2px #fff, 186px 952px 2px #fff, 168px 172px 2px #fff, 200px 1801px 2px #fff, 1750px 581px 2px #fff, 171px 1455px 2px #fff, 834px 894px 2px #fff, 1221px 52px 2px #fff, 738px 221px 2px #fff, 977px 1928px 2px #fff, 991px 1569px 2px #fff, 886px 1979px 2px #fff, 1125px 1010px 2px #fff, 952px 957px 2px #fff, 911px 786px 2px #fff, 1168px 77px 2px #fff, 579px 258px 2px #fff, 1093px 879px 2px #fff, 863px 104px 2px #fff, 1473px 1044px 2px #fff, 1819px 4px 2px #fff, 154px 934px 2px #fff, 1074px 1677px 2px #fff, 686px 1943px 2px #fff, 200px 308px 2px #fff, 1251px 1249px 2px #fff, 448px 427px 2px #fff, 1406px 491px 2px #fff, 428px 1390px 2px #fff, 1874px 235px 2px #fff, 725px 1457px 2px #fff, 1736px 1781px 2px #fff, 1591px 545px 2px #fff, 1495px 585px 2px #fff, 771px 1410px 2px #fff, 1326px 263px 2px #fff, 536px 1967px 2px #fff, 1834px 1502px 2px #fff, 1397px 1216px 2px #fff, 1003px 289px 2px #fff, 729px 1986px 2px #fff, 1976px 1866px 2px #fff, 773px 4px 2px #fff, 1px 1473px 2px #fff, 461px 260px 2px #fff, 962px 635px 2px #fff, 448px 612px 2px #fff, 539px 136px 2px #fff, 953px 1062px 2px #fff, 198px 1514px 2px #fff, 341px 679px 2px #fff, 1524px 1580px 2px #fff, 677px 1007px 2px #fff, 813px 1797px 2px #fff, 421px 1875px 2px #fff, 944px 445px 2px #fff, 989px 129px 2px #fff, 1501px 632px 2px #fff, 1736px 1891px 2px #fff, 1125px 1164px 2px #fff, 1886px 860px 2px #fff, 1054px 308px 2px #fff, 979px 1086px 2px #fff, 596px 1104px 2px #fff, 1951px 336px 2px #fff, 797px 1078px 2px #fff, 1166px 631px 2px #fff, 855px 642px 2px #fff, 1643px 174px 2px #fff, 571px 725px 2px #fff, 981px 278px 2px #fff, 1783px 1015px 2px #fff, 1811px 233px 2px #fff, 1554px 227px 2px #fff, 407px 669px 2px #fff, 110px 735px 2px #fff, 1439px 1627px 2px #fff, 1633px 912px 2px #fff, 382px 1790px 2px #fff, 1237px 202px 2px #fff, 556px 1699px 2px #fff, 1564px 1228px 2px #fff, 112px 1825px 2px #fff, 1384px 373px 2px #fff, 1px 770px 2px #fff, 28px 866px 2px #fff, 1638px 770px 2px #fff, 1258px 1003px 2px #fff, 15px 963px 2px #fff, 693px 1834px 2px #fff, 1386px 1508px 2px #fff, 1357px 1523px 2px #fff, 229px 620px 2px #fff, 1650px 1263px 2px #fff, 1436px 1758px 2px #fff, 1906px 559px 2px #fff, 1536px 1404px 2px #fff, 1444px 1295px 2px #fff, 597px 1103px 2px #fff, 1428px 1533px 2px #fff, 1517px 1288px 2px #fff, 1574px 729px 2px #fff, 1143px 419px 2px #fff, 1662px 1436px 2px #fff, 440px 418px 2px #fff, 966px 425px 2px #fff, 839px 712px 2px #fff, 1382px 298px 2px #fff, 1657px 1875px 2px #fff, 1491px 399px 2px #fff, 962px 43px 2px #fff, 1221px 752px 2px #fff, 610px 1349px 2px #fff, 459px 1207px 2px #fff, 115px 1918px 2px #fff, 1946px 901px 2px #fff, 852px 1575px 2px #fff, 794px 1223px 2px #fff, 1425px 1083px 2px #fff, 994px 464px 2px #fff, 733px 1613px 2px #fff, 793px 441px 2px #fff, 1569px 1926px 2px #fff, 555px 583px 2px #fff, 1638px 72px 2px #fff, 587px 847px 2px #fff, 391px 13px 2px #fff, 1218px 1860px 2px #fff, 1659px 1044px 2px #fff, 186px 900px 2px #fff, 725px 716px 2px #fff, 918px 1259px 2px #fff, 1658px 1792px 2px #fff, 634px 165px 2px #fff, 1748px 303px 2px #fff, 1825px 1920px 2px #fff, 975px 1895px 2px #fff, 1098px 1118px 2px #fff, 1985px 1972px 2px #fff, 1402px 1241px 2px #fff, 630px 1909px 2px #fff, 1714px 1791px 2px #fff, 1694px 1446px 2px #fff, 1783px 740px 2px #fff, 866px 2px 2px #fff, 1522px 1395px 2px #fff, 967px 1024px 2px #fff, 1352px 1305px 2px #fff, 1216px 1944px 2px #fff, 1512px 1611px 2px #fff, 5px 59px 2px #fff, 93px 1376px 2px #fff, 1551px 1975px 2px #fff, 55px 1173px 2px #fff, 1935px 955px 2px #fff, 1553px 1476px 2px #fff, 1161px 502px 2px #fff, 1862px 1317px 2px #fff, 909px 306px 2px #fff, 132px 1629px 2px #fff, 1558px 809px 2px #fff, 221px 369px 2px #fff, 1852px 1737px 2px #fff, 1726px 1143px 2px #fff, 361px 1498px 2px #fff, 314px 1787px 2px #fff, 760px 1006px 2px #fff, 242px 117px 2px #fff, 907px 1538px 2px #fff, 18px 1963px 2px #fff, 504px 305px 2px #fff, 887px 296px 2px #fff, 849px 1455px 2px #fff, 1845px 659px 2px #fff, 65px 1178px 2px #fff, 1716px 1069px 2px #fff, 1063px 1360px 2px #fff, 1454px 1455px 2px #fff, 677px 1661px 2px #fff, 501px 935px 2px #fff, 1078px 1565px 2px #fff, 1962px 152px 2px #fff, 339px 689px 2px #fff, 866px 1907px 2px #fff, 1155px 1009px 2px #fff, 1258px 1637px 2px #fff, 321px 1209px 2px #fff, 1097px 1813px 2px #fff, 1592px 1314px 2px #fff, 946px 388px 2px #fff, 1221px 1258px 2px #fff, 864px 1292px 2px #fff, 789px 1443px 2px #fff, 1196px 1593px 2px #fff, 358px 1739px 2px #fff, 1130px 810px 2px #fff, 1500px 1332px 2px #fff, 371px 1192px 2px #fff, 692px 157px 2px #fff, 1662px 1914px 2px #fff, 1576px 1679px 2px #fff, 1884px 1998px 2px #fff, 1170px 651px 2px #fff, 1803px 837px 2px #fff, 770px 1447px 2px #fff, 1164px 1121px 2px #fff, 1051px 361px 2px #fff, 624px 549px 2px #fff, 290px 767px 2px #fff, 870px 1308px 2px #fff, 1156px 780px 2px #fff, 1861px 1019px 2px #fff, 724px 887px 2px #fff, 1413px 1185px 2px #fff, 1419px 84px 2px #fff, 753px 500px 2px #fff, 1574px 1649px 2px #fff, 1375px 586px 2px #fff, 1026px 593px 2px #fff, 518px 308px 2px #fff, 1803px 607px 2px #fff, 195px 227px 2px #fff, 883px 1814px 2px #fff, 381px 313px 2px #fff, 1010px 699px 2px #fff, 11px 1984px 2px #fff, 1522px 1618px 2px #fff, 621px 1072px 2px #fff, 380px 1868px 2px #fff, 1922px 1197px 2px #fff, 1248px 1895px 2px #fff, 682px 373px 2px #fff, 1279px 1363px 2px #fff, 1133px 1254px 2px #fff, 939px 42px 2px #fff, 634px 1995px 2px #fff, 368px 1296px 2px #fff, 54px 26px 2px #fff, 1789px 1018px 2px #fff, 546px 962px 2px #fff, 1873px 1579px 2px #fff, 1538px 106px 2px #fff, 1023px 809px 2px #fff, 1012px 1973px 2px #fff, 686px 1735px 2px #fff, 746px 1528px 2px #fff, 1345px 1077px 2px #fff, 957px 636px 2px #fff, 732px 264px 2px #fff, 470px 1465px 2px #fff, 1310px 1096px 2px #fff, 1081px 1264px 2px #fff, 30px 1976px 2px #fff, 1446px 396px 2px #fff, 1801px 1246px 2px #fff, 571px 326px 2px #fff, 463px 707px 2px #fff, 541px 1809px 2px #fff, 523px 459px 2px #fff, 1677px 376px 2px #fff, 313px 1228px 2px #fff, 1117px 112px 2px #fff, 627px 637px 2px #fff, 580px 487px 2px #fff, 499px 480px 2px #fff, 1791px 1215px 2px #fff, 941px 1605px 2px #fff, 1140px 1297px 2px #fff, 445px 870px 2px #fff, 967px 679px 2px #fff, 1832px 560px 2px #fff, 1000px 943px 2px #fff, 1549px 1441px 2px #fff, 1054px 115px 2px #fff, 944px 500px 2px #fff, 187px 1065px 2px #fff, 1909px 1851px 2px #fff, 558px 1084px 2px #fff, 755px 1264px 2px #fff, 990px 1014px 2px #fff, 108px 1858px 2px #fff, 481px 719px 2px #fff, 1489px 1161px 2px #fff, 1859px 1583px 2px #fff, 88px 1432px 2px #fff, 1380px 500px 2px #fff, 1364px 1328px 2px #fff, 41px 1146px 2px #fff, 1835px 777px 2px #fff, 388px 1252px 2px #fff, 91px 1347px 2px #fff, 1284px 1071px 2px #fff, 1036px 1654px 2px #fff, 393px 1882px 2px #fff, 1959px 1183px 2px #fff, 298px 189px 2px #fff, 329px 198px 2px #fff, 1739px 60px 2px #fff, 1958px 1670px 2px #fff, 1221px 942px 2px #fff, 1109px 558px 2px #fff, 1184px 430px 2px #fff, 1478px 479px 2px #fff, 826px 360px 2px #fff, 1005px 1290px 2px #fff, 1589px 1665px 2px #fff, 1797px 1370px 2px #fff, 1763px 470px 2px #fff, 581px 1065px 2px #fff, 1506px 1540px 2px #fff, 59px 1449px 2px #fff, 1596px 1868px 2px #fff, 1196px 672px 2px #fff, 438px 510px 2px #fff, 1404px 953px 2px #fff, 1738px 1848px 2px #fff, 17px 86px 2px #fff, 251px 1663px 2px #fff, 1279px 1276px 2px #fff, 178px 1884px 2px #fff, 319px 1532px 2px #fff, 752px 517px 2px #fff, 329px 465px 2px #fff, 1472px 1265px 2px #fff, 75px 1733px 2px #fff, 55px 1048px 2px #fff, 97px 1490px 2px #fff, 1884px 928px 2px #fff, 1133px 134px 2px #fff, 1370px 768px 2px #fff, 653px 612px 2px #fff, 1087px 728px 2px #fff, 1043px 1996px 2px #fff, 386px 501px 2px #fff, 1411px 812px 2px #fff, 1047px 17px 2px #fff, 1851px 1244px 2px #fff, 1291px 1180px 2px #fff, 158px 453px 2px #fff, 757px 688px 2px #fff, 1622px 240px 2px #fff, 1468px 1320px 2px #fff, 244px 740px 2px #fff, 1448px 1405px 2px #fff, 951px 1338px 2px #fff, 405px 1826px 2px #fff, 1342px 1512px 2px #fff, 401px 75px 2px #fff, 291px 1988px 2px #fff, 1466px 930px 2px #fff, 1381px 1010px 2px #fff, 462px 1264px 2px #fff, 554px 1809px 2px #fff, 770px 1327px 2px #fff, 1736px 1798px 2px #fff, 1788px 1964px 2px #fff, 1476px 298px 2px #fff, 1648px 1441px 2px #fff, 1296px 1671px 2px #fff, 794px 1107px 2px #fff, 1542px 310px 2px #fff, 893px 1368px 2px #fff, 697px 823px 2px #fff, 1155px 208px 2px #fff, 1282px 625px 2px #fff, 1912px 666px 2px #fff, 1109px 638px 2px #fff, 1262px 627px 2px #fff, 202px 118px 2px #fff, 1511px 572px 2px #fff, 1268px 443px 2px #fff, 628px 540px 2px #fff, 1932px 276px 2px #fff, 1204px 120px 2px #fff, 1293px 361px 2px #fff, 801px 238px 2px #fff, 1293px 277px 2px #fff, 225px 896px 2px #fff, 1531px 1909px 2px #fff, 884px 581px 2px #fff, 211px 527px 2px #fff, 1354px 534px 2px #fff, 1296px 274px 2px #fff, 1941px 1143px 2px #fff, 1473px 787px 2px #fff, 33px 185px 2px #fff, 84px 1317px 2px #fff, 31px 17px 2px #fff, 1201px 67px 2px #fff, 1723px 1688px 2px #fff, 744px 160px 2px #fff, 834px 1331px 2px #fff, 1056px 532px 2px #fff, 876px 324px 2px #fff, 1568px 100px 2px #fff, 1948px 61px 2px #fff, 1399px 425px 2px #fff, 577px 69px 2px #fff, 1970px 467px 2px #fff, 1909px 137px 2px #fff, 317px 1495px 2px #fff, 1742px 1670px 2px #fff, 1070px 1497px 2px #fff, 1246px 1184px 2px #fff, 546px 327px 2px #fff, 1559px 1863px 2px #fff, 1726px 155px 2px #fff, 450px 1593px 2px #fff, 1283px 126px 2px #fff, 313px 1039px 2px #fff, 1098px 1405px 2px #fff, 208px 1559px 2px #fff, 1115px 460px 2px #fff, 461px 1581px 2px #fff, 414px 123px 2px #fff, 129px 1554px 2px #fff, 837px 404px 2px #fff, 1753px 1286px 2px #fff, 1562px 586px 2px #fff, 752px 1733px 2px #fff, 99px 798px 2px #fff, 1675px 184px 2px #fff, 836px 749px 2px #fff, 55px 1585px 2px #fff, 628px 970px 2px #fff, 941px 1189px 2px #fff, 1112px 397px 2px #fff, 299px 1651px 2px #fff, 473px 1312px 2px #fff, 474px 40px 2px #fff, 267px 150px 2px #fff, 1012px 1744px 2px #fff, 116px 736px 2px #fff, 481px 1195px 2px #fff, 1948px 1557px 2px #fff, 193px 1791px 2px #fff, 1609px 681px 2px #fff, 582px 1031px 2px #fff, 262px 1056px 2px #fff, 556px 1657px 2px #fff, 211px 304px 2px #fff, 1601px 485px 2px #fff, 508px 1984px 2px #fff, 249px 176px 2px #fff, 457px 181px 2px #fff, 1585px 1938px 2px #fff, 885px 120px 2px #fff, 729px 163px 2px #fff, 651px 1px 2px #fff, 1527px 1708px 2px #fff, 477px 1272px 2px #fff, 206px 590px 2px #fff, 1332px 733px 2px #fff, 1062px 1780px 2px #fff, 823px 808px 2px #fff, 1564px 973px 2px #fff, 1901px 1870px 2px #fff, 1667px 1323px 2px #fff, 596px 441px 2px #fff, 469px 860px 2px #fff, 1335px 1866px 2px #fff, 100px 479px 2px #fff, 441px 991px 2px #fff, 1718px 1875px 2px #fff, 1904px 1115px 2px #fff, 1019px 1356px 2px #fff, 195px 1051px 2px #fff, 498px 1997px 2px #fff, 659px 1640px 2px #fff, 844px 200px 2px #fff, 974px 1525px 2px #fff, 1017px 774px 2px #fff, 164px 1054px 2px #fff, 1708px 1813px 2px #fff, 83px 823px 2px #fff, 1643px 1730px 2px #fff, 1075px 559px 2px #fff, 1176px 1825px 2px #fff, 1709px 1959px 2px #fff, 1425px 537px 2px #fff, 1323px 1513px 2px #fff, 1534px 1079px 2px #fff, 1173px 92px 2px #fff, 1040px 1811px 2px #fff, 191px 70px 2px #fff, 1330px 350px 2px #fff, 1027px 384px 2px #fff, 687px 696px 2px #fff, 1923px 1072px 2px #fff, 1176px 1800px 2px #fff, 608px 1516px 2px #fff, 597px 1737px 2px #fff, 1254px 1043px 2px #fff, 311px 116px 2px #fff, 1464px 669px 2px #fff, 1226px 1027px 2px #fff, 1995px 854px 2px #fff, 1438px 342px 2px #fff, 1517px 635px 2px #fff, 1910px 1607px 2px #fff, 202px 2px 2px #fff, 1315px 1985px 2px #fff, 1004px 601px 2px #fff, 1377px 978px 2px #fff, 1715px 1296px 2px #fff, 564px 282px 2px #fff, 1493px 137px 2px #fff, 334px 138px 2px #fff, 905px 659px 2px #fff, 1563px 5px 2px #fff, 1163px 326px 2px #fff, 262px 1607px 2px #fff, 1545px 1810px 2px #fff, 1306px 1581px 2px #fff, 653px 1125px 2px #fff, 1304px 974px 2px #fff, 768px 517px 2px #fff, 1019px 924px 2px #fff, 1857px 317px 2px #fff, 1319px 1815px 2px #fff, 1567px 1212px 2px #fff, 1202px 1721px 2px #fff, 405px 278px 2px #fff, 1320px 1191px 2px #fff, 1034px 1560px 2px #fff, 1209px 364px 2px #fff, 1479px 529px 2px #fff, 1947px 1208px 2px #fff, 1934px 631px 2px #fff, 1698px 1438px 2px #fff, 1596px 338px 2px #fff, 1052px 1338px 2px #fff, 1540px 1416px 2px #fff, 422px 1423px 2px #fff, 672px 1334px 2px #fff, 988px 38px 2px #fff, 1022px 297px 2px #fff, 1682px 253px 2px #fff, 1006px 55px 2px #fff, 1294px 448px 2px #fff, 792px 220px 2px #fff
}

#stars:after {
    content: "";
    top: 200rem
}

#stars2 {
    animation: animStar 100s linear infinite
}

#stars2,
#stars2:after {
    position: absolute;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: transparent;
    z-index: -1;
    box-shadow: 659px 1636px 2px #fff, 1452px 345px 2px #fff, 1123px 240px 2px #fff, 725px 527px 2px #fff, 1263px 1487px 2px #fff, 333px 841px 2px #fff, 1548px 1626px 2px #fff, 859px 1711px 2px #fff, 579px 1963px 2px #fff, 1911px 779px 2px #fff, 1078px 538px 2px #fff, 1162px 1467px 2px #fff, 1034px 1169px 2px #fff, 599px 1623px 2px #fff, 1483px 1308px 2px #fff, 1417px 1100px 2px #fff, 724px 647px 2px #fff, 905px 71px 2px #fff, 726px 1515px 2px #fff, 893px 660px 2px #fff, 788px 1505px 2px #fff, 590px 1990px 2px #fff, 275px 1360px 2px #fff, 678px 1901px 2px #fff, 1149px 1028px 2px #fff, 1721px 365px 2px #fff, 1923px 229px 2px #fff, 1433px 1591px 2px #fff, 216px 1526px 2px #fff, 1068px 875px 2px #fff, 1274px 611px 2px #fff, 1588px 1706px 2px #fff, 825px 160px 2px #fff, 732px 1394px 2px #fff, 377px 212px 2px #fff, 164px 935px 2px #fff, 548px 1624px 2px #fff, 1147px 812px 2px #fff, 127px 1009px 2px #fff, 409px 112px 2px #fff, 950px 1643px 2px #fff, 1171px 611px 2px #fff, 449px 549px 2px #fff, 930px 1287px 2px #fff, 742px 1046px 2px #fff, 873px 547px 2px #fff, 609px 1026px 2px #fff, 1160px 1312px 2px #fff, 1173px 585px 2px #fff, 963px 887px 2px #fff, 325px 620px 2px #fff, 1842px 1407px 2px #fff, 549px 823px 2px #fff, 144px 1996px 2px #fff, 1918px 365px 2px #fff, 119px 1768px 2px #fff, 1745px 1904px 2px #fff, 1930px 1852px 2px #fff, 1831px 1956px 2px #fff, 377px 1567px 2px #fff, 1684px 481px 2px #fff, 300px 1805px 2px #fff, 1808px 1661px 2px #fff, 1084px 155px 2px #fff, 1308px 376px 2px #fff, 1294px 1147px 2px #fff, 911px 196px 2px #fff, 959px 319px 2px #fff, 642px 529px 2px #fff, 1615px 166px 2px #fff, 1771px 1130px 2px #fff, 418px 1079px 2px #fff, 611px 1098px 2px #fff, 1205px 737px 2px #fff, 1178px 1969px 2px #fff, 1053px 1239px 2px #fff, 1319px 1483px 2px #fff, 1545px 1158px 2px #fff, 1447px 154px 2px #fff, 801px 683px 2px #fff, 1373px 1806px 2px #fff, 983px 1788px 2px #fff, 838px 1470px 2px #fff, 833px 689px 2px #fff, 498px 849px 2px #fff, 847px 579px 2px #fff, 218px 1024px 2px #fff, 1317px 1743px 2px #fff, 596px 514px 2px #fff, 1807px 115px 2px #fff, 1432px 1285px 2px #fff, 1765px 1733px 2px #fff, 101px 149px 2px #fff, 295px 449px 2px #fff, 1366px 1605px 2px #fff, 544px 1878px 2px #fff, 1010px 1432px 2px #fff, 102px 316px 2px #fff, 1667px 975px 2px #fff, 1911px 1743px 2px #fff, 1508px 1206px 2px #fff, 116px 612px 2px #fff, 1527px 245px 2px #fff, 1146px 609px 2px #fff, 1489px 1369px 2px #fff, 1276px 431px 2px #fff, 930px 239px 2px #fff, 30px 137px 2px #fff, 1513px 1060px 2px #fff, 1125px 436px 2px #fff, 890px 1028px 2px #fff, 1912px 735px 2px #fff, 396px 943px 2px #fff, 358px 1435px 2px #fff, 398px 73px 2px #fff, 1238px 885px 2px #fff, 1733px 1272px 2px #fff, 92px 1459px 2px #fff, 13px 1841px 2px #fff, 161px 372px 2px #fff, 641px 847px 2px #fff, 1158px 128px 2px #fff, 1721px 361px 2px #fff, 129px 1939px 2px #fff, 1392px 1650px 2px #fff, 706px 1916px 2px #fff, 1046px 882px 2px #fff, 1847px 651px 2px #fff, 1052px 1916px 2px #fff, 364px 1118px 2px #fff, 617px 979px 2px #fff, 1401px 435px 2px #fff, 1820px 1941px 2px #fff, 1966px 1043px 2px #fff, 1550px 373px 2px #fff, 415px 1549px 2px #fff, 1198px 1808px 2px #fff, 1579px 816px 2px #fff, 888px 715px 2px #fff, 429px 1877px 2px #fff, 1341px 1099px 2px #fff, 1846px 1100px 2px #fff, 1606px 395px 2px #fff, 1393px 1370px 2px #fff, 1488px 1193px 2px #fff, 1850px 442px 2px #fff, 819px 1705px 2px #fff, 1370px 1889px 2px #fff, 971px 1582px 2px #fff, 1844px 1280px 2px #fff, 1228px 618px 2px #fff, 762px 480px 2px #fff, 512px 518px 2px #fff, 524px 713px 2px #fff, 1602px 1873px 2px #fff, 944px 1585px 2px #fff, 787px 531px 2px #fff, 1736px 1364px 2px #fff, 1211px 978px 2px #fff, 990px 1186px 2px #fff, 1513px 1344px 2px #fff, 580px 123px 2px #fff, 984px 1837px 2px #fff, 1471px 30px 2px #fff, 619px 1441px 2px #fff, 217px 43px 2px #fff, 54px 1172px 2px #fff, 1671px 13px 2px #fff, 1085px 58px 2px #fff, 1733px 1503px 2px #fff, 1484px 1702px 2px #fff, 1233px 1770px 2px #fff, 1768px 1002px 2px #fff, 350px 1047px 2px #fff, 912px 1349px 2px #fff, 774px 1420px 2px #fff, 402px 121px 2px #fff, 394px 1260px 2px #fff, 1587px 1811px 2px #fff, 433px 1884px 2px #fff, 1850px 731px 2px #fff, 1524px 1426px 2px #fff, 1932px 379px 2px #fff, 1321px 1926px 2px #fff, 1063px 92px 2px #fff, 181px 986px 2px #fff, 1733px 1790px 2px #fff, 955px 1350px 2px #fff, 799px 1422px 2px #fff, 138px 611px 2px #fff, 1571px 977px 2px #fff, 1827px 22px 2px #fff, 1564px 744px 2px #fff, 1639px 321px 2px #fff, 976px 689px 2px #fff, 1351px 1777px 2px #fff, 1392px 1198px 2px #fff, 421px 822px 2px #fff, 1182px 758px 2px #fff, 1343px 939px 2px #fff;
    opacity: .2
}

#stars2:after {
    content: "";
    top: 200rem
}

#stars3 {
    animation: animStar 150s linear infinite
}

#stars3,
#stars3:after {
    position: absolute;
    width: .4rem;
    height: .4rem;
    background: transparent;
    z-index: -1;
    box-shadow: 1702px 1111px 2px #fff, 1546px 1087px 2px #fff, 345px 287px 2px #fff, 847px 1645px 2px #fff, 328px 1758px 2px #fff, 1474px 1585px 2px #fff, 1298px 924px 2px #fff, 949px 965px 2px #fff, 200px 994px 2px #fff, 1626px 1563px 2px #fff, 65px 1035px 2px #fff, 930px 1923px 2px #fff, 443px 1442px 2px #fff, 629px 1396px 2px #fff, 126px 685px 2px #fff, 1808px 1478px 2px #fff, 1430px 1295px 2px #fff, 487px 974px 2px #fff, 1680px 1849px 2px #fff, 1611px 1657px 2px #fff, 1100px 1655px 2px #fff, 263px 1780px 2px #fff, 155px 1260px 2px #fff, 349px 1614px 2px #fff, 1369px 1980px 2px #fff, 1963px 169px 2px #fff, 1292px 202px 2px #fff, 234px 1245px 2px #fff, 332px 922px 2px #fff, 1764px 1454px 2px #fff, 293px 1477px 2px #fff, 1058px 626px 2px #fff, 1426px 232px 2px #fff, 680px 179px 2px #fff, 683px 882px 2px #fff, 1463px 1555px 2px #fff, 481px 1833px 2px #fff, 1217px 462px 2px #fff, 360px 618px 2px #fff, 1778px 616px 2px #fff, 811px 1310px 2px #fff, 1564px 727px 2px #fff, 1276px 154px 2px #fff, 363px 1032px 2px #fff, 64px 675px 2px #fff, 1636px 65px 2px #fff, 1512px 1340px 2px #fff, 1333px 1636px 2px #fff, 989px 211px 2px #fff, 248px 1388px 2px #fff, 1388px 1928px 2px #fff, 683px 621px 2px #fff, 815px 1917px 2px #fff, 1189px 652px 2px #fff, 1643px 1088px 2px #fff, 117px 1133px 2px #fff, 937px 1734px 2px #fff, 417px 1842px 2px #fff, 1969px 1043px 2px #fff, 565px 1088px 2px #fff, 913px 1033px 2px #fff, 1965px 969px 2px #fff, 179px 773px 2px #fff, 1679px 96px 2px #fff, 670px 1664px 2px #fff, 1710px 1291px 2px #fff, 1257px 400px 2px #fff, 210px 269px 2px #fff, 1962px 386px 2px #fff, 1114px 848px 2px #fff, 1987px 295px 2px #fff, 152px 747px 2px #fff, 1498px 1044px 2px #fff, 502px 1889px 2px #fff, 1256px 1156px 2px #fff, 1484px 886px 2px #fff, 1709px 1112px 2px #fff, 53px 341px 2px #fff, 1624px 1102px 2px #fff, 493px 371px 2px #fff, 1756px 1601px 2px #fff, 531px 1851px 2px #fff, 906px 980px 2px #fff, 53px 369px 2px #fff, 1203px 1353px 2px #fff, 663px 1671px 2px #fff, 1076px 555px 2px #fff, 1015px 1382px 2px #fff, 1813px 1606px 2px #fff, 1051px 109px 2px #fff, 44px 299px 2px #fff, 1886px 224px 2px #fff, 1797px 717px 2px #fff, 1247px 1056px 2px #fff, 413px 708px 2px #fff, 258px 187px 2px #fff, 465px 428px 2px #fff, 1017px 1641px 2px #fff, 523px 1257px 2px #fff, 508px 676px 2px #fff;
    border-radius: 50%;
    opacity: .4
}

#stars3:after {
    content: "";
    top: 200rem
}

@keyframes animStar {
    0% {
        transform: translateY(-200rem)
    }
    to {
        transform: translateY(0)
    }
}

.night-body {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    font-family: Anton, sans-serif;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: -1
}

.night {
    position: relative;
    width: 100%;
    height: 100vw;
    transform: rotate(45deg);
    z-index: 0;
    top: 0;
    left: 40%;
    opacity: .2
}

.shooting_star {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    background: linear-gradient(-45deg, #919191, rgba(0, 0, 255, 0));
    border-radius: 999px;
    filter: drop-shadow(0 0 6px #f2f2f2);
    z-index: 0;
    animation: tail 3s ease-in-out infinite, shooting 3s ease-in-out infinite
}

.shooting_star:after,
.shooting_star:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #f2f2f2, rgba(0, 0, 255, 0));
    transform: translateX(50%) rotate(45deg);
    border-radius: 100%;
    animation: shining 3s ease-in-out infinite
}

.shooting_star:after {
    transform: translateX(50%) rotate(-45deg)
}

.shooting_star:first-child {
    top: calc(100% - 554px);
    left: calc(50% - 1033px);
    animation-delay: 4653ms;
    opacity: .92
}

.shooting_star:first-child:after,
.shooting_star:first-child:before {
    animation-delay: 4653ms
}

.shooting_star:nth-child(2) {
    top: calc(100% - 439px);
    left: calc(50% - 1379px);
    animation-delay: 7522ms;
    opacity: .73
}

.shooting_star:nth-child(2):after,
.shooting_star:nth-child(2):before {
    animation-delay: 7522ms
}

.shooting_star:nth-child(3) {
    top: calc(100% - 530px);
    left: calc(50% - 802px);
    animation-delay: 4653ms;
    opacity: 1
}

.shooting_star:nth-child(3):after,
.shooting_star:nth-child(3):before {
    animation-delay: 4653ms
}

.shooting_star:nth-child(4) {
    top: calc(100% - 987px);
    left: calc(50% - 521px);
    animation-delay: 3329ms;
    opacity: .72
}

.shooting_star:nth-child(4):after,
.shooting_star:nth-child(4):before {
    animation-delay: 3329ms
}

.shooting_star:nth-child(5) {
    top: calc(100% - -119px);
    left: calc(50% - 331px);
    animation-delay: 2034ms;
    opacity: .95
}

.shooting_star:nth-child(5):after,
.shooting_star:nth-child(5):before {
    animation-delay: 2034ms
}

.shooting_star:nth-child(6) {
    top: calc(100% - 403px);
    left: calc(50% - 602px);
    animation-delay: 439ms;
    opacity: .87
}

.shooting_star:nth-child(6):after,
.shooting_star:nth-child(6):before {
    animation-delay: 439ms
}

.shooting_star:nth-child(7) {
    top: calc(100% - 716px);
    left: calc(50% - 1378px);
    animation-delay: 7312ms;
    opacity: .73
}

.shooting_star:nth-child(7):after,
.shooting_star:nth-child(7):before {
    animation-delay: 7312ms
}

.shooting_star:nth-child(8) {
    top: calc(100% - 1091px);
    left: calc(50% - 407px);
    animation-delay: 3386ms;
    opacity: .85
}

.shooting_star:nth-child(8):after,
.shooting_star:nth-child(8):before {
    animation-delay: 3386ms
}

.shooting_star:nth-child(9) {
    top: calc(100% - 788px);
    left: calc(50% - 1048px);
    animation-delay: 532ms;
    opacity: .61
}

.shooting_star:nth-child(9):after,
.shooting_star:nth-child(9):before {
    animation-delay: 532ms
}

.shooting_star:nth-child(10) {
    top: calc(100% - 327px);
    left: calc(50% - 25px);
    animation-delay: 8667ms;
    opacity: .72
}

.shooting_star:nth-child(10):after,
.shooting_star:nth-child(10):before {
    animation-delay: 8667ms
}

.shooting_star:nth-child(11) {
    top: calc(100% - -135px);
    left: calc(50% - 159px);
    animation-delay: 5306ms;
    opacity: .66
}

.shooting_star:nth-child(11):after,
.shooting_star:nth-child(11):before {
    animation-delay: 5306ms
}

.shooting_star:nth-child(12) {
    top: calc(100% - 370px);
    left: calc(50% - 1411px);
    animation-delay: 4943ms;
    opacity: .77
}

.shooting_star:nth-child(12):after,
.shooting_star:nth-child(12):before {
    animation-delay: 4943ms
}

.shooting_star:nth-child(13) {
    top: calc(100% - 992px);
    left: calc(50% - 266px);
    animation-delay: 2728ms;
    opacity: .82
}

.shooting_star:nth-child(13):after,
.shooting_star:nth-child(13):before {
    animation-delay: 2728ms
}

.shooting_star:nth-child(14) {
    top: calc(100% - -30px);
    left: calc(50% - 1448px);
    animation-delay: 4355ms;
    opacity: .99
}

.shooting_star:nth-child(14):after,
.shooting_star:nth-child(14):before {
    animation-delay: 4355ms
}

.shooting_star:nth-child(15) {
    top: calc(100% - -102px);
    left: calc(50% - 1528px);
    animation-delay: 7448ms;
    opacity: .59
}

.shooting_star:nth-child(15):after,
.shooting_star:nth-child(15):before {
    animation-delay: 7448ms
}

.shooting_star:nth-child(16) {
    top: calc(100% - 513px);
    left: calc(50% - 180px);
    animation-delay: 3289ms;
    opacity: .82
}

.shooting_star:nth-child(16):after,
.shooting_star:nth-child(16):before {
    animation-delay: 3289ms
}

.shooting_star:nth-child(17) {
    top: calc(100% - 470px);
    left: calc(50% - 1461px);
    animation-delay: .43s;
    opacity: .89
}

.shooting_star:nth-child(17):after,
.shooting_star:nth-child(17):before {
    animation-delay: .43s
}

.shooting_star:nth-child(18) {
    top: calc(100% - 190px);
    left: calc(50% - 886px);
    animation-delay: 1521ms;
    opacity: .66
}

.shooting_star:nth-child(18):after,
.shooting_star:nth-child(18):before {
    animation-delay: 1521ms
}

.shooting_star:nth-child(19) {
    top: calc(100% - 1096px);
    left: calc(50% - 468px);
    animation-delay: 9971ms;
    opacity: .89
}

.shooting_star:nth-child(19):after,
.shooting_star:nth-child(19):before {
    animation-delay: 9971ms
}

.shooting_star:nth-child(20) {
    top: calc(100% - -100px);
    left: calc(50% - 99px);
    animation-delay: 5876ms;
    opacity: .52
}

.shooting_star:nth-child(20):after,
.shooting_star:nth-child(20):before {
    animation-delay: 5876ms
}

@keyframes tail {
    0% {
        width: 0
    }
    30% {
        width: 100px
    }
    to {
        width: 0
    }
}

@keyframes shining {
    0% {
        width: 0
    }
    50% {
        width: 30px
    }
    to {
        width: 0
    }
}

@keyframes shooting {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(300px)
    }
}

@keyframes sky {
    0% {
        transform: rotate(45deg)
    }
    to {
        transform: rotate(405deg)
    }
}

@keyframes hot {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.text-while {
    color: #fff!important;
}

h1,
h2,
h3,
h4,
h5,
p,
a {
    font-family: 'Prompt', sans-serif;
}

.text-orange-title {
    color: #eb9226!important;
    font-weight: 400!important;
    font-size: 1.575rem;
}

.text-color-yel {
    color: #fbc82f!important;
}

.h3 {
    font-size: 1.575rem;
}

.font-weight {
    font-weight: 400!important;
}

.border-gold {
    position: relative;
    padding: 0rem 2rem 2rem;
    /* box-shadow: 0 0 20px rgb(254 100 100 / 50%); */
    border: 2px solid #4e262600;
    border-radius: 60px;
    margin-bottom: 2rem;
}

.nav-item {
    border-bottom: 2px solid #dba560;
    margin-bottom: 0;
    flex: 0.5;
    text-align: center;
}

.nav-tabs .nav-link.active {
    color: #ffffff;
    background-image: linear-gradient(90deg, rgba(235, 180, 89, 1) 0%, rgba(223, 170, 90, 1) 11%, rgba(192, 120, 12, 1) 52%, rgba(238, 205, 159, 1) 89%);
    border-color: #fecc64 #fecc64 #fecc6400 #fecc64;
    box-shadow: 0 0 20px rgb(255 0 0 / 50%);
}

.nav-tabs .nav-link:hover {
    border-color: #8e7552 #836d4c #98805d;
}

.hr-color {
    margin: 1rem 0!important;
    border-top: 2px solid #fbc82f;
}

.nav-mobile {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: linear-gradient(90deg, #000000, #000000, #000000, #000000, #000000, #000000);
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    overflow: hidden;
    padding-top: .5rem;
    -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .25);
}
.nav-mobile a {
    color:white;
}

.nav-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav-mobile li {
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

.nav-mobile li a i {
    display: block;
}

.nav-mobile li .alert-count {
    width: 19px;
    height: 19px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    font-size: 10px;
    color: #fff;
    top: 0;
    right: 20%;
    border: 2px solid #fff;
}

.btn-outline-danger {
    color: #ffffff;
    border-color: #dc3545;
}

.btn-outline-success {
    color: #ffffff;
    border-color: #28a745;
}

.color-highlight {
    color: #ffc107;
}

blockquote {
    padding: 0 0 0 20px;
    border-left: 4px solid #fcb900!important;
}

.bg-gray {
    border-radius: 0rem 0rem 1rem 1rem;
    /* background: linear-gradient(0deg, #000000, hsl(0deg 0% 57% / 5%), hsl(0deg 0% 95% / 8%)); */
}

.shadowimg:before {
    content: "";
    position: absolute;
    background-color: #e9bb79;
    border-radius: 50%;
    opacity: .2;
    filter: blur(50px);
    width: 110%;
    height: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

@keyframes moveUpDown {
    0% {
        transform: translate(0)
    }
    65% {
        transform: translateY(30px)
    }
    to {
        transform: translate(0)
    }
}

.moveUpDown {
    animation: moveUpDown 8s ease infinite;
}

@media only screen and (max-width:770px) {
    .h1 {
        font-size: 0.7rem!important;
    }
}

.h1 {
    font-size: 1.5rem;
}

hr {
    border: 0;
    height: 0.2rem;
    background-image: linear-gradient(90deg, transparent, #000000 50%, transparent);
}

.animated-button {
    background: linear-gradient(-30deg, #0b1b3d 50%, #08142b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4e0f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #28a745;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button:hover::before {
    opacity: 0.2;
}

.animated-button span {
    position: absolute;
}

.animated-button span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to left, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@-webkit-keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to top, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@-webkit-keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to right, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@-webkit-keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@-webkit-keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button1 {
    padding: 20px 39px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button1::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffed5b;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button1:hover::before {
    opacity: 0.2;
}

.animated-button1 span {
    position: absolute;
}

.animated-button1 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#13ff03));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), #ffeb5a);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button1 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#13ff03));
    background: linear-gradient(to top, rgba(43, 8, 8, 0), #ffe855);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button1 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#13ff03));
    background: linear-gradient(to right, rgba(43, 8, 8, 0), #ffe855);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button1 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#13ff03));
    background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #ffea57);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button3 {
    background: linear-gradient(-30deg, #3d3d0b 50%, #2b2b08 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7f7d4;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button3::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #adad85;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button3:hover::before {
    opacity: 0.2;
}

.animated-button3 span {
    position: absolute;
}

.animated-button3 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to left, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button3 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to top, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button3 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to right, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button3 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to bottom, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button4 {
    background: linear-gradient(-30deg, #243d0b 50%, #1a2b08 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #e6f7d4;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button4::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #99ad85;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button4:hover::before {
    opacity: 0.2;
}

.animated-button4 span {
    position: absolute;
}

.animated-button4 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to left, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button4 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to top, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button4 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to right, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button4 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to bottom, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button5 {
    background: linear-gradient(-30deg, #0b3d0b 50%, #082b08 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4f7d4;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button5::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #85ad85;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button5:hover::before {
    opacity: 0.2;
}

.animated-button5 span {
    position: absolute;
}

.animated-button5 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to left, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button5 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to top, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button5 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to right, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button5 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to bottom, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button6 {
    background: linear-gradient(-30deg, #0b3d24 50%, #082b1a 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4f7e6;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button6::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #85ad99;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button6:hover::before {
    opacity: 0.2;
}

.animated-button6 span {
    position: absolute;
}

.animated-button6 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to left, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button6 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to top, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button6 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to right, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button6 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to bottom, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button7 {
    background: linear-gradient(-30deg, #0b3d3d 50%, #082b2b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4f7f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button7::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #85adad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button7:hover::before {
    opacity: 0.2;
}

.animated-button7 span {
    position: absolute;
}

.animated-button7 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to left, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button7 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to top, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button7 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to right, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button7 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to bottom, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button8 {
    background: linear-gradient(-30deg, #0b243d 50%, #081a2b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4e6f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button8::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #8599ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button8:hover::before {
    opacity: 0.2;
}

.animated-button8 span {
    position: absolute;
}

.animated-button8 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to left, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button8 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to top, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button8 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to right, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button8 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to bottom, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button9 {
    background: linear-gradient(-30deg, #0b0b3d 50%, #08082b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4d4f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button9::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #8585ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button9:hover::before {
    opacity: 0.2;
}

.animated-button9 span {
    position: absolute;
}

.animated-button9 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to left, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button9 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to top, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button9 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to right, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button9 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to bottom, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button10 {
    background: linear-gradient(-30deg, #240b3d 50%, #1a082b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #e6d4f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button10::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #9985ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button10:hover::before {
    opacity: 0.2;
}

.animated-button10 span {
    position: absolute;
}

.animated-button10 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to left, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button10 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to top, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button10 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to right, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button10 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to bottom, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button11 {
    background: linear-gradient(-30deg, #3d0b3d 50%, #2b082b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7d4f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button11::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ad85ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button11:hover::before {
    opacity: 0.2;
}

.animated-button11 span {
    position: absolute;
}

.animated-button11 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to left, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button11 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to top, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button11 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to right, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button11 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to bottom, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button12 {
    background: linear-gradient(-30deg, #3d0b24 50%, #2b081a 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7d4e6;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button12::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ad8599;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button12:hover::before {
    opacity: 0.2;
}

.animated-button12 span {
    position: absolute;
}

.animated-button12 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to left, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button12 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to top, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button12 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to right, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button12 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to bottom, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.btn-footer {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 7px 10px 2px;
    line-height: 1;
    border-radius: 7px;
    color: #ffffff;
    background: #E40571;
}

.btn-footer:hover {
    color: #fecc64;
    text-decoration: none;
}

@media only screen and (max-width: 575px) {
    footer {
        margin-bottom: 70px;
    }
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 20px 37px;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.iframe-item {
    position: relative;
    padding-bottom: 0!important;
}

.iframe-item-wrapper {
    position: relative;
    height: 120vh;
    overflow: hidden;
    padding-bottom: 0;
}

#register {
    height: 900vh
}

#login {
    height: 900vh
}