html {
    scroll-behavior: smooth;
}

@media screen and (max-width: 880px){   
	.left-panel{
		z-index:1 !important;
    }		
}

.bet-top-head {
	background:#fff; 
	width:100%; 
	max-width:1366px; 
	height:60px; 
	display:flex; 
	box-sizing:border-box; 
	border-bottom:1px solid #ddd;
	padding:0px 15px; 
	position:fixed; 
	top:0px; 
	z-index:2; 
	left:50%;  
	transform:translateX(-50%);
}

@media screen and (max-width: 880px){   
	.bet-top-head {
		padding:0px 10px; 
    }		
}

.bet-main-dv {
	margin-top:60px;
}

@media (max-width:880px) {
	.bet-main-dv {
		margin-top:60px;
	}  
} 

.bet-nav-dv {
	position:fixed; 
	top:60px;	 
	height:45px; 
	width:100%; 
	background:transparent;
	padding:0 20px; 
	box-sizing:border-box; 
	color:white; 
	font-weight: bold;
	z-index: 2;
	border-bottom:1px solid #6C2BD9;
}

@media (max-width:880px) {
.bet-nav-dv { 	
   display:none !important;
   }  
}

.bet-nav-ina {
	height:45px; 
	width:100%; 
	display:flex; 
	justify-content:space-between;
	align-items:center; 
}

.bet-navs-lst {
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	padding:5px;
	border-radius:5px;
}

@media (max-width:1280px) {
	.lst-maligi {
		display:none;
	}
}

.bet-ind-logo {
	width:120px; 
	height:auto; 
	margin-top:auto; 
	margin-bottom:auto;
}

.bet-top-cont {
	width:auto; 
	height:60px; 
	margin-left:auto; 
	display:flex; 
	text-align:center;
}

.insyd-lts1 {
	text-decoration:none;
	outline:none;
	height:34px;
	border-radius:34px;
	line-height:34px;
	background: linear-gradient(135deg,#6c2bd9,#8b5cf6);
	cursor:pointer;
	color:#fff;
	box-sizing:border-box;
	padding:0px 8px; 
	margin-right:30px;
}

.insyd-lts2 {
	text-decoration:none;
	outline:none;
	cursor:pointer;
	color:#202020;
	margin-right:30px;
}

.insyd-lts3 {
	text-decoration:none;
	outline:none;
	cursor:pointer;
	color:#202020;
	margin-right:30px;
}

@media screen and (max-width: 880px){   
	.insyd-lts1, .insyd-lts2, .insyd-lts3 {
		margin-right:10px;
    }		
}

.insyd-lts4 {
	text-decoration:none;
	outline:none;
	cursor:pointer;
	color:#6c2bd9;
	font-size:14px;
	margin-right:10px;
}

.insyd-lts2:hover, .insyd-lts3:hover {
	color:#6C2BD9;
}

@media (max-width:880px) {
	.insyd-lts2, .insyd-lts3 {
		display:none;
	}
}

.bet-av-img {
	width:30px; 
	height:30px; 
	box-sizing:border-box; 
	border:1px solid #ddd; 
	border-radius:50%;
	cursor:pointer;
}

.bet-lgout-dv {
	position:absolute; 
	right:10px; 
	top:55px; 
	background:#fff; 
	border-radius:12px; 
	box-sizing:border-box; 
	padding:10px 15px;
	display:none;
	border: 1px solid #ddd;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);
}

.bet-top-sp1 {
	background:#fff; 
	color:#6c2bd9;
	height:40px; 
	line-height:40px; 
	display:inline-block; 
	border-radius:40px; 
	cursor:pointer; 
	padding-left:10px; 
	padding-right:10px; 
	box-sizing:border-box; 
	min-width:80px; 
	margin-top:auto; margin-bottom:auto;
	border:1px solid #6C2BD9;
	text-decoration:none;
	outline:none;
}

.bet-top-sp2 {
	background: linear-gradient(135deg,#6c2bd9,#8b5cf6); 
	height:40px; 
	line-height:40px; 
	display:inline-block; 
	margin-left:10px; 
	border-radius:40px; 
	color:#fff; 
	cursor:pointer; 
	padding-left:10px; 
	padding-right:10px; 
	box-sizing:border-box; 
	min-width:80px; 
	margin-top:auto; 
	margin-bottom:auto;
	text-decoration:none;
	outline:none;
}

@media (min-width:881px) {
.landing { 	
   height:auto;
   }  
}
 
 @media (min-width:881px) {
.left-panel, .right-panel { 	
   display:none;
   }  
} 

@media (max-width:880px) {
#slide-banners { 	
   display:none;
   }  
} 

.segment-heds {
  padding-top:10px;
  padding-bottom:10px;
  text-align: center;
  color:#6c2bd9;
  font-size: 24px;
  font-weight: bold;
}

.stickers-dv {
	width:100%;
	display:flex;
}

@media (max-width:880px) {
	.stickers-dv {
		display:block;
	} 
} 

.stickers-dv1, .stickers-dv2 {
width:50%; box-sizing:border-box; padding:15px;
}

@media (max-width:880px) {
	.stickers-dv1, .stickers-dv2 {
		width:100%;
	} 
} 

.why-div { 
	width:100%; 
	max-width:1200px; 
	margin-left:auto; 
	margin-right:auto; 
	display:flex; 
	min-height:300px;
}

.why-img-dv { 
	width:300px; 
	height:100%;
}

@media (max-width:950px){ 
   .why-img-dv {
	  display:none;   
   }
}

.why-txts-dv {
	width:calc(100% - 300px); 
	height:100%;
	margin-top:auto;
	margin-bottom:auto;
}

@media (max-width:950px){ 
   .why-txts-dv {
	  width:100%;  
   }
}

.why-img { 
	width:100%; 
	height:auto;
}

.betting-features-container {
	margin: 0 auto;
	padding: 20px;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	line-height: 1.5;
}

.feature-icon {
	font-size: 24px;
	margin-right: 15px;
	flex-shrink: 0;
	line-height: 1.2;
}

@media (max-width:880px) {
	.feature-icon {
		font-size:20px;
		margin-right:10px;
	}
} 

.feature-text {
	font-size: 18px;
	font-weight: 600;
}

@media (max-width:880px) {
	.feature-text {
		font-size:16px;
	} 
} 

/******************************************************
TABLES
*******************************************************/

.matches-container { 
	 max-width:1200px; 
	 margin:auto; 
	 box-sizing:border-box; 
	 padding-left:15px;
	 padding-right:15px;
	 background:#fff;
}

@media (max-width:800px){ 
    .matches-container {
	border:none;
	background:transparent;
	}
}

.fut-section-hed { 
   text-align:center; 
   color:#6c2bd9; 
   	margin-top:10px; 
	margin-bottom:40px;
}

.fut-section-h2  { 
    color:#6c2bd9; 
	margin-top:30px; 
	margin-bottom:30px;
}

.stats{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	gap:15px;
	margin-bottom:20px;
}

.card{
	background:#fafafa;
	padding:15px;
	border-radius:10px;
	box-sizing:border-box;
	border:1px solid #fafafa;
}

table {
    width:100%;
	margin-right:auto;
	margin-left:auto;
    border-collapse:collapse;    
    border-radius:10px;
    overflow:hidden;	
	table-layout:fixed;
}

@media (min-width:801px){ 
	.tebo-wrap-dv {
		border-radius:12px;
		overflow: hidden;
		border: 1px solid #ddd;
	}
}

thead {
    background: linear-gradient(135deg,#6c2bd9,#8b5cf6);
    color:#fff;
    padding:14px;
    text-align:left;
	border-bottom:1px solid #ddd;
}

tbody {
	width:100%;	
}

tr {
	cursor:pointer;	
}
	
tr:hover {
	background:rgba(219, 234, 254, 0.8);	
}

th {
    padding:14px;
}

td {	
    padding:14px 14px;
    border-bottom:1px solid #eee;
	position:relative;
	overflow: hidden;	
}

@media (max-width:800px){
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display:block;
	}
	
	thead {
		display:none;
	}
	 
	tr {
		margin-bottom:10px;
		border-radius:10px;
		padding:10px;
		box-sizing:border-box;
		background:#fff;
		border:1px solid #eee;		
	}
	
	tr:last-child{
		margin-bottom:0px;
	}
	
	td {
		display:flex;
		border:none;
		padding:2px 5px;
		box-sizing:border-box;
	}
	
	td::before{
		content:attr(data-label);
		font-weight:bold;
		color:#94a3b8;
		width:120px;
		box-sizing:border-box;
		display:block;
		line-height:34px;
	}
}

.pointing-hand {
    width: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    animation: pointLeft 0.7s infinite alternate;
	margin-right:-5px;
}

@keyframes pointLeft {
    from { transform: translateX(0); }
    to { transform: translateX(-8px); }
}

.badge {
    background: #22c55e;
    color: #fff;
    padding-left:8px;
	padding-right:8px;
    border-radius: 5px;
    font-weight: bold;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    box-sizing: border-box;
}

@media (max-width: 800px) {
    .badge {
        height: 34px;
    }
}

.tspan {
	background:transparent;
	border-radius:5px;
	display:inline-block;
}

@media (max-width:800px){ 
   .tspan {
		height:34px;
		line-height:34px;
	}
}

.league{ color:#FF8C00; font-weight:bold; }
.win{ color:#22c55e; font-weight:bold; }
.lose{ color:#ef4444; font-weight:bold; }

.loading {
	text-align: center;
	padding: 20px 15px;
	color: #38bdf8;
	font-size: 15px;
}

.spinner {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 3px solid #334155;
	border-top: 3px solid #38bdf8;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	vertical-align: middle;
	margin-right: 10px;
}

@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

.loading-count {
	color: #22c55e;
	font-weight: bold;
}

.pagination {
	display:flex;
	justify-content:space-between;
	margin-top:15px;
	align-items:center;
}

.btn{
	background:#6C2BD9;
	color:#fff;
	border:none;
	padding:8px 12px;
	border-radius:6px;
	cursor:pointer;
}

.btn:hover { background:#6C2BD9; }

#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #6C2BD9;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

#scrollTopBtn:hover {
    background: #5420ad;
}

@media (max-width:1000px){ 
	#scrollTopBtn {
		display:none !important;
	}
}

.footerdiv-bet {
	display:flex; /* places the links in a row */
	flex-wrap:wrap;
	justify-content:center; /* centers the whole row */
	gap:12px 15px;  /* 10px between rows, 15px between columns */
	font-size:13px;
	color:#999;		 
	margin-top:25px;
	margin-bottom:10px;
	padding-top:30px;
	padding-bottom:20px;
	border-top:1px solid #ddd;
}