
.ranking::after {
 content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -40%;
    right: -40%;
    background-position: center;
    opacity: 0.1;
    transform: rotate(-20deg);
    background-repeat: no-repeat !important;
    background-position: center center !important;
    transition: all 0.3s ease;
    background-repeat: no-repeat !important;
    background-position: center center !important; 
}

.ranking .rank-icon{
  width:36px !important;
  height:36px !important;
}
.ranking:hover::after {
  opacity: 0.6; /* Fully visible on hover */
  transform: rotate(-10deg); /* Slightly change rotation on hover */
   bottom: -30%;
    right: -30%;
}
.state-slug-iron:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/iron%203.png");
}

.state-slug-bronze:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/bronze%203.png");
}

.state-slug-silver:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/silver%203.png");
}
.state-slug-gold:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/gold%203.png");
}
.state-slug-platinum:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/platinum%203.png");
}
.state-slug-diamond:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/diamond%203.png");
}
.state-slug-immortal:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/immortal%203.png");
}
.state-slug-legend:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/legend.png");
}

.state-slug-ultra:after{
  background: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/ranks/ultra.png");
}

.blog__cover {
    margin-bottom: 24px;
    width: 100%;
    padding: 12px 48px;
    border-radius: 12px;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}



.blog__cover img {
    width: 100%;
    border-radius: 12px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.ranking:hover:before {
    opacity: 1;
    transform: scale(1.04);

}



@media only screen and (max-width: 768px) {
.footer{
  margin-top:0 !important;
  margin-top:0px !important;
  padding-top:0px !important;
}

  .section--last{
    padding-bottom:12px;
  }

  .footer__accepted li{
    padding:16px;
    margin:0 !important;
    
  }

  .footer__accepted {
    padding:12px 16px !important;
  }

  .form__switch label span{
    font-size:12px;
  }

  .form__switch label p{
    line-height:16px !important;
  }

  .form__text p{
    font-size:12px;
    line-height:12px;
  }

  .search__input{
    font-size:12px;
  }


  .header__dropdown-btn{
    gap:12px;
    text-transform:capitalize;
  }

  .header__wallet-menu{
    padding:16px 8px;
  }

  .form__cellar p{
        font-size: 12px;
    line-height: 14px;
  }

  .modal__wallet-menu{
    padding:16px 8px;
  }

  .modal__wallet-currencies span{
    font-size:12px;
  }

  .footer__title{
    margin-bottom:0.5rem;
  }
}


@media (min-width: 768px) {
    .frame-mob {
        display: flex !important;
    }
}

@media (min-width: 2048px) {
    .frame-mob {
        display: none !important;
    }
}



.state-slug-iron:before {
    background: linear-gradient(235deg, #333 0%, rgba(51, 51, 51, 0) 42.39%) !important;
}

.state-slug-bronze:before {
    background: linear-gradient(235deg, #333 0%, rgba(51, 51, 51, 0) 42.39%) !important;
}


.state-slug-silver:before {
    background: linear-gradient(235deg, #8E9391 0%, rgba(142, 147, 145, 0) 42.39%) !important;
}


.state-slug-gold:before {
    background: linear-gradient(235deg, #D6881E 0%, rgba(214, 136, 30, 0) 42.39%) !important;
}


.state-slug-silver:before {
    background: linear-gradient(235deg, #8E9391 0%, rgba(142, 147, 145, 0) 42.39%);
}


.state-slug-platinum:before {
    background: linear-gradient(235deg, #39A6B5 0%, rgba(167, 112, 241, 0.00) 42.39%) !important;
}


.state-slug-diamond:before {
    background: linear-gradient(235deg, #D781E9 0%, rgba(59, 113, 122, 0.00) 42.39%) !important;
}

.state-slug-immortal:before {
    background: linear-gradient(235deg, #B02639 0%, rgba(176, 38, 57, 0.00) 42.39%) !important;
}

.state-slug-legend:before {
    background: linear-gradient(235deg, #0FF796 0%, rgba(15, 247, 150, 0.00) 42.39%)  !important;
}

.vip:before {
    background: url(https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/gXmqkthvbB1521K/vip/vip.png) ;
  filter:none !important;
  background-size:100% 100%;
  
}


.vip__btn{
  visibility:hidden;
}

