*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.bestuk-main{
    background-image: url(../images/background.jpg.webp);
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.hero-section{
   
  
}

.hero-section-container{
    padding: 20px;
    padding-bottom: 0px;
    background-color: rgb(0 0 0 / 42%);
}
.hero-section .logo img{
    width: 200px;
}
.heading-casino h1{
    color: white;
    margin-top: 20px;
    max-width: 650px;
}
.heading-casino h1 span{
    color: #f8cd4f;
}
.heading-casino p{
    color: white;
    font-size: 14px;
}
.Legal-icon span{
    display: flex;
    color: white;
    margin-right: 20px;
    font-size: 14px;
    font-weight: bold;
}
.Legal-icon span svg{
    width: 16px;
    margin-right: 5px;
}
.Legal-icon{
    display: flex;
}
.Apply-div{
    display: flex;
    justify-content: end;
    margin-top: 10px;
    align-items: center;
}
.Apply-div p{
    color: white;
    font-size: 13px;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 0px;
}
.Apply-div1{
    display: flex;
    align-items: center;
}
.Apply-div a{
    text-decoration: none;
    font-size: 13px;
    color: white;
}
.p_user{
    background-color: rgb(0 0 0 / 60%);
    padding-left: 20px!important;
}
.p_user-col{
    padding: 0px;
}
.Apply-div span{
    color: white;
    font-size: 12px;
    margin: 0px 5px ;   
}
.p_user{
    padding: 5px 0px;
}
.p_user p{
    text-align: center;
    margin: 0px;
    color: white;
    font-size: 12px;
    font-weight: bold;

}
.p_user{
    display: flex;
}
.getbonus-col{
    padding: 0px;
   
}
/* .row .getbonus-col:nth-child(odd){
    background-color: grey;
}
.row .getbonus-col:nth-child(even){
    background-color: white;
} */

.row-evod .row{
    border-bottom: 1px solid rgb(206, 206, 206);
}
 .row-evod .row:nth-child(even){
    background-color: #f9f9f9;
}
.row-evod .row:nth-child(odd){
background-color: white;
}
.col-casino{
    width: 20%;

}
.col-bonusoffer{
    width: 30%;
}
.col-userrating{
    width: 20%;
}
.col-score{
    width: 10%;
}
.col-visit{
    width: 20%;
}
.getbonus{
    display: flex;
 
}
.getbonus div{
    /* padding: 0px 20px; */
}
.getb-n1-div{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.getbonus .snumber{
    text-align: center;
    background: #e9e9e9;
    display: flex;
    align-items: center;
    font-weight: bold;
    height: 100%;
    width: 27px;
    justify-content: center;
}
.getbonus .snumber p{
    margin-bottom: 0px;
}

.getbonus .bonusimg img{
    max-width: 140px;
    display: block;
    margin: auto;
}
.getbonus .bonusdetail{
    text-align: center;
}
.getbonus .bonusdetail p{
    margin-bottom: 0px;
}
.getbonus .rate {
    text-align: center;
}
.getbonus .rate p{
    margin-bottom: 0px;
    text-align: center;
    font-size: 12px;
}
.getbonus .rate span i{
    font-size: 22px;
    color: gold;
    margin: 0px 2px;
}
.getbonus .rating h2{
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}
.bonusbtn{
    text-align: center;
}
.bonusbtn a.get-bo{
    background-color: #169700;
    padding: .75rem 1.5rem;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 12px;
    display: flex;
    align-items: center;
    margin: auto;
    max-width: fit-content;
}
.bonusbtn a.get-bo:hover{
    background-color: #fbc42c;
}
.bonusdetail h5{
    font-weight: bold;
}
.bonusbtn a.vist{
    text-align: center;
    color: grey;
    font-size: 12px;
}
.gaame--p p{
    font-size: 10px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 16px;
    color: grey;
    padding: 0px 15px;
}
.getb-n1{
    width: 100%;
    display: flex;
    align-items: center;
}
.top-span{
    background-color: #368ebf;
    width: fit-content;
    position: absolute;
    color: white;
    font-weight: bold;
    font-size: 12px;
    border-radius: 0px 0px 8px 0px;
    padding: 3px 22px;
}
.bestuk-desktopbanner{
    padding: 0px;
}
.bestuk-desktopbanner img{
    width: 100%;
}
.section-detail{
    background-color: rgb(0 0 0 / 60%);
}
.section-detail h2{
    color: white;
    margin-top: 25px;
}
.section-detail p{
    color: white;
}
.section-detail ul li{
    color: white;
}
.terms-detail{
    background-color: black;
    padding-top: 20px;
}
.terms-detail a{
    text-decoration: none;
    color: white;
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
}
.mt-cook{
    margin-bottom: 20px;
}
.terms-detail p{
    color: white;
    font-size: 12px;
    margin-bottom: 0px;
}
.terms-detail img{
    width: 120px;
    margin-bottom: 20px;
}
.footer-img{
    text-align: center;
    margin-top: 30px;
}
.COPYRIGHT P{
    font-weight: bold;
}


@media only screen and (max-width: 992px) {

    .bestuk-main .container{
        max-width: 100%;
    }
    .bonusdetail h5{
        font-size: 16px;
    }
    
  }
  @media only screen and (max-width: 767px) {
    .bonusbtn a.get-bo{
        padding: 7px 15px;
    }
    .getbonus .rating h2{
        font-size: 34px;
    }
    .getb-n1{
        flex-wrap: wrap;
    }
    .col-casino {
        width: 50%;
    }
    .col-bonusoffer {
        width: 50%;
    }
    .col-userrating {
        width: 25%;
    }
    .col-score {
        width: 25%;
    }
    .col-visit {
        width: 50%;
    }
    .getb-n1{
        padding-right: 10px;
    }
    .getbonus .rate span i{
        font-size: 10px;
    }
    .bonusbtn a.get-bo{
        max-width: 100%;
        justify-content: center;
    }
    .bestuk-main .container{
        max-width: 500px;
    }
    .p_user-col{
        display: none;
    }
    .section-detail p{
        font-size: 12.8px;
    }
    .terms-detail p{
        font-size: 10px;
        text-align: center;
    }
    .heading-casino h1{
        font-size: 20px;
    }
    .heading-casino p{
        font-size: 12px;
    }
    .heading-casino{
        text-align: center;
    }
    .hero-section .logo img {
        height: 30px;
        width: auto;
        margin: auto;
        display: block;
    }
    .logo{
        display: block;
        margin: auto;
    }
    .Legal-icon span{
        font-size: 10px;
    }
    .Legal-icon span svg{
        width: 16px;
    }
    .Legal-icon{
        justify-content: center;
    }
    .Apply-div a , .Apply-div p{
        font-size: 9px;
    }
    .hero-section-container{
        padding: 20px 3px;
    }
    .Apply-div{
        
    }
  }