.topnew {margin-bottom: 0}
.filters-wrapper::-webkit-scrollbar {display: none}
.tops-new-dsgn {width: 100%; clear: left}
.top-item-btn span.cta__text__span {padding-inline-start: 12px}
.tops-new-dsgn .home-top-item-container:first-child {margin-top: 0}
.tops-new-dsgn .home-top-item-container.with-ribbon {margin-top: 26px}
.tops-new-dsgn .home-top-new {gap: unset}
.tops-new-dsgn .home-top-item > span.brand-ribbon:before {content: ""; width: 0; height: 0; position: absolute; left: -11px; top: 15px; background: 0 0; border-top: 5px solid #000; border-right: 5px solid #000; border-left: 5px solid transparent; border-bottom: 5px solid transparent}
.tops-new-dsgn .home-top-item > span.brand-ribbon {content: attr(data-rib-text); width: fit-content; position: absolute; left: -11px; top: -5px; border-radius: 3px 3px 3px 0; color: #fff; line-height: 20px; font-size: 12px; font-weight: 700; padding-inline: 10px}
.tops-new-dsgn .home-top-item-container span.brand-ribbon {line-height: 28px; font-size: 14px; border-radius: unset; top: -15px}
.tops-new-dsgn .home-top-item-container span.brand-ribbon::before {left: 0; top: 28px}
.exclusive-brand {font-size: 14px; color: #801819; background: #ffdf59; border-radius: 8px 0; padding: 8px 10px; font-weight: 600; line-height: 16px}
.exclusive-brand > img {margin-top: 0}
.exclusive-brand > svg path {fill: var(--review-header-exclusive-bonus-tag-text-color); stroke: var(--review-header-exclusive-bonus-tag-text-color)}
span.brand-ribbon > img {margin-top: 6px}
.tops-new-dsgn .home-top-item-container .home-top-item .number-top {height: 48px; width: 4%}
.tops-new-dsgn .home-top-item-container .home-top-item .number-top .number-top-span {font-size: 12px}
.tops-new-dsgn .home-top-item-container .home-top-item .casino-name {width: 24%; max-width: unset}
.tops-new-dsgn .home-top-item-container .home-top-item .casino-name .stars, .tops-new-dsgn .home-top-item-container .home-top-item .casino-name .stars_in {background-image: url(../img/commons/clf/home_stars_new.svg); margin-bottom: 6px; transform: scale(1)}
.tops-new-dsgn .home-top-item-container .casino-name > a {font-size: 18px; line-height: 27px}
.tops-new-dsgn .home-top-item-container .casino-name > a:hover {text-decoration: underline}
.tops-new-dsgn .home-top-item-container {margin-top: 25px; border: 1px solid rgba(0, 0, 0, .075); box-shadow: 0 .125em .25em rgba(0, 0, 0, .075); border-radius: 3px}
.tops-new-dsgn .home-top-item-container .home-top-item {border: unset; box-shadow: unset; padding-block: 26px; height: auto}
.brand-terms {background: #f4f4f4; font-size: 12px; line-height: 16px; padding: 10px 16px; border-radius: 0 0 3px 3px; z-index: 1; color: #4e525d; font-weight: 500}
.brand-terms a {color: #4e525d; font-weight: 700}
.tops-new-dsgn .home-top-item-container .top-rating-wrap {display: flex; flex-direction: column}
.tops-new-dsgn .home-top-item-container.x2973 .casino-name {gap: 6px; padding-inline: 10px}
.tops-new-dsgn .home-top-item-container.x2973 .casino-name .stars {transform: unset !important}
.tops-new-dsgn .home-top-item-container.x2973 .top-rating-wrap {flex-direction: row; gap: 6px}
.tops-new-dsgn .home-top-item-container.x2973 .top-rating-wrap .stars {margin-top: 8px}
.tops-new-dsgn .home-top-item-container .casino-name-rating {font-size: 24px; font-weight: 800}
.tops-new-dsgn .home-top-item-container .bons-box {width: 24%; font-size: 1.565rem; padding-inline: 20px; line-height: 35px}
.tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 25px; line-height: 35px; font-weight: 800}
.tops-new-dsgn .home-top-item-container .bons-box .bons-box-top.no-biggest-bonus {background: #f4f4f4; width: 100%; padding-bottom: 5px}
.tops-new-dsgn .home-top-item-container .bons-box .bons-box-top span {font-size: 18px; line-height: 27px; font-weight: 700}
.tops-new-dsgn .home-top-item > .top-item-btn {min-width: inherit; width: 24%; padding: 0 40px 0 10px}
.tops-new-dsgn .home-top-item > .top-item-btn > a {font-size: 18px; line-height: 24px !important; min-width: 100%; height: auto; padding: 16px 20px; position: relative; margin: 0; display: grid; justify-content: center; align-items: center; grid-template-columns:2fr 0fr; border-radius: 8px; max-width: 300px}
.tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .top-item-btn > a {background: #028b09}
.tops-new-dsgn .home-top-item > .top-item-btn > a img {visibility: hidden; float: right}
.tops-new-dsgn .home-top-item > .top-item-btn > a:hover {background-color: var(--color-hover-on-cta-button) !important; box-shadow: none}
.tops-new-dsgn .home-top-item > .top-item-btn > a:hover img {visibility: visible}
.tops-new-dsgn .home-top-item .thumb-box > a {display: block}
.tops-new-dsgn .home-top-item .thumb-box img {float: left; max-width: 268px}
.tops-new-dsgn .home-top-item .thumb-box {max-width: 268px; margin-left: 1.9%; width: 22.1%}
.tops-new-dsgn .home-top-item .thumb-box img, .tops-new-dsgn .home-top-item .thumb-box > a {width: 100%; height: auto}
.tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .casino-name, .tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .thumb-box, .tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .top-item-btn {width: 32%}
.tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .top-item-btn {width: calc(32% - 50px)}
.tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .top-item-btn a {min-width: unset; max-width: 300px; margin: 0 auto}
@media (max-width: 1208px) {.tops-new-dsgn .home-top-item-container .casino-name > a {font-size: 18px; line-height: 27px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 25px; line-height: 35px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top span {font-size: 18px; line-height: 25px}
    .tops-new-dsgn .home-top-item-container .home-top-item .number-top .number-top-span {font-size: 12px}}
@media (max-width: 918px) {.tops-new-dsgn .home-top-item .thumb-box {margin-left: 1.2%; width: 22.8%}
    .tops-new-dsgn .home-top-item-container .casino-name > a:hover {text-decoration: unset}
    .tops-new-dsgn .home-top-item-container .bons-box {width: 20%; padding-inline: 10px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 22px; line-height: 28px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top span {font-size: 16px; line-height: 24px}
    .tops-new-dsgn .home-top-item-container .home-top-item .number-top .number-top-span {font-size: 12px}
    .tops-new-dsgn .home-top-item > .top-item-btn {padding: 0 40px 0 10px}
    .tops-new-dsgn .home-top-item > .top-item-btn > a {font-size: 18px; line-height: 24px; font-weight: 800}
    .tops-new-dsgn .home-top-item > .top-item-btn > a img {display: none !important}
    .top-item-btn span.cta__text__span {padding-inline-start: unset}
    .exclusive-brand {font-size: 12px; padding-block: 4px}
    .exclusive-brand > img {margin-top: 3px; height: 10px; width: 10px}
    .tops-new-dsgn .home-top-item-container .home-top-item .number-top {height: 36px; width: 4%}}
@media (max-width: 818px) {.tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 25px; line-height: 35px}
    .tops-new-dsgn .home-top-item-container .home-top-item .number-top .number-top-span {font-size: 11px}}
@media (max-width: 768px) {.tops-new-dsgn {display: block !important; padding: 0 !important}
    .tops-new-dsgn .home-top-item .thumb-box, .tops-new-dsgn .home-top-item-container .bons-box, .tops-new-dsgn .home-top-item-container .home-top-item .casino-name, .tops-new-dsgn .home-top-item > .top-item-btn {margin: 0; width: 100% !important; max-width: inherit}
    .tops-new-dsgn .home-top-item .thumb-box, .tops-new-dsgn .home-top-item-container .home-top-item .casino-name {padding-inline: 8%}
    .tops-new-dsgn .home-top-item-container.x2973 .casino-name {gap: unset}
    .tops-new-dsgn .home-top-item-container.x2973 .top-rating-wrap {flex-direction: column; gap: unset}
    .tops-new-dsgn .home-top-item-container.x2973 .top-rating-wrap .stars {margin-top: 6px}
    .tops-new-dsgn .home-top-item-container .home-top-item .casino-name .stars {margin-bottom: 10px}
    .tops-new-dsgn .home-top-item .thumb-box {margin-block: 30px}
    .tops-new-dsgn .home-top-item-container.x2973 .home-top-item .thumb-box {margin: 0}
    .tops-new-dsgn .home-top-item-container.x2973 .home-top-item .thumb-box a, .tops-new-dsgn .home-top-item-container.x2973 .home-top-item .thumb-box img {margin-top: 0}
    .tops-new-dsgn .home-top-item-container .casino-name > a {font-size: 16px; line-height: 24px}
    .tops-new-dsgn .home-top-item-container .casino-name-rating {font-size: 30px; line-height: 45px}
    .tops-new-dsgn .home-top-item .thumb-box img, .tops-new-dsgn .home-top-item .thumb-box > a {width: 180px; height: 72.6px}
    .tops-new-dsgn .home-top-item-container.x2973 .home-top-item .thumb-box img, .tops-new-dsgn .home-top-item-container.x2973 .home-top-item .thumb-box > a {width: 100%; height: auto}
    .tops-new-dsgn .home-top-item-container .bons-box {padding-inline: 8%}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 30px; line-height: 40px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top span {font-size: 20px; line-height: 30px}
    .tops-new-dsgn .home-top-item > .top-item-btn {padding: 0 9.5%; display: flex; height: 100%}
    .tops-new-dsgn .home-top-item-container .home-top-item {grid-template-rows:1fr 0fr}
    .home-top-item-container.x2973 .home-top-item {gap: 10px 0; padding-block: 16px; grid-template-rows:2.5fr 0fr; grid-template-areas:"thumb-box casino-name" "top-item-btn top-item-btn"}
    .tops-new-dsgn .home-top-item .thumb-box > a, .tops-new-dsgn .home-top-item .thumb-box > picture > img, .tops-new-dsgn .home-top-item-container .home-top-item .casino-name {margin-top: -35px}
    .tops-new-dsgn .home-top-item-container .home-top-item .casino-name {height: fit-content}
    .tops-new-dsgn .home-top-item-container.x2973 .home-top-item .casino-name {margin-top: 0}
    .tops-new-dsgn .home-top-item-container .home-top-item .casino-name > div.stars {flex-shrink: 0}
    .tops-new-dsgn .home-top-item > .top-item-btn > a {margin-top: auto !important}}
@media (max-width: 738px) {.tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 30px; line-height: 40px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top span {font-size: 25px; line-height: 35px}}
@media (max-width: 548px) {.tops-new-dsgn .home-top-item .thumb-box img, .tops-new-dsgn .home-top-item .thumb-box > a {width: 180px; height: 72px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 25px; line-height: 35px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top span {font-size: 20px; line-height: 30px}
    .tops-new-dsgn .home-top-item > .top-item-btn > a {font-size: 18px}}
@media (max-width: 428px) {.tops-new-dsgn .home-top-item .thumb-box img, .tops-new-dsgn .home-top-item .thumb-box > a {width: 160px; height: 64px}}
@media (max-width: 375px) {.tops-new-dsgn .home-top-item .thumb-box img, .tops-new-dsgn .home-top-item .thumb-box > a {width: auto; height: 45px}
    .home-top-item .thumb-box {min-width: unset}}
@media (max-width: 280px) {.tops-new-dsgn .home-top-item .thumb-box img, .tops-new-dsgn .home-top-item .thumb-box > a {width: 114px; height: 46px}
    .casino-reviews-grid .tops-new-dsgn .home-top-item .thumb-box img, .casino-reviews-grid .tops-new-dsgn .home-top-item .thumb-box > a {width: auto; height: 35px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top {font-size: 20px; line-height: 30px}
    .tops-new-dsgn .home-top-item-container .bons-box .bons-box-top span {font-size: 16px; line-height: 24px}
    .tops-new-dsgn .home-top-item-container .casino-name > a {font-size: 14px; line-height: 20px}
    .home-top-item .thumb-box {min-width: unset}}