/* რეგულარი ვარიანტის დეფინიცია */
@font-face {
	font-family: 'betstat';
	src: url('../fonts/betstat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

/* მედიუმი ვარიანტის დეფინიცია */
@font-face {
	font-family: 'betstat';
	src: url('../fonts/betstat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

/* ბოლდი ვარიანტის დეფინიცია */
@font-face {
	font-family: 'betstat';
	src: url('../fonts/betstat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}


:root{
	--black-color		    : #000000;
	--primary-color		    : #FFFFFF;
	--secondary-color		: #9D9DA8;
	--text-color			: #AEB0B4;
	--accent-color			: #FFD106;
	--accent-color-2		: #5c4b00;
	--divider-color			: #16161A;
	--dark-divider-color	: #0f0f0f;
    --divider-line	        : #27272C;
	--error-color			: rgb(230, 87, 87);
	--default-font			: 'betstat', sans-serif;
}


::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: var(--accent-color);
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color);
}
::-webkit-scrollbar-thumb:active {
  background: var(--accent-color);
}
::-webkit-scrollbar-track {
  background: var(--secondary-color);
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: var(--secondary-color);
}
::-webkit-scrollbar-track:active {
  background: var(--secondary-color);
}
::-webkit-scrollbar-corner {
  background: transparent;
}

body {
    margin: 0;
    font-family: var(--default-font);
    color: var(--primary-color);
    background: var(--dark-divider-color);
    font-feature-settings: "case" on;
}

/* Custom Select CSS */
.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    position:relative;
}
.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 0 18px;
    box-sizing: border-box;
    width: 227px;
    height: 49px;
    background: var(--divider-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    color: var(--secondary-color);
}
.styledSelect:hover{
    color: var(--black-color);
    background: var(--accent-color);
    transition: all 0.3s ease;
}
.styledSelect:after {
    content:"";
    background: url("../images/select-arrow-down.png");
    position: absolute;
    width: 11px;
    height: 7px;
    display: block;
    right: 11px;
}
.styledSelect.active:after {
    background: url("../images/select-arrow-up.png");
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options.active {
    display:block;
}
.options li {
    width: 227px;
    height: 40px;
    background: var(--dark-divider-color);
    border-bottom: 1px solid var(--divider-line);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 0 0 18px;
    font-size: 14px;
}
.options li:hover {
    background-color: var(--accent-color);
    color: var(--black-color);
    transition: all 0.3s ease;
}
/* End of Custom Select CSS */

input {
    font-family: var(--default-font);
    color: var(--primary-color);
}

p {
    margin: 0;
}

header {
    width: 100%;
    background: var(--dark-divider-color);
    border-bottom: 1px solid var(--divider-line);
    position: fixed;
    z-index: 99;
}

main {
    padding: 32px 0 82px;
}

.main main {
    justify-content: space-between;
}

.casino main {
    min-height: 2583px;
    height: auto;
}

.promotions main {
    margin-bottom: 75px;
}

body.casino main,
body.promotions main,
body.table-games main,
body.promotions-inner main {
    padding: 110px 0 0;
}

.container {
    width: 1598px;
    margin: 0 auto;
    display: flex;
}

.d-flex-spaceBetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.d-flex-spaceCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-flex-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.d-flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Main */

.betStat-header {
    height: 100px;
    margin: 0 auto;
}

.betStat-leftMenu {
    width: 1333px;
}

.betStat-userLogo {
    background: url("../images/avatar_poker_pro.png") no-repeat center;
    background-size: 100%;
    object-fit: cover;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid var(--accent-color);
    margin-right: 15px;
}

.betStat-rightMenu.logged-in .betStat-logInRegister {
    display: none;
}

.betStat-rightMenu.logged-in .betStat-userNameInfo {
    display: block;
    max-width: 125px;
}

.betStat-rightMenu.logged-out .menuToggleIcon {
    display: none;
}

.betStat-rightMenu.logged-out .betStat-logInRegister {
    display: block;
}

.betStat-rightMenu.logged-out .betStat-logInRegister a.logIn {
    font-size: 16px;
    line-height: 21px;
    color: var(--accent-color);
    text-decoration: none;
    background: var(--divider-color);
    padding: 5px 10px;
    display: block;
    border: 1px solid var(--accent-color);
    border-radius: 5px;
}

.betStat-rightMenu.logged-out .betStat-logInRegister a.register {
    font-size: 14px;
    line-height: 16px;
    color: var(--primary-color);
    text-align: center;
    display: block;
    margin-top: 4px;
    text-decoration: none;
    letter-spacing: 1px;
}

.betStat-rightMenu.logged-out .betStat-userLogo {
    background: url("../images/user-logo-loggedOut.svg") no-repeat center;
    background-size: 22px;
    width: 50px;
    height: 50px;
    border: 1px solid var(--divider-line);
    border-radius: 50%;
    margin-right: 15px;
}

.betStat-rightMenu.logged-out .betStat-userNameInfo {
    display: none;
}

.betStat-rightMenu .betStat-userParameters {
    display: none;
    position: absolute;
    width: 190px;
    left: 0;
    height: 120px;
    top: 84px;
    border: 1px solid var(--divider-line);
    border-radius: 0px 0px 10px 10px;
}

.betStat-rightMenu .betStat-userParameters a {
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: var(--secondary-color);
    min-width: 140px;
    height: 40px;
    background: var(--divider-color);
    border-bottom: 1px solid var(--divider-line);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 45px;
}

.betStat-rightMenu .betStat-userParameters a:hover{
    background-color: var(--accent-color);
    color: var(--black-color);
    transition: all 0.3s ease;
}

.betStat-rightMenu .betStat-userParameters a.profile {
    position: relative;
}

.betStat-rightMenu .betStat-userParameters a.profile:after {
    content: '';
    background: url("../images/profile.svg");
    width: 16px;
    height: 16px;
    top: 12px;
    right: 16px;
    position: absolute;
}

.betStat-rightMenu .betStat-userParameters a.parameters:after {
    content: '';
    background: url("../images/parameters.svg");
    width: 16px;
    height: 16px;
    top: 12px;
    right: 16px;
    position: absolute;
}

.betStat-rightMenu .betStat-userParameters a.parameters {
    position: relative;
}

.betStat-rightMenu .betStat-userParameters a.logOut {
    border-radius: 0 0 8px 8px;
    position: relative;
}

.betStat-rightMenu .betStat-userParameters a.logOut:after {
    content: '';
    background: url("../images/logout.svg");
    width: 16px;
    height: 16px;
    top: 12px;
    right: 16px;
    position: absolute;
}

.betStat-rightMenu .betStat-userParameters.active {
    display: block;
}

.betStat-leftMenu .betStat-navBar ul {
    list-style-type: none;
    display: flex;
}

.betStat-leftMenu .betStat-navBar ul li {

}

.betStat-leftMenu .betStat-navBar ul li a {
    text-decoration: none;
    color: var(--secondary-color);
    margin-right: 40px;
    font-size: 16px;
    letter-spacing: 0.1em;
    transition: all 0.3s ease;
}

.betStat-leftMenu .betStat-navBar ul li a.active,
.betStat-leftMenu .betStat-navBar ul li a:hover {
    color: var(--primary-color);
    padding-bottom: 9px;
    border-bottom: 2px solid var(--accent-color);
    transition: all 0.3s ease;
}

.betStat-rightMenu {
    background: var(--divider-color);
    border: 1px solid var(--divider-line);
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
}

.betStat-rightMenu .menuToggleIcon {
    background: url("../images/down-arrow.svg");
    background-repeat: no-repeat;
    background-color: var(--accent-color);
    background-position: center;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 11px;
    cursor: pointer;
}

.betStat-rightMenu .menuToggleIcon:hover {
    background-color: var(--primary-color);
}

.betStat-rightMenu .menuToggleIcon.active {
    background: url("../images/up-arrow.svg");
    background-repeat: no-repeat;
    background-color: var(--accent-color);
    background-position: center;
}

.betStat-rightMenu .menuToggleIcon.active:hover {
    background-color: var(--primary-color);
}

.betStat-rightMenu.logged-out:after {
    display: none;
}

.betStat-userNameInfo p {
    font-size: 14px;
    letter-spacing: 0.1em;
    color: var(--primary-color);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 40px 0 0;
}

.betStat-userNameInfo span {
    font-size: 11px;
    letter-spacing: 0.1em;
    color: #B0B0B0;

}

.betStat-header-carousel {
    background: var(--divider-color);
    width: 100%;
    padding: 110px 0 0;
    border-bottom: 1px solid var(--divider-line);
}

.betStat-header-carousel-inner {
    height: 420px;
}

.betStat-header-carousel-inner-first,
.betStat-header-carousel-inner-second,
.betStat-header-carousel-inner-third {
    width: 522px;
    height: 345px;
    border-radius: 10px;
    background: var(--dark-divider-color);
    border: 1px solid var(--divider-line);
    position: relative;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description {
    padding-top: 40px;
    margin-top: 0;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-description-text p {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 360px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-description-text span {
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.06em;
    color: var(--secondary-color);
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-rating {
    position: absolute;
    bottom: 0;
    right: 14px;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-rating .head{
    width: 45px;
    height: 24px;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 4px 4px 0 0;
    margin-bottom: 8px;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    padding-left: 22px;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-rating .head:after{
    content: '';
    background: url("../images/slider-rate-img.png");
    width: 17px;
    height: 15px;
    display: block;
    left: 8px;
    position: absolute;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-rating .bottom{
    width: 45px;
    height: 45px;
    border: 2px solid #FFE600;
    border-radius: 50%;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    font-size: 24px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    float: right;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-dots {
    top: 258px;
    height: 20px;
    align-items: flex-start;
}

.betStat-header-carousel-inner-first .owl-carousel-poster {
    /*background: url("../images/carousel-first-img.png") center no-repeat;*/
    width: 522px;
    height: 240px;
    display: block;
    text-decoration: none;
    background-size: cover!important;
}

.betStat-header-carousel-inner-second .owl-carousel-poster {
    /*background: url("../images/carousel-second-img.png") center no-repeat;*/
    width: 522px;
    height: 240px;
    display: block;
    text-decoration: none;
    background-size: cover!important;
}

.betStat-header-carousel-inner-third .owl-carousel-poster {
    background: url("../images/carousel-third-img.png") center no-repeat;
    width: 261px;
    height: 345px;
    display: block;
    text-decoration: none;
    float: left;
    background-size: cover!important;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .info-slider .owl-carousel-poster {
    background: url("../images/info-slider-poster.png") center no-repeat;
    width: 261px;
    height: 345px;
    display: block;
    text-decoration: none;
    float: left;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .info-slider .owl-carousel-description {
    padding: 35px 20px 0 20px;
    text-align: center;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .info-slider .owl-carousel-description .owl-carousel-description-text{
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--divider-line);
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .info-slider .owl-carousel-description .owl-carousel-description-text-content{
    position: relative;
    margin-bottom: 25px;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .info-slider .owl-carousel-description .owl-carousel-description-text-content p{
    align-items: center;
    display: flex;
    margin: 0 0 0 14px;
    font-size: 16px;
    color: var(--secondary-color);
    text-align: left;
    padding-left: 5px;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .info-slider .owl-carousel-description .owl-carousel-description-text-content:before{
    content: '';
    width: 3px;
    height: 16px;
    border-radius: 5px;
    left: 0;
    background: var(--accent-color);
    position: absolute;
}



.betStat-header-carousel-inner .betStat-header-carousel-inner-second .owl-carousel .owl-carousel-description {
    margin-top: 43px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-second .owl-carousel .owl-carousel-description .owl-carousel-description-text {
    margin-left: 15px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-second .owl-carousel .owl-carousel-description .owl-carousel-description-text p {
    line-height: 18px;
    width: 420px;
    margin-left: 30px;
    align-items: center;
    display: flex;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--primary-color);
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-second .owl-carousel .owl-carousel-description .owl-carousel-description-text p:hover {
    color: var(--accent-color);
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-second .owl-carousel .owl-carousel-description .owl-carousel-description-text:before {
    content: '';
    width: 15px;
    height: 15px;
    background: var(--accent-color);
    position: absolute;
    border-radius: 50%;
}

.betStat-header-carousel-inner .owl-carousel {
    height: 340px;
}

.betStat-header-carousel-inner .owl-carousel .owl-dots {
    width: 174px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 74px;
    left: 0;
    right: 0;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-dots {
    width: 155px;
    left: 53px;
    right: auto;
    bottom: 26px;
}

.betStat-header-carousel-inner .owl-carousel button.owl-dot {
    width: 45px;
    height: 5px;
    background: var(--divider-line);
    border-radius: 2px;
}

.betStat-header-carousel-inner .owl-carousel button.owl-dot.active {
    background: var(--accent-color);
}

.betStat-header-carousel-inner .owl-carousel .owl-carousel-description {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
    position: relative;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description {
    width: 261px;
    margin-top: 0;
    float: left;
    padding: 26px 20px 0 20px;
    box-sizing: border-box;
    display: block;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-text {
    margin-bottom: 30px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote {
    margin-bottom: 11px;
    height: 26px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote-inner {
    width: 221px;
    margin-bottom: 5px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote.voted .owl-carousel-description-vote-button {
    display: none;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote.voted .owl-carousel-description-vote-button-text {
    display: block;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote.not-voted .owl-carousel-description-vote-button {
    display: block;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote.not-voted .owl-carousel-description-vote-button-text {
    display: none;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote .owl-carousel-description-vote-button-text {
    font-size: 14px;
    line-height: 10px;
    color: #627ADC;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote-name {
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote-button {
    width: 88px;
    height: 17px;
    background: #627ADC;
    border-radius: 8.5px;
    font-family: var(--default-font);
    color: #ffffff;
    font-size: 8px;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote-progress {
    width: 221px;
    height: 4px;
    background: rgba(98, 122, 220, 0.35);
    border-radius: 10px;

}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote-progress span {
    width: 111px;
    height: 4px;
    background: #627ADC;
    border-radius: 10px;
    display: block;
}
.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description-vote-progress.not-voted span {
    display: none;
}

.betStat-header-carousel-inner .owl-carousel .owl-carousel-description .owl-carousel-description-img {
    background: url("../images/icon.png") center no-repeat;

    background-size: cover;
    width: 45px;
    height: 45px;
    margin-right: 15px;
    margin-left: 15px;
    border: 2px solid var(--accent-color);
    border-radius: 50%;
}

.betStat-header-carousel-inner .owl-carousel .owl-carousel-description .owl-carousel-description-text p {
    font-size: 16px;
    color: var(--primary-color);
    margin: 0;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .owl-carousel-description .owl-carousel-description-text p {
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
}

.betStat-header-carousel-inner .owl-carousel .owl-carousel-description .owl-carousel-description-text span {
    font-size: 12px;
    color: #50535e;
    position: absolute;
}

.banner-table.rightSide .banner-table-first {
    background: url("../images/banner-first.png");
    width: 382px;
    height: 448px;
    margin-bottom: 17px;
    display: block;
}

.banner-table.rightSide .banner-table-second {
    background: url("../images/banner-second.png");
    width: 380px;
    height: 430px;
    display: block;
}


.main-table.leftSide {
    width: 1200px;
}

.main-table.leftSide .main-table-menu .tab {
    position: relative;
    width: 389px;
    height: 55px;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    border: 1px solid var(--divider-line);
}

.main-table.leftSide .main-table-menu .tab:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 15px;
}

.main-table.leftSide .main-table-menu .football {
    border-bottom: 2px solid #04e65e;
}

.main-table.leftSide .main-table-menu .football:before {
    background: url("../images/football-ball.svg") no-repeat;
}

.main-table.leftSide .main-table-menu .football-inner {
    width: 389px;
    height: 55px;
    border-radius: 10px 10px 0px 0px;
}

.main-table.leftSide .main-table-menu .basketball {
    border-bottom: 2px solid #EB753B;
}

.main-table.leftSide .main-table-menu .basketball:before {
    background: url("../images/basketball-ball.svg") no-repeat;
}

.main-table.leftSide .main-table-menu .basketball-inner {
    width: 389px;
    height: 55px;
    border-radius: 10px 10px 0px 0px;
}

.main-table.leftSide .main-table-menu .tennis {
    border-bottom: 2px solid #3C638E;
}

.main-table.leftSide .main-table-menu .tennis:before {
    background: url("../images/tennis-ball.svg") no-repeat;
}

.main-table.leftSide .main-table-menu .tennis-inner {
    width: 389px;
    height: 55px;
    border-radius: 10px 10px 0px 0px;
}

.main-table.leftSide .main-table-menu .match-text {
    display: flex;
    align-items: center;
    padding-left: 70px;
    box-sizing: border-box;
}

.content {
    display: none;
}

.content.current {
    display: block;
}

.league-row {
    width: 1200px;
    height: 80px;
    background: var(--dark-divider-color);
    border: 1px solid var(--divider-line);
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0;
    margin-top: 18px;
    margin-bottom: 33px;
    justify-content: space-evenly;
}

.league-row-inner input[type="checkbox"]:checked,
.league-row-inner input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.league-row-inner input[type="checkbox"]:checked + label,
.league-row-inner input[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 33px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    height: 18px;
}

.league-row-inner input[type="checkbox"]:checked + label:before,
.league-row-inner input[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background: var(--dark-divider-color);
    border: 2px solid var(--accent-color);
    box-sizing: border-box;
    border-radius: 5px;
}

.league-row-inner input[type="checkbox"]:checked + label:after,
.league-row-inner input[type="checkbox"]:not(:checked) + label:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--accent-color);
    border-radius: 2px;
    left: 0;
    top: 0;
    border: 2px solid var(--primary-color);
    box-sizing: border-box;
    border-radius: 5px;
}

.league-row-inner input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.league-row-inner input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.league-content {
    margin-bottom: 22px;
    width: 1200px;
    background: var(--dark-divider-color);
    border: 1px solid var(--divider-line);
    border-radius: 10px 10px 0 0;
    display: none;
}

.league-content.current {
    display: block;
}

.league-content-inner {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.league-content .league-content-leftSide {
    position: relative;
    width: 389px;
    height: 67px;
    border-radius: 10px 0 0 0;
    display: flex;
    align-items: center;
}

.league-content.premierLeague .league-content-leftSide {
    background: url('../images/england.png');
}

.league-content.laLeague .league-content-leftSide {
    background: url('../images/spain.png');
}

.league-content.serieA .league-content-leftSide {
    background: url('../images/italy.png');
}

.league-content.bundesLeague .league-content-leftSide {
    background: url('../images/germany.png');
}

.league-content.championLeague .league-content-leftSide {
    background: url('../images/championsLeagueFlag.png') no-repeat;
}

.league-content.europeLeague .league-content-leftSide {
    background: url('../images/europe.png');
}
.league-content.franceLeague .league-content-leftSide {
    background: url('../images/france.png');
}


.league-content.nba .league-content-leftSide {
    background: url('../images/usa.png');
}

.league-content.euroLeague .league-content-leftSide {
    background: url('../images/europe.png');
}

.league-content.wimbledon .league-content-leftSide {
    background: url('../images/britain.png');
}

.league-content.australianOpen .league-content-leftSide {
    background: url('../images/australia.png');
}

.league-content.frenchOpen .league-content-leftSide {
    background: url('../images/france.png');
}

.league-content.usOpen .league-content-leftSide {
    background: url('../images/us.png');
}


.league-content .league-content-leftSide:before {
    content: '';
    position: absolute;
}

.league-content.premierLeague .league-content-leftSide:before {
    background: url("../images/premier_league.svg");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 17px;
}

.league-content.laLeague .league-content-leftSide:before {
    background: url("../images/la_league.svg");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 17px;
}

.league-content.serieA .league-content-leftSide:before {
    background: url("../images/seriaA.svg");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 17px;
}

.league-content.bundesLeague .league-content-leftSide:before {
    background: url("../images/bundeLeague.svg");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 17px;
}

.league-content.championLeague .league-content-leftSide:before {
    background: url("../images/championsLeague.svg");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 17px;
}

.league-content.europeLeague .league-content-leftSide:before {
    background: url("../images/europeLeague.svg");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 17px;
}
.league-content.franceLeague .league-content-leftSide:before {
    background: url("../images/ligue_1.svg");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 17px;
}

.league-content.nba .league-content-leftSide:before {
    background: url("../images/nba.png");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 18px;
}

.league-content.euroLeague .league-content-leftSide:before {
    background: url("../images/euroLeague.png");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 18px;
}

.league-content.wimbledon .league-content-leftSide:before {
    background: url("../images/wimbledon.png");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 18px;
}

.league-content.australianOpen .league-content-leftSide:before {
    background: url("../images/australianOpen.png");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 18px;
}

.league-content.frenchOpen .league-content-leftSide:before {
    background: url("../images/frenchOpen.png");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 18px;
}

.league-content.usOpen .league-content-leftSide:before {
    background: url("../images/usOpen.png");
    width: 50px;
    height: 50px;
    top: 8px;
    left: 18px;
}


.league-content .league-content-leftSide h1 {
    font-size: 16px;
    font-weight: 900;
    color: var(--primary-color);
    padding-left: 87px;
    margin: 0;
}

.game-tab {
    display: none;
}

.game-tab.current {
    display: block;
}

.game-tab .game-tab-matches {

}

.game-tab .game-tab-matches .match {
    width: 1200px;
    height: 45px;
    background: var(--divider-color);
    border-bottom: 1px solid var(--divider-line);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.game-tab .game-tab-matches .match:after {
    content: '';
    background: url("../images/arrow-down.png");
    width: 9px;
    height: 6px;
    position: absolute;
    top: 19px;
    right: 20px;
}

.game-tab .game-tab-matches .match.current:after {
    content: '';
    background: url("../images/arrow-up.png");
    width: 9px;
    height: 6px;
    position: absolute;
    top: 19px;
    right: 20px;
}

.game-tab .game-tab-matches .match .game-date {
    width: 85px;
    font-size: 12px;
    color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.game-tab .game-tab-matches .match .game-date p {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.game-tab .game-tab-matches .match .game-date span {
    font-size: 12px;
    color: var(--secondary-color);
    font-weight: 500;
}

.game-tab .game-tab-matches .match .game-title {
    width: 280px;
    font-size: 14px;
    color: var(--primary-color);
    text-align: left;
}

.game-tab .game-tab-matches .match .game-title span{
    color: var(--accent-color);
    margin: 0px 5px;
}

.game-tab .game-tab-matches .match .game-icons {
    content: '';
    background: url("../images/icons.png") no-repeat;
    width: 34px;
    height: 13px;
    margin-left: 107px;
    margin-right: 8px;
}

#basketball-content .game-tab .game-tab-matches .match .game-icons,
#tennis-content .game-tab .game-tab-matches .match .game-icons {
    margin-left: 200px;
}

.game-tab .game-tab-matches .game-coefficients {
    display: flex;
    align-items: center;
}

.game-tab .game-tab-matches .game-coefficients .game-coefficient {
    width: 48px;
    height: 24px;
    background: var(--divider-line);
    border-radius: 5px;
    font-size: 14px;
    color: var(--secondary-color);
    margin-right: 4px;
}

.game-tab .summary-inner .highlighted{
    border: 0px solid var(--accent-color);
    color: var(--accent-color) !important;
    box-sizing: border-box;
    border-radius: 5px;
}

#basketball-content .game-tab .game-tab-matches .game-coefficients .game-coefficient.handicap,
#tennis-content .game-tab .game-tab-matches .game-coefficients .game-coefficient.handicap {
    width: 71px;
    margin-right: 0;
}

.game-tab .game-tab-matches .game-coefficients .game-coefficient.lessThan {
    margin-left: 6px;
    margin-right: 8px;
}

#basketball-content .game-tab .game-tab-matches .game-coefficients .game-coefficient.lessThan,
#tennis-content .game-tab .game-tab-matches .game-coefficients .game-coefficient.lessThan {
    margin-left: 0;
    margin-right: 4px;
}

.game-tab .game-tab-matches .game-coefficients .game-coefficient.higherThan {
    margin-right: 6px;
    margin-left: 8px;
}

#basketball-content .game-tab .game-tab-matches .game-coefficients .game-coefficient.higherThan,
#tennis-content .game-tab .game-tab-matches .game-coefficients .game-coefficient.higherThan {
    margin-right: 0;
    margin-left: 0;
}

.game-tab .game-tab-matches .game-coefficients .game-coefficient.total {
    margin-right: 0;
}

.game-tab .game-tab-matches .game-coefficients .arrow-left {
    width: 19px;
    height: 19px;
    background: var(--divider-line);
    border-radius: 10px;
    margin-right: 5px;
    position: relative;
}

.game-tab .game-tab-matches .game-coefficients .arrow-right {
    width: 19px;
    height: 19px;
    background: var(--divider-line);
    border-radius: 10px;
    margin-left: 5px;
    position: relative;
}

#basketball-content .game-tab .game-tab-matches .game-coefficients .arrow-right,
#tennis-content .game-tab .game-tab-matches .game-coefficients .arrow-right {
    margin-left: 6px;
    margin-right: 3px;
}

#basketball-content .game-tab .game-tab-matches .game-coefficients .arrow-left,
#tennis-content .game-tab .game-tab-matches .game-coefficients .arrow-left {
    margin-right: 6px;
    margin-left: -1px;
}

.game-tab .game-tab-matches .game-coefficients .arrow-left:before {
    content: '';
    position: absolute;
    background: url("../images/arrow-left.png");
    width: 6px;
    height: 9px;
    top: 5px;
    right: 7px;
}

.game-tab .game-tab-matches .game-coefficients .arrow-right:after {
    content: '';
    position: absolute;
    background: url("../images/arrow-right.png");
    width: 6px;
    height: 9px;
    top: 5px;
    left: 7px;
}

.league-content .league-content-rightSide {
    display: flex;
    padding-left: 125px;
}

#basketball-content .league-content .league-content-rightSide,
#tennis-content .league-content .league-content-rightSide {
    padding-left: 218px;
}

.league-content .choose-coefficient {
    width: 48px;
    height: 34px;
    background: var(--divider-line);
    border-radius: 40px;
    margin-right: 4px;
}

.league-content .choose-coefficient.handicap {
    width: 120px;
}

#basketball-content .league-content .choose-coefficient.total,
#tennis-content .league-content .choose-coefficient.total {
    width: 97px;
    margin-left: 0;
    margin-right: 4px;
}

#basketball-content .league-content .choose-coefficient.lessThan,
#tennis-content .league-content .choose-coefficient.lessThan {
    margin-left: 0;
}

.league-content .choose-coefficient p {
    font-size: 14px;
    line-height: 16px;
    color: var(--primary-color);
    font-weight: 500;
}

.league-content .choose-coefficient.lessThan {
    margin-left: 6px;
    position: relative;
}

.league-content .choose-coefficient.lessThan:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 19px;
    background: url("../images/lessThan.png");
    width: 9px;
    height: 11px;
}

.league-content .choose-coefficient.total {
    width: 64px;
    margin: 0 22px;
}

.league-content .choose-coefficient.higherThan {
    margin-right: 6px;
    position: relative;
}

.league-content .choose-coefficient.higherThan:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 20px;
    background: url("../images/higherThan.png");
    width: 9px;
    height: 11px;
}


.summary {
    display: none;
}

.summary.current {
    display: block;
}

.league-content .game-tab-matches .summary {
    width: 1200px;
    background: var(--divider-color);
    border-bottom: 1px solid var(--divider-line);
    box-sizing: border-box;
}

.league-content .game-tab-matches .summary .summary-inner {
    box-sizing: border-box;
    width: 1200px;
    height: 165px;
    margin: 25px 0px;
}

.league-content .game-tab-matches .summary .summary-headsUp {
    width: 1200px;
    height: 50px;
    background: var(--dark-divider-color);
    border-bottom: 1px solid var(--divider-line);
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.league-content .game-tab-matches .summary .summary-statistics {
    width: 1200px;
    height: 180px;
    background: var(--dark-divider-color);
    border-top: 1px solid var(--divider-line);
    box-sizing: border-box;
    padding: 9px;
}

.league-content .game-tab-matches .summary .summary-statistics-head {
    margin-bottom: 10px;
}

.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-first {
    font-size: 14px;
    line-height: 16px;
    color: var(--secondary-color);
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    width: 90px;
    box-sizing: border-box;
    margin-right: 12px;
}

.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-first::before{
    content: '';
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background: var(--accent-color);

}

.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-second,
.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-third {
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
}

.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-third {
    margin-left: 16px;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom {
    font-size: 14px;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom .statistics-block {
    width: 148px;
    height: 42px;
    background: var(--divider-color);
    border-bottom: 1px solid var(--accent-color);
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
    font-size: 14px;
    margin: 0px 2px;
}
.league-content .game-tab-matches .summary .summary-statistics-bottom .statistics-block a{
    background: var(--divider-line);
    border: 1px var(--divider-line);
    box-sizing: border-box;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--secondary-color);
    padding: 5px 15px;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom .statistics-block a:hover{
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    transition: all 0.3s ease;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom-first {

}

.league-content .game-tab-matches .summary .summary-statistics-bottom-second {
    display: none;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom-second.current {
    display: block;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom-second .summary-statistics-all {

}

.league-content .game-tab-matches .summary .summary-statistics-bottom-second .summary-statistics-all .home {
    width: 148px;
    height: 42px;
    background: var(--divider-color);
    border: 1px solid var(--dark-divider-color);
    box-sizing: border-box;
    border-radius: 10px;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom-second .summary-statistics-all .home-block-inner {
    width: 75px;
    height: 42px;
    background: var(--divider-color);
    border: 1px solid var(--dark-divider-color);
    box-sizing: border-box;
    border-radius: 5px;
}

.league-content .game-tab-matches .summary .summary-statistics-bottom-second .summary-statistics-all .home-block-inner:first-child {
    width: 72px;
    background: var(--divider-line);
}
.league-content .game-tab-matches .summary .summary-statistics-bottom-second .summary-statistics-all.summary-statistics-away .home-block-inner:first-child {

    background: var(--divider-color);
}
.league-content .game-tab-matches .summary .summary-statistics-bottom-second .summary-statistics-all.summary-statistics-away .home-block-inner:nth-child(2) {

    background: var(--divider-line);
}

.tick { background: yellow }


.league-content .game-tab-matches .summary .summary-leftSide {
    width: 400px;
    height: 164px;
    float: left;
}

#basketball-content .league-content .game-tab-matches .summary .summary-leftSide,
#tennis-content .league-content .game-tab-matches .summary .summary-leftSide {
    width: 493px;
}

.league-content .game-tab-matches .summary .summary-leftSide .summary-leftSide-H2H {
    width: 321px;
    height: 164px;
    margin: 0 auto;
}

.league-content .game-tab-matches .summary .summary-leftSide .summary-leftSide-H2H .statistics {
    width: 81px;
    height: 24px;
    background: var(--divider-line);
    border-radius: 10px;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: 0.1em;
    color: var(--secondary-color);
    margin: 0 auto 4px;
    position: relative;
}

.league-content .game-tab-matches .summary .summary-leftSide .summary-leftSide-H2H .statistics:before {
    content: '';
    position: absolute;
    width: 73px;
    height: 2px;
    background: var(--divider-line);
    border-radius: 5px;
    top: 11px;
    left: -77px;
}

.league-content .game-tab-matches .summary .summary-leftSide .summary-leftSide-H2H .statistics:after {
    content: '';
    position: absolute;
    width: 73px;
    height: 2px;
    background: var(--divider-line);
    border-radius: 5px;
    top: 11px;
    right: -77px;
}

.league-content .game-tab-matches .summary .summary-leftSide .summary-leftSide-H2H .statisticsSum {
    width: 39px;
    height: 24px;
    border: 1px solid var(--divider-line);
    box-sizing: border-box;
    border-radius: 24px;
    font-size: 14px;
    line-height: 16px;
    color: var(--secondary-color);
}

.league-content .game-tab-matches .summary .summary-rightSide {
    float: left;
    margin-bottom: 4px;
}

.league-content .game-tab-matches .summary .summary-rightSide .provider-company {
    display: flex;
    align-items: center;
    min-width: 113px;
    max-width: 113px;
    justify-content: space-between;
}

.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-name {
    font-size: 14px;
    color: var(--secondary-color);
}

.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo {
    width: 24px;
    height: 24px;
    background: var(--accent-color);
    border-radius: 5px;
    position: relative;
    margin-right: 7px;
}

.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo:before {
    content: '';
    background: url("../images/betstat-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 6px;
}

/*.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo.crocobet:before {*/
/*    background: url("../images/crocobet_small.png");*/
/*}*/

/*.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo.adjarabet:before {*/
/*    background: url("../images/adjarabet_small.png");*/
/*}*/

/*.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo.leaderbet:before {*/
/*    background: url("../images/leader-bet_small.png");*/
/*}*/
/*.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo.crystalbet:before {*/
/*    background: url("../images/crystalbet_small.png");*/
/*}*/
/*.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo.betlive:before {*/
/*    background: url("../images/betlive_small.png");*/
/*}*/
/*.league-content .game-tab-matches .summary .summary-rightSide .provider-company .provider-company-logo.europebet:before {*/
/*    background: url("../images/europebet_small.png");*/
/*}*/

.league-content .game-tab-matches .summary .summary-headsUp-leftSide {
    width: 513px;
}

#basketball-content .league-content .game-tab-matches .summary .summary-headsUp-leftSide,
#tennis-content .league-content .game-tab-matches .summary .summary-headsUp-leftSide {
    width: 605px;
}

.league-content .game-tab-matches .summary .summary-headsUp-leftSide {
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 185px;
    box-sizing: border-box;
}

.league-content .game-tab-matches .summary .summary-headsUp-rightSide {
    display: flex;
    align-items: center;
}

.league-content .game-tab-matches .summary .summary-headsUp-rightSide .choose-coefficient {
    height: 24px;
    background: var(--divider-line);
    border-radius: 24px;
}

.league-content .game-tab-matches .summary .summary-headsUp-rightSide .choose-coefficient.lessThan:before,
.league-content .game-tab-matches .summary .summary-headsUp-rightSide .choose-coefficient.higherThan:before {
    top: 6px;
}


/*BASKETBALL*/

#basketball-content .league-row {
    justify-content: center;
    padding: 0;
}

#basketball-content .league-row-inner {
    margin-right: 55px;
}


/*TENNIS*/

#tennis-content .league-row {
    justify-content: center;
    padding: 0;
}

#tennis-content .league-row-inner {
    margin-right: 55px;
}

/* End Main */


/* POPUP */

.client-popup-container {
    display: none;
}

.client-popup-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.cp-close {
    background: url('../images/x.svg');
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 23px;
    top: 22px;
}

.client-popup {
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 440px;
    height: 640px;
    background: var(--dark-divider-color);
    border: 1px solid var(--divider-line);
    border-radius: 10px;
}

.client-popup .cp-header {
    height: 50px;
    display: flex;
}

.client-popup .cp-header .cp-login,
.client-popup .cp-header .cp-register {
    width: 220px;
    background: var(--divider-color);
    border-radius: 0 10px 0 0;
    cursor: pointer;
}

.client-popup .cp-header .cp-login.current,
.client-popup .cp-header .cp-register.current {
    background: transparent;
    border-radius: 0 10px 0 0;
}

.client-popup .cp-body {
    display: none;
    position: relative;
    box-sizing: border-box;
    padding: 59px 23px 41px 22px;
}

.client-popup .cp-body .orLogin,
.client-popup .cp-body .orRegister {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: var(--secondary-color);
    margin-top: 30px;
    margin-bottom: 20px;
}

.client-popup .cp-body .orLogin:before,
.client-popup .cp-body .orRegister:before,
.client-popup .cp-body .orLogin:after,
.client-popup .cp-body .orRegister:after {
    position: absolute;
    width: 99px;
    height: 0;
    border: 1px solid rgba(28, 30, 40, 0.60989);
}

.client-popup .cp-body .orRegister {
    margin-top: 28px;
    margin-bottom: 17px;
}

.client-popup .cp-body .authorise-fb {
    position: relative;
    width: 395px;
    height: 50px;
    background: #1e85ff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
    border: 2px solid #56a4ff;
}

.client-popup .cp-body .authorise-fb:before {
    content: '';
    background: url("../images/popup-fb.png");
    width: 15px;
    height: 27px;
    position: absolute;
    top: 10px;
    left: 23px;
}

.client-popup .cp-body .authorise-google {
    position: relative;
    width: 395px;
    height: 50px;
    background: #ff4343;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
    border: 2px solid #ff5d5d;
}

.client-popup .cp-body .authorise-google:before {
    content: '';
    background: url("../images/popup-google.png");
    width: 25px;
    height: 26px;
    position: absolute;
    top: 10px;
    left: 19px;
}

.client-popup #register-tab.cp-body .authorise-fb:before {
    top: 10px;
    left: 14px;
}

.client-popup #register-tab.cp-body .authorise-google:before {
    top: 10px;
    left: 16px;
}

.client-popup #register-tab.cp-body .authorise-fb {
    width: 188px;
    height: 50px;
    float: left;
    margin-right: 19px;
    padding-left: 50px;
}

.client-popup #register-tab.cp-body .authorise-google {
    width: 188px;
    height: 50px;
    float: left;
    padding-left: 63px;
}

.client-popup .cp-body .client-popup-row {
    margin-bottom: 19px;
}
.client-popup .cp-body .client-popup-row.rememberUpdate a {
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    color: var(--secondary-color);
}

.client-popup #register-tab.cp-body .client-popup-row {
    margin-bottom: 8px;
}

.client-popup #register-tab.cp-body .client-popup-row:nth-of-type(5) {
    margin-top: 22px;
    margin-bottom: 28px;
}

.client-popup .cp-body .client-popup-row .client-popup-button {
    width: 395px;
    height: 65px;
    background: var(--accent-color);
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
    color: var(--black-color);
    cursor: pointer;
    border: 0;
    font-family: var(--default-font);
}

.client-popup .cp-body input {
    width: 395px;
    height: 50px;
    background: var(--divider-color);
    border: 2px solid var(--divider-line);
    box-sizing: border-box;
    border-radius: 8px;
    outline: 0;
    margin-top: 4px;
    font-size: 18px;
    line-height: 21px;
    color: var(--accent-color);
    padding-left: 22px;
    transition: all 0.3s ease;
}

.client-popup .cp-body label {
    font-size: 14px;
    line-height: 18px;
    color: var(--secondary-color);
}

.client-popup .cp-body.current {
    display: block;
}


.client-popup .cp-body input[type="checkbox"]:checked,
.client-popup .cp-body input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.client-popup .cp-body input[type="checkbox"]:checked + label,
.client-popup .cp-body input[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 31px;
    cursor: pointer;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: var(--secondary-color);
}

.client-popup .cp-body input[type="checkbox"]:checked + label,
.client-popup .cp-body input[type="checkbox"]:not(:checked) + label:active {
    color: var(--accent-color);

}

.client-popup .cp-body input[type="checkbox"]:checked + label:before,
.client-popup .cp-body input[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    background: var(--dark-divider-color);
    border: 2px solid var(--divider-line);
    border-radius: 5px;
}

.client-popup .cp-body input[type="checkbox"]:checked + label:after,
.client-popup .cp-body input[type="checkbox"]:not(:checked) + label:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    background: var(--accent-color);
    border: 2px solid var(--primary-color);
    border-radius: 5px;
}

.client-popup .cp-body input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.client-popup .cp-body input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* End POPUP */


/* Casino */
.casino .casino-top {
    width: 1598px;
    margin: 26px auto 16px;
}

.casino .casino-top .casino-top-left h1 {
    font-size: 36px;
    letter-spacing: 0.04em;
    line-height: 41px;
    color: #FFFFFF;
    margin: 0;
}

.casino .casino-top .casino-top-right {
    width: 227px;
}

.casino .casino-top .casino-top-right label {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #515360;
    margin-bottom: 7px;
}

.casino .casino-top .casino-top-right select {
    width: 227px;
    height: 49px;
    background: #242634;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-family: var(--default-font);
    color: #FFFFFF;
    padding-left: 18px;
    font-size: 18px;
}

.casino .casino-main .casino-boxes {
    margin-bottom: 46px;
}

.casino .casino-main .casino-boxes .box {
    height: 440px;
    background: #1E202B;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin-bottom: 26px;
}

.casino .casino-main .casino-boxes .box .box-image {
    width: 380px;
    height: 440px;
    border-radius: 10px;
}

.casino .casino-main .casino-boxes .box:nth-child(1) .box-image {
    background: url("../images/casino/casino1.png") #242634 center no-repeat;
}

.casino .casino-main .casino-boxes .box:nth-child(2) .box-image {
    background: url("../images/casino/casino2.png") #242634 center no-repeat;
}

.casino .casino-main .casino-boxes .box:nth-child(3) .box-image {
    background: url("../images/casino/casino3.png") #242634 center no-repeat;
}

.casino .casino-main .casino-boxes .box:nth-child(4) .box-image {
    background: url("../images/casino/casino4.png") #242634 center no-repeat;
}

.casino .casino-main .casino-boxes .box:nth-child(5) .box-image {
    background: url("../images/casino/casino5.png") #242634 center no-repeat;
}

.casino .casino-main .casino-boxes .box .box-description {
    width: 1218px;
    box-sizing: border-box;
    padding: 45px 47px 41px 30px;
    position: relative;
}

.casino .casino-main .casino-boxes .box .box-description .box-description-top {
    margin-bottom: 26px;
}

.casino .casino-main .casino-boxes .box .box-description .box-description-top h3,
.casino .casino-main .casino-boxes .box .box-description .box-description-top h4 {
    font-size: 36px;
    line-height: 41px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin: 0;
}

.casino .casino-main .casino-boxes .box .box-description .box-description-caption {
    width: 140px;
    height: 35px;
    background: #3A3E52;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.casino .casino-main .casino-boxes .box .box-description .box-description-txt {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.04em;
    color: #CCCCCC;
}

.casino .casino-main .casino-boxes .box .box-description .box-description-bottom {
    position: absolute;
    bottom: 41px;
}

.casino .casino-main .casino-boxes .box .box-description .box-description-bottom p {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-right: 20px;
}
.casino .casino-main .casino-boxes .box .box-description .box-description-bottom a {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-right: 20px;
    text-decoration: none;
}

.casino .casino-main .casino-boxes .box .box-description .box-description-bottom p.title {
    color: #3A3E52;
}

.casino .casino-main .casino-button {
    width: 194px;
    height: 53px;
    background: #627ADC;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0 auto;
    text-decoration: none;
}

/* End Casino */


/* News */

.betStat-header-news {
    width: 100%;
    background: var(--divider-color);
    border-bottom: 1px solid var(--divider-line);
    padding: 110px 0 0;
    box-sizing: border-box;
}

.betStat-header-news .betStat-header-news-inner {
    padding: 48px 0;
    height: 620px;
    box-sizing: border-box;
}

.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide-img{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    width: 795px;
    height: 524px;
    border-radius: 0 0 10px 10px;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide{
    width: 794px;
    height: 524px;
    background: url('../images/news-imgBig.png');
    background-size: cover!important;
    border-radius: 10px;
    position: relative;
    margin-right: 15px;
    text-decoration: none;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide .news-top{
    padding: 25px;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide .news-top .news-caption{
    background: var(--accent-color);
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.04em;
    color: var(--black-color);
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide .news-top .news-caption-dateText{
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--primary-color);
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide .news-bottom{
    padding: 0 0 0 60px;
    font-size: 24px;
    letter-spacing: 0.04em;
    color: var(--primary-color);
    position: absolute;
    bottom: 30px;
    height: 59px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide .news-bottom:after{
    content: '';
    width: 25px;
    height: 25px;
    background: var(--accent-color);
    left: 25px;
    top: 0;
    position: absolute;
    border-radius: 50%;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide{
    display: flex;
    flex-wrap: wrap;
    height: 524px;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .box{
    width: 387px;
    height: 256px;
    background: url('../images/news-imgSmall.png');
    border-radius: 10px;
    position: relative;
    margin-bottom: 13px;
    margin-right: 15px;
    text-decoration: none;
    background-size: cover!important;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .box:nth-child(2n){
    margin-right: 0;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .betStat-header-news-rightSide-img{
    width: 387px;
    height: 256px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    border-radius: 0 0 10px 10px;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .news-top{
    padding: 12px;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .news-caption{
    background: var(--accent-color);
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.04em;
    color: var(--black-color);
    background: var(--accent-color);
    padding: 5px 10px;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .news-caption-dateText{
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--primary-color);
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .news-bottom{
    padding: 0 0 0 36px;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: var(--primary-color);
    position: absolute;
    bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .news-bottom:after{
    content: '';
    width: 15px;
    height: 15px;
    background: var(--accent-color);
    left: 12px;
    top: 0;
    position: absolute;
    border-radius: 50%;
}

.news main {
    padding: 0;
    margin: 0 auto 85px;
}
.news .main-news-top {
    width: 1598px;
    margin: 21px auto 16px;
}

.news .main-news-top .main-news-top-right {
    width: 227px;
}

.news .main-news-top .main-news-top-right label {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: var(--secondary-color);
    margin-bottom: 7px;
}

.news .main-news-top .main-news-top-right select {
    width: 227px;
    height: 49px;
    background: #242634;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-family: var(--default-font);
    color: #FFFFFF;
    padding-left: 18px;
    font-size: 18px;
}
.news .news-categories-boxes {
    display: flex;
    flex-wrap: wrap;
    width: 1598px;
    margin: 0 auto;
}
.news .news-categories-boxes .box{
    width: 524px;
    height: 345px;
    background: url('../images/news-categories-img.png');
    border-radius: 10px;
    position: relative;
    margin-bottom: 16px;
    text-decoration: none;
}
.news .news-categories-boxes .box .box-img{
    width: 524px;
    height: 345px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    border-radius: 0 0 10px 10px;
}
.news .news-categories-boxes .box .box-img .news-top{
    padding: 16px;
}

.news .news-categories-boxes .box .box-img .news-top .news-caption{
    background: var(--accent-color);
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.04em;
    color: var(--black-color);
    padding: 5px 10px;
    border-radius: 5px;
}
.news .news-categories-boxes .box .box-img .news-top .news-caption-dateText{
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--primary-color);
}
.news .news-categories-boxes .box .box-img .news-bottom{
    padding: 0 0 0 49px;
    font-size: 18px;
    letter-spacing: 0.04em;
    color: var(--primary-color);
    position: absolute;
    bottom: 22px;
    height: 39px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .news-categories-boxes .box .box-img .news-bottom:after{
    content: '';
    width: 20px;
    height: 20px;
    background: var(--accent-color);
    left: 16px;
    top: 0;
    position: absolute;
    border-radius: 50%;
}
.news .news-btn {
    width: 194px;
    height: 53px;
    background: #627ADC;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 46px auto 0;
    text-decoration: none;
}

.news-inner.promotions-inner .promotions-inner-page .promotions-inner-page-content{
    padding: 50px 50px;
    border-radius: 10px;
    min-height: 600px;
}
.news-inner.promotions-inner .promotions-inner-page .news-header-img{
    background: url("../images/news-header-img.png");
    width: 746px;
    height: 494px;
    float: left;
    margin-right: 36px;
}

.news-inner.promotions-inner .promotions-inner-page .promotions-inner-page-content h1{
    margin: 0 0 20px;
    position: relative;
    float: left;
    width: 658px;
    font-size: 20px;
    padding-left: 50px;
    font-weight: normal;
    display: flex;
    align-items: flex-start;
    padding-top: 6px;
}
.news-inner.promotions-inner .promotions-inner-page .promotions-inner-page-content h1:after{
    content: '';
    width: 25px;
    height: 25px;
    background: var(--accent-color);
    left: 0;
    top: 0;
    position: absolute;
    border: 5px solid var(--accent-color-2);
    border-radius: 50px;
}

.news-inner.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline{
    float: left;
    width: 713px;
    margin: 0 0 30px;
}
/* End News */


/* Promotions */

.promotions .promotions-top {
    width: 1598px;
    margin: 26px auto 16px;
}

.promotions .promotions-top .promotions-top-right {
    width: 227px;
}

.promotions .promotions-top .promotions-top-right label {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #515360;
    margin-bottom: 7px;
}

.promotions .promotions-top .promotions-top-right select {
    width: 227px;
    height: 49px;
    background: #242634;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-family: var(--default-font);
    color: #FFFFFF;
    padding-left: 18px;
    font-size: 18px;
}

.promotions .promotions-boxes .box {
    width: 522px;
    height: 370px;
    background: var(--divider-color);
    border-radius: 10px;
    margin-right: 14px;
    float: left;
    margin-bottom: 14px;
    text-decoration: none;
    color: var(--primary-color);
    border: 1px solid var(--divider-line);
    box-sizing: border-box;
}

.promotions .promotions-boxes .box:nth-of-type(3n) {
    margin-right: 0;
}

.promotions .promotions-boxes .box .box-top {
    padding: 15px 19px 14px 16px;
    box-sizing: border-box;
}

.promotions .promotions-boxes .box .box-top .box-top-caption {
    background: var(--accent-color);
    border-radius: 5px;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 15px;
    letter-spacing: 0.04em;
    color: var(--black-color);
}



.promotions .promotions-boxes .box .box-image {
    background: url("../images/promotions-img.png");
    width: 520px;
    height: 240px;
}

.promotions .promotions-boxes .box .box-description {
    padding: 16px 16px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.promotions .promotions-boxes .box .box-description-img {
    width: 45px;
    height: 45px;
    background: url("../images/promotions-desc-img.png") #1E202B no-repeat center;
    border-radius: 100%;
    margin-right: 12px;
    border: 2px solid var(--accent-color);
}

.promotions .promotions-boxes .box .box-description-text {
    width: 366px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-right: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.promotions .promotions-boxes .box .box-description-rate {
    position: relative;
    width: 47px;
    height: 50px;
    border: 1px solid #FFE600;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 4px;
    padding-top: 25px;
    text-align: center;
}

.promotions .promotions-boxes .box .box-description-rate:before {
    content: '';
    background: url("../images/promotions-rate-img.png");
    width: 17px;
    height: 15px;
    position: absolute;
    top: 7px;
    left: 14px;
}

.promotions .promotions-button {
    width: 194px;
    height: 53px;
    background: #627ADC;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-decoration: none;
    margin: 51px auto 0;
}


/* End Promotions */


/* Start Promotions Inner Page */
.promotions-inner .promotions-inner-page {
    position: relative;
    width: 1598px;
    margin: 36px auto;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-header-left {
    background: url("../images/promotions-inner-page-header-left.png") no-repeat;
    width: 511px;
    height: 340px;
    position: absolute;
    border-radius: 10px 0 0 0;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-header-right {
    background: url("../images/promotions-inner-page-header-right.png") no-repeat;
    width: 511px;
    height: 340px;
    position: absolute;
    right: 0;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-header {
    background: url("../images/promotions-inner-page-header.png") no-repeat;
    width: 1594px;
    height: 340px;
    border-radius: 13px 10px 0 0;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-header .promotions-inner-page-header-logo {
    background: url("../images/icon.png") #3A3E52 no-repeat center;
    background-size: cover;
    width: 142px;
    height: 142px;
    border-radius: 100%;
    position: absolute;
    top: 100px;
    left: 200px;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-header .promotions-inner-page-header-rating {
    background: url("../images/promotions-inner-page-header-star.png") no-repeat center 24px;
    background-size: 61px 58px;
    width: 142px;
    height: 142px;
    border: 1px solid #FFE600;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 10px;
    position: absolute;
    top: 100px;
    right: 200px;
    z-index: 9;
    font-size: 36px;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 8px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content {
    background: var(--divider-color);
    width: 1598px;
    padding: 36px 200px 107px;
    box-sizing: border-box;
    border: 1px solid var(--divider-line);
    border-radius: 0 0 10px 10px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content h1{
    font-size: 36px;
    letter-spacing: 0.02em;
    color: var(--primary-color);
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 23px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline{

}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .slot{
    background: var(--accent-color);
    border-radius: 5px;
    margin-right: 17px;
    padding: 5px 20px;
    color: var(--black-color);
    font-size: 14px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .date{
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #CCCCCC;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .date span{
    color: #FFFFFF;
    margin-right: 30px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .companyName {
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #627ADC;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .share {
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #CCCCCC;
    margin-right: 9px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .fb ,
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .instagram ,
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .twitter ,
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .messenger {
    margin-right: 8px;
    cursor: pointer;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .fb {
    background: url("../images/promotions-fb.png") no-repeat center;
    width: 16px;
    height: 17px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .instagram {
    background: url("../images/promotions-instagram.png") no-repeat center;
    width: 17px;
    height: 17px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .twitter {
    background: url("../images/promotions-twitter.png") no-repeat center;
    width: 18px;
    height: 16px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .messenger {
    background: url("../images/promotions-messenger.png") no-repeat center;
    width: 18px;
    height: 19px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-description {
    margin-top: 67px;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: var(--secondary-color);
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-description iframe{
    left: 50%;
    position: relative;
    right: 0;
    transform: translateX(-50%);
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-description.secondOne {
    margin-top: 35px;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-middleImg {
    background: url("../images/promotions-inner-page-content-middleImg.png");
    width: 703px;
    height: 395px;
    margin: 35px auto 0;
}
.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-btn {
    width: 194px;
    height: 53px;
    background: #627ADC;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-top: 40px;
}

/* End of Promotions Inner Page */




/* Start of Table games */
.table-games .table-games-top{
    position: relative;
}
.table-games .table-games-top .table-games-top-header-left{
    background: url('../images/table-games-left.png') no-repeat;
    width: 700px;
    height: 700px;
    position: absolute;
    left: 0;
}
.table-games .table-games-top .table-games-top-header-right{
    background: url('../images/table-games-right.png') no-repeat;
    width: 700px;
    height: 700px;
    position: absolute;
    right: 0;
}
.table-games .table-games-top .table-games-top-header{
    background: url('../images/table-games-poster.png') no-repeat center;
    width: 1598px;
    background-size: 1200px;
    height: 700px;
    margin: 0 auto;
}
.table-games .table-games-top .table-games-top-header h1{
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0;
    padding: 25px 0;
    box-sizing: border-box;
}
.table-games .table-games-top .table-games-top-header h1 span{
    font-size: 40px;
    color: #627ADC;
}
.table-games .table-games-top .table-games-top-header .box{
    width: 383px;
    height: 490px;
    background: #242634;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin-right: 20px;
}
.table-games .table-games-top .table-games-top-header .box:last-child{
    margin-right: 0;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes{
    position: absolute;
    display: none;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes.current{
    display: flex;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .box .box-header{
    width: 288px;
    height: 70px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 10px 10px;
    margin: 0 auto 21px;
    background: url("../images/table-games-adjarabet.png") #1E202B no-repeat center;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .box:nth-child(3) .box-header{
    background: url("../images/table-games-crystalbet.png") #1E202B no-repeat center;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .box:nth-child(2) .box-header{
    background: url("../images/table-games-europebet.png") #1E202B no-repeat center;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .box:nth-child(4) .box-header{
    background: url("../images/table-games-leaderBet.png") #1E202B no-repeat center;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .item{
    width: 360px;
    height: 70px;
    background: #1E202B;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 auto 6px;
    padding: 0 15px 0 9px;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .item p.place{
    font-size: 36px;
    color: #324078;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .item p.user{
    font-weight: normal;
    font-size: 18px;
    color: #FFFFFF;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .item p.prize{
    font-weight: normal;
    font-size: 18px;
    color: #627ADC;
    text-align: center;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .item p.prize .prizeX{
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
    display: block;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .item p.date{
    font-weight: normal;
    font-size: 12px;
    color: #515360;
    text-align: center;
}
.table-games .table-games-top .table-games-top-header .table-games-boxes .item p.date span{
    font-weight: normal;
    font-size: 10px;
    color: #515360;
    display: block;
}
.table-games .table-games-top .table-games-top-header .table-games-pagination{
    position: absolute;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 551px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.table-games .table-games-top .table-games-top-header .table-games-pagination-btn{
    width: 170px;
    height: 40px;
    background: #242634;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    cursor: pointer;
}
.table-games .table-games-top .table-games-top-header .table-games-pagination-btn.current{
    background: #627ADC;
}
.table-games .table-games-bottom {
    margin-top: 64px;
    margin-bottom: 109px;
}
.table-games .table-games-bottom .table-games-poker{
    width: 1598px;
    margin: 0 auto;
}
.table-games .table-games-bottom .table-games-poker .table-games-poker-header{
    background: #242634;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    border-radius: 20px 20px 0 0;
    align-items: center;
}
.table-games .table-games-bottom .table-games-poker .table-games-poker-header{
    width: inherit;
    height: 116px;
    background: #242634;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    border-radius: 20px 20px 0 0;
    padding: 36px 44px;
}
.table-games .table-games-bottom .table-games-poker .table-games-poker-header h1{
    font-weight: normal;
    font-size: 36px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin: 0;
}
.table-games .table-games-bottom .table-games-poker .table-games-poker-header select {
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
    font-family: var(--default-font);
    color: #FFFFFF;
    padding-left: 18px;
    font-size: 18px;
    width: 97px;
    height: 54px;
    background: #1E202B;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    margin-left: 64px;
}
.table-games .table-games-bottom .table-games-poker .table-games-poker-header .styledSelect {
    width: 97px;
    height: 54px;
    background: #1E202B;
    margin-left: 64px;
    border: 1px solid #3A3E52;
}
.table-games .table-games-bottom .table-games-poker .table-games-poker-header .options {
    margin-left: 64px;
}
.table-games .table-games-bottom .table-games-poker .table-games-poker-header .options li{
    width: 97px;
}
.table-games .table-games-bottom .table-games-poker .pageTxt{
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-left: 15px;
    margin-right: 594px;
}
.table-games .table-games-bottom .table-games-poker #search{
    width: 266px;
    height: 54px;
    background: #1E202B;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    border-radius: 10px;
    padding-left: 53px;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    position: relative;
    outline: 0;
}
.table-games .table-games-bottom .table-games-poker #search::placeholder{
    color: #3A3E52;
}
.table-games .table-games-bottom .table-games-poker .search-poker{
    position: relative;
}
.table-games .table-games-bottom .table-games-poker .search-poker:after{
    content: '';
    background: url("../images/search-icon.png");
    width: 25px;
    height: 25px;
    position: absolute;
    top: -11px;
    left: 19px;
    z-index: 1;
}
.table-games .table-games-bottom .table-games-poker-header-titles{
    background: #1E202B;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    padding: 30px 48px;
    font-weight: normal;
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
}
.table-games .table-games-bottom .table-games-poker-header-titles .casino-title:after,
.table-games .table-games-bottom .table-games-poker-header-titles .date-title:after,
.table-games .table-games-bottom .table-games-poker-header-titles .name-title:after,
.table-games .table-games-bottom .table-games-poker-header-titles .buyIn-title:after,
.table-games .table-games-bottom .table-games-poker-header-titles .prize-title:after {
    content: '';
    background: url("../images/table-games-icon.png");
    width: 9px;
    height: 12px;
    position: absolute;
    top: 4px;
    right: -15px;
}
.table-games .table-games-bottom .table-games-poker-header-titles .casino-title,
.table-games .table-games-bottom .table-games-poker-header-titles .date-title,
.table-games .table-games-bottom .table-games-poker-header-titles .name-title,
.table-games .table-games-bottom .table-games-poker-header-titles .buyIn-title,
.table-games .table-games-bottom .table-games-poker-header-titles .prize-title {
    position: relative;
}
.table-games .table-games-bottom .table-games-poker-header-titles .casino-title{
    margin-right: 217px;
}
.table-games .table-games-bottom .table-games-poker-header-titles .date-title{
    margin-right: 119px;
}
.table-games .table-games-bottom .table-games-poker-header-titles .name-title{
    margin-right: 529px;
}
.table-games .table-games-bottom .table-games-poker-header-titles .buyIn-title{
    margin-right: 128px;
}

.table-games .table-games-bottom .table-games-poker-body {

}
.table-games .table-games-bottom .table-games-poker-body .table-games-poker-content{
    height: 68px;
    background: #242634;
    padding: 12px 48px 7px;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #CCCCCC;
}
.table-games .table-games-bottom .table-games-poker-body .table-games-poker-content .content-casino-title{
    display: flex;
    align-items: center;
    flex-basis: 285px;
}

.table-games .table-games-bottom .table-games-poker-body .table-games-poker-content .content-casino-title-img{
    background: url("../images/crocobet-poker.png") #1E202B no-repeat center;
    width: 49px;
    height: 49px;
    border-radius: 100%;
    background-size: 31px 31px;
    margin-right: 17px;
    font-size: 18px;
}
.table-games .table-games-bottom .table-games-poker-body .table-games-poker-content .content-date-title{
    flex-basis: 259px;
}
.table-games .table-games-bottom .table-games-poker-body .table-games-poker-content .content-name-title{
    flex-basis: 647px;
}
.table-games .table-games-bottom .table-games-poker-body .table-games-poker-content .content-buyIn-title{
    flex-basis: 196px;
}

.table-games .table-games-bottom .table-games-poker-body .table-games-poker-content .content-prize-title{
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.04em;
    color: #627ADC;
}
.table-games .table-games-bottom .table-games-poker-bottom{
    width: 1598px;
    height: 100px;
    background: #242634;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    border-radius: 0 0 20px 20px;
    padding-right: 96px;
    position: relative;
}
.table-games .table-games-bottom .table-games-poker-bottom .page-box{
    width: 40px;
    height: 40px;
    background: #1E202B;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #3A3E52;
    margin-right: 2px;
    cursor: pointer;
}
.table-games .table-games-bottom .table-games-poker-bottom .page-box.current{
    border: 1px solid #627ADC;
    color: #627ADC;
}
.table-games .table-games-bottom .table-games-poker-bottom .table-games-poker-left-arrow{
    margin-right: 10px;
    background: url("../images/poker-arrow-left.png") no-repeat center;
    background-size: 9px 13px;
    display: none;
}
.table-games .table-games-bottom .table-games-poker-bottom .table-games-poker-right-arrow{
    margin-left: 10px;
    background: url("../images/poker-arrow-right.png") no-repeat center;
    background-size: 9px 13px;
    position: absolute;
    right: 46px;
}

/* End of Table games */


/* UserPage */

.userPage main {
    padding: 110px 0 0;
}
.userPage .user-test {
    margin: auto;
    height: 50px;
    background: #440700;
    border: 1px solid #ff0000;
    border-radius: 5px;
}
.badCredentials{
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 130px;
    position: relative;
    font-size: 16px;
}

.userPage .user-content {
    width: 1598px;
    margin: 0 auto 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.userPage .user-content .user-content-left{
    width: 1128px;
    height: 429px;
    background: #1E202B;
    padding: 36px 33px 0 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
}
.userPage .user-content .user-content-left .profile{
    position: relative;
}
.userPage .user-content .user-content-left h1{
    color: green;
    text-align: center;
}
.userPage .user-content .user-content-left h1.errorMsg{
    color: red;
    text-align: center;
}
.userPage .user-content .user-content-left .profile .profile-block {
    width: 565px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.userPage .user-content .user-content-left .profile .profile-block .profile-block1{
    width: 156px;
    height: 50px;
    background: #242634;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.userPage .user-content .user-content-left .profile .profile-block label {
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}
.userPage .user-content .user-content-left .profile .profile-block input{
    width: 409px;
    height: 50px;
    background: #242634;
    border: 1px solid #3A3E52;
    box-sizing: border-box;
    border-radius: 5px;
    outline: 0;
    padding-left: 25px;
    line-height: 50px;
}


#profileAvatar::-webkit-file-upload-button {
    visibility: hidden;
}
#profileAvatar:before{
    content: 'აირჩიეთ ფოტო ...   (მაქს. 5 Mb)';
    padding-right: 9999px;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #515360;
}
input[type=file]::file-selector-button {
    border: 0;
    padding: 5px 15px;
    transition: 1s;
    width: 83px;
    height: 21px;
    background: #627ADC;
    border-radius: 3px;
    font-family: var(--default-font);
    font-size: 10px;
    color: #FFFFFF;
    display: none;
}

.userPage .user-content .user-content-right{
    width: 440px;
    height: 429px;
    background: #1E202B;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding-top: 15px;
}
.userPage .user-content .user-content-right .betStat-userNameInfo{
    background: url("../images/userProfile-logo.png") center top no-repeat;
    width: 262px;
    height: 262px;
    border-radius: 100%;
    border: 3px solid #627ADC;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin: 0 auto;
    box-sizing: border-box;
}
.userPage .user-content .user-content-right p{
    margin-top: 22px;
    font-weight: normal;
    font-size: 36px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.userPage .user-content .user-content-right span{
    margin-top: 10px;
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #B0B0B0;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    display: block;
}
.userPage.userPageForgotPassword .user-content-right{
    display: none;
}
.userPage.userPageForgotPassword .user-content-left{
    width: 100%;
    justify-content: center;
}
.userPage.userPageForgotPassword #changePasswordBtn {
    right: 0;
    position: absolute;
    left: 0;
    margin: 9px auto 0;
}

.forgotPasswordPopup{
    display: none;
}

.successPopupMsg{
    display: none;
}

.successPopupMsgTxt{
    color: green;
    text-align: center;
}


#upload-avatar{
    width: 83px;
    height: 21px;
    background: #627ADC;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: 4px;
    font-size: 10px;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: var(--default-font);
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 72px;
    right: 12px;
}

/* End of UserPage */


#changePasswordBtn{
    width: 193px;
    height: 50px;
    background: #627ADC;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-family: var(--default-font);
    margin-top: 9px;
    right: 0;
    position: absolute;
}


/*FOOTER*/

footer .footer-inner {
    background: var(--divider-color);
    border-top: 1px solid var(--divider-line);
}

footer .footer-inner-content {
    height: 80px;
}

.betStat-logo img {
    width: 180px;
}

/*footer .footer-inner .footer-inner-leftSide a{*/
/*    background: url("../images/BetStats-logo.png");*/
/*    width: 131px;*/
/*    height: 30px;*/
/*    display: block;*/
/*}*/
footer .footer-inner .footer-inner-leftSide a{
    background: url("../images/betstatLogo.svg");
    width: 135px;
    height: 30px;
    display: block;
}

footer .footer-inner .footer-inner-rightSide .fb {
    background: url("../images/fb.png");
    width: 42px;
    height: 42px;
}

footer .footer-inner .footer-inner-rightSide .fb {
    background: url("../images/fb.png");
    width: 42px;
    height: 42px;
    margin-right: 20px;
}

footer .footer-inner .footer-inner-rightSide .youtube {
    background: url("../images/youtube.png");
    width: 42px;
    height: 42px;
}

footer .footer-desc {
    background: var(--dark-divider-color);
    border-top: 1px solid var(--divider-line);
    height: 238px;
}

footer .footer-desc .footer-desc-content {
    padding: 22px 0 0;
    box-sizing: border-box;
    justify-content: space-between;
}

footer .footer-desc .footer-desc-content .info:first-child {
    min-width: 300px;
}

footer .footer-desc .footer-desc-content .info:nth-child(2),
footer .footer-desc .footer-desc-content .info:nth-child(3) {
    min-width: 145px;
}


footer .footer-desc .footer-desc-content .info.contact {
    margin-right: 233px;
}


footer .footer-desc .footer-desc-content .info p {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 11px;
}

footer .footer-desc .footer-desc-content .info .info-desc {
    padding-left: 14px;
    box-sizing: border-box;
    position: relative;
    height: 64px;
}
footer .footer-desc .footer-desc-content .info .info-desc a{
    display: block;
    text-decoration: none;
    color: #B0B0B0;
    margin-bottom: 5px;
}
footer .footer-desc .footer-desc-content .info .info-desc a:first-child{
    float: left;
    margin-right: 15px;
}
footer .footer-desc .footer-desc-content .info .info-desc a:nth-child(4){
    float: left;
    margin-right: 22px;
}

footer .footer-desc .footer-desc-content .info.league .info-desc {
    padding-left: 20px;
}

footer .footer-desc .footer-desc-content .info .info-desc:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 64px;
    border-left: 2px solid #627ADC;
}

footer .footer-desc .footer-desc-content .info .info-desc p {
    font-size: 18px;
    line-height: 21px;
    color: #B0B0B0;
    margin-bottom: 2px;
}

footer .footer-desc .footer-desc-content .info.league .info-desc div {
    width: 30px;
    height: 30px;
    margin-right: 11px;
    margin-bottom: 4px;
}

footer .footer-desc .footer-desc-content .info.league .info-desc {
    display: flex;
    width: 185px;
    flex-wrap: wrap;
}

footer .footer-desc .footer-desc-content .info.league .info-desc div:nth-child(1) {
    background: url("../images/bundes_league1.png");
}

footer .footer-desc .footer-desc-content .info.league .info-desc div:nth-child(2) {
    background: url("../images/champion_league1.png");
}

footer .footer-desc .footer-desc-content .info.league .info-desc div:nth-child(3) {
    background: url("../images/ligue_11.png");
}

footer .footer-desc .footer-desc-content .info.league .info-desc div:nth-child(4) {
    background: url("../images/la_league3.png");
}

footer .footer-desc .footer-desc-content .info.league .info-desc div:nth-child(5) {
    background: url("../images/premier_league2.png");
}

footer .footer-desc .footer-desc-content .info.league .info-desc div:nth-child(6) {
    background: url("../images/serie_a1.png");
}

footer .footer-desc .footer-desc-content .info.league .info-desc div:nth-child(7) {
    background: url("../images/europe_league1.png");
}





/* Animations Css */

.betStat-rightMenu.logged-out .betStat-logInRegister a.logIn:hover{
    color: var(--primary-color);
    transition: all 0.3s ease;
    background: var(--accent-color);
}

.betStat-rightMenu.logged-out .betStat-logInRegister a.register:hover{
    color: var(--accent-color);
    transition: all 0.3s ease;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-description-text p{
    font-size: 16px;
    line-height: 18px;
}

.client-popup .cp-body input {
    border: 2px solid var(--divider-line);
    transition: all 0.3s ease;
}

.client-popup .cp-body input:hover{
    border: 2px solid var(--accent-color);
    transition: all 0.3s ease;
}

.client-popup .cp-body input:active{
    border: 2px solid var(--accent-color);
    transition: all 0.3s ease;
}

.client-popup .cp-body .client-popup-row.rememberUpdate a:hover {
    color: var(--accent-color);
    transition: all 0.3s ease;
}

.client-popup .cp-body .client-popup-row .client-popup-button:hover{
    background: var(--primary-color);
    transition: all 0.3s ease;
}

.cp-close{
    opacity: 1;
}

.cp-close:hover{
    background: url('../images/x-red.svg');
}

.client-popup .cp-body .authorise-fb:hover{
    background: #4c79d3;
}

.client-popup .cp-body .authorise-google:hover{
    background: #ff321c;
}

.betStat-header-carousel-inner-first .owl-carousel-poster {
    border-radius: 10px 10px 5px 5px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-description-text span:hover{
    color: var(--accent-color);
}

.betStat-header-carousel-inner .owl-carousel button.owl-dot:hover{
    background: var(--accent-color);
}

.betStat-header-carousel-inner-second .owl-carousel-poster{
    border-radius: 10px 10px 8px 8px;
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-third .owl-carousel .info-slider .owl-carousel-poster{
    border-radius: 15px;
}

.main-table.leftSide .main-table-menu .football-inner:hover{
    background: linear-gradient(
        90deg, #03b54a 0%, rgba(0, 70, 7, 0) 100%);
}

.main-table.leftSide .main-table-menu .football-inner:active{
    background: linear-gradient(
        90deg, #04e65e 0%, rgba(0, 70, 7, 0) 100%);
}

.main-table.leftSide .main-table-menu .basketball-inner:hover{
    background: linear-gradient(
        90deg, #dd6d2f 0%, rgba(255, 134, 22, 0) 100%);
}

.main-table.leftSide .main-table-menu .basketball-inner:active{
    background: linear-gradient(
        90deg, #ff9052 0%, rgba(255, 134, 22, 0) 100%);
}

.main-table.leftSide .main-table-menu .tennis-inner:hover{
    background: linear-gradient(
        90deg, #007fc6 0%, rgba(0, 85, 133, 0) 100%);
}

.main-table.leftSide .main-table-menu .tennis-inner:active{
    background: linear-gradient(
        90deg, #00a4ff 0%, rgba(0, 85, 133, 0) 100%);
}

.league-row-inner input[type="checkbox"]:checked + label, .league-row-inner input[type="checkbox"]:not(:checked) + label:hover{
    color: var(--accent-color);
}

.league-row-inner input[type="checkbox"]:checked + label, .league-row-inner input[type="checkbox"]:not(:checked) + label:active{
    color: var(--accent-color);
}

.game-tab .game-tab-matches .match:hover{
    background: #1e1e23;
}

.game-tab .game-tab-matches .match:active{
    background: var(--dark-divider-color);
}

.game-tab .game-tab-matches .match:target{
    background: var(--accent-color);
}

.game-tab .game-tab-matches .game-coefficients .game-coefficient:hover{
    background: var(--accent-color);
    color: var(--black-color) !important;
}

.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-second, .league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-third{
    background: var(--divider-line);
    border: 1px solid var(--divider-line);
    color: var(--secondary-color);
}

.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-second:hover, .league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-third:hover{
    background: var(--divider-line);
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    transition: all 0.3s ease;
}

.league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-second.current, .league-content .game-tab-matches .summary .summary-statistics-head .summary-statistics-head-third.current{
    background: var(--accent-color);
    border: 1px var(--accent-color);
    color: var(--black-color);
}

.betStat-header-carousel-inner .betStat-header-carousel-inner-first .owl-carousel .owl-carousel-description .owl-carousel-description-text p:hover{
    color: var(--accent-color);
}

.news .news-categories-boxes .box .box-img .news-bottom:hover {
    color: var(--accent-color);

}

.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide .news-bottom:hover{
    color: var(--accent-color);
}

.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .news-bottom:hover{
    color: var(--accent-color);
}

.news .news-categories-boxes .box .box-img:hover {
    background: linear-gradient(
        180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 35%) 100%);
    border-radius: 0 0 10px 10px;
}

.betStat-header-news .betStat-header-news-inner .betStat-header-news-leftSide-img:hover{
    background: linear-gradient(
        180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 35%) 100%);
    border-radius: 0 0 10px 10px;
}

.betStat-header-news .betStat-header-news-inner .betStat-header-news-rightSide .betStat-header-news-rightSide-img:hover{
    background: linear-gradient(
        180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 35%) 100%);
    border-radius: 0 0 10px 10px;
}

.news .news-btn:hover{
    background: #8fa4ff;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-btn:hover{
    background: #8fa4ff;
}

.table-games .table-games-top .table-games-top-header .table-games-pagination-btn:hover{
    background: #8fa4ff;
}

.promotions .promotions-boxes .box .box-description-text:hover{
    color: var(--accent-color);
}

.promotions .promotions-boxes .box:hover{
    border: 1px solid var(--accent-color);
}

.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-btn:hover{
    background: #8fa4ff;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .twitter:hover {
    opacity: 0.5;
}

.promotions-inner .promotions-inner-page .promotions-inner-page-content .promotions-inner-page-content-headline .fb:hover {
    opacity: 0.5;
}

.news-inner.promotions-inner .promotions-inner-page .news-header-img {
    border-radius: 15px;
}


#top-ge-counter-container{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

#top-ge-counter-container img {
    border-radius: 5px;
}


.footer {
    background: var(--dark-divider-color);
    color: var(--primary-color);
    padding: 30px 0 0px;
    border-top: 1px solid var(--divider-line);
}

.footer p {
    font-size: 14px;
    color: var(--primary-color);
}

.footer-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-section {
    flex: 1;
    min-width: 250px;
    margin-bottom: 30px;
    padding-right: 40px;
}

.footer-section h3 {
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 100;
    letter-spacing: 0.1em;
}

.footer-section h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 2px;
    background-color: var(--accent-color);
}

.footer-links {
    list-style: none;
    padding-inline-start: 0px;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    font-size: 14px;
}

.footer-links a:hover {
    color: var(--accent-color);
    transform: translateX(5px);
}

.footer-contact p {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.footer-contact i {
    margin-right: 10px;
    color: var(--accent-color);
}

.footer-social {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: var(--divider-color);
    border-radius: 50%;
    color: var(--primary-color);
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-social a:hover {
    background-color: var(--accent-color);
    transform: translateY(-3px);
    color: var(--black-color);
}

.footer-newsletter form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-newsletter input {
    padding: 12px 15px;
    border: none;
    border-radius: 4px;
    background-color: var(--divider-color);
    border: 1px solid var(--divider-line);
    color: var(--accent-color);
    margin-top: 15px;
}

.footer-newsletter input::placeholder {
    color: #ccc;
}

.footer-newsletter button {
    padding: 12px 15px;
    border: none;
    border-radius: 4px;
    background-color: var(--accent-color);
    color: var(--black-color);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: var(--default-font);
    letter-spacing: 0.1em;
}

.footer-newsletter button:hover {
    background-color: var(--primary-color);
}

.footer-bottom {
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 0px;
    text-align: center;
    border-top: 1px solid var(--divider-line);
    margin-top: 5px;
}

.footer-bottom p {
    color: var(--secondary-color);
    font-size: 14px;
}

@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
    }
    
    .footer-section {
        min-width: 100%;
    }
}


/* USER FORMS */

.user-form-container {
    background: var(--divider-color);
    padding: 20px;
    border: 1px solid var(--divider-line);
    border-radius: 5px;
    margin-bottom: 30px;
}

.user-form-group {
    margin-bottom: 15px;
}

.user-form-label {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    font-weight: 100;
    color: var(--secondary-color);
}

.user-form-input {
    background: var(--dark-divider-color);
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--divider-line);
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s;
}

.user-form-input::placeholder {
    font-size: 12px;
    color: var(--divider-line);
}

.user-form-input:focus {
    border-color: var(--accent-color);
    outline: none;
}

.user-form-submit {
    background: var(--accent-color);
    color: var(--black-color);
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    letter-spacing: 0.1em;
    font-family: var(--default-font);
}

.user-form-submit:hover {
    background: var(--primary-color);
}

.user-form-submit i {
    margin-right: 8px;
}

.user-form-verify {
    background: #f39c12;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    margin-top: 5px;
}

.user-form-verify:hover {
    background: #e67e22;
}

.user-form-verify i {
    margin-right: 5px;
}

/* Settings Section */
.user-settings-list {
    list-style: none;
    margin-top: 20px;
}

.user-settings-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--divider-line);
}

.user-settings-item:last-child {
    border-bottom: none;
}

.user-settings-label {
    font-weight: 100;
    color: var(--primary-color);
}

.user-settings-value {
    color: #7f8c8d;
}

.user-settings-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.user-settings-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.user-settings-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--divider-color);
    border: 1px solid var(--divider-line);
    transition: .4s;
    border-radius: 24px;
}

.user-settings-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .user-settings-slider {
    background-color: var(--accent-color);
}

input:checked + .user-settings-slider:before {
    transform: translateX(26px);
}

.user-settings-select {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: white;
    color: #2c3e50;
}

.user-tab-container {
    display: flex;
    border-bottom: 1px solid var(--divider-line);
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.user-tab {
    padding: 0px 0px 10px 0px;
    margin-right: 30px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.3s;
}

.user-tab.active {
    border-bottom: 3px solid var(--accent-color);
    color: var(--accent-color);
    font-weight: 100;
}

.user-tab-content {
    display: none;
}

.user-tab-content.active {
    display: block;
}

.user-countdown {
    color: #e74c3c;
    font-weight: 500;
    margin-top: 5px;
    font-size: 14px;
}


.user-profile-container {
    width: 100%;
    background: var(--dark-divider-color);
    border: 1px solid var(--divider-line);
    border-radius: 10px;
    overflow: hidden;
}
        
/* Cover Photo */
.user-cover-container {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.user-cover-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-cover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.user-cover-container:hover .user-cover-overlay {
    opacity: 1;
}

.user-change-cover-btn {
    background: var(--accent-color);
    color: var(--black-color);
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 100;
    transition: all 0.3s;
    font-family: var(--default-font);
}

.user-change-cover-btn i {
    margin-right: 8px;
}

.user-change-cover-btn:hover {
    background: white;
    transform: translateY(-2px);
}

.user-profile-content {
    display: flex;
    padding: 30px;
    position: relative;
}

.user-profile-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 30px;
    border-right: 1px solid var(--divider-line);
}

.user-profile-right {
    flex: 2;
    padding-left: 30px;
}

.user-img-container {
    position: relative;
    margin-top: -130px;
    margin-bottom: 20px;
    z-index: 2;
}

.user-profile-img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--accent-color);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background: var(--divider-line);
}

.user-change-img-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--primary-color);
    color: var(--black-color);
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}

.user-change-img-btn:hover {
    background: var(--primary-color);
    transform: scale(1.1);
    color: var(--black-color)
}

.user-info {
    text-align: center;
    margin-top: 5px;
}

.user-name {
    font-size: 28px;
    margin-bottom: 15px;
    color: var(--accent-color);
    letter-spacing: 0.1em;
}

.user-title {
    color: var(--secondary-color);
    margin-bottom: 5px;
}

.user-detail {
    display: flex;
    align-items: center;
    margin: 15px 0;
    padding: 10px 15px;
    background: var(--divider-color);
    border: 1px solid var(--divider-line);
    border-radius: 8px;
    width: 100%;
}

.user-detail i {
    margin-right: 15px;
    color: #7f8c8d;
    font-size: 20px;
    width: 24px;
}

.user-detail-content {
    text-align: left;
}

.user-detail-label {
    font-size: 12px;
    color: var(--secondary-color);
    margin-bottom: 3px;
}

.user-detail-value {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 100;
}

.user-section-title {
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--divider-line);
    color: var(--accent-color);
    letter-spacing: 0.1em;
    font-weight: 100;
}

.user-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.user-stat-card {
    background: var(--divider-color);
    border: 1px solid var(--divider-line);
    padding: 15px;
    border-radius: 5px;
    text-align: center;
}

.user-stat-number {
    font-size: 30px;
    font-weight: 100;
    color: var(--accent-color);
    margin-bottom: 5px;
}

.user-stat-label {
    color: var(--secondary-color);
    font-size: 14px;
}

.user-activity-item {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--divider-line);
}

.user-activity-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--divider-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: var(--primary-color);
    font-size: 20px;
}

.user-activity-content {
    flex: 1;
}

.user-activity-content p{
    font-weight: 100;
    font-size: 14px;
}

.user-activity-title {
    font-weight: 100;
    margin-bottom: 5px;
    color: var(--secondary-color);
}

.user-skill{
    padding: 8px 20px;
    border-radius: 20px;
    color: var(--secondary-color);
    font-size: 14px;
    background-color: var(--divider-color);
}

.user-activity-date {
    color: var(--secondary-color);
    font-size: 12px;
    margin-top: 10px;
}

@media (max-width: 1200px) {
    .user-profile-content {
        flex-direction: column;
    }
    
    .user-profile-left {
        border-right: none;
        border-bottom: 1px solid var(--divider-line);
        padding-bottom: 30px;
    }
    
    .user-profile-right {
        padding-top: 30px;
    }
    
    .user-stats {
        grid-template-columns: 1fr;
    }
    
    .user-cover-container {
        height: 250px;
    }
    
    .user-img-container {
        margin-top: -100px;
    }
    
    .user-profile-img {
        width: 180px;
        height: 180px;
    }
}

@media (max-width: 768px) {
    .user-profile-img {
        width: 150px;
        height: 150px;
    }
    
    .user-cover-container {
        height: 200px;
    }
    
    .user-name {
        font-size: 24px;
    }
}

.user-id-badge {
    background: var(--accent-color);
    color: var(--black-color);
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 30px;
}

.user-action-buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.user-btn {
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}

.user-btn i {
    margin-right: 8px;
}

.user-btn-primary {
    background: #3498db;
    color: white;
    border: none;
}

.user-btn-primary:hover {
    background: #2980b9;
    transform: translateY(-2px);
}

.user-btn-outline {
    background: transparent;
    border: 1px solid #3498db;
    color: #3498db;
}

.user-btn-outline:hover {
    background: #3498db;
    color: white;
}

.user-social-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 20px 0;
}

.user-social-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2c3e50;
    text-decoration: none;
    transition: all 0.3s;
}

.user-social-link:hover {
    background: #2c3e50;
    color: white;
}


/*** 	 PRELOADER	  ***/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--divider-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
    transition: opacity 0.5s ease;
}

.preloader-logo-container {
    width: 200px;
    height: 60px;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preloader-logo {
    width: 200px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preloader-logo img{
    width: 200px;
}

.preloader-loader {
    width: 200px;
    height: 3px;
    background: var(--divider-line);
    border: 0px solid var(--divider-line);
    border-radius: 4px;
    overflow: hidden;
}

.preloader-loader-bar {
    height: 100%;
    width: 0%;
    background: var(--accent-color);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.preloader-loading-text {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: var(--secondary-color);

}

.preloader-hidden {
    opacity: 0;
    pointer-events: none;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}

/* ARCHIVMENTS */

/* Achievement Styles */
.achievements-container {
    margin-top: 30px;
}

.achievement-category {
    margin-bottom: 30px;
}

.achievement-category-title {
    font-size: 18px;
    color: #2c3e50;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.achievement-category-title i {
    margin-right: 10px;
    color: #3498db;
}

.achievement-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.achievement-card {
    background: var(--divider-color);
    border: 1px solid var(--divider-line);
    border-radius: 5px;
    padding: 15px;
    display: flex;
    align-items: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.achievement-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--accent-color);
    transition: all 0.3s;
}

.achievement-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}

.achievement-content {
    flex: 1;
}

.achievement-title {
    font-weight: 100;
    margin-bottom: 8px;
    color: var(--primary-color);
}

.achievement-desc {
    font-size: 14px;
    color: var(--secondary-color);
    margin-bottom: 8px;
}

.achievement-progress {
    height: 3px;
    background: var(--divider-line);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 5px;
}

.achievement-progress-bar {
    height: 100%;
    background: var(--accent-color);
    border-radius: 3px;
}

.achievement-status {
    font-size: 12px;
    color: var(--secondary-color);
    display: flex;
    justify-content: space-between;
}

/* Achievement colors based on status */
.achievement-locked .achievement-icon {
    background: var(--dark-divider-color);
    color: var(--divider-line);
}

.achievement-done .achievement-icon {
    background: var(--dark-divider-color);
    color: #03b54a;
}

.achievement-in-progress .achievement-icon {
    background: var(--dark-divider-color);
    color: var(--accent-color);
}

.achievement-rare .achievement-icon {
    background: #9b59b6;
    color: white;
}

/* Achievement points */
.achievement-points {
    display: inline-block;
    padding: 5px 10px;
    color: var(--black-color);
    background: var(--accent-color);
    border: 1px solid var(--accent-color);
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
}

/* Overall progress */
.achievement-overview {
    width: 80%;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, var(--dark-divider-color), var(--divider-color));
    color: var(--primary-color);
    padding: 20px;
    border: 1px solid var(--divider-line);
    border-radius: 10px;
    margin-bottom: 15px;
}

.achievement-trophy {
    font-size: 30px;
    margin-right: 20px;
    color: var(--accent-color);
}

.achievement-overview-content {
    flex: 1;
}

.achievement-overview-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.achievement-overview-progress {
    height: 5px;
    background: var(--divider-line);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.achievement-overview-progress-bar {
    height: 100%;
    background: #f1c40f;
    border-radius: 5px;
}

.achievement-overview-stats {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}


/* match-card */

.match-card {
    width: 370px;
    background-color: var(--dark-divider-color);
    border: 1px solid var(--divider-line);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
    animation: cardEntrance 0.8s ease-out;
    margin-bottom: 30px;
}

a{
    text-decoration: none;
}

@keyframes cardEntrance {
    from {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.card-header {
    background: #000;
    border-bottom: 1px solid var(--divider-line);
    color: var(--secondary-color);
    padding-top: 25px;
    padding-bottom: 35px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.site-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.site-logo img {
    width: 130px;
}

.card-header p {
    font-size: 16px;
    opacity: 0.9;
    margin-top: 5px;
}

.match-info {
    background-image: url(/images/cl-cover.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px;
    text-align: center;
    position: relative;
}

.league-info {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.league-logo {
    width: 60px;
    height: 60px;
    background: var(--divider-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid var(--divider-line);
    margin-bottom: 8px;
}

.league-logo img {
    width: 40px;
}

.league-name {
    font-size: 16px;
    font-weight: 100;
    color: var(--primary-color);
    padding: 4px 12px;
    white-space: nowrap;
}

.teams-container {
    margin-top: 60px;
}

.teams {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.team {
    text-align: center;
    width: 40%;
}

.team-logo {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

.team-logo img {
    width: 80px;
}

.team-name {
    font-size: 14px;
    font-weight: 100;
    color: var(--primary-color);
}

.vs {
    font-size: 25px;
    font-weight: 100;
    color: var(--accent-color);
}

.match-details {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 10px;
    margin: 15px 0;
}

.detail-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #ddd;
}

.detail-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.detail-label {
    font-weight: 600;
    color: #666;
}

.detail-value {
    font-weight: bold;
    color: #333;
}

.stadium {
    text-align: center;
    margin: 15px 0;
    color: var(--secondary-color);
    font-weight: 100;
    font-size: 14px;
}

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: var(--divider-color);
    border-top: 1px solid var(--divider-line);
    color: white;
}

.match-id {
    font-size: 12px;
    color: var(--secondary-color);
}

.live-badge {
    background-color: #ff0015;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative;
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 rgba(230, 57, 70, 0.4);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(230, 57, 70, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(230, 57, 70, 0);
    }
}

@media (max-width: 450px) {
    .match-card {
        width: 100%;
    }
    
    .site-logo {
        width: 180px;
        height: 90px;
    }
    
    .logo-text {
        font-size: 18px;
    }
    
    .team-logo {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    
    .team-name {
        font-size: 16px;
    }
    
    .league-logo {
        width: 50px;
        height: 50px;
        font-size: 16px;
    }
}


.slot-container {
    width: 370px;
    background: var(--dark-divider-color);
    border: 1px solid var(--divider-line);
    border-radius: 10px;
    overflow: hidden;
}

.slot-header {
    background: var(--black-color);
    border-bottom: 1px solid var(--divider-line);
    color: var(--secondary-color);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.slot-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.slot-logo-icon {
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slot-logo-text {
    font-size: 24px;
    font-weight: 100;
}

.slot-header-date {
    font-size: 14px;
    opacity: 0.9;
}

.slot-title {
    padding: 20px;
    background-color: var(--divider-color);
    font-size: 12px;
    font-weight: 100;
    color: var(--secondary-color);
    text-align: left;
    border-top: 1px solid var(--divider-line);
}

.slot-list {
    padding: 10px;
    max-height: 483px;
    overflow-y: auto;
}

.slot-item {
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--divider-line);
}

.slot-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.slot-number {
    min-width: 35px;
    height: 35px;
    background-color: var(--divider-color);
    color: var(--accent-color);
    border: 1px solid var(--divider-line);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    margin-right: 10px;
    flex-shrink: 0;
}

.slot-content {
    flex-grow: 1;
    display: flex;
    gap: 12px;
}

.slot-text {
    flex-grow: 1;
}

.slot-image {
    width: 120px;
    height: 80px;
    border-radius: 5px;
    object-fit: cover;
    margin-bottom: 0px;
}

.slot-name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--primary-color);
    line-height: 1.4;
}

.slot-date {
    color: var(--secondary-color);
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 500;
}





.slot-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.slot-list::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.slot-list::-webkit-scrollbar-thumb {
  background: var(--divider-line);
  border: 0px none #ffffff;
  border-radius: 10px;
}
.slot-list::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color);
}
.slot-list::-webkit-scrollbar-thumb:active {
  background: var(--accent-color);
}
.slot-list::-webkit-scrollbar-track {
  background: var(--dark-divider-color);
  border: 0px none #ffffff;
  border-radius: 0px;
}
.slot-list::-webkit-scrollbar-track:hover {
  background: var(--dark-divider-color);
}
.slot-list::-webkit-scrollbar-track:active {
  background: var(--dark-divider-color);
}
.slot-list::-webkit-scrollbar-corner {
  background: transparent;
}