* {
    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: #5177BA;
    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: #5177BA;
    height: 56px;
}
.button-b:hover {
    opacity: 0.6;
}
.button-b > p {
    color: #FFF;
    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: 173px;
    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='%235177BA'/%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: #5177BA;
    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: #5177BA;
    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%3Ccircle cx='14' cy='14' r='14' fill='white'/%3E%3Ccircle cx='14.1843' cy='12.8093' r='7.8405' fill='%232F3F5B'/%3E%3Cmask id='mask0_4494_628' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='6' y='4' width='17' height='17'%3E%3Ccircle cx='14.1843' cy='12.8093' r='7.8405' fill='%23DEDEDE'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4494_628)'%3E%3Crect x='8.96094' y='5.79492' width='0.687763' height='12.3797' fill='white'/%3E%3C/g%3E%3Cpath d='M13.9097 20.031C13.9097 22.5 11.9082 24.5015 9.43921 24.5015C6.97024 24.5015 4.96875 22.5 4.96875 20.031C4.96875 17.562 6.97024 15.5605 9.43921 15.5605C11.9082 15.5605 13.9097 17.562 13.9097 20.031Z' fill='%23162E52'/%3E%3Cpath d='M13.6897 20.031C13.6897 22.3785 11.7867 24.2815 9.43921 24.2815C7.09175 24.2815 5.18875 22.3785 5.18875 20.031C5.18875 17.6835 7.09175 15.7805 9.43921 15.7805C11.7867 15.7805 13.6897 17.6835 13.6897 20.031Z' stroke='white' stroke-opacity='0.24' stroke-width='0.44'/%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%), #5177BA;
    }
    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;
    }
    .welcome-image {
        height: 153px;
    }
}