*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
img{
    display: block;
    user-select: none;
    pointer-events: none;
}
ul, ol {
    list-style: none;
}
button, input, select, textarea {
    outline: none;
    border: none;
}
a {
    text-decoration: none;
    color: inherit;
}
button {
    background-color: transparent;
    cursor: pointer;
}
html{
    overflow-x: hidden;
    scroll-behavior: smooth;
}
input {
    border: none;
    background-color: transparent;
}
body {
    font-family: 'Play', sans-serif;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
main{
    position: relative;
    z-index: 9;
}
h1, h2, h3, h4{
    font-family: 'Bebas Neue', sans-serif;
}
section{
    min-height: 56.25vw;
}
.contract{
    position: absolute;
    bottom: 200px;
    right: 100px;
    z-index: 99;
    background-color: #FDA112;
    max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border-radius: 10px;
    @media(min-width: 1921px){
        bottom: 10.4vw;
        right: 5.2vw;
    }
    @media(max-width: 1900px){
        bottom: 10.4vw;
        right: 5.2vw;
    }
    @media(max-width: 768px){
        order: 99;
        bottom: 60px;
        right: 20px;
        max-width: calc(100% - 40px);
        background-color: #FE4D00;
    }
}
.contract-title{
    font-size: 20px;
    line-height: 110%;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    @media(max-width: 768px){
        color: #FFFFFF;
    }
}
.contract__address{
    background-color: #FFFFFF;
    font-size: 15px !important;
    line-height: 110% !important;
    font-weight: 400;
    color: #000000 !important;
    padding: 10px;
    overflow: hidden;
    @media(max-width: 768px){
        font-size: 15px !important;
        line-height: 110% !important;
        font-weight: 400;
        color: #000000 !important;
        padding: 10px;
    }
}
.contract__main{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contract__copy{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    background-color: #596F0D;
    color: #FFFFFF;
    width: 100px;
    font-size: 15px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s ease-in-out;
}
.contract__copy:hover{
    background-color: #36B65B;
}

.header{
    position: absolute;
    top: 50px;
    left: 70px;
    z-index: 999;
    @media(min-width: 1921px){
        top: 2.6vw;
        left: 3.65vw;
    }
    @media(max-width: 1900px){
        top: 2.6vw;
        left: 3.65vw;
    }
}
.header__menu{
    display: flex;
    align-items: center;
    gap: 25px;
    width: fit-content;
    @media(min-width: 1921px){
        gap: 1.3vw;
    }
    @media(max-width: 1900px){
        gap: 1.3vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.header__menu-link{
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    color: #FFFFFF;
    transition: .3s ease-in-out;
    @media(min-width: 1921px){
        font-size: 1.15vw;
        line-height: 1.3vw;
    }
    @media(max-width: 1900px){
        font-size: 1.15vw;
        line-height: 1.3vw;
    }
}
.header__menu-link:hover{
    color: #596F0D;
}
.main, .what, .hangover{
    position: relative;
}
.main{
    @media(max-width: 768px){
        background-color: #FDA112;
    }
}
.main__bg-left{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: auto;
    width: 1400px;
    @media(min-width: 1921px){
        width: 73vw;
    }
    @media(max-width: 1900px){
        width: 73vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.main__bg-left img, .main__bg-right img, .what__bg-left img, .what__bg-right img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.main__bg-bottom{
    position: absolute;
    bottom: 20px;
    width: 833px;
    left: 0;
    z-index: 2;
    @media(min-width: 1921px){
        width: 43vw;
    }
    @media(max-width: 1900px){
        width: 43vw;
    }
}
.main__bg-bottom img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.main__bg-right{
    position: absolute;
    right: 0;
    top: 0;
    width: 972px;
    @media(min-width: 1921px){
        width: 50.7vw;
    }
    @media(max-width: 1900px){
        width: 50.7vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.main__bg-right__text{
    position: absolute;
    z-index: 2;
    user-select: none;
    pointer-events: none;
    width: 160px;
    height: auto;
    @media(min-width: 1921px){
        width: 8vw;
    }
    @media(max-width: 1900px){
        width: 8vw;
    }
}
.main__bg-right__text svg{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
#bgText-1{
    top: 76px;
    right: 27px;
    @media(min-width: 1921px){
        top: 3.95vw;
        right: 1.4vw;
    }
    @media(max-width: 1900px){
        top: 3.95vw;
        right: 1.4vw;
    }
}
#bgText-2{
    bottom: 211px;
    right: 391px;
    @media(min-width: 1921px){
        bottom: 10.99vw;
        right: 20.36vw;
    }
    @media(max-width: 1900px){
        bottom: 10.99vw;
        right: 20.36vw;
    }
}
.wrapper{
    position: relative;
    z-index: 9;
    max-width: 100vw;
    width: 100%;
    padding: 0 70px;
    margin: 0 auto;
    min-height: 56.25vw;
    @media(min-width: 1921px){
        padding: 0 3.65vw;
    }
    @media(max-width: 1900px){
        padding: 0 3.65vw;
    }
    @media(max-width: 768px){
        padding: 0 20px;
    }
}
.main .wrapper{
    @media(max-width: 768px){
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        gap: 30px;
        padding: 10px 20px 60px;

    }
}
.main__content{
    position: relative;
    padding-top: 140px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 670px;
    width: 100%;
    @media(min-width: 1921px){
        max-width: 34.89vw;
        padding-top: 7.29vw;
        gap: 1.5vw;
    }
    @media(max-width: 1900px){
        max-width: 34.89vw;
        padding-top: 7.29vw;
        gap: 1.5vw;
    }
    @media(max-width: 768px){
        max-width: unset;
        padding: 0;
        gap: 20px;
        padding-bottom: 300px;
    }
}
.main__img{
    position: absolute;
    left: 52%;
    transform: translateX(-52%);
    top: 40px;
    width: 672px;
    height: auto;
    @media(min-width: 1921px){
        top: 1.5vw;
        width: 35vw;
    }
    @media(max-width: 1900px){
        top: 1.5vw;
        width: 35vw;
    }
    @media(max-width: 768px){
        position: relative;
        left: unset;
        top: unset;
        transform: none;
        flex-shrink: 0;
        max-width: 450px;
        width: 100%;
    }
}
.main__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.main__content h1{
    font-size: 120px;
    line-height: 120px;
    font-weight: 400;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 6.25vw;
        line-height: 6.25vw;
    }
    @media(max-width: 1900px){
        font-size: 6.25vw;
        line-height: 6.25vw;
    }
    @media(max-width: 768px){
        font-size: 80px;
        line-height: 80px;
    }
    @media(max-width: 575px){
        font-size: 40px;
        line-height: 40px;
    }
}
.main__content p{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    max-width: 580px;
    @media(min-width: 1921px){
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        font-size: 20px;
    }
    @media(max-width: 575px){
        font-size: 16px;
    }
}
.main__btns{
    display: flex;
    gap: 20px;
    @media(min-width: 1921px){
        gap: 1vw;
    }
    @media(max-width: 1900px){
        gap: 1vw;
    }
    @media(max-width: 768px){
        flex-direction: column;
        gap: 10px;
    }
}
.btn-red, .btn-green{
    width: fit-content;
    padding: 20px 50px;
    border-radius: 50px;
    font-family: 'Play', sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #FFFFFF;
    transition: .5s ease-in-out;
    @media(min-width: 1921px){
        font-size: 1.25vw;
        line-height: 1.45vw;
        padding: 1vw 2.6vw;
        border-radius: 2.6vw;
    }
    @media(max-width: 1900px){
        font-size: 1.25vw;
        line-height: 1.45vw;
        padding: 1vw 2.6vw;
        border-radius: 2.6vw;
    }
    @media(max-width: 768px){
        font-size: 16px;
        line-height: 22px;
        padding: 15px 30px;
        border-radius: 30px;
        width: 100%;
        text-align: center;
    }
}
.btn-red{
    background-color: #FE4D00;
}
.btn-green{
    background-color: #36B65B;
}
.btn-red:hover, .btn-green:hover{
    filter: brightness(85%);
}


.what{
    @media(max-width: 768px){
        background-color: #FDA112;
        min-height: 70vw;
    }
    @media(max-width: 520px){
        min-height: unset;
        padding: 30px 0;
    }
}
.what .wrapper{
    @media(max-width: 768px){
        min-height: 70vw;
    }
    @media(max-width: 520px){
        min-height: unset;
    }
}
.what__bg-left{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: auto;
    width: 100vw;
    @media(max-width: 768px){
        display: none;
    }
}
.what__bg-right{
    position: absolute;
    top: 0;
    right: 0;
    width: 972px;
    height: auto;
    z-index: 1;
    @media(min-width: 1921px){
        width: 50.7vw;
    }
    @media(max-width: 1900px){
        width: 50.7vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.what__bg-bottom{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 892px;
    @media(min-width: 1921px){
        width: 46.4vw;
    }
    @media(max-width: 1900px){
        width: 46.4vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.what__bg-bottom img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.what__funless{
    position: absolute;
    bottom: 96px;
    left: 50%;
    transform: translateX(-50%);
    width: 1116px;
    z-index: 3;
    @media(min-width: 1921px){
        width: 58.2vw;
        bottom: 5vw;
    }
    @media(max-width: 1900px){
        width: 58.2vw;
        bottom: 5vw;
    }
    @media(max-width: 640px){
        display: none;
    }
}
.what__funless p{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 220px;
    line-height: 220px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 11.45vw;
        line-height: 11.45vw;
    }
    @media(max-width: 1900px){
        font-size: 11.45vw;
        line-height: 11.45vw;
    }
}
.what__funless span{
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 220px;
    line-height: 220px;
    font-weight: 400;
    text-transform: uppercase;
    opacity: 20%;
    color: #FFFFFF;
    position: absolute;
    transform: translate(96px, 96px);
    bottom: 0;
    @media(min-width: 1921px){
        font-size: 11.45vw;
        line-height: 11.45vw;
        transform: translate(5vw, 5vw);
    }
    @media(max-width: 1900px){
        font-size: 11.45vw;
        line-height: 11.45vw;
        transform: translate(5vw, 5vw);
    }
}
.what__content{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 90px;
    padding-top: 40px;
    @media(min-width: 1921px){
        padding-top: 2.1vw;
        gap: 4.7vw;
    }
    @media(max-width: 1900px){
        padding-top: 2.1vw;
        gap: 4.7vw;
    }
    @media(max-width: 640px){
        flex-direction: column;
        gap: 30px;
        max-width: 300px;
        margin: 0 0 0 auto;
        padding: 0;
    }
    @media(max-width: 520px){
        margin: 0;
        max-width: unset;
        gap: 15px;
    }
}
.what__content h2{
    font-size: 80px;
    line-height: 80px;
    font-weight: 400;
    color: #FFFFFF;
    height: fit-content;
    position: relative;
    z-index: 9;
    @media(min-width: 1921px){
        font-size: 4.1vw;
        line-height: 4.1vw;
    }
    @media(max-width: 1900px){
        font-size: 4.1vw;
        line-height: 4.1vw;
    }
    @media(max-width: 768px){
        font-size: 40px;
        line-height: 40px;
    }
}
.what__description{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 730px;
    width: 100%;
    padding-top: 30px;
    @media(min-width: 1921px){
        max-width: 38vw;
        padding-top: 1.56vw;
    }
    @media(max-width: 1900px){
        max-width: 38vw;
        padding-top: 1.56vw;
    }
    @media(max-width: 768px){
        position: relative;
        z-index: 9;
        max-width: 300px;
        padding-top: 20px;
    }
    @media(max-width: 640px){
        padding: 0;
    }
    @media(max-width: 520px){
        max-width: unset;
    }
}
.what__description p{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        font-size: 16px;
    }
    @media(max-width: 424px){
        font-size: 13px;
    }
}
.what__description p b{
    font-size: 32px;
    text-transform: uppercase;
    @media(min-width: 1921px){
        font-size: 1.66vw;
    }
    @media(max-width: 1900px){
        font-size: 1.66vw;
    }
    @media(max-width: 768px){
        font-size: 20px;
    }
    @media(max-width: 424px){
        font-size: 16px;
    }
}
.what__img{
    width: 1276px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    user-select: none;
    pointer-events: none;
    @media(min-width: 1921px){
        width: 66.5vw;
    }
    @media(max-width: 1900px){
        width: 66.5vw;
    }
    @media(max-width: 768px){
        width: 75vw;
        top: unset;
        bottom: 0;
    }
    @media(max-width: 640px){
        width: 65vw;
    }
    @media(max-width: 520px){
        display: none;
    }
}
.what__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}






.hangover, .or, .faq, .community{
    position: relative;
    background-color: #596F0D;
}
.hangover, .hangover .wrapper{
    @media(max-width: 768px){
        min-height: 70vw;
    }
}
.hangover__content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 70px;
    @media(min-width: 1921px){
        padding-top: 3.64vw;
        gap: 1.05vw;
    }
    @media(max-width: 1900px){
        padding-top: 3.64vw;
        gap: 1.05vw;
    }
    @media(max-width: 768px){
        padding: 30px 0;
    }
}
.hangover__content h2{
    font-size: 220px;
    line-height: 220px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 11.45vw;
        line-height: 11.45vw;
    }
    @media(max-width: 1900px){
        font-size: 11.45vw;
        line-height: 11.45vw;
    }
}
.hangover__content p{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    max-width: 840px;
    width: 100%;
    @media(min-width: 1921px){
        font-size: 1.35vw;
        max-width: 43.75vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
        max-width: 43.75vw;
    }
    @media(max-width: 768px){
        font-size: 16px;
        max-width: 50vw;
    }
    @media(max-width: 640px){
        font-size: 14px;
        max-width: 70vw;
        padding-bottom: 40vw;
    }
    @media(max-width: 424px){
        font-size: 13px;
    }
}
.hangover__img{
    position: absolute;
    bottom: 0;
    left: 110px;
    width: 1520px;
    z-index: 10;
    @media(min-width: 1921px){
        left: 5.7vw;
        width: 79vw;
    }
    @media(max-width: 1900px){
        left: 5.7vw;
        width: 79vw;
    }
    @media(max-width: 640px){
        left: unset;
        right: 0;
    }
}
.hangover__img-bg{
    position: absolute;
    bottom: 0;
    left: 1290px;
    width: 560px;
    z-index: 3;
    @media(min-width: 1921px){
        left: 67vw;
        width: 29vw;
    }
    @media(max-width: 1900px){
        left: 67vw;
        width: 29vw;
    }
    @media(max-width: 640px){
        display: none;
    }
}
.hangover__img img, .hangover__img-bg img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.hangover__img-text{
    position: absolute;
    bottom: 202px;
    left: 226px;
    font-size: 55px;
    line-height: 120%;
    font-weight: 700;
    color: #FFFFFF;
    max-width: 640px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    z-index: 11;
    @media(min-width: 1921px){
        left: 11.77vw;
        bottom: 10.5vw;
        max-width: 33.3vw;
        font-size: 2.86vw;
    }
    @media(max-width: 1900px){
        left: 11.77vw;
        bottom: 10.5vw;
        max-width: 33.3vw;
        font-size: 2.86vw;
    }
    @media(max-width: 640px){
        left: 25vw;
    }
}

.or{
    @media(max-width: 768px){
        padding: 30px 0;
    }
}
.or__bg-left, .or__bg-right, .faq__bg-left, .faq__bg-right{
    position: absolute;
    bottom: 0;
    user-select: none;
    pointer-events: none;
    z-index: 1;
    width: 800px;
    @media(min-width: 1921px){
        width: 41.6vw;
    }
    @media(max-width: 1900px){
        width: 41.6vw;
    }
}
.or__bg-left, .or__bg-right{
    @media(max-width: 768px){
        display: none;
    }
}
.or__bg-left img, .or__bg-right img, .faq__bg-left img, .faq__bg-right img{
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.or__bg-left, .faq__bg-left{
    left: 0;
}
.or__bg-right, .faq__bg-right{
    right: 0;
}
.or__content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-top: 70px;
    @media(min-width: 1921px){
        gap: 1.05vw;
        padding-top: 3.65vw;
    }
    @media(max-width: 1900px){
        gap: 1.05vw;
        padding-top: 3.65vw;
    }
    @media(max-width: 768px){
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
}
.or__col{
    display: flex;
    flex-direction: column;
    gap: 70px;
    width: 100%;
    @media(min-width: 1921px){
        gap: 3.65vw;
    }
    @media(max-width: 1900px){
        gap: 3.65vw;
    }
    @media(max-width: 768px){
        flex-direction: row;
        justify-content: space-between;
        gap: 20px;
    }
    @media(max-width: 480px){
        flex-direction: column;
        gap: 0;
    }
}
.or__left-title{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 140px;
    line-height: 126px;
    font-weight: 400;
    color: #FF6400;
    text-align: right;
    @media(min-width: 1921px){
        font-size: 7.29vw;
        line-height: 6.56vw;
    }
    @media(max-width: 1900px){
        font-size: 7.29vw;
        line-height: 6.56vw;
    }
    @media(max-width: 768px){
        font-size: 10vw;
        line-height: 9vw;
        padding-top: 20px;
    }
    @media(max-width: 480px){
        text-align: left;
        font-size: 15vw;
        line-height: 13vw;
    }
}
.or__right-title{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 140px;
    line-height: 126px;
    font-weight: 400;
    color: #FF6400;
    @media(min-width: 1921px){
        font-size: 7.29vw;
        line-height: 6.56vw;
    }
    @media(max-width: 1900px){
        font-size: 7.29vw;
        line-height: 6.56vw;
    }
    @media(max-width: 768px){
        font-size: 10vw;
        line-height: 9vw;
        padding-top: 20px;
    }
    @media(max-width: 480px){
        font-size: 15vw;
        line-height: 13vw;
    }
}
.or__img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    @media(max-width: 768px){
        max-width: 600px;
        margin: 0 auto;
    }
}
.or__img img{
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.or__text-left{
    font-family: 'Play', sans-serif;
    font-size: 24px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    padding: 60px;
    background-image: url("/assets/images/or-bg-text-left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    @media(min-width: 1921px){
        font-size: 1.25vw;
        padding: 3.125vw;
    }
    @media(max-width: 1900px){
        font-size: 1.25vw;
        padding: 3.125vw;
    }
    @media(max-width: 768px){
        width: 55vw;
        padding: 6.25vw;
        font-size: 2.5vw;
    }
    @media(max-width: 480px){
        width: 100%;
        font-size: 5vw;
        padding: 10vw;
    }
}
.or__text-right{
    display: flex;
    flex-direction: column;
    gap: 40px;
    font-family: 'Play', sans-serif;
    font-size: 24px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    padding: 60px;
    background-image: url("/assets/images/or-bg-text-right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    @media(min-width: 1921px){
        gap: 2.08vw;
        font-size: 1.25vw;
        padding: 3.125vw;
    }
    @media(max-width: 1900px){
        gap: 2.08vw;
        font-size: 1.25vw;
        padding: 3.125vw;
    }
    @media(max-width: 768px){
        width: 55vw;
        gap: 4vw;
        font-size: 2.5vw;
        padding: 6.25vw;
    }
    @media(max-width: 480px){
        width: 100%;
        font-size: 5vw;
        padding: 10vw;
    }
}
.tokenomics{
    position: relative;
    min-height: 55.6vw;
}
.tokenomics .wrapper{
    min-height: 55.6vw;
}
.tokenomics__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.tokenomics__bg img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.tokenomics__img{
    position: absolute;
    top: 100px;
    left: 130px;
    width: 1440px;
    @media(min-width: 1921px){
        top: 5.2vw;
        left: 6.8vw;
        width: 75vw;
    }
    @media(max-width: 1900px){
        top: 5.2vw;
        left: 6.8vw;
        width: 75vw;
    }
}
.tokenomics__img img{
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.tokenomics__content{
    position: relative;
    z-index: 9;
    padding-top: 162px;
    width: 720px;
    margin: 0 60px 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    @media(min-width: 1921px){
        padding-top: 8.44vw;
        width: 37.5vw;
        margin: 0 3.125vw 0 auto;
        gap: 1.05vw;
    }
    @media(max-width: 1900px){
        padding-top: 8.44vw;
        width: 37.5vw;
        margin: 0 3.125vw 0 auto;
        gap: 1.05vw;
    }
    @media(max-width: 768px){
        width: 50vw;
        gap: 2vw;
    }
}
.tokenomics__title{
    font-size: 120px;
    line-height: 120px;
    font-weight: 400;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 6.25vw;
        line-height: 6.25vw;
    }
    @media(max-width: 1900px){
        font-size: 6.25vw;
        line-height: 6.25vw;
    }
    @media(max-width: 768px){
        font-size: 10vw;
        line-height: 9vw;
    }
}
.tokenomics__description{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    @media(min-width: 1921px){
        gap: 1.05vw;
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        gap: 1.05vw;
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        gap: 2vw;
        font-size: 2vw;
    }
}
.tokenomics__list{
    display: flex;
    gap: 50px;
    @media(min-width: 1921px){
        gap: 2.6vw;
    }
    @media(max-width: 1900px){
        gap: 2.6vw;
    }
}
.tokenomics__list-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.list-item__icon{
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    @media(min-width: 1921px){
        width: 5.2vw;
        height: 5.2vw;
    }
    @media(max-width: 1900px){
        width: 5.2vw;
        height: 5.2vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.list-item__icon svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.list-item__link{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    color: #FFFFFF;
    transition: .3s ease-in-out;
    @media(min-width: 1921px){
        font-size: 3.125vw;
        line-height: 3.125vw;
    }
    @media(max-width: 1900px){
        font-size: 3.125vw;
        line-height: 3.125vw;
    }
    @media(max-width: 768px){
        font-size: 5vw;
        line-height: 5vw;
    }
}
.list-item__link:hover{
    color: #FE4D00;
}
.list-item__description{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        font-size: 2vw;
    }
}
.roadmap{
    position: relative;
    @media(max-width: 768px){
        background-color: #FDA112;
        padding: 0 0 60px;
    }
}
.roadmap__bg-left{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    @media(max-width: 768px){
        display: none;
    }
}
.roadmap__bg-left img, .roadmap__bg-right img{
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.roadmap__bg-right{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 1010px;
    @media(min-width: 1921px){
        width: 52.3vw;
    }
    @media(max-width: 1900px){
        width: 52.6vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.roadmap__img{
    position: absolute;
    top: 198px;
    left: 70px;
    width: 1800px;
    z-index: 3;
    @media(min-width: 1921px){
        top: 10.3vw;
        left: 3.65vw;
        width: 93.75vw;
    }
    @media(max-width: 1900px){
        top: 10.3vw;
        left: 3.65vw;
        width: 93.75vw;
    }
    @media(max-width: 768px){
        display: none;
    }
}
.roadmap__img img{
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.roadmap__content{
    padding-top: 70px;
    @media(min-width: 1921px){
        padding-top: 3.65vw;
    }
    @media(max-width: 1900px){
        padding-top: 3.65vw;
    }
}
.roadmap__title{
    font-size: 220px;
    line-height: 220px;
    font-weight: 400;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 11.45vw;
        line-height: 11.45vw;
    }
    @media(max-width: 1900px){
        font-size: 11.45vw;
        line-height: 11.45vw;
    }
    @media(max-width: 768px){
        margin-bottom: 30px;
    }
}
.roadmap__steps{
    @media(max-width: 768px){
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
}
.roadmap__steps-item{
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 430px;
    color: #FFFFFF;
    @media(min-width: 1921px){
        gap: 0.5vw;
        width: 22.4vw;
    }
    @media(max-width: 1900px){
        gap: 0.5vw;
        width: 22.4vw;
    }
    @media(max-width: 768px){
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        max-width: 600px;
        width: 100%;
        gap: 0;
    }
}
.steps-item__phase{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 26px;
    line-height: 120%;
    font-weight: 400;
    @media(min-width: 1921px){
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        font-size: 16px;
        margin-bottom: 5px;
    }
}
.steps-item__title{
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    text-transform: uppercase;
    @media(min-width: 1921px){
        font-size: 3.125vw;
        line-height: 3.125vw;
    }
    @media(max-width: 1900px){
        font-size: 3.125vw;
        line-height: 3.125vw;
    }
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 10px;
    }
}
.steps-item__text{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    @media(min-width: 1921px){
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        font-size: 16px;
    }
}
#roadmapStep-1{
    top: 310px;
    left: 70px;
    @media(min-width: 1921px){
        top: 16.15vw;
        left: 3.65vw;
    }
    @media(max-width: 1900px){
        top: 16.15vw;
        left: 3.65vw;
    }
    @media(max-width: 768px){
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
    }
}
#roadmapStep-2{
    bottom: 162px;
    left: 370px;
    @media(min-width: 1921px){
        bottom: 8.44vw;
        left: 19.3vw;
    }
    @media(max-width: 1900px){
        bottom: 8.44vw;
        left: 19.3vw;
    }
    @media(max-width: 768px){
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
    }
}
#roadmapStep-3{
    top: 70px;
    right: 520px;
    @media(min-width: 1921px){
        top: 3.65vw;
        right: 27vw;
    }
    @media(max-width: 1900px){
        top: 3.65vw;
        right: 27vw;
    }
    @media(max-width: 768px){
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
    }
}
#roadmapStep-4{
    bottom: 354px;
    right: 70px;
    @media(min-width: 1921px){
        bottom: 18.44vw;
        right: 3.65vw;
    }
    @media(max-width: 1900px){
        bottom: 18.44vw;
        right: 3.65vw;
    }
    @media(max-width: 768px){
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
    }
}
#roadmapStep-5{
    bottom: 100px;
    right: 367px;
    @media(min-width: 1921px){
        bottom: 5.2vw;
        right: 19.1vw;
    }
    @media(max-width: 1900px){
        bottom: 5.2vw;
        right: 19.1vw;
    }
    @media(max-width: 768px){
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
    }
}



.hub{
    position: relative;
    min-height: 55.5vw;
    @media(max-width: 768px){
        background-color: #596F0D;
    }
}
.hub .wrapper{
    min-height: 55.5vw;
}
.hub__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    user-select: none;
    pointer-events: none;
    @media(max-width: 768px){
        display: none;
    }
}
.hub__bg img{
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.hub__content{
    padding-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    @media(min-width: 1921px){
        padding-top: 7.8vw;
    }
    @media(max-width: 1900px){
        padding-top: 7.8vw;
    }
    @media(max-width: 768px){
        padding: 60px 0;
    }
}
.hub__title{
    font-size: 220px;
    line-height: 220px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 40px;
    @media(min-width: 1921px){
        font-size: 11.45vw;
        line-height: 11.45vw;
        margin-bottom: 2.08vw;
    }
    @media(max-width: 1900px){
        font-size: 11.45vw;
        line-height: 11.45vw;
        margin-bottom: 2.08vw;
    }
}
.hub__grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 70px;
    width: 100%;
    margin-bottom: 70px;
    @media(min-width: 1921px){
        gap: 3.65vw;
        margin-bottom: 3.65vw;
    }
    @media(max-width: 1900px){
        gap: 3.65vw;
        margin-bottom: 3.65vw;
    }
    @media(max-width: 768px){
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
.hub__grid-item{
    width: 100%;
    height: auto;
    padding: 70px;
    background-image: url("/assets/images/hub-item-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    @media(min-width: 1921px){
        padding: 3.65vw;
    }
    @media(max-width: 1900px){
        padding: 3.65vw;
    }
    @media(max-width: 768px){
        padding: 6vw;
    }
}
.hub__grid-item p{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        font-size: 2.7vw;
    }
}
.hub__socials{
    display: flex;
    gap: 30px;
    @media(min-width: 1921px){
        gap: 1.56vw;
    }
    @media(max-width: 1900px){
        gap: 1.56vw;
    }
}
.hub__socials-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    @media(min-width: 1921px){
        gap: 1.56vw;
    }
    @media(max-width: 1900px){
        gap: 1.56vw;
    }
}
.hub__socials-item__icon{
    width: 100px;
    height: 100px;
    @media(min-width: 1921px){
        width: 5.2vw;
        height: 5.2vw;
    }
    @media(max-width: 1900px){
        width: 5.2vw;
        height: 5.2vw;
    }
    @media(max-width: 768px){
        width: 10vw;
        height: 10vw;
    }
}
.hub__socials-item__icon svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.hub__socials-item__link{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: .3s ease-in-out;
    @media(min-width: 1921px){
        width: 7.8vw;
        height: 7.8vw;
        border: 0.2vw solid #FFFFFF;
    }
    @media(max-width: 1900px){
        width: 7.8vw;
        height: 7.8vw;
        border: 0.2vw solid #FFFFFF;
    }
    @media(max-width: 768px){
        width: 15vw;
        height: 15vw;
        border: 0.4vw solid #FFFFFF;
    }
}
.hub__socials-item__link:hover{
    background-color: #FFFFFF;
    color: #596F0D;
}
.hub__socials-item__link svg{
    width: 80px;
    height: 80px;
    object-fit: contain;
    object-position: center;
    @media(min-width: 1921px){
        width: 4.17vw;
        height: 4.17vw;
    }
    @media(max-width: 1900px){
        width: 4.17vw;
        height: 4.17vw;
    }
    @media(max-width: 768px){
        width: 8vw;
        height: 8vw;
    }
}
.hub__disclaimer{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 430px;
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    @media(min-width: 1921px){
        bottom: 1.56vw;
        width: 22.4vw;
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        bottom: 1.56vw;
        width: 22.4vw;
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        position: relative;
        left: unset;
        bottom: unset;
        text-align: center;
        margin-top: 30px;
        max-width: 600px;
        width: 100%;
        font-size: 2.7vw;
    }
}
.funless{
    background-color: #EB5A2A;
    position: relative;
}
.funless__bg-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 950px;
    z-index: 0;
    user-select: none;
    pointer-events: none;
    opacity: 50%;
    @media(min-width: 1921px){
        width: 49.5vw;
    }
    @media(max-width: 1900px){
        width: 49.5vw;
    }
}
.funless__bg-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 950px;
    z-index: 0;
    user-select: none;
    pointer-events: none;
    opacity: 50%;
    @media(min-width: 1921px){
        width: 49.5vw;
    }
    @media(max-width: 1900px){
        width: 49.5vw;
    }
}
.funless__bg-top img, .funless__bg-bottom img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.funless__img{
    position: absolute;
    bottom: 0;
    right: 70px;
    width: 940px;
    @media(min-width: 1921px){
        right: 3.65vw;
        width: 49vw;
    }
    @media(max-width: 1900px){
        right: 3.65vw;
        width: 49vw;
    }
    @media(max-width: 768px){
        width: 70vw;
    }
    @media(max-width: 640px){
        display: none;
    }
}
.funless__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.funless__content{
    display: flex;
    justify-content: space-between;
    gap: 115px;
    padding-top: 70px;
    width: 100%;
    @media(min-width: 1921px){
        padding-top: 3.65vw;
        gap: 6vw;
    }
    @media(max-width: 1900px){
        padding-top: 3.65vw;
        gap: 6vw;
    }
    @media(max-width: 768px){
        flex-direction: column;
        gap: 20px;
    }
}
.funless__content-text{
    max-width: 725px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    @media(min-width: 1921px){
        max-width: 37.8vw;
        gap: 1.05vw;
    }
    @media(max-width: 1900px){
        max-width: 37.8vw;
        gap: 1.05vw;
    }
    @media(max-width: 768px){
        max-width: unset;
        gap: 15px;
    }
}
.funless__title{
    font-size: 220px;
    line-height: 198px;
    font-weight: 400;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 11.45vw;
        line-height: 10.3vw;
    }
    @media(max-width: 1900px){
        font-size: 11.45vw;
        line-height: 10.3vw;
    }
}
.funless__description{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    width: 430px;
    @media(min-width: 1921px){
        width: 22.4vw;
        font-size: 1.35vw;
    }
    @media(max-width: 1900px){
        width: 22.4vw;
        font-size: 1.35vw;
    }
    @media(max-width: 768px){
        width: unset;
        font-size: 2.7vw;
    }
}
.funless__content-grid{
    width: 940px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    @media(min-width: 1921px){
        width: 49vw;
    }
    @media(max-width: 1900px){
        width: 49vw;
    }
    @media(max-width: 768px){
        width: 80vw;
        padding-bottom: 10vw;
    }
    @media(max-width: 640px){
        width: 100%;
    }
}
.funless__content-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    @media(min-width: 1921px){
        gap: 0.52vw;
        padding: 2.6vw;
    }
    @media(max-width: 1900px){
        gap: 0.52vw;
        padding: 2.6vw;
    }
    @media(max-width: 768px){
        gap: 1vw;
        padding: 5.2vw;
    }
}
.funless__content-item h3{
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 2.1vw;
        line-height: 2.1vw;
    }
    @media(max-width: 1900px){
        font-size: 2.1vw;
        line-height: 2.1vw;
    }
    @media(max-width: 768px){
        font-size: 4.2vw;
        line-height: 4.2vw;
    }
}
.funless__content-item p{
    font-size: 24px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    @media(min-width: 1921px){
        font-size: 1.25vw;
    }
    @media(max-width: 1900px){
        font-size: 1.25vw;
    }
    @media(max-width: 768px){
        font-size: 2.5vw;
    }
}
.funless__content-item:nth-child(1){
    background-image: url("/assets/images/what-bg-1.png");
}
.funless__content-item:nth-child(2){
    background-image: url("/assets/images/what-bg-2.png");
}
.funless__content-item:nth-child(3){
    background-image: url("/assets/images/what-bg-3.png");
}
.funless__content-item:nth-child(4){
    background-image: url("/assets/images/what-bg-4.png");
}
.funless__content-item:nth-child(5){
    background-image: url("/assets/images/what-bg-5.png");
}






.faq__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    gap: 70px;
    @media(min-width: 1921px){
        gap: 3.65vw;
        padding-top: 3.65vw;
        max-width: 45.8vw;
    }
    @media(max-width: 1900px){
        gap: 3.65vw;
        padding-top: 3.65vw;
        max-width: 45.8vw;
    }
    @media(max-width: 768px){
        max-width: 80vw;
        padding: 60px 0;
    }
    @media(max-width:575px){
        max-width: 100%;
    }
}
.faq__title{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 220px;
    line-height: 198px;
    font-weight: 400;
    color: #F2F2F2;
    text-transform: uppercase;
    @media(min-width: 1921px){
        font-size: 11.45vw;
        line-height: 10.3vw;
    }
    @media(max-width: 1900px){
        font-size: 11.45vw;
        line-height: 10.3vw;
    }

}
.faq__list{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.faq__item{
    padding: 20px 0;
    border-bottom: 1px dashed #F2F2F2;
    @media(min-width: 1921px){
        padding: 1.05vw 0;
    }
    @media(max-width: 1900px){
        padding: 1.05vw 0;
    }
    @media(max-width: 768px){
        padding: 3vw 0;
    }
}
.faq__item-header{
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
    @media(min-width: 1921px){
        gap: 1.05vw;
    }
    @media(max-width: 1900px){
        gap: 1.05vw;
    }
    @media(max-width: 768px){
        gap: 20px;
    }
}
.faq__item-title{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase;
    color: #F2F2F2;
    @media(min-width: 1921px){
        font-size: 2.08vw;
        line-height: 2.08vw;
    }
    @media(max-width: 1900px){
        font-size: 2.08vw;
        line-height: 2.08vw;
    }
    @media(max-width: 768px){
        font-size: 5vw;
        line-height: 5vw;
    }
}
.faq__item-icon{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F2F2F2;
    color: #F2F2F2;
    transition: .3s ease-in-out;
    @media(min-width: 1921px){
        width: 2.81vw;
        height: 2.81vw;
    }
    @media(max-width: 1900px){
        width: 2.81vw;
        height: 2.81vw;
    }
    @media(max-width: 768px){
        width: 8vw;
        height: 8vw;
    }
}
.faq__item-icon svg{
    @media(min-width: 1921px){
        width: 1.35vw;
        height: 1.35vw;
        object-fit: contain;
        object-position: center;
    }
    @media(max-width: 1900px){
        width: 1.35vw;
        height: 1.35vw;
        object-fit: contain;
        object-position: center;
    }
    @media(max-width: 768px){
        flex-shrink: 0;
        width: 6vw;
        height: 6vw;
        object-fit: contain;
        object-position: center;
    }
}
.faq__item-icon:hover{
    background-color: #F2F2F2;
    color: #596F0D;
}
.faq__item-main{
    display: none;
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #F2F2F2;
    padding-top: 10px;
    @media(min-width: 1921px){
        font-size: 1.35vw;
        padding-top: 0.52vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
        padding-top: 0.52vw;
    }
    @media(max-width: 768px){
        font-size: 3vw;
        padding-top: 1.5vw;
    }
}
.faq__item.open .faq__item-main{
    display: flex;
    flex-direction: column;
    gap: 10px;
    @media(min-width: 1921px){
        gap: 0.52vw;
    }
    @media(max-width: 1900px){
        gap: 0.52vw;
    }
}
.faq__item.open .faq__item-icon{
    transform: rotate(180deg);
}

.community__bg{
    width: 1578px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    user-select: none;
    pointer-events: none;
    z-index: 1;
    @media(min-width: 1921px){
        width: 82.2vw;
    }
    @media(max-width: 1900px){
        width: 82.2vw;
    }
}
.community__bg img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.community__content{
    display: flex;
    flex-direction: column;
    padding-top: 70px;
    @media(min-width: 1921px){
        padding-top: 3.65vw;
    }
    @media(max-width: 1900px){
        padding-top: 3.65vw;
    }
    @media(max-width: 768px){
        padding: 5vw 0 15vw;
    }
}
.community__title{
    width: 1180px;
    font-size: 120px;
    line-height: 120px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 70px;
    @media(min-width: 1921px){
        width: 61.45vw;
        font-size: 6.25vw;
        line-height: 6.25vw;
        margin-bottom: 3.65vw;
    }
    @media(max-width: 1900px){
        width: 61.45vw;
        font-size: 6.25vw;
        line-height: 6.25vw;
        margin-bottom: 3.65vw;
    }
    @media(max-width: 768px){
        width: 100%;
        margin-bottom: 10px;
    }
}
.community__socials-text{
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 40px;
    @media(min-width: 1921px){
        font-size: 1.35vw;
        margin-bottom: 2.08vw;
    }
    @media(max-width: 1900px){
        font-size: 1.35vw;
        margin-bottom: 2.08vw;
    }
    @media(max-width: 768px){
        font-size: 2.7vw;
        margin-bottom: 20px;
    }
}
.community__socials-grid{
    display: flex;
    gap: 30px;
    @media(min-width: 1921px){
        gap: 1.56vw;
    }
    @media(max-width: 1900px){
        gap: 1.56vw;
    }
}
.community__socials-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    @media(min-width: 1921px){
        gap: 1.56vw;
    }
    @media(max-width: 1900px){
        gap: 1.56vw;
    }
}
.community__socials-item__icon{
    width: 80px;
    height: 80px;
    @media(min-width: 1921px){
        width: 4.2vw;
        height: 4.2vw;
    }
    @media(max-width: 1900px){
        width: 4.2vw;
        height: 4.2vw;
    }
    @media(max-width: 768px){
        width: 8vw;
        height: 8vw;
    }
}
.community__socials-item__icon svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.community__socials-item__link{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: .3s ease-in-out;
    @media(min-width: 1921px){
        width: 6.25vw;
        height: 6.25vw;
        border: 0.3vw solid #FFFFFF;
    }
    @media(max-width: 1900px){
        width: 6.25vw;
        height: 6.25vw;
        border: 0.3vw solid #FFFFFF;
    }
    @media(max-width: 768px){
        width: 10vw;
        height: 10vw;
        border: 0.4vw solid #FFFFFF;
    }
}
.community__socials-item__link:hover{
    background-color: #FFFFFF;
    color: #596F0D;
}
.community__socials-item__link svg{
    width: 64px;
    height: 64px;
    object-fit: contain;
    object-position: center;
    @media(min-width: 1921px){
        width: 3.3vw;
        height: 3.3vw;
    }
    @media(max-width: 1900px){
        width: 3.3vw;
        height: 3.3vw;
    }
    @media(max-width: 768px){
        width: 6vw;
        height: 6vw;
    }
}
.community__disclaimer{
    max-width: 730px;
    width: 100%;
    font-size: 18px;
    line-height: 140%;
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 80px;
    @media(min-width: 1921px){
        max-width: 38vw;
        font-size: 0.94vw;
        margin-top: 4.2vw;
    }
    @media(max-width: 1900px){
        max-width: 38vw;
        font-size: 0.94vw;
        margin-top: 4.2vw;
    }
    @media(max-width: 768px){
        font-size: 2vw;
        max-width: 45vw;
    }
}