/* banner section */
.depositmain_banner {
    background: url('../images/deposits/deposit_banner.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 0px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    position: relative;
}
.container__ksr.deposit_banner {
    padding: 40px 30px 20px;
}
.depositban_right{
    flex-basis: 50%;
    text-align: center;
}
.depositban_right img{ 
  max-width: 450px;
}
.depositban_left{
    padding: 30px 35px;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.depositban_play h3{
    font-family: 'averta-regular';
    font-size: clamp(1.375rem, 0.8393rem + 2.6786vw, 3.25rem);
    font-weight: 400;
    color: #FFFFFF;
}
.depositban_play span{
    font-family: 'averta-semibold';
}
.depositban_play p{
    font-size: clamp(1.375rem, 1.1964rem + 0.8929vw, 2rem);
    font-weight: 400;
    color:#E6BD17;
    margin-top: 20px;
}

.depositban_play_nowbtn {
    background: #ffc426;
    color: #000;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    border: none;
    font-family: 'averta-semibold';
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}
/* marquee */
/* marquee */
.depositexchange_marque, .deposit_marquee {
    background: linear-gradient(180deg, #2F424D 0%, #141E21 100%);
}
.deposit_marqueesection {
    padding: 15px 0;
}
.depositexchange_marque {
    font-size: 2vw;
    color: #fff;
    height: 2.5vw;
    overflow: hidden;
    position: relative;
}
.depositexchange_marque div {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    animation: 12s linear infinite marquee;
}
@keyframes  marquee{
  0%{
     left: 0; 
  }  
  100%{
    left: -100%;
  }
}

.depositmarque_transactions {
    font-family: 'averta-semibold';
    font-weight: 400;
    font-size: clamp(0.875rem, 0.7321rem + 0.7143vw, 1.375rem);
    color: #dedede;
    padding-left: 25px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

/* deposit common */
.deposit_heading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
}
.deposit_txtim {
    position: relative;
    background: #1B21291A;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border-radius: 10px;
    padding: 7px 14px;
    margin: 0 auto;
}

.deposit_txtim:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(0deg, #1B2129, #F2F1EF, #C7CBCE, #738A99, #60717C);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}
.deposit_txtim p {
    font-size: 12px;
    font-weight: 400;
    font-family: 'averta-regular';
    color: #263D4C;
    margin-top: 3px;
}
.deposit_subhead {
    text-align: center;
}
.deposit_head {
    font-family: 'averta-semibold';
    font-size: clamp(1.125rem, 0.8393rem + 1.4286vw, 2.125rem);
    font-weight: 400;
    text-align: center;
    color: #111111;
}

.deposit_para {
    color: #111111;
    text-align: center;
    font-weight: 400;
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    font-family: 'averta-regular';
    margin-top: 12px;
}
/* select */
.depo_select{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin: 45px 0px;
}
.depo_selectcmn{
    background-size: cover;
    flex: 1 1 calc(33.33% - 16px);
    box-sizing: border-box;
    padding: 45px;
    border-radius: 20px;
    position: relative;
}
.depo_num{
    position: absolute;
    right: 40px;
    top: 25px;
}
.depo_selectone{
    background-image: url(../images/deposits/depo_one.png);
}
.depo_selecttwo{
    background-image: url(../images/deposits/depo_two.png);
}
.depo_selectthree{
    background-image: url(../images/deposits/depo_three.png);
}
.depo_selectfour{
    background-image: url(../images/deposits/depo_four.png);
}
.depo_inside h3{
    font-family: 'averta-semibold';
    font-size: clamp(0.875rem, 0.7321rem + 0.7143vw, 1.375rem);
font-weight: 400;
text-align: left;
color: #FFFFFF;
}
.depo_inside p{
    font-family: 'averta-regular';
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
font-weight: 400;
text-align: left;
color: #EBEBEB;
margin-top: 5px;
}
.depo_inside{
    display: flex;
    align-items: center;
    justify-content: center;
}
.depo_box {
    position: absolute;
    right: 0;
    top: -115px;
    z-index: -999;
}
/* minimum deposit */
.deposit_minifullviw {
    background-color: #fff;
    background-image: url(../images/deposits/deposit_mnyback.png);
    background-size: cover;
}
.deposit_desktable{
    margin: 40px 0px;
}
.deposit_miniamt table {
    border-collapse: collapse;
    width: 100%;
}
  
  .deposit_desktable tr {
    background: #F6F7FB;
    border-bottom: 2px solid #FFFFFF;
  }
  .deposit_tablehd {
    background: #263D4C !important;
    border: 1px solid #E1E6E6;
    border-radius: 4px;
  }
  .deposit_tablehd th{
    color: #FFFFFF;
    font-family: 'averta-semibold';
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    font-weight: 400;
    text-align: left;
    padding: 20px 20px 20px 40px;
  }
 
  .deposit_tabledata td{
    color: #212529;
    font-family: 'averta-regular';
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    font-weight: 400;
    padding: 10px 10px 10px 40px;
  }
  .deposit_tabledetails{
    display: flex;
    align-items: center;
    gap: 10px;
  }
 .deposit_tablbton{
    display: flex;
    justify-content: center;
    align-items: center;
 }
 /* recharge */
 .deposit_rechargebanner {
    background: url('../images/deposits/recharge_banner.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 85px 60px 85px 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    position: relative;
}
/* .container__ksr .crash_banner {
    padding: 40px 30px 30px;
} */
.deposit_rechargeleft{
    flex-basis: 50%;
}
.deposit_rechargeleft img{ 
    max-width: 175px;
}
.deposit_rechargemid{
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}
.deposit_rechargemid h3{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-family: 'BEAT TECH';
    font-size: clamp(1.4375rem, 1.0625rem + 1.875vw, 2.75rem);
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;

}
.deposit_rechargemid p{
    font-family: 'averta-regular';
    font-size: clamp(0.75rem, 0.6071rem + 0.7143vw, 1.25rem);
    font-weight: 500;
    text-align: center;
    color: #BBBBBB;
}
.deposit_rechargeright{
    flex-basis: 50%;
}
.deposit_rechargeright img{ 
    max-width: 400px;
    position: absolute;
    bottom: 75px;
    right: 0px;
}
.deposit_rechargebtn{
    text-align: center;
}
.play_nowbtn {
    background: #ffc426;
    color: #000;
    padding: 14px 50px;
    border-radius: 8px;
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    border: none;
    font-family: 'averta-semibold';
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}
/* withdraw */


.deposit_withdrawsub {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 40px;
    position: absolute;
    top: 85px;
    left: 50px;
}
.deposit_withdrawsub h3{
    font-family: AvertaStd-BlackItalic;
    font-size: clamp(1.25rem, 0.6786rem + 2.8571vw, 3.25rem);
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-align: left;
    color: #fff;
}
.deposit_withdrawsub span {
    width: 40%;
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: white;
}
.playnow_btn button {
    padding: 12px 30px;
    border: navajowhite;
    outline: none;
    border-radius: 6px;
    color: #212529;
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
}
.withdraw_mobim{
    display: none;
}
.depo_withdraw{
    position: relative;
}
@media (max-width:900px) {
    .deposit_banner .depositmain_banner{
        padding: 10px 0px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        background: url(../images/deposits/deposits_bannermob.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-radius: 0px;
    }
    .deposit_banner{
        padding: 0 !important;
    }
    .depositban_left {
        padding: 30px 35px;
        text-align: center;
    }
    .deposit_minifullviw {
        background-image: none;
    }
    .container__ksr.recharge_banner {
        padding: 0px !important;
    }
    .deposit_rechargebanner {
        background: url('../images/deposits/recharge_bannermob.png') no-repeat;
        background-position: center;
        background-size: 100% 100%;
        padding: 25px 20px 20px 20px;
        border-radius: 0px !important;
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
    }
    .deposit_rechargeright img {
        max-width: 300px;
        position: unset;
    }
    .deposit_rechargeleft img{ 
        max-width: 25vw;
    }
    .deposit_rechargemid {
        padding: 25px;
        text-align: center;
    }
    /* insta */
    .deposit_minifullviw {
        background-image: none;
    }
    .container__ksr.withdraw_banner {
        padding: 0px !important;
    }
    .deposit_withdrawbanner {
        background: url('../images/deposits/withdraw_bannermob.webp') no-repeat;
        background-position: center;
        background-size: 100% 100%;
        /* padding: 25px 20px 20px 20px; */
        border-radius: 0px !important;
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
    }
    .deposit_rechargeright img {
        max-width: 300px;
        position: unset;
    }
    .deposit_rechargeleft img{ 
        max-width: 25vw;
    }
    .deposit_withdrawdetails {
        padding: 25px;
    }
    .depo_select, .depo_inside {
        flex-direction: column;
    }
    .depo_num {
        top: 33%;
    }
}

@media (max-width: 550px){
    .deposit_banner{
        padding: 0;
    }
    .deposit_banner .depositmain_banner{
        padding: 10px 0px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .depositmain_banner {
        background: url('../images/crash_games/crash_bannermob.png') no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-radius: 0;
    }
    .depositban_play p{
        margin-top: 6px;
    }
    .depositban_play_nowbtn {
       border-radius: 4px;
    }
    .depositban_right img{
        max-width: 300px;
    }
    .depositexchange_marque {
        height: 8.5vw;
    }
    .slot_heading {
        padding: 0px 16px;
    }
    .deposit_tabledata td {
        padding: 8px 6px;
    }
    .deposit_tablehd th{
        padding: 20px 10px;
      }
    .cmn_mobpad{
        padding: 20px 16px;
    }  
    .withdraw_padd {
        padding: 0 !important;
    }
    .deposit_withdrawban {
        background: url('../images/deposits/withdraw_bannermob.webp') no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-radius: 0;
        margin: 0;
    }
    .deposit_withdrawsub {
        align-items: center;
        padding: 0;
        padding-top: 165px;
        padding-bottom: 30px;
    }
    .deposit_withdrawsub span {
        width: auto;
        text-align: center;
    }
    .withdraw_deskim{
        display: none;
    }
    .withdraw_mobim{
        display: block;
    }
    .deposit_withdrawsub {
        position: absolute;
        top: 8px;
        left: 50px;
        padding-top: 20px !important;
    } 
}
