body html{
    overflow: hidden;
    margin: 0;
    background-color: rgba(176, 173, 173, 0.27);
    font-family: "Varela Round", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.user_image{
    width: 2em;
    height: auto;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}
.nav_text_credits{
    margin: 0 auto;
    display: block;
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-radius: 0.2rem;
}
.main-nav{
    background-color: #000000;
    padding: 0.5rem;
    /*border-bottom: 2px solid #ffffff;*/
    color: #ffffff;
}
.nav_text_credits{
    color: white;
}

.has-search .form-control {
    padding-left: 2.375rem;
    border-radius: 0 !important;
    font-size: 1rem;
    color: #E41320 !important;
    border: 0;
}

.nav_text_credits:hover{
    color: #0d6efd!important;
    text-decoration: none;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    border-radius: 0 !important;
    color: #aaa;
}

.has-search .form-control::placeholder {
    color: white;
}

.has-search input.form-control {
    background-color: rgba(176, 173, 173, 0.27);
    border-color: rgba(176, 173, 173, 0.27);
}

.CustomSearch input::placeholder {
    color: black;
}

.section_block{
    padding: 1rem;
    /*background-color: rgba(176, 173, 173, 0.27);*/
    background-color:white;
    height: auto;
}
.square_image img{
    padding: 0.1rem;
}
/*.main-div{*/
/*    background-color: rgba(176, 173, 173, 0.27);*/
/*}*/
.title_art{
    font-size: 0.8rem;

}
.img-circle{
    border-radius: 50%;
}
.footer {
    background-color: black; /* Adjust background color as needed */
    color: #fff;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footer_title{
    font-size: 0.8rem;
    margin: 0;
}

.CustomSearch .form-group > input#search_text {
    &::placeholder {
        color: black !important;
    }
}
/*.arcadegame_img{*/
/*    width: 314px;*/
/*    height: 314px;*/
/*}*/

#all_music_div{
    cursor: pointer;
}
#arcade_games{
    cursor: pointer;
}
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    border-radius:0px !important;
}
.slider {
    transform: translate3d(0, 0, 0);
}

.viewall_games:hover {
    color: red;
    cursor: pointer; /* Change cursor to pointer on hover */
    text-decoration: underline; /* Remove underline from anchor tag */
}
.arcadegame_img{
    cursor: pointer;
}

.arcadegame_img_viewall{
    width: 7rem;
    height: auto;
}


.slick-next {
    right: 0 !important
}
.slick-prev {
    left: 0 !important;
}

.slick-arrow {
    z-index: 1;
    width: 40px;
    height: 40px;
}

.slick-arrow:before {
    font-size: 30px;
}
.playbtn__modal{
    cursor: pointer;
}
.footer{
    z-index: 9999 !important;
}