.card {
    /* background: url('../../../../../content/dam/sunbet/explore-cards/CARD_SLOTS.webp') no-repeat center center/cover; */
    /* background-size: cover; */
    background-position: center;
    border-radius: 36px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
    max-width: 300px;
    align-items: center;
    justify-content: end;
    height: 400px;
    text-align: center;
    margin: 20px auto;
    position: relative;
}

.card-pointer {
    cursor: default;
}

.img-gold-outline {
    border: 1px solid transparent !important;
}


/* .card-2 {
    background: url('../../../../../content/dam/sunbet/explore-cards/CARD_TABLES.webp') no-repeat center center/cover;
    border-radius: 36px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
    max-width: 300px;
    height: 400px;
    text-align: center;
    margin: 20px auto;
    position: relative;
} */

.logo-url {
    cursor: pointer;
}

.card-content {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.small-card-content {
    position: relative;
    bottom: 180px;
    left: 31%;
    white-space: pre-line;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.games-card-content {
    position: relative;
    bottom: 182px;
    left: 50%;
    white-space: pre-line;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;

}

#w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
    position: relative !important;
}

.btn {
    display: inline-block;
    padding: 10px 20px;
    /* margin: 10px 5px; */
    border: none;
    border-radius: 5px;
    line-height: 0.1 !important;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-1 {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 5px;
    border: none;
    border-radius: 5px;
    line-height: 0.728571 !important;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;

}

.btn-2 {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    margin: 10px 5px;
    border: none;
    border-radius: 5px;
    line-height: 0.728571 !important;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;

}

.grid-2 {
    width: 60%;
    margin: auto;
}

.sign-up {
    background: linear-gradient(to right, #FFAB09, #FFC700, #FFAB09);
    color: var(--new-ci-blue);
    border: 1px rgba(255, 255, 255, .45);
    border-radius: 100px;
    /* padding: 1rem 2rem; */
    font-family: Museosansrounded, sans-serif;
    font-size: 21px;
    width: 180px;
    width: 180px;
    height: 40px;
    margin-top: 14px;
    font-weight: 900;
    transition-property: all;
}

.small-sign-up {
    background: linear-gradient(to right, #FFAB09, #FFC700, #FFAB09);
    color: var(--new-ci-blue);
    border: 1px rgba(255, 255, 255, .45);
    border-radius: 100px;
    /* padding: 1rem 2rem; */
    font-family: Museosansrounded, sans-serif;
    font-size: 21px;
    width: 130px;
    height: 40px;
    margin-top: 14px;
    font-weight: 900;
    transition-property: all;
}

.explore {
    background: transparent;
    color: #fff;
    position: relative;
    border: 3px solid #fcc917;
    border-radius: 100px;
    /* padding: 1rem 2rem; */
    font-family: Museosansrounded, sans-serif;
    font-size: 21.53px;
    height: 40px;
    width: 180px;
    width: 180px;
    font-weight: 900;
    transition-property: all;
}

.small-explore {
    background: transparent;
    color: #fff;
    position: relative;
    border: 3px solid #fcc917;
    border-radius: 100px;
    /* padding: 1rem 2rem; */
    font-family: Museosansrounded, sans-serif;
    font-size: 21.53px;
    height: 40px;
    width: 130px;
    font-weight: 900;
    transition-property: all;
}

.sign-up:hover {
    background: linear-gradient(to right, #FFAB09, #FFC700, #FFAB09);
}

.button-new-ci.small {
    font-size: 21px;
    padding-top: 0.3rem;
}

.explore:hover {
    background: transparent;
}

/* Responsive design */

@media (max-width: 325px) {
    .small-card-content {
        left: 17% !important;
        bottom: 136px !important;
    }

    #w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
        position: relative;
        right: 10px !important;
    }

    .div-block-486 {
        padding-left: 1.5rem !important;
    }
}

@media (min-width: 341px) and (max-width: 361px) {
    #w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
        right: 24px !important;
    }
}

@media (min-width: 362px) and (max-width: 374px) {
    #w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
        right: 17px !important;
    }
}

@media (min-width: 374px) and (max-width: 376px) {
    #w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
        right: 31px !important;
    }
}

@media (max-width: 379px) {
    .games-card-content {
        left: 54% !important;
        bottom: 115px !important;
    }

    .games-card {
        width: auto;
        height: 244.52px !important;
    }

    .div-block-486 {
        padding-left: 3.5rem !important;
    }

    .small-explore {
        margin-top: 11px;
    }

    #slotsBtn {
        white-space: nowrap;
    }

    #crashBtn {
        white-space: nowrap;
    }

    #tableBtn {
        white-space: nowrap;
    }

    #sportsBtn {
        white-space: nowrap;
    }

    .header_logo a.navbar-brand {
        width: 77px;
    }

    .mobile-explore {
        width: 108.43px;
        height: 21.76px;
        font-size: 11px !important;
    }

}

@media (min-width: 380px) and (max-width: 400px) {
    .div-block-486 {
        padding-left: 4.3rem !important;
    }
}

@media (min-width: 379px) and (max-width: 479px) {
    .games-card-content {
        left: 54% !important;
        bottom: 127px !important;
    }

    .mobile-explore {
        width: 132.43px;
        height: 31.76px;
        font-size: 14px !important;
    }

}

/* @media (min-width:326px) and (max-width: 479px) {
    .small-card-content {
        left: 17% !important;
        bottom: 140px !important;
    }
} */

@media (max-width: 376px) {
    .small-card-content {
        left: 17% !important;
        bottom: 140px !important;
    }

    /* #w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
        position: relative;
        right: 6% !important;
    } */

}

@media (max-width: 426px) {
    #w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
        right: 20px;
    }
}

@media (max-width: 479px) {
    .button-new-ci.small.full-width {
        width: 130px;
        height: 40px;
    }

    /* #w-node-a73271e8-3f59-6367-b2e3-61ce0df2c3f9-52868320 {
        position: relative;
        right: 5px;
    } */

    /* .sign-up {
        margin-top: 8px;
    } */

    #w-slider-mask-3 {
        margin-bottom: 165px;
    }

    .button-new-ci.small {
        padding-top: 0.5rem;
    }

    .btn-2 {
        width: 130px !important;
    }

    .small-card-content {
        left: 17% !important;
        bottom: 136px !important;
    }

    .games-card {
        width: auto;
        height: 288.52px;
    }

    #smallReturningUserMobile {
        position: relative;
        left: auto;
        margin-bottom: 8%;
    }

    #smallNewUserMobile {
        position: relative;
        left: auto;
    }

    .slide-144 {
        margin-bottom: 170px !important;
    }

    .games-explore {
        width: 134px !important;
    }

    .slide-nav-13 {
        margin-right: 172px;
    }
}

@media (max-width: 768px) {
    .div-block-486 {
        width: 100%;
        display: inline-flex;
        padding-left: 6.5rem;
    }

    .play-now-mobile {
        width: 212px;
        display: inline-flex;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
        margin-bottom: 2rem;


    }

    .btn-2 {
        width: 46%;
        width: 46%;
        padding: 12px 12px;
    }

    .explore {
        margin-top: 0px;
        font-size: 20px;
    }

    #sportBtn {
        width: 65% !important;
    }

    .button-new-ci {
        height: 45px;
        width: 110px;
        width: 110px;
    }


    .button-new-ci.small {
        font-size: 20px;
    }

    .card-content {
        bottom: 10px;
        transform: translateX(-50%);
        width: 95%;
    }

    .btn {
        font-size: 24px;
    }


    .card-grid {
        max-width: 577px !important;
        padding-left: 20px;
    }


    .explore {
        font-size: 21px;
    }

    .small-card {
        height: 10px;
    }

    .small-card-content {
        bottom: 165px;
        left: 15%;
        position: relative;
    }

    .games-card-content {
        bottom: 165px;
        left: 15%;
        position: relative;
    }

    .small-explore {
        font-size: 17px !important;
        width: 120px;
        margin-right: 18px;
    }

    .small-sign-up {
        font-size: 17px !important;
        width: 120px;
        margin-right: 18px;
        margin-top: 10px;
    }
}

@media (max-width: 990px) {
    .signup-100--match {
        background-size: cover !important;
        display: flex;
        background: url(../../../../../content/dam/sunbet/come-alive/SignUp_Mobile_Cut.webp);
    }

    #smallNewUser {
        display: none !important;
    }

    #smallReturningUser {
        display: none !important;
    }
}


@media (min-width: 991px) {
    .signup-100--match {
        background-size: cover !important;
        display: flex;
        background: url(../../../../../content/dam/sunbet/come-alive/Sign%20Up%20Banner%20Background%20Desktop%20Cut.webp);
    }
}



.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width: 601px) and (max-width: 768px) {
    .card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(280px, 1fr));
        column-gap: 15px;
        row-gap: 0px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .mobile-explore {
        width: 132.43px;
        height: 31.76px;
        font-size: 14px !important;
    }

    .card {
        margin: 3px auto;
    }


    .div-block-486 {
        width: 100%;
        display: inline-flex;
        padding-left: 17.5rem;
    }

    .btn-2 {
        width: auto;
        padding: 12px 12px;
    }

    .explore {
        margin-top: 0px;
        font-size: 20px;
    }

    /* .sign-up {
        margin-top: 4px;
    } */

    .small-card {
        height: 300px;
    }

    .button-new-ci {
        height: 40px;
        width: 122px !important;
        padding-top: 0.5rem;
    }

    .games-card-content {
        bottom: 122px;
        left: 50%;
        position: relative;
    }

    .button-new-ci.small {
        font-size: 20px;
        white-space: nowrap;
    }


}

@media (min-width: 1024px) and (max-width: 1199px) {

    .small-card-content {
        position: relative;
        bottom: 151px;
    }

}

@media (min-width: 1024px) and (max-width: 1403px) {

    .padding-section-large-37.large.no-mobile {
        padding-top: 0rem;
    }


    .text-block-338 {
        top: 101%;
    }

    .games-card-content {
        position: relative;
        bottom: 150px;
    }

    .small-explore {
        font-size: 15.53px;
        height: 35px;
        width: 123px;
    }

    .small-sign-up {
        font-size: 15.53px;
        height: 35px;
        width: 123px;

    }

    .text-block-338 {
        top: 101%;
    }

    .slide-20 {
        margin: 10px;
        width: 22%;
    }


    .hide-mobile {
        display: flex;
        align-items: center;
    }

    .button-new-ci.small {
        white-space: nowrap;
        height: 40px;
    }

    .card-grid {
        width: 100%;
    }

}

@media (min-width: 769px) {
    .play-now-mobile {
        display: none;
    }
}
.grid-slider {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: grid
}

.link-point {
    padding: 20px;
    text-align: center;
}

.card-content {
    position: relative;
    bottom: 140px;
}


.grid-tile {
    text-align: center;
    /* padding-top: 90px; */
}

@media screen and (max-width:600px) {
    .grid-slider {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        display: grid
    }

    .games-card {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        display: grid
    }

    .link-point {
        padding: 3px;
        text-align: center;

    }


}

/* Responsive */

/* Extra Large Screens (4K, Large Monitors) */
.link-point {
    height: 445px;
}

/* .section_layout238 {
    margin-top: 225px;
} */

/* div#slots {
    margin-top: 225px;
} */

@media (min-width: 1600px) {
    .link-point {
        height: 445px;
    }

    .signup-100--match {
        margin-top: 225px;
    }

    .card-content {
        position: relative;
        bottom: 140px;
        left: 44%;
    }
}


@media (max-width: 1441px) {
    .link-point {
        height: 445px;
    }
}


@media (max-width: 1280px) {
    .link-point {

        height: 375px;
    }

    .card-content {
        bottom: 120px;
    }
}


@media screen and (min-width: 1024px) {

    #bonus-div {
        margin-top: 5rem !important;
    }
}

@media (max-width: 1025px) {
    .link-point {
        height: 285px;
    }

    .card-content {
        bottom: 101px;
    }
}

@media (min-width: 870px) and (max-width: 953px) {
    .landingpageComeLiveComponent {
        position: relative;
        top: 15px;
        /* top: 171px; */
    }

    /* .section_layout238 {
        margin-top: -10px;
    } */

    .signup-100--match {
        margin-top: -10px;
    }

    .sign-up {
        width: 164px;
        height: 35px;
        font-size: 16px;
    }

    .card-content {
        bottom: 91px !important;
    }

    .explore {
        font-size: 16px !important;
        height: 35px !important;
        width: 164px !important;
    }

}

@media (max-width: 900px) {
    .link-point {
        height: 245px;
    }

    .card-content {
        position: relative;
        bottom: 99px;
    }

    button#exploreBtn {
        top: 9px;
    }

}


@media (max-width: 768px) {
    .card-content {
        position: relative;
        bottom: 72px;
    }

    .mobile-explore {
        width: 88%;
    }

    .link-point {
        padding: 20px;
        text-align: center;
        height: 200px;
    }

    /* .section_layout238 {
        margin-top: 15px;
    } */

    .signup-100--match {
        margin-top: 15px;
    }
}

@media (min-width: 601px) and (max-width: 768px) {
    .mobile-explore {
        width: 88%;
        height: 26.76px;
        font-size: 12px !important;
    }

    .card-content {
        bottom: 68px;
    }

}

@media (min-width: 602px) and (max-width: 690px) {
    .link-point {
        height: 175px;
    }

    .mobile-explore {
        height: 22.76px;
    }

    .card-content {
        bottom: 63px;
    }
}

@media (max-width: 600px) {
    .card-content {
        position: relative;
        bottom: 122px;
    }

    .link-point {
        padding: 3px;
        height: 380px;
        text-align: center;
    }

}


@media (max-width: 502px) {
    .card-content {
        position: relative;
        bottom: 109px;
    }

    .link-point {
        padding: 3px;
        height: 319px;
        text-align: center;
    }

}


@media (max-width: 479px) {
    .link-point {
        height: 307px;
    }

    .signup-100--match {
        margin-top: 326px;
    }

    #bonus-div {
        margin-top: 104rem;
    }

    .card-content {
        z-index: 9;
        bottom: 85px;
    }

    /* .section_layout238 {
        margin-top: 310px;
    } */

}

@media (max-width: 391px) {
    .link-point {
        height: 260px;
    }

}

@media (max-width: 376px) {
    #bonus-div {
        margin-top: 90rem;
    }
}


@media (max-width: 360px) {
    .card-content {
        bottom: 76px;
    }

    #bonus-div {
        margin-top: 77rem;
    }

    .link-point {
        height: 225px;
    }

    .signup-100--match {
        margin-top: 310px !important;
    }
}


@media (max-width: 320px) {
    .card-content {
        position: relative;
        bottom: 67px;
    }

    .link-point {
        padding: 3px;
        height: 200px;
        text-align: center;
    }

    .signup-100--match {
        margin-top: 305px !important;
    }

}