.offerwall-container-x {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    text-align: center;
}

.cashout-container-x {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    text-align: center;
}

.offerwall-title-x {
    margin: 0 20px;
}

.network-card-grid {
    width: calc(100% - 40px);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
    justify-content: center;
    margin: 0 auto; /* Center the grid */
}

.cashout-card-grid{
    width: calc(100% - 40px);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
    justify-content: center;
    margin: 0 auto; 
}

.network-card-x {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

/* Reset styles for all descendants to prevent interference with grid gap */
.network-card-x * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ensure child elements take full width of grid cell */
.network-logo-parent, .network-logo, .network-name, .network-rating {
    width: 100%;
}

/* Reset specific child elements */
.shadow-wall, .offers-pill, .play-offer, .shadow-wall-text {
    margin: 0;
    padding: 0;
}

.network-card-x .network-logo-parent{
width: 100%;;
}

.cashout-card-x .network-logo-parent{
width: 100%;;
}


.cashout-title-x{
    margin: 0 20px;
}

.cashout-card-x {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.profile-parent-x{
    margin: auto 20px;
}

.referral-panel-x{
 margin: 24px 20px;
}

.profile-bottom-panel-x{
   margin: 24px auto;
}

@media screen and (max-width: 992px) {
    footer {
        display: none;
    }
}