* {
    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;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: url(bg.jpg), #151515;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

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

.responsive-main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.responsive-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: url(bg.jpg), #151515;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.responsive-wrapper::before {
    position: fixed;
    content: "";
    inset: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #151515;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.responsive-wrapper.mount::before {
    opacity: 0;
    pointer-events: none;
}

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

.responsive-time {
    padding: 12px 20px;
    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;
    background: #1FC7D4;
    gap: 12px;
}

.time-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    position: relative;
}
.time-event::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: url(clock.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.time-event > p {
    color: #000000;
    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: rgba(0, 0, 0, 0.3);
    font-size: 20.773px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.58px;
}
.time > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}
.time > .item > p {
    color: #000000;
    font-size: 20.773px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.58px;
    width: 21px;
    height: 24px;
    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;
    text-align: center;
    border-radius: 2.597px;
    background: rgba(0, 0, 0, 0.12);
}
.time > .item.left > p {
    color: rgba(212, 226, 239, 0.6);
}

nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    gap: 48px;
}
nav > ul > li {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
nav > ul > li:hover {
    opacity: 0.6;
}
nav > ul > li > p {
    white-space: nowrap;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.navigation > .item {
    width: 100%;
}

.logo {
    max-width: 178px;
    height: 38px;
}
.logo > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.button {
    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;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.button-a {
    border-radius: 8px;
    background: #1B1B1B;
    -webkit-box-shadow: 0px 0px 0px 4px #3A3A3A;
            box-shadow: 0px 0px 0px 4px #3A3A3A;
    height: 56px;
    padding: 0px 24px;
}
.button-a > p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.button-a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #242424;
}

.navigate-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.navigation {
    padding: 26px 0;
}

.welcome-head-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding: 0px 24px;
    height: 52px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.04);
}
.welcome-head-event::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 fill-rule='evenodd' clip-rule='evenodd' d='M9.9987 3.4435C9.98198 3.41206 9.96496 3.38057 9.94763 3.34905C9.32593 2.2187 8.17045 0.833984 6.2487 0.833984C5.47515 0.833984 4.73328 1.14128 4.1863 1.68826C3.63932 2.23524 3.33203 2.9771 3.33203 3.75065C3.33203 4.1889 3.43066 4.61697 3.61563 5.0052C3.45456 5.00873 3.30567 5.015 3.16951 5.02613C2.84006 5.05305 2.51237 5.11248 2.19706 5.27314C1.72665 5.51282 1.3442 5.89527 1.10452 6.36568C0.943857 6.68099 0.884427 7.00868 0.857509 7.33813C0.832008 7.65025 0.832019 8.02922 0.832032 8.46846V10.1673C0.832032 10.4007 0.832032 10.5174 0.877446 10.6065C0.917393 10.6849 0.981135 10.7486 1.05954 10.7886C1.14867 10.834 1.26534 10.834 1.4987 10.834H9.16537V7.33398C9.16537 7.10063 9.16537 6.98395 9.21078 6.89482C9.25073 6.81642 9.31447 6.75268 9.39287 6.71273C9.482 6.66732 9.59868 6.66732 9.83203 6.66732H10.1654C10.3987 6.66732 10.5154 6.66732 10.6045 6.71273C10.6829 6.75268 10.7467 6.81642 10.7866 6.89482C10.832 6.98395 10.832 7.10063 10.832 7.33398V10.834H18.4987C18.7321 10.834 18.8487 10.834 18.9379 10.7886C19.0163 10.7486 19.08 10.6849 19.12 10.6065C19.1654 10.5174 19.1654 10.4007 19.1654 10.1673V8.46852C19.1654 8.02923 19.1654 7.65027 19.1399 7.33813C19.113 7.00868 19.0535 6.68099 18.8929 6.36568C18.6532 5.89527 18.2707 5.51282 17.8003 5.27314C17.485 5.11248 17.1573 5.05305 16.8279 5.02613C16.6917 5.015 16.5428 5.00873 16.3818 5.0052C16.5667 4.61697 16.6654 4.1889 16.6654 3.75065C16.6654 2.9771 16.3581 2.23524 15.8111 1.68826C15.2641 1.14128 14.5223 0.833984 13.7487 0.833984C11.827 0.833984 10.6715 2.2187 10.0498 3.34905C10.0324 3.38057 10.0154 3.41206 9.9987 3.4435ZM5.36481 2.86677C5.59924 2.63235 5.91718 2.50065 6.2487 2.50065C7.24362 2.50065 7.96313 3.19927 8.48727 4.15225C8.64654 4.44183 8.77532 4.7345 8.87705 5.00065H6.2487C5.91718 5.00065 5.59924 4.86895 5.36481 4.63453C5.13039 4.40011 4.9987 4.08217 4.9987 3.75065C4.9987 3.41913 5.13039 3.10119 5.36481 2.86677ZM13.7487 5.00065H11.1204C11.2221 4.7345 11.3509 4.44183 11.5101 4.15225C12.0343 3.19927 12.7538 2.50065 13.7487 2.50065C14.0802 2.50065 14.3982 2.63235 14.6326 2.86677C14.867 3.10119 14.9987 3.41913 14.9987 3.75065C14.9987 4.08217 14.867 4.40011 14.6326 4.63453C14.3982 4.86895 14.0802 5.00065 13.7487 5.00065Z' fill='%23A1A2A4'/%3E%3Cpath d='M1.4987 12.5007C1.26534 12.5007 1.14867 12.5007 1.05954 12.5461C0.981135 12.586 0.917393 12.6498 0.877446 12.7282C0.832032 12.8173 0.832032 12.934 0.832032 13.1673V15.6994C0.832019 16.1387 0.832008 16.5177 0.857509 16.8298C0.884427 17.1593 0.943857 17.487 1.10452 17.8023C1.3442 18.2727 1.72665 18.6551 2.19706 18.8948C2.51237 19.0555 2.84006 19.1149 3.16951 19.1418C3.48165 19.1673 3.86061 19.1673 4.2999 19.1673L15.6975 19.1673C16.1368 19.1673 16.5157 19.1673 16.8279 19.1418C17.1573 19.1149 17.485 19.0555 17.8003 18.8948C18.2707 18.6552 18.6532 18.2727 18.8929 17.8023C19.0535 17.487 19.113 17.1593 19.1399 16.8298C19.1654 16.5177 19.1654 16.1387 19.1654 15.6995V13.1673C19.1654 12.934 19.1654 12.8173 19.12 12.7282C19.08 12.6498 19.0163 12.586 18.9379 12.5461C18.8487 12.5007 18.7321 12.5007 18.4987 12.5007H10.832V16.834C10.832 17.0673 10.832 17.184 10.7866 17.2731C10.7467 17.3515 10.6829 17.4153 10.6045 17.4552C10.5154 17.5007 10.3987 17.5007 10.1654 17.5007H9.83203C9.59868 17.5007 9.482 17.5007 9.39287 17.4552C9.31447 17.4153 9.25073 17.3515 9.21078 17.2731C9.16537 17.184 9.16537 17.0673 9.16537 16.834V12.5007H1.4987Z' fill='%23A1A2A4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.welcome-head-event > p {
    color: #A1A2A4;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110.574%;
}

.welcome-head {
    padding: 0px 20px;
    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;
    gap: 22px;
}

.welcome-head-text > h1 {
    color: #FFF;
    text-align: center;
    font-family: "Britti Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
}

.welcome-links {
    padding: 0px 20px;
    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;
}

.button-b {
    padding: 0px 24px;
    border-radius: 8px;
    background: #1FC7D4;
    height: 56px;
}
.button-b:hover {
    opacity: 0.6;
}
.button-b > p {
    color: #1B1B1B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.button-c {
    padding: 0px 24px;
    height: 56px;
    border-radius: 8px;
    background: #242424;
}
.button-c:hover {
    opacity: 0.6;
}
.button-c > p {
    color: #A1A2A4;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.welcome {
    padding: 0px 4px;
    padding-top: 88px;
    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;
    background: #1B1B1B;
    -webkit-box-shadow: 0px 0px 0px 1px #3A3C40 inset;
            box-shadow: 0px 0px 0px 1px #3A3C40 inset;
}

.welcome-image {
    background: url(welcome-image.png);
    height: 153px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.responsive-welcome {
    padding: 30px 0;
}

.rule-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: 16px;
}
.rule-info > h1 {
    color: #000;
    font-family: "Britti Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
}
.rule-info > p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.rule-content {
    max-width: 914px;
    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: 24px;
}

.rule-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
}
.rule-items > .item {
    width: 100%;
    padding: 32px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.74);
    -webkit-box-shadow: 0px 0px 0px 1px #FFF inset;
            box-shadow: 0px 0px 0px 1px #FFF inset;
    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;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.rule-items > .item:hover {
    background: rgba(255, 255, 255, 0.94);
}
.rule-items > .item > h1 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.rule-items > .item > p {
    color: #242424;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.rule {
    padding: 38px 48px;
    background: url(rule-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    border-radius: 24px;
}

.responsive-info {
    padding: 68px 0;
}

.ico-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ico-a {
    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 16V12M12 8H12.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='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ico-b {
    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 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ico-c {
    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 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.info > .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 320px;
            flex: 1 1 320px;
    padding: 32px;
    border-radius: 16px;
    background: #1B1B1B;
    -webkit-box-shadow: 0px 0px 0px 1px #3A3C40 inset;
            box-shadow: 0px 0px 0px 1px #3A3C40 inset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.info > .item:hover {
    background: #242424;
}
.info > .item > h1 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.info > .item > p {
    color: #A1A2A4;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.trust-items {
    max-width: 674px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 14px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.trust-items > .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: 64px;
    padding: 32px;
    border-radius: 16px;
    background: #1B1B1B;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.trust-items > .item > h1 {
    color: #A1A2A4;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.trust-items > .item > p {
    color: #FFF;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}
.trust-items > .item:hover {
    background: #242424;
}
.trust-items > .item.h-type {
    background: #171C1A;
}
.trust-items > .item.h-type > h1 {
    color: #53B66F;
}
.trust-items > .item.h-type > p {
    color: #53B66F;
}
.trust-items > .item.h-type:hover {
    background: #1E2623;
}

.trust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
}

.trust-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: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.trust-info > h1 {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.trust-info-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 32px;
    width: 100%;
}
.trust-info-text > p {
    color: #A1A2A4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.responsive-airdrop-footer {
    margin-top: 112px;
    background: #1B1B1B;
    border-radius: 40px 40px 0 0;
    padding-top: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 96px;
}

.banners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
}
.banners > .item {
    opacity: 0.18;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.banners > .item:hover {
    opacity: 0.32;
}
.banners > .item > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
}

.airdrop-info-head {
    max-width: 472px;
    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: 24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.airdrop-info-head > h1 {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.airdrop-info-head > p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.airdrop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 56px;
}

.airdrop-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: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.message {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.message::before {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    content: "";
    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 fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8V12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12V8ZM12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17H12.01C12.5623 17 13.01 16.5523 13.01 16C13.01 15.4477 12.5623 15 12.01 15H12Z' fill='%231FC7D4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.message > p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 38.275px;
}

.airdrop-info-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 26px;
}

.claim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: #1FC7D4;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    border-radius: 10px;
    padding: 40px;
}
.claim > p {
    color: rgba(0, 0, 0, 0.48);
    font-family: "Britti Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.claim > h1 {
    color: #000;
    font-family: "Britti Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
}

.button-d {
    height: 56px;
    padding: 0px 24px;
    border-radius: 8px;
    background: #FFF;
}
.button-d > p {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #1FC7D4;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.button-d:hover > p {
    color: #3A1929;
}

.airdrop-info {
    padding: 48px;
    background: #242424;
    border: 1px solid #3A3C40;
    border-radius: 16px;
}

.airdrop-live {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.head-live {
    padding: 48px;
    padding-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    position: relative;
}
.head-live::after {
    position: relative;
    content: "";
    width: 24px;
    height: 24px;
    -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%3Ccircle cx='12' cy='12' r='12' fill='%23FF3E3E' fill-opacity='0.14'/%3E%3Ccircle cx='11.9992' cy='11.9992' r='4.8' fill='%23FF3E3E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.head-live > p {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.live {
    overflow: hidden;
    background: #242424;
    border: 1px solid #3A3C40;
    border-radius: 16px;
}

.live-header {
    padding: 20px 48px;
    background: rgba(58, 60, 64, 0.24);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
}
.live-header > .item > p {
    color: #A1A2A4;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@-webkit-keyframes show {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes show {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    padding: 14px 48px;
    overflow: hidden;
    -webkit-animation: 0.2s show;
            animation: 0.2s show;
}
.row > .item > p {
    color: #A1A2A4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.row > .item:first-child {
    overflow: hidden;
    width: 100%;
}
.row > .item:first-child > p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.row > .item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.row > .item:last-child::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 width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.3504' cy='14.3506' r='14' transform='rotate(-1.45242 14.3504 14.3506)' fill='white'/%3E%3Cg clip-path='url(%23clip0_4368_653)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.83636 7.38281C7.53273 5.81875 8.74724 4.375 10.3261 4.375C11.7228 4.375 12.8766 5.51797 12.8766 6.90156V10.0297C13.2409 10.0297 13.6053 9.96953 13.9696 9.96953C14.334 9.96953 14.6376 9.96953 15.002 10.0297V6.90156C15.002 5.51797 16.1558 4.375 17.5524 4.375C19.1313 4.375 20.3458 5.81875 20.1029 7.38281L19.4349 11.0523C21.8032 12.075 23.625 13.8797 23.625 16.1055V17.4891C23.625 19.3539 22.4105 20.918 20.6494 21.9406C18.8884 23.0234 16.5808 23.625 13.9696 23.625C11.3584 23.625 9.05087 23.0234 7.28983 21.9406C5.58951 20.918 4.375 19.3539 4.375 17.4891V16.1055C4.375 13.8797 6.13604 12.075 8.50434 11.0523L7.83636 7.38281ZM18.5241 11.5336L19.3135 7.20234C19.4957 6.11953 18.7062 5.09688 17.5524 5.09688C16.5808 5.09688 15.7914 5.87891 15.7914 6.84141V10.8117C15.5485 10.7516 15.2449 10.7516 15.002 10.7516C14.6376 10.7516 14.334 10.6914 13.9696 10.6914C13.6053 10.6914 13.2409 10.6914 12.8766 10.7516C12.6337 10.7516 12.33 10.8117 12.0871 10.8117V6.90156C12.0871 5.93906 11.2977 5.15703 10.3261 5.15703C9.23304 5.15703 8.38289 6.17969 8.62579 7.2625L9.41522 11.5938C6.86475 12.5563 5.16443 14.2406 5.16443 16.1656V17.5492C5.16443 20.4969 9.11159 22.9031 13.9696 22.9031C18.8277 22.9031 22.7748 20.4969 22.7748 17.5492V16.1656C22.8356 14.1805 21.1353 12.4961 18.5241 11.5336Z' fill='%23633001'/%3E%3Cpath d='M22.837 17.4891C22.837 20.4367 18.8898 22.843 14.0318 22.843C9.17372 22.843 5.22656 20.4367 5.22656 17.4891V16.1055H22.8977V17.4891H22.837Z' fill='%23FEDC90'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.62719 7.2627C8.38429 6.17988 9.23445 5.15723 10.3275 5.15723C11.2991 5.15723 12.0885 5.93926 12.0885 6.90176V10.8721C12.6958 10.8119 13.3031 10.7518 13.971 10.7518C14.5783 10.7518 15.1856 10.8119 15.7928 10.8721V6.90176C15.7928 5.93926 16.5822 5.15723 17.5538 5.15723C18.6469 5.15723 19.4971 6.17988 19.3149 7.2627L18.5255 11.5939C21.0759 12.5564 22.837 14.2408 22.837 16.1658C22.837 19.1135 18.8898 21.5197 14.0318 21.5197C9.17372 21.5197 5.22656 19.1135 5.22656 16.1658C5.22656 14.2408 6.92688 12.5564 9.47735 11.5939L8.62719 7.2627Z' fill='%23D1884F'/%3E%3Cpath d='M11.537 15.7445C11.537 16.5266 11.1119 17.1883 10.5654 17.1883C10.0188 17.1883 9.59375 16.5266 9.59375 15.7445C9.59375 14.9625 10.0188 14.3008 10.5654 14.3008C11.1119 14.3008 11.537 14.9625 11.537 15.7445Z' fill='%23633001'/%3E%3Cpath d='M18.2792 15.7445C18.2792 16.5266 17.8541 17.1883 17.3075 17.1883C16.761 17.1883 16.3359 16.5266 16.3359 15.7445C16.3359 14.9625 16.761 14.3008 17.3075 14.3008C17.8541 14.3008 18.2792 14.9625 18.2792 15.7445Z' fill='%23633001'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4368_653'%3E%3Crect width='19.25' height='19.25' fill='white' transform='translate(4.375 4.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.row > .item:last-child > p {
    white-space: nowrap;
    color: #FFF;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.responsive-info-footer {
    background: #232323;
    padding: 16px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.responsive-info-footer > p {
    color: #A1A2A4;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 1450px) {
    .navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .rule-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .trust {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .airdrop-live {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .rule {
        padding: 20px;
        border-radius: 20px;
        border-radius: 24px;
        background: radial-gradient(19.36% 92.98% at -5.89% 82.21%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(13.17% 90.64% at 52.13% 129.87%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(11.31% 62.83% at 104.75% 29.19%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(20.2% 111.07% at 58.51% -4.36%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #1FC7D4;
        -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset;
                box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset;
    }
    nav > ul {
        gap: 16px;
    }
    .navigation {
        gap: 20px;
    }
    .navigation > .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .navigation > .item:last-child {
        display: none;
    }
    .welcome-head-text > h1 {
        font-size: 30px;
        line-height: 140%;
    }
    .welcome-head-text > h1 > br {
        display: none;
    }
    .info > .item {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .rule-items > .item {
        text-align: center;
        padding: 20px;
    }
    .trust-info > h1 {
        font-size: 32px;
    }
    .rule-content {
        max-width: 100%;
    }
    .trust-items {
        max-width: 100%;
    }
    .airdrop-info-head {
        max-width: 100%;
    }
    .info {
        gap: 20px;
    }
    .button-a {
        height: 48px;
        padding: 0px 16px;
    }
    .button-a > p {
        font-size: 14px;
    }
    .button-b {
        height: 48px;
        padding: 0px 16px;
    }
    .button-b > p {
        font-size: 14px;
    }
    .button-d {
        height: 48px;
        padding: 0px 16px;
    }
    .button-d > p {
        font-size: 14px;
    }
    .button-c {
        height: 48px;
        padding: 0px 16px;
    }
    .button-c > p {
        font-size: 14px;
    }
    .welcome-head-event > p {
        font-size: 14px;
    }
    .welcome {
        padding: 0px;
        padding-top: 44px;
    }
    .info > .item {
        padding: 20px;
    }
    .trust-items > .item {
        padding: 20px;
        gap: 32px;
    }
    .trust-items > .item > h1 {
        font-size: 16px;
    }
    .trust-items > .item > p {
        font-size: 22px;
    }
    .banners {
        display: none;
    }
    .responsive-airdrop-footer {
        padding-top: 20px;
        margin-top: 44px;
    }
    .airdrop-info {
        padding: 20px;
    }
    .claim {
        padding: 20px;
    }
    .claim > h1 {
        font-size: 24px;
    }
    .rule-info {
        text-align: center;
    }
    .trust-info {
        text-align: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .trust-info-text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .trust-items > .item {
        text-align: center;
    }
    .airdrop-info-head {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .message {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .claim {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .head-live {
        padding: 20px;
    }
    .head-live > p {
        font-size: 26px;
    }
    .live-header {
        padding: 20px;
    }
    .row {
        padding: 14px 20px;
    }
    .row > .item > p {
        font-size: 14px;
    }
    .row > .item:last-child > p {
        font-size: 14px;
    }
    .responsive-airdrop-footer {
        gap: 44px;
    }
    .responsive-info-footer > p {
        font-size: 14px;
    }
}
@media screen and (max-width: 769px) {
    .trust-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}