html {
    overscroll-behavior: none;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: gray transparent
}

html ::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

html ::-webkit-scrollbar-track {
    background-color: transparent
}

html ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    width: 8px;
    background-color: gray
}

.text-wrap-pretty {
    text-wrap: pretty
}

.text-decoration-none {
    text-decoration: none
}

@media screen and (max-width:864px) {
    :root:root:root .connect-with-us-layout {
        display: flex;
        flex-direction: column
    }
}

@keyframes cloud-float-animation {
    0% {
        transform: translateY(-8px)
    }
    50% {
        transform: translateY(8px)
    }
    to {
        transform: translateY(-8px)
    }
}

@keyframes token-rotate-animation {
    0% {
        transform: rotate(-22deg)
    }
    to {
        transform: rotate(22deg)
    }
}

.layout-animation-ease-in-ease-out * {
    transition: all .3s ease-in-out
}

.layout-animation-linear * {
    transition: all .5s linear
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hidden ::-webkit-scrollbar {
    display: none
}

.last-child-flex-end:last-child {
    justify-content: flex-end
}

.first-child-flex-grow-0:first-child {
    flex-grow: 0
}