html body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.main{
    width: 100vw;
    height: 100%;
    position: relative;
   
}
.bannerfantasy{
    position: relative;
    padding-top: 0px;
}
.bannerfantasy img{
    width: 100%;height: 70vh;
}

.riseAndEvolve{
    height: 170vh;background: url(./image/home/home-banner.jpg);width: 100%;
}
.riseAndEvolve2{
    display: none;
}

/* //.gameFeatues */
.gameFeatures{
    height: auto;width: 100%;background: url(./image/home/bgForNew.png);
}
.gameFeatues1{
    background: #2c217288;height: auto;width: 100%;display: flex;flex-direction: column;justify-content: space-around;
}
.gameFeatues1Head{
    width: 40%;height: auto;background: linear-gradient(to right, #b4ec51, #429321);display: flex;justify-content: center;align-items: center;padding: 10px 0px;margin: 20px 0x;
}
.gameFeatues1Head h5{
    letter-spacing: 0px;color:  #ee4524
}
.gameFeatureMain{
    width: 100%;height: auto;display: flex;flex-direction: row;justify-content: space-around;align-items: center;margin: 10px 0px 10px 0px;;
}
.gaemFaeture1Card{
    background: linear-gradient(to right, #b4ec51, #429321);width: 30%;height: auto
}
.gaemFaeture1Card h4{
    border-bottom: 2px solid #f3f3f3;color:  #ee4524
}
.gaemFaeture1Card ul{
    color:  #ee4524;
    line-height: 14px;
}

.adminpannelMain{
    height:auto;width: 100%;background: url(./image/home/home-banner.jpg);
}
.adminpannelMain1{
    background: #2c217288;height: auto;width: 100%;display: flex;flex-direction: column;justify-content: space-around;
}
.adminpannelHead{
    width: 100%;height: 20vh;display: flex;justify-content: end;align-items: center;
}
.adminpannelHead1{
    background:  linear-gradient(to right, #b4ec51, #429321);
    height: 10vh;width: 50%;display: flex;justify-content: center;
    align-items: center;
}
.adminpannelHead1 h4{
    letter-spacing: 0px;color:  #ee4524;
}
.adminpannelCOtent{
    width: 100%;height: auto;display: flex;flex-direction: row;justify-content: space-around;align-items: center;margin-bottom: 10px;
}
.adminPannelCont1{
    background: linear-gradient(to right, #b4ec51, #429321);width: 45%;height:93vh
}
.adminPannelCont2{
    background: linear-gradient(to right, #b4ec51, #429321);width: 45%;height:93vh;
}
@media (max-width : 650px) {
    .bannerfantasy{
       padding-top: 0px;
    }
    .bannerfantasy img{
       height: 25vh;
    } 
    .riseAndEvolve{
        display: none;
    }
    .riseAndEvolve2{
        display: block;
        height: auto;background: url(./image/home/home-banner.jpg);width: 100%;
    }
    /* //.gameFeatues */
.gameFeatures{
    height: auto;width: 100%;background: url(./image/home/bgForNew.png);
}
.gameFeatues1{
    background: #2c217288;height: auto;width: 100%;display: flex;flex-direction: column;justify-content: space-around;padding: 10px 0px;
}
.gameFeatues1Head{
    width: 70%;height: auto;background: linear-gradient(to right, #b4ec51, #429321);display: flex;justify-content: space-around;align-items: center;padding: 10px 0px;
}
.gameFeatues1Head h5{
    letter-spacing: 0px;color:  #ee4524;
    font-size: 15px;padding-left: 10px;margin-bottom: 0%;
}
.gameFeatureMain{
    width: 100%;height: 190vh;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.gaemFaeture1Card{
    background:  linear-gradient(to right, #b4ec51, #429321);width: 90%;height: 60vh
}
.gaemFaeture1Card h4{
    border-bottom: 2px solid #f3f3f3;color:  #ee4524
}
.gaemFaeture1Card ul{
    color:  #ee4524
}



.adminpannelMain{
    height: auto;width: 100%;background: url(./image/home/home-banner.jpg);
}
.adminpannelMain1{
    background: #2c217288;height: auto;width: 100%;display: flex;flex-direction: column;justify-content: space-around;
}
.adminpannelHead{
    width: 100%;height: auto;display: flex;justify-content: end;align-items: center;padding: 10px 0px;
}
.adminpannelHead1{
    background: linear-gradient(to right, #b4ec51, #429321);
    height: auto;width: 70%;display: flex;justify-content: center;
    align-items: center;padding: 8px 0px;
}
.adminpannelHead1 h4{
    letter-spacing: 0px;color:  #ee4524;font-size: 18px;
    padding-left: 8px;
    margin-bottom: 0%;
}
.adminpannelCOtent{
    width: 100%;height: 237vh;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.adminPannelCont1{
    background:  linear-gradient(to right, #b4ec51, #429321);width: 95%;height:124vh
}
.adminPannelCont2{
    background: linear-gradient(to right, #b4ec51, #429321);width: 95%;height:107vh;
}
}