@charset "UTF-8";
.loader-container {
    margin-top: 25px;
    display: none;
    width: 100%;
    height: 30px;
    justify-content: center;
    align-items: center;
}
--color-bg-back-lit * {
    padding: 0;
    margin: 0;
    border: 0;
    background: 50% / cover;
}
html[data-theme="light"] {
    --color-color-flu-second: #2a45f01c;
    --color-border-hero: #e1e0e7;
    --caption-text: #1a1a1ab2;
}
html[data-theme="dark"] {
    --color-color-flu-second: #e1ff571c;
    --color-border-hero: hsla(0, 0%, 100%, 0.1);
    --caption-text: #ffffffb2;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large {
    color: #1a1a1a;
}

:is(
        section.introduction,
        .betting-comparison-template .hero,
        .bonus-comparison-template .hero,
        .payment-method-review-template .hero
    )
    .content {
    color: var(--color-primary-color) !important;
}
section.content .content a:hover {
    text-decoration: none;
    text-decoration-color: var(--color-primary-color);
}
footer section.middle.disclaimer .bottom .compliance {
    display: flex;
    flex-direction: row;
    margin-top: 24px;
    gap: 32px;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1000px) {
    footer section.middle.disclaimer .bottom .compliance {
        display: flow-root;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
        justify-items: center;
        padding: 0 30px;
    }
    footer section.middle.disclaimer .bottom .compliance .logo {
        float: left;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 5px;
        text-align: center;
    }
}
.hero-onefootball .container .wrapper {
    display: block;
    background-color: var(--color-bg-hero);
    margin: 0;
    padding: 0 48px 48px;
    min-height: 359px;
    position: relative;
}
@media (max-width: 1200px) {
    .hero-onefootball .container .wrapper {
        padding: 16px;
        min-height: auto;
    }
}
.hero-onefootball .container .wrapper .title {
    margin: 20px 0 40px;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .hero-onefootball .container .wrapper .title {
        margin: 24px 0;
    }
}
.hero-onefootball .container .wrapper .title h1 {
    font-size: 56px;
    position: relative;
    z-index: 1;
}
.hero-onefootball .container .wrapper .title h1 span {
    background-color: var(--color-bg-hero);
    box-shadow: 2rem 0 0 var(--color-bg-hero);
    color: var(--color-primary-color);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
@media (max-width: 1200px) {
    .hero-onefootball .container .wrapper .title h1 {
        font-size: 24px;
    }
}
.hero-onefootball .container .wrapper .author {
    display: flex;
    align-items: center;
    color: var(--color-color-flu);
    font-size: 16px;
    font-weight: 700;
    line-height: 145%;
    z-index: 100;
    position: relative;
}
@media (max-width: 1000px) {
    .hero-onefootball .container .wrapper .author {
        display: flex;
        align-items: flex-start;
        color: var(--color-color-flu);
        font-size: 16px;
        font-weight: 700;
        line-height: 145%;
        flex-direction: column;
        gap: 6px;
        
    }   
}


.hero-onefootball .container .wrapper .author .avatar {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-bg-cards-second);
    border-radius: 50%;
    margin-right: 16px;
}
.hero-single {
    padding: 64px 0;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    letter-spacing: -1px;
    color: var(--color-primary-color);
}
@media (max-width: 1200px) {
    .hero-single {
        padding: 40px 0 15px;
    }
}
.sportsbooks .before-cards .content a {
    color: var(--color-color-flu);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-link-line);
}
@media (max-width: 1199px) {
    .information .container .information-card .bonus {
        background-color: #1a1a1a;
        margin-bottom: 0;
        align-items: flex-start;
    }
}
@media (max-width: 1199px) {
    .information .container .information-card .card {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .information .container .information-card .card .center > div,
    .information .container .information-card .card .left > div,
    .information .container .information-card .card .right > div {
        padding: 14px 12px;
    }
    .information .container .information-card .card .grow {
        background-color: var(--color-border) !important;
    }
}
.social-share a {
    cursor: pointer;
    width: fit-content;
    height: 48px;
    border-radius: 4px;
    border: 1px var(--color-border) solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
    padding: 12px 24px;
    color: var(--color-primary-color);
}
.social-share a,
.social-share a:hover {
    transition: all;
    transition-duration: 0.2s;
}
.social-share a:hover {
    border: 1px solid var(--color-primary-color);
}
.breadcrumb {
    padding: 24px 0;
}
@media screen and (max-width: 1000px) {
    .breadcrumb {
        padding: 0 0 24px;
    }
}
.advertiser-geographical-area.horizontal.large {
    position: relative;
}
.advertiser-geographical-area.horizontal.large .area-link {
    position: absolute;
    width: 100%;
    height: 100%;
}
.advertiser-geographical-area.horizontal.large .wrapper > .bottom {
    border-top: 1px solid #2b2b2b;
    padding: 12px 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 12px;
    align-items: center;
    font-size: 12px;
    line-height: 135%;
}
.advertiser-geographical-area.horizontal.large .wrapper > .bottom .right {
    display: flex;
    align-items: center;
    gap: 8px;
}
.advertiser-geographical-area.horizontal.large .wrapper > .bottom .right .verified {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    background: var(--color-border-payment);
    border-radius: 100px;
    flex: none;
    order: 0;
    flex-grow: 0;
    gap: 8px;
}
.advertiser-geographical-area.horizontal.large .wrapper > .bottom .right .verified .logo-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}
.advertiser-geographical-area.horizontal.large .wrapper > .bottom .right .verified .logo-icon svg path {
    fill: var(--color-primary-color);
}
.advertiser-geographical-area.horizontal.large .wrapper > .bottom .right .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-border);
    border-radius: 100px;
}
.advertiser-geographical-area.horizontal.large .wrapper > .bottom .left {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 12px;
}
.advertiser-geographical-area.horizontal.large .license {
    font-weight: 700;
}
.advertiser-geographical-area.horizontal.large .rank {
    width: 32px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #2b2b2b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 145%;
}
.advertiser-geographical-area.horizontal.large .middle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.advertiser-geographical-area.horizontal.large .donation-link a {
    padding: 0 20px;
}
.advertiser-geographical-area.horizontal.large .wrapper > .top {
    grid-template-columns: 1fr 336px 184px;
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal.large .wrapper > .top {
        display: flex;
        flex-direction: column;
        gap: 16px 0;
        align-items: stretch;
    }
    .advertiser-geographical-area.horizontal.large .left > .top {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .advertiser-geographical-area.horizontal.large .features {
        padding-top: 16px;
        gap: 8px 0;
        flex-direction: column;
        align-items: stretch;
    }
    .advertiser-geographical-area.horizontal.large .features.responsiveness {
        display: flex;
    }
    .advertiser-geographical-area.horizontal.large .features:not(.responsiveness) {
        display: none;
    }
    .advertiser-geographical-area.horizontal.large .features > div {
        grid-template-columns: 1fr auto;
    }
    .advertiser-geographical-area.horizontal.large .middle .top {
        display: none;
    }
    .advertiser-geographical-area.horizontal.large .middle .bottom {
        display: flex;
        flex-direction: column;
        gap: 8px 0;
        align-items: stretch;
    }
    .advertiser-geographical-area.horizontal.large .copy .success {
        width: 100%;
    }
    .advertiser-geographical-area.horizontal.large .copy > div > div {
        width: auto;
        display: flex;
        justify-content: center;
        gap: 0 8px;
    }
    .advertiser-geographical-area.horizontal.large .offer {
        text-align: center;
    }
    .advertiser-geographical-area.horizontal.large .buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 8px;
    }
    .advertiser-geographical-area.horizontal.large .wrapper > .bottom {
        align-items: flex-start;
        padding: 12px;
        display: block;
    }
    .advertiser-geographical-area.horizontal.large .wrapper > .bottom .right {
        display: flex;
        justify-content: space-between;
        margin-top: 16px;
    }
    .advertiser-geographical-area.horizontal.large .wrapper > .bottom .left {
        display: block;
    }
}
* {
    padding: 0;
    margin: 0;
    border: 0;
    background: 50% / cover;
}
html {
    position: relative;
    overflow-x: clip;
}
@media (min-width: 1240px) {
    .container {
        max-width: 1240px;
    }
}
html[data-theme="light"] {
    --color-bg-back: #fff;
    --color-bg-back-lit: #f3f4f5;
    --color-bg-back-notrecomended: #fff;
    --color-bg-back-odds-lit: #fff;
    --color-bg-cards: #fff;
    --color-bg-cards-second: #f5f5fa;
    --color-bg-notrecomended-second: #f5f5fa;
    --color-bg-hero: #f5f5fa;
    --color-bg-operator: #fff;
    --color-bg-donation-hover: #6d6a7f;
    --color-primary-color: #1a1a1a;
    --color-color-flu: #2a45f0;
    --color-color-red: #ff2f54;
    --color-color-see-more-games: #2a45f0;
    --color-border-menu: #2b2b2b;
    --color-label-menu: #a19db3;
    --color-excerpt-menu: #6d6a7f;
    --color-hover-menu: #2b2b2b;
    --color-border: #e1e0e7;
    --color-border-payment: #fff;
    --color-bestgames-border: #e1e0e7;
    --color-border-see-more-hover: #000;
    --color-border-number: #e1e0e7;
    --color-breadcrumb-current: #1a1a1a;
    --color-best-operator: #f3f4f5;
    --color-date-transparency: #0000008a;
    --color-link-line: rgba(53, 43, 254, 0.4);
    --color-cta-text: #fff;
    --color-rank-number: #6d6a7f;
    --color-pagination: #e1e0e7;
    --icon-invert: none;
    --icon-invert-reverse: invert(100%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(85%) contrast(97%);
}
html[data-theme="dark"] {
    --color-bg-back: #000;
    --color-bg-back-lit: #1a1a1a;
    --color-bg-back-notrecomended: #1a1a1a;
    --color-bg-back-odds-lit: #1a1a1a;
    --color-bg-cards: #2b2b2b;
    --color-bg-cards-second: #2b2b2b;
    --color-bg-notrecomended-second: #1a1a1a;
    --color-bg-hero: #1a1a1a;
    --color-bg-operator: #1a1a1a;
    --color-bg-donation-hover: #f3f4f5;
    --color-primary-color: #f3f4f5;
    --color-color-flu: #e1ff57;
    --color-color-red: #ff2f54;
    --color-color-see-more-games: #fff;
    --color-border-menu: #e1ff57;
    --color-label-menu: #b8b8b8;
    --color-excerpt-menu: #e1e0e7;
    --color-hover-menu: #2b2b2b;
    --color-border: #2b2b2b;
    --color-border-payment: #2b2b2b;
    --color-bestgames-border: #000;
    --color-border-see-more-hover: #fff;
    --color-border-number: #2b2b2b;
    --color-breadcrumb-current: #f5f5fa;
    --color-best-operator: #000;
    --color-date-transparency: #ffffff8a;
    --color-link-line: rgba(225, 255, 87, 0.4);
    --color-cta-text: #000;
    --color-rank-number: #fff;
    --color-pagination: #fff;
    --icon-invert: invert(100%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(85%) contrast(97%);
    --icon-invert-reverse: none;
}
html[data-theme="light"] header .icon img,
html[data-theme="light"] header .logo img {
    filter: invert(100%);
}
html[data-theme="light"] header .language-menu .lang.active {
    border: 2px solid #000;
}
html[data-theme="light"] header .language-menu .lang.active .icon {
    background-color: #000 !important;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4l3 3 6-6" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
        no-repeat 50%;
    border-color: #000;
}
html[data-theme="light"] header .language-menu .dark-light .theme > div:hover {
    border: 2px solid #000;
}
html[data-theme="light"] header .language-menu .dark-light .theme > div:hover .icon {
    background-color: #000 !important;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4l3 3 6-6" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
        no-repeat 50%;
    border-color: #000;
}
html[data-theme="light"] header .language-menu .dark-light .theme > div.active {
    border: 2px solid #000;
}
html[data-theme="light"] header .language-menu .dark-light .theme > div.active .icon {
    background-color: #000 !important;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4l3 3 6-6" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
        no-repeat 50%;
    border-color: #000;
}
html[data-theme="light"] .apps:not(.normal) img,
html[data-theme="light"] .mega-menu .icon img,
html[data-theme="light"] .mega-menu .label-back svg,
html[data-theme="light"] .mega-menu .logo img,
html[data-theme="light"] .question img,
html[data-theme="light"] .social-share svg,
html[data-theme="light"] footer .logo img {
    filter: invert(100%);
}
html[data-theme="light"] .copy-information .title img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(79%) saturate(5320%) hue-rotate(235deg) brightness(97%)
        contrast(94%);
}
html[data-theme="light"] .separator-icon svg rect {
    fill: var(--color-bg-back-lit);
}
html[data-theme="light"] .draw svg {
    border: 1px solid var(--color-border);
    border-radius: 20px;
}
html[data-theme="light"] .draw svg rect {
    fill: var(--color-bg-back);
}
html[data-theme="light"] .draw svg path {
    filter: invert(100%);
}
html[data-theme="light"] .who-wins .separator svg rect {
    fill: var(--color-bg-back);
}
html[data-theme="light"] .action-mega-menu img,
html[data-theme="light"] .close-icon img,
html[data-theme="light"] .closeButtonIcon img,
html[data-theme="light"] .current-item .menu-item button,
html[data-theme="light"] .current-item .menu-item div:not(.excerpt),
html[data-theme="light"] .show-less-content img,
html[data-theme="light"] .show-more-content img,
html[data-theme="light"] .tv-icon .menu-item,
html[data-theme="light"] .who-wins .separator svg path {
    filter: invert(100%);
}
html[data-theme="light"] section.not-recommended .icon-bonus rect {
    fill: var(--color-bg-back-lit);
}
html[data-theme="light"] .hero-onefootball .name span svg rect {
    fill: #fff;
}
html[data-theme="light"] .hero-onefootball .avatar {
    background-color: #fff !important;
}
html[data-theme="light"] .hero-onefootball .avatar svg {
    filter: invert(100%);
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large {
    border-color: #e1e0e7;
    background: #f3f4f5;
    color: #1a1a1a !important;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large:hover {
    border-color: #2a45f0;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .wrapper > .bottom {
    border-color: #e1e0e7;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .rank {
    background: #fff;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon {
    border-color: #f3f4f5;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .middle {
    background: #fff;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .middle .top {
    color: #2a45f0;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .copy .success > div {
    background: #fff;
    border-color: #2a45f0;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .copy > div > div {
    border-color: #e1e0e7;
    color: #2a45f0;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .copy > div > div:hover {
    border-color: #2a45f0;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .donation-link a {
    background: #1a1a1a;
    color: #fff;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .donation-link a:hover {
    background: #6d6a7f;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .tag {
    background: #2a45f0;
    color: #fff;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .review a {
    border-color: #e1e0e7;
    text-decoration: none;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .review a:hover {
    border-color: #1a1a1a;
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .left > .top {
    border-color: #e1e0e7;
}
html[data-theme="light"] .filters > .left {
    background: #f5f5fa;
    color: #1a1a1a;
}
html[data-theme="light"] .filters > .left .filter:hover {
    color: #2a45f0;
    background: none;
}
html[data-theme="light"] .filters > .left .filter.active {
    background: #fff;
}
html[data-theme="light"] .filters .search .input {
    border-color: #e1e0e7;
}
html[data-theme="light"] .filters .search .input:has(input:focus, input:hover) {
    border-color: #e1e0e7;
}
html[data-theme="light"] .filters .toggle > div {
    border-color: #e1e0e7;
}
html[data-theme="light"] .filters .toggle > div.active,
html[data-theme="light"] .filters .toggle > div:hover {
    border-color: #2a45f0;
}
@media (max-width: 1199px) {
    html[data-theme="light"] .filters .toggle > div.active .number {
        border-color: #fff;
        background: #2a45f0;
        color: #fff;
    }
}
html[data-theme="light"] .filters .advanced-filters .toolbar {
    background: #1a1a1a;
    background: #fff;
}
html[data-theme="light"] .filters .advanced-filters .toolbar .middle > div,
html[data-theme="light"] .filters .advanced-filters .toolbar > .top {
    border-color: hsla(0, 1%, 54%, 0.2);
}
html[data-theme="light"] .filters .advanced-filters .toolbar .middle > div.opened .overlay,
html[data-theme="light"] .filters .advanced-filters .toolbar > .top .overlay {
    background-color: #2a45f0;
}
html[data-theme="light"]
    .filters
    .advanced-filters
    .toolbar
    .middle
    > div.opened
    input[type="range"]::-webkit-slider-runnable-track,
html[data-theme="light"] .filters .advanced-filters .toolbar > .top input[type="range"]::-webkit-slider-runnable-track {
    background: #e1e0e7;
}
html[data-theme="light"]
    .filters
    .advanced-filters
    .toolbar
    .middle
    > div.opened
    input[type="range"]::-webkit-slider-thumb,
html[data-theme="light"] .filters .advanced-filters .toolbar > .top input[type="range"]::-webkit-slider-thumb {
    border-color: #2a45f0;
    background-color: #e1e0e7;
}
html[data-theme="light"] .filters .advanced-filters .toolbar input[type="checkbox"] {
    border-color: #8b8888;
}
html[data-theme="light"] .filters .advanced-filters .toolbar input[type="checkbox"]:checked {
    background: #2a45f0;
    border-color: transparent;
}
html[data-theme="light"] .filters .advanced-filters .toolbar input[type="checkbox"]:before {
    border-color: #fff;
}
html[data-theme="light"] .filters .advanced-filters .toolbar .submit {
    background: #1a1a1a;
    color: #fff;
}
html[data-theme="light"] .filters .advanced-filters .toolbar .submit:hover {
    background: #6d6a7f;
}
html[data-theme="light"] .filters .advanced-filters .toolbar .clear {
    border-color: #e1e0e7;
    color: #1a1a1a;
}
html[data-theme="light"] .filters .advanced-filters .toolbar .clear:hover {
    border-color: #1a1a1a;
}
html[data-theme="light"] .filters .order .toolbar {
    background: #fff;
}
html[data-theme="light"] .filters .order .toolbar .title div {
    color: #202020;
}
html[data-theme="light"] .filters .order .toolbar input {
    border-color: #e1e0e7;
    background: #f5f5fa;
}
html[data-theme="light"] .filters .order .toolbar input:checked {
    border-color: #2a45f0;
}
html[data-theme="light"] .filters .order .toolbar input:checked:before {
    background: #2a45f0;
}
html[data-theme="light"] .filters .order .toolbar button {
    background: none;
}
html[data-theme="light"] .filters .order .toolbar button.active {
    border-color: #2a45f0;
}
html[data-theme="light"] .filters .order .toolbar button span {
    color: #444;
}
html[data-theme="light"] .filters .order .toolbar button span:first-child {
    color: #202020;
}
body {
    font-family:
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        Open Sans,
        Helvetica Neue,
        sans-serif;
    background: var(--color-bg-back) !important;
    color: var(--color-primary-color) !important;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
    counter-reset: a;
}
body a {
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
    position: relative;
}
body img {
    max-width: 100%;
    height: auto;
    display: block;
    font-size: 0;
    transition: 0.3s;
}
body iframe {
    display: block;
    width: 100%;
}
body table {
    width: 100%;
    border-collapse: collapse;
}
body ol,
body ul {
    list-style: none;
}
body button,
body input,
body select,
body textarea {
    font-family: inherit;
    color: inherit;
    font-size: 1em;
    transition: 0.3s;
    display: block;
}
body button,
body input[type="button"],
body input[type="submit"] {
    cursor: pointer;
}
body input:-webkit-autofill,
body input:-webkit-autofill:focus {
    transition:
        background-color 600000s 0s,
        color 600000s 0s;
}
body :focus {
    outline: none;
}
body ::placeholder {
    color: inherit;
    opacity: 0.5;
}
body .show-more-less-content {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}
body .show-more-less-content span {
    cursor: pointer;
}
body .show-more-less-content .hide {
    display: none;
}
body .show-more-content .title {
    display: flex;
}
body .show-more-content .title img {
    transform: rotate(90deg);
}
body .show-more-content.hide {
    display: none;
}
body .more-content p {
    margin-bottom: 16px;
}
body .show-less-content .title {
    display: flex;
}
body .show-less-content.hide {
    display: none;
}
body .show-less-content img {
    transition: all;
    transition-duration: 1s;
    transform: rotate(-90deg) !important;
}
h1 {
    font-size: 24px;
}
h1 span {
    color: var(--color-color-flu);
}
h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: var(--color-primary-color);
}
@media (max-width: 1200px) {
    h2 {
        line-height: 24px;
    }
}
h3 {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 135%;
}
:is(
        section.introduction,
        .betting-comparison-template .hero,
        .bonus-comparison-template .hero,
        .payment-method-review-template .hero
    )
    .content {
    color: #fff;
}
:is(.payment-method-review-template section.content) {
    padding: 56px 0;
}
:is(
        section.introduction,
        .betting-comparison-template .hero-onefootball,
        .bonus-comparison-template .hero-onefootball,
        .payment-method-review-template .hero-onefootball,
        .index-template
    )
    .author {
    display: flex;
    align-items: center;
    color: var(--color-color-flu);
    font-size: 16px;
    font-weight: 700;
    line-height: 145%;
}
:is(
        section.introduction,
        .betting-comparison-template .hero-onefootball,
        .bonus-comparison-template .hero-onefootball,
        .payment-method-review-template .hero-onefootball,
        .index-template
    )
    .author
    img {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    margin-right: 8px;
}
:is(
        section.introduction,
        .betting-comparison-template .hero-onefootball,
        .bonus-comparison-template .hero-onefootball,
        .payment-method-review-template .hero-onefootball,
        .index-template
    )
    .author
    .right {
    display: flex;
}
:is(
        section.introduction,
        .betting-comparison-template .hero-onefootball,
        .bonus-comparison-template .hero-onefootball,
        .payment-method-review-template .hero-onefootball,
        .index-template
    )
    .author
    .name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
:is(
        section.introduction,
        .betting-comparison-template .hero-onefootball,
        .bonus-comparison-template .hero-onefootball,
        .payment-method-review-template .hero-onefootball,
        .index-template
    )
    .author
    .name
    .published-date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
    opacity: 0.7;
}
:is(.index-template.page) main {
    padding: 64px 0;
}
@media (max-width: 1200px) {
    :is(.index-template.page) main {
        padding: 0;
    }
    :is(.index-template.page) main .title {
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 125%;
        letter-spacing: -0.02em;
        color: var(--color-primary-color);
        margin: 20px 0;
    }
}
.homepage-template section.content {
    padding-top: 72px;
}
section.content {
    padding-bottom: 72px;
}
section.content .content .show-more-less-content p {
    margin-bottom: 16px;
}
section.content .content a {
    color: var(--color-color-flu);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-link-line);
}
@media (max-width: 1200px) {
    section.content {
        padding-bottom: 40px;
    }
    section.content .col-xl-3 {
        display: none;
    }
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template) .sportsbooks-info {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 24px;
}
header {
    background: var(--color-bg-back);
    border-bottom: 1px solid var(--color-border);
    position: sticky;
    top: 0;
    z-index: 101;
}
header section.top {
    background: #000002;
    padding: 12px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 135%;
    color: #ccc;
}
header .sponsor {
    justify-content: center;
    gap: 8px;
}
header .sponsor,
header section.bottom .container {
    display: flex;
    align-items: center;
}
@media (max-width: 1199px) {
    header section.bottom .container {
        height: 54px;
        justify-content: space-between;
    }
}
header .logo {
    width: 200px;
}
header .right {
    display: flex;
    align-items: center;
}
header .search {
    position: relative;
    display: flex;
    padding-right: 24px;
}
@media (max-width: 1199px) {
    header .search {
        padding-right: 10px;
    }
}
header .search .icon {
    width: 44px;
    height: 44px;
    background-color: var(--color-bg-back-lit);
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    display: flex;
    cursor: pointer;
}
header .search .icon.active {
    background-color: var(--color-primary-color);
}
header .search .icon.active img {
    filter: var(--icon-invert);
}
header .search .icon:hover {
    background-color: var(--color-primary-color);
}
header .search .icon:hover img {
    filter: var(--icon-invert);
}
@media (max-width: 1199px) {
    header .search .icon {
        width: 40px;
        height: 40px;
    }
}
header .search .search-bar {
    position: absolute;
    transition: 0.3s;
    top: 5px;
    right: 0;
}
header .search .search-bar .input {
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px;
    gap: 0 6px;
}
header .search .search-bar input {
    width: 184px;
    height: 35px;
    color: #212529;
    font-size: 14px;
    line-height: 150%;
}
header .search .search-bar .submit {
    order: -1;
}
header .search .search-bar .close,
header .search .search-bar .submit {
    width: 20px;
    flex: 0 0 20px;
    cursor: pointer;
}
header .search .search-bar .close:not(:hover) {
    opacity: 0.5;
}
header .search .search-bar.closed {
    opacity: 0;
    visibility: hidden;
}
header .language {
    padding-left: 24px;
    border-left: 2px solid var(--color-bg-back-lit);
}
@media (max-width: 1199px) {
    header .language {
        padding-left: 10px;
    }
}
header .language .icon {
    width: 44px;
    height: 44px;
    background-color: var(--color-bg-back-lit);
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    display: flex;
    cursor: pointer;
}
header .language .icon.active {
    background-color: var(--color-primary-color);
}
header .language .icon.active img {
    filter: var(--icon-invert);
}
header .language .icon:hover {
    background-color: var(--color-primary-color);
}
header .language .icon:hover img {
    filter: var(--icon-invert);
}
@media (max-width: 1199px) {
    header .language .icon {
        width: 40px;
        height: 40px;
    }
}
header .language-menu {
    width: 100%;
    background-color: var(--color-bg-back);
    position: absolute;
    margin-top: 1px;
    border-bottom: 1px solid var(--color-border);
}
header .language-menu .container {
    height: auto !important;
}
header .language-menu.closed {
    display: none;
}
header .language-menu .menu-tabs {
    display: flex;
    gap: 24px;
}
header .language-menu .menu-tabs .title {
    height: 80px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-primary-color);
    cursor: pointer;
    border-bottom: 3px solid transparent;
}
header .language-menu .menu-tabs .title.active,
header .language-menu .menu-tabs .title:hover {
    border-bottom: 3px solid var(--color-primary-color);
}
header .language-menu hr {
    width: 100%;
    height: 1px;
    background-color: var(--color-border);
}
header .language-menu .langs,
header .language-menu .theme {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    padding: 40px 0;
}
@media (max-width: 1199px) {
    header .language-menu .langs,
    header .language-menu .theme {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
header .language-menu .langs .auto,
header .language-menu .langs .dark,
header .language-menu .langs .lang,
header .language-menu .langs .light,
header .language-menu .theme .auto,
header .language-menu .theme .dark,
header .language-menu .theme .lang,
header .language-menu .theme .light {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 16px;
    gap: 8px;
    width: 280px;
    height: 64px;
    border: 2px solid var(--color-border);
    border-radius: 4px;
    flex: none;
    order: 0;
    flex-grow: 0;
    cursor: pointer;
}
@media (max-width: 1199px) {
    header .language-menu .langs .auto,
    header .language-menu .langs .dark,
    header .language-menu .langs .lang,
    header .language-menu .langs .light,
    header .language-menu .theme .auto,
    header .language-menu .theme .dark,
    header .language-menu .theme .lang,
    header .language-menu .theme .light {
        width: 100%;
    }
}
header .language-menu .langs .auto a,
header .language-menu .langs .dark a,
header .language-menu .langs .lang a,
header .language-menu .langs .light a,
header .language-menu .theme .auto a,
header .language-menu .theme .dark a,
header .language-menu .theme .lang a,
header .language-menu .theme .light a {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
header .language-menu .langs .auto .icon,
header .language-menu .langs .dark .icon,
header .language-menu .langs .lang .icon,
header .language-menu .langs .light .icon,
header .language-menu .theme .auto .icon,
header .language-menu .theme .dark .icon,
header .language-menu .theme .lang .icon,
header .language-menu .theme .light .icon {
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-border);
    border-radius: 20px;
}
header .language-menu .langs .auto:hover,
header .language-menu .langs .dark:hover,
header .language-menu .langs .lang:hover,
header .language-menu .langs .light:hover,
header .language-menu .theme .auto:hover,
header .language-menu .theme .dark:hover,
header .language-menu .theme .lang:hover,
header .language-menu .theme .light:hover {
    border: 2px solid var(--color-border);
}
header .language-menu .langs .auto:hover .icon,
header .language-menu .langs .dark:hover .icon,
header .language-menu .langs .lang:hover .icon,
header .language-menu .langs .light:hover .icon,
header .language-menu .theme .auto:hover .icon,
header .language-menu .theme .dark:hover .icon,
header .language-menu .theme .lang:hover .icon,
header .language-menu .theme .light:hover .icon {
    background-color: #fff !important;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4l3 3 6-6" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
        no-repeat 50%;
}
header .language-menu .langs .auto.active,
header .language-menu .langs .dark.active,
header .language-menu .langs .lang.active,
header .language-menu .langs .light.active,
header .language-menu .theme .auto.active,
header .language-menu .theme .dark.active,
header .language-menu .theme .lang.active,
header .language-menu .theme .light.active {
    border: 2px solid var(--color-color-flu);
}
header .language-menu .langs .auto.active .icon,
header .language-menu .langs .dark.active .icon,
header .language-menu .langs .lang.active .icon,
header .language-menu .langs .light.active .icon,
header .language-menu .theme .auto.active .icon,
header .language-menu .theme .dark.active .icon,
header .language-menu .theme .lang.active .icon,
header .language-menu .theme .light.active .icon {
    background-color: #fff !important;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4l3 3 6-6" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
        no-repeat 50%;
}
header .language-menu .hide {
    display: none !important;
}
body:has(.mega-menu:not(.closed)) {
    overflow: hidden;
}
.mega-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--color-bg-back);
    z-index: 3;
    transition: 0.3s;
    padding: 0 16px;
    overflow-x: hidden;
}
.mega-menu.closed {
    transform: translateX(-100%);
}
.mega-menu .menu-header {
    height: 54px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100vw;
}
.mega-menu .logo {
    width: 156px;
    position: relative;
    left: 20px;
}
.mega-menu .close-icon,
.mega-menu .close-submenu-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mega-menu .close-icon.hide,
.mega-menu .close-submenu-icon.hide {
    display: none;
}
.mega-menu .right {
    display: flex;
    align-items: center;
}
.mega-menu .search {
    position: relative;
    display: flex;
    padding-right: 24px;
}
@media (max-width: 1199px) {
    .mega-menu .search {
        padding-right: 10px;
    }
}
.mega-menu .search .icon {
    width: 44px;
    height: 44px;
    background-color: var(--color-bg-back-lit);
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    display: flex;
    cursor: pointer;
}
.mega-menu .search .icon.active {
    background-color: var(--color-primary-color);
}
.mega-menu .search .icon.active img {
    filter: var(--icon-invert);
}
.mega-menu .search .icon:hover {
    background-color: var(--color-primary-color);
}
.mega-menu .search .icon:hover img {
    filter: var(--icon-invert);
}
@media (max-width: 1199px) {
    .mega-menu .search .icon {
        width: 40px;
        height: 40px;
    }
}
.mega-menu .search .search-bar {
    position: absolute;
    transition: 0.3s;
    top: 5px;
    right: 0;
}
.mega-menu .search .search-bar .input {
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px;
    gap: 0 6px;
}
.mega-menu .search .search-bar input {
    width: 184px;
    height: 35px;
    color: #212529;
    font-size: 14px;
    line-height: 150%;
}
.mega-menu .search .search-bar .submit {
    order: -1;
}
.mega-menu .search .search-bar .close,
.mega-menu .search .search-bar .submit {
    width: 20px;
    flex: 0 0 20px;
    cursor: pointer;
}
.mega-menu .search .search-bar .close:not(:hover) {
    opacity: 0.5;
}
.mega-menu .search .search-bar.closed {
    opacity: 0;
    visibility: hidden;
}
.mega-menu .language {
    padding-left: 24px;
    border-left: 2px solid var(--color-bg-back-lit);
}
@media (max-width: 1199px) {
    .mega-menu .language {
        padding-left: 10px;
    }
}
.mega-menu .language .icon {
    width: 44px;
    height: 44px;
    background-color: var(--color-bg-back-lit);
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    display: flex;
    cursor: pointer;
}
.mega-menu .language .icon.active {
    background-color: var(--color-primary-color);
}
.mega-menu .language .icon.active img {
    filter: var(--icon-invert);
}
.mega-menu .language .icon:hover {
    background-color: var(--color-primary-color);
}
.mega-menu .language .icon:hover img {
    filter: var(--icon-invert);
}
@media (max-width: 1199px) {
    .mega-menu .language .icon {
        width: 40px;
        height: 40px;
    }
}
.mega-menu .menu {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}
.mega-menu .menu li {
    padding: 12px 0;
}
.mega-menu .menu .menu-item {
    display: flex;
    gap: 0 8px;
    align-items: center;
}
.mega-menu .menu .menu-item button,
.mega-menu .menu .menu-item div {
    margin-right: 24px !important;
}
.mega-menu .menu img {
    width: 24px;
    z-index: 6;
    position: relative;
}
.mega-menu .menu .opened ul {
    display: block;
}
.mega-menu .menu .opened button img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(91%) saturate(1081%) hue-rotate(12deg) brightness(102%)
        contrast(101%);
}
.mega-menu .menu-teams .title {
    padding-top: 12px;
    border-top: 1px solid #e6f2ef;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
}
.mega-menu .menu .opened > .menu-item,
.mega-menu .menu > ul:has(> .opened) > li:not(.opened),
.mega-menu .menu ul .submenu:not(.opened) .container,
.mega-menu .menu ul ul {
    display: none;
}
.mega-menu ul li.opened ul li ul {
    display: none !important;
}
.mega-menu ul li.opened ul li.opened ul {
    display: block !important;
}
.mega-menu ul li ul li.opened {
    padding: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 8;
    background: var(--color-bg-back);
}
.mega-menu .opened ul {
    top: 0;
}
.header-menu {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-primary-color);
    margin: 0 40px;
    width: 100%;
}
@media (max-width: 1200px) {
    .header-menu {
        display: none;
    }
}
.header-menu li.full-width.open > ul {
    border-top: 1px solid var(--color-border);
}
.header-menu ul {
    display: flex;
    gap: 0 40px;
}
.header-menu ul ul {
    position: absolute;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    border-radius: 0;
    background: var(--color-bg-back);
    flex-direction: column;
    gap: 7px 0;
    padding: 24px;
    transition: 0.3s;
    z-index: 1;
    left: 0;
    border-bottom: 1px solid var(--color-border);
}
.header-menu ul ul .nav li {
    margin: 6px 0;
}
.header-menu ul ul .nav li div a {
    height: auto;
    border: none;
    padding: 6px 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--color-primary-color);
    min-width: 176px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.header-menu ul ul .nav li div.label-back {
    justify-content: flex-start;
}
.header-menu ul ul .nav li div.label-back svg {
    margin-right: 38px;
}
.header-menu ul ul .nav li ul {
    display: none;
}
.header-menu ul ul .nav li.open ul {
    height: 100%;
    top: 0;
    display: flex;
}
.header-menu ul ul .nav li.open ul .container {
    display: block;
}
.header-menu ul ul .nav li.open ul .nav {
    gap: 20px;
    display: flex;
}
.header-menu ul ul .nav li.open ul .nav li {
    position: relative;
}
.header-menu ul ul .nav li.open ul .nav li ul {
    display: none;
}
.header-menu ul ul .nav li.open ul .nav li.child-active {
    border: 1px solid #ff0;
}
.header-menu ul ul .nav li.open ul .nav a {
    display: flex;
    justify-content: flex-start;
}
.header-menu ul ul .nav li.open ul .nav a span {
    order: 2;
}
.header-menu ul ul .nav li.open ul .nav a img {
    order: 1;
    margin: 0 10px 0 0;
}
.header-menu ul ul .nav li:hover {
    background-color: var(--color-bg-back-lit);
}
.header-menu ul .menu-item {
    display: flex;
    gap: 0 5px;
    align-items: center;
}
.header-menu ul .menu-item div {
    margin-right: 10px;
}
.header-menu ul a {
    display: block;
    width: fit-content;
    border-bottom: 3px solid transparent;
    height: 80px;
    display: flex;
    align-items: center;
}
.header-menu ul a:hover {
    border-color: #272727;
}
.header-menu ul li.tv-icon {
    display: flex;
}
.header-menu ul li.tv-icon a {
    text-indent: -9999px;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="75" height="44" viewBox="0 0 75 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.964 11.877l-7.23 20.163h5.214l7.231-20.163h-5.215zM35.392 28.111c0 2.3-1.893 4.165-4.227 4.165-2.334 0-4.226-1.864-4.226-4.165 0-2.3 1.892-4.165 4.226-4.165s4.227 1.865 4.227 4.165zM20.073 11.877c-.696 2.472-3.303 4.612-6.606 4.13l-1.613 4.502c7.845.938 11.356-2.858 13.303-8.632h-5.084z" fill="currentColor"/><path d="M54.888 27.867l-3.203-11.58h3.038l2.398 8.726h.51l2.381-8.727h2.99l-3.187 11.581h-4.927zM51.462 16.287v2.66h-3.515v8.92h-3.055v-8.92h-3.498v-2.66h10.068z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M69.126 2.727H5.874c-1.721 0-3.117 1.38-3.117 3.082V38.19c0 1.703 1.396 3.082 3.117 3.082h63.252c1.721 0 3.117-1.38 3.117-3.082V5.81c0-1.703-1.396-3.083-3.117-3.083zM5.874 0C2.63 0 0 2.6 0 5.809V38.19C0 41.4 2.63 44 5.874 44h63.252C72.37 44 75 41.4 75 38.191V5.81C75 2.6 72.37 0 69.126 0H5.874z" fill="currentColor"/></svg>');
    filter: brightness(0) invert(1);
    width: 75px;
    height: 44px;
}
.header-menu ul li.tv-icon a:hover {
    border: none;
}
.header-menu ul li.current-item ul {
    display: none;
}
.header-menu ul li.current-item.open ul {
    display: block;
}
.header-menu ul li.current-item .menu-item a {
    border-color: var(--color-border-menu);
}
.header-menu ul li.current-item .menu-item div {
    display: none;
}
.header-menu ul li.current-item li.submenu div.menu-item div {
    display: block;
}
.header-menu ul li.current-item li.submenu ul {
    opacity: 0;
    visibility: hidden;
}
.header-menu ul li.current-item li.submenu.opened ul {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    opacity: 1;
    visibility: inherit;
}
.header-menu ul li.current-item li.submenu.opened ul .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.header-menu ul li.current-item li.submenu.opened ul .nav {
    display: flex;
}
.header-menu ul li.current-item li.submenu.opened ul .nav li a {
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.header-menu ul li.current-item li.submenu.opened ul .nav li a img {
    margin-right: 24px;
}
@media (min-width: 1200px) {
    .action-mega-menu {
        display: none;
    }
}
@media (max-width: 1199px) {
    header .logo {
        width: 156px;
    }
}
footer {
    background: var(--color-bg-back-lit);
    color: var(--color-primary-color);
    position: relative;
    z-index: 2;
}
footer section.follow,
footer section.top {
    padding: 40px 0 32px;
}
footer section.top {
    border-top: 1px solid var(--color-border);
}
footer section.middle {
    margin: 32px 0 0;
}
footer section.middle ul .container {
    padding: 0;
    margin: 0;
}
footer section.middle.disclaimer {
    font-size: 12px;
}
footer section.middle.disclaimer .bottom {
    gap: 0 113px;
    padding-top: 32px;
    border-top: 1px solid var(--color-border);
}
footer section.bottom {
    padding: 32px 0 8px;
}
footer section.bottom .copyright {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-primary-color);
}
footer .follow .title {
    color: #f5f5fa;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    word-wrap: break-word;
}
footer .follow .social-media {
    gap: 32px;
    display: flex;
    padding: 32px 0 0;
    width: 100%;
}
@media (max-width: 1200px) {
    footer .follow .social-media {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
footer .follow .social-media .social {
    height: 106px;
    padding: 16px;
    background: var(--color-bg-cards);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    position: relative;
}
footer .follow .social-media .social a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
footer .follow .social-media .social .icon-wrapper {
    width: 24px;
    height: 24px;
    background: #f5f5fa;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}
footer .follow .social-media .social .icon-wrapper .icon {
    width: 16px;
    height: 16px;
    padding: 1.67px;
    justify-content: center;
    align-items: center;
    display: flex;
}
footer .follow .social-media .social .social-name {
    font-weight: 400;
}
footer .follow .social-media .social .for,
footer .follow .social-media .social .social-name {
    align-self: stretch;
    color: var(--color-primary-color);
    font-size: 12px;
    line-height: 16.8px;
    word-wrap: break-word;
}
footer .follow .social-media .social .for {
    font-weight: 700;
}
footer .menus ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 32px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    justify-content: space-between;
}
@media (max-width: 1200px) {
    footer .menus ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
footer .menus ul li div.menu-item {
    margin-bottom: 24px;
}
footer .menus ul li div.menu-item,
footer .menus ul li div.menu-item a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--color-primary-color);
}
footer .menus ul li div.menu-item a:hover {
    color: var(--color-color-flu);
}
footer .menus ul li ul {
    display: block;
}
footer .menus ul li ul li div.menu-item {
    margin: initial;
}
footer .menus ul li ul li div.menu-item a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-primary-color);
    text-transform: none;
}
footer .menus ul li ul li {
    margin-bottom: 16px;
}
h1 {
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -1px;
    color: var(--color-primary-color);
}
@media (max-width: 1200px) {
    h1 {
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 125%;
        letter-spacing: -0.02em;
    }
}
.hero-onefootball {
    padding: 32px 0 0;
    background-color: #000;
    color: #fff;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" style="position:absolute;top:0;left:0;width:100%" width="1440" height="391" viewBox="0 0 1440 391" fill="none"><mask id="a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="-134" width="1440" height="778"><path d="M0-133.063h1440v776.257H0v-776.257z" fill="%23fff"/></mask><g mask="url(%23a)"><mask id="b" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1396" y="-904" width="596" height="1575"><path fill-rule="evenodd" clip-rule="evenodd" d="M1396.13-903.696h595.12v1573.89h-595.12v-1573.89z" fill="%232B2B2B"/></mask><g mask="url(%23b)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1676.25-903.696l1.13 4.5 69.75 104.626 120.37 183.377 46.13 69.75 2.25 4.5-181.13 180.002-182.25 180.002 270 57.375-54 73.126-52.87 72-52.88 73.127-54 72c-17.63 23.997-35.25 47.997-52.87 72.001L1503 315.816l-52.87 72-54 73.126 248.62 209.252 75.38-115.876-254.25-115.876 3.37-4.5 40.5-49.501 67.5-81.001 121.5-144.001 86.63-104.626L1899-81.313l73.13-87.751 3.37-4.5-131.62-14.625-131.63-14.625v-3.375l3.38-2.251 274.5-320.628 1.12-1.125-2.25-3.375-78.75-122.626-104.62-163.126-51.75-79.876-2.25-4.5h-75.38z" fill="%23F5F5FA"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M-4.499 30.063L100.126-73.438l153 154.127 153-204.752 151.875-204.752 1.125 1.125h1.125l1.125 2.25 166.5 383.628h1.125l2.25-3.375 43.875-87.75c1.125-3.376 0-5.626-1.125-9l-40.5-75.376-61.875-117.002-73.125-138.376a62041.284 62041.284 0 0 0-23.625-45l-3.375-4.5-294.75 407.254-4.5-4.5-63-78.751c-36.37-45.379-72.745-90.755-109.125-136.127l-3.375-3.375-4.5 3.375-54 61.876-42.75 46.125V30.063zM-4.499 664.569l293.625 153.002-65.25 197.999-47.25-23.622-47.25-24.751c-38.252 33.373-76.502 66.753-114.75 100.123v1.13l1.125 1.12 255.375 56.25h2.25l84.375-354.374-3.375-2.251-144-73.125-177.75-88.876-37.125-18v75.375zm0-421.879l81-83.251 51.75 41.626-4.5 4.5L-1.124 361.941l-3.375 4.501 55.125 33.75 155.25-254.253-128.25-87.75-82.125 79.875v105.751-1.125z" fill="%23F5F5FA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M141.752-723.694l-5.625 20.25-31.5 127.126-38.25 151.877v1.125c-2.25 5.625-1.125 9 2.25 14.625l108 159.751 91.125 137.252c4.105 5.639 8.23 11.264 12.375 16.875l2.25 3.375 78.75-120.376-3.375-3.375a243959.28 243959.28 0 0 0-86.625-86.626l-58.5-58.501-60.75-58.5-20.25-20.251c-3.375-3.375-3.375-4.5-1.125-7.875l51.75-102.376 51.75-103.501c2.25-4.5 2.25-4.5 7.875-3.375l119.25 28.126 202.5 47.25 192.375 45 13.5 2.251c3.375 1.125 5.625 2.25 7.875 5.625l42.75 68.625 85.5 133.877 32.625 51.75c2.25 3.375 2.25 5.625 1.125 9l-64.125 141.752-113.625 252.002a52192.852 52192.852 0 0 1-27 60.751l-3.375 4.5-64.125-137.252-63-138.376-64.125-138.376-3.375 3.375-56.25 85.5c-33.37 49.504-66.745 99.005-100.125 148.502l-63 94.501-97.875 145.126-95.625 141.752-16.875 25.875-3.375 4.5 4.5 2.25 123.75 61.876 173.25 87.75 113.625 57.376 115.875 58.501 114.75 57.375 115.875 57.376 113.625 58.5 71.998 36.001 4.5 2.25 511.88-805.508-241.88-241.878c-2.25 1.125-88.87 171.002-94.5 183.377l37.13 10.125 36 11.25L1341 76.19l36 10.125 37.13 10.125a97190.93 97190.93 0 0 1-403.88 738.007l-5.62-2.25-68.628-40.501-216-126.001-228.375-133.876-193.5-113.626-55.125-32.626-5.625-2.25 2.25-5.625A2787940.603 2787940.603 0 0 1 474.752-12.687l55.125-92.251 4.5-6.75 2.25 4.5a98117.033 98117.033 0 0 1 36 100.126l70.875 191.252 61.875 171.001 7.875 21.375 2.25 4.5 6.75-14.625 48.375-100.126 76.5-158.626 78.75-166.502 96.753-201.377 13.5-30.375c2.25-2.25 2.25-4.5 0-7.875l-75.378-102.376-153-208.127a15.742 15.742 0 0 0-11.25-6.75l-139.5-23.626-141.75-22.5-133.875-22.5-113.625-18-121.5-20.25-4.5-1.125z" fill="%23F5F5FA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1276.88-370.441L1737-707.944l-60.75-101.251c-4.5 2.25-81 67.5-129.37 110.251l-128.25 111.376-128.25 111.376c-4.5-2.25-54-54.001-99-102.376l-97.88-102.376-97.873-103.501-108 176.627 3.375 5.625 200.248 275.627 32.63 46.126c3.37 3.375 3.37 6.75 1.12 10.125L984.377-13.813l-101.25 185.627-153 280.128-7.875 14.625-2.25 4.5-306-148.501c1.125-4.5 67.5-121.501 70.875-123.751l3.375 5.625 76.5 138.376c1.125 3.375 3.375 4.5 6.75 6.75l90 43.875h3.375A2715138.825 2715138.825 0 0 0 508.502 25.563l-2.25-4.5-171 318.378 409.5 256.502L1219.5-293.94 957.377-601.068l65.253-90.001h2.25l1.12 1.125 2.25 2.25 247.5 316.128 1.13 1.125z" fill="%23F5F5FA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1759.5-577.443l30.38 33.75-33.75 29.25-33.75 29.25-32.63 29.251-33.75 29.25-32.62 28.125-33.75 29.251-33.75 29.25-32.63 28.125-33.75 29.25-33.75 29.251-32.62 29.25-33.75 28.125-33.75 29.251 236.25 230.627 110.25-156.377L1575-118.439l-127.12-25.875 3.37-4.5 72-69.751 61.88-59.625 93.37-90.001 61.88-59.626 87.75-84.376 24.75-23.625 5.62-5.625-90-127.126-23.62 18c-65.63 50.243-131.26 100.494-196.88 150.751l-235.12 180.002-37.13 28.125-4.5 5.625-75.37 141.752-85.5 158.626-74.25 139.502-83.254 153.001-100.125 186.752-64.125 120.376-2.25 4.5 190.125 128.252 354.379-606.381-119.25-54-61.88 123.75h5.63l70.87-13.5h4.5l-1.12 2.25-288.004 461.255-4.5-3.375a26393.04 26393.04 0 0 1-55.125-38.251c-3.375-2.25-3.375-2.25-2.25-6.75a15591.335 15591.335 0 0 1 24.75-47.25l42.75-83.251 93.379-182.252 63-126.001 77.62-150.751L1242-98.19l61.88-119.251 4.5-5.625 199.12-157.501 200.25-156.377 47.25-38.25 4.5-2.25zm-1097.999 63l2.25 4.5 59.625 91.126 91.125 138.376c1.125 2.251 2.25 4.501 1.125 7.876l-20.25 52.875-3.375 5.625-3.375-5.625-68.625-113.626-128.25-208.127c-1.125-2.25-3.375-3.375-5.625-3.375h-29.25c-3.375 0-5.625 1.125-6.75 3.375l-91.125 132.751-54 79.876-3.375 3.375-5.625-5.625-47.25-48.375-92.25-96.751c-3.375-3.375-3.375-3.375-1.125-7.876l29.25-60.75 2.25-4.5c4.5 2.25 23.625 22.5 43.875 42.75l41.625 43.876 43.875 43.875 24.75-41.625 24.75-41.626 24.75-42.75-231.75-68.626-5.625 13.5-59.625 137.252c-1.125 4.5-1.125 4.5 1.125 7.875l83.25 87.751 60.75 65.25 47.25 49.501 3.375 3.375 177.75-243.003 119.25 185.627 118.125 184.502 2.25-3.375 63-144.001v-9l-112.5-208.128c-2.25-4.5-5.625-6.75-10.125-7.875l-79.875-19.125-5.625-1.125z" fill="%23F5F5FA"/></g></svg>');
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.hero-onefootball .container {
    max-width: 1240px;
    width: 100%;
}
.hero-onefootball .container .buttons {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1000px) {
    .hero-onefootball .container .buttons {
        flex-direction: column;
        gap: 16px 0;
    }
}
.hero-onefootball .container .buttons .button-credibility {
    box-sizing: border-box;
    float: right;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    height: 48px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    cursor: pointer;
}
.hero-onefootball .container .buttons .button-credibility .title {
    margin: 0;
    padding: 0;
}
.hero-onefootball .container .buttons .button-credibility .title span {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-primary-color);
}
.hero-onefootball .container .buttons .button-credibility .icon {
    width: 20px;
    height: 20px;
}
.hero-onefootball .container .buttons .button-credibility .icon svg {
    margin-top: 2px;
    width: 20px;
    height: 20px;
}
.hero-onefootball .container .buttons .button-credibility .icon svg path {
    stroke: var(--color-color-flu);
}
.hero-onefootball .container .buttons .button-credibility:hover {
    transition: all;
    transition-duration: 0.2s;
    border: 1px solid var(--color-primary-color);
}
@media (max-width: 1000px) {
    .hero-onefootball .container .buttons .social-share a {
        padding: 12px;
    }
    .hero-onefootball .container .buttons .social-share span {
        display: none;
    }
}
.eeat-template .breadcrumb {
    padding-top: 64px;
}
.eeat-template .hero {
    width: 100%;
}
.eeat-template .hero .button-credibility {
    box-sizing: border-box;
    float: right;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    height: 48px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 5px;
}
@media (max-width: 1000px) {
    .eeat-template .hero .button-credibility {
        display: none;
    }
}
.eeat-template .hero .button-credibility .title {
    margin: 0;
    padding: 0;
}
.eeat-template .hero .button-credibility .title span {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-primary-color);
}
.eeat-template .hero .button-credibility .icon {
    width: 20px;
    height: 20px;
}
.eeat-template .hero .button-credibility .icon svg {
    margin-top: 2px;
    width: 20px;
    height: 20px;
}
.eeat-template .hero .button-credibility .icon svg path {
    stroke: var(--color-color-flu);
}
.eeat-template .hero .button-credibility:hover {
    transition: all;
    transition-duration: 0.2s;
    border: 1px solid var(--color-primary-color);
}
.eeat-template .hero .title {
    position: relative;
}
.eeat-template .hero .title h1 {
    color: var(--color-primary-color); 
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 24px;
}
@media (max-width: 1000px) {
    .eeat-template .hero .title h1 {
        font-size: 24px;
        line-height: 24px;
    }
}
.eeat-template .hero .content {
    width: 75%;
    margin-bottom: 64px;
}
@media (max-width: 1000px) {
    .eeat-template .hero .content {
        width: 100%;
    }
}
.eeat-template .content .content-blocks .content {
    margin-bottom: 64px;
}
.eeat-template .content .content-blocks .content .content {
    margin: 0;
}
.eeat-template .content .content-blocks .content ul {
    list-style-type: disc;
    margin: 0 20px 20px;
}
.eeat-template .content .content-blocks .content ul li::marker {
    color: var(--color-primary-color);
}
.eeat-template .content .content-blocks h2,
.eeat-template .content .content-blocks h3,
.eeat-template .content .content-blocks h4,
.eeat-template .content .content-blocks h5,
.eeat-template .content .content-blocks h6,
.eeat-template .content .content-blocks p {
    margin-bottom: 16px;
}
@media (max-width: 1000px) {
    .eeat-template .row {
        padding: 0 15px;
    }
}
.eeat-template .content-blocks .col-xl-9 {
    padding: 0;
}
.hero-onefootball .container .wrapper .author img {
    width: 32px;
    aspect-ratio: 1;
    border-radius: 50%;
    margin-right: 8px;
}

.hero-onefootball .container .wrapper .author .right {
    display: flex;
    align-items: center;
}
@media (max-width: 1000px) {
    .hero-onefootball .container .wrapper .author .right {
        display: block;
    }
    .hero-onefootball .container .wrapper .author .right svg {
        position: absolute;
    }
    .hero-onefootball .container .wrapper .author .avatar{
        width: 24px;
        height: 24px;
    }
    .hero-onefootball .container .wrapper .author img {
        width: 24px;
        height: 24px;
    }
}
.hero-onefootball .container .wrapper .author .right .separator {
    width: 1px;
    height: 10px;
    background: var(--color-border);
    margin: 0 8px;
}
.hero-onefootball .container .wrapper .author .right .revisor .label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-label-menu);
    margin-right: 0;
}
.hero-onefootball .container .wrapper .author .right span {
    margin-right: 8px;
    
}
.hero-onefootball .container .wrapper .author .right span.label{
color: var(--button-pressed, #B8B8B8);
}
html[data-theme="light"] .hero-onefootball .container .wrapper .author .right span.label{
    color: var(--button-pressed, #6d6a7f) !important;
}
html[data-theme="light"] .hero-onefootball .container .information .label .label{
    color: var(--button-pressed, #6d6a7f) !important; 
}
.hero-onefootball .container .wrapper .author .name,
.hero-onefootball .container .wrapper .author .name .published-date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
.hero-onefootball .container .wrapper .author .name .published-date {
    opacity: 0.7;
}
.hero-onefootball .container .wrapper .author .name .updated-date {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
.hero-onefootball .container .wrapper .author .name .updated-date > .label {
    opacity: 0.7;
}
.hero-onefootball .container .wrapper .author .name .updated-date .information {
    margin-left: 8px;
    position: relative;
    z-index: 2;
}
.hero-onefootball .container .wrapper .author .name .updated-date .information img {
    width: 16px;
    height: auto;
}
.hero-onefootball .container .wrapper .author .name .updated-date .information .label {
    position: absolute;
    bottom: calc(100% + 10px);
    left: calc(50% - 56px);
    color: #b8b8b8;
    background: #2b2b2b;
    border-radius: 4px;
    padding: 6px 12px;
    box-shadow: 0 8.5px 17px -8.5px rgba(19, 22, 25, 0.08);
    width: 103px;
    height: 50px;
    z-index: 8;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    display: none;
}
.hero-onefootball .container .wrapper .author .name .updated-date .information .label span {
    opacity: 1;
    color: #f3f4f5;
    font-weight: 700;
}
.hero-onefootball .container .wrapper .author .name .updated-date .information .label:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2b2b2b;
    transform: rotate(45deg);
    position: absolute;
    bottom: -4px;
    left: calc(50% - 3px);
}
.hero-onefootball .container .wrapper .author .name .updated-date .information:hover .label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5.6px;
}
.hero-onefootball .container .wrapper .author .name .updated-date .information:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(11deg) brightness(105%)
        contrast(105%);
}
.sportsbooks .introdution-content {
    padding: 24px 0 40px;
}
.sportsbooks .introdution-content p {
    margin-bottom: 16px;
}
.sportsbooks .cards {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
    padding-bottom: 24px;
}
.sportsbooks .before-cards .content {
    padding: 64px 0 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-primary-color);
}
@media (max-width: 1200px) {
    .sportsbooks .before-cards .content {
        padding: 40px 0;
    }
}
.sportsbooks .before-cards .content .show-more-content,
.sportsbooks .before-cards .content .show-more-less-content {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    cursor: pointer;
}
.sportsbooks .before-cards .content .show-more-content.hide,
.sportsbooks .before-cards .content .show-more-less-content.hide {
    display: none;
}
.sportsbooks .before-cards .content .show-more-content .title,
.sportsbooks .before-cards .content .show-more-less-content .title {
    display: flex;
    align-items: center;
    gap: 0 4px;
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    cursor: pointer;
    width: fit-content;
    border-bottom: 3px solid transparent;
}
.sportsbooks .before-cards .content .show-more-content .title img,
.sportsbooks .before-cards .content .show-more-less-content .title img {
    transform: rotate(90deg);
}
.sportsbooks .show-less,
.sportsbooks .show-more {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 24px;
    cursor: pointer;
    margin-bottom: 112px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    margin: 0 auto 32px;
    padding: 8px 90px;
    width: fit-content;
}
.sportsbooks .show-less.responsiveness,
.sportsbooks .show-more.responsiveness {
    display: none;
}
.sportsbooks .show-less:hover,
.sportsbooks .show-more:hover {
    border: 1px solid var(--color-border-see-more-hover);
}
.sportsbooks .show-less img,
.sportsbooks .show-more img {
    display: none;
}
.sportsbooks .show-less div,
.sportsbooks .show-more div {
    display: flex;
    align-items: center;
    gap: 0 4px;
    justify-content: center;
}
.sportsbooks .container.before-cards .content p {
    margin-bottom: 16px;
}
.content-block,
.index-template:is(.post, .betting-tip) .main .introduction,
.partnership {
    counter-reset: a;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.advertiser-geographical-area.horizontal:is(.medium) {
    background: var(--color-bg-operator);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    margin-bottom: 32px;
    position: relative;
}
@media (max-width: 1200px) {
    .advertiser-geographical-area.horizontal:is(.medium) {
        overflow: hidden;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) a {
    color: inherit;
    text-decoration: inherit;
}
.advertiser-geographical-area.horizontal:is(.medium).hide,
.advertiser-geographical-area.horizontal:is(.medium) .responsiveness {
    display: none !important;
}
.advertiser-geographical-area.horizontal:is(.medium) .area-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.advertiser-geographical-area.horizontal:is(.medium) .rank {
    background-color: var(--color-border);
    color: var(--color-rank-number);
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    min-width: 40px;
    min-height: 40px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advertiser-geographical-area.horizontal:is(.medium):first-child .rank {
    background-color: #efbf04;
}
.advertiser-geographical-area.horizontal:is(.medium):nth-child(2) .rank {
    background-color: #c4c4c4;
}
.advertiser-geographical-area.horizontal:is(.medium):nth-child(3) .rank {
    background-color: #ce8946;
}
.advertiser-geographical-area.horizontal:is(.medium) .sportsbook-name {
    color: var(--color-primary-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin-top: 4px;
}
.advertiser-geographical-area.horizontal:is(.medium) .rating {
    display: flex;
    align-items: center;
    gap: 0 8px;
    color: var(--color-primary-color);
    font-size: 12px;
    line-height: 145%;
    margin-top: 8px;
    position: relative;
    z-index: 2;
}
.advertiser-geographical-area.horizontal:is(.medium) .rating .bold {
    font-weight: 600;
    color: var(--color-primary-color);
    font-size: 14px;
}
@media (max-width: 1200px) {
    .advertiser-geographical-area.horizontal:is(.medium) .rating {
        flex-direction: column;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .rating .composed {
        margin-top: 5px;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .rating a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .rating {
        position: absolute;
        right: 0;
        top: 0;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .review a {
    color: var(--color-primary-color);
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
}
.advertiser-geographical-area.horizontal:is(.medium) .review a:hover {
    color: var(--color-color-flu);
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .review {
        display: none;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .offer {
    color: var(--color-primary-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .offer {
        text-align: center;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .offer .separator {
    padding: 0 4px;
}
.advertiser-geographical-area.horizontal:is(.medium) .offer .value {
    font-weight: 700;
}
.advertiser-geographical-area.horizontal:is(.medium) .separator-icon {
    width: 32px;
    height: 32px;
    position: relative;
}
.advertiser-geographical-area.horizontal:is(.medium) .separator-icon svg {
    z-index: 2;
    position: relative;
}
.advertiser-geographical-area.horizontal:is(.medium) .separator-icon:after {
    content: "";
    background: var(--color-border);
    position: absolute;
    bottom: -138%;
    left: 16px;
    height: 120px;
    width: 1px;
    z-index: 1;
}
.advertiser-geographical-area.horizontal:is(.medium) .separator-icon.mobile {
    display: none;
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .separator-icon {
        display: none;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .separator-icon.mobile {
        display: block;
        width: 100%;
        text-align: center;
        margin: 8px 0;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .separator-icon.mobile:after {
        width: 100vw;
        height: 1px;
        left: -20px;
        top: 15px;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .features {
    color: var(--color-primary-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}
.advertiser-geographical-area.horizontal:is(.medium) .features span {
    padding: 0 2px 0 0;
}
.advertiser-geographical-area.horizontal:is(.medium) .features .items,
.advertiser-geographical-area.horizontal:is(.medium) .features ul {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}
.advertiser-geographical-area.horizontal:is(.medium) .features li {
    padding-left: 18px;
    background: url(/pt-br/apostas/static/wp/icon-check-outlined.svg) left 2px no-repeat;
}
.advertiser-geographical-area.horizontal:is(.medium).large .left .column {
    min-width: 240px;
}
.advertiser-geographical-area.horizontal:is(.medium) .donation-link div {
    line-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 32px;
    gap: 10px;
    width: 100%;
    color: #f5f5fa;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    background: #b8b8b8;
    justify-content: center;
    cursor: not-allowed;
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .donation-link div {
        width: 100%;
        justify-content: center;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .donation-link a {
    line-height: 40px;
    display: block;
    width: fit-content;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 12px 24px;
    gap: 6px;
    background: var(--color-primary-color);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: var(--color-cta-text);
    min-width: 200px;
    text-align: center;
}
.advertiser-geographical-area.horizontal:is(.medium) .donation-link a:hover {
    background-color: var(--color-bg-donation-hover);
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .donation-link a {
        width: 100%;
        justify-content: center;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .payment-methods {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 12px 0 0;
    align-items: center;
}
.advertiser-geographical-area.horizontal:is(.medium) .tc-excerpt {
    color: var(--color-primary-color);
    font-size: 12px;
    line-height: 135%;
    padding: 12px 24px;
    border-radius: 0;
    border-top: 1px solid var(--color-border);
}
.advertiser-geographical-area.horizontal:is(.medium) .tc-excerpt .license {
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--color-primary-color);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    border-radius: 80px;
    background-color: var(--color-bg-cards-second);
    margin-right: 5px;
}
.advertiser-geographical-area.horizontal:is(.medium) .logo {
    width: 80px;
    aspect-ratio: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advertiser-geographical-area.horizontal:is(.medium) .logo img {
    width: 80%;
    aspect-ratio: 1;
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .logo {
        height: 48px;
        width: 48px !important;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .tag {
    padding: 2px 4px;
    color: var(--color-best-operator);
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 4px;
    width: fit-content;
    background: var(--color-color-flu);
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
}
.advertiser-geographical-area.horizontal:is(.medium) .tag.red {
    background-color: #ff2f54;
    color: #fff;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information {
    display: flex;
    align-items: center;
    padding: 8px 0 0;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy {
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    border: 1px dashed #b8b8b8;
    border-radius: 4px;
    color: var(--color-color-flu);
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy .title {
    opacity: 0;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy .title div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 135%;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy .title.active {
    opacity: 1;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy .success {
    display: block;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy .success div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    font-weight: 600;
    background: rgba(185, 225, 9, 0.1882352941);
    transition: 0.3s;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy .success:not(.active) {
    display: none;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy .success:not(.active) div {
    opacity: 0;
    visibility: hidden;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy:hover {
    border-color: var(--color-color-flu);
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .copy-information .copy {
        margin: 0 0 16px !important;
        width: 100%;
    }
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .information {
    margin: 8px;
    position: relative;
    z-index: 2;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .information span {
    position: absolute;
    bottom: calc(100% - 30px);
    transform: translateX(17%);
    color: #13161a;
    background: #fff;
    border-radius: 6px;
    padding: 6px 12px;
    box-shadow: 0 8.5px 17px -8.5px rgba(19, 22, 25, 0.08);
    width: 160px;
    height: fit-content;
    z-index: 8;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    display: none;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .information span:before {
    content: "";
    position: absolute;
    bottom: 40%;
    left: -6px;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #fff;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .information:hover span {
    display: block;
}
.advertiser-geographical-area.horizontal:is(.medium) .copy-information .information:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(11deg) brightness(105%)
        contrast(105%);
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .copy-information .information {
        display: none;
    }
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .left {
        display: flex;
        align-items: center;
        position: relative;
        gap: 16px;
    }
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal:is(.medium) .middle .bonuses {
        margin: 16px 0 !important;
    }
}
@media (min-width: 1200px) {
    .advertiser-geographical-area.horizontal:is(.medium) .wrapper > .top {
        display: flex;
        padding: 24px;
        gap: 0 20px;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .wrapper > .top > .left {
        align-self: center;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .wrapper > .top > .right {
        width: 356px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0 20px;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .middle > .left {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0 20px;
        align-items: center;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .column .bottom {
        padding-top: 4px;
        display: flex;
        align-items: center;
        gap: 0 8px;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .wrapper > .top {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0 32px;
        align-items: center;
        padding: 20px 24px;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .wrapper > .top .buttons {
        z-index: 2;
    }
    .advertiser-geographical-area.horizontal:is(.medium) .wrapper > .top .left {
        display: flex;
        align-items: center;
        gap: 0 20px;
    }
}
@media (max-width: 1200px) {
    .advertiser-geographical-area.horizontal:is(.medium) .wrapper > .top {
        padding: 20px 24px;
        position: relative;
    }
}
.homepage-template .sportsbooks .container {
    padding: 0;
}
@media (max-width: 1199px) {
    .homepage-template .sportsbooks .container {
        padding: 0;
    }
}
.sidebar {
    position: sticky;
    top: 100px;
    overflow: auto;
}
@media (max-width: 1199px) {
    .sidebar {
        display: none;
    }
}
.sidebar .widget-content-navigation ul ul {
    display: none;
}
.sidebar .widget-content-navigation li:not(:last-child) {
    margin-bottom: 12px;
}
.sidebar .widget-content-navigation a {
    display: block;
    line-height: 175%;
    padding-right: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-primary-color);
}
.sidebar .widget-content-navigation .active a {
    border-color: var(--color-color-flu);
    color: var(--color-color-flu);
}
@media (max-width: 1199px) {
    .sidebar .widget-content-navigation {
        display: none;
    }
}
.sidebar::-webkit-scrollbar {
    display: none;
}
@media (max-width: 1199px) {
    .faqs {
        margin-bottom: 40px;
    }
}
.faqs .faq-card h3 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
}
.faqs .faq-card p:not(:last-child) {
    margin-bottom: 8px !important;
}
.faqs .faq-card .question {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 16px 24px;
    background-color: var(--color-bg-back-lit);
    margin: 8px 0 0;
    cursor: pointer;
}
.faqs .faq-card .toggle img {
    width: 20px;
    transform: rotate(-90deg);
}
.faqs .faq-card .answer {
    padding: 24px;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400;
    background-color: var(--color-bg-back-lit);
    border-top: 1px solid var(--color-border);
}
.faqs .faq-card.close .answer {
    display: none;
}
.faqs .faq-card.close .toggle img {
    transform: rotate(90deg);
}
.template-404 h1 {
    padding-bottom: 8px;
    color: #088264;
    text-align: center;
    font-size: 96px;
}
.template-404 .main .content {
    max-width: 770px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    margin-bottom: 120px;
}
.template-404 .main .content a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 6px;
    width: 295px;
    height: 40px;
    background: var(--color-primary-color);
    border-radius: 4px;
    color: var(--color-bg-back);
    margin: 32px auto;
    transition: all;
    transition-duration: 0.2s;
    font-size: 16px;
    font-weight: 600;
}
.template-404 .main .image {
    width: fit-content;
    margin: 120px auto 40px;
}
@media (max-width: 1199px) {
    .template-404 .main .image {
        margin: 40px auto;
    }
}
@media (max-width: 1199px) {
    .template-404 h1 {
        font-size: 88px;
    }
    .template-404 .main .content {
        font-size: 18px;
    }
}
@media (max-width: 1199px) and (max-width: 1199px) {
    .template-404 .main .content {
        font-size: 16px;
    }
}
.featured-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 40px;
    border-radius: 6px;
    border: 1px solid #2b2b2b;
}
.featured-card .wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.featured-card .wrapper .bottom {
    width: 424px;
    height: 362px !important;
    overflow: initial !important;
}
.featured-card .wrapper .bottom .featured-image {
    width: 424px;
}
.featured-card .content {
    padding: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.featured-card .content h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: var(--color-primary-color);
}
.featured-card .content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin-top: 16px;
}
.featured-homepage {
    padding: 72px 0;
}
@media (max-width: 1199px) {
    .featured-homepage {
        padding: 40px 0;
    }
}
.featured-homepage .title {
    margin: 0 0 32px;
}
@media (max-width: 1199px) {
    .featured-homepage .title {
        font-weight: 500;
    }
}
.featured-homepage .cards {
    display: grid;
    gap: 32px;
}
.featured-homepage .cards.grid-one {
    width: 100%;
    margin-bottom: 40px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-one {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-bottom: 0;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid var(--color-border);
        margin-bottom: 24px;
    }
}
.featured-homepage .cards.grid-one .wrapper {
    display: flex;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-one .wrapper {
        display: grid;
    }
}
.featured-homepage .cards.grid-one .wrapper .left .featured-image {
    height: 362px;
    width: 424px;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-one .wrapper .left .featured-image {
        width: 100%;
        height: 172px;
    }
}
.featured-homepage .cards.grid-one .wrapper .right {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-one .wrapper .right {
        padding: 24px 0;
    }
}
.featured-homepage .cards.grid-one .wrapper .right .title {
    margin: 0 0 16px;
    padding: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    height: auto;
    color: var(--color-primary-color);
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-one .wrapper .right .title {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 140%;
    }
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-one .wrapper .right .content {
        display: none;
    }
}
.featured-homepage .cards.grid-one .wrapper .right .content {
    margin-bottom: 24px;
}
.featured-homepage .cards.grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-two {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0;
    }
}
.featured-homepage .cards.grid-two .card {
    border: 1px solid var(--color-border);
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-two .card {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid var(--color-border);
    }
}
.featured-homepage .cards.grid-two .wrapper {
    display: flex;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-two .wrapper {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 24px;
    }
}
.featured-homepage .cards.grid-two .wrapper .left .featured-image {
    overflow: hidden;
    width: 297px;
    height: 262px;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-two .wrapper .left .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
        margin-left: 20px;
    }
}
.featured-homepage .cards.grid-two .wrapper .right {
    position: relative;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-two .wrapper .right {
        width: 100%;
        padding: 0;
    }
}
.featured-homepage .cards.grid-two .wrapper .right .title {
    margin: 0 0 16px;
    padding: 0;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-two .wrapper .right .title {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 140%;
        padding: 24px 0;
    }
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-two .wrapper .right .content {
        display: none;
    }
}
.featured-homepage .cards.grid-two .wrapper .right .content {
    margin-bottom: 24px;
    max-height: 68px;
    overflow: hidden;
}
.featured-homepage .cards.grid-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-four {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-bottom: 0;
    }
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-four .wrapper {
        display: inherit;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 24px;
        border-bottom: 1px solid var(--color-border);
    }
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-four .wrapper .bottom {
        height: auto;
        float: right;
    }
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-four .wrapper .bottom .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
        margin-left: 20px;
    }
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-four .wrapper .title {
        margin: 0;
        display: contents;
    }
}
@media (max-width: 1199px) {
    .featured-homepage .cards.grid-four .wrapper .author {
        width: 100%;
    }
}
.featured-homepage .cards .card {
    position: relative;
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template) .main .cards {
    display: grid;
    gap: 32px;
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-one {
    width: 100%;
    margin-bottom: 40px;
    border: 1px solid #2b2b2b;
    border-radius: 6px;
    overflow: hidden;
}
@media (max-width: 1200px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-one {
        border: none;
        border-bottom: 1px solid #2b2b2b;
        margin-bottom: 0;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-one
    .wrapper {
    display: flex;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-one
        .wrapper {
        display: inherit;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-one
    .wrapper
    .left {
    overflow: hidden;
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-one
    .wrapper
    .left
    .featured-image {
    height: 362px;
    width: 424px;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-one
        .wrapper
        .left
        .featured-image {
        width: 100%;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-one
    .wrapper
    .right {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-one
        .wrapper
        .right {
        padding: 24px 0;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-one
    .wrapper
    .right
    .title {
    margin: 0 0 16px;
    padding: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: var(--color-primary-color);
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-one
        .wrapper
        .right
        .content {
        display: none;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-one
    .wrapper
    .right
    .author {
    margin-top: 24px;
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin: 0;
        border: none;
        gap: 0;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-two
    .card {
    border: 1px solid #2b2b2b;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .card {
        border: none;
        border-bottom: 1px solid #2b2b2b;
        padding: 24px 0;
        border-radius: 0;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .card
        .title {
        height: inherit;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-two
    .wrapper {
    display: flex;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .wrapper {
        display: inherit;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-two
    .wrapper
    .left
    .featured-image {
    overflow: hidden;
    width: 297px;
    height: 262px;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .wrapper
        .left
        .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
        margin-left: 20px;
    }
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .wrapper
        .left {
        float: right;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-two
    .wrapper
    .right {
    position: relative;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .wrapper
        .right {
        float: left;
        display: contents;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .wrapper
        .right
        .content {
        display: none;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-two
        .wrapper
        .right
        .author {
        width: 100%;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-two
    .wrapper
    .right
    .title {
    margin: 0 0 16px;
    padding: 0;
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .cards.grid-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-four {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0;
        margin-bottom: 0;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-four
        .grid-four {
        border-bottom: 1px solid #2b2b2b;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-four
        .wrapper {
        display: inherit;
        flex-direction: row-reverse;
        gap: 0 10px;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0 15px;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-four
        .wrapper
        .bottom {
        height: auto;
        overflow: inherit;
        float: right;
        margin-left: 20px;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-four
        .wrapper
        .bottom
        .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-four
        .wrapper
        .title {
        float: left;
        display: contents;
    }
    :is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
        .main
        .cards.grid-four
        .wrapper
        .author {
        width: 100%;
    }
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template) .main .cards .card {
    position: relative;
    border-top: 1px solid #2b2b2b;
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template) .main .two-cards {
    display: flex;
    gap: 32px;
}
:is(.betting-tips-archive-template, .betting-tips-sport-archive-template, .search-archive-template)
    .main
    .two-cards
    .card {
    width: 50%;
}
:is(.category-template) .main .cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}
:is(.category-template) .main .cards .area-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
:is(.category-template) .main .cards .card {
    position: relative;
}
:is(.category-template) .main .cards .card:first-child .wrapper {
    display: grid !important;
    flex-direction: row !important;
}
:is(.category-template) .main .cards .card:first-child .wrapper .featured-image {
    height: 172px !important;
    width: 100% !important;
}
:is(.category-template) .main .cards .card:first-child .wrapper .title {
    margin: 24px 0 !important;
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .card:first-child,
    :is(.category-template) .main .cards .card:not(:first-child) {
        border-bottom: 1px solid #2b2b2b;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .card:not(:first-child) .wrapper {
        display: inherit !important;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0 15px;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .card:not(:first-child) .wrapper .top {
        height: auto;
        float: right;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .card:not(:first-child) .wrapper .title {
        float: left;
        display: contents;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .card:not(:first-child) .wrapper .author {
        width: 100%;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .wrapper {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0 15px;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .wrapper .top {
        height: auto;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .wrapper .top .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
        margin-left: 20px;
    }
}
:is(.category-template) .main .cards .wrapper .title a {
    height: 49px;
    display: block;
    overflow: hidden;
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .wrapper .title {
        margin: 0;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 140%;
        color: var(--color-primary-color);
    }
}
:is(.category-template) .main .cards .wrapper .author {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
    display: flex;
    align-items: center;
}
:is(.category-template) .main .cards .wrapper .author img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
:is(.category-template) .main .cards .wrapper .author .shield {
    width: 20px;
    height: 20px;
    border-radius: 80px;
    display: inline-flex;
    top: 2px;
    position: relative;
    display: none;
}
:is(.category-template) .main .cards .wrapper .author .shield svg rect {
    fill: var(--color-bg-hero);
}
:is(.category-template) .main .cards .wrapper .author .bullet {
    margin: 0 6px;
    font-size: 8px;
    top: -2px;
    position: relative;
    color: var(--color-primary-color);
    opacity: 0.5;
}
:is(.category-template) .main .cards .wrapper .author .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-date-transparency);
}
:is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip) .area-link {
    z-index: 1;
}
:is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip) .title {
    margin: 24px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #f3f4f5;
    height: 75px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip) .title {
        margin: 0;
    }
}
:is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip) .top {
    height: 172px;
    border-radius: 6px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip) .top {
        height: auto;
        overflow: inherit;
    }
}
:is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip) .top .featured-image {
    height: 100%;
    transition: 0.3s;
    position: relative;
    background-color: #1f1f1f;
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip) .top .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
        margin-left: 20px;
    }
}
@media (max-width: 1199px) {
    :is(.category-template) .main .cards .vertical.small:is(.article, .betting-tip):not(.operator) .wrapper {
        display: flex;
        flex-direction: row-reverse;
        gap: 0 10px;
    }
}
:is(.betting-tip, .article, .wp-post).vertical.medium .area-link {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .title {
    margin: 24px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-primary-color);
    height: 76px;
    overflow: hidden;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .bottom {
    height: 172px;
    overflow: hidden;
    border-radius: 4px;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .featured-image {
    height: 100%;
    transition: 0.3s;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author {
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 140%;
    color: var(--color-primary-color);
    display: flex;
    align-items: center;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author .name-time {
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 14px;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author .avatar img {
    margin-right: 8px;
    width: 16px;
    aspect-ratio: 1;
    border-radius: 50%;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author .shield {
    width: 20px;
    height: 24px;
    border-radius: 80px;
    display: inline-flex;
    margin-left: 8px;
    top: 0;
    position: relative;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author .shield.archive {
    margin-left: 0;
    top: 4px;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author .shield svg rect {
    fill: var(--color-bg-hero);
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author .bullet {
    margin: 0 6px;
    font-size: 8px;
    position: relative;
    color: var(--color-primary-color);
    opacity: 0.5;
}
:is(.betting-tip, .article, .wp-post).vertical.medium .author .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-date-transparency);
}
:is(.betting-tip, .article, .wp-post).vertical.medium.grid-four .title {
    height: 72px;
}
:is(.betting-tip.index-template) .hero-onefootball .title {
    margin: 20px 0 40px;
    width: 50%;
}
@media (max-width: 1200px) {
    :is(.betting-tip.index-template) .hero-onefootball .title {
        width: 100%;
    }
}
:is(.betting-tip.index-template) .hero-onefootball .title h1 {
    font-size: 56px;
    position: relative;
    z-index: 1;
}
:is(.betting-tip.index-template) .hero-onefootball .title h1 span {
    background-color: var(--color-bg-back-lit);
    box-shadow: 2rem 0 0 var(--color-bg-back-lit);
    color: var(--color-primary-color);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
@media (max-width: 1200px) {
    :is(.betting-tip.index-template) .hero-onefootball .title h1 {
        font-size: 24px;
    }
}
:is(.betting-tip.index-template) .hero-onefootball .featured-image {
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: 50%;
    width: 60%;
    height: 100%;
}
@media (max-width: 1200px) {
    :is(.betting-tip.index-template) .hero-onefootball .featured-image {
        display: none;
    }
}
:is(.betting-tip.index-template) .col-xl-9 .featured-image {
    display: none;
}
@media (max-width: 1199px) {
    :is(.betting-tip.index-template) .col-xl-9 .featured-image.responsiveness {
        display: block;
    }
}
section.related-articles {
    padding: 60px 0 40px;
}
@media (max-width: 1199px) {
    section.related-articles {
        padding: 40px 0;
    }
}
section.related-articles h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    letter-spacing: -0.02em;
    color: var(--color-primary-color);
    margin-bottom: 32px;
}
@media (max-width: 1199px) {
    section.related-articles h2 {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        color: var(--color-primary-color);
        margin: 0;
    }
}
section.related-articles .cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
}
@media (max-width: 1199px) {
    section.related-articles .cards {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}
section.related-articles .cards .area-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section.related-articles .cards .card {
    position: relative;
}
section.related-articles .cards .card:first-child .wrapper {
    display: grid !important;
    flex-direction: row !important;
}
section.related-articles .cards .card:first-child .wrapper .featured-image {
    height: 172px !important;
    width: 100% !important;
}
section.related-articles .cards .card:first-child .wrapper .title {
    margin: 24px 0 !important;
}
@media (max-width: 1199px) {
    section.related-articles .cards .card:first-child,
    section.related-articles .cards .card:not(:first-child) {
        border-bottom: 1px solid #2b2b2b;
    }
}
section.related-articles .cards .card:not(:first-child) .wrapper .featured-image {
    height: 172px;
    width: 100%;
}
@media (max-width: 1199px) {
    section.related-articles .cards .card:not(:first-child) .wrapper {
        display: inherit !important;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0 15px;
    }
}
@media (max-width: 1199px) {
    section.related-articles .cards .card:not(:first-child) .wrapper .top {
        height: auto;
        float: right;
        margin-left: 20px;
    }
}
@media (max-width: 1199px) {
    section.related-articles .cards .card:not(:first-child) .wrapper .title {
        float: left;
        display: contents;
    }
}
@media (max-width: 1199px) {
    section.related-articles .cards .card:not(:first-child) .wrapper .author {
        width: 100%;
    }
}
@media (max-width: 1199px) {
    section.related-articles .cards .wrapper {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0 15px;
    }
}
@media (max-width: 1199px) {
    section.related-articles .cards .wrapper .top {
        height: auto;
    }
}
@media (max-width: 1199px) {
    section.related-articles .cards .wrapper .top .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
    }
}
section.related-articles .cards .wrapper .title a {
    height: 49px;
    display: block;
    overflow: hidden;
}
@media (max-width: 1199px) {
    section.related-articles .cards .wrapper .title {
        margin: 0;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 140%;
        color: var(--color-primary-color);
    }
}
section.related-articles .cards .wrapper .author {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
    display: flex;
    align-items: center;
}
section.related-articles .cards .wrapper .author img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
section.related-articles .cards .wrapper .author .shield {
    width: 20px;
    height: 20px;
    border-radius: 80px;
    display: inline-flex;
    top: 2px;
    position: relative;
    display: none;
}
section.related-articles .cards .wrapper .author .shield svg rect {
    fill: var(--color-bg-hero);
}
section.related-articles .cards .wrapper .author .bullet {
    margin: 0 6px;
    font-size: 8px;
    top: -2px;
    position: relative;
    color: var(--color-primary-color);
    opacity: 0.5;
}
section.related-articles .cards .wrapper .author .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
section.related-articles .cards .vertical.small:is(.article, .betting-tip) .area-link {
    z-index: 1;
}
section.related-articles .cards .vertical.small:is(.article, .betting-tip) .title {
    margin: 24px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-primary-color);
    height: 75px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    section.related-articles .cards .vertical.small:is(.article, .betting-tip) .title {
        margin: 0;
    }
}
section.related-articles .cards .vertical.small:is(.article, .betting-tip) .top {
    height: 172px;
    border-radius: 6px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    section.related-articles .cards .vertical.small:is(.article, .betting-tip) .top {
        height: auto;
        overflow: inherit;
    }
}
section.related-articles .cards .vertical.small:is(.article, .betting-tip) .top .featured-image {
    height: 100%;
    transition: 0.3s;
    position: relative;
    background-color: #1f1f1f;
}
@media (max-width: 1199px) {
    section.related-articles .cards .vertical.small:is(.article, .betting-tip) .top .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
    }
}
@media (max-width: 1199px) {
    section.related-articles .cards .vertical.small:is(.article, .betting-tip):not(.operator) .wrapper {
        display: flex;
        flex-direction: row-reverse;
        gap: 0 10px;
    }
}
section.related-articles .cards:is(.post, .betting_tip, .betting) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 1200px) {
    section.related-articles {
        padding-bottom: 64px;
    }
}
.index-template:is(.post, .betting-tip) .main {
    padding: 64px 0;
}
.index-template:is(.post, .betting-tip) .main .featured-image img {
    width: 100%;
    margin-bottom: 40px;
    border-radius: 8px;
}
.cards + .pagination {
    display: flex;
    align-items: center;
    gap: 0 24px;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 60px;
    border-top: 1px solid var(--color-border);
    padding-top: 12px;
}
@media (max-width: 1199px) {
    .cards + .pagination {
        flex-direction: column;
        gap: 16px 0;
        align-items: stretch;
        justify-content: flex-start;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
.pagination .tag {
    display: none;
}
.pagination .pagination {
    display: flex;
    color: #444;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    margin: 0 auto;
}
.pagination .pagination .navigation,
.pagination .pagination .pages {
    display: flex;
}
.pagination .pagination .navigation .page,
.pagination .pagination .pages .page {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: var(--color-primary-color);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: 0.3s;
    cursor: pointer;
    margin: 0 4px;
}
.pagination .pagination .navigation .page:hover,
.pagination .pagination .pages .page:hover {
    background: #e6f2ef;
    color: #000;
}
.pagination .pagination .navigation .page.current,
.pagination .pagination .pages .page.current {
    background: var(--color-pagination);
    color: #000;
    pointer-events: none;
}
.pagination .pagination .page.dots {
    pointer-events: none;
}
.pagination .pagination .page.current {
    color: #fff;
}
.pagination .pagination .navigation.hide,
.pagination .pagination .page.hide {
    display: none;
}
.pagination .pagination .left,
.pagination .pagination .right {
    cursor: pointer;
}
.pagination .pagination .navigation.first img,
.pagination .pagination .navigation.left img,
.pagination .pagination .page.left img {
    transform: rotate(180deg);
}
.pagination .pagination .first,
.pagination .pagination .last {
    display: none;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    margin-top: 12px;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    ul,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    ul {
    list-style-type: disc;
    margin: 0 20px 20px;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    ul
    li::marker,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    ul
    li::marker {
    color: var(--color-primary-color);
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods),
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods) {
    font-size: 14px;
    line-height: 1.5;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    tr,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    tr {
    border-bottom: 1px solid var(--color-border);
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    td,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    th,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    td,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    th {
    padding: 12px;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    td
    a,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    th
    a,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    td
    a,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    th
    a {
    color: var(--color-color-flu);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-link-line);
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    td
    a:hover,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    th
    a:hover,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    td
    a:hover,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    th
    a:hover {
    text-decoration: none;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table:not(.payment-methods)
    th,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table:not(.payment-methods)
    th {
    text-align: left;
}
@media (max-width: 1199px) {
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .col-xl-9
        > .introduction
        .content
        table:not(.payment-methods),
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .sportsbooks-info
        .content
        table:not(.payment-methods) {
        display: block;
        overflow: auto;
        white-space: nowrap;
    }
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    .cards,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    .cards {
    margin-bottom: -32px;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons {
    width: 100%;
    border-collapse: collapse;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons
    td,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons
    td {
    width: 50%;
    padding: 0;
    color: var(--color-primary-color);
    font-size: 16px;
    line-height: 150%;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons
    th,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons
    th {
    width: 50%;
    padding: 0;
    color: var(--color-primary-color);
    font-size: 16px;
    line-height: 150%;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}
@media (max-width: 992px) {
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .col-xl-9
        > .introduction
        .content
        table.table-pros-cons
        th,
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .sportsbooks-info
        .content
        table.table-pros-cons
        th {
        margin-bottom: 10px;
    }
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons
    tr,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons
    tr {
    border-bottom: none;
    display: flex;
    margin-bottom: 10px;
}
@media (max-width: 992px) {
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .col-xl-9
        > .introduction
        .content
        table.table-pros-cons
        tr,
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .sportsbooks-info
        .content
        table.table-pros-cons
        tr {
        display: inherit;
    }
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons
    td:nth-child(odd),
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons
    td:nth-child(odd) {
    position: relative;
    padding-left: 25px;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons
    td:nth-child(odd):not(:empty):before,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons
    td:nth-child(odd):not(:empty):before {
    content: "";
    background: url(../images/check-fill-green.svg) 0 no-repeat;
    width: 14px;
    height: 15px;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
}
@media (max-width: 992px) {
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .col-xl-9
        > .introduction
        .content
        table.table-pros-cons
        td:nth-child(odd),
    :is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
        .sportsbooks-info
        .content
        table.table-pros-cons
        td:nth-child(odd) {
        padding-right: 10px;
    }
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons
    td:nth-child(2n),
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons
    td:nth-child(2n) {
    position: relative;
    padding-left: 25px;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    .content
    table.table-pros-cons
    td:nth-child(2n):not(:empty):before,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    .content
    table.table-pros-cons
    td:nth-child(2n):not(:empty):before {
    content: "";
    background: url(../images/error-fill-red.svg) 0 no-repeat;
    width: 14px;
    height: 15px;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    ol,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template) .sportsbooks-info ol {
    gap: 16px 0;
    list-style: decimal;
    margin: 40px 0;
    gap: 16px;
    display: flex;
    flex-direction: column;
    list-style: none;
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    ol
    li:before,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .sportsbooks-info
    ol
    li:before {
    float: left;
    width: 24px;
    height: 24px;
    display: block;
    background: transparent;
    border-radius: 80px;
    content: counter(a);
    counter-increment: a;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-primary-color);
    margin-right: 12px;
    border: 1px solid var(--color-border);
}
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template)
    .col-xl-9
    > .introduction
    ol,
:is(.betting-comparison-template, .bonus-comparison-template, .payment-method-review-template) .sportsbooks-info ol {
    counter-reset: a;
}
:is(.app-review-template) section.introduction,
:is(.bonus-review-template) section.introduction,
:is(.child-operator-review-template) section.introduction,
:is(.operator-review-template) section.introduction {
    margin: 32px 0;
}
.sportsbooks-info {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}
.sportsbooks-info .brand {
    margin: 17px 0;
    border-radius: 4px;
    overflow: hidden;
}
.sportsbooks-info .brand,
.sportsbooks-info .brand a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
}
.sportsbooks-info .brand img {
    width: 200px;
    min-width: 200px;
}
.sportsbooks-info .introduction {
    display: flex;
    gap: 0 16px;
    align-items: center;
}
.sportsbooks-info .introduction .title a h2,
.sportsbooks-info .introduction .title a h3 {
    font-size: 24px;
}
.sportsbooks-info .title {
    flex: 1;
}
.sportsbooks-info .rank {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: var(--color-primary-color);
}
@media (max-width: 1199px) {
    .sportsbooks-info .rank {
        display: flex;
        width: 32px;
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        border-radius: 80px;
    }
    .sportsbooks-info .brand a {
        height: 96px;
    }
}
.action-tooltip {
    position: relative;
}
.action-tooltip span {
    font-weight: 600;
    color: #ff1a00;
}
.action-tooltip:not(:hover) .tooltip {
    opacity: 0;
    visibility: hidden;
}
.tooltip {
    position: absolute;
    background: #fff;
    width: 160px;
    padding: 6px 12px;
    border-radius: 6px;
    color: #131416;
    font-size: 14px;
    font-weight: 500;
    line-height: 145%;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.tooltip a:hover {
    color: #088264;
}
.tooltip:after {
    content: "";
    width: 10px;
    aspect-ratio: 1;
    background: #fff;
    rotate: 45deg;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 5px);
}
.more-articles {
    margin: 24px 0;
    border-radius: 4px;
}
.more-articles h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 40px !important;
    color: var(--color-primary-color);
}
.more-articles .cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
}
@media (max-width: 1199px) {
    .more-articles .cards .wrapper {
        padding: 24px 0;
    }
}
.more-articles .cards .card {
    position: relative;
}
@media (max-width: 1199px) {
    .more-articles .cards .card {
        border-bottom: 1px solid #2b2b2b;
    }
}
.more-articles .cards .card .title {
    margin: 24px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-primary-color);
    overflow: hidden;
    float: inherit;
}
@media (max-width: 1199px) {
    .more-articles .cards .card .title {
        height: auto;
    }
}
.more-articles .cards .card .title a {
    color: inherit;
    text-decoration: none;
}
.more-articles .cards .card .author {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    display: flex;
    align-items: center;
}
.more-articles .cards .card .author .avatar img {
    margin-right: 8px;
    width: 16px;
    aspect-ratio: 1;
    border-radius: 50%;
}
.more-articles .cards .card .author .shield {
    width: 20px;
    height: 20px;
    border-radius: 80px;
    display: inline-flex;
    top: 2px;
    position: relative;
}
.more-articles .cards .card .author .shield svg rect {
    fill: var(--color-bg-hero);
}
.more-articles .cards .card .author .bullet {
    margin: 0 6px;
    font-size: 8px;
    top: -2px;
    position: relative;
    color: var(--color-primary-color);
    opacity: 0.5;
}
.more-articles .cards .card .author .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-date-transparency);
}
@media (max-width: 1199px) {
    .more-articles .cards .card .author {
        width: 100%;
    }
}
.more-articles .cards .card .bottom {
    height: 172px;
    overflow: hidden;
    border-radius: 4px;
}
.more-articles .cards .card .featured-image {
    height: 100%;
    transition: 0.3s;
}
@media (max-width: 1199px) {
    .more-articles .cards .card .wrapper {
        display: inherit;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0 15px;
    }
}
@media (max-width: 1199px) {
    .more-articles .cards .card .wrapper .bottom {
        float: right;
    }
}
@media (max-width: 1199px) {
    .more-articles .cards .card .wrapper .title {
        float: left;
        display: contents;
    }
}
@media (max-width: 1199px) {
    .more-articles .cards .card .wrapper .bottom {
        height: auto;
    }
}
@media (max-width: 1199px) {
    .more-articles .cards .card .wrapper .bottom .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
    }
}
@media (max-width: 1199px) {
    .more-articles {
        padding: 0;
        background: none;
        border-radius: 0;
    }
    .more-articles .cards {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}
@media (min-width: 1200px) {
    .index-template:is(.post, .betting-tip) .main .container {
        padding: 10px 0px;
    }
    .index-template:is(.post, .betting-tip) section.introduction .meta-date,
    .index-template:is(.post, .betting-tip) section.introduction .wrapper {
        padding: 0 70px;
    }
    .app-review-template main .content .container,
    .bonus-review-template main .content .container,
    .operator-review-template main .content .container,
    .payment-method-review-template main .content .container {
        padding: 0 85px;
    }
    .app-review-template main .content .container .container,
    .bonus-review-template main .content .container .container,
    .operator-review-template main .content .container .container,
    .payment-method-review-template main .content .container .container {
        padding: inherit;
    }
}
.content-block,
.index-template:is(.post, .betting-tip) .main .introduction,
.partnership {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
}
.content-block a,
.index-template:is(.post, .betting-tip) .main .introduction a,
.partnership a {
    color: var(--color-color-flu);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-link-line);
}
.content-block a:hover,
.index-template:is(.post, .betting-tip) .main .introduction a:hover,
.partnership a:hover {
    text-decoration: none;
    text-decoration-color: #000;
}
.content-block .wp-caption,
.index-template:is(.post, .betting-tip) .main .introduction .wp-caption,
.partnership .wp-caption {
    width: 100% !important;
}
@media (max-width: 1199px) {
    .content-block,
    .index-template:is(.post, .betting-tip) .main .introduction,
    .partnership {
        font-size: 16px;
    }
}
.content-block:first-child,
.content-block:not(:last-child),
.partnership:not(:last-child) {
    margin-bottom: 36px;
}
@media (max-width: 1199px) {
    .content-block:first-child,
    .content-block:not(:last-child),
    .partnership:not(:last-child) {
        margin-bottom: 32px;
    }
}
.content-block ul {
    list-style-type: disc;
    margin: 0 20px 20px;
}
.content-block ul li::marker {
    color: var(--color-primary-color);
}
.content-block blockquote {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 16px;
}
.content-block blockquote > p {
    display: inline;
}
.content-block blockquote:before {
    content: "“";
}
.content-block blockquote:after {
    content: "”";
}
.content-block ol {
    margin: 40px 0;
    gap: 16px;
    display: flex;
    flex-direction: column;
    counter-reset: a;
}
.content-block ol li:before {
    float: left;
    width: 24px;
    height: 24px;
    border: 1px solid var(--color-border-number);
    border-radius: 80px;
    content: counter(a);
    counter-increment: a;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: var(--color-primary-color);
    margin-right: 12px;
}
.content-block p:not(:last-child),
.content-block table:not(:last-child),
.index-template:is(.post, .betting-tip) .main .introduction p:not(:last-child),
.partnership p:not(:last-child) {
    margin-bottom: 16px;
}
.content-block p:not(:last-child) img {
    border-radius: 8px;
}
.content-block h2,
.content-block h3,
.partnership h2,
.partnership h3 {
    margin-bottom: 16px;
    margin-top: 28px;
}
.content-block h2 {
    font-size: 24px;
}
.content-block h3 {
    font-size: 20px;
}
.betting.cta {
    padding: 24px;
    border-radius: 11px;
    background: var(--color-bg-back-lit);
    display: flex;
    grid-template-columns: 200px auto auto;
    justify-content: space-between;
    position: relative;
}
@media (max-width: 1199px) {
    .betting.cta {
        flex-direction: column;
    }
}
.betting.cta a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 6;
}
.betting.cta .logo {
    width: 24px;
    aspect-ratio: 1;
    background: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.betting.cta .logo img {
    width: 80%;
    aspect-ratio: 1;
}
.betting.cta .label {
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 4px;
}
.betting.cta .left {
    width: 50%;
}
@media (max-width: 1199px) {
    .betting.cta .left {
        width: 100%;
    }
}
.betting.cta .left .label {
    color: var(--color-color-flu);
    text-transform: uppercase;
}
.betting.cta .left .tip {
    color: var(--color-primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    width: 90%;
}
.betting.cta .right {
    width: 50%;
}
@media (max-width: 1199px) {
    .betting.cta .right {
        width: 100%;
    }
}
.betting.cta .right .bonus {
    padding: 0 5px;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    width: 100%;
}
.betting.cta .right .bonus span {
    margin-left: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1a1a1a;
}
.betting.cta .right .bonus span .match,
.betting.cta .right .bonus span .value {
    margin: 0;
}
.betting.cta .right .bonus .bottom {
    margin-left: 10px;
    display: flex;
    width: fit-content;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: #e6f2ef;
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}
.betting.cta .right .bonus .bottom .odd span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 0 8px;
}
@media (max-width: 1199px) {
    .betting.cta {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 20px 8px;
    }
    .betting.cta .right {
        grid-column: span 2;
    }
    .betting.cta .right .label {
        display: none;
    }
    .betting.cta .bonus {
        width: auto;
        text-align: center;
    }
    .betting.cta .tip {
        font-size: 16px;
    }
}
.event.table {
    color: #212121;
    font-size: 14px;
    line-height: 150%;
}
.event.table .head {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2b2b2b;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
@media (max-width: 1199px) {
    .event.table {
        font-size: 14px;
        line-height: 1.4;
    }
    .event.table .head {
        padding: 10px 18px;
    }
}
.event.outcome {
    padding: 22px 0;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 90px;
    align-items: center;
    gap: 0 16px;
    border-bottom: 1px solid #2b2b2b;
}
.event.outcome .datetime {
    color: #fff;
}
.event.outcome .result {
    line-height: 32px;
    text-align: center;
    color: #000;
    font-weight: 0;
    background: #b8b8b8;
    border-radius: 80px;
    font-weight: 600;
}
.event.outcome .result.loss {
    background: #ff2f54;
}
.event.outcome .result.win {
    background: #1dbb79;
}
.event.outcome .middle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 0 12px;
    color: #fff;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}
.event.outcome .separator {
    text-transform: lowercase;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.event.outcome .away,
.event.outcome .home {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
.event.outcome .home {
    display: grid;
    grid-template-columns: 1fr 20px;
    gap: 0 6px;
    align-items: center;
}
.event.outcome .home .home-goals {
    text-align: center;
}
.event.outcome .away {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 0 6px;
    align-items: center;
    text-align: right;
}
.event.outcome .away .away-goals {
    text-align: center;
}
@media (min-width: 1200px) {
    .event.outcome .responsiveness {
        display: none;
    }
}
@media (max-width: 1199px) {
    .event {
        grid-template-columns: 80px minmax(0, 1fr) 28px;
    }
    .event .event.outcome .away-team:not(.responsiveness),
    .event .event.outcome .home-team:not(.responsiveness),
    .event .result:not(.responsiveness) {
        display: none;
    }
    .event .result {
        line-height: 28px;
    }
    .event .away,
    .event .home {
        text-transform: uppercase;
    }
}
.content-block table:not(.payment-methods) {
    font-size: 16px;
    line-height: 1.5;
}
.content-block table:not(.payment-methods) tr {
    border-bottom: 1px solid var(--color-border);
}
.content-block table:not(.payment-methods) td,
.content-block table:not(.payment-methods) th {
    padding: 12px;
}
.content-block table:not(.payment-methods) th {
    text-align: left;
}
@media (max-width: 1199px) {
    .content-block table:not(.payment-methods) {
        display: block;
        overflow: auto;
        white-space: nowrap;
        font-size: 14px;
    }
}
.content-block table.table-pros-cons {
    width: 100%;
    border-collapse: collapse;
}
.content-block table.table-pros-cons td,
.content-block table.table-pros-cons th {
    width: 50%;
    padding: 0;
    color: var(--color-primary-color);
    font-size: 16px;
    line-height: 150%;
}
.content-block table.table-pros-cons th {
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}
@media (max-width: 992px) {
    .content-block table.table-pros-cons th {
        margin-bottom: 10px;
    }
}
.content-block table.table-pros-cons tr {
    border-bottom: none;
    display: flex;
    margin-bottom: 10px;
}
@media (max-width: 992px) {
    .content-block table.table-pros-cons tr {
        display: inherit;
    }
}
.content-block table.table-pros-cons td:nth-child(odd) {
    position: relative;
    padding-left: 25px;
}
.content-block table.table-pros-cons td:nth-child(odd):not(:empty):before {
    content: "";
    background: url(../images/check-fill-green.svg) 0 no-repeat;
    width: 14px;
    height: 15px;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
}
@media (max-width: 992px) {
    .content-block table.table-pros-cons td:nth-child(odd) {
        padding-right: 10px;
    }
}
.content-block table.table-pros-cons td:nth-child(2n) {
    position: relative;
    padding-left: 25px;
}
.content-block table.table-pros-cons td:nth-child(2n):not(:empty):before {
    content: "";
    background: url(../images/error-fill-red.svg) 0 no-repeat;
    width: 14px;
    height: 15px;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
}
.event-card {
    border-radius: 8px;
    background: #e6f2ef;
    overflow: hidden;
}
.event-card .countdown {
    background: #ff4833;
    padding: 8px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 145%;
    display: flex;
    justify-content: space-between;
}
.event-card .prefix {
    opacity: 0.8;
}
.event-card .time * {
    display: inline;
    text-transform: uppercase;
}
.event-card .top {
    padding: 10px 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    color: #212529;
    font-size: 14px;
    font-weight: 600;
    line-height: 145%;
}
.event-card .datetime {
    text-transform: uppercase;
}
.event-card .competition {
    font-weight: 700;
}
.event-card .teams {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 0 36px;
    padding: 0 20px;
    height: 112px;
    align-items: center;
}
.event-card .separator {
    display: flex;
    width: 32px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    color: #aaafad;
    text-transform: lowercase;
}
.event-card .team .logo img {
    height: 40px;
    width: auto;
    margin: 0 auto 8px;
}
.event-card .team .name {
    color: #212529;
    font-size: 16px;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
    text-align: center;
}
.event-card .team .name span {
    display: block;
    width: 40px;
    overflow: hidden;
    margin: 0 auto;
    white-space: nowrap;
}
.event-card .odds-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 8px;
    padding: 0 20px;
}
.event-card .odd-card {
    position: relative;
    height: 36px;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #088264;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    transition: 0.3s;
}
.event-card .odd-card:hover {
    background: #088264;
    color: #fff;
}
.event-card .advertiser {
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 0 8px;
    justify-content: center;
    color: #212529;
    font-size: 12px;
    line-height: 135%;
}
.event-card .advertiser img {
    width: auto;
    height: 16px;
}
.search-archive-template main {
    padding: 64px 0;
}
@media (min-width: 992px) {
    .search-archive-template main .card {
        border: none !important;
    }
}
.search-archive-template .results-wrapper {
    margin-top: 80px;
}
.search-archive-template .search-bar.archive {
    position: relative;
}
.search-archive-template .search-bar.archive .main {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 32px;
}
.search-archive-template .search-bar.archive input {
    padding: 16px;
    max-width: 440px;
    width: 100%;
    height: 56px;
    border: 1px solid #2b2b2b;
    border-radius: 4px;
}
.search-archive-template .search-bar.archive .icon {
    width: 44px;
    height: 44px;
    background-color: var(--color-bg-back-lit);
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    display: flex;
    cursor: pointer;
}
.search-archive-template .search-bar.archive .icon img.close {
    display: none;
}
.search-archive-template .search-bar.archive .icon.active {
    background-color: var(--color-primary-color);
}
.search-archive-template .search-bar.archive .icon.active img {
    filter: var(--icon-invert);
}
.search-archive-template .search-bar.archive .icon:hover {
    background-color: var(--color-primary-color);
}
.search-archive-template .search-bar.archive .icon:hover img {
    filter: var(--icon-invert);
}
@media (max-width: 1199px) {
    .search-archive-template .search-bar.archive .icon {
        width: 40px;
        height: 40px;
    }
}
.search-archive-template .search-bar.archive .icon.cross img.lupa {
    display: none;
}
.search-archive-template .search-bar.archive .icon.cross img.close {
    display: block;
}
.search-archive-template .no-results {
    margin: 80px 0 0;
}
.widget-template-template main {
    padding: 64px 0;
}
.widget-template-template main iframe {
    display: block;
    width: 100%;
    background-color: transparent;
}
.information .container {
    padding: 0;
}
.information .container .information-card {
    padding: 32px 0 0;
    border-radius: 8px;
}
.information .container .information-card h2 {
    font-size: 24px;
    color: var(--color-primary-color);
    line-height: 1.6;
}
.information .container .information-card .label {
    font-weight: 400;
}
.information .container .information-card .content,
.information .container .information-card .label {
    color: var(--color-primary-color);
    font-size: 16px;
    line-height: 135%;
}
@media (max-width: 1199px) {
    .information .container .information-card .content {
        font-size: 14px;
    }
}
.information .container .information-card .content a {
    font-weight: 400;
    color: var(--color-color-flu);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-link-line);
}
.information .container .information-card .copy {
    width: auto;
    margin: 8px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 8px;
    border: 1px dashed #b8b8b8;
    border-radius: 4px;
    position: relative;
    color: var(--color-color-flu);
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
}
.information .container .information-card .copy .title div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 135%;
}
.information .container .information-card .copy .success div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    background: var(--color-color-flu);
    transition: 0.3s;
}
.information .container .information-card .copy .success:not(.active) div {
    opacity: 0;
    visibility: hidden;
}
.information .container .information-card .copy:hover {
    border-color: var(--color-color-flu);
    color: var(--color-color-flu);
}
.information .container .information-card .bonus {
    padding: 12px 16px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 0 16px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
}
.information .container .information-card .bonus .content {
    flex: 1;
}
.information .container .information-card .bonus .value {
    font-weight: 700;
}
.information .container .information-card .bonus a {
    font-weight: 400;
}
@media (max-width: 1199px) {
    .information .container .information-card .bonus {
        background-color: var(--color-border);
        margin-bottom: 0;
        align-items: flex-start;
    }
}
.information .container .information-card .apps .content {
    display: flex;
}
.information .container .information-card .apps .content img {
    width: 32px;
}
.information .container .information-card .card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 48px;
    border-bottom: 1px solid hsla(0, 1%, 54%, 0.2);
    padding-bottom: 24px;
}
.information .container .information-card .card .right {
    margin-top: 32px;
}
@media (max-width: 1199px) {
    .information .container .information-card .card .right {
        margin-top: 0;
    }
}
@media (max-width: 1199px) {
    .information .container .information-card .card {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .information .container .information-card .card .center > div,
    .information .container .information-card .card .left > div,
    .information .container .information-card .card .right > div {
        padding: 14px 12px;
    }
    .information .container .information-card .card .grow {
        background-color: #1a1a1a;
    }
}
.information-card .card > div {
    display: flex;
    flex-direction: column;
    gap: 14px 0;
}
.information-card .card > div > div {
    display: flex;
    justify-content: space-between;
}
.information-card .card .content {
    text-align: right;
}
@media (max-width: 1199px) {
    section.information {
        padding-top: 0;
    }
    .information-card {
        padding: inherit;
    }
    .information-card .card {
        display: flex;
        flex-direction: column;
        gap: 14px 0;
    }
    .information-card .bonus {
        padding: 16px;
        flex-direction: column;
        gap: 8px 0;
        align-items: stretch;
    }
}
.information-card .payment-methods {
    flex-direction: column;
    gap: 8px 0;
}
.information-card .payment-methods .label {
    font-size: 14px;
    font-weight: 500;
}
@media (max-width: 1199px) {
    .information-card .payment-methods {
        flex-direction: row;
        display: flex;
        justify-content: space-between;
    }
}
.information-card .payment-methods .content {
    display: flex;
    padding: 0;
    flex-direction: row;
    margin: 0;
}
@media (max-width: 1199px) {
    .information-card .payment-methods .content {
        justify-content: flex-end;
    }
}
.information-card .payment-methods .content img {
    width: 20px;
    border-radius: 20px;
    aspect-ratio: 1;
}
.information-card .payment-methods .content .counter,
.information-card .payment-methods .content .icon {
    width: 26px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 2px solid var(--color-border-payment);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}
.information-card .payment-methods .content .counter:hover,
.information-card .payment-methods .content .icon:hover {
    z-index: 1;
}
.information-card .payment-methods .content .counter:hover div span,
.information-card .payment-methods .content .icon:hover div span {
    display: block;
}
.information-card .payment-methods .content .counter.hide,
.information-card .payment-methods .content .icon.hide {
    display: none;
}
.information-card .payment-methods .content .counter div span,
.information-card .payment-methods .content .icon div span {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #13161a;
    background: #fff;
    border-radius: 6px;
    padding: 6px 12px;
    box-shadow: 0 8.5px 17px -8.5px rgba(19, 22, 25, 0.08);
    white-space: nowrap;
    display: none;
}
.information-card .payment-methods .content .counter div span:after,
.information-card .payment-methods .content .icon div span:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
}
.information-card .payment-methods .content .counter:not(:last-child),
.information-card .payment-methods .content .icon:not(:last-child) {
    margin-right: -8px;
}
.information-card .payment-methods .content .counter {
    background: var(--color-color-flu);
    color: var(--color-border);
    font-size: 10px;
    font-weight: 700;
    line-height: 135%;
}
section.pros-cons {
    margin: 24px 0 72px;
}
section.pros-cons h2,
section.pros-cons h3 {
    font-size: 20px;
    line-height: 1.6;
    color: var(--color-primary-color);
    padding-bottom: 20px;
}
section.pros-cons.sportsbook {
    margin: 0;
}
section.pros-cons .container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    padding: 0;
}
section.pros-cons img {
    width: 20px;
    aspect-ratio: 1;
    margin-top: 4px;
    align-self: flex-start;
}
section.pros-cons .content {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
}
section.pros-cons .content > div > div {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 8px;
    color: var(--color-primary-color);
    font-size: 16px;
    line-height: 150%;
}
section.pros-cons .content > div > div span {
    flex: 1;
}
@media (max-width: 1199px) {
    section.pros-cons {
        padding-top: 0;
    }
    section.pros-cons .container {
        display: flex;
        flex-direction: column;
        gap: 24px 0;
    }
    section.pros-cons h2 {
        font-size: 20px;
    }
}
table.payment-methods {
    border: solid var(--color-border);
    border-width: 1px 0;
    position: relative;
    margin: 24px 0;
}
table.payment-methods span {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
table.payment-methods .show-more {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 !important;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(1turn, var(--color-bg-back), transparent);
    cursor: pointer;
    display: none;
    padding-bottom: 20px;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}
table.payment-methods .show-more td {
    padding: 0;
}
table.payment-methods .show-more div {
    display: flex;
    align-items: center;
    gap: 4px;
}
table.payment-methods tr {
    border-top: 1px solid var(--color-border);
}
table.payment-methods thead tr th {
    font-weight: 600;
}
table.payment-methods tbody tr td.payment-method {
    width: 33%;
}
@media (max-width: 1199px) {
    table.payment-methods tbody tr td.payment-method {
        min-width: 200px !important;
    }
}
table.payment-methods tbody tr td.timeframe {
    width: 33%;
}
@media (max-width: 1199px) {
    table.payment-methods tbody tr td.timeframe {
        min-width: 150px !important;
    }
}
table.payment-methods tbody tr td.maximum,
table.payment-methods tbody tr td.minimum {
    width: 17%;
}
table.payment-methods tbody tr td span {
    font-weight: 400;
}
table.navigation {
    border: none;
    display: table;
}
table.navigation .show-less {
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 !important;
    align-items: flex-end;
    justify-content: center;
    cursor: pointer;
    display: flex;
    padding: 0 0 20px;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}
table.navigation .show-less td {
    padding: 0;
}
table.navigation .show-less div {
    display: flex;
    align-items: center;
    gap: 4px;
}
table.navigation.closed,
table.payment-methods.closed tbody tr:nth-child(n + 8):not(.show-more) {
    display: none;
}
table.payment-methods.closed .show-more {
    display: flex;
}
table.payment-methods .logo {
    width: 24px;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
table.payment-methods .logo img {
    width: 16px;
    aspect-ratio: 1;
}
table.payment-methods .title,
table.payment-methods th {
    font-weight: 600;
}
table.payment-methods th {
    text-align: left;
    color: #444;
    font-size: 19px;
    font-weight: 600;
    line-height: 140%;
}
table.payment-methods td,
table.payment-methods th {
    padding: 10px 0;
}
table.payment-methods .maximum {
    text-align: right;
}
table.payment-methods .wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 8px;
    align-items: center;
}
@media (max-width: 1199px) {
    table.payment-methods {
        font-size: 14px;
        display: block;
        overflow: auto;
        white-space: nowrap;
    }
    table.payment-methods td:not(:last-child),
    table.payment-methods th:not(:last-child) {
        padding-right: 24px;
    }
    table.payment-methods .logo {
        width: 20px;
    }
    table.payment-methods .logo img {
        width: 14px;
    }
    table.payment-methods th {
        font-size: 16px;
    }
}
.who-wins {
    padding: 64px 0;
    overflow: hidden;
    background: var(--color-bg-back-lit);
}
@media (max-width: 1199px) {
    .who-wins .container {
        padding: 0;
        margin: 0;
    }
    .who-wins .container .cards,
    .who-wins .container h1,
    .who-wins .container h2,
    .who-wins .container h3 {
        padding: 0 16px;
    }
}
.who-wins .title {
    margin-bottom: 32px;
    font-weight: 700;
}
@media (max-width: 1199px) {
    .who-wins .title {
        text-transform: uppercase;
        margin-top: 16px;
    }
}
.who-wins .cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 1199px) {
    .who-wins .cards {
        display: flex;
        overflow: auto;
        gap: 16px;
    }
}
.who-wins .cards .card {
    border-radius: 4px;
    overflow: hidden;
    outline: 2px solid transparent;
    cursor: pointer;
    top: 0;
    color: #fff;
    transition:
        top 0.5s ease,
        outline 0.5s ease;
    position: relative;
}
@media (max-width: 1199px) {
    .who-wins .cards .card {
        min-width: 352px;
    }
}
.who-wins .cards .card a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.who-wins .cards .card .game {
    width: 100%;
    display: flex;
}
.who-wins .cards .card .separator {
    position: absolute;
    z-index: 9;
    top: 40%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.who-wins .cards .card .away,
.who-wins .cards .card .home {
    height: 248px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.who-wins .cards .card .away img,
.who-wins .cards .card .home img {
    max-width: 112px;
    margin-bottom: 36px;
}
.who-wins .cards .card .away h3,
.who-wins .cards .card .home h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 145%;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 20%;
    height: 48px;
    bottom: 0;
    width: 100%;
    display: flex;
    background: rgba(0, 0, 0, 0.7);
    align-items: center;
    justify-content: center;
}
.who-wins .cards .card .home {
    border-right: 1px solid var(--color-border);
}
.who-wins .cards .card .odds {
    background: var(--color-border);
    position: relative;
    z-index: 2;
    width: 100%;
}
.who-wins .cards .card .odds .odds {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 16px;
    justify-content: space-between;
    border-top: 1px solid var(--color-border);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1199px) {
    .who-wins .cards .card .odds .odds {
        padding: 9px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: flex;
    }
}
.who-wins .cards .card .odds .odds li {
    padding: 0 10px;
    width: auto;
    height: 48px;
    background: var(--color-bg-back-lit);
    border-radius: 4px;
    gap: 8px;
    display: flex;
    align-items: center !important;
    flex-direction: row !important;
    position: relative;
}
@media (max-width: 1199px) {
    .who-wins .cards .card .odds .odds li {
        gap: 6px;
        padding: 0 8px;
        width: 26%;
    }
}
@media (max-width: 375px) {
    .who-wins .cards .card .odds .odds li {
        padding: 0 4px;
    }
}
.who-wins .cards .card .odds .odds li {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: var(--color-primary-color);
}
.who-wins .cards .card .odds .odds li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.who-wins .cards .card .odds .odds li span {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: var(--color-primary-color);
    opacity: 0.6;
}
.who-wins .cards .card .odds .odds li .operator {
    width: 32px;
    height: 32px;
    border-radius: 5.33333px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.who-wins .cards .card .odds .odds li .operator img {
    width: 20px;
}
.who-wins .cards .card .odds .odds li {
    border: 1px solid transparent;
    cursor: pointer;
    transition:
        color 0.5s ease,
        border 0.5s ease;
}
.who-wins .cards .card .odds .odds li:hover {
    border: 1px solid var(--color-color-flu);
    color: var(--color-color-flu);
    transition:
        color 0.5s ease,
        border 0.5s ease;
}
@media (min-width: 1000px) {
    .who-wins .cards .card:hover {
        outline: 2px solid #fff;
        overflow: hidden;
        top: -10px;
        transition:
            top 0.5s ease,
            outline 0.5s ease;
    }
}
.best-games {
    /*padding: 40px 0;*/
    position: relative;
    /*background: var(--color-bg-back-lit);*/
}
.best-games .container {
    padding: 0;
}
@media (max-width: 1199px) {
    .best-games {
        padding: 60px 0;
        background-position: 0;
    }
    .best-games .container {
        padding: 0;
    }
    .best-games .container h1,
    .best-games .container h2,
    .best-games .container h3 {
        padding: 0 15px;
    }
    .best-games .container span {
        padding: 0 15px;
        display: block;
    }
}
.best-games .see-more {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--color-color-see-more-games);
    text-decoration: underline;
    text-underline-offset: 8px;
    float: right;
}
.best-games .see-more:hover {
    text-decoration: none;
    text-underline-offset: 8px;
}
@media (max-width: 1199px) {
    .best-games .see-more {
        position: absolute;
        bottom: 15px;
        right: 35px;
        font-weight: 700;
        font-size: 14px;
    }
}
.best-games .cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
@media (max-width: 1199px) {
    .best-games .cards {
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
        overflow: auto;
    }
    .best-games .cards span {
        padding: initial;
    }
}
.best-games .cards .card {
    margin: 32px 0 0;
    width: 100%;
    position: relative;
    background-color: var(--color-bg-back-lit);
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    justify-content: space-between;
    outline: 2px solid transparent;
    outline-offset: -2px;
    cursor: pointer;
    transition:
        top 0.5s ease,
        border 0.5s ease;
    top: 0;
    height: auto;
    justify-content: flex-start;
}
@media (max-width: 1199px) {
    .best-games .cards .card {
        min-width: 352px;
    }
}
@media (min-width: 1000px) {
    .best-games .cards .card:hover {
        top: -10px;
        transition:
            top 0.5s ease,
            border 0.5s ease;
        outline: 2px solid var(--color-primary-color);
        outline-offset: -2px;
    }
}
.best-games .cards .card a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.best-games .cards .card .title {
    width: 100%;
    text-align: center;
    padding: 14px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--color-primary-color);
    border-bottom: 1px solid var(--color-bestgames-border);
}
.best-games .cards .card .game {
    padding: 24px 0;
    border-bottom: 1px solid var(--color-bestgames-border);
    position: relative;
}
.best-games .cards .card .game:after {
    content: "";
    background: var(--color-bestgames-border);
    position: absolute;
    top: 0;
    left: 50%;
    height: 160px;
    width: 1px;
    z-index: 1;
}
.best-games .cards .card .game ul {
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.best-games .cards .card .game ul .title {
    font-size: 14px;
}
.best-games .cards .card .game ul li {
    width: 33%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.best-games .cards .card .game ul li.home {
    justify-content: flex-end;
}
.best-games .cards .card .game ul li.home .logo {
    margin-right: 8px;
}
.best-games .cards .card .game ul li.away {
    justify-content: flex-start;
}
.best-games .cards .card .game ul.odds {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    gap: 8px;
    height: 48px;
}
.best-games .cards .card .game ul.odds li {
    padding: 0 8px;
    width: auto;
    height: 48px;
    background: var(--color-bg-back-odds-lit);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    gap: 8px;
    cursor: pointer;
    position: relative;
}
@media (max-width: 1199px) {
    .best-games .cards .card .game ul.odds li {
        gap: 6px;
        padding: 0 8px;
        width: 25%;
    }
}
.best-games .cards .card .game ul.odds li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.best-games .cards .card .game ul.odds li,
.best-games .cards .card .game ul.odds li span {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: var(--color-primary-color);
}
.best-games .cards .card .game ul.odds li span {
    opacity: 0.6;
}
.best-games .cards .card .game ul.odds li .operator {
    width: 32px;
    height: 32px;
    border-radius: 5.33333px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.best-games .cards .card .game ul.odds li .operator img {
    max-height: 20px;
    width: auto;
}
.best-games .cards .card .game ul.odds li {
    transition:
        color 0.5s ease,
        border 0.5s ease;
}
.best-games .cards .card .game ul.odds li:hover {
    transition:
        color 0.5s ease,
        border 0.5s ease;
    border: 1px solid var(--color-color-flu);
    color: var(--color-color-flu);
}
.best-games .cards .card .separator {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.best-games .cards .card .away .team,
.best-games .cards .card .home .team {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 135%;
    color: var(--color-primary-color);
    text-transform: uppercase;
    margin: 0 12px;
}
.best-games .cards .card .away .logo,
.best-games .cards .card .home .logo {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.best-games .cards .card .away .logo img,
.best-games .cards .card .home .logo img {
    max-width: 25px;
    aspect-ratio: 1;
}
.best-games .cards .card .draw {
    width: 40px;
    height: 40px;
}
.best-games .cards .card .competition-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    gap: 24px;
}
@media (max-width: 1199px) {
    .best-games .cards .card .competition-time {
        gap: 5px;
    }
}
.best-games .cards .card .competition-time .competition {
    display: flex;
}
.best-games .cards .card .competition-time .competition .logo {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    margin-right: 8px;
}
.best-games .cards .card .competition-time .competition .logo img {
    width: 22px;
    height: auto;
}
.best-games .cards .card .competition-time .competition .name {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    color: var(--color-primary-color);
}
.best-games .cards .card .competition-time .time {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 145%;
    color: var(--color-primary-color);
    text-transform: capitalize;
    text-align: right;
}
.best-games .cards .card .competition-time .time span {
    font-weight: 500;
}
.win-bonus {
    min-height: 288px;
    position: relative;
    margin-bottom: 72px;
    border-bottom: 1px solid #1a1a1a;
}
@media (max-width: 1199px) {
    .win-bonus {
        padding: 45px 0;
        border-bottom: 1px solid #2b2b2b;
        margin-bottom: 40px;
    }
}
.win-bonus .title {
    float: left;
}
.win-bonus .see-more {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--color-primary-color);
    float: right;
}
.win-bonus .see-more:hover {
    text-decoration: underline;
    text-underline-offset: 8px;
}
@media (max-width: 1199px) {
    .win-bonus .see-more {
        position: absolute;
        bottom: 15px;
        right: 35px;
        font-size: 14px;
        font-weight: 700;
    }
}
.win-bonus .bonuses {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}
@media (max-width: 1199px) {
    .win-bonus .bonuses {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.win-bonus .bonuses {
    padding: 24px 0;
    gap: 32px;
}
.win-bonus .bonuses .bonus {
    padding: 16px;
    gap: 16px;
    width: 100%;
    position: relative;
    background: #1a1a1a;
    border: 1px solid #2b2b2b;
    border-radius: 6px;
    top: 0;
    outline: 2px solid transparent;
    transition:
        top 0.5s ease,
        outline 0.5s ease;
    cursor: pointer;
}
.win-bonus .bonuses .bonus a.area-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}
.win-bonus .bonuses .bonus .top {
    display: flex;
    gap: 12px;
    position: relative;
}
.win-bonus .bonuses .bonus .top .left .logo {
    width: 40px;
    height: 40px;
    border-radius: 80px;
    overflow: hidden;
}
.win-bonus .bonuses .bonus .top .middle .sportsbook-name {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 135%;
    color: var(--color-primary-color);
}
.win-bonus .bonuses .bonus .top .middle .bonus-copy {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    text-align: left;
    color: #fff;
}
.win-bonus .bonuses .bonus .top .right .rating {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    gap: 1px;
    width: 48px;
    height: 24px;
    background: var(--color-color-flu);
    border-radius: 2px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    color: #000;
    position: absolute;
    right: 0;
}
.win-bonus .bonuses .bonus .top .right .rating img {
    filter: invert(100%) sepia(0) saturate(0) hue-rotate(123deg) brightness(85%) contrast(97%);
}
.win-bonus .bonuses .bonus .bottom a {
    padding: 8px 24px;
    gap: 6px;
    margin: 16px 0 0;
    background: var(--color-color-flu);
    border-radius: 4px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1a1a1a;
}
.win-bonus .bonuses .bonus .bottom a:hover {
    background-color: #faff03;
}
.win-bonus .bonuses .bonus:hover {
    transition:
        top 0.5s ease,
        outline 0.5s ease;
    top: -10px;
    outline: 2px solid #fff;
}
.highlighted {
    padding: 72px 0 0;
}
@media (max-width: 1199px) {
    .highlighted {
        padding: 40px 0;
    }
}
.highlighted .title {
    margin-bottom: 32px;
    float: left;
}
@media (max-width: 1199px) {
    .highlighted .title h2 {
        font-weight: 500;
    }
}
.highlighted .seemore {
    float: right;
    margin-top: 8px;
}
.highlighted .seemore .see-more {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--color-primary-color);
    float: right;
}
.highlighted .seemore .see-more:hover {
    text-decoration: underline;
    text-underline-offset: 8px;
}
@media (max-width: 1199px) {
    .highlighted .seemore .see-more {
        display: none;
    }
}
.highlighted .cards {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
}
@media (max-width: 1199px) {
    .highlighted .cards {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}
.highlighted .cards .area-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.highlighted .cards .card {
    position: relative;
}
.highlighted .cards .card .title {
    margin: 24px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-primary-color);
    overflow: hidden;
    float: inherit;
}
@media (max-width: 1199px) {
    .highlighted .cards .card .title {
        height: auto;
    }
}
.highlighted .cards .card .title span.live {
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    background: #ff5894;
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 115%;
    color: #1a1a1a;
}
.highlighted .cards .card .title span.live:before {
    content: url('data:image/svg+xml;charset=utf-8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.64 6.5a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-10.8 0a4.8 4.8 0 1 0 9.6 0 4.8 4.8 0 0 0-9.6 0z" fill="%23000"/><circle cx="6.64" cy="6.5" r="3.5" fill="%23000"/></svg>');
    left: 0;
    top: 2px;
    position: relative;
    margin-right: 5px;
}
.highlighted .cards .card .author {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
    display: flex;
    align-items: center;
}
.highlighted .cards .card .author .avatar img {
    width: 16px;
    aspect-ratio: 1;
    border-radius: 50%;
}
.highlighted .cards .card .author .shield {
    width: 20px;
    height: 20px;
    border-radius: 80px;
    display: inline-flex;
    top: 2px;
    position: relative;
}
.highlighted .cards .card .author .shield svg rect {
    fill: var(--color-bg-hero);
}
.highlighted .cards .card .author .bullet {
    margin: 0 6px;
    font-size: 8px;
    top: -2px;
    position: relative;
    color: var(--color-primary-color);
    opacity: 0.5;
}
.highlighted .cards .card .author .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-date-transparency);
}
@media (max-width: 1199px) {
    .highlighted .cards .card .author {
        width: 100%;
    }
}
.highlighted .cards .card .bottom {
    height: 172px;
    overflow: hidden;
    border-radius: 4px;
}
.highlighted .cards .card .featured-image {
    height: 100%;
    transition: 0.3s;
}
@media (max-width: 1199px) {
    .highlighted .cards .card:not(:first-child) .wrapper {
        display: inherit;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0 15px;
    }
}
@media (max-width: 1199px) {
    .highlighted .cards .card:not(:first-child) .wrapper .bottom {
        float: right;
    }
}
@media (max-width: 1199px) {
    .highlighted .cards .card:not(:first-child) .wrapper .title {
        float: left;
        display: contents;
    }
}
@media (max-width: 1199px) {
    .highlighted .cards .card:not(:first-child) .wrapper .bottom {
        height: auto;
    }
}
@media (max-width: 1199px) {
    .highlighted .cards .card:not(:first-child) .wrapper .bottom .featured-image {
        border-radius: 4px;
        width: 64px;
        height: 64px;
        margin-left: 20px;
    }
}
.features .payment-list {
    display: flex;
}
.features .payment-list a {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    display: flex;
    overflow: hidden;
}
.articles-sidebar .widget-articles,
.content-sidebar .widget-articles,
.right-sidebar .widget-articles {
    margin-bottom: 72px;
}
.articles-sidebar .title,
.content-sidebar .title,
.right-sidebar .title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: var(--color-primary-color);
    margin-bottom: 16px;
}
.articles-sidebar .title h3,
.content-sidebar .title h3,
.right-sidebar .title h3 {
    font-size: 20px;
}
.articles-sidebar .article,
.content-sidebar .article,
.right-sidebar .article {
    padding: 16px 0;
    border-top: 1px solid var(--color-border);
}
.articles-sidebar .article:last-child,
.content-sidebar .article:last-child,
.right-sidebar .article:last-child {
    border-bottom: 1px solid var(--color-border);
}
.articles-sidebar .article .title,
.content-sidebar .article .title,
.right-sidebar .article .title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-primary-color);
}
.articles-sidebar .article .date,
.content-sidebar .article .date,
.right-sidebar .article .date {
    margin-top: 12px;
}
.articles-sidebar .article .date .shield,
.content-sidebar .article .date .shield,
.right-sidebar .article .date .shield {
    width: 20px;
    height: 20px;
    border-radius: 80px;
    display: inline-flex;
    top: 4px;
    position: relative;
    margin: 0 0 0 8px;
}
.articles-sidebar .article .date .shield svg rect,
.content-sidebar .article .date .shield svg rect,
.right-sidebar .article .date .shield svg rect {
    fill: var(--color-bg-hero);
}
.articles-sidebar .article .date .bullet,
.content-sidebar .article .date .bullet,
.right-sidebar .article .date .bullet {
    margin: 0 6px;
    font-size: 8px;
    top: -2px;
    position: relative;
    color: var(--color-primary-color);
    opacity: 0.5;
}
.articles-sidebar .article .date .source,
.content-sidebar .article .date .source,
.right-sidebar .article .date .source {
    font-size: 14px;
}
.articles-sidebar .article .date .source .date,
.content-sidebar .article .date .source .date,
.right-sidebar .article .date .source .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-date-transparency);
}
section.pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5019607843);
    z-index: 7;
    display: flex;
    align-items: center;
    justify-content: center;
}
#copy-not-recommended .container {
    padding: 0 15px;
    margin-bottom: 40px;
}
#copy-not-recommended .container p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #f3f4f5;
}
#not-recommended {
    margin-bottom: 40px;
}
@media (max-width: 1000px) {
    #not-recommended {
        padding: 0;
    }
}
#not-recommended .container {
    border: 1px solid hsla(0, 1%, 54%, 0.2);
    width: 100%;
    padding: 1px 32px 32px;
    border-radius: 4px;
    background: var(--color-bg-back);
    position: relative;
    padding: 0;
    overflow: hidden;
}
@media (max-width: 900px) {
    #not-recommended .container {
        border: none;
    }
}
#not-recommended .container .options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    padding: 24px 0;
    gap: 32px;
}
@media (max-width: 1200px) {
    #not-recommended .container .options {
        padding: 24px 0;
    }
}
@media (max-width: 1000px) {
    #not-recommended .container .options {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 0;
        width: auto;
        padding: 5px 0;
    }
}
#not-recommended .container .options .card {
    position: relative;
    gap: 16px;
    width: 100%;
    background: var(--color-bg-back-notrecomended);
    border: 1px solid var(--color-border);
    border-radius: 6px;
}
@media (max-width: 1000px) {
    #not-recommended .container .options .card {
        margin-bottom: 24px;
    }
}
#not-recommended .container .options .card .area-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#not-recommended .container .options .card .rank {
    background-color: #2b2b2b;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    width: 40px;
    height: 40px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#not-recommended .container .options .card .icon-bonus {
    position: absolute;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
}
#not-recommended .container .options .card:first-child .rank {
    background-color: #efbf04;
}
#not-recommended .container .options .card:nth-child(2) .rank {
    background-color: #c4c4c4;
}
#not-recommended .container .options .card:nth-child(3) .rank {
    background-color: #ce8946;
}
#not-recommended .container .options .card .sportsbook-name {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    margin-top: 4px;
}
#not-recommended .container .options .card .rating {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 6px;
    color: var(--color-primary-color);
    font-size: 12px;
    line-height: 145%;
    margin-top: 8px;
    position: relative;
    z-index: 2;
}
#not-recommended .container .options .card .rating .bold {
    font-weight: 600;
    color: var(--color-primary-color);
    font-size: 14px;
}
#not-recommended .container .options .card .review {
    width: 50%;
}
#not-recommended .container .options .card .review img {
    display: none;
}
#not-recommended .container .options .card .review div {
    line-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 32px;
    gap: 10px;
    width: fit-content;
    color: #f5f5fa;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    background: #b8b8b8;
    cursor: not-allowed;
}
#not-recommended .container .options .card .review a {
    line-height: 40px;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 8px 24px;
    gap: 6px;
    background: transparent;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    color: var(--color-primary-color);
    border: 1px solid #2b2b2b;
    text-align: center;
}
#not-recommended .container .options .card .offer {
    color: var(--color-primary-color);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    min-height: 45px;
}
#not-recommended .container .options .card .offer .separator {
    padding: 0 4px;
}
#not-recommended .container .options .card .offer .value {
    font-weight: 700;
}
#not-recommended .container .options .card .separator-icon {
    width: 32px;
    height: 32px;
    position: relative;
}
#not-recommended .container .options .card .separator-icon svg {
    z-index: 2;
    position: relative;
}
#not-recommended .container .options .card .separator-icon:after {
    content: "";
    background: var(--color-border);
    position: absolute;
    bottom: -138%;
    left: 16px;
    height: 120px;
    width: 1px;
    z-index: 1;
}
#not-recommended .container .options .card .separator-icon.mobile {
    display: none;
}
#not-recommended .container .options .card .features {
    color: var(--color-primary-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}
@media (max-width: 1199px) {
    #not-recommended .container .options .card .features {
        padding: initial;
    }
}
#not-recommended .container .options .card .features span {
    padding: 0 4px 0 0;
}
#not-recommended .container .options .card .features .items,
#not-recommended .container .options .card .features ul {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}
#not-recommended .container .options .card .features li {
    padding-left: 18px;
    background: url(/pt-br/apostas/static/wp/icon-check-outlined.svg) left 2px no-repeat;
}
#not-recommended .container .options .card.large .left .column {
    min-width: 240px;
}
#not-recommended .container .options .card .donation-link {
    width: 50%;
}
#not-recommended .container .options .card .donation-link div {
    line-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 32px;
    gap: 10px;
    width: fit-content;
    color: #f5f5fa;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    background: #b8b8b8;
    cursor: not-allowed;
}
@media (max-width: 1199px) {
    #not-recommended .container .options .card .donation-link div {
        width: 100%;
        justify-content: center;
    }
}
#not-recommended .container .options .card .donation-link a {
    line-height: 40px;
    display: block;
    width: fit-content;
    font-weight: 500;
    border-radius: 4px;
    padding: 8px;
    gap: 6px;
    background: var(--color-primary-color);
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    color: var(--color-cta-text);
    text-align: center;
    width: 100%;
    border: 1px solid var(--color-cta-text);
}
#not-recommended .container .options .card .donation-link a:hover {
    border: 1px solid #fff;
}
#not-recommended .container .options .card .payment-methods {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 12px 0 0;
    align-items: center;
}
#not-recommended .container .options .card .payment-methods .content span {
    padding: 6px 12px;
}
#not-recommended .container .options .card .payment-methods .content .icon {
    width: 26px;
    height: 26px;
}
#not-recommended .container .options .card .payment-methods .content .counter {
    width: 26px;
    height: 26px;
    font-size: 10px;
}
#not-recommended .container .options .card .tc-excerpt {
    color: var(--color-primary-color);
    font-size: 12px;
    line-height: 135%;
    border-radius: 0;
}
#not-recommended .container .options .card .logo {
    width: 48px;
    aspect-ratio: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#not-recommended .container .options .card .logo img {
    width: 80%;
    aspect-ratio: 1;
}
#not-recommended .container .options .card .tag {
    padding: 2px 4px;
    color: var(--color-best-operator);
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 4px;
    width: fit-content;
    background: var(--color-color-flu);
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
}
#not-recommended .container .options .card .tag.red {
    background-color: #ff2f54;
    color: #fff;
}
#not-recommended .container .options .card .copy-information {
    display: flex;
    align-items: center;
    padding: 8px 0 0;
}
#not-recommended .container .options .card .copy-information .copy {
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    border: 1px dashed #b8b8b8;
    border-radius: 4px;
    color: var(--color-color-flu);
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
#not-recommended .container .options .card .copy-information .copy .title {
    opacity: 0;
}
#not-recommended .container .options .card .copy-information .copy .title div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 135%;
}
#not-recommended .container .options .card .copy-information .copy .title.active {
    opacity: 1;
}
#not-recommended .container .options .card .copy-information .copy .success {
    display: block;
}
#not-recommended .container .options .card .copy-information .copy .success div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    font-weight: 600;
    background: rgba(185, 225, 9, 0.1882352941);
    transition: 0.3s;
}
#not-recommended .container .options .card .copy-information .copy .success:not(.active) {
    display: none;
}
#not-recommended .container .options .card .copy-information .copy .success:not(.active) div {
    opacity: 0;
    visibility: hidden;
}
#not-recommended .container .options .card .copy-information .copy:hover {
    border-color: var(--color-color-flu);
}
#not-recommended .container .options .card .copy-information .information {
    margin: 8px;
    position: relative;
    z-index: 2;
}
#not-recommended .container .options .card .copy-information .information span {
    position: absolute;
    bottom: calc(100% - 30px);
    transform: translateX(17%);
    color: #13161a;
    background: #fff;
    border-radius: 6px;
    padding: 6px 12px;
    box-shadow: 0 8.5px 17px -8.5px rgba(19, 22, 25, 0.08);
    width: 160px;
    height: fit-content;
    z-index: 8;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    display: none;
}
#not-recommended .container .options .card .copy-information .information span:before {
    content: "";
    position: absolute;
    bottom: 40%;
    left: -6px;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #fff;
}
#not-recommended .container .options .card .copy-information .information:hover span {
    display: block;
}
#not-recommended .container .options .card .copy-information .information:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(11deg) brightness(105%)
        contrast(105%);
}
#not-recommended .container .options .card .left {
    padding: 24px;
}
@media (max-width: 1199px) {
    #not-recommended .container .options .card .left {
        display: flex;
        align-items: center;
        position: relative;
        gap: 16px;
    }
}
@media (max-width: 1199px) {
    #not-recommended .container .options .card .middle .bonuses {
        margin: 16px 0 !important;
    }
}
#not-recommended .container .options .card .wrapper > .top {
    gap: 0 20px;
}
#not-recommended .container .options .card .wrapper > .top > .left {
    align-self: center;
}
#not-recommended .container .options .card .wrapper > .top > .right {
    width: 356px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 20px;
}
#not-recommended .container .options .card .middle > .left {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0 20px;
    align-items: center;
}
#not-recommended .container .options .card .column .bottom {
    padding-top: 4px;
    display: flex;
    align-items: center;
    gap: 0 8px;
}
#not-recommended .container .options .card .wrapper > .top {
    flex-direction: column;
    gap: 0 32px;
}
#not-recommended .container .options .card .wrapper > .top .buttons {
    z-index: 2;
}
#not-recommended .container .options .card .wrapper > .top .left {
    display: flex;
    align-items: flex-start;
    gap: 0 16px;
    justify-content: space-between;
}
#not-recommended .container .options .card .wrapper > .top .left .column {
    display: flex;
    gap: 16px;
}
#not-recommended .container .top {
    padding: 0;
}
#not-recommended .container .top .introduction {
    text-align: left;
    padding: 24px;
    background: rgba(255, 50, 87, 0.12);
}
@media (max-width: 1199px) {
    #not-recommended .container .top .introduction {
        padding-bottom: 10px;
        background: rgba(255, 50, 87, 0.12);
        padding: 24px;
    }
}
#not-recommended .container .top .introduction .icon {
    float: left;
    margin-right: 24px;
}
#not-recommended .container .top .introduction .icon img {
    width: 56px;
    height: 56px;
}
#not-recommended .container .top .introduction .title { 
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    text-align: left;
    letter-spacing: -0.02em;
    color: var(--color-primary-color);
}
#not-recommended .container .top .introduction .title span {
    color: #ff2f54;
}
#not-recommended .container .top .introduction .subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
    color: var(--color-primary-color);
}
@media (max-width: 900px) {
    #not-recommended .container .top .introduction .subtitle {
        margin-left: 80px;
    }
}
#not-recommended .container > .middle {
    padding: 0 24px !important;
}
@media (max-width: 1200px) {
    #not-recommended .container > .middle {
        padding: 24px !important;
    }
}
#not-recommended .container .middle {
    border-top: 1px solid hsla(0, 1%, 54%, 0.2);
    padding: 40px 24px 24px;
}
@media (max-width: 900px) {
    #not-recommended .container .middle {
        padding: 40px 15px;
    }
}
#not-recommended .container .middle .options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
    padding-bottom: 32px;
}
@media (max-width: 900px) {
    #not-recommended .container .middle .options {
        padding: 0;
    }
}
#not-recommended .container .middle .buttons {
    margin-top: 32px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}
#not-recommended .container .middle .bottom {
    background: var(--color-bg-notrecomended-second);
}
#not-recommended .container .bottom {
    padding: 24px;
    border-top: 1px solid hsla(0, 1%, 54%, 0.2);
}
#not-recommended .container .bottom a {
    background-color: #fff;
    color: #1a1a1a;
    font-size: 16px;
}
@media (max-width: 900px) {
    #not-recommended .container .bottom a {
        width: 100%;
        justify-content: center;
    }
}
#not-recommended .button a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px;
    gap: 6px;
    margin: 0 auto;
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    width: fit-content;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    color: var(--color-primary-color);
}
#not-recommended .button a:hover {
    border: 1px solid #fff;
}
.social-sharing.hidden {
    display: none;
}
.social-sharing {
    border-radius: 5px;
    background-color: #2b2b2b;
    position: absolute;
    padding: 15px;
    margin: 15px 0 0 40px;
    z-index: 8;
}
.social-sharing .prefix {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 14px;
}
.social-sharing .icons {
    display: flex;
    gap: 16px;
    justify-content: center;
}
.social-sharing .icons .social-sharing {
    margin: 0;
    position: relative;
    width: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.social-sharing .icons .social-sharing img {
    width: 20px;
}
.social-sharing .icons .social-sharing:before {
    border: none;
}
.social-sharing:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 45%;
    width: 0;
    border-bottom: 10px solid #2b2b2b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.contact-template main input[type="email"],
.contact-template main input[type="text"] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    width: 496px;
    height: 56px;
    border: 1px solid #2b2b2b;
    border-radius: 4px;
}
.contact-template main textarea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 8px;
    width: 496px;
    height: 112px;
}
.contact-template main .error {
    color: red;
}
.contact-template main input[type="button"] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 6px;
    width: 176px;
    height: 40px;
    background: var(--color-color-flu);
    border-radius: 4px;
    color: #000;
}
.mega-menu .menu ul {
    margin: 0 -16px !important;
    border-bottom: 1px solid var(--color-border);
}
.mega-menu .menu li {
    padding: 0;
}
.mega-menu .menu li.tv-icon {
    display: flex;
}
.mega-menu .menu li.tv-icon a {
    text-indent: -9999px;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="75" height="44" viewBox="0 0 75 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.964 11.877l-7.23 20.163h5.214l7.231-20.163h-5.215zM35.392 28.111c0 2.3-1.893 4.165-4.227 4.165-2.334 0-4.226-1.864-4.226-4.165 0-2.3 1.892-4.165 4.226-4.165s4.227 1.865 4.227 4.165zM20.073 11.877c-.696 2.472-3.303 4.612-6.606 4.13l-1.613 4.502c7.845.938 11.356-2.858 13.303-8.632h-5.084z" fill="currentColor"/><path d="M54.888 27.867l-3.203-11.58h3.038l2.398 8.726h.51l2.381-8.727h2.99l-3.187 11.581h-4.927zM51.462 16.287v2.66h-3.515v8.92h-3.055v-8.92h-3.498v-2.66h10.068z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M69.126 2.727H5.874c-1.721 0-3.117 1.38-3.117 3.082V38.19c0 1.703 1.396 3.082 3.117 3.082h63.252c1.721 0 3.117-1.38 3.117-3.082V5.81c0-1.703-1.396-3.083-3.117-3.083zM5.874 0C2.63 0 0 2.6 0 5.809V38.19C0 41.4 2.63 44 5.874 44h63.252C72.37 44 75 41.4 75 38.191V5.81C75 2.6 72.37 0 69.126 0H5.874z" fill="currentColor"/></svg>');
    filter: brightness(0) invert(1);
    width: 75px;
    height: 44px;
    margin: 20px;
}
.mega-menu .menu li.tv-icon a:hover {
    border: none;
}
.mega-menu .menu .label-back {
    margin-left: 0 !important;
}
.mega-menu .menu a {
    flex: 1;
    margin-left: 24px;
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.mega-menu .menu a img {
    margin-right: 24px;
}
.widget-content-navigation ul {
    border-right: 2px solid var(--color-border);
}
.widget-content-navigation ul a:hover {
    color: var(--color-color-flu);
}
.widget-content-navigation ul li {
    margin-right: -2px;
    border-right: 2px solid transparent;
}
.widget-content-navigation ul li.active {
    border-color: var(--color-color-flu);
}
.widget-content-navigation ul li:not(:last-child) {
    margin-bottom: 0 !important;
    padding-bottom: 16px;
}
.bg-svg {
    position: absolute;
    top: 0;
    left: -32px;
    overflow: hidden;
}
.bg-svg .bg {
    background: linear-gradient(180deg, #9600ff, #d81664);
    padding: 0;
}
@media (max-width: 1199px) {
    .bg-svg {
        height: 48px;
        left: 0;
        position: relative;
        margin: 0 0 40px;
    }
}
.contact-template main {
    padding: 64px 0;
}
@media (max-width: 1199px) {
    .contact-template main {
        padding: 0 0 40px;
    }
}
.contact-template main h1 {
    padding-bottom: 8px;
    color: var(--color-primary-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: 0;
}
@media (max-width: 1199px) {
    .contact-template main h1 {
        padding-bottom: 0;
    }
}
.form.contact {
    max-width: 500px;
}
.form.contact .first-last,
.form.contact form {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}
.form.contact .content,
.form.contact .title {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}
.form.contact .field .title {
    padding-bottom: 8px;
}
.form.contact .submit input {
    padding: 0 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1a1a1a;
}
.form.contact .submit input:hover {
    background: #faff03;
}
.form.contact input:is([type="text"], [type="email"]),
.form.contact textarea {
    width: 100%;
    padding: 0 16px;
}
.form.contact textarea {
    padding: 16px;
    resize: none;
    border: 1px solid #2b2b2b;
    display: block;
    border-radius: 4px;
}
@media (max-width: 1199px) {
    .form.contact input:is([type="text"], [type="email"]) {
        height: 40px;
    }
    .form.contact .submit input {
        width: 100%;
    }
}
.form.contact.sucess form {
    display: none;
}
.success-message {
    padding: 200px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}
.success-message.hidden {
    display: none;
}
.success-message a {
    font-weight: 600;
    line-height: 150%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 6px;
    height: 40px;
    background: var(--color-color-flu);
    border-radius: 4px;
    color: #000;
    margin-top: 40px;
}
.snackbar {
    position: fixed;
    left: 50%;
    top: 15%;
    transform: translateX(-50%);
    background-color: var(--color-bg-back);
    z-index: 9;
}
.snackbar.closed {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.3s ease-in-out,
        visibility 0.3s ease-in-out;
}
.snackbar .wrapper-snoopy {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr auto auto;
    gap: 0.5em;
    min-width: min(25em, 100vw - 2em);
    max-width: 100%;
    align-items: center;
    filter: drop-shadow(0 0.625em 1em rgba(0, 0, 0, 0.08));
    background-color: var(--alert-background-color);
    padding: 1em;
}
.snackbar .message {
    color: var(--color-primary-color);
}
.snackbar .iconImage {
    --icon-size: 1.5em;
}
.snackbar .closeButton {
    --close-button-size: 2.75em;
    display: grid;
    place-content: center;
    padding: 0;
    appearance: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: var(--label-text-color);
}
.snackbar .closeButtonIcon {
    --close-buton-icon-size: 1.75em;
}
.no-operator {
    border: 1px solid var(--color-border);
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
}
.no-operator .introduction {
    width: 100%;
}
.no-operator .introduction .title > div {
    display: flex;
    justify-content: center;
}
.no-operator .introduction .title > div h4 {
    margin-right: 15px;
}
.fixed-bottom-area {
    position: fixed;
    z-index: 6;
    bottom: 0;
}
#article-cards-container {
    margin: 40px 0;
}
#article-cards-container .article-cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#article-cards-container .article-card {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--color-border);
    overflow: hidden;
    position: relative;
    padding: 0 0 24px;
}
#article-cards-container .article-card:first-child {
    border-top: 1px solid var(--color-border);
    padding-top: 24px;
}
#article-cards-container .article-card .area-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#article-cards-container .article-card:hover .article-card-content a {
    color: #b8b8b8;
}
#article-cards-container .article-card-image {
    flex: 1;
    max-width: 168px;
    max-height: 88px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}
#article-cards-container .article-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}
#article-cards-container .article-card:hover .article-card-image img {
    transform: scale(1.05);
}
#article-cards-container .article-card-content {
    flex: 2;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#article-cards-container .article-card-content img {
    filter: var(--icon-invert-reverse);
}
#article-cards-container .betting-category {
    color: var(--color-color-flu);
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    text-transform: uppercase;
}
#article-cards-container .article-card-title {
    font-size: 22px;
    display: flex;
    gap: 0 25px;
    align-items: center;
    width: 100%;
    color: var(--color-primary-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
}
#article-cards-container .article-card-title > div {
    width: 100%;
}
#article-cards-container .article-card-title img {
    width: 24px;
    height: 24px;
}
@media (max-width: 768px) {
    #article-cards-container .article-cards {
        flex-direction: row;
        gap: 0 16px;
        overflow: auto;
    }
    #article-cards-container .article-card {
        flex: 0 0 300px;
        width: 300px;
        display: block;
        padding-bottom: 0;
        border-bottom: 0;
        border-top: none !important;
        padding-top: 0 !important;
    }
    #article-cards-container .article-card-image {
        max-width: none;
        max-height: none;
        width: 100%;
        height: 160px;
        margin-bottom: 14px;
    }
    #article-cards-container .article-card-content {
        padding: 0;
    }
    #article-cards-container .article-card-title {
        font-size: 16px;
    }
    #article-cards-container .article-card-title div {
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}
@media (max-width: 575px) {
    #article-cards-container .article-cards {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px;
    }
}
body.pop-up {
    overflow: hidden;
}
div.pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
div.pop-up.hide {
    display: none;
}
#age-restriction-pop-up {
    color: #777;
    font-size: 16px;
}
#age-restriction-pop-up .pop-up-container {
    padding: 1px 3rem 40px;
    background: var(--color-bg-back-lit);
    border: 4px solid rgba(1, 38, 60, 0.05);
    border-radius: 8px;
    width: 100%;
    max-width: 437px;
    text-align: center;
}
#age-restriction-pop-up .icon img {
    width: 24px;
    height: 24px;
}
#age-restriction-pop-up h2 {
    padding-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    color: var(--color-primary-color);
}
#age-restriction-pop-up .bottom {
    padding-top: 2rem;
}
#age-restriction-pop-up .buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#age-restriction-pop-up .buttons > div {
    line-height: 48px;
    border-radius: 6px;
    font-weight: 700;
    color: var(--color-bg-back-lit);
    cursor: pointer;
    transition: 0.3s;
}
#age-restriction-pop-up .buttons > div,
#age-restriction-pop-up .buttons > div:hover {
    background: var(--color-primary-color);
}
#age-restriction-pop-up .buttons > .deny {
    background: var(--color-bg-back-lit);
    border: 2px solid var(--color-border);
}
#age-restriction-pop-up .buttons > .deny a {
    color: var(--color-primary-color);
}
#age-restriction-pop-up .buttons > .deny:hover {
    background: #b33c3c;
}
#age-restriction-pop-up .buttons > .deny:hover a {
    color: #fff;
}
@media (min-width: 576px) {
    #age-restriction-pop-up .icon {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(1, 38, 60, 0.05);
        margin: -40px auto 2rem;
        background: var(--color-bg-back-lit);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #age-restriction-pop-up .icon img {
        filter: var(--icon-invert-reverse);
    }
}
@media (max-width: 575px) {
    #age-restriction-pop-up {
        font-size: 14px;
    }
    #age-restriction-pop-up .pop-up-container {
        width: 90%;
        left: 5%;
        padding: 24px 32px;
    }
    #age-restriction-pop-up .icon {
        display: flex;
        justify-content: center;
        padding-bottom: 18px;
    }
    #age-restriction-pop-up h2 {
        font-size: 20px;
    }
    #age-restriction-pop-up .buttons > div a {
        font-size: 14px !important;
    }
    .content-block ol li:first-child,
    .content-element ol li:first-child,
    .content ol li:first-child {
        counter-reset: x;
    }
}
.betting-tip.index-template .content-block table {
    text-align: center;
    font-weight: 400;
}
.betting-tip.index-template .content-block table tr:first-child {
    font-weight: 700;
}
.betting-tip.index-template .content-block table a {
    text-decoration: none !important;
    font-weight: 600;
}
@media (max-width: 1199px) {
    .betting-tip.index-template .content-block table {
        display: table;
        white-space: wrap;
    }
}
li.full-width > ul > .container > .nav {
    flex: 1;
    display: flex;
    gap: 0 24px;
}
li.full-width > ul > .container > .nav * {
    display: block;
    padding: 0;
    margin: 0;
    position: static;
}
li.full-width > ul > .container > .nav .menu-item div {
    display: block;
}
li.full-width > ul > .container > .nav li:hover {
    background: none;
}
li.full-width > ul > .container > .nav ul {
    opacity: 1 !important;
    visibility: visible !important;
    border-bottom: 0;
}
li.full-width > ul > .container > .nav > li > .menu-item div {
    display: none !important;
}
li.full-width > ul > .container > .nav > li:not(.submenu) {
    flex: 1;
}
li.full-width > ul > .container > .nav > li:not(.submenu) > .menu-item a,
li.full-width > ul > .container > .nav li.submenu .nav a {
    color: var(--color-color-flu);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    border-bottom: 2px solid var(--color-link-line);
    width: fit-content;
    min-width: 0;
}
li.full-width > ul > .container > .nav > li:not(.submenu) > .menu-item a:hover,
li.full-width > ul > .container > .nav li.submenu .nav a:hover {
    border-color: transparent;
}
li.full-width > ul > .container > .nav > li:not(.submenu) > .menu-item {
    margin-bottom: 16px;
    padding: 10px;
}
li.full-width > ul > .container > .nav li.casinos .nav a {
    white-space: nowrap;
}
li.full-width > ul > .container > .nav div.submenu,
li.full-width > ul > .container > .nav li.casinos .nav {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
}
li.full-width > ul > .container > .nav div.submenu a,
li.full-width > ul > .container > .nav li.casinos .nav a {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 10px;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
}
li.full-width > ul > .container > .nav div.submenu a:hover,
li.full-width > ul > .container > .nav li.casinos .nav a:hover {
    background: var(--color-hover-menu);
}
li.full-width > ul > .container > .nav div.submenu a:hover span,
li.full-width > ul > .container > .nav li.casinos .nav a:hover span {
    color: #f3f4f5;
}
li.full-width > ul > .container > .nav div.submenu img,
li.full-width > ul > .container > .nav li.casinos .nav img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: contain;
    background: #000;
}
li.full-width > ul > .container > .nav div.submenu span,
li.full-width > ul > .container > .nav li.casinos .nav span {
    flex: 1;
    color: var(--color-primary-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
}
li.full-width > ul > .container > .nav li.submenu {
    padding-right: 40px;
    border-right: 1px solid var(--color-border);
    flex: 0 0 25%;
    width: 25%;
}
li.full-width > ul > .container > .nav li.submenu > .menu-item a {
    color: var(--color-label-menu);
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 24px;
}
li.full-width > ul > .container > .nav li.submenu .nav {
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}
li.full-width > ul > .container > .nav li.submenu .nav a {
    margin-bottom: 8px;
}
li.full-width > ul > .container > .nav li.submenu .excerpt {
    color: var(--color-excerpt-menu);
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
}
.mega-menu .menu ul {
    padding: 0;
    margin: 0;
}
.mega-menu .menu .label-back {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0 18px;
    padding: 0 8px;
    margin-bottom: 12px;
    min-height: 56px;
}
.mega-menu .menu .label-back span {
    flex: 1;
}
.mega-menu .menu li.apps .container .menu-item a,
.mega-menu .menu li.bonuses .container .menu-item a,
.mega-menu .menu li.sportsbooks .container .menu-item a {
    margin-left: 12px;
}
.mega-menu .menu .submenu ul {
    margin: 0 !important;
}
.mega-menu .menu .submenu ul a {
    height: auto;
    margin-left: 0;
}
.mega-menu .menu .submenu ul .menu-item button,
.mega-menu .menu .submenu ul .menu-item div {
    margin-right: 0 !important;
}
.mega-menu .menu .submenu > .menu-item a {
    flex: 1;
}
.mega-menu .menu .submenu > .container > nav > ul > li.featured {
    margin-bottom: 24px;
    padding: 0;
}
.mega-menu .menu .submenu > .container > nav > ul > li.featured .menu-item {
    flex-direction: column;
    gap: 8px 0;
    align-items: stretch;
}
.mega-menu .menu .submenu > .container > nav > ul > li.featured a {
    color: var(--color-color-flu);
    border-bottom: 2px solid rgba(225, 255, 87, 0.1490196078);
    display: block;
    width: fit-content;
}
.mega-menu .menu .submenu > .container > nav > ul > li.featured .excerpt {
    font-size: 14px;
    font-weight: 400;
}
.mega-menu .menu .submenu > .container > nav > ul > li.normal:not(.opened) {
    padding: 17px 0;
    border-top: 1px solid #2b2b2b;
}
.mega-menu .menu .submenu > .container > nav > ul > li.normal:not(.opened) ul .menu-item {
    display: block;
}
.mega-menu .menu .submenu > .container > nav > ul > li.normal:not(.opened) .container,
.mega-menu .menu .submenu > .container > nav > ul > li.normal:not(.opened) li {
    padding: 0;
}
.mega-menu .menu .submenu > .container > nav > ul > li.normal:not(.opened) .container,
.mega-menu .menu .submenu > .container > nav > ul > li.normal:not(.opened) .label-back {
    display: none;
}
.mega-menu .menu .submenu > .container > nav > ul > li.normal:not(.opened) > .menu-item a {
    flex: 1;
}
.mega-menu .menu .submenu > .container:has(li.opened) > .label-back {
    display: none;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li {
    display: none;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened {
    display: block;
    position: relative;
    padding: 68px 8px 0;
    border-top: 0;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened > div {
    display: block;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened > .menu-item a {
    display: block;
    width: fit-content;
    color: var(--color-color-flu);
    border-bottom: 2px solid var(--color-link-line);
    margin-bottom: 8px;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened > .menu-item div {
    display: none;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened > .menu-item button {
    display: none;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container {
    padding: 0 0 12px;
    display: flex;
    flex-direction: column;
    gap: 4px 0;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container nav {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container li {
    padding: 0;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container .menu-item {
    display: block;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container .menu-item a {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 10px;
    align-items: center;
    padding: 10px 0;
    margin-left: 0;
    min-height: 40px;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container .menu-item a:hover {
    background: #2b2b2b;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container .menu-item a:hover span {
    color: #f3f4f5;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container .menu-item img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: contain;
    background: #000;
    margin-right: 0;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li.opened .container .menu-item span {
    flex: 1;
    color: var(--color-primary-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
}
.mega-menu .menu .submenu > .container:has(li.opened) > nav > ul > li .label-back {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.breadcrumb {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-label-menu);
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 1000px) {
    .breadcrumb {
        margin-bottom: 24px;
    }
}
.breadcrumb > :last-child {
    color: var(--color-breadcrumb-current);
    font-weight: 600;
    padding-top: 0.4px;
}
.breadcrumb .directory {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumb .directory:not(:last-child):hover {
    color: var(--color-breadcrumb-current);
    transition: color 0.3s;
}
.breadcrumb .directory a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.advertiser-geographical-area.horizontal.large {
    border: 1px solid #2b2b2b;
    background: #1a1a1a;
    color: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s;
}
.advertiser-geographical-area.horizontal.large:hover {
    border-color: #f3f4f5;
}
.advertiser-geographical-area.horizontal.large.hide,
.advertiser-geographical-area.horizontal.large .logo .rank {
    display: none;
}
.advertiser-geographical-area.horizontal.large .logo {
    width: fit-content;
    border-radius: 50%;
    overflow: hidden;
}
.advertiser-geographical-area.horizontal.large .logo img {
    width: 48px;
    aspect-ratio: 1;
}
.advertiser-geographical-area.horizontal.large .sportsbook-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
}
.advertiser-geographical-area.horizontal.large .rating {
    display: flex;
    width: 100%;
    border-radius: 100px;
    justify-content: flex-end;
}
.advertiser-geographical-area.horizontal.large .rating .float-right {
    gap: 0 4px;
    gap: 4px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    justify-content: flex-end;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px 4px 12px;
    width: fit-content;
    border-radius: 100px;
    border: 1px solid var(--color-border);
}
.advertiser-geographical-area.horizontal.large .rating .aprovedby {
    display: flex;
}
.advertiser-geographical-area.horizontal.large .stars {
    display: flex;
    gap: 0 2px;
}
.advertiser-geographical-area.horizontal.large .features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 0 14px;
    font-weight: 600;
    font-size: 12px;
    line-height: 135%;
}
.advertiser-geographical-area.horizontal.large .features.responsiveness {
    display: none;
}
.advertiser-geographical-area.horizontal.large .features > div {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 6px;
    align-items: center;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content {
    display: flex;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon {
    border-radius: 50%;
    border: 1.5px solid #1a1a1a;
    margin-right: -6px;
    position: relative;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon:last-child {
    margin-right: 0;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon:first-child {
    z-index: 3;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon:nth-child(2) {
    z-index: 2;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon:nth-child(3) {
    z-index: 1;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon:hover span {
    display: block;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content span {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    translate: -50% 0;
    background: #000;
    display: none;
    border-radius: 4px;
    padding: 3px 8px;
    font-family: Inter;
    font-weight: 500;
    font-size: 10px;
    line-height: 135%;
    color: #fff;
    white-space: nowrap;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content span:after {
    content: "";
    position: absolute;
    width: 6px;
    aspect-ratio: 1;
    background: #000;
    bottom: -3px;
    left: calc(50% - 3px);
    rotate: 45deg;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content img {
    width: 21px;
    aspect-ratio: 1;
    padding: 0 4px;
    object-fit: contain;
}
.advertiser-geographical-area.horizontal.large .features .apps .content {
    display: flex;
    flex-direction: row;
    margin: 0;
}
.advertiser-geographical-area.horizontal.large .middle {
    background: #2b2b2b;
    padding: 16px;
    border-radius: 8px;
    min-height: 96px;
}
@media (max-width: 776px) {
    .advertiser-geographical-area.horizontal.large .middle {
        min-height: auto;
    }
}
.advertiser-geographical-area.horizontal.large .middle .top {
    color: #e1ff57;
    font-weight: 600;
    font-size: 12px;
    line-height: 135%;
    padding-bottom: 8px;
}
.advertiser-geographical-area.horizontal.large .middle .offer {
    font-weight: 600;
    font-size: 14px;
    line-height: 145%;
}
.advertiser-geographical-area.horizontal.large .middle .bottom {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 24px;
    align-items: center;
}
.advertiser-geographical-area.horizontal.large .middle .bottom a {
    text-decoration: none;
    color: inherit;
}
.advertiser-geographical-area.horizontal.large .copy {
    position: relative;
    cursor: pointer;
}
.advertiser-geographical-area.horizontal.large .copy .success > div {
    background: rgba(225, 255, 87, 0.0509803922);
    border-color: #e1ff57;
}
.advertiser-geographical-area.horizontal.large .copy > div:not(.active) {
    display: none;
}
.advertiser-geographical-area.horizontal.large .copy > div > div {
    width: 95px;
    height: 36px;
    padding: 0 10px;
    border: 1px dashed #b8b8b8;
    border-radius: 4px;
    transition: 0.3s;
    color: #e1ff57;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.advertiser-geographical-area.horizontal.large .copy > div > div:hover {
    border-color: #e1ff57;
}
.advertiser-geographical-area.horizontal.large .copy img {
    width: 11px;
    aspect-ratio: 1;
}
.advertiser-geographical-area.horizontal.large .buttons {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}
.advertiser-geographical-area.horizontal.large .donation-link a {
    display: flex;
    height: 40px;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #f3f4f5;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-decoration: none;
}
.advertiser-geographical-area.horizontal.large .tag {
    padding: 2px 8px;
    width: fit-content;
    background: #e1ff57;
    border-radius: 4px;
    margin-top: 4px;
    color: #1a1a1a;
    font-weight: 700;
    font-size: 12px;
    line-height: 135%;
    letter-spacing: 0;
    text-transform: uppercase;
}
.advertiser-geographical-area.horizontal.large .review a {
    border: 1px solid #2b2b2b;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}
.advertiser-geographical-area.horizontal.large .review a:hover {
    border-color: #f3f4f5;
}
.advertiser-geographical-area.horizontal.large .wrapper > .top {
    padding: 16px;
    display: grid;
    grid-template-columns: 415px 486px auto;
    gap: 0 24px;
    align-items: center;
}
.advertiser-geographical-area.horizontal.large .left > .top {
    padding-bottom: 16px;
    margin-bottom: 12px;
    border-bottom: 1px solid #2b2b2b;
    display: grid;
    align-items: center;
    gap: 0 12px;
    grid-template-columns: auto auto 1fr auto;
}
@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal.large .wrapper > .top {
        display: flex;
        flex-direction: column;
        gap: 16px 0;
        align-items: stretch;
    }
    .advertiser-geographical-area.horizontal.large .left > .top {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .advertiser-geographical-area.horizontal.large .features {
        padding-top: 16px;
        gap: 8px 0;
        flex-direction: column;
        align-items: stretch;
    }
    .advertiser-geographical-area.horizontal.large .features.responsiveness {
        display: flex;
    }
    .advertiser-geographical-area.horizontal.large .features:not(.responsiveness) {
        display: none;
    }
    .advertiser-geographical-area.horizontal.large .features > div {
        grid-template-columns: 1fr auto;
    }
    .advertiser-geographical-area.horizontal.large .middle .top {
        display: none;
    }
    .advertiser-geographical-area.horizontal.large .middle .bottom {
        display: flex;
        flex-direction: column;
        gap: 8px 0;
        align-items: stretch;
    }
    .advertiser-geographical-area.horizontal.large .copy .success {
        width: 100%;
    }
    .advertiser-geographical-area.horizontal.large .copy > div > div {
        width: auto;
        display: flex;
        justify-content: center;
        gap: 0 8px;
    }
    .advertiser-geographical-area.horizontal.large .offer {
        text-align: center;
    }
    .advertiser-geographical-area.horizontal.large .buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 8px;
    }
    .advertiser-geographical-area.horizontal.large .wrapper > .bottom {
        align-items: flex-start;
        padding: 12px;
    }
    .advertiser-geographical-area.horizontal.large .wrapper > .bottom .left {
        display: block;
    }
}
.filters {
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filters > .left {
    padding: 4px;
    border-radius: 8px;
    background: #1a1a1a;
    display: flex;
    font-size: 14px;
    line-height: 145%;
    color: #fff;
}
.filters > .left .filter {
    line-height: 36px;
    padding: 0 12px;
    border-radius: 6px;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 600;
}
.filters > .left .filter:hover {
    background: #2b2b2b;
    color: #e1ff57;
}
.filters > .left .filter.active {
    background: #f3f4f5;
    color: #1a1a1a;
}
.filters > .right {
    display: flex;
    gap: 0 8px;
    align-items: center;
}
.filters .search .input {
    width: 320px;
    height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #2b2b2b;
    transition: 0.3s;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 8px;
}
.filters .search .input input {
    align-self: stretch;
    font-size: 14px;
    line-height: 145%;
}
.filters .search .input:has(input:focus, input:hover) {
    border-color: #f3f4f5;
}
.filters .search .input:has(input:focus, input:hover) input::placeholder {
    opacity: 1;
}
.filters .order .toggle > div {
    padding: 0 12px !important;
}
.filters .toggle > div {
    height: 44px;
    padding: 0 16px 0 12px;
    border-radius: 8px;
    border: 1px solid #2b2b2b;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 0 8px;
    flex-direction: row-reverse;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}
.filters .toggle > div img {
    transition: none;
}
.filters .toggle > div:hover {
    border-color: #f3f4f5;
}
.filters .toggle > div.active {
    display: none;
    flex-direction: row;
    border-color: #f3f4f5;
    padding: 0 12px;
}
.filters .toggle > div.active .title div {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 8px;
    align-items: center;
}
.filters .toggle.active > div:not(.active),
.filters .toggle > div.active .number {
    display: none;
}
.filters .toggle.active > div.active {
    display: flex;
}
@media (min-width: 1200px) {
    .filters .order.responsiveness {
        display: none;
    }
}
@media (max-width: 1199px) {
    .filters {
        display: block;
        padding-bottom: 16px;
    }
    .filters > .left {
        display: none;
    }
    .filters > .right {
        display: grid;
        grid-template-columns: 1fr auto auto;
    }
    .filters .search .input {
        width: auto;
    }
    .filters .toggle > div {
        width: 44px;
        padding: 0;
        justify-content: center;
    }
    .filters .toggle > div .title span,
    .filters .toggle > div > span {
        display: none;
    }
    .filters .toggle > div.active {
        position: relative;
        padding: 0;
    }
    .filters .toggle > div.active .close {
        display: none;
    }
    .filters .toggle > div.active .number {
        position: absolute;
        top: 7px;
        right: 4px;
        display: block;
        width: 14px;
        aspect-ratio: 1;
        border-radius: 50%;
        border: 2px solid #e5f7f7;
        background: #e1ff57;
        color: #1a1a1a;
        font-weight: 500;
        font-size: 9px;
        line-height: 100%;
    }
}
@media (max-width: 575px) {
    body:has(.advanced-filters.opened, .order.opened) {
        overflow: hidden;
    }
}
body:has(.advanced-filters.opened, .order.opened):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5019607843);
    z-index: 5;
}
.advanced-filters:not(.opened) .toolbar,
.order.responsiveness:not(.opened) .toolbar {
    display: none !important;
}
.filters .advanced-filters .toolbar {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 5;
    box-shadow: 0 12px 40px -8px rgba(0, 0, 0, 0.0784313725);
    border-radius: 8px;
    background: #1a1a1a;
    width: 375px;
    height: calc(100vh - 40px);
    overflow: auto;
}
@media (max-width: 575px) {
    .filters .advanced-filters .toolbar {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}
.filters .advanced-filters .toolbar .middle > div,
.filters .advanced-filters .toolbar > .top {
    border-bottom: 1px solid hsla(0, 1%, 54%, 0.2);
}
.filters .advanced-filters .toolbar .middle > div:not(.opened) .bottom,
.filters .advanced-filters .toolbar .middle > div:not(.opened) .items,
.filters .advanced-filters .toolbar > .top {
    display: none;
}
.filters .advanced-filters .toolbar .close,
.filters .advanced-filters .toolbar .toggle {
    cursor: pointer;
}
.filters .advanced-filters .toolbar .close img,
.filters .advanced-filters .toolbar .toggle img {
    width: 20px;
    aspect-ratio: 1;
}
.filters .advanced-filters .toolbar .middle > div.opened .handle,
.filters .advanced-filters .toolbar > .top .handle {
    position: relative;
    width: 100%;
    height: 20px;
}
.filters .advanced-filters .toolbar .middle > div.opened .handle .overlay,
.filters .advanced-filters .toolbar > .top .handle .overlay {
    position: absolute;
    bottom: 2px;
    left: 7px;
    width: calc(100% - 14px);
    height: 6px;
    background-color: #e1ff57;
}
.filters .advanced-filters .toolbar .middle > div.opened .handle input[type="range"],
.filters .advanced-filters .toolbar > .top .handle input[type="range"] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    outline: none;
}
.filters .advanced-filters .toolbar .middle > div.opened .handle input[type="range"],
.filters .advanced-filters .toolbar .middle > div.opened .handle input[type="range"]::-webkit-slider-runnable-track,
.filters .advanced-filters .toolbar .middle > div.opened .handle input[type="range"]::-webkit-slider-thumb,
.filters .advanced-filters .toolbar > .top .handle input[type="range"],
.filters .advanced-filters .toolbar > .top .handle input[type="range"]::-webkit-slider-runnable-track,
.filters .advanced-filters .toolbar > .top .handle input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: none;
}
.filters .advanced-filters .toolbar .middle > div.opened .handle input[type="range"]::-webkit-slider-runnable-track,
.filters .advanced-filters .toolbar > .top .handle input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    background: #2b2b2b;
}
.filters
    .advanced-filters
    .toolbar
    .middle
    > div.opened
    .handle
    input[type="range"]:first-child::-webkit-slider-runnable-track,
.filters .advanced-filters .toolbar > .top .handle input[type="range"]:first-child::-webkit-slider-runnable-track {
    background: none;
}
.filters .advanced-filters .toolbar .middle > div.opened .handle input[type="range"]::-webkit-slider-thumb,
.filters .advanced-filters .toolbar > .top .handle input[type="range"]::-webkit-slider-thumb {
    position: relative;
    height: 14px;
    width: 14px;
    margin-top: -6px;
    border: 2px solid #e1ff57;
    background-color: #2b2b2b;
    border-radius: 25px;
    z-index: 1;
}
.filters .advanced-filters .toolbar .middle > div.opened .handle input[type="range"]:first-child::-webkit-slider-thumb,
.filters .advanced-filters .toolbar > .top .handle input[type="range"]:first-child::-webkit-slider-thumb {
    z-index: 2;
}
.filters .advanced-filters .toolbar .middle > div.opened .toggle img,
.filters .advanced-filters .toolbar > .top .toggle img {
    transform: rotate(180deg);
}
.filters .advanced-filters .toolbar .introduction,
.filters .advanced-filters .toolbar > .top {
    height: 64px;
    padding: 0 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.filters .advanced-filters .toolbar .introduction .title,
.filters .advanced-filters .toolbar > .top .title {
    padding-bottom: 0;
}
.filters .advanced-filters .toolbar .introduction .title div,
.filters .advanced-filters .toolbar > .top .title div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0 8px;
}
.filters .advanced-filters .toolbar .introduction .title img,
.filters .advanced-filters .toolbar > .top .title img {
    width: 16px;
    aspect-ratio: 1;
}
.filters .advanced-filters .toolbar .introduction span,
.filters .advanced-filters .toolbar > .top span {
    flex: 1;
    font-weight: 600;
    font-size: 14px;
    line-height: 145%;
}
.filters .advanced-filters .toolbar .introduction + .bottom {
    padding: 0 16px 18px;
}
.filters .advanced-filters .toolbar .introduction + .bottom .title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 145%;
}
.filters .advanced-filters .toolbar .introduction + .bottom .value {
    color: #8b8888;
}
.filters .advanced-filters .toolbar .items {
    padding: 0 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    font-size: 14px;
    line-height: 1.45;
}
.filters .advanced-filters .toolbar .item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 10px;
}
.filters .advanced-filters .toolbar input[type="checkbox"],
.filters .advanced-filters .toolbar label {
    cursor: pointer;
}
.filters .advanced-filters .toolbar input[type="checkbox"] {
    appearance: none;
    width: 14px;
    aspect-ratio: 1;
    border: 1px solid #8b8888;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filters .advanced-filters .toolbar input[type="checkbox"]:checked {
    background: #e1ff57;
    border-color: transparent;
}
.filters .advanced-filters .toolbar input[type="checkbox"]:checked:before {
    content: "";
}
.filters .advanced-filters .toolbar input[type="checkbox"]:before {
    display: block;
    width: 7px;
    height: 4px;
    border: solid #1a1a1a;
    border-width: 0 0 1px 1px;
    rotate: -45deg;
    margin-top: -2px;
}
.filters .advanced-filters .toolbar .buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 8px;
    padding: 22px 16px;
}
.filters .advanced-filters .toolbar .buttons button {
    cursor: pointer;
}
.filters .advanced-filters .toolbar .submit {
    padding: 0 20px;
    border-radius: 4px;
    background: #f3f4f5;
    color: #1a1a1a;
    line-height: 150%;
}
.filters .advanced-filters .toolbar .clear,
.filters .advanced-filters .toolbar .submit {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
}
.filters .advanced-filters .toolbar .clear {
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    transition: 0.3s;
    gap: 0 4px;
    color: #f3f4f5;
    line-height: 1.5;
}
.filters .advanced-filters .toolbar .clear:hover {
    border-color: #f3f4f5;
}
@keyframes a {
    0% {
        translate: 0 100%;
    }
    to {
        translate: 0 0;
    }
}
.filters .order .toolbar {
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0;
    background: #1a1a1a;
    border-radius: 16px 16px 0 0;
    padding: 20px 16px 32px;
    width: 100%;
    animation: a 0.3s linear;
}
.filters .order .toolbar .title div {
    padding-bottom: 20px;
    display: flex;
    flex-direction: row-reverse;
    gap: 0 8px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
}
.filters .order .toolbar .title div img {
    width: 20px;
    aspect-ratio: 1;
}
.filters .order .toolbar fieldset {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
}
.filters .order .toolbar input {
    margin-top: 3px;
    appearance: none;
    width: 16px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid transparent;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filters .order .toolbar input:before {
    content: "";
    display: block;
    width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
}
.filters .order .toolbar input:checked {
    border-color: #e1ff57;
}
.filters .order .toolbar input:checked:before {
    background: #e1ff57;
}
.filters .order .toolbar button {
    border: 1px solid hsla(0, 1%, 54%, 0.2);
    border-radius: 10px;
    padding: 16px;
    background: #2b2b2b;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 12px;
    align-items: flex-start;
}
.filters .order .toolbar button.active {
    border-color: #e1ff57;
}
.filters .order .toolbar button span {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 145%;
    color: #fff;
}
.filters .order .toolbar button span:first-child {
    font-weight: 600;
}
.cards-structure .no-results.hide {
    display: none;
}
.cards-structure .no-results .options-cards {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
}
.cards-structure .no-results .options-cards h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
}
.cards-structure .no-results > .introduction {
    margin-bottom: 32px;
    padding: 20px;
    border-radius: 4px;
    background: var(--bg-no-results);
    text-align: center;
}
.cards-structure .no-results > .introduction .icon img {
    margin: 0 auto 16px;
    padding: 0 12px;
    width: 48px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--color-bg-back);
    object-fit: contain;
}
.cards-structure .no-results > .introduction .title {
    padding-bottom: 4px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #dd2d12;
}
.cards-structure .no-results > .introduction .content {
    color: var(--text-color);
    font-size: 12px;
    line-height: 135%;
}
html[data-theme="light"] .toolbar img {
    filter: invert(100%);
}
.wp-caption {
    max-width: 100%;
}
.content-block p img {
    width: 100%;
    border-radius: 8px;
}
.content-block div.wp-caption {
    margin: 12px 0 16px;
}
.content-block div.wp-caption img {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.content-block div.wp-caption .wp-caption-text {
    padding: 12px;
    align-items: center;
    background-color: var(--color-bg-hero);
    color: var(--caption-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.content-block div.wp-caption:not(:has(.wp-caption-text)) img {
    border-radius: 8px;
}
@media (max-width: 900px) {
    .content-block div.wp-caption .wp-caption-text {
        font-size: 12px;
        line-height: 135%;
    }
}
.advertiser-geographical-area.horizontal.large.homepage-card .wrapper > .top {
    grid-template-columns: 351px 307px auto !important;
}
.hero-homepage .sportsbooks-grid .card .donation-link,
.hero-homepage .sportsbooks-grid .card .review {
    width: 100% !important;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .icon {
    width: 20px !important;
    height: 20px !important;
    color: var(--color-border) !important;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .counter {
    width: 20px !important;
    height: 20px !important;
    background: var(--color-color-flu) !important;
    font-size: 10px;
    font-weight: 700;
    line-height: 135%;
    width: 26px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 2px solid var(--color-border-payment);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .counter span {
    translate: initial;
    position: relative;
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    background: transparent;
}
.advertiser-geographical-area.horizontal.large .features .payment-methods .content .counter span:after {
    display: none !important;
}
.after-footer {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: column-reverse;
}
.after-footer .advertiser-geographical-area.horizontal.large {
    margin-bottom: 24px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
    overflow: inherit !important;
}
.after-footer .advertiser-geographical-area.horizontal.large .wrapper > .top {
    grid-template-columns: 415px 486px auto !important;
}
.after-footer .advertiser-geographical-area.horizontal.large .wrapper > .top .mobile-offer {
    display: none;
}
.after-footer .advertiser-geographical-area.horizontal.large .toggle {
    position: absolute;
    bottom: calc(100% + 16px);
    right: 0;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
    width: 36px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
@media (max-width: 767px) {
    .after-footer .column,
    .after-footer .right {
        display: none !important;
    }
    .after-footer .mobile-offer {
        display: block !important;
    }
    .after-footer .mobile-offer .arrow {
        position: absolute;
        right: 20px;
        top: 35px;
    }
}
html[data-theme="light"] .advertiser-geographical-area.horizontal.large .mobile-offer .arrow svg path {
    fill: var(--color-primary-color);
}
@media (max-width: 767px) {
    .mobile-hidden {
        display: none !important;
    }
}
.sportsbooks-info .sportsbook .content .advertiser-geographical-area.horizontal.large .wrapper > .top {
    grid-template-columns: 1fr 336px 144px;
}
.content .advertiser-geographical-area.horizontal.large .wrapper > .top > .middle > a span {
    color: var(--primary-color) !important;
}
@media (max-width: 767px) {
    .operator-review-template .advertiser-geographical-area.horizontal.large .buttons {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
section.navbar {
    width: 100%;
    background: var(--color-bg-back-lit);
    border-bottom: 1px solid var(--color-border);
}
section.navbar .container {
    padding: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
section.navbar .container ul {
    display: flex;
    gap: 0 12px;
}
@media screen and (max-width: 1000px) {
    section.navbar .container ul {
        text-align: center;
        list-style: none;
        padding: 0;
        display: block;
    }
}
section.navbar .container ul li {
    color: var(--color-primary-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
    display: flex;
    position: relative;
}
@media screen and (max-width: 1000px) {
    section.navbar .container ul li {
        display: inline-flex;
        font-size: 10px;
    }
}
section.navbar .container ul li.disable {
    cursor: none;
    pointer-events: none;
}
section.navbar .container ul li .excerpt {
    position: absolute;
    background: var(--color-bg-back);
    width: 260px;
    padding: 6px 12px;
    border-radius: 6px;
    color: var(--color-primary-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 145%;
    top: calc(100% + 20px);
    right: -230px;
    transform: translateX(-50%);
    transition: 0.3s;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
    display: none;
    z-index: 8 !important;
}
section.navbar .container ul li .excerpt:after {
    content: "";
    width: 10px;
    aspect-ratio: 1;
    background: var(--color-bg-back);
    rotate: 45deg;
    position: absolute;
    top: -5px;
    left: calc(50% - 5px);
}
section.navbar .container ul li:after {
    content: "";
    display: inline-block;
    margin-top: 5px;
    width: 1px;
    height: 12px;
    padding-top: 18px;
    background-color: var(--color-border);
    margin: 0 12px;
    vertical-align: middle;
}
@media screen and (max-width: 1000px) {
    section.navbar .container ul li:after {
        margin: 0 6px;
    }
}
section.navbar .container ul li:last-child:after {
    display: none;
}
section.navbar .container ul li.w-tooltip .menu-item:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14.667A6.667 6.667 0 1 0 8 1.334a6.667 6.667 0 0 0 0 13.333zm.667-9.334a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0zm-1.333 2a.667.667 0 0 1 1.333 0v3.334a.667.667 0 1 1-1.333 0V7.334z' fill='%23B8B8B8'/%3E%3C/svg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    pointer-events: all;
    background-color: transparent;
}
section.navbar .container ul li.w-tooltip .menu-item:hover {
    opacity: 0.7;
    opacity: inherit;
}
section.navbar .container ul li.w-tooltip .menu-item:hover .excerpt {
    display: flex !important;
    z-index: 1;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
section.navbar .container .item {
    color: #e1e0e7;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
    display: flex;
}
section.navbar .container .item:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #2b2b2b;
    margin: 0 12px;
    vertical-align: middle;
}
section.navbar .container .item .information:hover img {
    margin-left: 8px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(11deg) brightness(105%)
        contrast(105%);
}
:root {
    --site-primary-color: #1a1a1a;
    --site-secondary-color: #dc2626;
    --site-secondary-color-variant: #1a1a1a;
    --site-secondary-color-variant-2: #1a1a1a;
    --pop-up-credibility-bg-color: #f4f7f8;
    --pop-up-credibility-neutral-bg-color: #fff;
    --pop-up-text-color: #161616;
    --pop-up-secondary-text-color: #8b8888;
    --pop-up-third-text-color: #202020;
    --pop-up-border-color: #eeeeef;
    --button-credibility-neutral-bg-color: #fff;
    --button-credibility-text-color: #212121;
    --button-credibility-border-color: #f1f1f1;
    --author-quote-border-color: #d1d5db;
    --author-quote-text-color: #45464b;
    --highlight-large-success-border: #1fc16b;
    --highlight-large-success-color: #1fc16b;
    --highlight-large-success-bg: #1dbb791a;
    --highlight-large-error-border: #ff2f54;
    --highlight-large-error-color: #ff2f54;
    --highlight-large-error-bg: #ff2f541a;
    --highlight-large-maybe-border: #4e95ff;
    --highlight-large-maybe-color: #4e95ff;
    --highlight-large-maybe-bg: #4e95ff1a;
    --highlight-mini-tip-border: #4e95ff;
    --highlight-mini-tip-color: #4e95ff;
    --highlight-mini-tip-bg: #4e95ff1a;
    --highlight-mini-alert-border: #ff2f54;
    --highlight-mini-alert-color: #ff2f54;
    --highlight-mini-alert-bg: #ff2f541a;
    --highlight-mini-opinion-border: #4e95ff;
    --highlight-mini-opinion-color: #4e95ff;
    --highlight-mini-opinion-bg: #4e95ff1a;
    --highlight-mini-note-border: #ff7800;
    --highlight-mini-note-color: #ff7800;
    --highlight-mini-note-bg: #ff78001a;
    --highlight-mini-warning-border: #ff7800;
    --highlight-mini-warning-color: #ff7800;
    --highlight-mini-warning-bg: #ff78001a;
    --accordion-item-border-color: var(--color-border);
    --accordion-item-bg-color: var(--color-bg-back-lit);
    --accordion-question-text-color: var(--color-primary-color);
    --accordion-answer-text-color: var(--color-primary-color);
    --metadata-secondary-text-color: #aaa;
}
section.pop-ups .pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    z-index: 6;
}
section.pop-ups .pop-up-container {
    position: relative;
    max-width: 784px;
    padding: 40px;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    border-radius: 8px;
    background-color: var(--color-bg-back-lit);
}
section.pop-ups .pop-up.credibility .close-icon {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.pop-ups .pop-up.credibility .close-icon img,
section.pop-ups .pop-up.credibility .close-icon svg {
    width: 12px;
    height: 12px;
}
section.pop-ups .pop-up.credibility .close-icon svg path {
    stroke: var(--color-primary-color);
}
section.pop-ups .pop-up.credibility .introduction {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
section.pop-ups .pop-up.credibility .introduction .icon {
    position: absolute;
    top: -28px;
    left: calc(50% - 28px);
    width: 58px;
    aspect-ratio: 1;
    background-color: var(--color-bg-back-lit);
    border-radius: 280px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.pop-ups .pop-up.credibility .introduction .icon .icon-background {
    background-color: var(--color-color-flu-second);
    border-radius: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
section.pop-ups .pop-up.credibility .introduction .icon .icon-background svg path {
    stroke: var(--color-color-flu);
}
section.pop-ups .pop-up.credibility .introduction .icon img,
section.pop-ups .pop-up.credibility .introduction .icon svg {
    width: 24px;
    height: auto;
}
section.pop-ups .pop-up.credibility .introduction .icon svg path {
    stroke: var(--site-secondary-color);
}
section.pop-ups .pop-up.credibility .introduction .title {
    color: var(--pop-up-text-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}
section.pop-ups .pop-up.credibility .introduction .title h1 {
    color: var(--color-color-flu);
}
section.pop-ups .pop-up.credibility .introduction .subtitle {
    color: var(--color-caption-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
}
section.pop-ups .pop-up.credibility .content {
    width: 100%;
    color: var(--color-caption-text);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
}
section.pop-ups .pop-up.credibility .items-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
section.pop-ups .pop-up.credibility .items-container .item {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
}
section.pop-ups .pop-up.credibility .items-container .item .icon {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: var(--color-color-flu-second);
}
section.pop-ups .pop-up.credibility .items-container .item .icon svg path {
    stroke: var(--color-color-flu);
}
section.pop-ups .pop-up.credibility .items-container .item .icon img {
    width: 26px;
    aspect-ratio: 1;
}
section.pop-ups .pop-up.credibility .items-container .item .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}
section.pop-ups .pop-up.credibility .items-container .item .details > div {
    text-align: left;
}
section.pop-ups .pop-up.credibility .items-container .item .details .title {
    color: var(--color-color-flu);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}
section.pop-ups .pop-up.credibility .items-container .item .details .content {
    color: var(--color-caption-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
}
@media screen and (max-width: 794px) {
    section.pop-ups .pop-up-container {
        padding: 38px 16px 16px;
    }
    section.pop-ups .pop-up.credibility .introduction .subtitle,
    section.pop-ups .pop-up.credibility .introduction .title {
        text-align: center;
    }
    section.pop-ups .pop-up.credibility {
        gap: 24px;
    }
    section.pop-ups .pop-up.credibility .items-container {
        flex-direction: column;
    }
    section.pop-ups .pop-up.credibility .items-container .item {
        width: 100%;
        flex-direction: row;
        gap: 16px;
        align-items: flex-start;
        justify-content: flex-start;
    }
}
body:not(.credibility-pop-up) #credibility-pop-up {
    display: none;
}
.author-quote.card.default {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 8px;
    width: 100%;
    gap: 24px;
    margin: 48px 0;
    background-color: var(--color-bg-back-lit);
    align-items: flex-start;
}
@media screen and (max-width: 767px) {
    .author-quote.card.default {
        padding: 16px;
    }
}
.author-quote.card.default .author-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    outline: none;
}
.author-quote.card.default .author-container .author {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
.author-quote.card.default .author-container .author .avatar {
    width: 64px;
    height: 64px;
    border-radius: 80px;
    background-color: var(--color-bg-back-lit);
}
.author-quote.card.default .author-container .author .avatar .avatar-placeholder-dark.hide,
.author-quote.card.default .author-container .author .avatar .avatar-placeholder-light.hide {
    display: none;
}
.author-quote.card.default .author-container .author .avatar .avatar-placeholder-dark svg,
.author-quote.card.default .author-container .author .avatar .avatar-placeholder-light svg {
    width: 64px;
    height: 63px;
}
html[data-theme="dark"] .author-quote.card.default .author-container .author .avatar .avatar-placeholder-dark {
    display: block;
}
@media screen and (max-width: 767px) {
    html[data-theme="dark"] .author-quote.card.default .author-container .author .avatar .avatar-placeholder-dark svg {
        width: 56px;
        height: 56px;
    }
}
html[data-theme="light"] .author-quote.card.default .author-container .author .avatar .avatar-placeholder-light {
    display: block;
}
@media screen and (max-width: 767px) {
    html[data-theme="light"]
        .author-quote.card.default
        .author-container
        .author
        .avatar
        .avatar-placeholder-light
        svg {
        width: 56px;
        height: 56px;
    }
}
.author-quote.card.default .author-container .author .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    gap: 0;
}
.author-quote.card.default .author-container .author .details .publish-count-container {
    display: flex;
    gap: 8px;
}
.author-quote.card.default .author-container .author .details .publish-count {
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    border-radius: 100px;
    color: var(--color-caption-text);
    border: 1px solid var(--color-border-number);
}
.author-quote.card.default .author-container .author .details .publish-count svg path {
    fill: var(--color-primary-color);
}
.author-quote.card.default .author-container .author .details:not(:has(.role)) {
    justify-content: center;
}
.author-quote.card.default .author-container .author .role {
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-caption-text);
    background-color: var(--color-bg-cards);
    border-radius: 100px;
}
.author-quote.card.default .author-container .author .name {
    color: var(--color-primary-color);
    font-size: 24px;
    line-height: 135%;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 700;
}
.author-quote.card.default .author-container .author .name .approved {
    position: relative;
}
.author-quote.card.default .author-container .author .name .approved svg {
    position: absolute;
    top: 6px;
    left: 8px;
}
.author-quote.card.default .author-container .author .name .approved svg rect {
    fill: transparent;
}
@media (max-width: 767px) {
    .author-quote.card.default .author-container .author .name .approved svg {
        top: 0;
        left: 4px;
    }
}
html[data-theme="light"] .author-quote.card.default .author-container .author .name .approved svg path {
    stroke: #e1e0e7;
}
.author-quote.card.default .link {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.author-quote.card.default .link a {
    color: var(--site-secondary-color);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    text-decoration-line: underline;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-out;
}
.author-quote.card.default .link:hover a {
    color: var(--site-primary-color);
}
.author-quote.card.default .link:has(svg) a {
    text-decoration: none;
}
.author-quote.card.default .link svg path {
    stroke: var(--site-primary-color);
}
.author-quote.card.default .link.responsiveness {
    display: none;
}
.author-quote.card.default .bottom {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    width: 100%;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .author-quote.card.default .bottom {
        align-items: flex-start;
    }
}
.author-quote.card.default .bottom .icon {
    width: 64px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.author-quote.card.default .bottom .icon > * {
    width: auto;
    height: 32px;
}
@media screen and (max-width: 767px) {
    .author-quote.card.default .bottom .icon > * {
        margin-top: -5px;
    }
}
.author-quote.card.default .bottom .icon svg path {
    stroke: hsla(0, 0%, 76%, 0.63);
    fill: #a7a7a7;
}
.author-quote.card.default .bottom .quote {
    font-weight: 400;
    line-height: 24px;
    color: var(--color-caption-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
}
@media screen and (max-width: 767px) {
    .author-quote.card.default .bottom .quote {
        font-weight: 400;
    }
}
@media screen and (max-width: 767px) {
    .author-quote.card.default {
        margin: 40px 0;
    }
    .author-quote.card.default .link.responsiveness {
        display: flex;
    }
    .author-quote.card.default .link:not(.responsiveness) {
        display: none;
    }
    .author-quote.card.default {
        align-items: flex-start;
    }
    .author-quote.card.default .author-container .author {
        gap: 24px;
    }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
    .author-quote.card.default .author-container .author {
        gap: 24px;
    }
}
@media screen and (max-width: 767px) {
    .author-quote.card.default .author-container .author .avatar {
        width: 48px !important;
        height: 48px !important;
    }
    .author-quote.card.default .author-container .author .name {
        font-size: 18px;
    }
    .author-quote.card.default .author-container .author .role {
        font-size: 12px;
    }
    .author-quote.card.default .author-container .author .details {
        gap: 4px;
        position: relative;
        top: 5px;
    }
    .author-quote.card.default .bottom {
        gap: 12px;
    }
    .author-quote.card.default .bottom .icon,
    .author-quote.card.default .bottom .icon img {
        width: 16px;
        height: 16px;
    }
}
.highlight {
    border-radius: 8px;
    border: 1px solid #fff;
    background: #fff;
    font-weight: 400;
    margin: 32px 0;
}
.highlight,
.highlight .title > * {
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
}
.highlight .title > * {
    font-weight: 600;
    margin-bottom: 0 !important;
}
.highlight.large .item > div > img,
.highlight.large .item svg,
.highlight.large > .icon {
    width: 18px;
    height: 18px;
    order: -1;
}
.highlight.large {
    padding: 16px;
}
.highlight.large:not(:has(.list)) {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.highlight.large:has(.list) .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin: 8px 0;
}
.highlight.large.success {
    border-color: var(--highlight-large-success-border);
    color: var(--highlight-large-success-color);
    background-color: var(--highlight-large-success-bg);
}
.highlight.large.success .title > * {
    color: var(--highlight-large-success-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}
.highlight.large.success svg path {
    fill: var(--highlight-large-success-border);
}
.highlight.large.error {
    border-color: var(--highlight-large-error-border);
    background-color: var(--highlight-large-error-bg);
}
.highlight.large.error,
.highlight.large.error .title > * {
    color: var(--highlight-large-error-color);
}
.highlight.large.error svg path {
    fill: var(--highlight-large-error-border);
}
.highlight.large.maybe {
    border-color: var(--highlight-large-maybe-border);
    background-color: var(--highlight-large-maybe-bg);
}
.highlight.large.maybe,
.highlight.large.maybe .title > * {
    color: var(--highlight-large-maybe-color);
}
.highlight.large.maybe svg path {
    fill: var(--highlight-large-maybe-border);
}
.highlight.mini {
    padding: 4px;
    font-size: 14px;
    font-weight: 600;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: fit-content;
    padding: 4px 8px;
    display: flex;
    align-items: flex-start;
}
.highlight.mini > img,
.highlight.mini > svg {
    width: 20px;
    height: 20px;
    order: -1;
}
.highlight.mini.tip {
    border-color: var(--highlight-mini-tip-border);
    color: var(--highlight-mini-tip-color);
    background-color: var(--highlight-mini-tip-bg);
}
.highlight.mini.tip svg path {
    stroke: var(--highlight-mini-tip-border);
}
.highlight.mini.opinion {
    border-color: var(--highlight-mini-opinion-border);
    color: var(--highlight-mini-opinion-color);
    background-color: var(--highlight-mini-opinion-bg);
}
.highlight.mini.opinion svg path {
    stroke: var(--highlight-mini-opinion-border);
}
.highlight.mini.note {
    border-color: var(--highlight-mini-note-border);
    color: var(--highlight-mini-note-color);
    background-color: var(--highlight-mini-note-bg);
}
.highlight.mini.note svg path {
    stroke: var(--highlight-mini-note-border);
}
.highlight.mini.warning {
    border-color: var(--highlight-mini-warning-border);
    color: var(--highlight-mini-warning-color);
    background-color: var(--highlight-mini-warning-bg);
}
.highlight.mini.warning svg path {
    fill: var(--highlight-mini-warning-border);
}
.highlight.mini.alert {
    border-color: var(--highlight-mini-alert-border);
    color: var(--highlight-mini-alert-color);
    background-color: var(--highlight-mini-alert-bg);
}
.highlight.mini.alert svg path {
    stroke: var(--highlight-mini-alert-border);
}
@media screen and (max-width: 767px) {
    .highlight.mini {
        margin: 16px 0;
    }
}
.accordion {
    flex-direction: column;
    justify-content: center;
    margin: 48px 0;
}
.accordion,
.accordion > .top {
    display: flex;
    align-items: center;
    width: 100%;
}
.accordion > .top {
    justify-content: flex-start;
    padding: 16px 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -0.02em;
    color: #f3f4f5;
}
.accordion > .top > * {
    margin-bottom: 0 !important;
}
.accordion > .items-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}
.accordion.spaced > .items-container {
    gap: 16px;
}
.accordion > .items-container .item-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 1px solid var(--accordion-item-border-color);
    width: 100%;
    transition: all 0.2s ease-out;
    background-color: var(--accordion-item-bg-color);
}
.accordion > .items-container .item-card > div {
    width: 100%;
}
.accordion.spaced > .items-container .item-card {
    border-radius: 4px;
}
.accordion > .items-container .item-card:not(.open) .answer {
    visibility: hidden;
    height: 0;
    padding: 0;
    opacity: 0;
    line-height: 0;
}
.accordion > .items-container .item-card:not(.open) .question {
    border: none;
}
.accordion > .items-container .item-card .question {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--accordion-item-border-color);
}
.accordion > .items-container .item-card .question h1,
.accordion > .items-container .item-card .question h2,
.accordion > .items-container .item-card .question h3,
.accordion > .items-container .item-card .question h4,
.accordion > .items-container .item-card .question h5,
.accordion > .items-container .item-card .question h6 {
    margin: 0;
}
.accordion > .items-container .item-card .question > :first-child {
    margin-bottom: 0;
    color: var(--accordion-question-text-color);
}
.accordion > .items-container .item-card .toggle {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion > .items-container .item-card .toggle svg {
    transform: rotate(-90deg);
    transition: all 0.2s ease-out;
}
.accordion > .items-container .item-card .toggle svg path {
    stroke: var(--color-color-flu);
}
.accordion > .items-container .item-card.open .toggle svg {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
}
.accordion > .items-container .item-card .answer {
    padding: 24px;
    color: var(--accordion-answer-text-color);
    transition: all 0.2s ease-out;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}
@media screen and (max-width: 767px) {
    .accordion > .items-container .item-card > div h1,
    .accordion > .items-container .item-card > div h2,
    .accordion > .items-container .item-card > div h3,
    .accordion > .items-container .item-card > div h4,
    .accordion > .items-container .item-card > div h5,
    .accordion > .items-container .item-card > div h6 {
        font-size: 18px;
    }
}
.hero-homepage {
    position: relative;
    background: var(--color-bg-back-lit);
    padding: 40px 0;
}
.hero-homepage .heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.hero-homepage .heading .introduction .title h1 {
    font-size: 32px;
    line-height: 135%;
    letter-spacing: -0.64px;
}
.hero-homepage .heading .introduction .content p {
    font-size: 16px;
    font-style: normal;
    color: var(--color-border-see-more-hover);
    font-weight: 400;
    line-height: 150%;
}
.hero-homepage .heading .see-more {
    float: none;
    margin-bottom: 4px;
    color: var(--color-primary-color);
    line-height: 150%;
    text-decoration: underline;
    text-decoration-color: var(--color-date-transparency);
    text-underline-offset: 8px;
}
.hero-homepage .heading .see-more:hover {
    text-decoration: none;
    cursor: pointer;
}
.hero-homepage .sportsbooks-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    padding-top: 24px;
    gap: 32px;
}
.hero-homepage .sportsbooks-grid .card {
    position: relative;
    background: var(--color-bg-cards);
    margin-top: 8px;
    gap: 16px;
    width: 100%;
    border-radius: 6px;
    transition: transform 0.5s ease;
    top: 0;
    outline: 2px solid transparent;
    transition:
        outline 0.5s ease,
        top 0.5s ease;
    overflow: hidden;
}
.hero-homepage .sportsbooks-grid .card .float-right {
    gap: 0 4px;
    gap: 4px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    justify-content: flex-end;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px 4px 12px;
    width: fit-content;
    border-radius: 100px;
    border: 1px solid var(--color-border-hero);
}
.hero-homepage .sportsbooks-grid .card .aprovedby {
    margin-top: 2px;
    display: flex;
}
.hero-homepage .sportsbooks-grid .card .area-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hero-homepage .sportsbooks-grid .card .wrapper > .top {
    flex-direction: column;
    gap: 0 32px;
}
.hero-homepage .sportsbooks-grid .card .wrapper > .top .left {
    padding: 14px 24px 16px;
    align-self: center;
    display: flex;
    align-items: flex-start;
    gap: 0 16px;
    justify-content: space-between;
}
.hero-homepage .sportsbooks-grid .card .wrapper > .top .left .column {
    display: flex;
    gap: 16px;
}
.hero-homepage .sportsbooks-grid .card .middle {
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    padding: 32px 24px 14px;
}
html[data-theme="light"] .hero-homepage .sportsbooks-grid .card .middle {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.hero-homepage .sportsbooks-grid .card .logo {
    width: 48px;
    aspect-ratio: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-homepage .sportsbooks-grid .card .logo img {
    width: 80%;
    aspect-ratio: 1;
}
.hero-homepage .sportsbooks-grid .card .sportsbook-name {
    color: var(--color-primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin-top: 4px;
}
.hero-homepage .sportsbooks-grid .card .sportsbook-name:only-child {
    margin-top: 0;
    margin-bottom: 2px;
}
.hero-homepage .sportsbooks-grid .card .tag-name:has(.sportsbook-name:only-child) {
    display: flex;
    align-items: center;
}
.hero-homepage .sportsbooks-grid .card .rating {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 6px;
    color: var(--color-primary-color);
    font-size: 12px;
    line-height: 145%;
    margin-top: 8px;
    position: relative;
}
.hero-homepage .sportsbooks-grid .card .rating .bold {
    font-weight: 600;
    color: var(--color-primary-color);
    font-size: 14px;
}
.hero-homepage .sportsbooks-grid .card .icon-bonus {
    position: absolute;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
}
html[data-theme="light"] .hero-homepage .sportsbooks-grid .card .icon-bonus rect {
    fill: var(--color-bg-back-lit);
}
.hero-homepage .sportsbooks-grid .card .bonuses {
    margin-bottom: 16px;
}
.hero-homepage .sportsbooks-grid .card .offer {
    color: var(--color-primary-color);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    min-height: 45px;
}
.hero-homepage .sportsbooks-grid .card .offer .separator {
    padding: 0 4px;
}
.hero-homepage .sportsbooks-grid .card .offer .value {
    font-weight: 700;
}
.hero-homepage .sportsbooks-grid .card .separator-icon {
    width: 32px;
    height: 32px;
    position: relative;
}
.hero-homepage .sportsbooks-grid .card .separator-icon svg {
    z-index: 2;
    position: relative;
}
.hero-homepage .sportsbooks-grid .card .separator-icon:after {
    content: "";
    background: var(--color-border);
    position: absolute;
    bottom: -138%;
    left: 16px;
    height: 120px;
    width: 1px;
    z-index: 2;
}
.hero-homepage .sportsbooks-grid .card .separator-icon.mobile {
    display: none;
}
.hero-homepage .sportsbooks-grid .card .copy-information {
    display: flex;
    align-items: center;
    margin-top: 8px;
    max-height: 40px;
    z-index: 2;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    color: var(--color-color-flu);
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    max-height: 40px;
    height: 40px;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy:has(.success.active) {
    border: 1px dashed #b8b8b8;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .title {
    opacity: 0;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .title div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-family: Inter, sans-serif;
    line-height: 135%;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .title.active {
    opacity: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 15px;
    gap: 8px;
    border: 1px dashed #b8b8b8;
    border-radius: 4px;
    color: var(--color-color-flu);
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 2;
    position: relative;
    max-height: 40px;
    transition: border-color 0.3s ease;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .success {
    display: block;
    padding: 12px 15px;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .success div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    font-weight: 600;
    background: rgba(185, 225, 9, 0.1882352941);
    transition: 0.3s;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .success:not(.active) {
    display: none;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .success:not(.active) div {
    opacity: 0;
    visibility: hidden;
}
.hero-homepage .sportsbooks-grid .card .copy-information .copy .title.active:hover {
    border-color: var(--color-color-flu);
}
.hero-homepage
    .sportsbooks-grid:has(.card .middle .copy-information)
    .card
    .middle:not(:has(.copy-information))
    .buttons {
    margin-top: 80px;
}
.hero-homepage .sportsbooks-grid .card .middle .buttons {
    z-index: 2;
    margin-top: 24px;
    display: inline-flex;
    gap: 12px;
    justify-content: space-between;
    width: 100%;
}
.hero-homepage .sportsbooks-grid .card .donation-link {
    width: 100%;
}
.hero-homepage .sportsbooks-grid .card .donation-link a {
    display: block;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: 150%;
    background: var(--color-primary-color);
    color: var(--color-cta-text);
    border: 1px solid var(--color-border-see-more-hover);
    gap: 6px;
    z-index: 2;
    outline: 1px solid transparent;
    transition: outline-color 0.3s ease;
}
.hero-homepage .sportsbooks-grid .card .donation-link a:hover {
    outline: 1px solid var(--color-border-see-more-hover);
    outline-offset: 0;
}
.hero-homepage .sportsbooks-grid .card .donation-link a span {
    padding: 0;
}
.hero-homepage .sportsbooks-grid .card .review {
    width: 100%;
}
.hero-homepage .sportsbooks-grid .card .review img {
    display: none;
}
.hero-homepage .sportsbooks-grid .card .review a {
    display: block;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: 150%;
    background: transparent;
    color: var(--color-primary-color);
    border: 1px solid var(--color-primary-color);
    gap: 6px;
    z-index: 2;
    outline: 1px solid transparent;
    transition: outline-color 0.3s ease;
}
.hero-homepage .sportsbooks-grid .card .review a:hover {
    outline: 1px solid var(--color-primary-color);
    outline-offset: 0;
}
.hero-homepage .sportsbooks-grid .card .features {
    color: var(--color-primary-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}
.hero-homepage .sportsbooks-grid .card .features .payment-methods {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 12px 0 0;
    align-items: center;
}
.hero-homepage .sportsbooks-grid .card .features .payment-methods .label {
    color: var(--color-excerpt-menu);
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
}
.hero-homepage .sportsbooks-grid .card .features .payment-methods .content {
    z-index: 2;
}
.hero-homepage .sportsbooks-grid .card .features .payment-methods .content span {
    padding: 6px 12px;
}
.hero-homepage .sportsbooks-grid .card .features .payment-methods .content .icon {
    width: 26px;
    height: 26px;
}
.hero-homepage .sportsbooks-grid .card .features .payment-methods .content .counter {
    width: 26px;
    height: 26px;
    font-size: 10px;
}
.hero-homepage .sportsbooks-grid .card .wrapper > .bottom {
    padding: 14px 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.hero-homepage .sportsbooks-grid .card .wrapper > .bottom .right {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 16px;
}
.hero-homepage .sportsbooks-grid .card .wrapper > .bottom .right .verified {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    background: var(--color-bg-back-lit);
    border-radius: 100px;
    flex: none;
    order: 0;
    flex-grow: 0;
    gap: 8px;
}
.hero-homepage .sportsbooks-grid .card .wrapper > .bottom .right .verified .logo-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}
.hero-homepage .sportsbooks-grid .card .wrapper > .bottom .right .verified .logo-icon svg path {
    fill: var(--color-primary-color);
}
.hero-homepage .sportsbooks-grid .card .wrapper > .bottom .right .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-border-hero);
    border-radius: 100px;
}
html[data-theme="light"] .hero-homepage .sportsbooks-grid .card .wrapper > .bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.hero-homepage .sportsbooks-grid .card .wrapper > .bottom .tc-excerpt {
    color: var(--color-excerpt-menu);
    font-size: 10px;
    line-height: 160%;
    border-radius: 0;
}
@media (max-width: 1199px) {
    .hero-homepage .sportsbooks-grid {
        padding: 24px 0;
    }
    .hero-homepage .sportsbooks-grid .card .features {
        padding: initial;
    }
    .hero-homepage .sportsbooks-grid .card .donation-link div {
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 999px) {
    .hero-homepage {
        padding-top: 60px;
        padding-bottom: 48px;
    }
    .hero-homepage .container {
        padding: 0;
    }
    .hero-homepage .heading .introduction {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        margin: 0 16px;
    }
    .hero-homepage .heading .introduction .title h1 {
        font-size: 20px;
        line-height: 120%;
        padding: 0;
    }
    .hero-homepage .heading .introduction .content p {
        font-size: 14px;
        line-height: 140%;
    }
    .hero-homepage .heading .see-more {
        position: absolute;
        bottom: 15px;
        right: 35px;
        font-weight: 700;
        font-size: 14px;
    }
    .hero-homepage .sportsbooks-grid {
        display: flex;
        flex-direction: row;
        margin: 16px 0 0;
        padding: 0 16px;
        overflow-x: auto;
        column-gap: 8px;
        width: 100%;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }
    .hero-homepage .sportsbooks-grid .card {
        min-width: 350px;
    }
}
@media (min-width: 1000px) {
    .hero-homepage .sportsbooks-grid .card:hover {
        cursor: pointer;
        outline: 2px solid #fff;
        overflow: hidden;
        top: -10px;
        transition:
            top 0.5s ease,
            outline 0.5s ease;
    }
}


.hero-onefootball .author .separator {
    width: 1px;
    height: 10px;
    background: var(--color-border);
    margin: 0 12px;
}
.hero-onefootball .information{
    overflow: hidden;
    color: var(--button-pressed, #B8B8B8);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    span{
        margin-left: 6px;
        color: var(--color-primary-color);
        font-weight: 600;
    }
}
html[data-theme="light"] .hero-onefootball .revisor svg rect{
    fill: #1A1A1A !important;
}
html[data-theme="light"] .hero-onefootball .revisor svg .path-white{
    fill: #fff;
}

html[data-theme="light"] .hero-onefootball .information svg path{
    fill: #1A1A1A !important;
}




/*# sourceMappingURL=styles.min.css.map */