@media print, screen and (min-width: 40em) {
    .competitions-bet-cards {
        margin-bottom: 0px !important;
    }
}

.competitions-bet-cards .bonus-card,
.competitions-bet-cards .bonus-card.bhc-cell {
    margin-top: 12px;
    margin-bottom: 0px !important;
}

.competitions-bet-cards,
.text-section ul.competitions-bet-cards {
    margin-top: 16px !important;
}


.text-section .competitions-bet-cards.loop-tpl1-bonuses {
    margin-top: -18px !important;
}

.bonus-card,
.bonus-card.bhc-cell {
    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;
    text-align: center;
    background: #ffffff;
    border-radius: 10px !important;
    padding: 12px !important;
    margin-bottom: 40px;
    position: relative;
}

@media screen and (max-width: 720px) {
    .bonus-card,
    .bonus-card.bhc-cell {
        flex-direction: initial !important;
    }

    .tpl1-loop-list .bonus-card__top {
        width: 100%;
    }

    .tpl1-loop-list .bonus-card__bottom {
        width: 100%;
    }
}

.bhc-cell .bonus-card .bonus-card__bottom .bonus-card-text,
.bhc-cell.bonus-card .bonus-card__bottom .bonus-card-text {
    max-width: initial;
}

@media print, screen and (min-width: 40em) {
    div:not(.bhc-cell, .bhc-grid) > .bonus-card,
    ul:not(.bhc-cell, .bhc-grid) > .bonus-card,
    table:not(.bhc-cell, .bhc-grid) > .bonus-card,
    table:not(.bhc-cell, .bhc-grid) > tbody > .bonus-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width: 78.125em) {
    div:not(.bhc-cell, .bhc-grid) > .bonus-card,
    ul:not(.bhc-cell, .bhc-grid) > .bonus-card,
    table:not(.bhc-cell, .bhc-grid) > .bonus-card,
    table:not(.bhc-cell, .bhc-grid) > tbody > .bonus-card {
        padding: 17px 24px;
    }
}

#review-hero .bonus-hero-cards {
    margin-top: 40px;
    margin-bottom: 0;
}

#review-hero .reviews-hero-description + .sp-available-row {
    margin-top: 0 !important;
}

@media print, screen and (min-width: 40em) {
    .bonus-hero-cards {
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 10px;
        padding: 12px;
    }
}

@media print, screen and (min-width: 64em) {
    .bonus-hero-cards {
        padding: 24px 40px;
    }
}

@media screen and (min-width: 100em) {
    .bonus-hero-cards {
        padding: 40px 68px;
    }
}

.bhc-grid.competitions-bet-cards .bhc-cell {
    padding: 0 0px;
}

.competitions-bet-cards .bonus-card,
.competitions-bet-cards .bonus-card.bhc-cell {
    margin-top: 12px;
    text-align: left;
}

.competitions-bet-cards .bonus-card.bonus-card--type-2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: relative;
}

.competitions-bet-cards li.bonus-card.bonus-card--type-2 {
    display: flex;
    position: relative;
}

.competitions-bet-cards li.bonus-card.bonus-card--type-2 .bonus-card__bottom {
    margin-left: 40px;
}

.competitions-bet-cards .bonus-card.bonus-card--type-2 .bonus-card-text{
    margin-left: -10px !important;
}
.bonus-card--table.bonus-card--type-2 .bonus-card__pay_providers {
    margin-left: -10px;
}
@media screen and (max-width: 767px) {
    .competitions-bet-cards .bonus-card.bonus-card--type-2 {
        display: flex;
    }
    .bonus-card--table.bonus-card--type-2 .bonus-card__pay_providers {
        margin-left: 0;
    }
}

@media print, screen and (min-width: 40em) {
    .bhc-grid.competitions-bet-cards {
        margin: 0 -9px 0px -9px;
    }

    .bhc-grid.competitions-bet-cards .bhc-cell {
        padding: 0 9px;
    }

    .bhc-grid.competitions-bet-cards .bonus-card.bhc-cell,
    .bhc-grid.competitions-bet-cards .bonus-card {
        margin-top: 18px !important;
        text-align: left;
    }
}

.bhc-grid, 
.bhc-grid > tbody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
    gap: 0 18px;
}

table.bhc-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

table.bhc-grid > tbody {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

.bhc-grid,
.bhc-grid > tbody {
    margin-left: 0;
    margin-right: 0;
}

@media print, screen and (min-width: 40em) {
    .bhc-grid,
    .bhc-grid > tbody {
        margin-left: -6px;
        margin-right: -6px;
    }
}

@media screen and (min-width: 78.125em) {
    .bhc-grid,
    .bhc-grid > tbody {
        margin-left: -20px;
        margin-right: -20px;
    }

    .bonus-hero-cards .bhc-grid, 
    .bonus-hero-cards  .bhc-grid > tbody {
        margin-left: -13px;
        margin-right: -13px;
    }
}

@media screen and (min-width: 100em) {

}


.bhc-cell {
    width: 100%;
}

.bonus-hero-cards .bhc-cell {
    margin-bottom: 12px;
} 

@media print, screen and (min-width: 40em) {
    .bhc-cell {
        width: 50%;
        padding: 0 6px;
    }
}

@media print, screen and (min-width: 64em) {
    .bhc-cell {
        width: 33.333%;
    }
}

@media screen and (min-width: 78.125em) {
    .bhc-cell {
        padding: 0 13px;
    }
}

@media screen and (min-width: 100em) {
    .bhc-cell {
        padding: 0 20px;
    }
}

.bhc-grid.competitions-bet-cards .bonus-card .bonus-card-button {
    width: 100%;
}

.bhc-grid.competitions-bet-cards.loop-tpl1-bonuses .bonus-card-text,
.bhc-grid.competitions-bet-cards .bonus-card-text {
    border-top: 1px solid #E7EAF1;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bhc-grid.competitions-bet-cards .bonus-card__top {
    padding-bottom: 0 !important;
    border-bottom: none;
    height: 85px;
    margin-top: -10px;
}

.loop-tpl1-bonuses.bhc-grid {
    gap: 0 18px;
}

.loop-tpl1-bonuses.bhc-grid .bhc-cell {
    width: 100%;
    flex-direction: column !important;
}

.bhc-grid.competitions-bet-cards .bonus-card-text {
    width: 100%;
}

.competitions-bet-cards tbody tr:first-child {
    margin-top: 0 !important; 
}

@media print, screen and (min-width: 40em) {
    .loop-tpl1-bonuses.bhc-grid .bhc-cell {
        width: calc( 50% - 10px );
    }
}

@media print, screen and (min-width: 64em) {
    .loop-tpl1-bonuses.bhc-grid .bhc-cell {
        width: calc( 33.333% - 12px );
    }
}

@media print, screen and (min-width: 40em) {
    .loop-tpl1-bonuses.bhc-grid {
        margin-left: 0;
        margin-right: 0;
    }
}

.bonus-hero-cards ul.bhc-grid {
    list-style-type: none;
}

@media screen and (max-width: 767px) {
    .competitions-bet-cards {
        margin-top: 12px !important;
    }

    .competitions-bet-cards .bonus-card:first-child, .competitions-bet-cards .bonus-card.bhc-cell:first-child {
        margin-top: 0px;
    }

    .competitions-bet-cards.loop-tpl1-bonuses {
        margin-top: 0 !important;
    }

    .text-section ul.competitions-bet-cards.loop-tpl1-bonuses {
        margin-top: 0 !important;
    }

    .bhc-grid.competitions-bet-cards .bonus-card .bonus-card-button {
        margin-bottom: 12px;
    }
}


.bonus-card--table .bonus-card-rating {
    width: 80px;
    min-width: 80px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -5px;
}



.bonus-card--table {
    align-items: center;
}

.bonus-card--table .bonus-card-logo {
    min-width: 160px;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 24px !important;
    padding-left: 0;
    padding-right: 0;
}

.bonus-card--table .bonus-card-logo > div {
    max-width: 100%;
}

.bonus-card--table .bonus-card-text {
    width: calc(100% - 160px - 80px - 160px - 165px - 50px);
}

.bonus-card--table .bonus-card-info {
    min-width: 150px;
    margin-right: 15px;
}

.bonus-card--table .bonus-card-info ul {
    margin-left: 0px !important;
    list-style-type: none !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.bonus-card--table.bonus-card--type-2 .bonus-card__pay_providers{
    padding: 0px !important;
}

.bonus-card-text {
    width: 150px !important;
}

.bhc-grid .bonus-card-text {
    width: 100% !important;
}

@media screen and (max-width: 40em) {
    .bonus-card--table .bonus-card-text {
        width: 100%;
    }

    .bonus-card--table .bonus-card-logo {
        margin-right: auto !important;
        padding-left: 0;
    }
    .bonus-card--table .bonus-card-rating {
        padding: 0 !important;
    }

    .bonus-card--table .bonus-card-text {
        padding-bottom: 0px !important;
        padding-top: 12px !important;
        margin-top: 12px !important;
        border-top: 2px solid #F0EFF8;
    }
    .bonus-card--table .bonus-card-button {
        width: 100%;
    }


    .bonus-card--table.bonus-card--type-2 .bonus-card-rating {
        top: 14px;
        right: 12px;
        position: absolute;
    }

    .bonus-card--table.bonus-card--type-2 .bonus-card__pay_providers-btn-icon {
        bottom: 0px;
    }

    .bonus-card--type-2 .bonus-card-button {
        width: calc(100% - 24px);
        margin-bottom: 20px;
        margin-top: 4px;
        position: initial;
    }

    .bonus-card--table .bonus-card-info {
        right: 15px;
        padding-right: 0 !important;
        min-width: 120px;
        width: 120px;
        margin-right: 0;
    }

    .competitions-bet-cards,
    .text-section ul.competitions-bet-cards {
        margin-top: 12px;
    }

    .competitions-bet-cards,
    .text-section ul.competitions-bet-cards {
        margin-top: 12px !important;
    }

    .text-section .competitions-bet-cards.loop-tpl1-bonuses {
        margin-top: 0 !important;
    }
}

.bonus-card:before {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .competitions-bet-cards.parent-wrap.loop-tpl1-bonuses .bonus-card-text {
        margin-bottom: 0px;
    }

    .bonus-card-text {
        width: initial !important;
      }

    .bonus-card--table.bonus-card--type-2 .bonus-card__pay_providers {
        position: initial;
    }

    .bonus-card--table.bonus-card--type-2 .bonus-card__pay_providers-btn-icon {
        bottom: 17px;
    }

    .competitions-bet-cards li.bonus-card.bonus-card--type-2 .bonus-card__bottom {
        margin-left: 0;
    }
}