body{
    background: #040606;
    overflow-x: hidden;
    color: #E4E4E4;

}


:root{    
    --fcolor: #32ed86;
    --mcolor: #fff;
    --navcolor: #08070b;
    --btnbg: #0a090f;
    --scolor: #32ed86;
    --tcolor: #67DBD0;
    --tabline: #8e8e8e;
    --txtcolor: #ccc;}
.banner{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/images/bc-game-clone/banner-img.webp), url(/images/bc-game-clone/banner-bg.webp);
    background-position: right bottom, center;
    background-repeat: no-repeat;
    background-size: 50%, cover;
}

.btn-outline {
    background: #32ED86;
    padding: 8px 20px;
    font-weight: 700;
    color: #000;
    border: 0px !important;

}
.btn-outline:hover{
    background:#fff!important;
    color:#000;

}

/*  .shake-bottom:hover{
  -webkit-animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
          animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;           
}

@-webkit-keyframes shake-bottom {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes shake-bottom {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}*/
.p {
  color: #ccc!important; 
}


.yellowt{
    color: #32ED86;
}
.h5{
    color: #B3BEC1 !important;
}
.btn-outline-dark {
  background:linear-gradient(180deg, #32ed86 0%, #00672e 100%);
  backdrop-filter: blur(3px);
  min-width: 200px;
  color: #000;
  padding: 10px 8px;
  border: 0px;
}
.bg_card {
    background: #111111;
    border-radius: 8px;
    height: 100%;
    padding: 50px 40px;
    transition: .3 all ease;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .bg_card:hover {
    background: linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    border: 1px solid rgba(103, 219, 208, 0.3);
    border-radius: 8px;
}

  .cards_black {
    height: 100%;
    margin: 10px;
    border-radius: 8px;
    background-color: transparent;
    padding: 20px;
    transition: .3s all ease;
}
.cards_black:hover {
    background-color: rgb(10 28 19);;
}
.cards_black:hover h5 {
    color: #32ED86 !important;
}
.nfl_card {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-height: 450px;
    border-radius: 20px;
    padding: 20px;
    padding-top: 40px;
}
.nfl_scard {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-height: 280px;
    border-radius: 20px;
    padding: 20px;
    padding-top: 40px;
}
.nfl_scard h4 {
    color: #fff;
}
.nfl_card.card_1 {
    background: url(/images/bc-game-clone/transaction-fee.webp);
}
.nfl_card.card_2 {
    background: url(/images/bc-game-clone/token.webp);
}
.nfl_card.card_3 {
    background: url(/images/bc-game-clone/sub.webp);
}
.nfl_card.card_4 {
    background: url(/images/bc-game-clone/referral.webp);
}
.nfl_card.card_5 {
    background: url(/images/bc-game-clone/aff.webp);
}
.nfl_scard.scard_1 {
    background: url(/images/bc-game-clone/bonus-code.webp);
}
.nfl_scard.scard_2 {
    background: url(/images/bc-game-clone/special-rewards.webp);
}
.nfl_scard.scard_3 {
    background: url(/images/bc-game-clone/roll-competition.webp);
}
.nfl_scard.scard_4 {
    background: url(/images/bc-game-clone/lucky-spin.webp);
}
.nfl_scard.scard_5 {
    background: url(/images/bc-game-clone/cashback.webp);
}
img.card_imgpos {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 89%;
}
.full_bg {
    background: url(/images/bc-game-clone/why-bg.webp);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 450px;
    overflow-x: hidden;
}
.btn-dark {
    background: #32ed86;
    backdrop-filter: blur(3px);
    min-width: 160px;
    color: #000000;
    padding: 10px 8px;
    border: 0px;
}
.btn-dark:hover {
   background-color: #c20ea2;
    border-color: #000000 !important;
}
.bac_img {
    position: absolute;
    width: 100%;
    z-index: -1;
}
.topmenu .megadropdown >li.select > a {
    background: url(../images/nextarrow.svg) #00873d;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 17px;
    border-radius: 4px;
    color: #fff !important;
}
.owl-carousel .owl-item img {
    max-width: 50px;
    width: 100%;
}
.owl-prev {
    background: url(/images/fantasy-sports-development/left-arrow.png) !important;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 30px !important;
}
.owl-next {
    background: url(/images/fantasy-sports-development/right-arrow.png) !important;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    background-position: center;
    background-repeat: no-repeat;
}
.owl-nav{
  position: absolute;
    bottom: -70px;
    width: 100%;
}
#nex_caro{
  margin-bottom:70px;
}
.owl-carousel .owl-item img {
    max-width: 50px;
    width: 100%;
}
.item {
    height: 100%;
}
.launch1 {
    background: linear-gradient(360deg, #99476A 0%, #331823 100%);
    height: 100% !important;
    border: 1px solid #8E8E8E4D;
    padding: 20px;
    border-radius: 20px;
}
.launch2 {
    background: linear-gradient(360deg, #998741 0%, #332D16 100%);
    height: 100% !important;
    border: 1px solid #8E8E8E4D;
    padding: 20px;
    border-radius: 20px;
}

.launch3 {
    background: linear-gradient(180deg, #3C4415 0%, #97AA34 100%);
    height: 100% !important;
    border: 1px solid #8E8E8E4D;
    padding: 20px;
    border-radius: 20px;
}

.launch4 {
    background: linear-gradient(180deg, #124420 0%, #2DAA4F 100%);
    height: 100% !important;
    border: 1px solid #8E8E8E4D;
    padding: 20px;
    border-radius: 20px;
}

.launch5 {
    background: linear-gradient(360deg, #2D69A4 0%, #11283E 100%);
    height: 100% !important;
    border: 1px solid #8E8E8E4D;
    padding: 20px;
    border-radius: 20px;
}

.owl-carousel .owl-stage-outer h5{
    color: #fff !important;
}
.owl-carousel .owl-stage-outer p{
    color: #fff !important;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: transparent;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.dice_right {
    background: url(../images/bc-game-clone/right-dice.webp);
    background-position: right;
    background-size: 15%;
    background-repeat: no-repeat;
}
.dice_left {
    background: url(../images/bc-game-clone/left-dice.webp);
    background-position: center left;
    background-size: 15%;
    background-repeat: no-repeat;
}

.tech_logo{

}
.card_img1{
    background: url(../images/bc-game-clone/crash-clone.webp),#1111117a;
        background-size: 45%,100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.card_img2{
     background: url(../images/bc-game-clone/nft-clone.webp),#1111117a;
         background-size: 30%,100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.card_img3{
     background: url(../images/bc-game-clone/casino-clone.webp),#1111117a;
         background-size:34%,100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.card_img4{
     background: url(../images/bc-game-clone/hash-clone.webp),#1111117a;
         background-size: 34%,100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.card_img1:hover{
    background: linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    border: 1px solid rgba(103, 219, 208, 0.3);
    border-radius: 8px;
    background: url(../images/bc-game-clone/crash-clone.webp), linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    background-size: 45%, 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    border: 0px;
}
.card_img2:hover{
    background: linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    border: 1px solid rgba(103, 219, 208, 0.3);
    border-radius: 8px;
    background: url(../images/bc-game-clone/nft-clone.webp), linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    background-size: 30%, 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    border: 0px;
}
.card_img3:hover{
    background: linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    border: 1px solid rgba(103, 219, 208, 0.3);
    border-radius: 8px;
    background: url(../images/bc-game-clone/casino-clone.webp), linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    background-size: 34%, 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    border: 0px;
}
.card_img4:hover{
    background: linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    border: 1px solid rgba(103, 219, 208, 0.3);
    border-radius: 8px;
    background: url(../images/bc-game-clone/hash-clone.webp), linear-gradient(101.13deg, rgba(28, 135, 76, 0) 0.41%, #32ED86 99.74%);
    background-size: 34%, 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    border: 0px;
}
.fh5{
    color: #000 !important;
    font-size: 19px;
    font-weight: 500;
}

.caro_border {
    padding: 20px;
    border: 1px solid rgba(203, 244, 143, 0.23);
    border-radius: 8px;
    height: 100%;
    transition: all .3s 
ease;
}
 @media(max-width: 991px){
.full_bg{
    background: none;
}
.bg_card p{
    background:#1111117a;
}
.innermenu .mainmenu{
    background-color: var(--navcolor)!important;
}
}

 @media(max-width: 768px){
.tech_logo img{
    width: 100%;
}
.bg_card{
    background:#1111117a !important;
}


}