.location_info{color: white;padding-top: 4rem;}
.location_info>a:before{background: white;}
.background {background: #840000  url(../img/news_bng_beastsaga_bg-2.png) top center no-repeat ;}
.background+section+section,.background+section+section+section,.background+section+section+section+section {background: #840000  ;}
.background+section{
    background: url(../img/news_bng_beastsaga_bg-1.png) top center no-repeat,
    url(../img/news_bng_beastsaga_bg-3.png) bottom center no-repeat;
    padding: 6rem 0;}
    .background .logo {
    }
    .background .logo img{
        width: 45%;
        animation: slogan 3s;
        height: auto;
        object-fit: contain;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation: slogan 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation: slogan 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation: slogan 3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    }
.event-game a{
    margin-bottom: .7rem;
    text-align: center;font-size: 1.2rem;
    color: white;
}
.event-game a:hover p{
        color: #fff311;
    transition: 0.4s;}
.event-game a:hover p::before{
    content: '▶';
    opacity: 1;
    /* color: #fff311; */
    margin-right: 2px;
    font-family: fantasy;
    font-style: normal; 
}

.event-game img{
    width: 100%;
    padding: .7rem;
    transition: 0.4s;
    filter: brightness(100%);
}
.event-game a:hover img{
    transition: 0.4s;
    padding: .5rem;
    filter: brightness(140%);
}
h3.secnde_title {
    /* font-family: 'Noto Sans', sans-serif; */
    font-size: 1.3rem;
    color: #e80;
    font-weight:700;
    margin-bottom: 0;
    letter-spacing: 2px;
    line-height: 35px;
}
.event-info span{color: #e80;font-weight: 700;}
.event-info table {
    width: 100%;
    padding: 0px;
    text-align: center;
}
.event-info tr:nth-child(even){background:rgba(0, 0, 0, 0.111) ;}
.event-info tr:first-child{background: #980000;font-weight:700;color: white;}
.event-info td,.event-info th{border: white 1px solid;}
/* .event-info .row:nth-child(2) .col-6:nth-child(2){order: -1;} */

.brd_st {
        background: #3c0000;
        border-radius: 8px;
        border: 2px dashed #b30000;
        color: white;
    }
    .altex_box_b,.brd_st {padding: .5rem 2rem ;}
    .peo {
        position: absolute;
        width: 47%;
        z-index: 2;
        /* display: block; */
        right: 0;
        bottom: 5rem;
        filter: drop-shadow(5px 9px 6px #2f000c);
        -moz-filter: drop-shadow(5px 9px 6px #2f000c);
        -webkit-filter: drop-shadow(5px 9px 6px #2f000c);
        -o-filter: drop-shadow(5px 9px 6px #2f000c);
    }
    .peo img{
        width: 100%;height: 100%;object-fit: contain;
        animation: manb 4.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -moz-animation: manb 4.5s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -webkit-animation: manb 4.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -o-animation: manb 4.5s;
        -o-animation-timing-function: linear;
        -o-animation-iteration-count: infinite;
    }
    .promoLink a ,.backtoindex_btn.hoverbtn:hover,.backtoindex_btn.hoverbtn:after, .backtoindex_btn.hoverbtn:before{color: #fff311;border-color:#fff311 ;}
    .promoLink a:hover{color: #ffffff;border-color:#ffffff ;}
    .backtoindex_btn.hoverbtn:hover{border-color:#fff31100 ;}
@media screen and (max-width:1200px){
    .background .logo img{width: 70%;}
    .peo{width: 50%;bottom: calc(100% - 7.5rem);}
}
@media screen and (max-width:768px){
    .background .logo img{width: 95%;}
}