.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{border: solid 1px rgba(0, 0, 0, 0.075); box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075); border-radius: 3px; margin-top: 25px}
.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: transparent; 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 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{border: solid 1px rgba(0, 0, 0, 0.075); box-shadow: 0 0.125em 0.25em rgba(0, 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: rgba(244, 244, 244, 1); 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: rgba(2, 139, 9, 1)}
.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; width: 268px; height: 107px}
.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 > a, .tops-new-dsgn .home-top-item .thumb-box img{width: 100%; height: auto}
.tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .thumb-box, .tops-new-dsgn .home-top-item-container.x2973 .home-top-item > .casino-name, .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 .thumb-box > a, .tops-new-dsgn .home-top-item .thumb-box img{/*width: 208px;*/ /*height: 74px;*/}
    .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 > a, .tops-new-dsgn .home-top-item .thumb-box img{/*width: 200px;*/ /*height: 80px;*/}
    .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 .home-top-item .casino-name, .tops-new-dsgn .home-top-item-container .bons-box, .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 > a, .tops-new-dsgn .home-top-item .thumb-box img{width: 180px; height: 72.6px}
    .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{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 > a, .tops-new-dsgn .home-top-item .thumb-box img{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 > a, .tops-new-dsgn .home-top-item .thumb-box img{width: 160px; height: 64px}}
@media (max-width: 375px){.tops-new-dsgn .home-top-item .thumb-box > a, .tops-new-dsgn .home-top-item .thumb-box img{width: auto; height: 45px}
    .home-top-item .thumb-box{min-width: unset}}
@media (max-width: 280px){.tops-new-dsgn .home-top-item .thumb-box > a, .tops-new-dsgn .home-top-item .thumb-box img{width: 114px; height: 46px}
    .casino-reviews-grid .tops-new-dsgn .home-top-item .thumb-box > a, .casino-reviews-grid .tops-new-dsgn .home-top-item .thumb-box img{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}}