/*
Theme Name: Aspiration
Theme URI: 
Author: GM
Description: Multipurpose theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
  --rating-stars-size: 100px;
  --rating-stars-num: 5;
  --rating-star: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPHBhdGggZD0iTTI1LDIuMjczTDE4LjYwOSwxOC40OEwwLjgxMSwxOS40MThMMTQuNjQ4LDMwLjQxMkwxMC4wNyw0Ny4yMjNMMjUsMzcuNzcxTDM5LjkzLDQ3LjIyM0wzNS4zNTIsMzAuNDEyTDQ5LjE4OSwxOS40MThMMzEuMzkxLDE4LjQ4TDI1LDIuMjczWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPgo8L3N2Zz4K");

  
  --copa-blue: #003282;
  --copa-red: #e84730;
  --copa-green: #8dc63f;
  --copa-yellow: #ffed00;
}
img, legend { border: 0; }
body { margin: 0; -webkit-font-smoothing: auto; }
body, html { scroll-behavior: smooth; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 2.5rem; }
hr { box-sizing: content-box; height: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { padding: 0; }
textarea { overflow: auto; }
optgroup, strong { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; font-weight: 400; }
i { font-style: normal; }
::selection { color: #f7f7f7; background-color: var(--tb-head-bg); }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
 h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 600; margin-bottom: 15px; text-align: center; }
h1 { font-size: 32px; }
h2 { font-size: 24px; padding-bottom: 0.3em; line-height: 1.25; }
h3 { font-size: 18px; line-height: 25px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 14px; line-height: 17.5px; }
p { margin-bottom: 1.5em; }
h1.entry-title { font-size: 1.31rem; border-bottom: 1px solid #eaecef; }
h2.entry-title { border-bottom: 1px solid #eaecef; }
h3.widget-title { font-size: 1.2rem; }
.accent { color: var(--inner-links) !important; }

/*--------------------------------------------------------------
# Icons & logos
--------------------------------------------------------------*/
.reg-curacao { background: none; }
.reg-gibraltar { background: none; }
.reg-egba { background: none; }
.reg-essa { background: none; }
.reg-mga { background: none; }
.reg-gambling-commission { background: none; }
.reg-kahnawake { background: none; }
.reg-ibas { background: none; }
.reg-anjouan { background: none; }
[class*="icon-"], [class*="reg-"], [class*="flag-"] { background-position: center center; background-repeat: no-repeat; margin: 0 auto; display: inline-block; vertical-align: middle; }
.lang [class*="flag-"] { width: 20px; height: 20px; border-radius: 0.35rem; }
.lang.dropup .dropdown-toggle::after { border-bottom: 0.3em solid #e8e8e8; vertical-align: middle; }
.lang .dropdown-toggle [class*="flag-"]:hover { cursor: pointer; }
.ul-lang .dropdown-menu { width: 250px; font-size: 12px; background-color: var(--section-mid-bg) !important; color: #e8e8e8; }
.ul-lang .dropdown-menu li:not(:last-child) { border-bottom: 1px solid rgb(255 255 255 / 25%); }
.ul-lang .txt { vertical-align: middle; transition: var(--transition); }
.ul-lang .dropdown-menu li:hover .txt { color: var(--inner-links); }
@media screen and (max-width: 767px) { .ul-lang .dropdown-menu { right: 50% !important; left: auto !important; transform: translate3d(50%, -465px, 0) !important; top: 250px !important; }; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
 body { background: #fff; }
img { height: auto; max-width: 100%; }
figure { margin: 1em 0; }

/* badges */
 .badge-num { position: absolute; content: ""; width: 30px; height: 22px; top: 0; left: -8px; text-align: center; color: var(--badge-text-color); border-radius: 10px 0; padding-left: 0.5rem; font-size: 14px; background: var(--badge-bg); }
.badge-num.first { background: var(--badge-first-bg); }
.badge-num.second { background: var(--badge-second-bg); }
.badge-num.third { background: var(--badge-third-bg); }

/* tables */
 table { margin: 0 0 1.5em; width: 100%; }
.terms-row.border-t { border-top: 1px solid var(--tb-terms-border); color: var(--tb-terms-c); }
table.brand-table td { padding: 0.25rem; position: relative; }
.brand-table .labels { background: var(--tb-head-bg); color: var(--tb-head-c); border-radius: 8px; font-size: 12px; }
.brand-table .brand { background: var(--tb-row-bg); border-radius: 8px; }
.brand-table .bonus-box { font-size: 14px; }
.brand-table .bonus { color: var(--bonus-c); font-size: 20px; font-weight: bold; }
.brand-table #showHideBtn, .brand-table #showHideBtn:active, .brand-table #showHideBtn:focus { background: var(--show-more-btn-bg); border: none; color: var(--show-more-btn-c); border-radius: 8px; padding: 0.25rem 1rem; width: 200px; max-width: 100%; outline: 0; }
.brand-table #showHideBtn span { position: relative; display: inline-block; }
.brand-table #showHideBtn span::after { position: absolute; content: ""; background: var(--icon-long-arrow) no-repeat; width: 12px; height: 12px; top: 50%; right: -15px; transform: translateY(-50%); filter: invert(1); transition: var(--transition); }
.brand-table #showHideBtn.clicked span::after { transform: translateY(-50%) rotate(-180deg); }
.best-brands .row { background: #fff; color: black; border-radius: 8px; padding: 0.5rem 0.25rem; margin: 0 0 0.5rem; }
.best-brands .label { font-size: 14px; }
section .author-info { font-size: 11px; color: var(--breadcrumb-c); }
@media screen and (min-width: 576px) and (max-width: 991px) { .brand-table .brand { width: 350px; max-width: 100%; }; }
@media screen and (min-width: 768px) { .best-brands .row { width: 100%; float: left; margin: 0 0.5% 0.5rem; }; }
@media screen and (min-width: 992px) { .home .best-brands .row { width: 100%; float: none; margin: 0 auto 0.5rem; } table .badge-num.badge-pos { top: -6px; }; }
@media screen and (min-width: 992px) { .brand-table .brand { width: 100%; }; }

/*--------------------------------------------------------------
# sports boxes
--------------------------------------------------------------*/
 .sports-boxes .box { background-color: var(--sport-boxes-bg); border-radius: 8px; padding: 1rem 0.5rem; text-align: center; color: var(--main-c); width: 125px; max-width: 100%; height: 105px; }
.sports-boxes [class*="icon-"] { width: 50px; height: 50px; }

/*--------------------------------------------------------------
# table like elements
--------------------------------------------------------------*/
 .common-caption { background: var(--tb-head-bg); color: var(--tb-head-c); font-size: 12px; margin: 1rem auto; border-radius: 8px; }
.common-caption .dd-select-trigger, .common-caption .dd-select-trigger:focus { background: none; border: none; background-color: var(--tb-head-c); border-radius: 8px; outline: 0; position: relative; }
.common-caption .dd-select-trigger::after { position: absolute; content: ""; background: var(--icon-arrow) no-repeat center; right: 10px; top: 50%; transform: translate(0, -50%); filter: var(--el-dropdown-arrow-f); width: 10px; height: 10px; }
.common-caption [class*="icon-"] { height: 30px; width: 80px; background-color: var(--tb-head-c); border-radius: 8px; max-width: 100%; background-size: 70%; }
.common-caption .dropdown-menu { width: 100%; border: none; box-shadow: 0px 2px 5px rgb(var(--el-dropdown-shadow-rgb) / 50%); text-align: center; border-radius: 0 0 0.25rem 0.25rem; left: -22px !important; }
.common-caption .dropdown-menu .dropdown-item:not(:last-child) { border-bottom: 1px solid var(--tb-terms-border); }
.common-caption .dropdown-menu .dropdown-item { text-align: center; }
.common-el { border-radius: 8px; }
.common-el:nth-child(even), .page-template-review .common-el { background: var(--common-el-bg); }
.common-el .icon { width: 15px; height: 15px; }
.common-el .icon-yes { filter: var(--yes-f); }
.common-el .icon-no { filter: var(--no-f); }
@media screen and (max-width: 575px) { .common-el .ops-120-60 { height: 40px; max-width: 100%; } .common-el .btn-main, .common-el .option-value { font-size: 13px; }; }
@media screen and (max-width: 991px) { #menu-main-menu > .menu-item-has-children.dropdown { display: flex; flex-wrap: wrap; } #primary-nav .dropdown a.nav-link { width: calc(100% - 50px); } #menu-main-menu > .menu-item-has-children.dropdown > .dropdown-toggle:not(.nav-link) { width: 50px; } #primary-nav .dropdown-menu {width: 100% !important; } .common-caption, .common-el { width: 700px; max-width: 100%; margin: 0 auto; } .dropdown-menu { background-color: transparent !important; } a.nav-link::after { right: 15px !important; top: 45% !important; } .dropdown-menu .dropdown-menu .nav-link::after { right: 0px !important; }; }

/* Read more section */
 .read-more-content { display: none; }
.read-more-content.is-open { display: block; }
.read-more-toggle { padding: 0; cursor: pointer; color: var(--main-c); font-size: 16px; }
.read-more-toggle:hover { text-decoration: underline; }
.section-mid .read-more-toggle { color: var(--section-dark-c); }

/* -----
# Custom Table
-------- */
.brand-table.custom-tb td { font-size: 14px; }
.brand-table.custom-tb .brand { background: #eaeaea; }
.brand-table.custom-tb .brand td { vertical-align: middle; }

.brand-table.custom-tb .brand td { line-height: 1.5; }

.brand-table.custom-tb .label {
   font-size: 11px;
   color: var(--tb-head-bg);
   opacity: .7;
   margin-bottom: 0.15rem;
}
@media screen and (min-width: 992px) {
   .brand-table.custom-tb .label { display: none; }
}


/*--------------------------------------------------------------
# Header content slider
--------------------------------------------------------------*/
 #header_text .carousel-control-next, #header_text .carousel-control-prev { position: absolute; top: unset; bottom: -20px; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: unset; color: #007bff; text-align: center; opacity: 1; transition: opacity 0.15s ease; background: transparent; border: none; padding: 0; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
 #masthead { margin-bottom: 0; background-color: var(--header-menu-bg); border-bottom: var(--header-menu-border); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-nav .nav-link { color: var(--header-menu-color); }
.navbar-light .navbar-nav span.nav-link { cursor: pointer; }
.navbar-brand { margin-right: 2rem; }
.navbar-brand > a { color: var(--header-menu-color); font-size: 1rem; outline: medium none; text-decoration: none; font-weight: 400; }
.navbar-brand > a:visited, .navbar-brand > a:hover { text-decoration: none; }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: var(--header-menu-hover-color) !important; }
#masthead nav { padding-left: 0; padding-right: 0; }
body:not(.theme-preset-active) #masthead .navbar-nav > li > a { color: #cdbfe3; padding: 0.5rem; font-weight: 500; font-size: 0.875rem; }
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a { color: #fff; font-weight: 600; }
.navbar-brand { height: auto; padding: 0.5rem; }
.navbar-toggle .icon-bar { background: #000 none repeat scroll 0 0; }
#primary-nav .dropdown-menu .nav-link,.footer-nav .dropdown-menu .nav-link { color: var(--main-c); border-bottom: 1px solid; }
#primary-nav .dropdown, .footer-nav .dropdown { position: relative; }
#primary-nav .dropdown .dropdown-toggle::after, .footer-nav .dropdown .dropdown-toggle::after { filter: invert(1); }
#primary-nav .dropdown .dropdown-menu .dropdown-toggle::after, .footer-nav .dropdown .dropdown-menu .dropdown-toggle::after { filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(2194%) hue-rotate(181deg) brightness(97%) contrast(101%); }
#primary-nav .dropdown .dropdown-toggle::after, .dropdown-toggle::after, .footer-nav .dropdown .dropdown-toggle::after, .dropdown-toggle::after { position: absolute; content: ""; background: var(--icon-arrow) no-repeat center; top: 50%; transform: translate(0, -50%); width: 10px; height: 10px; border: none; transition: var(--transition); right: -5px; }
.dropdown-menu .dropdown-toggle::after { right: -12px !important; }
.dropdown-menu .toggle-link.dropdown-toggle::after { right: 0px !important; }
#primary-nav .dropdown:hover .nav-link, .footer-nav .dropdown:hover .nav-link { color: var(--header-menu-hover-color); }
#primary-nav .dropdown:hover .dropdown-toggle::after, .footer-nav .dropdown:hover .dropdown-toggle::after { filter: var(--header-menu-icon-f); }
#primary-nav .dropdown .dropdown-menu, .footer-nav .dropdown .dropdown-menu { border-radius: 6px; }

#footer-widget .dropdown-toggle::after { right: -15px; }
/* Small menu. */
 .menu-toggle, .main-navigation.toggled ul { display: block; }
#primary-nav .dropdown-item { line-height: 1.2; padding-bottom: 0.313rem; padding-top: 0.313rem; }
#primary-nav .dropdown-menu { width: 12rem; }
#primary-nav .dropdown .open .dropdown-menu { display: block; left: calc(100% + 2.5rem); top: 0; }
@media screen and (max-width: 1400px) { #primary-nav .dropdown .open .dropdown-menu { left: calc(-100% - 3.5rem); }; }
#primary-nav .dropdown-menu .dropdown-item { white-space: normal; background: transparent; line-height: 1.6; }
#primary-nav .dropdown-menu .dropdown-item:hover { background: transparent; }
@media screen and (min-width: 37.5em) { .menu-toggle { display: none; } #primary-nav .navbar-nav .dropdown-menu:has(> li:nth-child(10)), #primary-nav .dropdown .open .dropdown-menu:has(> li:nth-child(10)) { max-height: 450px; height: auto; overflow: auto; }; }
#primary-nav .navbar-nav .dropdown-menu { padding: 0.5rem; }
#primary-nav .navbar-nav ul:not(.dropdown-menu) .nav-item { padding: 10px; }
#primary-nav .navbar-nav .dropdown-menu .nav-link { padding: 0.5rem 0.25rem; margin-bottom: 0.25rem; border-bottom: 1px solid var(--header-menu-dropdown-border); position: relative; width: 100%; font-size: 14px; font-style: italic; color: var(--header-menu-hover-color)!important; }
#primary-nav .navbar-nav .dropdown-menu .nav-link { position: relative; padding-right: 15px; }
#primary-nav .navbar-nav .dropdown-menu .nav-link:after { position: absolute; content: ""; background: var(--icon-long-arrow) no-repeat; width: 10px; height: 10px; top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); filter: var(--header-menu-icon-f); }
#primary-nav .navbar-nav .dropdown-menu .dropdown > .nav-link:after { content: none;; }
#page-sub-header { position: relative; padding: 2rem 0; font-size: 1rem; background-size: cover !important; }
body:not(.theme-preset-active) #page-sub-header h1 { line-height: 1.6; font-size: 4rem; color: #563e7c; margin: 0 0 1rem; border: 0; padding: 0; }
#page-sub-header p { margin-bottom: 0; line-height: 1.4; font-size: 14px; font-weight: 300; }
body:not(.theme-preset-active) #page-sub-header p { color: #212529; }
a.page-scroller { color: #333; font-size: 2.6rem; display: inline-block; margin-top: 2rem; }
.navbar-toggler .navbar-toggler-icon { filter: var(--header-menu-icon-f); background: var(--menu-icon) no-repeat; transition: var(--transition); width: 28px; height: 28px; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background: var(--menu-icon-close) no-repeat; width: 20px; height: 20px; }
@media screen and (max-width: 991px) { #primary-nav .dropdown .dropdown-toggle::after { right: 15px!important; } #primary-nav { position: absolute; top: 70px; z-index: 9999; background: var(--header-menu-bg); width: 90%; border-radius: 0px 0px 0px 0.5rem; padding: 0.5rem 0 0.5rem 0.5rem; right: 0; box-shadow: 0 3px 6px rgb(0 0 0 / 30%); } #primary-nav.collapsing { -webkit-transition: none; transition: none; display: none; } .navbar-nav .dropdown-menu { border: medium none; padding: 0; } .dropdown-menu li a { padding: 0; } #masthead .navbar-nav > li > a { padding-bottom: 0.625rem; padding-top: 0.313rem; } .navbar-light .navbar-toggler { border: medium none; outline: none; } #primary-nav .dropdown > span.nav-link { width: 100%; position: relative; } #primary-nav .dropdown .dropdown-toggle { position: relative; } #primary-nav .dropdown > .nav-link { width: 100%; } #primary-nav .dropdown a.dropdown-toggle { width: 20%; } #primary-nav .dropdown a.dropdown-toggle { position: absolute; top: 13px; right: 15px; transform: translate(0, -50%); } #primary-nav .navbar-nav .dropdown-menu .nav-link { color: #fff; }; }
@media screen and (min-width: 768px) { body:not(.theme-preset-active) #page-sub-header h1 { font-size: 3.75rem; } body:not(.theme-preset-active) #page-sub-header { font-size: 1.25rem; }; }
@media (min-width: 992px) { #page-sub-header p { max-width: 43rem; margin: 0 auto; } #primary-nav .dropdown { margin-right: 1rem; } #primary-nav .dropdown-toggle { margin-left: 0.5rem; display: block; }; }
@media (min-width: 1200px) { .navbar-expand-xl .navbar-nav .nav-link { padding-right: 1rem; }; }
@media (min-width: 992px) and (max-width: 1199px) { #primary-nav .dropdown {margin-right:.5rem; } #masthead .navbar-nav>li .nav-link{font-size: 14px; }; }

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/
 #breadcrumbs { padding: 0; margin: 0; }
#breadcrumbs a { color: var(--inner-links); }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs li { display: inline-block; font-size: 11px; position: relative; color: var(--breadcrumb-c); }
#breadcrumbs li:not(:last-child) { margin-right: 1.25rem; }
#breadcrumbs li:not(:last-child)::after { content: "->"; position: absolute; font-size: inherit; color: inherit; top: 50%; right: -15px; transform: translateY(-50%); }

/*--------------------------------------------------------------
## Author box
--------------------------------------------------------------*/
 .author-box { background: var(--author-box-bg); color: var(--author-box-c); }
.author-box p { margin-bottom: 0.25rem; font-size: 15px; }
.author-box h2 { color: var(--author-box-heading); margin: 0; text-align: left; }
.author-box .name { font-size: 13px; font-style: italic; color: var(--author-box-heading); }
.author-box .link { font-size: 13px; color: var(--inner-links); float: right; text-decoration: underline; }
.author-box .link:hover { text-decoration: none; }

/*--------------------------------------------------------------
## Quick Nav
--------------------------------------------------------------*/
 .qnav a { color: var(--qnav-c); font-weight: 400; font-size: 14px; font-style: italic; text-decoration: underline; }
.qnav a:hover { text-decoration: none; }
.page-template-review .contents { background: var(--rev-qnav-bg); margin-bottom: 2rem; }
@media screen and (min-width: 576px) { .qnav { border: 1px solid var(--qnav-border-c); border-radius: 6px; display: block; margin: 0.5rem auto; padding: 0.25rem; white-space: nowrap; overflow-y: hidden; } .qnav a { padding: 0.5rem; } .qnav li:not(:last-child) { margin-right: 0.25rem; } .qnav li { display: inline-block; } #topics { max-width: 95%; margin: 0 1rem; }; }
@media screen and (min-width: 576px) and (max-width: 1299px) { #topics { width: 1300px; } .qnav { overflow-x: scroll; }; }
@media screen and (max-width: 575px) { .qnav { padding: 0.5rem 0; margin: 0 0.75rem; border-top: 1px solid var(--qnav-c); } .contents .collapsing { transition: height 0.1s ease-in-out; } .qnav-toggler { border: 1px solid var(--qnav-border-c); background-color: transparent; border-radius: 8px; width: 95%; padding: 0.25rem 0.75rem; font-weight: bold; font-size: 16px; color: var(--qnav-c); text-align: left; position: relative; } .qnav-toggler::after { content: ""; position: absolute; background: var(--icon-long-arrow) no-repeat; width: 15px; height: 15px; top: 50%; right: 10px; transform: translateY(-50%); filter: var(--qnav-icon-f); } .qnav-toggler[aria-expanded="true"]::after { transform: rotate(180deg); top: 25%; right: 12px; } .qnav-toggler[aria-expanded="true"] { border-radius: 8px 8px 0 0; border-bottom: 0; } .qnav-toggler:hover, .qnav-toggler:focus { outline: 0; } .qnav li:not(:last-child) { margin-bottom: 0.5rem; } .qnav li, .qnav li a { display: block; text-align: left; } #topics { max-width: 95%; margin: 0 auto; border: 1px solid var(--qnav-border-c); border-radius: 0 0 8px 8px; border-top: none; }; }

/*--------------------------------------------------------------
## Quick Nav
--------------------------------------------------------------*/
 .columns-2 { column-count: 2; }

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
 a { transition: var(--transition); }
a:hover { color: inherit; text-decoration: inherit; }
main p a, #main p a, section p a, section a { color: var(--inner-links); text-decoration: underline; }
main p a:hover, #main p a:hover, section p a:hover, section a:hover { color: var(--inner-links); text-decoration: none; }
.btn-main { background: var(--btn-main-bg); border-radius: 7px; color: #fff; text-decoration: none; transition: var(--transition); width: max-content; max-width: 100%; text-align: center; }
.btn-main:hover { background: var(--btn-main-bg); box-shadow: var(--btn-main-shadow); border-radius: 7px; color: #fff; text-decoration: none; }
.btn-main.single { width: unset; }
.link-in { color: var(--inner-links); font-size: 14px; text-align: center; display: block; text-decoration: underline; }
.link-in:hover { text-decoration: none; color: var(--inner-links); }
.btn-clear, .btn-clear:focus { background: none; outline: 0; border: none; }

/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/
 ul { list-style: none; }
.features { font-size: 13px; }
ul:not([class]):not([id]) li, .checks li, .features li, .none li { position: relative; padding-left: 1rem; }
ul:not([class]):not([id]) li::before, .checks li:before, .features li:before { position: absolute; content: ""; background: var(--icon-check) no-repeat; width: 10px; height: 10px; left: 0; top: 7px; }
ul:not([class]):not([id]) li::before { filter: var(--no-f); }
.none li:before { position: absolute; content: ""; background: var(--icon-x) no-repeat; width: 10px; height: 10px; left: 0; top: 7px; }

/*--------------------------------------------------------------
## Cards
--------------------------------------------------------------*/
 .criteria .card { border: none; box-shadow: 0 10px 16px rgb(0 0 0 / 15%); width: 350px; max-width: 100%; }
.criteria .card-text { font-size: 14px; }
.criteria ul { font-size: 14px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .criteria { width: 768px; }; }
.register-howto .card { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); border-radius: 8px; padding: 1rem; width: 350px; max-width: 100%; }
.register-howto .card-title { color: var(--reg-steps-heading); text-align: left; margin-bottom: 0.25rem; font-size: 16px; }
.register-howto .card-text { font-size: 14px; margin-bottom: 0; }
.register-howto .step-num { position: relative; text-align: center; color: var(--reg-step-num); font-weight: bold; font-size: 14px; margin-bottom: 0.5rem; }
.section-dark .register-howto .step-num { color: var(--section-dark-c); }
.section-dark .register-howto .card-text { color: var(--main-c); }
.register-howto .step-num::before, .register-howto .step-num::after { position: absolute; content: ""; width: 30%; height: 1px; top: 50%; transform: translateY(-50%); background: var(--reg-step-num-border); }
@media screen and (min-width: 992px) { .register-howto .card { height: 100%; padding: 1rem 1rem 0; }; }
.register-howto .step-num::before { left: 10%; }
.register-howto .step-num::after { right: 10%; }
.section-mid { color:#fff; }
.section-mid .card, .cta-boxes .card { color: var(--cta-text-box-c); background: var(--cta-text-box-bg); border: none; }
.section-mid .card-body, .cta-boxes .card-body { font-size: 14px; padding: 0.5rem; }
.cta-boxes .card-body h2, .cta-boxes .card-body h3 { color: var(--main-c); }
.section-mid .card-body p, .cta-boxes .card-body p { margin-bottom: 0; color: var(--main-c); }
.cta-boxes.brand-preview .card-body p { margin-bottom: 1rem; }
.section-mid .card-header, .cta-boxes .card-header { background: var(--bg-brands); }
@media screen and (min-width: 1200px) { .cta-boxes [class*="col-xl"] [class*="ops-"] { width: 100px; }; }

/*--------------------------------------------------------------
## Sections
--------------------------------------------------------------*/
 .section-offers p { font-size: 14px; }
.offer-boxes { width: 350px; max-width: 100%; }
.offer-boxes .btn-main { font-size: 15px; }
.offer-boxes .card { background-color: rgb(255 255 255 / 45%); }
.offer-boxes .bonus-box { background: var(--section-mid-bg); border-radius: 10px; padding: 1.25rem 0.5rem 0.5rem; text-align: center; line-height: 1.4; position: relative; }
.offer-boxes .bonus-box::before { position: absolute; content: ""; background: var(--icon-gift) no-repeat center; top: -12px; left: 50%; transform: translate(-50%, 0); width: 25px; height: 25px; }
.offer-boxes .bonus-box .txt { font-size: 14px; }
.offer-boxes .bonus-box .bonus { color: var(--bonus-accent); font-size: 22px; font-weight: bold; }
@media screen and (min-width: 576px) { .offer-boxes { width: 550px; }; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
 .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }
.comment-content.card-block { padding: 20px; }
.navigation.post-navigation { padding-top: 1.875rem; }
.post-navigation .nav-previous a, .post-navigation .nav-next a { border: 1px solid #ddd; border-radius: 0.938rem; display: inline-block; padding: 0.313rem 0.875rem; text-decoration: none; }
.post-navigation .nav-next a::after { content: " \2192"; }
.post-navigation .nav-previous a::before { content: "\2190 "; }
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover { background: #eee none repeat scroll 0 0; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
 
/* Text meant only for screen readers. */
 .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.313rem; line-height: normal; padding: 0.938rem 1.438rem 0.875rem; text-decoration: none; top: 0.313rem; width: auto; z-index: 100000; }
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
 .alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0.313rem 0 1.25rem 1.25rem; }
a img.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; }
a img.alignleft { float: left; margin: 0.313rem 1.25rem 1.25rem 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; }
.wp-caption.alignleft { margin: 0.313rem 1.25rem 1.25rem 0; }
.wp-caption.alignright { margin: 0.313rem 0 1.25rem 1.25rem; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
 .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
 .widget { font-size: 0.875rem; }
.widget select { max-width: 100%; }
.widget_search .search-form input[type="submit"] { display: none; }
.nav > li > a:focus, .nav > li > a:hover { background-color: #eee; text-decoration: none; }
.half-rule { width: 6rem; margin: 2.5rem 0; }
.widget_categories .nav-link { display: inline-block; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
 .sub-txt { color: var(--sub-txt-c); font-size: 14px; }

/*--------------------------------------------------------------
## Ratings
--------------------------------------------------------------*/
 .rating-90 { width: 90px; height: 90px; font-size: 40px; }
.rating-80 { width: 80px; height: 80px; font-size: 30px; }
.rating-75 { width: 75px; height: 75px; font-size: 30px; }
.rating { background-color: var(--rating-bg); line-height: normal; }
.rating-stars { width: var(--rating-stars-size); height: calc(var(--rating-stars-size) / var(--rating-stars-num)); position: relative; z-index: 1; }
.rating-stars:before { background-image: var(--rating-star); background-repeat: repeat-x; background-size: calc(var(--rating-stars-size) / var(--rating-stars-num)); bottom: 0; content: ""; display: block; height: calc(var(--rating-stars-size) / var(--rating-stars-num)); left: 0; position: absolute; right: 0; top: 0; width: var(--rating-stars-size); filter: invert(91%) sepia(1%) saturate(0%) hue-rotate(102deg) brightness(92%) contrast(87%) opacity(0.7); -webkit-filter: invert(91%) sepia(1%) saturate(0%) hue-rotate(102deg) brightness(92%) contrast(87%) opacity(0.7); }
.rating-stars span { display: block; width: 0; background-size: calc(var(--rating-stars-size) / var(--rating-stars-num)); position: absolute; z-index: 2; transition: var(--transition); }
.rating-stars span:before { background-image: var(--rating-star); background-repeat: repeat-x; background-size: calc(var(--rating-stars-size) / var(--rating-stars-num)); content: ""; display: block; height: calc(var(--rating-stars-size) / var(--rating-stars-num)); position: absolute; top: 0; bottom: 0; left: 0; right: 0; filter: invert(86%) sepia(24%) saturate(6581%) hue-rotate(357deg) brightness(99%) contrast(107%); -webkit-filter: invert(86%) sepia(24%) saturate(6581%) hue-rotate(357deg) brightness(99%) contrast(107%); }
.rating-value { font-size: 1.15rem; }

/*--------------------------------------------------------------
## pro cons
--------------------------------------------------------------*/
 .pro-cons { clear: both; }
.pro-cons .box { color: var(--main-c); border-radius: 8px; position: relative; }
.pro-cons .box.pros-bg { background: var(--pros-bg); }
.pro-cons .box.cons-bg { background: var(--cons-bg); }
.pro-cons .box.pros-bg .label-box { color: var(--pros-label-c); background: var(--pros-label-bg); }
.pro-cons .box.cons-bg .label-box { color: var(--cons-label-c); background: var(--cons-label-bg); }
.pro-cons .label-box { border-radius: 8px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 3px 6px; text-transform: capitalize; }
.pro-cons .icon { width: 20px; height: 20px; background: var(--icon-thumb) no-repeat; vertical-align: middle; }
.pro-cons .cons-bg .icon-thumbs-down { transform: rotate(180deg); }
.pro-cons .pros-bg li:before { filter: var(--yes-f); }

/*--------------------------------------------------------------
## Review page
--------------------------------------------------------------*/
 .rev-cta-box { background: var(--rev-cta-text-box-bg); font-size: 14px; }
.rev-cta-box a { background: var(--bg-brands); }
.rev-cta-box a:hover { text-decoration: none; }
.rev-cta-box h2 { text-align: left; margin-bottom: 0.5rem; }
.rev-cta-box p { margin-bottom: 0.25rem; }
.rev-cta-box .btn-main { width: 120px; }
.rev-cta-box .btn-main:hover { text-decoration: none; }
@media screen and (max-width: 991px) { .rev-cta-box .custom-border { border-top: 1px solid var(--rev-cta-text-box-border); }; }
@media screen and (min-width: 992px) { .rev-cta-box .custom-border { border-left: 1px solid var(--rev-cta-text-box-border); border-bottom: none; } .rev-cta-box a { background: none; }; }
.contact-boxes .box { background: var(--contact-boxes-bg); border-radius: 8px; color: var(--contact-boxes-c); position: relative; }
.contact-boxes .label-box { background: var(--contact-boxes-labels-bg); border-radius: 8px; color: var(--contact-boxes-c); position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 3px 6px; text-transform: capitalize; }
.contact-boxes .icon { width: 15px; height: 15px; }
.contact-boxes .icon-yes { filter: var(--yes-f); }
.contact-boxes .icon-no { filter: var(--no-f); }
.contact-boxes .icon-chat, .contact-boxes .icon-email, .contact-boxes .icon-phone { filter: invert(1); width: 20px; height: 20px; margin-bottom: 0.25rem; }

/* review element */
 .review-el .bg-brand { background: var(--section-mid-bg); border-radius: 8px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); }
.review-el .bonus { color: var(--bonus-accent); font-size: 26px; font-weight: bold; }
.review-el .sm { color: var(--rev-el-brand-box-c); font-size: 16px; }
.review-el .txt { color: var(--rev-el-brand-box-c); font-size: 14px; }
.review-el .info-box { background: #fff; border-radius: 8px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); }
.review-el .features .label { font-size: 13px; border-bottom: 1px solid #e1e1e3; padding: 2px 6px; }
.review-el .features .value { color: var(--rev-features-c); font-weight: 700; background: var(--rev-features-txt-bg); }
.review-el .features .bg-value { background: var(--rev-features-txt-bg); border-bottom: 1px solid #fff; padding: 2px 6px; }
.review-el .rounded-first { border-radius: 8px 8px 0 0; }
.review-el .rounded-last { border-radius: 0 0 8px 8px; }
.review-el .features:last-child .label { border: none; }
.review-el .icon { width: 15px; height: 15px; }
.review-el .icon-yes { filter: var(--yes-f); }
.review-el .icon-no { filter: var(--no-f); }
.review-el .info-box.accent { background: var(--info-box-accent-bg); box-shadow: none; }
.review-el .payments-wrap { border-bottom: 1px solid #fff; }
.review-el [class*="pay icon-"] { height: 25px; width: 65px; background-color: var(--tb-head-c); border-radius: 8px; max-width: 100%; background-size: 70%; background-repeat: no-repeat; background-position: center; }
.review-el .icon-android, .review-el .icon-apple { height: 18px; width: 35px; }
.review-el .lang [class*="icon-"] { height: 18px; width: 18px; }
.review-el .subheading { color: var(--main-c); font-size: 14px; font-weight: 600; }
.review-el [class*="reg-"] { width: 80px; height: 30px; }
.review-el [class*="flag-"] { width: 20px; height: 20px; }
@media screen and (min-width: 576px) { .review-el .info-box.accent { height: 100%; }; }
.notice { width: 900px; max-width: 100%; }
.notice [class*="ops-"] [class*="brand-"] { filter: grayscale(1); opacity: 0.5; }
@media screen and (min-width: 992px) { .notice [class*="ops-"] { width: 140px; }; }

/* ## Sticky offer element */
 .sticky-offer-container { display: block; background-color: var(--rev-sticky-bg); z-index: 999; }
.sticky-offer-container .icon { width: 15px; height: 15px; }
.sticky-offer-container .icon-no { filter: var(--no-f); }
.sticky-offer-container.fixed { position: fixed; bottom: 0; transition: var(--transition); -webkit-transition: var(--transition); }
.sticky-offer-container .close-btn { position: absolute; top: 0; right: 5%; transform: translate(0, -50%); background: var(--rev-sticky-bg); border-radius: 50%; width: 25px; height: 25px; text-align: center; }
.sticky-offer-container .close-btn:hover { cursor: pointer; }
.sticky-offer-container .sticky-offer { width: 100%; max-width: 100%; display: block; }
.sticky-offer-container .sticky-offer .row { width: 1140px; max-width: 100%; margin: 0.5rem auto; }
.sticky-offer-container .bonus { color: var(--bonus-c); font-size: 26px; font-weight: bold; font-style: italic; }
.sticky-offer-container .bonus .sm { color: var(--main-c); font-size: 18px; font-weight: normal; }
@media screen and (max-width: 575px) { .sticky-offer-container .ops-120-60 { height: 40px; width: 90px; } .sticky-offer-container .bonus { font-size: 18px; line-height: 1.2; } .sticky-offer-container .bonus .sm { font-size: 14px; }; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
 #content.site-content { padding-bottom: 3.75rem; padding-top: 4.125rem; }
.sticky .entry-title::before { content: "\f08d"; font-family: "Font Awesome\ 5 Free"; font-size: 1.563rem; left: -2.5rem; position: absolute; top: 0.375rem; font-weight: 900; }
.sticky .entry-title { position: relative; }
.single .byline, .group-blog .byline { display: inline; }
.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }
.page-links { clear: both; margin: 0 0 1.5em; }
.page-template-blank-page .entry-content, .blank-page-with-container .entry-content { margin-top: 0; }
.post.hentry { margin-bottom: 4rem; }
.posted-on, .byline, .comments-link { color: #9a9a9a; }
.entry-title > a { color: inherit; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
 .comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }
.comment-body .pull-left { padding-right: 0.625rem; }
.comment-list .comment { display: block; }
.comment-list { padding-left: 0; }
.comments-title { font-size: 1.125rem; }
.comment-list .pingback { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 0.563rem 0; }
.comment-list .pingback:first-child { border: medium none; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
 embed, iframe, object { max-width: 100%; }

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
 .faq .card-header { color: var(--faq-header-c); text-align: left; font-style: italic; position: relative; font-size: 14px; }
.faq .card-header::after { position: absolute; content: ""; background: var(--icon-long-arrow) no-repeat; width: 15px; height: 15px; top: 50%; right: 10px; transform: translateY(-50%); filter: invert(0.85); }
.faq .card-header[aria-expanded="true"]::after { transform: rotate(180deg); top: 31%; }
.faq .card-header:hover, .faq .card-header:focus { outline: 0; text-decoration: none; box-shadow: none; }
.faq .card-body { background: var(--faq-bg); color: var(--faq-body-c); padding: 0.5rem 2rem 1rem; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
 .site-footer { background: var(--footer-bg); }
.site-footer .border-bottom { border-color: var(--f-border-c); }
footer .site-info { font-size: 14px; color: var(--f-copyright-c); }
footer .site-info a:hover { color: var(--f-copyright-c); }
footer .discl { font-size: 12px; color: var(--f-disclaimer-c); text-align: left; margin-bottom: 0; }
footer .icon { width: 30px; height: 30px; margin-right: 0.5rem; filter: var(--footer-icon-f); }
footer .icon-nbo { width: 65px; }
.f-logo { filter: brightness(1.75); }
body:not(.theme-preset-active) footer { color: #99979c; background-color: #f7f7f7; }
.navbar-dark .site-info { color: #fff; }
.copyright { font-size: 0.875rem; margin-bottom: 0; text-align: center; }
.copyright a, footer a { color: inherit; }
footer .menu { text-align: left; }
footer .nav-link { color: var(--footer-nav-link); position: relative; padding: 0.25rem 1rem; }
footer .nav-link::before { position: absolute; content: ""; background: var(--icon-long-arrow) no-repeat; width: 15px; height: 10px; top: 50%; left: -2px; transform: translateY(-9px) rotate(-90deg); filter: invert(1); }
footer .nav-link:hover, footer .nav-link:focus { background-color: transparent !important; color: var(--inner-links); }
footer .nav-link:hover::before, footer .nav-link:focus::before { filter: var(--links-f); }
.site-footer .nav-link [class*="icon-"] { width: 15px; height: 15px; filter: invert(1); margin-bottom: 4px; }
.site-footer .nav-link:hover [class*="icon-"] { filter: var(--links-f); }

/*--------------------------------------------------------------
## Back to Top
--------------------------------------------------------------*/
 .back-top { display: none; border-radius: 10px 0; background: var(--tb-head-bg); width: 40px; height: 40px; transition: var(--transition); opacity: 0.5; }
.back-top:hover { cursor: pointer; opacity: 1; }
.back-top.fixed { display: inline-block; right: 10px; bottom: 10px; z-index: 60; position: fixed; }
.back-top::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); width: 20px; height: 20px; background: var(--icon-arrow) no-repeat center; transition: var(--transition); filter: invert(1); }

/*--------------------------------------------------------------
## search
--------------------------------------------------------------*/
 #searchsubmit.btn-main { border: none; outline: 0; }
.searchfield { border: 1px solid var(--f-border-c); border-radius: 8px; height: 35px; vertical-align: middle; width: 300px; }
.searchfield:focus-visible { outline-color: var(--qnav-border-c); }
.search .entry-title:hover { color: var(--inner-links); }

/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
 @media only screen and (max-width: 1280px) { html { font-size: 95%; }; }
@media screen and (max-width: 1199px) { .navbar-dark .dropdown-item { color: #fff; } .navbar-nav .dropdown-menu { box-shadow: none; border: none; }; }

/*--------------------------------------------------------------
## Single post
--------------------------------------------------------------*/
 .container.tips-container { max-width: 960px; width: 100%; margin-left: auto; margin-right: auto; }
.post-thumbnail { position: relative; }
.post-thumbnail img { width: 100%; }
.category { background-color: var(--btn-main-bg); padding: 3px 5px; text-transform: none; color: var(--header-menu-color); position: absolute; left: 0; font-size: 14px; font-style: italic; font-weight: bold; }
.category::after { border-width: 26px 22px 0 0; right: -22px; top: 0; border-color: var(--btn-main-bg) transparent transparent; border-style: solid; content: ""; position: absolute; }
body.category:after { content: none; }
body.category { background-color: #fff; color: var(--main-c); padding: 0; }
body.category .content-area { margin:0 auto; }
.matchup h4 { background-color: var(--header-menu-bg); color: var(--header-menu-color); margin-bottom: 0; padding: 5px; }
.matchup table { border: solid 1px var(--header-menu-bg); }
.matchup table th { background-color: var(--btn-main-bg); border-bottom: 1px solid var(--header-menu-bg); font-weight: 400; color: var(--header-menu-color); }
.matchup table th, .matchup table td { padding: 5px; }
.matchup .odd { background-color: var(--header-menu-hover-color); color: var(--header-menu-color); font-weight: 700; padding: 2px 5px; }
.social-icons [class*="icon-"] { width: 20px; height: 20px; }
.social-icons .icon-facebook { filter: brightness(0) saturate(100%) invert(41%) sepia(37%) saturate(6090%) hue-rotate(201deg) brightness(95%) contrast(99%); }
.social-icons ul { display: flex; padding: 20px 0px; gap: 20px; }
@media screen and (min-width: 768px) { .photo { height: 350px; overflow: hidden; }; }
li.flag-circle-argentina:before { background: var(--flag-circle-argentina); }
li.flag-circle-peru:before { background: var(--flag-circle-peru); }
li.flag-circle-chile:before { background: var(--flag-circle-chile); }
li.flag-circle-canada:before { background: var(--flag-circle-canada); }
li.flag-circle-mexico:before { background: var(--flag-circle-mexico); }
li.flag-circle-ecuador:before { background: var(--flag-circle-ecuador); }
li.flag-circle-venezuela:before { background: var(--flag-circle-venezuela); }
li.flag-circle-jamaica:before { background: var(--flag-circle-jamaica); }
li.flag-circle-estados-unidos:before { background: var(--flag-circle-usa); }
li.flag-circle-uruguay:before { background: var(--flag-circle-uruguay); }
li.flag-circle-panama:before { background: var(--flag-circle-panama); }
li.flag-circle-bolivia:before { background: var(--flag-circle-bolivia); }
li.flag-circle-brasil:before { background: var(--flag-circle-brasil); }
li.flag-circle-colombia:before { background: var(--flag-circle-colombia); }
li.flag-circle-paraguay:before { background: var(--flag-circle-paraguay); }
li.flag-circle-costa-rica:before { background: var(--flag-circle-costa-rica); }
li[class*=flag-circle-]:before { width: 30px; height: 30px; top: 0; left: 5px; position: absolute; content: ''; }
.cup-group ul { color:#fff; padding:20px; font-size:1.5rem; border-radius:10px; list-style:none; }
@media screen and (max-width: 991px) { .cup-group ul li{display: block; }; }
.cup-group ul.blue { background:var(--copa-blue); }
.cup-group ul.red { background:var(--copa-red); }
.cup-group ul.green { background:var(--copa-green); }
.cup-group ul.yellow { background:var(--copa-yellow); }
.cup-group li { position:relative; padding-left:3.5rem; }
.social-icons li::before { display: none; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 8px; list-style: none; padding: 0; }
.pagination .page-numbers { display: inline-block; padding: 8px 12px; text-decoration: none; border: 1px solid #dee2e6; border-radius: 5px; color: var(--btn-main-color); background-color: #fff; transition: all 0.3s ease-in-out; }
.pagination .page-numbers:hover { background-color: var(--btn-main-color); color: #fff; }
.pagination .current { background-color: var(--btn-main-color); color: #fff; font-weight: bold; border-color: var(--btn-main-color); }
.pagination .dots { color: #fff; background: transparent; border: none; padding: 8px 12px; }
.pagination .next { font-weight: bold; }
.custom-table thead { background: var(--tb-head-bg); color: var(--pros-label-c); border-radius: 8px; }
.custom-table th, .custom-table td { padding: 5px; }
.custom-table tbody tr { border-bottom: 1px solid #e3e3e3; }
.custom-table a { font-weight: bolder; }
.bg-white .best-brands tr { color: #fff; background: #212958; }
.bg-white .best-brands a { font-weight: bolder; }
.not-verified-notice { background-color: var(--section-mid-bg); padding: 15px; border-radius: 8px; color: var(--rev-el-brand-box-c); }
.logo-not-verified { background: var(--logo-not-verified); background-position: center; display: inline-block; background-size: contain; background-repeat: no-repeat; text-indent: -9999px; width: 20px; height: 20px; margin-right: 8px; }
.computer-picks { margin: 30px auto!important; gap: 15px; justify-content: center; }
.computer-picks .card { max-width: 360px; }
.event-row small { width: 150px; }
.border-green { border-color: var(--inner-links)!important; }
.btn-green { border-color: var(--inner-links)!important; background-color: var(--inner-links)!important; color: #fff!important; text-decoration: none; }
.btn-green:hover { background-color: #26672f !important; }
.toggle-link { position: relative; padding-right: 15px; padding: 0.5rem 0.25rem; margin-bottom: 0.25rem; border-bottom: 1px solid var(--header-menu-dropdown-border); position: relative; width: 100%; font-size: 14px; font-style: italic; color: var(--header-menu-hover-color) !important; font-family: inherit; }
.toggle-link:hover { cursor: pointer; }
.toggle-hidden-section-btn { text-decoration: underline; }
.toggle-hidden-section-btn:hover { cursor: pointer; }
.nr-table { display: block; overflow-x: auto; }
b, strong { font-weight: bold !important; }
#menu-main-menu .dropdown-menu { display: none; }
#menu-main-menu .dropdown.open > .dropdown-menu, #menu-main-menu .dropdown.show > .dropdown-menu, #menu-main-menu .dropdown-menu.show { display: block; }
.lang .dropdown-menu { display: none; }
.lang.show .dropdown-menu, .lang .dropdown-menu.show { display: block; }
#main-pop { display: none; }
#main-pop.show { background-color: #00000069; }
body.modal-open { overflow: hidden; }
@media (max-width: 991px) { .navbar-collapse.collapse { display: none; } .navbar-collapse.collapse.show { display: block; }; }
.how-to-guide { margin: 40px 0; }
.how-to-guide h2 { margin-bottom: 28px; font-size: 32px; line-height: 1.2; }
.how-to-guide ol { display: flex; flex-direction: column; gap: 32px; margin: 0; padding: 0; list-style: none; counter-reset: guide-step; }
.how-to-guide li { display: grid; grid-template-columns: minmax(360px, 720px) 1fr; gap: 28px; align-items: center; border-radius: 16px; background: #f7f8fa; counter-increment: guide-step; }
.how-to-guide .step-content { padding: 20px; }
.how-to-guide li:nth-child(even) { grid-template-columns: 1fr minmax(360px, 720px); }
.how-to-guide li:nth-child(even) picture { order: 2; }
.how-to-guide li:nth-child(even) .step-content { order: 1; }
.how-to-guide picture { display: block; }
.how-to-guide img { display: block; width: 100%; height: auto; border-radius: 14px; }
.how-to-guide h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.3; }
.how-to-guide p { margin: 0; font-size: 16px; line-height: 1.6; }
@media (max-width: 768px) { .how-to-guide li, .how-to-guide li:nth-child(even) { grid-template-columns: 1fr; } .how-to-guide li:nth-child(even) picture, .how-to-guide li:nth-child(even) .step-content { order: initial; } .how-to-guide h2 { font-size: 26px; } .how-to-guide h3 { font-size: 21px; } .dropup .dropdown-menu{bottom:auto; }; #main ul{padding-left: 10px;}}

.footer-title {font-size: 16px;margin-bottom: 15px;color:#fff;text-align: start;}
.footer-menu li {margin-bottom: 5px;}
.footer-menu a {text-decoration: none; font-size: 0.875rem; color:#fff}
.footer-menu a:hover {color: #aaa;}