.banner {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/fantasy-kabaddi-app/banner-img.webp), url(../images/fantasy-kabaddi-app/banner-bg.webp);
    background-position: right bottom, center;
    background-repeat: no-repeat;
    background-size: 50%, cover;
}
.btn-outline-dark {
    background: linear-gradient(89deg, #491bff 0%, #1cef86 100%);;
    backdrop-filter: blur(3px);
    min-width: 160px;
    color: #000000;
    padding: 10px 8px;
    border: 0px;
}
:root{--fcolor: #64ff87;--mcolor:#fff;--navcolor:#0a090f ;--btnbg:#0a090f;--scolor:#5d12eb;--tcolor:#5d12eb;--tabline:#5d12eb;--txtcolor:#ccc;}
body{
    background: #070310;
    color: #FFF;
}
.yellowt{
    color: #64ff87;
}
.card_dark{
    background: #0E0A14;
    border-radius: 16px;
    padding: 32px 24px;
    height: 100%
}
h3{
    font-size: 22px;
}
.bac_img{
    position: absolute;
    width: 100%;
    z-index: -1;
}
.card_bord{
    border: 1px solid rgba(250, 229, 58, 0.4);
    border-radius: 9px;
    padding: 32px 24px;
    height: 100%
}
.bord_dark{
    background: #06000F;
    border: 1px solid rgb(115 80 214 / 25%);
    border-radius: 12px;
    padding: 32px 24px;
    height: 100%
}
.lit_gry{
    color: #CCC;
}
.ground_bg{
    background:  url(../images/fantasy-kabaddi-app/last-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ground_bg p{
  color: #fff
}
.bord_dark h3{
    color: #FFF;
    transition: all .3s ease;
}
.bord_dark:hover h3{
    color: #5d12eb;
}
.topmenu .megadropdown >li.select > a {
    background: url(../images/nextarrow.svg) #5d12eb;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 17px;
    border-radius: 4px;
    color: #fff !important;
}
.feat1 .cards {
    border:  1px solid rgb(115 80 214 / 25%);
    border-radius: 12px;
    padding: 40px 30px;
    height: 100%;
    transition: all .3s ease;
}
 .cards_black {
    height: 100%;
    margin: 10px;
    border-radius: 8px;
    background-color: transparent;
    padding: 20px;
    transition: .3s all ease;
}
.cards_black:hover {
    background:linear-gradient(131.78deg, rgba(0, 0, 0, 0) 4.69%, rgb(100 255 135) 118.27%);
}
.w-btn {
    background: #64ff87;
    color: #000;
    border-radius: 5px;
    padding: 10px 8px;
    font-size: 16px;
    font-weight: 700;
    min-width: 200px;
}
.btn-outline-dark:hover {
    background: linear-gradient(176deg, #006717 33%, #64ff87 81.23%) !important;
    border-color: #25c3fc !important;
}
@media (max-width: 991px){
    .banner {
        background: linear-gradient(0deg, #06000f, #23532d);
        background-size: 100%;
    }
    .ground_bg{
        background: none;
    }
}