.hamb-menu .hamb-menu-inner,
.hamb-menu .hamb-menu-inner .hamb-link {
    width: 100%;
    height: auto;
}
.drop-down {
    width: auto;
    height: auto;
}
.hamb-menu {
    width: 100%;
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
}
*,
*:before,
*:after {
    box-sizing: inherit;
    outline: none;
    -webkit-touch-callout: none;
    font-family: Geist;
}
:focus {
    outline: none;
}
::-moz-focus-inner {
    border: 0;
}
a {
    color: inherit;
    outline: none;
    pointer-events: auto;
    text-decoration: none;
}
button {
    background: none;
    border: none;
    border-radius: none;
    color: inherit;
    outline: none;
    cursor: pointer;
}
video,
img {
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}
input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    pointer-events: auto;
}
:root {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-optical-sizing: auto;
}
html {
    box-sizing: border-box;
    overscroll-behavior: none;
    font-size: 0.5208333333vw !important;
}
@media only screen and (max-width: 1024px) {
    html {
        font-size: 0.9765625vw !important;
    }
}
@media only screen and (max-width: 482px) {
    html {
        font-size: 2.0746887967vw !important;
    }
}
body {
    overscroll-behavior: none;
    font-weight: 400;
    width: 100%;
    min-height: 100vh;
    background-color: #040711;
    color: #fff;
    overflow-x: hidden;
}
[data-animation='text'] {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-animation='text'] span {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    transform-origin: center;
}
[data-animation='text'].reveal {
    opacity: 1 !important;
}
@font-face {
    font-family: Geist;
    src:
        url(../fonts/g.woff2) format('woff2'),
        url(../fonts/g.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Geist;
    src:
        url(../fonts/gb.woff2) format('woff2'),
        url(../fonts/gb.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Geist;
    src:
        url(../fonts/gl.woff2) format('woff2'),
        url(../fonts/gl.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Texturina;
    src:
        url(../fonts/tm.woff2) format('woff2'),
        url(../fonts/tm.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Texturina;
    src:
        url(../fonts/tmi.woff2) format('woff2'),
        url(../fonts/tmi.woff) format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
::-webkit-scrollbar {
    display: none;
}
.container {
    width: 100%;
    height: auto;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width: 1024px) {
    .container {
        max-width: 95%;
    }
}
@media only screen and (max-width: 482px) {
    .container {
        max-width: 90%;
    }
}
.container-second {
    width: 100%;
    height: auto;
    max-width: 95%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width: 1024px) {
    .container-second {
        max-width: 95%;
    }
}
@media only screen and (max-width: 482px) {
    .container-second {
        max-width: 90%;
    }
}
footer,
section {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
footer .bg,
section .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
footer .bg img,
section .bg img {
    width: 100%;
    height: 100%;
}
footer .bg img.image-mobile,
section .bg img.image-mobile {
    display: none;
}
.pt-10 {
    padding-top: 10rem;
}
.pt-4 {
    padding-top: 4.95rem !important;
}
.pt-5 {
    padding-top: 5rem !important;
}
.pb-10 {
    padding-bottom: 10rem;
}
@media only screen and (max-width: 482px) {
    section .bg:has(.image-mobile) img {
        display: none;
    }
    section .bg:has(.image-mobile) img.image-mobile {
        display: block !important;
    }
    .pb-10 {
        padding-bottom: 5rem;
    }
    .pt-10 {
        padding-top: 5rem;
    }
}
.bg-white .link-outline .link-wrapper-top {
    background: #fff;
}
.overlay {
    position: relative;
}
.overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000040;
    z-index: 0;
}
.link-rounded,
.link,
.button {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: no-wrap;
    display: inline-flex !important;
    gap: 1rem;
    position: relative;
    transition: all 0.5s ease;
}
@media only screen and (max-width: 482px) {
    .link-rounded,
    .link,
    .button {
        font-size: 1.6rem;
    }
}
.link-rounded .sm,
.link .sm,
.button .sm {
    font-size: 1.25rem;
}
.link-sm {
    font-size: 1.5rem;
}
.link {
    line-height: 1.5;
}
.link:after {
    width: 100%;
    height: 1px;
    position: absolute;
    content: '';
    background: currentColor;
    bottom: -0.25rem;
    left: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.link:hover:after {
    transform-origin: left;
    transform: scaleX(1);
}
.link.active:after {
    transform: scaleX(1);
}
.link.active:hover:after {
    transform: scaleX(0);
}
.link.none:after {
    display: none;
}
.link-rounded {
    border-radius: 15px;
    overflow: hidden;
}
.link-rounded .link-wrapper,
.link-rounded .link-wrapper-top {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 1rem;
    position: relative;
    padding: 1.2rem 3rem;
    transition: transform 0.7s cubic-bezier(0.3, 1, 0.3, 1);
    border-radius: 15px;
}
.link-rounded .link-wrapper .link-box,
.link-rounded .link-wrapper-top .link-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
    overflow: hidden;
}
.link-rounded .link-wrapper .link-box span,
.link-rounded .link-wrapper-top .link-box span {
    transition: transform 0.4s ease;
    line-height: 1.2;
}
.link-rounded .link-wrapper .icon,
.link-rounded .link-wrapper-top .icon {
    width: 1.25rem;
}
.link-rounded .link-wrapper {
    transform: scale(0.8);
    transition-delay: 0.5s;
}
.link-rounded .link-wrapper .link-box span {
    transform: translateY(100%);
}
.link-rounded .link-wrapper-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: translateY(0);
}
.link-rounded:hover .link-wrapper {
    transition: none;
    transform: scale(1);
}
.link-rounded:hover .link-wrapper .link-box span {
    transform: translateY(0);
}
.link-rounded:hover .link-wrapper-top,
.link-rounded:hover .link-wrapper-top .link-box span {
    transform: translateY(-100%);
}
.link-rounded {
    font-size: 1.8rem;
}
.link-rounded .link-wrapper-top {
    background: #0903a6;
    color: #2ef297;
}
.link-rounded .link-wrapper {
    background: #fff;
    color: #04091a;
}
p {
    font-size: 2rem;
    line-height: 1.5;
}
b,
.bold {
    font-weight: 600;
}
h1 {
    font-size: 9.6rem;
    font-weight: 400;
    line-height: 1.1;
    overflow-y: hidden;
}
h1 span {
    font-style: normal !important;
    font-family: Geist;
}
h1 span:first-child {
    padding-bottom: 10px !important;
    padding-right: 0 !important;
}
h2 {
    font-size: 6.8rem;
    line-height: 1.1;
    font-weight: 400;
}
h2 span {
    font-family: Geist;
}
h3 {
    font-size: 3.2rem;
    line-height: 1.3;
    font-weight: 400;
}
h3 span {
    font-family: Geist;
}
.grad-text {
    background-image: linear-gradient(to right, #0903a6, #0903a640, #0903a6, #0903a640, #2ef297, #2ef29740);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    animation: gradient 21s linear infinite;
}
ul,
ol {
    list-style: disc;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 1rem;
}
ul li,
ol li {
    font-size: 2rem;
    line-height: 1.5;
}
ol {
    list-style: decimal;
}
@keyframes gradient {
    0%,
    to {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}
@media only screen and (max-width: 830px) {
    br {
        display: none;
    }
    h1 {
        font-size: 5.5rem;
    }
    h2 {
        font-size: 4.8rem;
    }
}
.link-bg,
.link {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25;
}
.link-bg {
    background: #000;
    color: #fff;
    padding: 1.25rem 3rem;
}
.drop-down {
    position: relative;
}
.drop-down .drop-down-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: no-wrap;
    width: max-content;
    position: absolute;
    top: 100%;
    right: 0;
    background: #000;
    color: #fff;
    transition: opacity 0.2s ease;
    opacity: 0;
    visibility: hidden;
}
.drop-down .drop-down-content .dd-btn {
    font-size: 1.6rem;
    padding: 1.5rem 3.5rem;
}
.drop-down:hover .drop-down-content {
    opacity: 1;
    visibility: visible;
}
.accordions {
    width: 100%;
    height: auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    gap: 2rem;
}
.accordions .accordion {
    width: 100%;
    height: auto;
    border: 0.5px solid #0903a6;
    border-radius: 2rem;
    position: relative;
}
.accordions .accordion .accordion-trigger {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: no-wrap;
    padding: 3rem 5rem;
    cursor: pointer;
    text-transform: uppercase;
}
.accordions .accordion .accordion-trigger .icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
    transition: transform 0.2s ease;
    position: relative;
}
.accordions .accordion .accordion-trigger .icon .divider {
    width: 1px;
    height: 1.5rem;
    background: #2ef297;
    position: absolute;
    transition: all 0.5s ease;
}
.accordions .accordion .accordion-trigger .icon .divider:first-child {
    transform: rotate(90deg);
}
.accordions .accordion .accordion-trigger:hover .icon {
    transform: rotate(180deg);
}
.accordions .accordion .accordion-content {
    width: 100%;
    height: auto;
    max-height: 0;
    opacity: 0;
    transition: all 0.5s ease;
    overflow: hidden;
}
.accordions .accordion .accordion-content .accordion-content-inner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    gap: 2rem;
    padding: 0 5rem 5rem;
}
.accordions .accordion .accordion-content .accordion-content-inner .table {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
}
.accordions .accordion .accordion-content .accordion-content-inner .table .row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: no-wrap;
}
.accordions .accordion .accordion-content .accordion-content-inner .table .row p {
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 482px) {
    .accordions .accordion .accordion-content .accordion-content-inner {
        padding: 2.5rem 0 5rem;
    }
}
.accordions .accordion.active .accordion-trigger .icon .divider:last-child {
    transform: rotate(90deg);
}
.accordions .accordion.active .accordion-content {
    opacity: 1;
}
.accordions[data-tab-content] {
    display: none;
}
.accordions[data-tab-content].active {
    display: block;
}
@media only screen and (max-width: 482px) {
    .accordions {
        width: 100%;
    }
    .accordions .accordion .accordion-trigger {
        padding: 2rem;
    }
    .accordions .accordion .accordion-trigger .icon .divider {
        width: 1px;
    }
    .accordions .accordion .accordion-content .accordion-content-inner {
        padding: 2rem;
    }
}
.footer .container-second {
    width: 100%;
    height: auto;
}
.footer .container-second .round-shape {
    width: 100%;
    height: auto;
    border-radius: 5rem;
    background: #04091a;
    padding: 15rem 15rem 20rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: no-wrap;
}
.footer .container-second .round-shape .footer-description {
    flex: 0 0 40%;
    max-width: 40%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    gap: 5rem;
}
.footer .container-second .round-shape .footer-description p {
    width: 70%;
}
.footer .container-second .round-shape .footer-description .links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 2rem;
}
.footer .container-second .round-shape .footer-description .links img {
    width: 2.5rem;
    height: auto;
}
.footer .container-second .round-shape .footer-links-wrapper {
    flex: 0 0 55%;
    max-width: 55%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: no-wrap;
    gap: 3rem;
}
.footer .container-second .round-shape .footer-links-wrapper .footer-links {
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    gap: 3rem;
}
.footer .container-second .round-shape .footer-links-wrapper .footer-links .link-heading {
    color: #2ef297;
}
.footer .container-second .round-shape .footer-links-wrapper .footer-links .links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    gap: 1rem;
    font-size: 2rem;
}
.footer .container-second .footer-down {
    padding: 3rem 15rem;
    font-size: 1.8rem;
    color: #2ef297;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: no-wrap;
}
.footer.footer-sec .container-second .round-shape {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: no-wrap;
}
.footer.footer-sec .container-second .round-shape .links {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 2rem;
}
.footer.footer-sec .container-second .round-shape .links .link-rounded {
    margin-left: 5rem;
}
@media only screen and (max-width: 830px) {
    .footer .container-second .round-shape {
        padding: 10rem 3rem;
        flex-direction: column;
        gap: 5rem;
    }
    .footer .container-second .round-shape .footer-description,
    .footer .container-second .round-shape .footer-links-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
        gap: 3rem;
    }
    .footer .container-second .round-shape .footer-description p,
    .footer .container-second .round-shape .footer-links-wrapper p {
        width: 100%;
    }
    .footer .container-second .round-shape .footer-links-wrapper {
        gap: 0;
        row-gap: 5rem;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .footer .container-second .round-shape .footer-links-wrapper .footer-links {
        flex: 0 0 47%;
        max-width: 47%;
    }
    .footer .container-second .footer-down {
        padding: 2rem 4%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    .footer.footer-sec .container-second {
        margin-top: 10rem;
    }
    .footer.footer-sec .container-second .round-shape {
        flex-direction: column;
        align-items: start;
    }
}
.hamb-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    color: #fff;
    background-color: #040711;
    overflow-y: scroll;
    transition: all 0.6s cubic-bezier(0.3, 1, 0.3, 1);
    transform: translate(100%);
}
.hamb-menu .hamb-menu-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    padding: 15rem 5%;
}
.hamb-menu .hamb-menu-inner .hamb-link {
    font-size: 4rem;
    line-height: 1.25;
    padding: 2rem 0;
    border-bottom: 1px solid currentColor;
}
.hamb-menu.active {
    transform: translate(0);
    opacity: 1 !important;
}
.navbar {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    z-index: 10;
    width: 100%;
}
.navbar .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: no-wrap;
    padding: 5rem 0 2rem;
}
.navbar .container .logo img {
    width: 15rem;
    height: auto;
}
.navbar .container .navbar-links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 2rem;
}
.navbar .container .hamb-btn {
    display: none;
}
@media only screen and (max-width: 482px) {
    .navbar .container .navbar-links {
        display: none;
    }
    .navbar .container .hamb-btn {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .navbar .container .hamb-btn .divider {
        height: 1px;
        width: 3rem;
        background: #fff;
        transition: all 0.3s ease;
    }
    .navbar .container .hamb-btn.active .divider:nth-child(1) {
        transform: rotate(45deg) translateY(0.5rem) translate(0.5rem);
    }
    .navbar .container .hamb-btn.active .divider:nth-child(2) {
        transform: rotate(-45deg) translateY(-0.3rem) translate(0.4rem);
    }
}
.banner {
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
}
.banner .content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: no-wrap;
    gap: 3rem;
    padding: 0 0 10rem 20rem;
}
.banner .content h2 {
    width: 46%;
}
.banner .content p {
    font-size: 1.8rem;
}
.banner .content a {
    color: #2ef297;
}
.bio .container-second {
    padding: 15rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: no-wrap;
    gap: 10rem;
}
.bio .container-second h2 {
    width: 45%;
    text-align: end;
}
.bio .container-second .bio-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    flex-wrap: no-wrap;
}
.bio .container-second .bio-content .bio-card {
    flex: 0 0 24%;
    max-width: 24%;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(9, 3, 166, 0.2509803922);
    -moz-box-shadow: 0px 0px 150px 0px rgba(9, 3, 166, 0.2509803922);
    box-shadow: 0 0 150px #0903a640;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}
.bio .container-second .bio-content .bio-card figure {
    height: 55rem;
    width: 100%;
}
.bio .container-second .bio-content .bio-card figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.bio .container-second .bio-content .bio-card .inner-content {
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    z-index: 1;
}
.bio .container-second .bio-content .bio-card .inner-content h3 {
    width: 50%;
    text-transform: uppercase;
}
.bio .container-second .bio-content .bio-card:nth-of-type(2) {
    margin-top: 15rem;
}
.bio .container-second .bio-content .bio-card:nth-of-type(3) {
    margin-top: 30rem;
}
.bio .container-second .bio-content .bio-card:nth-of-type(4) {
    margin-top: 45rem;
}
.pin .container {
    padding: 15rem 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 10rem;
}
.pin .container h2 {
    width: 45%;
}
.pin .container .pin-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    row-gap: 4rem;
}
.pin .container .pin-content .pin-card {
    flex: 0 0 24%;
    max-width: 24%;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(9, 3, 166, 0.2509803922);
    -moz-box-shadow: 0px 0px 150px 0px rgba(9, 3, 166, 0.2509803922);
    box-shadow: 0 0 150px #0903a640;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}
.pin .container .pin-content .pin-card figure {
    height: 55rem;
    width: 100%;
}
.pin .container .pin-content .pin-card figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.pin .container .pin-content .pin-card .inner-content {
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    z-index: 1;
}
.pin .container .pin-content .pin-card .inner-content h3 {
    text-transform: uppercase;
}
.pin .container .pin-content .pin-card.big-pin-card {
    flex: 0 0 49.5%;
    max-width: 49.5%;
    width: 100%;
    height: auto;
}
.world {
    padding: 15rem 0;
}
.world .container-second {
    min-height: calc(var(--vh, 1vh) * 100);
}
.world .container-second .bg {
    z-index: 5;
    width: 60%;
    transform: translate(-50%);
    left: 50%;
    position: relative;
}
.world .container-second .bg .layer {
    height: 70%;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 4px 60px 25px #0903a6;
}
.world .container-second .bg .layer:after {
    content: '';
    height: 109%;
    width: 109%;
    position: absolute;
    top: -4%;
    left: -5%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
    border: 1px dashed #535353;
    animation: circle 120s infinite linear;
}
.world .container-second .content {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 3rem;
    text-align: center;
}
.world .container-second .content .big-title {
    font-weight: 600;
    line-height: 0.7;
}
.world .container-second .content .small-title {
    font-weight: 300;
}
.faq .container-second {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 5rem;
}
.simplified .container {
    padding: 15rem 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 10rem;
}
.simplified .container .nft-flow {
    height: 80vh;
    position: relative;
    width: 100%;
}
.simplified .container .nft-flow .icon {
    border-radius: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.simplified .container .nft-flow .icon img {
    width: 13rem;
    height: auto;
}
.simplified .container .nft-flow .icon.k {
    top: 5%;
    transform: translate(-50%, -5%);
}
.simplified .container .nft-flow .icon.infinity {
    top: 95%;
    transform: translate(-50%, -95%);
}
.simplified .container .nft-flow .icon.controller-1 {
    left: 20%;
    transform: translate(-20%, -50%);
}
.simplified .container .nft-flow .icon.controller-2 {
    left: 80%;
    transform: translate(-80%, -50%);
}
.simplified .container .nft-flow .big-info,
.simplified .container .nft-flow .small-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
}
.simplified .container .nft-flow .big-info p,
.simplified .container .nft-flow .small-info p {
    width: 70%;
    text-align: center;
    text-transform: uppercase;
}
.simplified .container .nft-flow .big-info.controller-to-user-1,
.simplified .container .nft-flow .small-info.controller-to-user-1 {
    left: 34%;
    top: 43%;
    transform: translate(-34%, -43%);
}
.simplified .container .nft-flow .big-info.controller-to-user-2,
.simplified .container .nft-flow .small-info.controller-to-user-2 {
    left: 66%;
    top: 43%;
    transform: translate(-66%, -43%);
}
.simplified .container .nft-flow .big-info.controller-1-info,
.simplified .container .nft-flow .small-info.controller-1-info {
    left: 10%;
    top: 50%;
    transform: translate(-10%, -50%);
}
.simplified .container .nft-flow .big-info.controller-2-info,
.simplified .container .nft-flow .small-info.controller-2-info {
    left: 90%;
    top: 50%;
    transform: translate(-90%, -50%);
}
.simplified .container .nft-flow .big-info.infinity-info,
.simplified .container .nft-flow .small-info.infinity-info {
    left: 49%;
    top: 101%;
    transform: translate(-49%, -101%);
}
.simplified .container .nft-flow .small-info p {
    font-size: 1.4rem;
}
.simplified .container .nft-flow .small-info.k-to-user-1 {
    top: 31%;
    left: 46%;
    transform: translate(-46%, -31%);
}
.simplified .container .nft-flow .small-info.k-to-user-2 {
    top: 31%;
    left: 55%;
    transform: translate(-55%, -31%);
}
.simplified .container .nft-flow .small-info.contoller-to-infinity {
    top: 85%;
    left: 33%;
    transform: translate(-33%, -85%);
}
.simplified .container .nft-flow .small-info.contoller-to-infinity p {
    width: 100%;
}
.simplified .container .nft-flow .linking {
    border: 1px dashed transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.simplified .container .nft-flow .linking.k-to-controller-link {
    width: 23%;
    top: 12%;
    left: 29%;
    transform: translate(-29%, -12%);
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(180deg, #0903a6, #0903a6) border-box;
    mask: repeating-linear-gradient(90deg, transparent 0 8px, black 8px 20px);
    animation: k-to-controller-link 5s infinite;
}
.simplified .container .nft-flow .linking.k-to-controller-link-2 {
    width: 11%;
    top: 25%;
    left: 19%;
    transform: translate(-19%, -25%) rotate(90deg);
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #0903a6, #2ef297) border-box;
    mask: repeating-linear-gradient(90deg, transparent 0 8px, black 8px 20px);
    animation: k-to-controller-link-reverse 5s infinite;
}
.simplified .container .nft-flow .linking.k-to-user-1-link,
.simplified .container .nft-flow .linking.k-to-user-2-link {
    width: 7%;
    top: 30%;
    left: 49%;
    transform: translate(-49%, -30%) rotate(90deg);
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #0903a6, #2ef297) border-box;
    mask: repeating-linear-gradient(90deg, transparent 0 8px, black 8px 20px);
    animation: k-to-controller-link 5s infinite;
}
.simplified .container .nft-flow .linking.k-to-user-2-link {
    left: 51%;
    transform: translate(-51%, -30%) rotate(90deg);
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #2ef297, #0903a6) border-box;
    animation: k-to-controller-link-reverse 5s infinite;
}
.simplified .container .nft-flow .linking.controller-to-user-1-link,
.simplified .container .nft-flow .linking.controller-to-user-2-link {
    width: 18%;
    left: 32.5%;
    transform: translate(-32.5%, -50%);
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(180deg, #0903a6, #0903a6) border-box;
    mask: repeating-linear-gradient(90deg, transparent 0 8px, black 8px 20px);
}
.simplified .container .nft-flow .linking.controller-to-user-2-link {
    left: 66.5%;
    transform: translate(-66.5%, -50%);
}
.simplified .container .nft-flow .linking.controller-to-infinity-link-1,
.simplified .container .nft-flow .linking.controller-to-infinity-link-2,
.simplified .container .nft-flow .linking.infinity-controller-link-1,
.simplified .container .nft-flow .linking.infinity-controller-link-2 {
    width: 11%;
    top: 73%;
    left: 18.9%;
    transform: translate(-18.9%, -73%) rotate(90deg);
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #0903a6, #2ef297) border-box;
    mask: repeating-linear-gradient(90deg, transparent 0 8px, black 8px 20px);
    animation: k-to-controller-link-reverse 5s infinite;
}
.simplified .container .nft-flow .linking.controller-to-infinity-link-2,
.simplified .container .nft-flow .linking.infinity-controller-link-2 {
    width: 23%;
    left: 29%;
    top: 87%;
    transform: translate(-29%, -87%) rotate(0);
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #2ef297, #2ef297) border-box;
}
.simplified .container .nft-flow .linking.infinity-controller-link-1 {
    left: 81.2%;
    transform: translate(-81.2%, -73%) rotate(90deg);
    animation: k-to-controller-link 5s infinite;
}
.simplified .container .nft-flow .linking.infinity-controller-link-2 {
    width: 23.5%;
    left: 70.5%;
    transform: translate(-70.5%, -87%) rotate(0);
}
.simplified .container .flow-img {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
    display: none;
}
.simplified .container .flow-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.team .container {
    max-width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 10rem;
    padding: 15rem 0;
}
.team .container .team-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    flex-wrap: no-wrap;
}
.team .container .team-wrapper .team-card {
    flex: 0 0 31%;
    max-width: 31%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 5rem;
}
.team .container .team-wrapper .team-card figure {
    height: 60rem;
    width: 100%;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
}
.team .container .team-wrapper .team-card figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s 0.8s cubic-bezier(0.6, 0, 0.2, 1);
}
.team .container .team-wrapper .team-card figure img:nth-child(2) {
    opacity: 0;
}
.team .container .team-wrapper .team-card figure .pixel-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
}
.team .container .team-wrapper .team-card figure .pixel-bg .pixel {
    background: #9ac3db;
    opacity: 0;
    height: 6rem;
    width: 10%;
}
.team .container .team-wrapper .team-card figure:hover img:nth-child(1) {
    opacity: 0;
}
.team .container .team-wrapper .team-card figure:hover img:nth-child(2) {
    opacity: 1;
}
.team .container .team-wrapper .team-card figure:hover .pixel-bg .pixel {
    animation: pixel 2s forwards;
}
.team .container .team-wrapper .team-card .content {
    width: 100%;
    padding: 0 5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    flex-wrap: no-wrap;
}
.team .container .team-wrapper .team-card .content .description {
    width: 70%;
}
.team .container .team-wrapper .team-card .content .links {
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 1rem;
}
.team .container .team-wrapper .team-card .content .links img {
    width: 2rem;
    height: auto;
}
.team .container .team-wrapper .team-card:nth-of-type(2) {
    margin-top: 15rem;
}
.team .container .team-wrapper .team-card:nth-of-type(3) {
    margin-top: 30rem;
}
.blog .blog-wrapper {
    padding: 15rem 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 20rem;
}
.blog .blog-wrapper .blog-header {
    padding: 0 20rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: no-wrap;
}
.blog .blog-wrapper .blog-header .btns {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 3rem;
}
.blog .blog-wrapper .blog-header .btns .prev-btn {
    cursor: pointer;
}
.blog .blog-wrapper .blog-header .btns .next-btn {
    transform: rotate(180deg);
    cursor: pointer;
    margin-bottom: 0.5rem;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide {
    width: 30% !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 3rem;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide figure {
    height: 35rem;
    width: 100%;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 2rem;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 3rem;
    width: 100%;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide .slide-content .tags {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 1rem;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide .slide-content .tags .tag {
    padding: 1rem 2rem;
    background-color: #0903a6;
    border-radius: 1rem;
    color: #2ef297;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide .slide-content a {
    color: #2ef297;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide:first-child {
    padding-left: 20rem;
}
.blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide:last-child {
    padding-right: 20rem;
}
@media only screen and (max-width: 830px) {
    .simplified .container {
        padding: 10rem 0 0;
        gap: 5rem;
    }
    .simplified .container .nft-flow {
        display: none;
    }
    .simplified .container .flow-img {
        display: flex;
    }
    .banner .bg {
        height: 50%;
    }
    .banner .content {
        padding: 5rem 5%;
    }
    .banner .content h2 {
        width: 100%;
    }
    .bio .container-second {
        padding: 10rem 0;
        gap: 5rem;
    }
    .bio .container-second h2 {
        width: 100%;
        text-align: left;
    }
    .bio .container-second .bio-content {
        flex-direction: column;
        gap: 3rem;
    }
    .bio .container-second .bio-content .bio-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bio .container-second .bio-content .bio-card:nth-of-type(2),
    .bio .container-second .bio-content .bio-card:nth-of-type(3),
    .bio .container-second .bio-content .bio-card:nth-of-type(4) {
        margin-top: 0;
    }
    .pin .container {
        padding: 10rem 0;
        gap: 5rem;
    }
    .pin .container h2 {
        width: 100%;
    }
    .pin .container .pin-content {
        flex-direction: column;
        gap: 3rem;
    }
    .pin .container .pin-content .pin-card,
    .pin .container .pin-content .pin-card.big-pin-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .world {
        padding: 0;
        padding-bottom: 5rem;
    }
    .world .container-second {
        min-height: calc(var(--vh, 1vh) * 100 / 2);
    }
    .world .container-second .bg {
        width: 130%;
    }
    .world .container-second .bg .layer {
        width: 60%;
        height: 60%;
    }
    .world .container-second .bg .layer:after {
        height: 125%;
        width: 125%;
        top: -13%;
        left: -13%;
    }
    .world .container-second .content {
        width: 96%;
        gap: 3rem;
    }
    .world .container-second .content h1,
    .faq .container-second h1 {
        margin-bottom: -2rem;
    }
    .team .container {
        max-width: 90%;
        padding: 10rem 0;
        gap: 5rem;
    }
    .team .container .team-wrapper {
        flex-direction: column;
        gap: 3rem;
    }
    .team .container .team-wrapper .team-card {
        flex: 0 0 100%;
        max-width: 100%;
        gap: 2rem;
    }
    .team .container .team-wrapper .team-card figure {
        height: 55rem;
    }
    .team .container .team-wrapper .team-card .content {
        padding: 0;
    }
    .team .container .team-wrapper .team-card:nth-of-type(2),
    .team .container .team-wrapper .team-card:nth-of-type(3) {
        margin-top: 0;
    }
    .blog .blog-wrapper {
        padding: 10rem 0;
        gap: 10rem;
    }
    .blog .blog-wrapper .blog-header {
        padding: 0 4%;
    }
    .blog .blog-wrapper .swiper,
    .blog .blog-wrapper .swiper .swiper-wrapper {
        width: 100%;
    }
    .blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide {
        width: 90% !important;
        gap: 2rem;
    }
    .blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide .slide-content {
        gap: 2rem;
    }
    .blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide:first-child {
        padding-left: 0;
    }
    .blog .blog-wrapper .swiper .swiper-wrapper .swiper-slide:last-child {
        padding-right: 0;
    }
}
@keyframes pixel {
    0%,
    to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@keyframes circle {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes k-to-controller-link {
    0% {
        background:
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(90deg, #0903a6, #2ef297) border-box;
    }
    to {
        background:
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(90deg, #2ef297, #0903a6) border-box;
    }
}
@keyframes k-to-controller-link-reverse {
    0% {
        background:
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(90deg, #2ef297, #0903a6) border-box;
    }
    to {
        background:
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(90deg, #0903a6, #2ef297) border-box;
    }
}
.blog-banner {
    height: calc(var(--vh, 1vh) * 100 / 1.5);
}
.blog-content .container {
    padding: 10rem 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: no-wrap;
    gap: 3rem;
}
@media only screen and (max-width: 830px) {
    .blog-banner {
        height: calc(var(--vh, 1vh) * 100 / 2);
    }
}