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

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

/* ===== 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);
}