html, body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0;
    display: none; /* Chrome, Safari and Opera */
}

/* Hide scrollbars for any scrollable elements */
* {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

*::-webkit-scrollbar {
    width: 0;
    display: none;
}


.container_banner{
    /* width: 100vw; */
    height: 540px;
    background-color: #000;
}
.banner_bg{
    height: 514px;
    width: 100%;
    background-image: url('https://lilithimage.lilithcdn.com/allgames-official-web/simplegames/en/banner_pc.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.banner_title{
    position: absolute;
    bottom: 100px;
    left: 200px;
    font-size: 52px;
    color: #fff;
}
.banner_title div{
    line-height: 63px;
    text-shadow: 0 6px 10px rgba(0, 0, 0, .5);
    white-space: nowrap;
}
.container_games{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
}
.games_title{
    font-size: 30px;
    color: #333;
    padding: 60px 0 20px 0;
    
}
.games_list{
    width: 100%;
    height: 454px;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;

}
.games_item{
    width: 355px;
    height: 100%;
    background-image: url('https://lilithimage.lilithcdn.com/allgames-official-web/simplegames/en/game01_pc.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.container_footer{
    padding: 50px 0;
    background-color: #211d1d;
    font-family: Helvetica;
    color: hsla(0, 0%, 100%, .4);
}
.container_footer div{
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
}
.container_footer .footer-link{
    padding-bottom: 20px;
}
.footer-link a{
    font-size: 14px;
    color: hsla(0, 0%, 100%, .8);
}
.games_item{
    position: relative;
}
.games_item .item_bg{
    height: 228px;
    /* padding: 0 25px; */
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(180deg, transparent, #000);
    display: none;

 }
 .games_item .item_bg div{
     text-align: center;
     
 }
 .games_item .item_bg .item_desc{
   position: absolute;
   width: 100%;
   bottom: 80px;

 }
 .games_item .item_bg .title1{
     font-size: 24px;
     color: #fff;
     padding: 5px 0;
 }
 .games_item .item_bg .title2{
     font-size: 14px;
     color: #fff;
     padding: 5px 0;
 }
 .games_item:hover .item_bg{
    display: block;
 }

@media screen and (max-width: 750px) {
    .container_banner{
        height: 314px;
    }
    .banner_bg{
        width: 100%;
        background-image: url('https://lilithimage.lilithcdn.com/allgames-official-web/simplegames/en/banner_moblie.webp');
        height: 61.33vw;
    }
    .banner_title{
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
       
    }
    .banner_title div{
        font-size: 25px;
        line-height: 30px;
        text-align: center;
    }
    .games_item{
        width: 47.2vw;
        height: 66.133vw;
    }

    .games_list{
        height: auto;
    }
    .games_item .item_bg{
        height: 80px;
        display: block;
    }
    .games_item .item_bg .item_desc {
        bottom: 40px;
        
    }
    .games_item .item_bg .item_desc .title1{
        font-size: 18px;
    }
    .games_item .item_bg .item_desc .title2{
        display: none;
    }
}
@media (min-width: 750px) and (max-width: 1080px) {
    .banner_title div {
        font-size: 40px;
        line-height: 48px;
        text-align: center;
    }
    .banner_bg{
        background-image: url('https://lilithimage.lilithcdn.com/allgames-official-web/simplegames/en/banner_ipad.webp');
    }
}
@media (min-width: 460px) and (max-width: 750px) {
    .banner_bg{
        height: 53vw;
    }
    .banner_title{
       bottom: 10px;
    }
}