.elementor-111 .elementor-element.elementor-element-709c6c28:not(.elementor-motion-effects-element-type-background), .elementor-111 .elementor-element.elementor-element-709c6c28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#07130E;}.elementor-111 .elementor-element.elementor-element-709c6c28{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-111 .elementor-element.elementor-element-709c6c28 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-111 .elementor-element.elementor-element-b9471f4{--display:flex;}.elementor-111 .elementor-element.elementor-element-558b997{--display:flex;--justify-content:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-49101cd */<style>

/* =====================================
BALL1TH GLOBAL
===================================== */


.ball1th-home{

--green:#16d36b;

--dark:#04140c;

--dark2:#082418;

--card:#102a1d;

--card2:#092016;

--border:#28563c;

--text:#ffffff;

--muted:#a6baac;


background:

radial-gradient(
circle at 85% 15%,
rgba(22,211,107,.20),
transparent 35%
),

linear-gradient(
135deg,
#04140c,
#082418
);


color:white;

font-family:Arial, sans-serif;

padding-bottom:60px;

}



.ball-container{

max-width:1500px;

margin:auto;

padding:0 30px;

}




*{

box-sizing:border-box;

}






/* =====================================
HERO SECTION
===================================== */


.ball-hero-wrapper{


display:grid;

grid-template-columns:

1.1fr .9fr;

gap:70px;

align-items:center;

padding-top:80px;


}




.ball-seo-badge{


display:inline-flex;

align-items:center;

gap:10px;

padding:10px 16px;

border-radius:30px;

background:

rgba(22,211,107,.12);


border:1px solid rgba(22,211,107,.4);


color:#16d36b;

font-size:12px;

font-weight:900;


}



.ball-seo-badge span{


width:9px;

height:9px;

background:#16d36b;

border-radius:50%;


}






.ball-hero-left h1{


font-size:72px;

line-height:1;

letter-spacing:-3px;

margin:25px 0;


}



.ball-hero-left h1 strong{


display:block;

color:#16d36b;


}





.ball-hero-left p{


max-width:650px;

font-size:17px;

line-height:1.7;

color:#a6baac;


}







/* BUTTONS */


.ball-buttons{


display:flex;

gap:15px;

margin-top:35px;


}



.ball-buttons a{


padding:16px 25px;

border-radius:10px;

font-weight:900;

text-decoration:none;

transition:.3s;


}



.ball-buttons a:hover{

transform:translateY(-3px);

}



.ball-btn-primary{


background:#16d36b;

color:#04140c;


}



.ball-btn-secondary{


background:#092016;

border:1px solid #28563c;

color:white;


}









/* FEATURE BOXES */


.ball-feature-grid{


display:grid;

grid-template-columns:

repeat(3,1fr);


gap:12px;

margin-top:40px;


}



.ball-feature-grid div{


background:#102a1d;

border:1px solid #214936;

padding:15px;

border-radius:12px;


}



.ball-feature-grid b{


display:block;

margin-top:8px;

font-size:13px;


}



.ball-feature-grid small{


color:#9db3a5;

font-size:11px;


}






/* REMOVE OUTSIDE SIDEBAR SCROLL */

.ball-right-scroll{

height:auto;

overflow:visible;

}



/* SCROLL INSIDE EACH BOX */

.ball-right-scroll .ball-widget{

height:350px;

overflow-y:auto;

background:white;

color:#111;

border-radius:15px;

}



/* Custom Scrollbar */

.ball-right-scroll .ball-widget::-webkit-scrollbar{

width:6px;

}


.ball-right-scroll .ball-widget::-webkit-scrollbar-track{

background:#07150e;

border-radius:20px;

}


.ball-right-scroll .ball-widget::-webkit-scrollbar-thumb{

background:#16d36b;

border-radius:20px;

}




/* Trending predictions box */

.ball-right-scroll .ball-card{

overflow:hidden;

}



.ball-right-scroll .ball-link{

display:block;

padding:15px;

border-bottom:1px solid #28563c;

color:white;

text-decoration:none;

}



.ball-right-scroll .ball-link:hover{

color:#16d36b;

background:#102a1d;

}

/* =====================================
CENTER DASHBOARD WIDGET SCROLL
===================================== */


/* Keep cards normal */

.ball-main .ball-card{

overflow:hidden;

}



/* Individual shortcode boxes */

.ball-main .ball-widget{


height:380px;

overflow-y:auto;

background:white;

color:#111;

border-radius:15px;


}



/* Custom scrollbar */

.ball-main .ball-widget::-webkit-scrollbar{


width:6px;


}



.ball-main .ball-widget::-webkit-scrollbar-track{


background:#07150e;

border-radius:20px;


}



.ball-main .ball-widget::-webkit-scrollbar-thumb{


background:#16d36b;

border-radius:20px;


}




/* Header stays fixed */

.ball-card-title{


background:#0d261b;

position:relative;

z-index:2;


}



/* Analysis box no scroll */


.ball-analysis{


min-height:250px;

padding:25px;

color:#a6baac;

line-height:1.8;


}
/* =====================================
LIVE PANEL
===================================== */


.ball-live-panel{


background:

linear-gradient(
145deg,
#123624,
#07150e
);


border:1px solid #28553c;

border-radius:25px;

padding:25px;

box-shadow:

0 30px 80px rgba(0,0,0,.4);


}





.ball-live-header{


display:flex;

justify-content:space-between;

align-items:center;


}




.ball-live-header span{


font-size:11px;

font-weight:900;

color:#16d36b;


}




.ball-live-header h2{


font-size:24px;

margin:8px 0;


}





.ball-live-status{


background:#351916;

color:#ff7660;

padding:9px 16px;

border-radius:30px;

font-size:12px;

font-weight:900;


}








/* SCORE SLIDER */


.ball-slider-box{


overflow:hidden;

margin-top:20px;


}



.ball-slider-track{


display:flex;

transition:.6s ease;


}



.ball-slide{


min-width:100%;


}




.ball-slide h3{


font-size:16px;

margin-bottom:15px;


}



.ball-score-area{


background:white;

color:#111;

height:380px;

overflow:auto;

border-radius:15px;


}







.ball-dots{


display:flex;

justify-content:center;

gap:8px;

margin:18px;


}



.ball-dots span{


width:10px;

height:10px;

background:#456655;

border-radius:50%;

cursor:pointer;


}



.ball-dots .active{


background:#16d36b;


}




.ball-centre-btn{


display:block;

background:#16d36b;

color:#04140c;

padding:15px;

text-align:center;

font-weight:900;

border-radius:12px;

text-decoration:none;


}









/* =====================================
TRUST BAR
===================================== */


.ball-trust-bar{


display:grid;

grid-template-columns:

repeat(4,1fr);

gap:15px;

margin-top:35px;


}



.ball-trust-bar div{


background:#092016;

border:1px solid #19422e;

padding:18px;

border-radius:12px;

text-align:center;


}










/* =====================================
SEO INTRO
===================================== */


.ball-seo-intro{


margin-top:50px;

padding:30px;

background:#092016;

border:1px solid #19422e;

border-radius:18px;


}




.ball-seo-intro span{


color:#16d36b;

font-size:11px;

font-weight:900;


}



.ball-seo-intro h2{


font-size:34px;

margin:15px 0;


}



.ball-seo-intro p{


color:#a6baac;

line-height:1.8;


}











/* =====================================
DASHBOARD
===================================== */


.ball-dashboard{


display:grid;

grid-template-columns:

250px 1fr 320px;

gap:20px;

margin-top:40px;


}




.ball-card{


background:#0d261b;

border:1px solid #28563c;

border-radius:18px;

overflow:hidden;

margin-bottom:20px;


}






.ball-card h3{


padding:18px;

margin:0;

border-bottom:1px solid #28563c;


}






.ball-sidebar a{


display:block;

padding:14px 18px;

color:white;

text-decoration:none;


}



.ball-sidebar a:hover{


background:#102a1d;

color:#16d36b;


}







.ball-card-title{


padding:18px;

border-bottom:1px solid #28563c;


}



.ball-card-title h2{


font-size:18px;

margin:0;


}






.ball-widget{


background:white;

color:#111;

min-height:350px;

overflow:auto;


}









/* ANALYSIS */


.ball-analysis{


padding:25px;

color:#a6baac;

line-height:1.7;


}







/* =====================================
RIGHT SIDEBAR SCROLL
===================================== */


.ball-right-scroll{


height:900px;

overflow-y:auto;

padding-right:8px;


}



.ball-right-scroll::-webkit-scrollbar{


width:6px;


}



.ball-right-scroll::-webkit-scrollbar-thumb{


background:#16d36b;

border-radius:20px;


}



.ball-right-scroll::-webkit-scrollbar-track{


background:#07150e;


}









/* LINKS */


.ball-link{


display:block;

padding:15px;

border-bottom:1px solid #28563c;

color:white;

text-decoration:none;


}



.ball-link:hover{


color:#16d36b;


}









/* =====================================
CATEGORY SECTION
===================================== */


.ball-category-section{


margin-top:40px;

padding:30px;

background:#092016;

border:1px solid #19422e;

border-radius:18px;


}




.ball-category-section h2{


color:#16d36b;


}



.ball-category-grid{


display:grid;

grid-template-columns:

repeat(5,1fr);

gap:12px;


}



.ball-category-grid a{


background:#102a1d;

border:1px solid #28563c;

padding:15px;

border-radius:12px;

color:white;

text-decoration:none;

font-size:13px;


}









/* =====================================
AUTHOR
===================================== */


.ball-author-section{


margin-top:40px;

padding:30px;

background:#102a1d;

border-radius:18px;

border:1px solid #28563c;


}



.ball-author-section p{


color:#a6baac;

line-height:1.8;


}








/* =====================================
FAQ
===================================== */


.ball-faq{


padding:30px;

margin-top:40px;


}



.ball-faq details{


background:#102a1d;

border:1px solid #28563c;

padding:18px;

border-radius:12px;

margin-bottom:12px;


}



.ball-faq summary{


font-weight:900;

cursor:pointer;


}



.ball-faq p{


color:#a6baac;

line-height:1.7;


}










/* =====================================
RESPONSIVE
===================================== */


@media(max-width:1200px){


.ball-dashboard{


grid-template-columns:

220px 1fr;


}



.ball-right-scroll{


grid-column:1/-1;

height:auto;

overflow:visible;


}



}





@media(max-width:1000px){


.ball-hero-wrapper{


grid-template-columns:1fr;


}



.ball-dashboard{


display:block;


}



.ball-trust-bar{


grid-template-columns:

1fr 1fr;


}



.ball-hero-left h1{


font-size:50px;


}



.ball-category-grid{


grid-template-columns:

repeat(2,1fr);


}


}





@media(max-width:600px){


.ball-container{


padding:0 15px;


}



.ball-hero-left h1{


font-size:38px;


}



.ball-buttons{


flex-direction:column;


}



.ball-feature-grid,


.ball-trust-bar,


.ball-category-grid{


grid-template-columns:

1fr;


}



.ball-live-header{


align-items:flex-start;


}



}

.ball-blog-area{
padding:60px 0;
}


.ball-blog-header{
text-align:center;
margin-bottom:40px;
}


.ball-blog-header span{
color:#00ff88;
font-size:14px;
font-weight:700;
}


.ball-blog-header h2{
font-size:36px;
margin:15px 0;
color:#fff;
}


.ball-blog-header p{
color:#aaa;
max-width:700px;
margin:auto;
}





.ball-blog-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}



.ball-blog-card{

background:#111;
border:1px solid #222;
border-radius:18px;
overflow:hidden;
transition:.3s;

}



.ball-blog-card:hover{

transform:translateY(-8px);
border-color:#00ff88;

}





.ball-blog-thumb img{

width:100%;
height:220px;
object-fit:cover;

}



.ball-blog-info{

padding:25px;

}



.ball-blog-info span{

color:#00ff88;
font-size:13px;
font-weight:bold;

}



.ball-blog-info h3{

color:#fff;
font-size:22px;
margin:15px 0;

}



.ball-blog-info p{

color:#aaa;
line-height:1.6;

}



.ball-blog-info a{

color:#00ff88;
font-weight:700;
text-decoration:none;

}



.ball-blog-button{

text-align:center;
margin-top:40px;

}


.ball-blog-button a{

background:#00ff88;
color:#000;
padding:14px 30px;
border-radius:30px;
font-weight:bold;

}





@media(max-width:768px){

.ball-blog-grid{

grid-template-columns:1fr;

}

}

</style>/* End custom CSS */