* {
    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(../images/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(../images/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: #40ACFD;
    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(../images/clock.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: rgba(255, 255, 255, 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: #FFF;
    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: #40ACFD;
    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(../images/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: #FFF;
    font-family: "Britti Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
}
.rule-info > p {
    color: #FFF;
    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(../images/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;
    max-width: 458px;
    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='%2340ACFD'/%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: url(../images/claim-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    border-radius: 10px;
    padding: 40px;
}
.claim > p {
    color: rgba(255, 255, 255, 0.48);
    font-family: "Britti Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.claim > h1 {
    color: #FFF;
    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: #40ACFD;
    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='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.35156 9.52559V18.7962C4.35156 19.3645 4.68212 19.9327 5.15754 20.215L13.1987 24.8503C13.7187 25.1326 14.3353 25.1326 14.8553 24.8503L22.8965 20.215C23.4165 19.9327 23.7025 19.3645 23.7025 18.7962V9.52559C23.7025 8.95732 23.3719 8.38905 22.8965 8.10678L14.8516 3.47147C14.3316 3.1892 13.715 3.1892 13.195 3.47147L5.15383 8.10678C4.63384 8.38905 4.35156 8.95732 4.35156 9.52559Z' fill='%23213147'/%3E%3Cpath d='M15.7978 15.9585L14.6612 19.0821C14.6129 19.175 14.6129 19.2715 14.6612 19.3644L16.6483 24.7574L18.9177 23.4314L16.1729 15.9585C16.1283 15.7691 15.8906 15.7691 15.7978 15.9585Z' fill='%2312AAFF'/%3E%3Cpath d='M18.0672 10.6616C18.0189 10.4722 17.7849 10.4722 17.6884 10.6616L16.5518 13.7852C16.5036 13.8781 16.5036 13.9747 16.5518 14.0675L19.7683 22.9147L22.0377 21.5887L18.0672 10.6616Z' fill='%2312AAFF'/%3E%3Cpath d='M14 3.80109C14.0483 3.80109 14.0929 3.80109 14.1411 3.84937L22.8435 8.86352C22.9363 8.9118 22.9846 9.00466 22.9846 9.1458V19.1741C22.9846 19.267 22.9363 19.4118 22.8435 19.4564L14.1411 24.4705C14.0929 24.5188 14.0483 24.5188 14 24.5188C13.9517 24.5188 13.9071 24.5188 13.8589 24.4705L5.15653 19.4564C5.06367 19.4081 5.01539 19.3152 5.01539 19.1741V9.1458C5.01539 9.05294 5.06367 8.90809 5.15653 8.86352L13.8589 3.84937C13.9034 3.80109 13.9517 3.80109 14 3.80109ZM14 2.33398C13.6694 2.33398 13.3834 2.42684 13.1012 2.57169L4.39883 7.58584C3.83056 7.9164 3.5 8.48467 3.5 9.1458V19.1741C3.5 19.7907 3.83056 20.4035 4.39883 20.7341L13.1012 25.7482C13.3834 25.8893 13.6694 25.9859 14 25.9859C14.3306 25.9859 14.6166 25.8931 14.8988 25.7482L23.6012 20.7341C24.1694 20.4035 24.5 19.8352 24.5 19.1741V9.1458C24.5 8.52924 24.1694 7.9164 23.6012 7.58584L14.9434 2.57169C14.6611 2.43055 14.3751 2.33398 14.0446 2.33398H14Z' fill='%239DCCED'/%3E%3Cpath d='M8.27344 22.9109L9.0757 20.7344L10.6839 22.0603L9.17227 23.4792L8.27344 22.9109Z' fill='%23213147'/%3E%3Cpath d='M13.2927 8.4375H11.0679C10.9268 8.4375 10.7374 8.53035 10.6891 8.67521L5.96094 21.634L8.2303 22.96L13.4339 8.71978C13.4822 8.57864 13.3856 8.4375 13.2445 8.4375H13.2927Z' fill='white'/%3E%3Cpath d='M17.1179 8.43715H14.8931C14.752 8.43715 14.5626 8.53 14.5143 8.67486L9.125 23.4313L11.3944 24.7573L17.2591 8.67486C17.3073 8.53372 17.2108 8.39258 17.0696 8.39258L17.1179 8.43715Z' fill='white'/%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;
        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%), #40ACFD;
    }
    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: 26px;
    }
    .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;
    }
}