.go1{
    width: 96%;
    margin: clamp(0px, 1vw, 4.14px) auto;
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 1vw, 4.14px);
    overflow-x: hidden;
}

.go1 .type-option{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    gap: clamp(0px, 2vw, 8.28px); 
}

/* Optional: Adjust scrollbar appearance for better visibility */
/* .go1 .type-option::-webkit-scrollbar {
    display: none; 
}


.go1 .type-option {
    scrollbar-width: none;
}  */


/* WebKit browsers (e.g., Chrome, Safari) */
.go1 .type-option::-webkit-scrollbar {
    width: 3px;
    height: 10px; 
}

.go1 .type-option::-webkit-scrollbar-track {
    background: var('--bg-color'); 
}

.go1 .type-option::-webkit-scrollbar-thumb {
    background-color: var(--main-color); 
    border-radius: 10px;
    border: 1.5px solid var(--sub-color);
}



/* Firefox */
.go1 .type-option {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: var(--main-color) var(--sub-color); /* thumb and track color */
}

.go1 .type-btn{
    width: clamp(0px, 18vw, 74.52px);
    flex-shrink: 0;
    scroll-snap-align: start;
    cursor: pointer;
}

.go1 .type-btn .type-btn-img{
    max-width: 100%;
    max-height: 100%;
    height: auto; 
    width: auto;
}

.go1 .cs-option{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: clamp(0px, 2vw, 8.28px);
    margin-bottom: 3vw;
}

.go1 .cs-item-div{
    width: calc(( 100% - (var(--game-cs-num) - 1) * clamp(0px, 2vw, 8.28px)) / var(--game-cs-num));
    /* width: calc(( 100% - (3 - 1) * clamp(0px, 2vw, 8.28px)) / 3); */
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 1vw, 4.14px);
    border-radius: 5vw;
    position: relative;
    cursor: pointer;
}

.go1 .cs-item-div .cs-img{
    border-radius: clamp(0px, 1vw, 4.14px);
    max-width: 100%;
    max-height: 100%;
    height: auto; 
    width: auto;
    display: block;
    position: relative;
    /* animation: scaleEffect 2s infinite linear; */

}

@keyframes scaleEffect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

.go1 .cs-item-div .coming-soon{
    position: absolute;
    text-align: center;
    padding: clamp(0px, 1vw, 4.14px) 0;
    box-sizing: border-box;
    background-color: var(--main-color);
    bottom: 0;
    left: 0;
    border-bottom-left-radius: clamp(0px, 1vw, 4.14px);
    border-bottom-right-radius: clamp(0px, 1vw, 4.14px);
    width: 100%;
    z-index: 1;
}

.go1 .cs-item-div .cs-img-coming{
    filter: grayscale(1);
}

/* .go1 .cs-type-div{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: clamp(0px, 2vw, 8.28px);
} */

.go1 .cs-type-div{
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    width: 100%;
    gap: clamp(0px, 2vw, 8.28px);
}

@media (min-width: 1470px) {
    .go1 .cs-type-div {
        grid-template-columns: repeat(4, 1fr); 
    }
}

.go1 .cs-type-div .option-div{
    display: flex;
    /* flex: 1 1 100px; */
    background: var(--main-color);
    border-radius: clamp(0px, 1vw, 4.14px);
    padding: clamp(0px, 1vw, 4.14px) 0;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    /* min-width: clamp(100px, 300px ,100%); */
    /* width: clamp(100px, 30%, 200px); */
}

.transfer_inner{
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 2vw, 8.28px);
    /* justify-content: center; */
    align-items: left;
    padding: clamp(0px, 2vw, 8.28px);
    width: 94%;
}

.transfer-desc{
    background-color: none;
}

.transfer-desc table{
    border-collapse: collapse;
    text-align: left;
}

.transfer-desc table tr{
    border:1px solid #777;
}

.transfer-desc table tr td{
    padding: 10px 0 10px 8px;
    vertical-align: top;
    white-space: nowrap;
    background: #333;
    font-size:14px;
}

.transfer_copy{
    position: relative;
    width: 98%;
}

.copybtn{
    background-image: var(--main-btn);
    height:20px;
    border:none;
    border-radius:5px;
    color:white;
    font-size:var(--m);
    float:right;
    margin-right:8px;
}

/* transfer wallet div */
.transfer-w-page{
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.transfer-w-page .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--pop-up-bg-layer);
    opacity: 0.7;
}


.transfer-w-page .inner-div{
    position:relative;
    width: clamp(0px, 90%, 372.6px);
    box-sizing: border-box;
    padding: clamp(0px, 6vw, 16.56px) clamp(0px, 2vw, 8.28px);
    background-color: var(--main-color);
    background-image: var(--pop-up-bg-img);
    z-index: 10;
    border-radius: clamp(0px, 1vw, 4.14px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: clamp(0px, 2vw, 8.28px);
    text-align: center;
    border: clamp(0px, 0.25vw, 1.035px) solid var(--main-color);
}

.transfer-w-page .inner-div .close-btn{
    position: absolute;
    top: 0;
    right: 0;
}

.transfer-w-page .inner-div .close-btn svg{
    height: clamp(0px, 10.185vw, 42.166px);
    width: clamp(0px, 10.185vw, 42.166px);
    display: block;
    cursor: pointer;
}

.transfer-w-page .transfer-img{
    width: 70%;
    margin: clamp(0px, 2vw, 8.28px) 0 clamp(0px, 5vw, 20.7px) 0;
}

.transfer-w-page .copy-div{
    width: 90%;
    height: clamp(0px, 10.556vw, 43.702px);
    background-color: #000000;
    border-radius: clamp(0px, 10vw, 41.4px);
    padding-left: clamp(0px, 5vw, 20.7px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.transfer-w-page .copy-div img{
    width: clamp(0px, 8.889vw, 36.8px);
    margin-right: clamp(0px, 1vw, 4.14px);
}

.transfer-w-page .download-details{
    margin: clamp(0px, 5vw, 20.7px) 0;
    display: flex;
    width: 90%;
    flex-direction: column;
    gap: clamp(0px, 1vw, 4.14px);
    align-items: flex-start;
    text-align: start;
}

.transfer-w-page .download-details .inner{
    display: flex;
    flex-direction: row;
}

.transfer-w-page .dwl-div{
    display: flex;
    flex-direction: row;
    width: 90%;
    gap: clamp(0px, 5vw, 20.7px);
}

.transfer-w-page .dwl-btn{
    flex: 1;
    height: clamp(0px, 10.556vw, 43.702px);
    border-radius: clamp(0px, 1vw, 4.14px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg, #0F72FF, #0039CB);
    cursor: pointer;
}

.transfer-w-page .start-btn{
    flex: 1;
    height: clamp(0px, 10.556vw, 43.702px);
    border-radius: clamp(0px, 1vw, 4.14px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg, #00CD14, #007C1B);
    cursor: pointer;

}

/* transfer wallet div */
.loading-section-page{
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.loading-section-page .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--pop-up-bg-layer);
    opacity: 0.7;
    z-index: 8;
}

.loading-section-page img{
    width: clamp(0px, 30vw, 124.2px);
    z-index: 9;
}