.bgimage{
    background: url("/generate\ a\ relative\ .png")no-repeat center center;
    background-size: cover;
    height: 70vh;
  
}
.live{
    display: flex;
    justify-content: space-between;
  
}
.rupe{
    background: url("/image\ copy\ 2.png")no-repeat center center;
    background-size: cover;
    height: 400px;
}
.img3{
    width: 100vw;
    height: 70vh;
}
.play2{
    display: none;
}
.logooo{
    display: flex;
    justify-content: center;
   
}
.hrr{
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 2px;
    color: white !important;
}
.btn_mrktresult{
    align-items: center;
    border-radius: 23.5294px 0px;
    width: 64%;
    height: 45px;
    display: flex;
    justify-content: center;
    margin: auto;
}
@media (max-width:1024px){
    .rupe{
          background: url("/ruppe.png")no-repeat left center;
    }
    .bgimage{
    background: url("/responsiv_banner.jpg")no-repeat center center;
    width: 100%;
    background-size: cover;
    height: 100vh;
  
    }
}
@media (max-width:650px) {
    .hrr{
        top: 82%!important;

    }
     .footer{
          background: url("/ruppe.png")no-repeat left center;
          background-size: cover;
    }
    .aa{
        width: 300px!important;
    }

    .play2{
        display: block;
        
    }
  
    .play{
        display: none;

    }
     .rating{
        background-color: white!important;

    margin: 0!important;
  
 }
  .ans{
    background-color: whitesmoke!important;
    margin: 5px!important;
 }
 .games1{
    width: 100%!important;
    margin: auto;

}
.text{
    background-color: whitesmoke;
    height: auto!important;
    margin: 5px!important;
}
.dis{
   
    margin: 5px!important;
    padding: 0 5px;

}
.dis1{
    width: 100%!important;
    margin: auto;
}
}

.txt{
    font-size: 0.875rem;
    line-height: 3.25rem !important;
}

.stxt{
    font-size: 0.875rem;
    line-height: 2.25rem !important;
}
.chart{
    font-size: 0.875rem;
    line-height: 2.25rem !important;
}
/* .mail{
    margin-left: 250px!important;
} */
 .noti{
    background: url("/image\ copy\ 4.png")no-repeat center center;
    background-size: cover;
    width: 100%!important;
    height: 450px;
 }
 /* .wnoti{
    width: 30vw;
 }
  .wnoti1{
    width: 20vw;
 } */

 .play{
    background-color: whitesmoke;
    border-radius: 20px;
    margin: 50px;
 }
 .rating{
    background-color: whitesmoke;
    margin: 50px;
     border-radius: 20px;  
 }
 p{
    color: black;
 }

 .srceenshots{
    background-color: rgb(25, 45, 25);
    width: 95%!important;
    height: 850px;
    overflow: hidden;
    margin: auto;
 }
 .ans{
    background-color: whitesmoke;
    margin: 50px;
    border-radius: 20px;
 }
.text{
    background-color: whitesmoke;
    height: auto;
    margin: 50px;
    padding-bottom: 10px;
    border-radius: 20px;
}
.games{
    color: black;
    font-size: 30px;
}
.games1{
    width: 70%;
    margin: auto;

}
.dis{
      background: linear-gradient(to right, #1E3A8A, #3B82F6);
    height: auto;
    margin: 50px;
    border-radius: 20px;
}
.dis1{
    width: 70%;
    margin: auto;
}
.dis2{
    color: white;
    font-size: 30px!important;
}
.dis3{
    color: white;
}
.footer{
    background: url("/image\ copy.png")no-repeat center center;
    background-size: cover;
    height: auto;
    width: 100%;
 

}

.footer1{
    width: 100%;
  
}