*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins', sans-serif;
background:#f8f9fa;;
}

/* ===== Hero Section ===== */
.hero {
    min-height: 95vh;
    display: flex;
    margin-top: 0;
    align-items: center;
    background: 
                url('https://images.unsplash.com/photo-1540747913346-19e32dc3e97e') center/cover no-repeat;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.hero .btn-success {
    background-color: #28a745;
    border: none;
    border-radius: 50px;  /* fully rounded */
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);

}
.hero .btn-success:hover{
    background:#218838;
}
.hero .btn-outline-light {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    background: transparent;
    transition: 0.3s;
}

.hero .btn-outline-light:hover {
    background: #fff;
    color: #28a745;
}
.hero-highlight{
    color: #28a745;
}

/* ===== Arena Section ===== */

.arena-section{
background:#f8f9fa;
}
/* Custom class for arena heading */
.arena-section .section-title {
    font-size: 36px;       /* Stats section jaisa size */
    font-weight: 700;      /* Bold */
    color: #28a745;        /* Green color */
    margin-bottom: 20px;   /* Spacing */
    text-transform: uppercase; /* Agar caps me chahiye */
}

.arena-card{
position:relative;
border-radius:18px;
overflow:hidden;
cursor:pointer;
}

.arena-card img{
width:100%;
height:420px;
object-fit:cover;
transition:0.4s;
}

/* overlay gradient */

.arena-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:30px;
color:white;

background:linear-gradient(
to top,
rgba(0,0,0,0.85),
rgba(0,0,0,0.2),
transparent
);
}

.arena-overlay h3{
font-weight:700;
margin-bottom:6px;
}
.arena-overlay p{
font-weight:400;
}
.arena-info{
font-size:14px;
opacity:0.9;
}

.arena-price{
font-weight:600;
margin-top:5px;
}

/* button */

.arena-btn{
display:inline-block;
margin-top:12px;
background:#28a745;
color:white;
padding:8px 20px;
border-radius:20px;
text-decoration:none;
font-size:14px;
font-weight:500;
transition:0.3s;
}

.arena-btn:hover{
background:#218838;
color:#fff;
}

/* hover effect */

.arena-card:hover img{
transform:scale(1.07);
}

/* ===== Statistics Section ===== */
.stats-section {
    background: #f8f9fa; /* Plain light background */
    color: #111; /* Text dark for contrast */
    padding: 60px 0;
}

.stats-section h2.section-title {
    font-size: 36px;
    font-weight: 700;
    color: #28a745;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.stats-section .counter {
    font-size: 32px;
    font-weight: 700;
    color: #111;
}

.stats-section p {
    font-size: 16px;
    color: #555;
    margin-top: 5px;
}