/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"); */
a {
    text-decoration: none;
}
.bang-mainBtn { pointer-events: auto !important;}

.bang-bonus-card {
display: flex;
padding: 15px 5%;
justify-content: center;
align-items: center;
border: 3px solid transparent;
border-image-source: linear-gradient(90deg, #FFB02E 0%, #FFFF00 17%, #FF9D00 46%, #FFF957 69.5%, #F7FF87 82.5%, #FF952C 100%);
border-image-slice: 1;
min-width: 300px;
background-color: #fff;
margin: auto;
border-radius: 15px;
overflow: hidden;
gap: 3px;

position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 10px;
z-index: 99999999999;
}

.bang-main-content {
display: flex;
gap: 20px;
align-items: center;
}
.bang-logo-container {
flex-shrink: 0;
}

.bang-logo-image {
width: 115px;
height: 115px;
border-radius: 5px;
}

.bang-game-info {
display: flex;
flex-direction: column;
gap: 5px;
/* width: 476px; */
}

.bang-game-title {
font-family: "Poppins", sans-serif;
font-size: 24px;
font-weight: 700;
color: #000;
line-height: 30px;
margin: 0;
text-align: left;
padding: 0;
}

.bang-rating-container {
display: flex;
align-items: flex-start;
width: 100%;
}

.bang-star-rating {
display: flex;
align-items: center;
gap: 2px;
}

.bang-star-icon {
width: 14px;
height: 15px;
}

.bang-rating-score {
color: #b35900;
font-family: "Poppins", sans-serif;
font-size: 14px;
margin-left: 2px;
}

.bang-game-stats {
color: #b35900;
font-family: "Poppins", sans-serif;
font-size: 14px;
margin: 0;
word-break: break-all;
width: 100%;
}

.bang-bonus-amount {
color: #70084e;
font-family: "Poppins", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin: 0;
}

.bang-bonus-details {
display: flex;
flex-direction: column;
width: 300px;
}

.bang-bonus-list {
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: 20px;
}

.bang-bonus-list ul {
    margin: 10px 0;
    padding-left: 35px;
}

.bang-bonus-list p {
margin: 0;
}

.bang-bonus-list li {
    color: #000 !important;
}

.bang-payment-methods {
display: flex;
padding: 0 20px;
align-items: center;
gap: 10px;
}

.bang-payment-icon {
height: 25px;
object-fit: contain;
width: 20%;
}

.bang-cta-buttons {
display: flex;
flex-direction: column;
width: 140px;
gap: 5px;
}

.bang-cta-link {
display: block;
width: 100%;
max-width: 200px;
}

.bang-bonus-button,
.bang-android-button {
width: 100%;
border-radius: 5px;
cursor: pointer;
}

.bang-bonus-btn {
    display: flex;
    background: rgba(236, 138, 65, 1);
    max-width:100%;
    border-radius: 5px;
    color:black;
    gap: 10px;
    padding: 10px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: justify;
    line-height: normal;
}

.bang-android-btn {
    display: flex;
    background: black;
    max-width:100%;
    border-radius: 5px;
    color:white;
    padding: 10px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: justify;
    line-height: normal;
    text-align: center;
    align-items: center;
}

@media (max-width: 991px) {
.bang-bonus-card {
flex-direction: column;
align-items: stretch;
}

.bang-game-info {
width: 100%;
}

.bang-bonus-details {
width: 100%;
}

.bang-payment-methods {
justify-content: center;
flex-wrap: wrap;
padding: 0;
width: 100%;
}

.bang-bonus-card {
padding: 10px;
}

.bang-rating-container {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}

.bang-cta-buttons {
width: 100%;
flex-direction: row;
gap:25px;
margin-top: 5px;
justify-content: center;
}

.bang-main-content {
display: flex;
flex-direction: row-reverse;
}

.bang-bonus-list ul {
    padding-left: 20px;
}
}