.sbbbs-widget:not(:last-child) {
    margin-bottom: 32px;
}

.sbbbs-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
}


.sbbbs-info {
    margin: 7px 0 0 12px;
}

.sbbbs-info svg {
    fill: #9797B2;
}


.sbbbs-title {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}

.sbbbs-card {
    margin-bottom: 12px;
    background: #ffffff;
    border-radius: 10px;
    max-width: 100%;
    height: initial;
    min-height: 100%;
}

.sbbbs-card.primary {
    background: none;
    position: relative;
}

.sbbbs-card.primary:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #3B316E;
    z-index: -2;
    border-radius: 10px;
}

.sbbbs-card.primary:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath fill='rgba(255, 255, 255, .15)' d='M0 0h2v2H0z'/%3E%3C/svg%3E") repeat;
    background-size: 4px 4px;
    z-index: -1;
    border-radius: 10px;
    opacity: .15;
}

.sbbbs-card.primary .sbbbs-card__rate {
    background: #2D2C4E;
}

.sbbbs-card.primary .sbbbs-card__rate .star-rate__text {
    color: #ffffff;
}

.sbbbs-card.primary .sbbbs-card__info-text {
    color: #ffffff;
}

.sbbbs-card.primary .sbbbs-card__info-button svg {
    fill: rgba(255, 255, 255, 0.4);
}

.sbbbs-card.primary .sbbbs-card__info-button[aria-describedby] svg {
    fill: #ffffff;
}

@media screen and (min-width: 992px) { 
    .sbbbs-card.primary .sbbbs-card__info-button:hover svg {
        fill: #ffffff;
    }
}

.sbbbs-card.primary .sbbbs-card__top {
    padding-top: 46px;
}

.sbbbs-card.primary .sbbbs-card__top-badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sbbbs-card.primary .sbbbs-card__top-badge__icon {
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 23L-8.30516e-07 4C-9.27081e-07 1.79086 1.79086 -7.8281e-08 4 -1.74846e-07L8 -3.49691e-07L8 23L0 23Z' fill='%23782525'/%3E%3Cpath d='M4 56C1.79086 56 -7.8281e-08 54.2091 -1.74846e-07 52L-2.27299e-06 4L39.6108 4C41.0824 4 42.4351 4.80796 43.1327 6.1036L54.9789 28.1036C55.6163 29.2875 55.6163 30.7125 54.9789 31.8964L43.1327 53.8964C42.4351 55.192 41.0824 56 39.6108 56L4 56Z' fill='%23EC5657'/%3E%3C/svg%3E%0A") center left no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px;
}

.sbbbs-card.primary .sbbbs-card__top-badge__icon svg {
    margin-right: 3px;
    margin-top: 1px;
}

.sbbbs-card.primary .sbbbs-card__top-badge__text {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    font-style: italic;
    margin-top: 2px;
}

.sbbbs-card.primary .sbbbs-card__bottom {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.sbbbs-card__top-badge {
    position: absolute;
    top: 6px;
    left: -3px;
}

.sbbbs-card__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px;
}

.sbbbs-card__top .sbbbs-card__button.button {
    width: 135px !important;
    height: 53px;
    font-size: 18px;
    font-weight: 800;
    box-sizing: border-box;
    padding: 0 !important;
    align-content: center;
}

.sbbbs-card__logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 10px;
    width: 160px;
    height: 56px;
    margin:0!important;
}

.sbbbs-card__top .link-to-casino.sbbbs-card__logo.sbbbs-card__button {
    margin: 0 !important;
    min-width: initial !important;
}

.sbbbs-card__logo img {
    height: 56px;
    object-fit: contain;
}

.sbbbs-card__rate {
    background: #F0EFF8;
    border-radius: 6px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 9px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
}

.sbbbs-card__rate .star-rate__text {
    font-size: 12px;
    font-weight: 600;
    color: #9797B2;
    margin-right: 4px;
}

.sbbbs-card__rate .star-rate__one {
    margin-top: -2px;
    -webkit-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    transform: skewX(10deg);
}

.sbbbs-card__rate .star-rate__one img {
    width: 13px;
    height: 13px;
}

.goto {
    cursor: pointer;
}


.sbbbs-card__button {
    white-space: nowrap;
    margin-bottom: 0;
    margin-left: 7px;
    transition: none !important;
}

.sbbbs-card__bottom {
    padding: 14px 12px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #F6F7F9;
}

.sbbbs-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;

}

.sbbbs-card__info-text {
    color: #573B97;
    font-weight: 600;
    font-style: italic;
}

.sbbbs-card__info-button {
    margin-left: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.sbbbs-card__info-button svg {
    fill: #F0EFF8;
}

.sbbbs-card__info-button[aria-describedby] svg {
    fill: #573B97;
}

@media screen and (min-width: 992px) {
    .sbbbs-card__info-button:hover svg {
        fill: #573B97;
    }
}

.sbbbs-card__apply {
    font-size: 12px;
    color: #ACACB5;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
    .sbbbs-grid {
        max-width: 100%;
        display: grid;
        grid-template-columns: calc(50% - 6px) calc(50% - 6px);
        grid-column-gap: 12px;
    }
}


.rhbc-apply,
.rhbc-tc,
.sbbbs-card__tc {
    font-size: 12px;
    color: #535353;
    margin-bottom: 30px;
}

.rhbc-tc,
.sbbbs-card__tc {
    max-height: 50px;
    overflow-y: auto;
    text-align: left;
    padding-right: 2px;
}

.sbbbs-card__tc {
    color: #acacb5;
}

.rhbc-tc::-webkit-scrollbar,
.sbbbs-card__tc::-webkit-scrollbar {
    width: 4px;
}

.rhbc-tc::-webkit-scrollbar-track,
.sbbbs-card__tc::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.rhbc-tc::-webkit-scrollbar-thumb,
.sbbbs-card__tc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

.sbbbs-card__button {

    white-space: nowrap;
    font-size: 15px;
    margin-bottom: 0;
    margin-left: 7px;
}

.sbbbs-card__button.button {
    font-size: 15px;
    min-width: 120px;
    width: max-content !important;
}

.sbbbs-card__bottom {
    padding: 14px 12px 12px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-top: 0px solid #F6F7F9;
}

.sbbbs-card__bottom:before {
    content: '';
    display: block;
    margin: 0 4%;
    width: 92%;
    height: 1px;
    background: #E7EAF1;
    position: absolute;
    top: 0;
}
.primary .sbbbs-card__bottom:before {
    background: rgba(255,255,255,.2);
}

.bonus-card-text,
.sbbbs-card__apply {
    font-size: 12px;
    color: #ACACB5;
}

.sbbbs-card .button {
    margin-bottom: 0;
}