.productspace {
    z-index: 10000;
    margin-top: -3%;
    margin-bottom: 2%;
    background-color: transparent;
}

.functionanlysisspace {
    margin-top: 6%;
    margin-bottom: 3%;
    background-color: transparent;
}

.functionAnalysisLogo {
    display: block;
    margin-top: 5%;
    margin-left: 12%;
    width: 500px;
    filter: opacity(70%);
    position: relative;
    animation: wipeLeftRight 10s infinite ease-in-out;
}

.functionAnalysisLogot {
    animation: wipeLeftRight 10s infinite ease-in-out;
}


.functionAnalysisLogot {
    display: block;
    width: 500px;
    filter: opacity(70%);
    position: relative;
    animation: wipeLeftRight 10s infinite ease-in-out;
    margin-left: 13%;
    margin-right: auto;

}

@media screen and (max-width: 768px) {

    .functionAnalysisLogo {
        display: none;
    }
}

@keyframes wipeLeftRight {
    0% {
        clip-path: inset(0 100% 0 0);
        /* fully hidden from right */
    }

    50% {
        clip-path: inset(0 0 0 0);
        /* fully visible */
    }

    100% {
        clip-path: inset(0 0 0 100%);
        /* hidden from left */
    }
}


.button-85card:before {
    content: "";
    background: radial-gradient(circle,
            #003b7f85 0%,
            /* Deep blue at the center */
            #668fff80 25%,
            /* Slightly darker blue */
            #a1bcff89 50%,
            /* Darker light blue */
            #c3d5ff8e 70%,
            /* Medium light blue */
            #e0e9ff82 85%,
            /* Light blue */
            #f2faff89 95%,
            /* Very light blue */
            #ffffff81 100%);
    /* Pure white at the outer edge */
}


.button-85card {
    padding: 0.3em 1.5em;
    border: none;
    outline: none;
    color: rgb(99, 99, 99);
    background: #000000c9;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-family: var(--poppins);
    letter-spacing: 1px;
    font-weight: 600;

}

/* phone section background */
.rt-hero-v3 {
    background-image: linear-gradient(#0055ff47, rgb(0, 0, 0) 80%);
    height: 250vh;
    padding-top: 100px;
    padding-bottom: 100px
}

.commonsctiongradient {
    background-color: #09b57996;
    background: linear-gradient(to top, #0055ff47, black);

}

.isolatedsectiontopic {
    background-color: transparent;
    margin-bottom: 5%;
}



.roadmaptopic {
    margin-top: 7%;
    margin-bottom: 0%;
}

.tokenomicstopic {
    margin-top: 0%;
    margin-bottom: -5%;
}


.roadmap-event {
    color: rgba(255, 255, 255, 0.731);
}


.mainheader {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-radius: 10px;
    border-color: white;
    border-width: 1px;
    background-color: #000000c9;
    z-index: 1000000;
}


.isolatedsection .w-layout-blockcontainer {
    width: 1500px;
}

/* This will apply styles only to screens 768px wide or smaller */
@media (max-width: 768px) {
    .mainheader {
        display: none;
    }

    .isolatedsection {
        margin-top: -42%;
    }

    .isolatedsectiontopic {
        background-color: transparent;
        margin-bottom: 5%;
        width: 75%;
    }

    .isolatedsectiontopic .hero-title {
        font-size: 45px;
    }

    .rt-tab-text-center {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .isolatedsection .rt-video-icon-wrap {
        display: none;
    }

    .terminal-window {
        text-align: left;
        width: 300px;
        height: 350px;
        border-radius: 10px;
        margin: auto;
        position: relative;
    }

    .functionAnalysisLogot {
        display: block;
        width: 500px;
        filter: opacity(70%);
        position: relative;
        animation: wipeLeftRight 10s infinite ease-in-out;
        margin-left: 0%;
        margin-right: auto;

    }

    .center-rm {
        margin-left: auto;
        margin-right: auto;
        width: 1500px;
        margin-left: 0%;
        margin-top: 15%;
    }

    .roadmapandtokenomics .features-card {
        width: auto;
    }

    .tokenss font {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.696);
        margin-right: 5%;
    }

    .btn-container .button-85 {
        font-size: 15px;
    }

    .chartsimg {
        position: relative;
        display: block;
        width: 340px;
        /* Or any specific width */
        height: 557px;
        /* Or any specific height */
    }


    .chartsimg #chart {
        display: block;
        /* Example gradient */
        border-radius: 10px;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.233);
        border-width: 1px;
        z-index: 1;
        margin-top: 0%;
        width: 340px;
        height: 557px;
        /* background-image: linear-gradient(to right top, #002463, #001f5a, #00174f, #001245, #000e3a); */
    }

    .hero-content .maintopich1 {
        margin-top: -22%;
        font-size: 45px;
    }

    #glCanvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1000px;
        z-index: 0;
        /* behind content */
        pointer-events: none;
        /* canvas won't block interaction */
    }

    .feature-section {
        height: auto;
        margin-top: 15%;
    }

    .hero-section {
        padding-bottom: 0px;
        min-height: auto;
    }

    #readymade-section .submaintopich1 {
        font-size: 35px;
    }

    #readymade-section3 .submaintopich1 {
        font-size: 35px;
        margin-left: 12.8%;
    }

    #readymade-section4 .submaintopich1 {
        font-size: 35px;
        margin-left: 0%;
    }

    #readymade-section5 .submaintopich1 {
        font-size: 35px;
        margin-left: 0%;
    }

    #readymade-section6 .submaintopich1 {
        font-size: 35px;
        margin-left: 0%;
    }

    .blog-slider {
        margin-top: 50px;
    }

    .rt-hero-v3 {
        padding-top: 0px;
    }
}