:root {
    --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    --tblr-font-size-5xl: 2.5rem;
    --tblr-line-height-5xl: 3.5rem;
}
:where(html) {
    --tblr-space-2xs: 0.25rem;
    --tblr-space-md: 1rem;
}
body {
    font-feature-settings: "cv03", "cv04", "cv11";
}
.text-gray-50-darken {
    color:var(--tblr-gray-50-darken) !important;
}
.mt-n8 {
    margin-top: -8rem !important;
}
.ms-n9 {
    margin-left: -11rem !important;
}
.me-n4 {
    margin-right: -1.6rem !important;
}
.mt-n3 {
    margin-top: -1rem !important;
}
.bg-center-contain{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.store-card .store-logo {
    width:78%;
    max-height: 3.625rem;
    min-height: 3.625rem;
    object-fit: contain;
    object-position: center;
}
.store-card .ribbon {
    font-size: 0.8rem;
}
.detail-store-card .store-logo{
    max-height: 7rem;
}
.avatar-link:hover{
    color: inherit;
    text-decoration: none;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
}
.avatar-link-pop:hover {
    transform: translateY(-2px);
    opacity: 1;
}
.portal-card .portal-logo {
    height: 3.625rem;
    width: 55%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.portal-card .bonus-currency, .portal-card .bonus-amount{
    font-size: 1.5rem;
}
.alpha-filter {
    font-size: 1.5rem;
}
.alpha-filter a, .alpha-filter span {
    margin-right: 10px;
}
.table-stores .portal-ico {
    width: 25px;
    height: 25px;
    margin-right: 4px;
}
.table-stores thead th {
    text-transform: unset;
    font-size: 0.8rem;
    color:var(--tblr-gray-900) !important;
}
.store-rate-block {
    font-size: 1.5rem;
}
.store-card .is-upto {
    font-size: 1.1rem;
}
.ui-widget.ui-widget-content {
    background: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
    box-shadow: var(--tblr-box-shadow-dropdown);
    padding: 5px 0;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-front {
    z-index: 10000;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}
.ui-helper-hidden-accessible {
    display: none !important;
}
#scrollUp, .go-to-top{
    bottom: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
}
footer .nav-link {
    color:var(--tblr-gray-50-darken) !important;
}
footer .nav-link:hover{
    color:var(--tblr-green) !important;
}
.navbar-item-badge {
    margin-left: var(--tblr-space-md);
}
.badge-sm {
    height: var(--tblr-space-md);
    padding: 0 var(--tblr-space-2xs);
}
@media(min-width: 960px) {
    .navbar-item-badge {
        top: -0.8rem!important;
        right: 1.6rem !important;
        transform: rotate(5deg) !important;
        margin: 0!important
    }
}
@media(max-width: 960px) {
    .navbar-item-badge {
        position: unset!important;
        top: unset!important;
        right: unset !important;
        transform: none!important;
    }
}
.store-about .collapse{
    display: -webkit-box;
    overflow: hidden;
    height: 4rem;
    text-overflow: ellipsis;
    position: relative;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.store-about .collapse.show {
    display: block !important;
    height: auto !important;
}

.store-about a.collapsed .text-less,.store-about .text-more {
    display: none !important;
}
.store-about .text-less,.store-about a.collapsed .text-more {
    display: contents !important;
}
.ui-autocomplete-loading{
    background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
}
.store-m-country{
    right:4px;
    bottom:4px;
}
.member-menus .active, .member-menus .nav-item:hover {
    background-color: var(--tblr-success-bg-subtle);
    border-left: 2px solid var(--tblr-green);
}
.member-menus .active a, .member-menus .nav-link:hover{
    color:var(--tblr-green)!important;
}
.input-group:has(input.is-invalid) .input-group-text {
    border-color: var(--tblr-form-invalid-border-color);
}
.input-group:has(input.is-valid) .input-group-text {
    border-color: var(--tblr-form-valid-border-color);
}
.hero-title {
    font-size: var(--tblr-font-size-h1);
    line-height: var(--tblr-line-height-5xl);
    font-weight: var(--tblr-font-weight-bold);
}
.tooltip {
    --tblr-tooltip-zindex: 800 !important;
}
@media(min-width: 768px) {
    .hero-title {
        font-size:var(--tblr-font-size-5xl);
        line-height: var(--tblr-line-height-5xl)
    }
}
#frm-signup .form-check-input.is-valid ~ .form-check-label, #frm-signup .form-check-input.is-invalid~.form-check-label {
    color: inherit !important;
}
.hover-shadow {
    transition: all 0.2s ease-in-out;
}
.hover-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px);
}
.btn-check:checked + .card-border {
    border-color: var(--tblr-primary) !important;
    background-color: rgba(var(--tblr-primary-rgb), 0.05);
}
.transition-all {
    transition: all 0.2s ease;
}
.select2-container--default .select2-selection--multiple {
    border-color: #d6d9e1 !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #206bc4 !important;
    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
}
.btn-gogo{
    cursor: pointer;
}