body{
    background-image: url(image/crazy-time-bg.webp);
    background-attachment: fixed;
    background-color: #cccccc;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
 .table > :not(:first-child) {
     border-top: 0;
}
 .bg-dark{
     background-image: linear-gradient(#5b52c7, #142590);
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #000;
}
.cms_bonus_content table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
 .rowLineHeight{
     line-height:2em;
     color: #979cb0;
     font-weight: 600;
}
 .textColorCurrency {
     color: #f56908 !important;
     font-weight: 700 !important;
}
 .leaderboard header {
     --start: 15%;
     height: 290px;
     background-size: cover;
     color: #fff;
     position: relative;
     overflow: hidden;
}
 .leaderboard header .leaderboard__title {
     position: absolute;
     z-index: 2;
     top: 50%;
     right: calc(var(--start) * .75);
     transform: translateY(-50%);
     text-transform: uppercase;
     margin: 0;
}
 .leaderboard header .leaderboard__title span {
     display: block;
}
 .leaderboard header .leaderboard__title--top {
     font-size: 24px;
     font-weight: 700;
     letter-spacing: 6.5px;
}
 .leaderboard header .leaderboard__title span {
     display: block;
}
 .leaderboard header .leaderboard__title--bottom {
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 3.55px;
     opacity: 0.65;
     transform: translateY(-2px);
}
.marquee {
	 background-color: #3539a9;
	 color: #fff;
	padding: 3px;
}
 .leaderboard-table{
     background-color: #fff;
     border-radius: 0 0 12px 12px;
}
 .table {
     text-align: center;
}
 .buttonWidth{
     width:200px;
}
 .padding1{
     text-indent:2em;
     font-size: 1em;
}
 .padding2{
     text-indent:4em;
     font-size: 1em;
}
 .paddingStyle{
     padding:3% 
}

 .firstPlace{
	 color:gold;
	 line-height:2em;
     font-weight: 900;
	 vertical-align: middle;
}

 .secondPlace{
	 color:silver;
	 line-height:2em;
     font-weight: 700;
	 vertical-align: middle;
}

 .thirdPlace{
	 color:#b97a56;
	 line-height:2em;
     font-weight: 500;
	 vertical-align: middle;
}

 .badge1{
	 height=35px;
}

 .badge2{
	 height=35;
}

 .badge3{
	 height=35;
}


.footering2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 90%;
}

.footering {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  width: 90%;
}
}
 .leaderboard2 header {
     --start: 15%;
     height: 290px;
     background-image: url("image/IPLtata.png");
     background-size: cover;
     color: #fff;
     position: relative;
     border-radius: 12px 12px 0 0;
     overflow: hidden;
}
 .leaderboard2 header .leaderboard__title2 {
     position: absolute;
     z-index: 2;
     top: 50%;
     right: calc(var(--start) * .75);
     transform: translateY(-50%);
     text-transform: uppercase;
     margin: 0;
}
 .leaderboard2 header .leaderboard__title2 span {
     display: block;
}
 .leaderboard2 header .leaderboard__title2--top {
     font-size: 24px;
     font-weight: 700;
     letter-spacing: 6.5px;
}
 .leaderboard2 header .leaderboard__title2 span {
     display: block;
}
 .leaderboard2 header .leaderboard__title2--bottom {
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 3.55px;
     opacity: 0.65;
     transform: translateY(-2px);
}
 .leaderboard-table2{
     background-color: #fff;
     border-radius: 0 0 12px 12px;
}

 @media (max-width: 500px) {
     .table {
         font-size:15px !important;
    }
     .leaderboard header {
         height: 80px !important;
    }
     .copyright-text{
         font-size:10px !important;
    }
     .buttonWidth{
         width:150px;
    }
     .padding1{
         text-indent:1em;
         font-size: 0.8em;
    }
     .padding2{
         text-indent:2em;
         font-size: 0.8em;
    }
}
 @media (max-width: 700px) and (min-width: 501px) {
     .leaderboard header {
         height: 110px !important;
    }
}
 @media (max-width: 1200px) and (min-width: 700px) {
     .leaderboard header {
         height: 150px !important;
    }
}