* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Inter", "Britti Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1882352941);
    border-radius: 5px;
}

::-webkit-scrollbar-track-piece {
    background: rgba(255, 255, 255, 0.1882352941);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

::-webkit-resizer {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

a,
button,
textarea,
input {
    outline: none;
    text-decoration: none;
}

body {
    background: #FFF;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.container {
    max-width: 1092px;
    width: 100%;
    padding: 0px 16px;
    margin: 0px auto;
}

.time-item {
    padding: 8px 0;
    background: #FF3737;
}

.time-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 8px;
}

.time-event::before {
    content: "";
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    background: url(../img/time.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.time-event>p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
}

.time>span {
    color: #FFF;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.time>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}

.time>.item>p {
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.24);
    width: 21px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.time-content {
    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;
    gap: 14px;
}

.header-item {
    background: #0D0D0D;
    padding: 12px 0;
}

header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

header>.item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header>.item:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.item-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.item-navigation>.item {
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.item-navigation>.item:hover {
    color: rgba(255, 255, 255, 0.7);
}

.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.button-a {
    border-radius: 4px;
    height: 38px;
    padding: 0px 14px;
    background: #FFF;
    border: 1px solid #E8E8E8;
    -webkit-filter: drop-shadow(0px 1px 2px rgba(68, 73, 118, 0.03)) drop-shadow(0px 3px 6px rgba(22, 25, 35, 0.03));
    filter: drop-shadow(0px 1px 2px rgba(68, 73, 118, 0.03)) drop-shadow(0px 3px 6px rgba(22, 25, 35, 0.03));
}

.button-a>p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.button-a:hover {
    -webkit-filter: drop-shadow(0px 1px 2px rgba(68, 73, 118, 0.03)) drop-shadow(0px 2px 24px rgba(255, 255, 255, 0.12));
    filter: drop-shadow(0px 1px 2px rgba(68, 73, 118, 0.03)) drop-shadow(0px 2px 24px rgba(255, 255, 255, 0.12));
}

.logo {
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.logo>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rate-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
}

.rate-content>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.rate-content>.item>p {
    color: #30374F;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.rate-content>.item>span {
    color: #30374F;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-left: 6px;
}

.rate-content>.item>span.up {
    color: #13B467;
}

.rate-content>.item>span.down {
    color: #F04438;
}

.rate-content>.item>img {
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.rate-item {
    padding: 24px 0;
}

.welcome-content {
    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: center;
    -ms-flex-align: center;
    align-items: center;
}

.welcome-content>h1 {
    color: #30374F;
    text-align: center;
    font-family: "Britti Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 54px;
}

.welcome-content>p {
    margin-top: 12px;
    color: #30374F;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.welcome-item {
    padding-top: 122px;
    padding-bottom: 256px;
}

.welcome-links {
    margin-top: 34px;
    max-width: 210px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.welcome-links>.button {
    width: 100%;
}

.button-b {
    border-radius: 4px;
    height: 38px;
    padding: 0px 14px;
    background: linear-gradient(357deg, #DF1F1F 2.21%, #FF3737 87.97%);
    border: 1px solid #E8E8E8;
    -webkit-box-shadow: 0px 2px 5.5px 0px rgba(255, 255, 255, 0.25) inset;
    box-shadow: 0px 2px 5.5px 0px rgba(255, 255, 255, 0.25) inset;
    -webkit-filter: drop-shadow(0px 1px 2px rgba(68, 73, 118, 0.03)) drop-shadow(0px 3px 6px rgba(22, 25, 35, 0.03));
    filter: drop-shadow(0px 1px 2px rgba(68, 73, 118, 0.03)) drop-shadow(0px 3px 6px rgba(22, 25, 35, 0.03));
}

.button-b>p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.button-b:hover {
    background: linear-gradient(357deg, #FF4040 2.21%, #FF3737 87.97%);
}

.lines-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.lines-item>.item {
    height: 48px;
    background-repeat: repeat no-repeat;
}

.line-a {
    background: url(../img/line-a.png);
    background-size: 2635px 48px;
    -webkit-animation: 102s line-a infinite linear;
    animation: 102s line-a infinite linear;
}

.line-b {
    background: url(../img/line-b.png);
    background-size: 2635px 48px;
    -webkit-animation: 104s line-b infinite linear;
    animation: 104s line-b infinite linear;
}

@-webkit-keyframes line-b {
    0% {
        background-position-x: 2635px;
    }

    100% {
        background-position-x: 0;
    }
}

@keyframes line-b {
    0% {
        background-position-x: 2635px;
    }

    100% {
        background-position-x: 0;
    }
}

@-webkit-keyframes line-a {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 2635px;
    }
}

@keyframes line-a {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 2635px;
    }
}

.benefit-item {
    padding-top: 122px;
    margin-top: 30px;
    background: #0D0D0D;
    border-radius: 30px 30px 0 0;
    position: relative;
}

.benefit-item::before {
    max-height: 370px;
    width: 100%;
    height: 100%;
    bottom: calc(100% - 1px);
    content: "";
    position: absolute;
    background: url(../img/elon.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

.benefit-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.benefit-content>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-fit: contain;
    object-fit: contain;
    width: 70px;
    height: 70px;
    margin-bottom: 24px;
}

.benefit-content>.item>h1 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.benefit-content>.item>p {
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.info-item {
    padding-top: 50px;
    padding-bottom: 30px;
    background: #0D0D0D;
}

.xb {
    background: #0D0D0D;
}

.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding: 50px;
    padding-bottom: 88px;
    border-radius: 12px;
    background: url(../img/info.jpg), #FDBA13;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.info>p {
    color: #0D0D0D;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.info-content {
    padding: 32px;
    border-radius: 20px;
    border: 2px solid #1F1F1F;
    background: #111;
}

.calc-content {
    border-radius: 20px;
    border: 2px solid #1F1F1F;
    background: #111;
}

.calc {
    padding: 32px;
}

.calc>h1 {
    color: #FFF;
    font-family: "Britti Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}

.calc-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.calc-info>span {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='23' fill='%23151515' stroke='%23111111' stroke-width='4'/%3E%3Cpath d='M28.75 19V31M28.75 31L25.75 28M28.75 31L31.75 28M21.25 31V19M21.25 19L18.25 22M21.25 19L24.25 22' stroke='%23687075' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.calc-info>.item {
    gap: 20px;
    padding: 28px 24px;
    width: 100%;
    border-radius: 8px;
    background: #151515;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.item-value-coin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 0px 14px;
    border-radius: 4px;
    background: #1B1B1B;
    height: 39px;
}

.item-value-coin>img {
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.item-value-coin>p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 8px;
}

.item-value {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.item-value>p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 8px;
}

.item-value>input {
    width: 100%;
    background: none;
    border: none;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 8px;
}

.bonus {
    padding: 24px;
    padding-top: 20px;
    border-radius: 8px;
    border: 1px solid #1F1F1F;
    background: #151515;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.bonus>h1 {
    color: #D0D1D2;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.bonus>h1>span {
    color: #FFF;
}

.bonus-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    position: relative;
    padding: 14px 18px;
    padding-left: 14px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
}

.bonus-info::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.72477 4.16683C4.63201 3.90127 4.5835 3.61965 4.5835 3.3335C4.5835 2.67525 4.84017 2.04101 5.30173 1.57106C5.76378 1.1006 6.39369 0.833496 7.05374 0.833496C8.54933 0.833496 9.47728 1.84888 10.0002 2.72703C10.5231 1.84888 11.451 0.833496 12.9466 0.833496C13.6066 0.833496 14.2366 1.1006 14.6986 1.57106C15.1602 2.04101 15.4168 2.67525 15.4168 3.3335C15.4168 3.61965 15.3683 3.90127 15.2756 4.16683L17.1056 4.16683C17.2806 4.16682 17.4511 4.1668 17.5962 4.1767C17.7548 4.18752 17.9429 4.21292 18.138 4.2937C18.5464 4.46286 18.8708 4.78732 19.04 5.1957C19.1208 5.39073 19.1462 5.57884 19.157 5.73748C19.1669 5.88246 19.1669 6.05301 19.1668 6.22794V6.27239C19.1669 6.44731 19.1669 6.61788 19.157 6.76286C19.1462 6.9215 19.1208 7.1096 19.04 7.30464C18.8708 7.71302 18.5464 8.03748 18.138 8.20663C17.9429 8.28742 17.7548 8.31281 17.5962 8.32364C17.4511 8.33354 17.2806 8.33352 17.1056 8.3335H2.89477C2.71973 8.33352 2.54922 8.33354 2.40415 8.32364C2.2455 8.31281 2.0574 8.28742 1.86236 8.20663C1.45398 8.03748 1.12953 7.71302 0.96037 7.30464C0.879583 7.1096 0.854189 6.9215 0.843365 6.76286C0.83347 6.61784 0.833484 6.44732 0.833497 6.27236V6.22803C0.833484 6.05306 0.83347 5.88249 0.843365 5.73748C0.854189 5.57884 0.879584 5.39073 0.96037 5.1957C1.12953 4.78732 1.45398 4.46286 1.86236 4.2937C2.0574 4.21292 2.2455 4.18752 2.40415 4.1767C2.54918 4.1668 2.71979 4.16682 2.89478 4.16683L4.72477 4.16683ZM7.05374 2.50016C6.84551 2.50016 6.64271 2.58424 6.49081 2.73891C6.33841 2.89408 6.25016 3.10769 6.25016 3.3335C6.25016 3.55931 6.33841 3.77291 6.49081 3.92808C6.64271 4.08275 6.84551 4.16683 7.05374 4.16683H8.86204C8.80171 4.02404 8.7323 3.87613 8.65313 3.72955C8.24823 2.98 7.72847 2.50016 7.05374 2.50016ZM11.1383 4.16683C11.1986 4.02404 11.268 3.87613 11.3472 3.72955C11.7521 2.98 12.2719 2.50016 12.9466 2.50016C13.1548 2.50016 13.3576 2.58424 13.5095 2.73891C13.6619 2.89408 13.7502 3.10769 13.7502 3.3335C13.7502 3.55931 13.6619 3.77291 13.5095 3.92808C13.3576 4.08275 13.1548 4.16683 12.9466 4.16683H11.1383Z' fill='white' fill-opacity='0.36'/%3E%3Cpath d='M2.50017 10.8335C2.50017 10.3733 2.87326 10.0002 3.3335 10.0002H8.50017C8.73352 10.0002 8.8502 10.0002 8.93933 10.0456C9.01773 10.0855 9.08147 10.1493 9.12142 10.2277C9.16683 10.3168 9.16683 10.4335 9.16683 10.6668V18.5002C9.16683 18.7335 9.16683 18.8502 9.12142 18.9393C9.08147 19.0177 9.01773 19.0815 8.93933 19.1214C8.8502 19.1668 8.73352 19.1668 8.50017 19.1668H5.96796C5.52877 19.1668 5.14974 19.1669 4.83764 19.1414C4.50819 19.1144 4.18051 19.055 3.86519 18.8943C3.39479 18.6547 3.01233 18.2722 2.77265 17.8018C2.61199 17.4865 2.55256 17.1588 2.52564 16.8294C2.50014 16.5172 2.50015 16.1382 2.50017 15.699L2.50017 10.8335Z' fill='white' fill-opacity='0.36'/%3E%3Cpath d='M15.1627 19.1414C14.8505 19.1669 14.4716 19.1668 14.0323 19.1668H11.5002C11.2668 19.1668 11.1501 19.1668 11.061 19.1214C10.9826 19.0815 10.9189 19.0177 10.8789 18.9393C10.8335 18.8502 10.8335 18.7335 10.8335 18.5002V10.6668C10.8335 10.4335 10.8335 10.3168 10.8789 10.2277C10.9189 10.1493 10.9826 10.0855 11.061 10.0456C11.1501 10.0002 11.2668 10.0002 11.5002 10.0002H16.6668C17.1271 10.0002 17.5002 10.3733 17.5002 10.8335V15.699C17.5002 16.1383 17.5002 16.5172 17.4747 16.8294C17.4478 17.1588 17.3883 17.4865 17.2277 17.8018C16.988 18.2722 16.6055 18.6547 16.1351 18.8943C15.8198 19.055 15.4921 19.1144 15.1627 19.1414Z' fill='white' fill-opacity='0.36'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bonus-info>p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    width: 100%;
}

.bonus-info>span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    white-space: nowrap;
}

.calc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.calc-content>.calc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.rules {
    max-width: 506px;
    width: 100%;
    padding: 32px;
    padding-bottom: 30px;
    border-radius: 18px;
    background: #151515;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.rules>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2px;
    margin-top: 20px;
    margin-bottom: 28px;
    border-radius: 16px;
    background: #1F1F1F;
}

.rules>h1 {
    color: #FFF;
    font-family: "Britti Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 24px;
}

.rules>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.rules>.item>p {
    color: #D0D1D2;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.rules>.item>p>span {
    color: #FFF;
}

.warn {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px;
    border-radius: 12px;
    background: rgba(255, 36, 36, 0.06);
    position: relative;
    gap: 10px;
}

.warn::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23FF3636' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.warn>p {
    color: #FF4646;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
}

.wallet-item {
    padding-top: 34px;
}

.wallet-content {
    border-radius: 20px;
    border: 2px solid #1F1F1F;
    background: #111;
    padding: 32px;
}

.wallet-top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.wallet-top-info>h1 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.wallet-top-info>p {
    color: #D0D1D2;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.wallet-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.wallet-top>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #D0D1D2;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
}

.wallet-top>p>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 10px;
    color: #FF3737;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    height: 26px;
    border-radius: 35px;
    background: rgba(255, 55, 55, 0.06);
}

.wallet-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #1F1F1F;
    background: #151515;
    padding: 17px 24px;
}

.wallet-text>span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 3H14.6C16.8402 3 17.9603 3 18.816 3.43597C19.5686 3.81947 20.1805 4.43139 20.564 5.18404C21 6.03969 21 7.15979 21 9.4V16.5M6.2 21H14.3C15.4201 21 15.9802 21 16.408 20.782C16.7843 20.5903 17.0903 20.2843 17.282 19.908C17.5 19.4802 17.5 18.9201 17.5 17.8V9.7C17.5 8.57989 17.5 8.01984 17.282 7.59202C17.0903 7.21569 16.7843 6.90973 16.408 6.71799C15.9802 6.5 15.4201 6.5 14.3 6.5H6.2C5.0799 6.5 4.51984 6.5 4.09202 6.71799C3.71569 6.90973 3.40973 7.21569 3.21799 7.59202C3 8.01984 3 8.57989 3 9.7V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.0799 21 6.2 21Z' stroke='%23687075' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wallet-text>span>span {
    display: none;
    color: #FF3737;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.wallet-text>span.active {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: none;
}

.wallet-text>span.active>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wallet-text>p {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.search {
    margin-top: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 20px;
    border-radius: 8px;
    background: #151515;
}

.search::before {
    -webkit-animation: 1s bounce infinite;
    animation: 1s bounce infinite;
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 26px;
    height: 26px;
    background: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.search>p {
    color: #D0D1D2;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    50% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    100% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    50% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    100% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
}

.wallet-qr {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.wallet-search {
    width: 100%;
}

.qr {
    padding: 20px;
    max-width: 209px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    border: 2px solid #1F1F1F;
    background: #111;
}

.qr>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.live-item {
    padding: 64px 0;
}

.live>h1 {
    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;
    margin-bottom: 36px;
    gap: 10px;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 8px;
}

.live>h1>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.head-content {
    padding: 0px 28px;
    border-bottom: 2px solid #1F1F1F;
}

.head-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 140px;
    grid-template-columns: repeat(4, 1fr) 140px;
    gap: 10px;
    height: 52px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.head-grid>.item {
    color: #D0D1D2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.body-grid {
    overflow-y: auto;
    max-height: 448px;
    padding: 16px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.live-grid {
    border-radius: 20px;
    border: 2px solid #1F1F1F;
    background: #151515;
}

.row {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 140px;
    grid-template-columns: repeat(4, 1fr) 140px;
    gap: 10px;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: 0.2s show;
    animation: 0.2s show;
}

.row::before {
    pointer-events: none;
    left: -14px;
    position: absolute;
    content: "";
    width: calc(100% + 28px);
    height: 100%;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
}

.row>.item>p {
    color: #D0D1D2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.row>.item>p.st-a {
    color: #13B467;
}

.row>.item>p.st-b {
    color: #F04438;
}

.row>.item>p.st-c {
    color: #DAA318;
}

.row>.item>span {
    color: #828282;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

@-webkit-keyframes show {
    0% {
        scale: 0.4;
        opacity: 0;
    }

    100% {
        scale: 1;
        opacity: 1;
    }
}

@keyframes show {
    0% {
        scale: 0.4;
        opacity: 0;
    }

    100% {
        scale: 1;
        opacity: 1;
    }
}

.footer-item {
    background: #0A0A0A;
    padding: 32px 0;
}

footer>p {
    text-align: center;
    color: #636363;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.faq-item {
    padding-bottom: 64px;
}

.head-faq {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.head-faq.active::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%2398A2B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.head-faq::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%236D6D6D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.head-faq>p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.body-faq {
    display: none;
}

.body-faq>p {
    color: #B4B5B7;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    border-radius: 24px;
    border: 2px solid #1F1F1F;
    background: #151515;
    padding: 32px;
}

.faq>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-top: 24px;
    border-top: 1px solid #1F1F1F;
}

.faq>.item:first-child {
    padding-top: 0;
    border-top: none;
}

@media screen and (max-width: 1092px) {
    .calc-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .benefit-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    header>.item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header>.item:last-child {
        display: none;
    }

    .rate-content {
        gap: 20px;
    }

    .rate-content>.item>img {
        width: 20px;
        height: 20px;
    }

    .rate-content>.item>p {
        font-size: 14px;
    }

    .rate-content>.item>span {
        font-size: 14px;
        margin: 0;
    }

    .welcome-item {
        padding: 64px 0;
    }

    .live-grid {
        overflow-x: auto;
    }

    .live-grid>* {
        min-width: 948px;
    }

    .live {
        overflow: hidden;
    }

    .benefit-item {
        padding: 30px 0;
    }

    .benefit-content>.item {
        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: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .benefit-content>.item>img {
        width: 48px;
        height: 48px;
    }

    .info-content {
        padding: 0;
    }

    .info {
        padding: 20px;
    }

    .info>p {
        font-size: 16px;
    }

    .calc {
        padding: 20px;
    }

    .rules {
        max-width: 100%;
        padding: 20px;
    }

    .warn {
        margin-top: 20px;
    }

    .warn>p {
        font-size: 14px;
    }

    .wallet-qr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wallet-content {
        padding: 20px;
    }

    .search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 30px 10px;
    }

    .search>p {
        font-size: 14px;
    }

    .wallet-top>p {
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        font-size: 14px;
    }

    .wallet-text {
        padding: 14px;
    }

    .wallet-text>p {
        font-size: 14px;
    }

    .faq {
        padding: 20px;
    }

    footer>p {
        font-size: 14px;
    }

    .head-faq>p {
        font-size: 14px;
    }

    .body-faq>p {
        font-size: 14px;
    }

    .calc-info>.item {
        padding: 20px 14px;
    }

    .rate-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .benefit-item {
        border-radius: 0;
    }

    .benefit-item::before {
        max-height: 180px;
    }
}

.wallet-content.loading {
    position: relative;
    overflow: hidden;
}

.wallet-content.loading::before {
    z-index: 2;
    inset: 0;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #111;
}

.wallet-content.loading::after {
    inset: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    content: "Loading your wallet...";
    z-index: 3;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    -webkit-animation: 1s w-load steps(5, end) infinite;
    animation: 1s w-load steps(5, end) infinite;
}

@-webkit-keyframes w-load {
    0% {
        content: "Loading your wallet.";
    }

    50% {
        content: "Loading your wallet..";
    }

    100% {
        content: "Loading your wallet...";
    }
}

@keyframes w-load {
    0% {
        content: "Loading your wallet.";
    }

    50% {
        content: "Loading your wallet..";
    }

    100% {
        content: "Loading your wallet...";
    }
}

.go-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 4px;
}

.go-back::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='black' stroke-opacity='0.24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.back-item {
    padding: 20px 0px;
}

.go-back>p {
    color: #30374F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}