.sport-page{
    padding:50px 0;
    background:#fff;
}

.content-area{
    display:flex;
    gap:40px;
}

/* LEFT SIDE */
.left-content{
    width:70%;
}

/* RIGHT SIDEBAR */
.sidebar{
    width:30%;
    position:sticky;
    top:20px;
    height:fit-content;
}

/* FEATURED NEWS */
.featured-news{
    margin-bottom:40px;
}

.featured-news img{
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:10px;
    transition:.4s ease;
}

.featured-news img:hover{
    transform:scale(1.02);
}

.category{
    color:#d60000;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    display:block;
    margin-top:15px;
}

.featured-news h1{
    font-size:46px;
    line-height:1.2;
    margin:15px 0;
    font-weight:800;
    color:#111;
    transition:.3s;
}

.featured-news h1:hover{
    color:#d60000;
    cursor:pointer;
}

.featured-news p{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

/* NEWS LIST */
.news-list{
    margin-top:30px;
}

.news-item{
    display:flex;
    gap:20px;
    padding:25px 0;
    border-bottom:1px solid #eee;
    transition:.3s ease;
}

.news-item:hover{
    background:#fafafa;
    padding-left:10px;
}

.news-item img{
    width:260px;
    height:160px;
    object-fit:cover;
    border-radius:8px;
    transition:.3s;
}

.news-item:hover img{
    transform:scale(1.04);
}

.news-text span{
    color:#d60000;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.news-text h3{
    margin:10px 0;
    font-size:26px;
    line-height:1.4;
    font-weight:700;
    color:#111;
    transition:.3s;
}

.news-text h3:hover{
    color:#d60000;
    cursor:pointer;
}

.news-text p{
    color:#666;
    font-size:15px;
    line-height:1.7;
}

/* ADVERTISEMENT */
.ad-box{
    margin-bottom:30px;
}

.ad-box img{
    width:100%;
    border-radius:8px;
}

/* SIDEBAR BOXES */
.trending,
.popular-news,
.latest-updates{
    margin-bottom:25px;
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    padding:20px;
    box-shadow:0 3px 15px rgba(0,0,0,.04);
}

/* HEADINGS */
.trending h3,
.popular-news h3,
.latest-updates h3{
    font-size:20px;
    font-weight:800;
    text-transform:uppercase;
    color:#111;
    letter-spacing:.5px;
    margin-bottom:18px;
    padding-bottom:10px;
    border-bottom:2px solid #d60000;
}

/* LIST */
.trending ul,
.popular-news ul,
.latest-updates ul{
    list-style:none;
    padding:0;
    margin:0;
}

.trending li,
.popular-news li,
.latest-updates li{
    border-bottom:1px solid #f0f0f0;
}

.trending li:last-child,
.popular-news li:last-child,
.latest-updates li:last-child{
    border-bottom:none;
}

/* LINKS */
.trending li a,
.popular-news li a,
.latest-updates li a{
    display:block;
    padding:12px 0;
    color:#222 !important;
    text-decoration:none;
    font-size:15px;
    line-height:1.6;
    font-weight:600;
    transition:.3s ease;
}

.trending li a:hover,
.popular-news li a:hover,
.latest-updates li a:hover{
    color:#d60000 !important;
    padding-left:8px;
}

/* LOAD MORE */
.load-more{
    text-align:center;
    margin-top:50px;
}

.load-more button{
    background:#d60000;
    color:#fff;
    border:none;
    padding:15px 40px;
    border-radius:50px;
    cursor:pointer;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
    transition:.3s;
}

.load-more button:hover{
    background:#111;
    transform:translateY(-2px);
}

/* MOBILE */
@media(max-width:991px){

    .content-area{
        flex-direction:column;
    }

    .left-content,
    .sidebar{
        width:100%;
    }

    .sidebar{
        position:static;
    }

    .featured-news img{
        height:280px;
    }

    .featured-news h1{
        font-size:30px;
    }

    .news-item{
        flex-direction:column;
    }

    .news-item:hover{
        padding-left:0;
    }

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

    .news-text h3{
        font-size:22px;
    }
}



.breadcrumb-section{
    background:#f4f4f4;
    padding:1px 0;
    text-align:center;
    border-bottom:1px solid #ddd;
}

.breadcrumb-section h2{
    font-size:25px;
    font-weight:700;
    margin-bottom:10px;
    color:#222;
}

.breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    font-size:15px;
}

.breadcrumb a{
    color:#d60000;
    text-decoration:none;
    font-weight:600;
}

.breadcrumb span{
    color:#777;
}