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

.news{
position:relative;
}

/* SLIDER TITLE */

.slider-title{
position:absolute;
bottom:30px;
left:30px;
background:white;
padding:20px;
max-width:400px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
border-radius:6px;
}

.slider-title h1{
font-size:26px;
margin-bottom:10px;
}

.slider-title p{
font-size:16px;
margin-bottom:5px;
}


/* PDF */

.pdf-list{
list-style:none;
padding:0;
margin:0;
}

.pdf-list li{
margin-bottom:12px;
}

.pdf-list a{
display:block;
padding:14px;
background:#d65b50;
color:white;
text-decoration:none;
border-radius:6px;
font-weight:600;
text-align:center;
transition:all .3s ease;
border:2px solid transparent;
}

.pdf-list a:hover{
background:white;
color:#d65b50;
border:2px solid #d65b50;
transform:translateY(-2px);
box-shadow:0 5px 10px rgba(0,0,0,0.15);
}


/* NEWS CARDS */

.news-section{
background:#f5f5f5;
padding:40px;
margin-top:40px;
}

.news-card{
border:none;
border-radius:6px;
overflow:hidden;
transition:0.3s;
}

.news-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.news-card img{
height:220px;
object-fit:cover;
}

.badge-category{
position:absolute;
bottom:10px;
left:10px;
background:#0d6efd;
color:white;
font-size:12px;
padding:4px 10px;
border-radius:3px;
}

.news-date{
font-size:13px;
color:#6c757d;
margin-top:10px;
}
/* advertsing */
.ads-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

.ad-item {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    aspect-ratio: 1 / 1; /* perfect square */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: 0.3s;
}

.ad-item img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

.ad-item:hover {
    transform: scale(1.05);
}
/* posters */
.poster-grid {
    display: flex;
    gap: 20px;
    align-items:  center; /* keeps items aligned at the top */
    justify-content: center;
}

/* General poster styling */
.poster-item {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* Limit the height */
.poster-item img {
    width: 100%;
    height: auto; /* auto so it keeps the image ratio */
    max-height: 250px; /* adjust as needed */
    object-fit: cover;
}

/* Optional: different widths */
.poster-item.vertical {
    flex: 1; 
    max-width: 150px; /* vertical, narrow */
}

.poster-item.horizontal {
    flex: 2; 
    max-width: 300px; /* horizontal, wider */
}