/*!
Theme Name: Sportsurge
Theme URI: http://underscores.me/
Author: Linknbit
Author URI: http://linknbit.com/
Version: 2.2.4
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sports-hunter
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html * {
	font-family: "Poppins", sans-serif;
	box-sizing: border-box;
	transition: background ease 0.5s;
}

body {
	margin: 0;
	--background: #212121;
	background-color: var(--background);
	display: flex;
	flex-direction: column;
}

html, body {
	min-height: 100vh;
}

.container {
	max-width: 1199px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

header {
	margin-bottom: 40px;
	padding: 10px 0;
	position: sticky;
	z-index: 99999;
	top: 0;
	background-color: #101010;
}

.header-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-nav {
	display: flex;
	gap: 30px;
}

.header-nav a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}

.header-nav a span {
	width: 31px;
	display: block;
}

.header-nav a img {
	width: 100%;
	aspect-ratio: 1/1;
	display: block;
}

/*.header-main .site-logo {*/
/*	max-width: 50%;*/
/*	width: 100%;*/
/*}*/

.header-main .site-logo img {
	max-height: 60px;
}

.mobile-sports {
	display: none;
}

.teams .teams-main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 22px 10px;
	justify-content: flex-start;
	overflow: auto;
	flex-direction: column;
	height: 100vh;
	border-radius: 5px;
	background: #EFEFF1;
}

.teams .teams-main img {
	max-width: 36px;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
}

.teams {
	max-width: 20%;
	width: 100%;
}

.home-banner .home-banner-main img {width: 100%;}

.home-banner .home-banner-main h1 {
	color: #E4E4E7;
	font-size: 28px;
	font-weight: 600;
	line-height: normal;
	margin: 14px 0 28px;
}

.home-banner .home-banner-main p {
	color: #E4E4E7;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	margin: 0;
}

.home-banner .banner-content {
	max-width: calc(52% - 25px);
	width: 100%;
	padding-bottom: 20px;
}

.home-banner .banner-img {
	max-width: calc(48% - 25px);
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.site-mode {
	max-width: 88px;
	width: 100%;
	display: flex;
}

.mobile-sports svg path {
	fill: black;
}

body .mobile-sports svg path {
	fill: white;
}

.site-mode img {
	width: 100%;
}

.home-banner .banner-img img {
	display: block;
	width: 100%;
}

.matches .matches-main {
	display: flex;
	justify-content: space-between;
	gap: 60px;
}

.tabs .tab-item {
	border: none;
	background: #dcdcdc;
	padding: 9px 34px;
	border-radius: 5px;
	transition: all 0.3s;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.tabs .tab-item:not(.skeleton) {
	display: none;
}

.tabs.modified .tab-item {
	display: block;
}

.tabs {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	overflow: auto;
}

.tabs :where(a, button).active {
	background: var(--primary);
	color: #fff;
}

.matches .matches-main .live-matches {width: 100%;}

.matches .matches-main .live-scores {
	max-width: calc(23% - 30px);
	width: 100%;
}

.matches .matches-main .live-channels h2 {
	color: #121627;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 12px;
}

section.matches {
	padding: 80px 0 140px;
}

.matches .matches-main .live-channels-main {
	display: flex;
	padding: 20px 40px;
	gap: 20px;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #EFEFEF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.matches .matches-main .live-channels-main .channel-card {
	max-width: 155px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 33px;
}

.matches .matches-main .live-channels-main .channel-card a {
	color: #121627;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 7px 16px;
	border: 1px solid #121627;
}

/*a.watch-btn::before {*/
/*	content: '';*/
/*	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBsYXkgQnV0dG9uIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjQ2XzExMDE1KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik02IDAuNUMyLjY4NjM0IDAuNSAwIDMuMTg2MjkgMCA2LjVDMCA5LjgxMzcxIDIuNjg2MzQgMTIuNSA2IDEyLjVDOS4zMTM2NiAxMi41IDEyIDkuODEzNzEgMTIgNi41QzEyIDMuMTg2MjkgOS4zMTM2NiAwLjUgNiAwLjVaTTguMDczNzUgNi44MTgwNUw1LjA3Mzc1IDguNjkzMDVDNS4wMTMwNSA4LjczMDk1IDQuOTQ0MDIgOC43NSA0Ljg3NSA4Ljc1QzQuODEyNDcgOC43NSA0Ljc0OTg0IDguNzM0NDQgNC42OTMxNyA4LjcwMjk0QzQuNTczOTcgOC42MzY4NCA0LjUgOC41MTE0MSA0LjUgOC4zNzVWNC42MjVDNC41IDQuNDg4NTkgNC41NzM5NyA0LjM2MzE2IDQuNjkzMTcgNC4yOTcwNkM0LjgxMjM4IDQuMjMwNTkgNC45NTgxMyA0LjIzNDYyIDUuMDczNzUgNC4zMDY5NUw4LjA3Mzc1IDYuMTgxOTVDOC4xODMzNCA2LjI1MDYyIDguMjUgNi4zNzA3NCA4LjI1IDYuNUM4LjI1IDYuNjI5MjYgOC4xODMzNCA2Ljc0OTQgOC4wNzM3NSA2LjgxODA1WiIgZmlsbD0iI0U0RTRFNyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY0Nl8xMTAxNSI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");*/
/*	max-width: 12px;*/
/*	width: 100%;*/
/*	display: block;*/
/*	aspect-ratio: 1;*/
/*	background-size: contain;*/
/*	background-position: center;*/
/*	background-repeat: no-repeat;*/
/*}*/

a.watch-btn {
	display: flex;
	gap: 6px;
	max-width: 117px;
	width: 100%;
	border-radius: 2px;
}

.matches .matches-main .live-matches-main h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0;
	font-weight: 800;
	line-height: normal;
	background-color: var(--background);
	color: white !important;
	padding: 0 20px 20px;
}

.table-header {
	display: grid;
	grid-template-columns: var(--col);
	background: #2A2A2A;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px 30px;
}

.live-matches-main {
	--col: 3fr 2fr 194px;
}

.matches .matches-main .live-matches-main h3 {
	color: #121627;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 10px;
}

.matches .matches-main .live-matches-main .single-live-match {
	display: grid;
	grid-template-columns: var(--col);
	padding: 0 30px 20px;
	margin-top: 20px;
}

.matches .matches-main .live-matches-main .single-live-match:not(:last-child) {
	border-bottom: 1px solid #ffffff1c;
}

.matches .matches-main .live-matches-main .single-live-match .single-match-details {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 14px 30px;
}

.matches .matches-main .live-matches-main .single-live-match .league-logo {
	max-width: 30px;
	height: auto;
	width: 100%;
	aspect-ratio: 1;
}

.matches .matches-main .live-matches-main .single-live-match .league-logo img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	display: block;
}

.matches .matches-main .live-matches-main .single-live-match-scores {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.match-card-links {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	align-items: center;
}

.match-card-links .hd-btn {
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	border-radius: 2px;
	background: #2A2A2A;
	padding: 12px 22px;
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #fff;
}

.matches .matches-main .live-matches-main .single-live-match-scores .versus {
	color: black;
	font-size: 12px;
	font-weight: 700;
	line-height: normal;
}

.matches .matches-main .live-matches-main .single-live-match .live-match-score {
	color: #121627;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.matches .matches-main .live-matches-main .single-live-match .match-time {
	font-size: 18px;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 5px;
}

.matches .matches-main .live-matches-main .single-live-match a.watch-btn {
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	padding: 12px 22px;
	background: black;
	max-width: fit-content;
}

.matches .matches-main .live-matches-main .live-matches-tomorrow {
	margin-bottom: 60px;
}

.live-matches-today {
	margin-bottom: 40px;
	background: #3E3E3E;
}

.matches .matches-main .live-scores h2 {
	color: #121627;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 45px;
}

.matches .matches-main .live-scores .single-score :is(.team-1,.team-2) {
	color: #121627;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.matches .matches-main .live-scores .single-score {
	padding-bottom: 20px;
	border-bottom: 1px solid #A1A1AA;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.matches .matches-main .live-scores .single-score:not(:last-of-type) {
	margin-bottom: 20px;
}

footer {
	margin-top: auto;
	padding: 11px 0;
	background: #EFEFF1;
}

footer p {
	text-align: center;
	max-width: 1126px;
	margin: 0 auto;
	color: #DFDFDF !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

footer p:empty {
	display: none;
}

footer .container {
	max-width: 1080px;
}


footer p b {
	color: black;
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	line-height: 26px; /* 162.5% */
}

footer p a {
	color: var(--primary);
}

footer .container {display: flex;flex-direction: column;gap: 20px;}

section.versus-team {
	padding: 14px 0 60px;
}

.versus-team.team-banner .versus-team-main {
	background: transparent !important;
}

.versus-team h1 {
	font-size: 28px;
	font-weight: 600;
	margin-left: 8px;
}

.versus-team-main {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 75px;
	background: #EFEFEF;
}

.versus-team-main :is(.home-team,.away-team) {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

body:not([class*=channel]) .versus-team:not(.team-banner) .versus-team-main :is(.home-team,.away-team) {
	max-width: 40%;
	width: 100%;
}

.versus-team-main :is(.home-team,.away-team) img {
	max-width: 92px;
    width: 100%;
    aspect-ratio: 1;
    height: auto;
    object-fit: contain;
}

.single-channels .versus-team-main :is(.home-team,.away-team) img {
    background: white;
}

.other-matches {
	margin-top: 30px;
}

.versus-team-main :is(.home-team,.away-team) span {
	display: block;
	min-width: max-content;
	color: white;
}

.versus-team-main .home-team {
	justify-content: flex-end;
}

.versus-team-main .versus {
	color: #A885FF;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.streaming .streaming-links {
	display: flex;
	justify-content: center;
	gap: 12px;
	align-items: center;
	background: #EFEFF1;
	padding: 20px 27px;
}

.streaming-links > span {
	margin-right: auto;
	line-height: 1;
}



.streaming .streaming-links div {
	display: flex;
	gap: 12px;
	align-items: center;
}

.streaming .streaming-links .simple-links .link:not(:last-of-type) {
}

.streaming .streaming-links .simple-links a {
	color: #fff !important;
	text-decoration: none;
	padding: 5.5px 12px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #fff;
}

.streaming .streaming-links .hd-links a {
	gap: 8px;
	padding: 4px 12px;
	border: 1px solid var(--primary);
	background: var(--primary);
	color: #FFF !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
}

.streaming .streaming-links .hd-links .link a {
	display: flex;
	align-items: center;
}

.streaming .streaming-links .hd-links .link a svg path {
	fill: #121627;
}

.alternate-links {
	/* padding: 60px 0 0; */
	width: 100%;
}

.alternate-links table {
	width: 100%;
	border-collapse: collapse;
}

.alternate-links table th {
	color: white;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 10px 20px;
	background: #101C24;
}

.alternate-links table th:first-of-type {
}

.alternate-links table td {
	color: white;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 8px 20px;
	border: 0;
}

.alternate-links table td:first-of-type {
}

.alternate-links table tbody tr {
	background: rgba(16, 28, 36, 0.60);
}

.alternate-links table td .watch-btn {
	color: black;
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 4px 9px;
	text-decoration: none;
	background: white;
	gap: 2px;
	width: auto;
	justify-content: center;
}

.streaming-player iframe {
	width: 100%;
	aspect-ratio: 1179/594;
}

.alternate-links-main {
	overflow: auto;
	max-height: 200px;
	/* background: #101C24; */
	padding: 0 33px;
}






.site-mode label{
	position: relative;
	display: block;
	width: 88px;
	height: 42px;
	background: rgba(239, 239, 239, 0.60);
	border-radius: 200px;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.site-mode label::after{
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	top: 6px;
	left: 5px;
	background: white;
	border-radius: 180px;
	box-shadow: -3px -3px 10px #00000040,
		3px 3px 20px #00000040;
	transition: all .3s ease-in-out;
}

.site-mode input{
	width: 0;
	height: 0;
	visibility: hidden;
	margin: 0 !important;
}

.site-mode input:checked + label{
}

.site-mode input:checked + label::after{
	left: 53px;
	background: #2B2D42;
}

.site-mode label:active::after{
}

.site-mode .background{
	position: absolute;
	width: 100vw;
	height: 100vh;
	background: #fff;
	z-index: -1;
	transition: all .3s ease-in-out;
}

.site-mode input:checked + label + .background{
	background: #242424;
}
.site-mode label i {
	position: absolute;
	width: 30px;
	top: 12px;
	z-index: 5;
	font-size: 18px;
}

.site-mode label .sun{
	position: absolute;
	width: 30px;
	left: 11px;
	color: #FF7A00;
	transition: all .3s ease-in-out;
}

.site-mode label .moon{
	left: 61px;
	color: #5d5d5d;
	transition: all .3s ease-in-out;
	display: none;
}

.site-mode input:checked + label .sun{
	color: #5d5d5d;
}

.site-mode input:checked + label .moon{
	color: #fff;
}

.site-mode input:checked + label .moon {
	display: block;
}

.site-mode input:checked + label .sun {
	display: none;
}

.matches .matches-main .live-channels-main .channel-card a::before {
	filter: invert(1);
}


/* Dark Mode */

body :is( .teams .teams-main, .matches .matches-main .live-channels-main, .versus-team-main ,.site-content .issues,.master-sports .master-single,.live-channels,.streaming-chat, .match-loader) {
	background: #F3F3F3;
}

body :is( .matches .matches-main .live-channels h2, .matches .matches-main .live-matches-main .single-live-match-sc	ores :is(.home-team,.away-team), .matches .matches-main .live-matches-main h2, .matches .matches-main .live-matches-main h3, .matches .matches-main .live-matches-main .single-live-match .live-match-score, .matches .matches-main .live-matches-main .single-live-match .match-time, .matches .matches-main .live-scores h2, .matches .matches-main .live-scores .single-score :is(.team-1,.team-2), .matches .matches-main .live-channels-main .channel-card a, .streaming .streaming-links .simple-links a,.streaming .streaming-links .hd-links a ,.alternate-links table tr,.site-content .issues,.master-sports .master-single p,.live-channels,.teams .teams-main h2,.teams .teams-main .single-team p,.versus-team-main .match-time .versus,.streaming-chat h2, .other-sport-title,footer p,footer p b, .match-loader) {
	color: #000;
}

body .matches .matches-main .live-channels-main .channel-card a::before {
	filter:invert(0);
}

.site-content iframe {
	background: #c3c3c3;
}

body .matches .matches-main .live-channels-main .channel-card a {
	border-color: #E4E4E7;
}

body .alternate-links table tbody tr {
}

body .streaming .streaming-links .hd-links .link a svg path {
	fill: #E4E4E7;
}

.home-team.no-match {
	justify-content: center;
}

.player-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #122029;
	text-align: center;
	padding: 20px;
}

.player-overlay h2 {
	margin: 0 auto 20px !important;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	max-width: 497px;
	width: 100%;
}

span.live {
	color: #FF7A00;
	font-size: 18px;
	font-weight: 700;
}

.player-overlay span {
	display: block;
	background: #245ee5;
	color: white;
	padding: 18px 30px;
	font-size: 18px;
	margin-top: 37px;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

.streaming-player {
	position: relative;
	margin-bottom: 17px;
}

.banner {
	margin-block: 40px;
}

.banner-main {
	position: relative;
	padding: 56px 40px;
	isolation: isolate;
}

.banner-main::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, #DFFFE7CC, #DFFFE7CC), var(--image);
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.banner-main h1 {
	font-size: 36px;
	margin: 0 0 16px;
	color: #2A2A2A;
}

.banner-main p {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	color: #3E3E3E;
}

.banner img {
	width: 100%;
}

/* New Structure */
section.main-page > .container + .container {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin-top: 30px;
	/*flex-wrap: wrap;*/
}

#team .versus-team {
	flex-basis: 100%;
	margin-bottom: 40px;
	padding: 30px;
}

#team h1 {
	display: none;
}

#team .versus-team .versus-team-main :is(.home-team,.away-team) span {
	font-size: 20px;
	font-weight: 500;
}

#team .versus-time {
	display: flex;
	align-items: center;
	gap: 5px;
}

#team .versus-team span.date {
	font-size: 16px;
	font-weight: 400;
}

.main-page .site-content {
	max-width: 25%;
	width: 100%;
}

.main-page .main-page-content {
	width: 100%;
	flex: 1;
}

.site-content .issues {
	padding: 16px 12px;
	background: #EFEFEF;
}

.site-content .issues h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 10px 0;
}

.site-content .issues-content {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
}

.site-content .issues-content ul {
	padding-left: 15px;
}

.master-sports {
	margin-top: 10px;
	margin-bottom: 18px;
}

.master-sports .master-main {
	display: flex;
	gap: 14px;
	justify-content: flex-start;
}

.master-sports .master-single {
	max-width: 183px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	padding: 8px;
	text-decoration: none;
	border-radius: 5px;
	background: #EFEFF1;
}

.master-sports .master-single img {
	max-width: 36px;
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	height: auto;
}

.master-sports .master-single p {
	margin: 0;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: #121627;
}

.live-channels {
	padding: 22px 10px;
	margin-bottom: 20px;
	border-radius: 5px;
	background: #EFEFF1;
}

.live-channels h2 {
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.72px;
	margin: 0 0 26px 0;
	text-transform: uppercase;
}

.live-channels img {
	max-width: 60px;
	width: 100%;
	padding: 5px;
	background: white;
	aspect-ratio: 1;
	height: auto;
	object-fit: contain;
}

.live-channels-main {
	text-align: center;
}

.live-channels-main .channel-card:not(:last-of-type) {
	margin-bottom: 18px;
}

.live-channels-main .channel-card {
	display: block;
}

.teams .teams-main h2 {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.72px;
	width: 100%;
	margin: 0 0 22px 0;
}

.teams .teams-main .single-team {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.teams .teams-main .single-team p {
	margin: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: black;
}

.matches .matches-main .live-matches-main .single-live-match-scores .date {
	color: black;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
}

.matches .matches-main .live-matches-main .single-live-match-scores .time {
	color: black;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) :is(img, .skeleton-img) {
	width: 35px;
	aspect-ratio: 1/1;
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) span {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team) span {
    text-align: right;
}

.matches .matches-main .live-matches-main :is(.versus,.date,.time) {
	color:white;
}

.matches .matches-main .live-matches-main .time {
	font-weight: 600;
}

.matches .matches-main .live-matches-main .single-live-match .single-match-status {
	background-color: #282828;
	display: flex;
	align-items: center;
	width: 133px;
	text-align: center;
}

body .matches .matches-main .live-matches-main .single-live-match a.watch-btn {
	background: var(--primary);
	color: #fff;
}

/*body .matches .matches-main .live-matches-main .single-live-match a::before {*/
/*	filter: invert(1);*/
/*}*/

section.main-page {
	margin-bottom: 50px;
}

.website-content {
	color: white;
	line-height: 1.5;
}

.single-content {
	color: white;
	white-space: pre-line;
}

.website-content h2 {
	font-size: 24px !important;
	font-weight: 700 !important;
}

.website-content h3 {
	font-size: 20px !important;
	font-weight: 700 !important;
}

.website-content p {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 16px 0;
}

body .website-content p {
	color: white;
}

.live-matches-today h2 :where(img, .skeleton-img) {
	width: 30px;
	aspect-ratio: 1/1;
	height: auto;
}

.matches .matches-main .live-matches-main .single-live-match a {
	text-decoration: none;
}

.streaming-chat {
	max-width: 23%;
	width: 100%;
	border-radius: 5px;
	background: #E1E1E1;
}

.versus-team-main .match-time {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.versus-team-main .match-time .versus {
	color: black;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}

.versus-team-main .match-time .date {
	color: white;
}

.versus-team-main .match-time .time {
	color: white;
	font-size: 16px;
	font-weight: 700;
}

.player-overlay a {
	color: #000;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 6px 16px;
	background: white;
	border-radius: 2px;
}

.buy-plan .buy-plan-main {
	background: #3E3E3E;
	padding: 20px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.buy-plan .buy-button {
	padding: 7px 14px;
	background: var(--primary);
	display: flex;
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.56px;
	gap: 6px;
	text-decoration: none;
}

.buy-plan p {
	color: white;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.56px;
	margin: 0 auto;
}

.buy-plan .share-btn {
	color: white;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: center;
	text-decoration: none;
	gap: 10px;
}

.single-content h2 {
	color: white;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 8px;
}

.single-content p {
	color: white;
	font-size: 14px;
	font-weight: 400;
}

.streaming-chat h2 {
	color: black;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.64px;
	text-align: center;
	background: #EFEFF1;
	margin: 0;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	width: 100%;
}

.buy-plan .share-btn svg path {
	fill: black;
}

body :is(.streaming .streaming-links,.streaming-chat h2) {
	background: #3E3E3E;
}

.streaming .streaming-links > span {
	margin-right: auto !important;
}

body .buy-plan .share-btn svg path {
	fill: white;
}

.alternate-links table td:nth-of-type(2) {
	color: #FF7A00;
}

footer .container a {
	text-decoration: none;
	font-weight: 600;
}

.site-footer .header-nav {
	justify-content: center;
}

.site-footer a.site-logo img {
	width: 185px;
	margin: auto;
	display: block;
}

.alternate-links table td .watch-btn::before {
	filter: invert(1);
}

body footer {
	background: black;
}

.share {
	position: relative;
}

.social {
	position: absolute;
	bottom: calc(100% + 10px);
	display: flex;
	background: var(--primary);
	border-radius: 5px;
	right: 0;
	max-height: 0;
	overflow: hidden;
	padding: 0 20px;
	transition: all ease 0.5s;
}

.social a {
	display: block;
	max-width: 32px;
	width: 100%;
	max-height: 32px;
	min-width: 32px;
}

.social.active {
	max-height: 100vh;
	padding: 20px;
}

.streaming .streaming-links .simple-links a.active {
	color: white !important;
	background: var(--primary);
	border: 1px solid var(--primary);
}

body .teams .teams-main {
	color: white;
}

/* Ghayas */

.header-main {
	gap: 14px;
}

.header-dropdown {
	position: relative;
	display: none;
}

.option-selected {
	background: #EFEFF1;
	border-radius: 5px;
	padding: 5px 10px;
	color: #ffffff;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	border: none;
}

.streaming .streaming-links a {
	white-space: nowrap;
}

.option-selected::after, .option-selected::before {
	content: "";
	display: block;
}

.option-selected::after {
	background-image: url('data:image/svg+xml,%3Csvg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_9_37" fill="%23A30003"%3E%3Cpath d="M0.119819 0.939163C0.279555 0.777114 0.538592 0.777086 0.698356 0.939191L4.4999 4.79587L8.30164 0.939163C8.46138 0.777114 8.72041 0.777086 8.88018 0.939191C9.03994 1.10127 9.03994 1.36403 8.88018 1.5261L4.78916 5.67625C4.71244 5.75408 4.60839 5.7978 4.4999 5.7978C4.39141 5.7978 4.28734 5.75405 4.21065 5.67622L0.119846 1.52608C-0.0399446 1.36403 -0.0399446 1.10124 0.119819 0.939163Z"/%3E%3C/mask%3E%3Cpath d="M0.119819 0.939163C0.279555 0.777114 0.538592 0.777086 0.698356 0.939191L4.4999 4.79587L8.30164 0.939163C8.46138 0.777114 8.72041 0.777086 8.88018 0.939191C9.03994 1.10127 9.03994 1.36403 8.88018 1.5261L4.78916 5.67625C4.71244 5.75408 4.60839 5.7978 4.4999 5.7978C4.39141 5.7978 4.28734 5.75405 4.21065 5.67622L0.119846 1.52608C-0.0399446 1.36403 -0.0399446 1.10124 0.119819 0.939163Z" fill="%23A30003"/%3E%3Cpath d="M0.119819 0.939163L7.9537 8.66123L7.9537 8.66123L0.119819 0.939163ZM0.698356 0.939191L-7.13561 8.66117L-7.13618 8.66059L0.698356 0.939191ZM4.4999 4.79587L12.3337 12.518L4.49974 20.4653L-3.33406 12.5178L4.4999 4.79587ZM8.30164 0.939163L16.1355 8.66123L16.1354 8.66131L8.30164 0.939163ZM8.88018 0.939191L1.0463 8.66126L1.04564 8.66059L8.88018 0.939191ZM8.88018 1.5261L16.7141 9.24817L16.714 9.24827L8.88018 1.5261ZM4.78916 5.67625L-3.04472 -2.04581L-3.04462 -2.04592L4.78916 5.67625ZM4.21065 5.67622L12.0446 -2.04574L12.0459 -2.04445L4.21065 5.67622ZM0.119846 1.52608L7.95241 -6.19733L7.95383 -6.19588L0.119846 1.52608ZM-7.71406 -6.7829C-3.2465 -11.3152 4.06442 -11.3162 8.5329 -6.78221L-7.13618 8.66059C-2.98724 12.8703 3.80561 12.8694 7.9537 8.66123L-7.71406 -6.7829ZM8.53232 -6.78279L12.3339 -2.92611L-3.33406 12.5178L-7.13561 8.66117L8.53232 -6.78279ZM-3.3339 -2.92628L0.467842 -6.78299L16.1354 8.66131L12.3337 12.518L-3.3339 -2.92628ZM0.467759 -6.7829C4.93532 -11.3152 12.2462 -11.3162 16.7147 -6.78221L1.04564 8.66059C5.19458 12.8703 11.9874 12.8694 16.1355 8.66123L0.467759 -6.7829ZM16.7141 -6.78288C21.0953 -2.33818 21.0953 4.80348 16.7141 9.24817L1.0463 -6.19596C-3.01543 -2.07542 -3.01543 4.54072 1.0463 8.66126L16.7141 -6.78288ZM16.714 9.24827L12.6229 13.3984L-3.04462 -2.04592L1.0464 -6.19607L16.714 9.24827ZM12.623 13.3983C10.4958 15.5564 7.57687 16.7978 4.4999 16.7978V-5.2022C1.63991 -5.2022 -1.07087 -4.04825 -3.04472 -2.04581L12.623 13.3983ZM4.4999 16.7978C1.42217 16.7978 -1.4973 15.5558 -3.62461 13.3969L12.0459 -2.04445C10.072 -4.04767 7.36065 -5.2022 4.4999 -5.2022V16.7978ZM-3.62334 13.3982L-7.71414 9.24804L7.95383 -6.19588L12.0446 -2.04574L-3.62334 13.3982ZM-7.71272 9.24948C-12.096 4.80424 -12.0951 -2.33846 -7.71406 -6.7829L7.9537 8.66123C12.0152 4.54094 12.0161 -2.07618 7.95241 -6.19733L-7.71272 9.24948Z" fill="%23A30003" mask="url(%23path-1-inside-1_9_37)"/%3E%3C/svg%3E%0A');
	width: 9px;
	height: 4.98px;
	filter: invert(1);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.option-selected::before {
	background-image: url('data:image/svg+xml,%3Csvg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.5 0.845375C4.24962 0.845375 0 5.07744 0 10.3077C0 15.5373 4.24891 19.77 9.5 19.77C14.7504 19.77 19 15.538 19 10.3077C19 5.07814 14.7511 0.845375 9.5 0.845375ZM10.2422 18.2575V17.577C10.2422 17.1687 9.90991 16.8377 9.5 16.8377C9.09009 16.8377 8.75781 17.1687 8.75781 17.577V18.2575C4.92215 17.909 1.86838 14.8669 1.51855 11.047H2.20185C2.61176 11.047 2.94404 10.716 2.94404 10.3077C2.94404 9.89942 2.61176 9.56847 2.20185 9.56847H1.51855C1.86842 5.74801 4.92271 2.70635 8.75781 2.35787V3.03846C8.75781 3.44674 9.09009 3.7777 9.5 3.7777C9.90991 3.7777 10.2422 3.44674 10.2422 3.03846V2.35787C14.0778 2.70639 17.1316 5.74856 17.4814 9.56847H16.7982C16.3882 9.56847 16.056 9.89942 16.056 10.3077C16.056 10.716 16.3882 11.047 16.7982 11.047H17.4814C17.1316 14.8674 14.0773 17.9091 10.2422 18.2575ZM12.9441 12.6927C13.2339 12.9814 13.2339 13.4494 12.9441 13.7381C12.6542 14.0268 12.1843 14.0268 11.8945 13.7381L8.9752 10.8304C8.836 10.6918 8.75781 10.5038 8.75781 10.3077V5.94616C8.75781 5.53788 9.09009 5.20692 9.5 5.20692C9.90991 5.20692 10.2422 5.53788 10.2422 5.94616V10.0015L12.9441 12.6927Z" fill="%23A30003"/%3E%3C/svg%3E%0A');
	width: 19px;
	aspect-ratio: 1/1;
	background-position: center;
	background-repeat: no-repeat;
	filter: invert(1);
}

.header-date {
	padding: 2px 10px;
	border-radius: 5px;
	background: white;
	font-weight: 700;
	order: 1;
}

.header-timezone {
	font-size: 16px;
	color: black;
}

.header-date {
	font-size: 18px;
	color: black;
}

.dropdown-collapse {
	position: absolute;
	background: #A30003;
	width: 100%;
	top: calc(100% + 15px);
	border-radius: 5px;
	padding: 8px;
	color: white;
}

.dropdown-list, .dropdown-collapse {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 338px;
	overflow: auto;
}

.dropdown-list {
	padding-right: 4px;
}

.dropdown-item {
	padding: 8px 10px;
	background: #F3F3F3;
	border-radius: 5px;
	font-size: 12px;
	color: #000;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dropdown-item::after {
	content: attr(data-time);
	background: #A30003;
	color: #fff;
	padding: 3px 8px;
	border-radius: 5px;
}

.dropdown-list::-webkit-scrollbar {
	width: 8px;
}

.dropdown-list::-webkit-scrollbar-thumb {
	background: white;
	border: 2px solid #1b3444;
	border-radius:50px;
}

.dropdown-list::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.dropdown-filter {
	padding: 5px 15px;
	border-radius: 5px;
	border: none;
	outline: none;
	background: #fff;
	color: #000;
	font-size: 12px;
	min-height: 30px;
}
.dropdown-filter::placeholder {
	color: #666;
}

.dropdown-collapse {
	transition: all 0.5s;
	transform: translateY(-15px);
	opacity: 0;
	visibility: hidden;
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3);
}

.dropdown-collapse.visible {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}

.header-main .site-logo {
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: black;
}

body .header-main .site-logo span {
	color: white
}

.other-sport-title {
	display: block;
	padding-top: 12px;
	font-size: 20px;
	padding-left: 20px;
	font-weight: 600;
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.versus, .date) {
	font-size: 12px;
}

.live-matches-today h2 a {
	margin-left: auto;
	font-size: 16px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

.versus-team.team-banner span.live {
	font-size: 24px;
}

.mobile-sports svg {
	cursor: pointer;
}

.single-content.single-mobile-content {
	display: none;
}

.team-cards {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

p.buy-mobile {
	display: none;
}

body .option-selected {
	background: #DFDFDF;
}

body .header-date {
	background: #A30003;
	color: white;
}

.header-timezone {
	color: #A30003;
}

body .option-selected::before {
	filter: unset;
}

body .option-selected::after {
	filter: unset;
}

.matches .matches-main .live-matches-main .single-live-match-scores.no-team {
	justify-content: start;
	gap: 45px;
}

.matches .matches-main .live-matches-main .single-live-match-scores.no-team :is(.home-team,.away-team) {
	max-width: unset;
	flex: 1;
}

.matches .matches-main .live-matches-main .single-live-match-scores.no-team .versus {
	display: none;
}

:is(body.racing,body.mma) .main-page > .container .teams {
	display: none;
}

:is(body.racing,body.mma) .main-page > .container {
	justify-content: center;
}

#team section.main-page > .container {
	max-width: 960px;
}

.static-player {
	aspect-ratio: 1179/594;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 5px;
	margin-bottom: 29px;
	text-decoration: none;
	background-color: #c3c3c3 !important;
	align-items: center;
}

.static-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 27px;
	background: #3E3E3E;
	width: 100%;
}

.static-header h3, .streaming .streaming-links > span {
	margin: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.static-header span {
	color: #F00;
	text-align: right;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 8px;
}

.static-header span::before {
	content:'';
	width: 12px;
	height: 12px;
	display: block;
	background: #F00;
	border-radius: 50%;
	animation: breathing 1.5s linear infinite;

}

@keyframes breathing{
	0%{
		opacity:1;
	}

	50% {
		opacity:0;
	}

	100%{
		opacity:1;
	}
}

.static-footer svg {
	display: block;
	width: 100%;
	height: auto;
}

.static-player > svg:hover circle {
	fill: #E30000;
}

.static-player > svg:hover path {
	fill: white;
	stroke: #E30000;
}

.not-found-matches {
    color: #fff;
    padding: 20px 30px;
    border-radius: 5px;
    text-align: center;
	font-weight: 500;
    margin-bottom: 0;
}

.modal-content {
	position: fixed;
	inset: 0;
	margin: auto;
	height: fit-content;
	padding: 10px;
}

.modal {
	display: none;
	position: fixed;
	inset: 0;
	background-color: rgba(0,0,0,0.80);
	z-index: 999999;
}

.modal-image {
	width: fit-content;
	margin: auto;
	position: relative;
}

.modal-content a {
	display: block;
	padding: 15px;
	border-radius: 20px;
	background: #000;
	border: 1px solid #323030;
	width: fit-content;
	margin: auto;
}

.modal-content img {
	display: block;
	border-radius: 10px;
	width: 800px;
	max-width: 100%;
}

.modal-content .close {
	position: absolute;
	inset: 25px 25px auto auto;
	padding: 5px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
}

.modal-content .close svg {
	width: 20px;
	display: block;
	aspect-ratio: 1/1;
	stroke: white;
}

@media only screen and (max-width:1200px) {
	/*.matches .matches-main .live-matches-main .single-live-match {*/
	/*	flex-direction: column;*/
	/*}*/

	/*.matches .matches-main .live-matches-main .single-live-match a.watch-btn {*/
	/*	max-width: 90px;*/
	/*}*/

	/*.match-card-links {*/
	/*	margin-top: 20px;*/
	/*	justify-content: center;*/
	/*}*/

	.matches .matches-main .live-matches-main .single-live-match .single-match-status {
		width: 100px;
		padding-inline: 15px;
	}

	.matches .matches-main .live-matches-main .single-live-match-scores {
		max-width: 100%;
	}
}

@media only screen and (max-width:991px) {
	.teams-slider {
		overflow: auto;
		width: 100%;
	}

	.versus-team.team-banner .versus-team-main {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.live-channels-main .channel-card:not(:last-of-type) {
		margin: 0;
	}

	.live-channels-main .channel-card {
		min-width: 40px;
	}

	.live-channels-overflow {
		width: 100%;
		overflow: auto;
	}

	.streaming-chat {
		display: none;
	}
	.single-content.single-mobile-content {
		display: block;
	}

	.single-content {
		display: none;
	}

	.single-content.single-mobile-content {
		order: 3;
	}

	.mobile-sports svg.close {
		display: none;
	}

	.mobile-sports.open svg.close {
		display: block;
	}

	.mobile-sports.open svg.open {
		display: none;
	}

	.master-sports .container {
		padding: 0;
	}

	.master-sports .master-main {
		flex-direction: column;
		gap: 20px;
	}

	.master-sports .master-single {
		background: transparent !important;
		padding: 0;
		gap: 15px;
		justify-content: flex-start;
	}

	.master-sports .master-single img {
		max-width: 28px;
	}

	.master-sports .master-single p {
		font-size: 12px;
	}

	.dropdown-item {
		font-size: 8px;
		padding: 6px 7px;
	}

	.master-sports.active {
		max-height: 100vh;
		padding: 16px 20px;
	}

	.header-main {
		flex-wrap: wrap;
		gap: 14px;
	}

	.mobile-sports {
		display: flex;
		width: 25px;
	}

	.header-dropdown {
		margin-left: auto;
		margin-right: 20px;
	}

	.site-mode {
		order: 1;
		max-width: calc(50% - 7px);
		width: 100%;
		justify-content: flex-end;
	}

	.header-main .site-logo {
		max-width: calc(50% - 7px);
	}

	header nav.header-nav {
		position: absolute;
		flex-direction: column;
		top: 99%;
		left: 0;
		background: #4d4d4d;
		width: 100%;
		padding: 10px;
		gap: 10px;
	}

	.header-nav a {
		padding: 8px 16px;
		/*background: #fff;*/
		font-size: 14px;
		color: #fff;
		border-radius: 5px;
	}

	.header-main .site-logo img {
		display: block;
		max-height: 40px;
	}

	.header-main .site-logo span {
		font-size: 24px;
	}

	.live-channels h2 {
		text-align: left;
		margin-bottom: 20px;
	}

	.live-matches-main .website-content {
		display: none;
	}

	.website-content.mobile-website-content {
		order: 4;
		margin-bottom: 60px;
	}

	.live-matches-today {
		margin-top: 20px !important;
		margin-bottom: 40px;
	}

	.matches .matches-main .other-sports {
		margin-top: 20px;
		margin-bottom: 24px;
	}

	body .master-sports {
		background: #112029;
	}

	.master-sports {
		position: absolute;
		right: 0;
		top: 146px;
		background: white;
		margin: 0;
		max-width: 133px;
		width: 100%;
		transition: all ease 0.5s;
		max-height: 0;
		padding: 0 20px;
		overflow: hidden;
	}

	.main-page .main-page-content {
		order: 0;
		max-width: 100%;
	}

	section.main-page > .container {
		flex-direction: column;
	}

	.teams {order: 2;max-width: 100%;}

	section.main-page > .container > .site-content {display: contents;}

	.live-channels-main {display: flex;gap: 8px;}

	.teams-slider {
		overflow: auto;
		width: 100%;
	}

	.teams .teams-main {
		height: auto;
		gap: 20px;
		overflow: unset;
	}

	.teams .teams-main .team-cards {
		display: flex;
		gap: 16px;
		flex-direction: row;
	}

	.teams .teams-main .single-team {
		min-width: max-content;
	}

	.teams .teams-main h2 {
		margin: 0;
	}

	.live-channels {
		order: 1;
		margin-bottom: 24px;
		width: 100%;
	}

	.site-content .issues {
		order: 4;
	}

	.matches .matches-main {
		flex-direction: column;
		align-items: center;
	}

	.matches .matches-main .live-matches {
		max-width: 100%;
	}

	.matches .matches-main .live-scores {
		max-width: 500px;
	}

	.versus-team-main {
		gap: 30px;
	}

	.streaming .streaming-links {
		padding: 4px 8px;
	}

	.streaming .streaming-links .simple-links a, .streaming .streaming-links .hd-links a {
		padding: 3px 10px;
		font-size: 12px;
	}
}

@media only screen and (max-width:767px) {
	.match-loader {
		padding: 20px;
		font-size: 14px;
	}

	header, #team .versus-team, .live-matches-today:last-child {
		margin-bottom: 20px;
	}

	.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) {
		width: fit-content !important;
		min-width: fit-content !important;
	}

	.matches .matches-main .live-matches-main .single-live-match .single-match-details {
		align-items: flex-start;
	}

	.matches .matches-main .live-matches-main .single-live-match-scores .versus {
		display: none;
	}

	#team .versus-time {
		justify-content: center;
	}

	#team .versus-team span.time {
		font-size: 16px;
		font-weight: 700;
	}

	#team .versus-team span.date, #team .versus-team span.time {
		font-size: 13px;
	}

	.banner-main {
		padding: 30px 20px;
	}

	.banner-main h1 {
		font-size: 25px;
	}

	.banner-main p {
		font-size: 14px;
	}

	.live-matches-today h2 a {
		font-size: 12px;
	}

	.table-header {
		display: none;
	}

	.versus-team-main {
		padding: 0;
		gap: 8px;
	}

	#team .versus-team .versus-team-main :is(.home-team,.away-team) span {
		font-size: 14px;
	}

	.versus-team-main .match-time .versus {
		font-size: 18px;
		font-weight: 700;
	}

	#team .teams {
		display: none;
	}

	.matches .matches-main .live-matches-main h2 {
		padding-inline: 0;
		font-size: 16px;
	}

	.live-matches-today h2 :where(img, .skeleton-img) {
		width: 25px;
	}

	.other-sport-title {
		font-size: 16px;
	}

	.live-channels h2 {
		font-size: 16px;
	}

	.teams .teams-main h2 {
		font-size: 16px;
	}

	.matches .matches-main .live-matches-main .single-live-match .single-match-status {
		padding: 10px;
		background-color: transparent;
	}

	.site-content .issues h2 {
		font-size: 16px;
	}

	.single-content h2 {
		font-size: 18px;
	}

	.site-content iframe {
		margin-top: -20px;
	}

	#team .versus-team {
		padding: 15px;
	}

	.not-found-matches {
		font-size: 13px;
		padding: 15px 20px;
	}

	.matches .matches-main .live-matches-main .single-live-match .single-match-status {
		width: fit-content;
	}

	.single-content.single-mobile-content {
		font-size: 12px;
	}

	.streaming .streaming-links {
		overflow: auto;
	}

	.streaming .streaming-links div {
		gap: 8px;
	}

	.player-overlay a {
		font-size: 10px;
	}

	.static-header {
		padding: 4px 8px;
	}

	.static-header h3, .streaming .streaming-links > span {
		font-size: 13px;
	}

	.static-header span {
		font-size: 12px;
	}

	.static-player > svg {
		max-width: 36px;
	}

	p.buy-mobile {
		display: block;
	}

	.buy-plan {
		display: flex;
		align-items: center;
		margin-bottom: 26px;
		gap: 12px;
		justify-content: center;
	}

	.buy-plan p {
		font-size: 10px;
		color: #fff !important;
	}

	.buy-plan .buy-plan-main {
		gap: 12px;
		width: 100%;
		padding: 9px 4px;
	}
	.buy-plan .buy-button {
		margin-right: auto;
	}

	.buy-plan .buy-button {
		padding: 6px 8px;
		font-size: 10px;
	}

	.buy-plan .share-btn svg {
		max-width: 15px;
	}

	.buy-plan .share-btn {
		font-size: 10px;
		gap: 8px;
	}

	.buy-plan .buy-button svg {
		max-width: 13px;
	}

	.versus-team-main .match-time {
		order: -1;
		flex-direction: row-reverse;
		gap: 5px;
	}

	.versus-team-main::after {
		content: "VS";
		order: 1;
		color: #fff;
		font-weight: 700;
		font-size: 18px;
	}

	.versus-team-main .away-team {
		order: 2;
	}

	.versus-team.team-banner .versus-team-main {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.versus-team.team-banner .versus-team-main > * {
		width: fit-content;
	}

	.versus-team-main :is(.home-team,.away-team) {
		flex-direction: row;
	}

	.versus-team:not(.team-banner) .versus-team-main .match-time .versus {
		display: none;
	}

	.header-main .site-logo span {
		font-size: 20px;
	}

	.header-timezone {
		font-size: 12px;
	}

	.header-date {
		font-size: 12px;
	}

	.option-selected {
		gap: 5px;
	}

	.option-selected::before {
		width: 13px;
		background-size: contain;
	}

	.matches .matches-main .live-matches-main .single-live-match .match-time {
		order: -1;
		gap: 5px;
	}

	.matches .matches-main .live-matches-main .date {
		margin-bottom: 0;
	}

	span.live {
		margin:0;
	}

	.matches .matches-main .live-matches-main .single-live-match a.watch-btn {
		padding: 3px 10px;
		order: 1;
		margin: 0 0 0 auto;
	}

	.matches .matches-main .live-matches-main .single-live-match-scores .away-team {
		order: 3;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.matches .matches-main .live-matches-main .single-live-match {
		grid-template-columns: 1fr;
	}

	.matches .matches-main .live-matches-main .single-live-match .match-time .versus {
		display: none;
	}

	body .matches .matches-main .live-matches-main .single-live-match {
		gap: 15px;
		position: relative;
	}

	.matches .matches-main .live-matches-main .single-live-match .single-match-details {
		margin-top: -45px;
		padding-inline: 10px;
		flex-direction: column;
		padding-top: 0;
	}


	.matches .matches-main .live-matches-main .single-live-match a.hd-btn {
		padding: 3px 10px;
	}

	.match-card-links {
		position: absolute;
		inset: 0 30px auto auto;
		flex-direction: row-reverse;
		justify-content: flex-start;
		white-space: nowrap;
		margin-left: auto;
	}

	.matches .matches-main .live-matches-main .single-live-match .match-time {
		font-size: 15px;
	}

	.matches .matches-main .live-matches-main .single-live-match a.watch-btn, .match-card-links .hd-btn {
		font-size: 12px;
	}

	.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) span {
		font-size: 15px;
	}

	.website-content.mobile-website-content {
		font-size: 12px;
	}

	.website-content h2 {
		font-size: 18px !important;
	}

	.website-content h3 {
		font-size: 16px !important;
	}

	.teams .teams-main img {
		max-width: 25px;
	}

	.home-banner .home-banner-main {
		flex-direction: column-reverse;
	}

	.home-banner .banner-content {
		max-width: 100%;
	}

	.home-banner .banner-img {
		max-width: 100%;
	}

	.matches .matches-main .live-channels-main {
		justify-content: center;
	}

	.versus-team:not(.team-banner) .versus-team-main {
		flex-direction: column;
		gap: 15px;
		align-items: flex-start;
	}

	.home-team.no-match {
		max-width: 100%;
		width: 100%;
		justify-content: center !important;
	}

	body:not([class*=channel]) .versus-team-main :is(.home-team,.away-team) img {
		max-width: 24px;
	}

	.option-selected {
		margin-left: auto;
	}

	.versus-team-main :is(.home-team,.away-team) {
		justify-content: flex-start;
	}

	.versus-team-main :is(.home-team,.away-team) span {
		font-size: 12px;
	}

	.versus-team-main .versus {
		font-size: 18px;
	}

	.streaming .streaming-links {
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}
}

@media only screen and (max-width:576px) {
	.modal-content a {
		padding: 10px;
	}

	.modal-content .close {
		inset: 15px 15px auto auto;
	}

	.matches .matches-main .live-matches-main .single-live-match {
		gap: 16px;
		padding: 0 12px 12px;
	}

	.header-main .site-logo {
		max-width: calc(70% - 7px);
	}

	.header-main .site-logo img {
		max-height: 35px;
	}

	.site-mode {
		max-width: 70px;
	}

	.streaming .streaming-links .simple-links a {
		font-size: 10px;
		padding: 2px 6px;
	}

	.player-overlay h2 {
		font-size: 10px;
		max-width: 220px;
	}

	.streaming .streaming-links .hd-links a {
		font-size: 10px;
	}
	.site-mode label {
		width: 70px;
		height: 35px;
	}

	.site-mode label::after {
		width: 25px;
		height: 25px;
	}

	.site-mode label .sun {
		font-size: 13px;
		left: 11px;
		top: 11px;
	}

	.streaming .streaming-links {
		justify-content: flex-start;
	}

	.header-dropdown {
		order: 1;
		flex-basis: 100%;
		margin-right: 0;
	}

	.option-selected {
		width: 100%;
	}

	.header-date {
		margin-left: auto;
	}

	.site-mode label .moon {
		left: 49px;
		font-size: 12px;
		top: 11px;
	}

	.site-mode input:checked + label::after {
		left: 40px;
	}
}


/* Ghayas */
.away-team[href="#"] {
	pointer-events: none;
}

.match-loader {
    padding: 34.5px 20px;
    margin-bottom: 16px;
	background: #3E3E3E !important;
	color: #fff !important;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.loader, .loader::before {
    width: var(--loader-size, 25px);
    height: var(--loader-size, 25px);
    border-radius: 50%;
    border-top: unset;
    border-left: unset;
    border: 2px solid #fff;
	border-width: 0 2px 2px 0;
    animation: rotate-clockwise linear infinite 2s;
    position: relative;
}

.loader::before {
    content: "";
    display: block;
    --loader-size: 10px;
    position: absolute;
    inset: 0;
    margin: auto;
    animation: rotate-anti-clockwise linear infinite 1s;
}

@keyframes rotate-clockwise {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
}

@keyframes rotate-anti-clockwise {
    from {
        rotate: 0deg;
    }
    to {
        rotate: -360deg;
    }
}

.versus-team-main-vertical {
	flex-direction: column;
	gap: 17px;
}

.gamebar {
	position: absolute;
	inset: 0 0 0 auto;
	z-index: 1;
	display: flex;
	flex-direction: column;
	padding: 24px;
	background: var(--primary);
	width: 306px;
	border-top-left-radius: 24px;
	color: white;
	transform: translateX(100%);
	transition: transform .5s;
}

.gamebar.active {
	transform: translateX(0%);
}

.gamebar-header {
	font-size: 15px;
	display: flex;
	margin-bottom: 14px;
	gap: 17px;
}

.gamebar-header a {
	color: #fff;
	text-decoration: none;
	align-self: center;
}

.gamebar-header a.active {
	font-weight: bold;
}

.gamebar-header::after {content: "";width: 1px;display: block;background: #fff;order: -1;}

.gamebar-header a svg {display: block;}

.gamebar-header a:first-child {
	order: -1;
}

.gamebar-header a:last-child {
	margin-left: auto;
}

.gamebar-header a.active {
	font-weight: 600;
}

.gamebar-content {
	flex: 1;
	overflow: auto;
}

.gamebar-content p {
	margin-block: 0 28px;
	font-size: 14px;
}

.gamebar-date {
	font-size: 12px;
	color: #E1E1E1;
	margin-bottom: 10px;
}

.gamebar-date b {
	color: #E4E4E7;
}

.gamebar-teams img {
	width: 30px;
	aspect-ratio: 1/1;
}

.gamebar-league img {
	width: 42px;
	height: 39px;
	display: block;
}

.gamebar-match {
	display: flex;
	border-radius: 10px;
	width: fit-content;
	overflow: hidden;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
}

.gamebar-match * {
	pointer-events: none;
}

.multistream-remove {
	position: absolute;
	z-index: 1;
	inset: 10px 10px auto auto;
	padding: 9px;
	background: #3434345c;
	border-radius: 50%;
	display: grid;
	place-content: center;
}

.multistream-match {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.multistream-remove svg {
	display: block;
	width: 10px;
	height: 10px;
}

.gamebar-league {
	display: grid;
	place-content: center;
	padding: 6px 4px;
}

.gamebar-match.active {
	border-color: #F4F5FA;
}

.gamebar-teams {
	padding: 10px 26px 10px 17px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: #E1E1E1;
}

.gamebar-match.event {
	width: 100%;
}

.gamebar-match.event .gamebar-teams {
	font-size: 10px;
}

.gamebar-match.active .gamebar-league {
	background: #fff;
}

.gamebar-game {
	margin-top: 19px;
}

.gamebar-channel:not(:last-child) {
	margin-bottom: 13px;
}

.gamebar-channel {
	padding: 9px 11px;
	border-radius: 10px;
	border: 2px solid transparent;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

.gamebar-channel.active {
	border-color: #F4F5FA;
}

.gamebar-channel img {
	width: 40px;
	height: 32px;
}

.multistream-btn, .game-browse {
	width: 190px;
	justify-content: space-between;
	cursor: pointer;
}

.multistream-switch {
	width: 26px;
	height: 13.76px;
	border-radius: 100px;
	background: #000;
	position: relative;
	overflow: hidden;
	transition: all 0.2s;
}

.multistream-switch::after {
	content: "";
	width: 12px;
	height: 12px;
	background: #fff;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	left: 1px;
	transition: all 0.2s;
}

input#multistream:checked + label .multistream-switch {
	background: #fff;
}

input#multistream:checked + label .multistream-switch::after {
	left: calc(100% - 12px - 1px);
	background: #000;
}

input#multistream {
	display: none;
}

.multistream-btn {
	background: #CC0000;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 16px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	color: #fff;
	gap: 16px;
	text-transform: uppercase;
	user-select: none;
	margin-right: auto;
}

.game-browse {
	opacity: 0;
	background: #CC0000;
	color: #fff;
	padding: 16px 13px 16px 14px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #00000033;
	margin-left: auto;
	border-radius: 34px 0 0 34px;
}

.game-browse.active {
	opacity: 1;
}

.match-grid {
	display: none;
	aspect-ratio: 16/9;
	border-radius: 0 0 5px 5px;
	color: #fff;
	padding: 14px;
}

.match-grid.empty {
	display: flex;
	align-items: center;
	justify-content: center;
}

.match-grid.filled {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 14px;
}

.streaming-main {
	position: relative;
	overflow: hidden;
}

.action-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: #fff;
}

.action-btn svg path {
	fill: var(--primary) !important;
}

@media only screen and (width <= 991) {
	.multistream-btn {
		display: none;
	}
}

.skeleton {
	background-image: linear-gradient(90deg, #162b37 25%, #12242d 50%, #162b37 75%) !important;
	background-size: 200% 100% !important;
	animation: shimmer 1.5s infinite linear;
	color: transparent !important;
}

.skeleton-img {
	border-radius: 50%;
}

@keyframes shimmer {
	0% {
		background-position: 100%;
	}
	100% {
		background-position: -100%;
	}
}

@media only screen and (max-width: 991px) {
	.team-hero {
		padding: 20px 10px;
	}
	section.main-page .other-matches {
		flex-direction: column;
	}
	.multistream-btn, .game-browse {
		font-size: 10px;
		font-weight: 600;
		width: 136px;
		gap: 4px;
		padding: 10px;
	}
	.multistream-switch::after {
		width: 9.83px;
		height: 9.83px;
	}
	.multistream-switch {
		width: 24px;
		height: 12.78px;
	}
	.game-browse svg {
		width: 18px;
	}
	.main-page .site-content {
		max-width: 100%;
	}
	.multistream-btn {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.buy-plan p {
		font-size: 10px;
		flex-basis: 100%;
		order: 1;
	}
	.action-btn {
		font-size: 10px;
		font-weight: 600;
	}
	.buy-plan .buy-plan-main {
		gap: 12px;
		width: 100%;
		padding: 9px 4px;
		flex-wrap: wrap;
	}
	.buy-plan .buy-button {
		padding: 6px 8px;
		font-size: 10px;
		margin-right: auto;
	}
}