.btf_Fve2r8 {
    justify-content: center
}

.btf_bF3dPv, .btf_h6Ynyc, .btf_h6Ynyc p, .btf_Fve2r8 {
    align-items: center;
    display: flex
}

.btf_Fve2r8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    position: fixed;
    background: var(--theme-grey-10);
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    will-change: clip-path
}

    .btf_Fve2r8 [data-animation=transition-y] {
        transform: translateY(30px);
        will-change: transform
    }

    .btf_Fve2r8 [data-animation=transition-text] {
        width: 0;
        opacity: 0;
        visibility: hidden;
        will-change: opacity,width
    }

.btf_bF3dPv {
    gap: max(.5rem,3px)
}

.btf_h6Ynyc {
    gap: max(5px,.7783rem);
    padding: max(5px,.7783rem) max(14px,1.6rem);
    border-radius: max(12rem,90px);
    border: 1px solid var(--theme-grey-30);
    overflow: hidden
}

    .btf_h6Ynyc svg {
        width: max(1.2rem,10px);
        height: max(1.2rem,10px);
        min-width: max(1.2rem,10px)
    }

    .btf_h6Ynyc p {
        font-size: max(14px,1.6rem);
        font-weight: 500;
        line-height: 95.48%;
        letter-spacing: -.0311rem;
        text-transform: uppercase;
        color: var(--theme-grey-base)
    }

        .btf_h6Ynyc p span {
            color: var(--theme-grey-80);
            overflow: hidden
        }

.Image_img__GXm1C {
    aspect-ratio: var(--width)/var(--height);
    object-fit: cover;
    height: auto
}

.marquee_marquee__DQxz3 {
    display: flex;
    overflow: hidden;
    will-change: transform
}

@media(prefers-reduced-motion:reduce) {
    .marquee_marquee__DQxz3 {
        --duration: 70s !important
    }
}

.marquee_marquee__DQxz3 .marquee_inner__07BaR {
    display: flex;
    white-space: nowrap;
    animation: marquee_marquee__DQxz3 var(--duration) linear infinite;
    animation-play-state: var(--animation-status)
}

@keyframes marquee_marquee__DQxz3 {
    0% {
        transform: translate3d(calc(var(--offset) * -1),0,0)
    }

    to {
        transform: translate3d(calc(-100% - var(--offset)),0,0)
    }
}

.btf_HeEdoE header > div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.btf_HeEdoE header > div {
    font-family: var(--font-geist-mono);
    font-size: max(12px,1.2rem);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.036rem;
    text-transform: uppercase
}

.btf_HeEdoE {
    height: -moz-fit-content;
    height: fit-content;
    will-change: transform;
    transition: transform .15s linear
}

    .btf_HeEdoE.btf_FtpP5f header {
        background: var(--theme-grey-90);
        cursor: pointer;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

        .btf_HeEdoE.btf_FtpP5f header > div {
            background: var(--theme-grey-100)
        }

    .btf_HeEdoE.btf_FtpP5f .btf_Fgl5ec {
        background: var(--theme-grey-90);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .btf_HeEdoE header {
        background: var(--theme-grey-90);
        padding: max(6px,.8rem);
        white-space: nowrap
    }

        .btf_HeEdoE header > div {
            gap: 30px;
            padding: max(6px,.8rem);
            background: var(--theme-grey-100)
        }

.btf_Fgl5ec {
    overflow: hidden;
    padding-inline: max(6px,.8rem);
    padding-bottom: max(6px,.8rem);
    will-change: height
}

.btf_Ihm8Dc, .btf_lGr6gu {
    align-items: center;
    display: flex;
    justify-content: center
}

.btf_Yn41rO, .btf_hG1h1t, .btf_hG1h1t p {
    display: flex;
    align-items: center
}

.btf_lGr6gu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    position: fixed
}

    .btf_lGr6gu [data-animation=preloader-y] {
        transform: translateY(50px);
        will-change: transform
    }

    .btf_lGr6gu [data-animation=preloader-text] {
        opacity: 0;
        will-change: opacity
    }

.btf_Yn41rO {
    gap: max(.5rem,3px)
}

.btf_hG1h1t {
    gap: max(5px,.7783rem);
    padding: max(5px,.7783rem) max(14px,1.6rem);
    border-radius: max(12rem,90px);
    border: 1px solid var(--theme-grey-30);
    overflow: hidden
}

    .btf_hG1h1t svg {
        width: max(1.2rem,10px);
        height: max(1.2rem,10px);
        min-width: max(1.2rem,10px)
    }

    .btf_hG1h1t p {
        font-size: max(14px,1.6rem);
        font-weight: 500;
        line-height: 95.48%;
        letter-spacing: -.0311rem;
        text-transform: uppercase;
        color: var(--theme-grey-base)
    }

        .btf_hG1h1t p span {
            color: var(--theme-grey-30);
            overflow: hidden
        }

.btf_Ihm8Dc {
    aspect-ratio: 1;
    object-fit: cover;
    position: relative;
    width: max(3.8rem,30px);
    padding: max(.5rem,3px);
    overflow: hidden
}

    .btf_Ihm8Dc svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .btf_Ihm8Dc img {
        width: 100%;
        position: relative;
        z-index: -1
    }

a, body, button, canvas, div, em, footer, form, h1, h2, header, html, img, li, p, section, small, span, ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

footer, header, section {
    display: block
}

body {
    line-height: 1
}

ul {
    list-style: none
}

*, :after, :before {
    box-sizing: border-box
}

button {
    background: none;
    border: none
}

a, button {
    color: inherit;
    cursor: pointer;
    outline: none
}

a {
    text-decoration: none
}

:root {
    --white: #fff;
    --white-transparent: hsla(0,0%,100%,0);
    --black: #000;
    --black-transparent: transparent;
    --accent: #181A20;
    --accent-transparent: rgba(255,106,0,0);
    --warning: #efd100;
    --warning-transparent: rgba(239,209,0,0);
    --grey-10: #f2f2f2;
    --grey-10-transparent: hsla(0,0%,95%,0);
    --grey-20: #e6e6e6;
    --grey-20-transparent: hsla(0,0%,90%,0);
    --grey-30: #ccc;
    --grey-30-transparent: hsla(0,0%,80%,0);
    --grey-40: #b3b3b3;
    --grey-40-transparent: hsla(0,0%,70%,0);
    --grey-50: #a6a6a6;
    --grey-50-transparent: hsla(0,0%,65%,0);
    --grey-60: #6b6b6b;
    --grey-60-transparent: hsla(0,0%,42%,0);
    --grey-70: #555;
    --grey-70-transparent: rgba(85,85,85,0);
    --grey-80: #404040;
    --grey-80-transparent: rgba(64,64,64,0);
    --grey-90: #242424;
    --grey-90-transparent: rgba(36,36,36,0);
    --grey-100: #141414;
    --grey-100-transparent: hsla(0,0%,8%,0);
    --grey-base: #8c8c8c;
    --grey-base-transparent: hsla(0,0%,55%,0);
    --ease-in-quad: cubic-bezier(0.55,0.085,0.68,0.53);
    --ease-in-cubic: cubic-bezier(0.55,0.055,0.675,0.19);
    --ease-in-quart: cubic-bezier(0.895,0.03,0.685,0.22);
    --ease-in-quint: cubic-bezier(0.755,0.05,0.855,0.06);
    --ease-in-expo: cubic-bezier(0.95,0.05,0.795,0.035);
    --ease-in-circ: cubic-bezier(0.6,0.04,0.98,0.335);
    --ease-in-sine: cubic-bezier(0.47,0,0.745,0.715);
    --ease-out-quad: cubic-bezier(0.25,0.46,0.45,0.94);
    --ease-out-cubic: cubic-bezier(0.215,0.61,0.355,1);
    --ease-out-quart: cubic-bezier(0.165,0.84,0.44,1);
    --ease-out-quint: cubic-bezier(0.23,1,0.32,1);
    --ease-out-expo: cubic-bezier(0.19,1,0.22,1);
    --ease-out-circ: cubic-bezier(0.075,0.82,0.165,1);
    --ease-out-sine: cubic-bezier(0.39,0.575,0.565,1);
    --ease-in-out-quad: cubic-bezier(0.455,0.03,0.515,0.955);
    --ease-in-out-cubic: cubic-bezier(0.645,0.045,0.355,1);
    --ease-in-out-quart: cubic-bezier(0.77,0,0.175,1);
    --ease-in-out-quint: cubic-bezier(0.86,0,0.07,1);
    --ease-in-out-expo: cubic-bezier(0.87,0,0.13,1);
    --ease-in-out-circ: cubic-bezier(0.785,0.135,0.15,0.86);
    --ease-in-out-sine: cubic-bezier(0.445,0.05,0.55,0.95)
}

html:not(.dev) {
    scrollbar-width: none !important
}

    html:not(.dev) body {
        -ms-overflow-style: none
    }

        html:not(.dev) body::-webkit-scrollbar {
            width: 0 !important;
            height: 0 !important
        }

:root {
    --gutter: max(4rem,16px);
    --header: max(5.1rem,40px);
    --page-width: 100%;
    --page-inline: 5vw;
    --page-height: clamp(400px,75rem,10vh)
}

@media(max-width:992px) {
    :root {
        --page-height: 100%;
    }
}

@media(max-width:768px) {
    :root {
        --page-inline: var(--gutter);
        --page-width: 100vw;
        --page-height: 100%;
    }
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    pointer-events: none
}

body, html {
    width: 100%;
    min-height: 100%;
    overscroll-behavior: none;
    scroll-behavior: auto
}

html {
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-size: min(.6944444444vw,1.1111111111vh);
    font-feature-settings: "kern" off;
    font-kerning: none;
    line-height: 1
}

    html::-webkit-scrollbar {
        display: none
    }

body {
    background-color: var(--theme-grey-100);
    color: var(--theme-grey-10)
}

:not(img)::selection {
    background-color: var(--theme-accent);
    color: var(--theme-white)
}

img::selection {
    background-color: transparent;
    color: inherit
}

.page {
    position: relative;
    z-index: 5
}

.page {
    opacity: 0
}

.btf_Hbuu6x, .btf_Hbuu6x button, .btf_Hbuu6x > a, .btf_H2r4Yb {
    display: flex;
    align-items: center
}

.btf_H2r4Yb {
    justify-content: space-between
}

.btf_mnUhnm a {
    font-family: var(--font-geist-mono);
    font-size: max(12px,1.4rem);
    font-weight: 500;
    line-height: 179.18%;
    text-transform: uppercase
}

.btf_Hbuu6x button, .btf_Hbuu6x > a, .btf_Ku3nmR p {
    font-family: var(--font-geist-mono);
    font-size: max(12px,1.5rem);
    font-weight: 500;
    line-height: 179.18%;
    text-transform: uppercase
}

.btf_hRmm7F {
    position: relative;
    z-index: 5
}

.btf_f52Ddl {
    padding-top: var(--header)
}

.btf_H2r4Yb {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8;
    padding-inline: var(--gutter);
    height: var(--header);
    background: var(--theme-black)
}

.btf_Hbuu6x {
    gap: max(.5rem,5px);
    white-space: nowrap
}

    .btf_Hbuu6x > a {
        gap: max(.8rem,8px);
        color: var(--theme-grey-base);
        font-feature-settings: "tnum"
    }

    .btf_Hbuu6x button {
        display: inline-flex;
        gap: max(.8rem,8px);
        position: relative
    }

.btf_s5iyni {
    min-width: max(15rem,120px);
    text-align: right
}

@media(max-width:600px) {
    .btf_s5iyni {
        display: none
    }
}

.btf_Ku3nmR p {
    color: var(--theme-grey-base)
}

    .btf_Ku3nmR p span {
        color: var(--theme-white);
        display: inline-flex;
        align-items: center;
        gap: 3px
    }

.btf_mnUhnm {
    position: absolute;
    top: 100%;
    left: 0;
    width: max(18rem,200px);
    padding: max(2px,.4rem);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid var(--theme-grey-100);
    background: var(--theme-black);
    will-change: clip-path;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0)
}

@media(max-width:600px) {
    .btf_mnUhnm {
        left: unset;
        right: 0
    }
}

.btf_mnUhnm a {
    padding: max(6px,.8rem) max(6px,.8rem) max(6px,.8rem) max(6px,1rem);
    transition: color .35s var(--ease-out-circ);
    font-feature-settings: "tnum";
    will-change: opacity,visibility;
    opacity: 0;
    visibility: hidden
}

    .btf_mnUhnm a.btf_eOmb3a, .btf_mnUhnm a:hover {
        color: var(--theme-accent)
    }

.btf_b4R7mj {
    position: fixed;
    width: 100%;
    height: calc(100% - max(3.2rem,20px));
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    transition: opacity .35s var(--ease-out-circ);
    will-change: opacity
}

    .btf_b4R7mj canvas {
        position: absolute;
        right: 0;
        bottom: 0
    }

.__btf_6Svf8R {
    font-family: __GeistSans_2ce99c,__GeistSans_Fallback_2ce99c
}

.__btf_vR36sb {
    --font-geist-mono: "__GeistMono_a26a16",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace
}

.btf_Nr2erY h1, .btf_hT12Tc, .btf_hT12Tc p {
    display: flex;
    align-items: center
}

.btf_Hah4hl input {
    font-size: max(18px,3.2rem);
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.096rem
}

.btf_d2e4Rm a {
    font-size: max(16px,2.1rem);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.063rem
}

.btf_DlU2ub h1 a small {
    font-size: max(12px,1.4rem);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.024rem
}

.btf_d2e4Rm h1, .btf_d2e4Rm p, .btf_Hah4hl footer button, .btf_Nr2erY h1, .btf_Nr2erY p, .btf_d5Scdo ul li {
    font-family: var(--font-geist-mono);
    font-size: max(12px,1.2rem);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.036rem;
    text-transform: uppercase
}

.btf_hT12Tc p {
    font-family: var(--font-geist-mono);
    font-size: max(12px,1.4rem);
    font-weight: 500;
    line-height: 179.18%;
    text-transform: uppercase
}

.btf_Ymm9Gv {
    height: calc(100vh - var(--header));
    width: 100%;
    overflow: hidden;
    padding-inline: var(--gutter);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(max-width:600px) {
    .btf_Ymm9Gv {
        display: block;
        padding-top: var(--gutter)
    }
}

.btf_hJ1rkM {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(max(3.6rem,20px) + var(--header));
    left: var(--gutter);
    right: var(--gutter);
    padding-right: max(2.5rem,15px)
}

@media(max-width:600px) {
    .btf_hJ1rkM {
        position: static;
        height: 35vh
    }
}

.btf_Km82Dz {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: var(--gutter);
    padding-bottom: max(3rem,20px);
    padding-right: max(1.5rem,10px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: max(24rem,200px)
}

@media(max-width:768px) {
    .btf_Km82Dz {
        flex-direction: column-reverse;
        gap: max(3rem,10px);
        width: 100%;
        padding-bottom: max(60rem,200px);
    }
}
@media(max-width:600px) {
    .btf_Km82Dz {
        padding-bottom: max(40rem,140px) !important;
    }
}

.btf_hT12Tc {
    width: max(48.2rem,350px);
    border-radius: max(150px,20rem);
    /*border: 1px solid var(--theme-grey-60);*/
    padding-block: max(1rem,7px)
}

@media(max-width:768px) {
    .btf_hT12Tc {
        width: 100%
    }
}

.btf_hT12Tc p {
    white-space: nowrap;
    color: var(--theme-grey-base)
}

    .btf_hT12Tc p svg {
        margin-inline: max(1rem,8px)
    }

.btf_d4D4vf {
    display: flex;
    gap: max(1rem,8px)
}

.btf_DlU2ub {
    width: -moz-fit-content;
    width: fit-content;
    padding-right: max(2rem,10px)
}

.btf_vF65Ed {
    display: flex;
    justify-content: flex-end
}

@media(max-width:600px) {
    .btf_DlU2ub {
        padding-right: 0
    }
}

.btf_DlU2ub h1 {
    color: var(--theme-grey-80);
    font-size: max(10.5vw,15rem);
    font-weight: 300;
    line-height: 95.48%;
    letter-spacing: -.75rem;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block
}

    .btf_DlU2ub h1 > small {
        color: var(--theme-grey-30)
    }

    .btf_DlU2ub h1 a {
        color: var(--theme-grey-30);
        font-weight: 500;
        position: relative;
        white-space: nowrap;
        border: 1px solid transparent;
        padding: max(.75rem,5px) 1rem;
        will-change: color,border-color;
        transition: color .35s var(--ease-out-cubic),border-color .35s var(--ease-out-cubic)
    }

        .btf_DlU2ub h1 a:hover {
            color: var(--theme-white);
            border-color: var(--theme-accent)
        }

            .btf_DlU2ub h1 a:hover span {
                opacity: 1
            }

        .btf_DlU2ub h1 a span {
            display: inline-block;
            border: 1px solid var(--theme-accent);
            background: var(--theme-white);
            width: max(8px,1.2rem);
            height: max(8px,1.2rem);
            position: absolute;
            opacity: 0;
            will-change: opacity;
            transition: opacity .35s var(--ease-out-cubic)
        }

            .btf_DlU2ub h1 a span:first-of-type {
                left: 0;
                top: 0;
                transform: translate(-50%,-50%)
            }

            .btf_DlU2ub h1 a span:nth-of-type(2) {
                right: 0;
                top: 0;
                transform: translate(50%,-50%)
            }

            .btf_DlU2ub h1 a span:nth-of-type(3) {
                left: 0;
                bottom: 0;
                transform: translate(-50%,50%)
            }

            .btf_DlU2ub h1 a span:nth-of-type(4) {
                right: 0;
                bottom: 0;
                transform: translate(50%,50%)
            }

        .btf_DlU2ub h1 a em {
            position: absolute;
            bottom: calc(4px + 100%);
            left: 0;
            color: var(--theme-accent);
            font-family: var(--font-geist-mono);
            font-size: max(14px,1.6rem);
            font-weight: 500;
            line-height: 95.48%;
            letter-spacing: -.08rem;
            text-transform: uppercase
        }

        .btf_DlU2ub h1 a small {
            color: var(--theme-grey-50);
            white-space: normal;
            width: max(260px,30.1rem);
            position: absolute;
            top: calc(4px + 100%);
            left: 0;
            pointer-events: none
        }

.btf_Hah4hl {
    width: max(31.2rem,240px);
    min-width: max(31.2rem,240px);
    z-index: +1;
}

    .btf_Hah4hl form {
        padding-inline: max(6px,.8rem)
    }

    .btf_Hah4hl input {
        background: none;
        border: none;
        outline: none;
        width: 100%;
        margin-block: max(2.4rem,20px);
        line-height: 1;
        color: var(--theme-grey-base)
    }

        .btf_Hah4hl input::placeholder {
            color: var(--theme-grey-base)
        }

    .btf_Hah4hl footer {
        display: flex;
        justify-content: flex-end;
        padding-bottom: max(.8rem,4px)
    }

        .btf_Hah4hl footer button {
            padding: max(5px,.6rem) max(10px,1.2rem);
            border-radius: max(150px,20rem);
            border: 1px solid var(--theme-grey-80)
        }

.btf_Nr2erY {
    width: max(26.6rem,200px);
    min-width: max(26.6rem,200px);
}

@media(max-width:600px) {
    .btf_Nr2erY {
        margin-right: min(-10px,-6rem);
        margin-top: 0vh;
        width: max(20.6rem,160px);
        min-width: max(20.6rem,160px);
    }
}

.btf_Nr2erY > div {
    padding-inline: max(6px,.8rem)
}

.btf_Nr2erY h1 {
    margin-top: max(2rem,10px);
    color: var(--theme-grey-50);
    gap: max(.8rem,5px)
}

    .btf_Nr2erY h1 svg {
        width: max(.9rem,8px);
        height: max(.9rem,8px);
        animation: home_blink__HY3XS 1s infinite
    }

@keyframes home_blink__HY3XS {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.btf_Nr2erY h2 {
    color: var(--theme-grey-50);
    font-family: var(--font-geist-mono);
    font-size: max(18px,2.4rem);
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.072rem
}

    .btf_Nr2erY h2 span, .btf_Nr2erY p {
        color: var(--theme-grey-60)
    }

.btf_Nr2erY p {
    padding-top: max(2rem,15px);
    padding-bottom: max(.8rem,4px)
}

.btf_d5Scdo {
    width: max(14.3rem,140px);
    min-width: max(14.3rem,140px)
}

    .btf_d5Scdo > div {
        padding-bottom: 0
    }

    .btf_d5Scdo ul {
        display: flex;
        flex-direction: column;
        gap: max(1.35rem,10px);
        padding-block: max(1.35rem,10px);
        padding-inline: max(6px,.8rem)
    }

        .btf_d5Scdo ul li {
            color: var(--theme-grey-50)
        }

.btf_d2e4Rm {
    min-width: max(28rem,200px);
    white-space: pre-line
}

@media(max-width:600px) {
    .btf_d2e4Rm {
        margin-right: 0vw;
        margin-top: -15px;
        margin-left: 5vw
    }
}

.btf_d2e4Rm h2 {
    color: var(--theme-grey-50);
    font-family: var(--font-geist-mono);
    font-size: max(18px,2.4rem);
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.072rem
}

    .btf_d2e4Rm h2 span {
        color: var(--theme-grey-60)
    }
.btf_d2e4Rm > div {
    padding-inline: max(6px,.8rem)
}

.btf_d2e4Rm h1 {
    margin-top: max(1.35rem,10px);
    color: var(--theme-grey-50)
}

.btf_d2e4Rm p {
    color: var(--theme-accent);
    padding-top: max(2rem,15px);
    padding-bottom: max(.8rem,4px)
}

.btf_d2e4Rm a {
    display: inline-block;
    padding-bottom: max(.7rem,4px)
}

.btf-sidebar-menu-item ul li {
    font-family: var(--font-geist-mono);
    font-size: max(12px,1.2rem);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.036rem;
    text-transform: none;
    color: var(--theme-grey-50);
}

.btf-sidebar-menu-item ul {
    display: flex;
    flex-direction: column;
    gap: max(1.35rem, 10px);
    padding-block: max(1.35rem, 10px);
    padding-inline: max(6px, .8rem);
}

.btf-css-b78Gnm {
    background-color: #474D57;
    border: none;
    height: 1px;
    margin: 12px 0 6px 0;
}

.btf-social-icons {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 6px 0 0;
    line-height: 0;
}

.grecaptcha-badge {
    visibility: hidden;
}

.svg-telephone {
    background: url(https://storage.googleapis.com/coinhill/static/icon-addcoin.svg) no-repeat;
}

.footer-fix {
    background: #181A20;
    text-align: center;
    padding: 0 20px 0;
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #2A2D35;
    z-index: 9 !important;
    font-family: __GeistMono_a26a16
}

    .footer-fix li {
        padding: 10px 0 5px
    }

        .footer-fix li:nth-last-child(3) {
            background: #EFB90C;
            padding-left: 10px;
            padding-right: 10px;
            margin-top: -1px
        }

            .footer-fix li:nth-last-child(3) a {
                color: #fff
            }

        .footer-fix li svg {
            width: 24px;
            height: 24px;
            display: block;
            margin: 0 auto 5px
        }

        .footer-fix li .icon-call {
            display: block;
            margin: 0 auto 5px
        }

.svg-telephone-dims {
    width: 24px;
    height: 24px;
}

.footer-fix img {
    width: 23px;
    height: 23px;
    display: block;
    margin: 0 auto 5px
}

.footer-fix a {
    font-size: 12px;
    display: block;
    color: var(--theme-grey-30);
    text-transform: none;
    text-decoration: none;
}

    .footer-fix a:hover {
        font-size: 12px;
        display: block;
        color: var(--theme-grey-30);
        text-decoration: none !important
    }

.LetsTalkPopup {
    position: fixed;
    bottom: -200%;
    left: 0;
    right: 0;
    background: #181A20;
    padding: 20px;
    text-align: center;
    z-index: 99;
    font-family: __GeistMono_a26a16
}

.LetsTalk figure {
    width: 225px;
    margin: auto
}

    .LetsTalk figure:before {
        padding-top: 51%
    }

.LetsTalk span {
    padding: 10px;
    text-align: center;
    font-size: 25px;
    color: var(--theme-grey-30);
    border-bottom: 1px solid var(--airdrop-border-bg);
    display: inline-block
}

.LetsTalk p {
    font-size: 15px;
    display: block;
    padding: 10px;
    color: var(--theme-grey-30)
}

.LetsTalk .btnsGroup {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

    .LetsTalk .btnsGroup .btn {
        background: #2cb742;
        width: 49%;
        padding: 12px;
        display: block;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        font-size: 15px;
        text-decoration: none;
    }

    .LetsTalk .btnsGroup .btnOrange {
        background: #f3601d
    }


.overlayPopup.active {
    background: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
    opacity: 1;
    transition: all 0.4s ease
}

.call_footer {
    font-weight: bold;
    color: #000 !important
}

.CallBack {
    padding: 0px 15px;
    margin: 0 auto;
    display: none;
}

    .CallBack .flexcall {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .CallBack .flexcall a {
            text-decoration: none;
        }

            .CallBack .flexcall a:hover {
                color: #fff;
            }

    .CallBack .whatsno {
        background: #2cb742;
    }

        .CallBack .whatsno:hover {
            color: #fff;
        }

    .CallBack .mobno {
        background: #f3601d;
    }

        .CallBack .mobno:hover {
            color: #fff;
        }

    .CallBack a {
        width: 49%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
        font-size: 1rem;
        padding: 12px 15px;
        margin-top: 12px;
        text-align: center;
    }

    .CallBack p {
        width: 49%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        padding: 12px 15px;
        margin-top: 12px;
        text-align: center;
    }

    .CallBack .reqcall {
        background: #3e3e3e;
        display: block;
        width: 100%;
    }

.mblMenu {
    display: none;
}

@media screen and (max-width: 600px) {
    .mblMenu {
        display: flex;
    }
}

.sidebar {
    width: 250px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.profile-section {
    text-align: center;
    padding: 15px;
}

.background-image {
    height: 80px;
    background-size: cover;
    background-position: center;
}

.profile-link {
    text-decoration: none;
    color: inherit;
}

.profile-photo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-top: -36px;
    box-shadow: 0 0 0 2px #f3f2ef;
}

.profile-name {
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
}

.profile-headline {
    font-size: 14px;
    color: #666;
    margin-top: 4px;
}

.menu-section {
    border-top: 1px solid #ddd;
    padding: 10px;
}

    .menu-section ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-section li {
        margin-bottom: 10px;
    }

    .menu-section a {
        text-decoration: none;
        color: #0073b1;
        font-size: 14px;
    }

        .menu-section a:hover {
            text-decoration: underline;
        }

.menu-item {
    display: flex;
    align-items: center;
    padding: 4px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .menu-item:hover {
        background-color: #1e2026;
    }

        .menu-item:hover .menu-icon {
            color: #0073b1; /* Hover durumunda menü simgesinin rengi */
        }

.menu-text {
    margin-left: 10px;
    font-size: max(14px,1.2rem);
    color: var(--theme-white);
}

.menu-icon {
    color: #666; /* Menü simgesinin varsayılan rengi */
}

.menu-item {
    position: relative; /* İçeriklerin üst üste binmesini sağlar */
    width: 100%; /* Li etiketinin tam genişliği */
    height: 100%; /* Li etiketinin tam yüksekliği */
}

.menu-item-link {
    display: block; /* Anchor'ın tam genişlik ve yükseklikte olmasını sağlar */
    width: 100%; /* Anchor'ın tam genişliği */
    height: 100%; /* Anchor'ın tam yüksekliği */
}

.btf-css-frR4mj {
    color: #fff !important;
}

@media (max-width: 768px) {
    .btf-css-frR4mj {
        display: none !important;
    }
}
@media (max-width: 600px) {
    .btf_Hah4hl {
        width: max(24.2rem, 180px);
        min-width: max(24.2rem, 180px);
    }
    .profile-section{
        display:none;
    }
    .btf-sidebar-menu-item{
        display:none;
    }
    .btf_HeEdoE header > div {
        font-size: max(10px,0.8rem);
    }
    .btf_d2e4Rm a {
        font-size: max(12px,1.2rem);
        font-style: normal;
        font-weight: 400;
        line-height: 80%;
        letter-spacing: -.063rem
    }
}
.batufi-logo {
    filter: brightness(0) saturate(100%) invert(82%) sepia(1%) saturate(133%) hue-rotate(251deg) brightness(101%) contrast(93%);
    transition: filter 0.75s var(--ease-out-cubic);
}

.btf_DlU2ub h1 a:hover .batufi-logo {
    filter: grayscale(0%) brightness(100%); /* Orijinal rengini geri getirir */
}