/* Global styles */
@font-face {
    font-family: 'TT Firs Neue TRL bold';
    src: url(../assets/font/TT\ Firs\ Neue\ Trial\ Bold.ttf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --body-bg: #020005;
    --nav-header-bg: #0F0D12;
    --footer-text-color: #8E8E8E;
    --footer-contact-text: #Ae9b6c;
    --footer-text-contact-color: #ffffff;
    --tw-gradient-stops: #f2e08812;
    --liner-color: #A99565;
    --id-now-bg-color: linear-gradient(90deg, #AB9766 0.27%, #E6E0C0 56.37%, #A99565 100.94%);
}

/*cirlce*/
.circle {
    border-radius: 50%;
    width: 590px;
    height: 590px;
    flex-shrink: 0;
    position: fixed;
    z-index: -1;
    background-color: rgba(242, 225, 136, 0.43);
    opacity: 0.51;
    filter: blur(160.55169677734375px);
}

#aboutUs .circle {
    position: fixed;
    right: 50%;
    top: 120%;
    transform: translateY(-143%);

}

#ourProduct .circle {
    position: fixed;
    right: unset;
    left: 45%;
    top: 130%;
    transform: translateY(-60%);
}

@media (min-width: 1440px) {
    #aboutUs .circle {
        position: fixed;
        right: 50%;
        top: 75%;
        transform: translateY(-143%);

    }

    #ourProduct .circle {
        position: fixed;
        right: unset;
        left: 50%;
        top: 85%;
        transform: translateY(-60%);
    }
}

/* Body styles */
body {
    background-color: var(--body-bg);
    font-family: 'TT Firs Neue TRL', sans-serif !important;
}

/* Styles for .nav-header class */
.nav-header-prod {
    background: linear-gradient(90deg, #AB9766 0.27%, #E6E0C0 56.37%, #A99565 100.94%);
    color: black;
    padding: 10px;
}

.header-nav, .nav-header {
    background-color: var(--nav-header-bg);
    color: white;
    padding: 10px;
}

.footer-bg {
    background-color: var(--nav-header-bg);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.textcolor {
    color: var(--footer-text-color);
}

.content-first {
    padding: 3.819px 13.639px;
    border: 1px solid var(--footer-contact-text);
    font-size: 12px;
    background: linear-gradient(90deg, #AB9766 0.27%, #E6E0C0 56.37%, #A99565 100.94%) !important;
}

.content-second {
    border: 1px solid var(--footer-contact-text);
    font-size: 12px;

}

.text-color {
    color: var(--footer-contact-text);
}

.text-pregrahp {
    font-size: 10px;
}

.images-bg,
.images-bg-rs,
.images-bg-se,
.images-bg-ss {
    width: 149px;
    height: 70px;
}

.images-bg-d {
    width: 149px;
    height: 70px;
}


.number_section {
    margin-top: -110px;
}

.aboutUs-inner {
    margin-top: 45px;
}

.images-top {
    margin-top: -40px;
}

.text-flex {
    color: #E6E0C0 !important;
    font-family: 'TT Firs Neue TRL bold';
}

.text-pregrahp-one {
    font-size: 11px;
}

.content-first-text {
    font-size: 12px;
    padding: 2px 13px;
    margin-bottom: 10px;
    background: var(--nav-header-bg);
    color: #ffffff;
}

.exchange-text {
    font-size: 18px;
}

.close-icon {
    position: absolute;
    padding: 7px 0 0 108px;
    z-index: 9999;
}

.fixSize {
    height: 241px;
    max-width: 134px;
}

.images-bg-l7 {
    height: 68px;
    max-width: 150px;
}

.images-bg-l7 img {
    height: 50px;
    margin-top: 8px !important;
}

/* media query for mobile device  */


@media (max-width: 500px) {

    /*cirlce*/
    .circle {
        border-radius: 50%;
        width: 314.4px;
        height: 314.4px;
        position: fixed;
        z-index: -1;
        background-color: rgba(242, 225, 136, 0.43);
        opacity: 0.51;
        filter: blur(85.55500030517578px);
    }

    #aboutUs .circle {
        position: fixed;
        right: 44%;
        top: 173px;
        transform: translateY(-60%);
    }

    #ourProduct .circle {
        position: fixed;
        right: unset;
        left: 45%;
        top: 80%;
        transform: translateY(-60%);
    }



    .close-icon {
        position: absolute;
        right: 90px;
        padding: 12px 0;
        z-index: 999;
    }

    .fixSize {
        height: auto;
        max-width: 314px;
    }

    .ethereum {
        position: relative;
        top: 98px;
        left: 38%
    }

    .banner {
        display: none;
    }

    .text-pregrahp {
        font-size: 16px !important;
    }

    .logo {
        height: 48px !important;
    }

    .header-nav {
        background-color: transparent;
    }

    .mobile-one {
        flex-direction: column !important;
    }

    .one {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 25px;
    }

    .two {
        text-align: center;
    }


    .divider {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .number {
        font-size: 25px;
        margin: 0px 44px;
    }

    .gapbox {
        gap: 32px !important;
    }

    .content-first {
        font-size: 18px;
        padding: 10px 25px;
        margin-bottom: 10px;
        color: #020005;
        background: linear-gradient(90deg, #AB9766 0.27%, #E6E0C0 56.37%, #A99565 100.94%) !important;
    }

    .content-first-text {
        font-size: 12px;
        padding: 2px 13px;
        margin-bottom: 10px;
        background: var(--nav-header-bg) !important;
    }

    .content-second {
        font-size: 18px;
        padding: 10px 25px;
        margin-bottom: 10px;
        color: linear-gradient(180deg, #AB9766 0%, #E6E0C0 55.73%, #A99565 100%) !important;
    }

    .originalId {
        text-align: center;
        margin: 20px 80px;
    }

    .pwdbottam {
        margin-bottom: 10px;
    }

    .box-width {
        width: 175px;
    }

    .images-bg {
        width: 143px;
        height: 90px;
    }

    .images-bg img {
        margin: 30px 12px;
        width: 120px;
    }

    .images-bg-d {
        width: 143px;
        height: 90px;
    }

    .images-bg-d img {
        margin: 0px 8px;
        width: 120px;
    }

    .images-bg-ss {
        width: 143px;
        height: 90px;
    }

    .images-bg-ss img {
        margin: 6px 28px;
        width: 80px;
    }

    .images-bg-rs {
        width: 143px;
        height: 90px;
    }

    .images-bg-rs img {
        margin: 20px 14px;
        width: 120px;
    }

    .images-bg-se {
        width: 143px;
        height: 90px;
    }

    .images-bg-se img {
        margin: 6px 28px;
        width: 80px;
    }

    .images-bg-l7 {
        width: 143px;
        height: 67px;
    }

    .images-bg-l7 img {
        margin: 6px 28px;
        width: 80px;
    }


    .exchange {
        margin-top: 40px;
    }

    .content {
        font-size: 14px !important;
        padding: 5px 12px !important;
        font-weight: 700 !important;
    }

    .two-play {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .workbottam {
        margin-bottom: 34px !important;
    }

    .box {
        width: 186px;
    }

    .text-contant {
        font-size: 20px;
        text-align: center;
        font-weight: 100 !important;
        margin: 0 30px;
    }

    .scroller {
        display: flex;
        justify-content: start !important;
        width: 315px;
        overflow-y: auto;
        margin: 30px 20px;
        max-height: 35rem !important;
        gap: 22px !important;
    }

    .customer {
        font-size: 16px !important;
        margin: 14px 0;
    }

    .responsive-col {
        margin-top: 60px !important;
    }

    .responsive-col-2 {
        margin-top: 60px;
        width: 360px;
    }

    .footer-font {
        font-size: 16px !important;
    }

}