
.news-events{
    padding:80px 0;
}
/* Heading */
.galary-name-title{
    font-size:35px;
    margin:35px 0;
    color:#222;
}
.section-title{
    text-align:center;
    margin-bottom:40px;
}
.section-title span{
    color:#e63d73;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}
.section-title h2{
    font-size:42px;
    margin:15px 0;
    color:#222;
}
.section-title p{
    color:#777;
    max-width:700px;
    margin:auto;
    font-size:22px;
}
/* Featured */
.featured-news{
    position:relative;
    margin-bottom:70px;
}
.featured-image img{
    width:100%;
    border-radius:18px;
    display:block;
}
.featured-content{
   position: absolute;
    right: 35px;
    bottom: -30px;
    width: 450px;
    background: #e63d73;
    color: #fff;
    padding: 25px;
    border-radius: 0 0 15px 15px;
}
.featured-content .date{
    display:block;
    margin-bottom:15px;
    font-size:14px;
}
.featured-content h2{
    font-size:24px;
    line-height:1.5;
    margin-bottom:25px;
    color:#fff;
}
.featured-content a{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}
/* Grid */
.news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.news-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
}
.news-card:hover{
    transform:translateY(-8px);
}
.news-card img{
    width:100%;
    height:250px;
    object-fit:cover;
}
.news-card iframe{
    width:100%;
    height:250px;
    object-fit:cover;
}
.news-card .content{
    padding:25px;
}
.news-card span{
    color:#888;
    font-size:14px;
}
.news-card h3{
    margin:15px 0;
    font-size:22px;
    line-height:1.5;
    color:#222;
}
.news-card a{
    color:#e63d73;
    font-weight:600;
    text-decoration:none;
}
/* Responsive */
@media(max-width:991px){
.featured-image img{
    width:100%;
}
.featured-content{
    position:relative;
    width:100%;
    bottom:0;
    margin-top:-5px;
    border-radius:0 0 15px 15px;
}
.news-grid{
    grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.news-grid{
    grid-template-columns:1fr;
}
.section-title h2{
    font-size:32px;
}
.featured-content h2{
    font-size:22px;
}
}
.news-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin: 20px 0 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.news-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #666;
    font-weight: 500;
}
.prerana-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom:80px;
    margin-top: 40px;
    box-sizing: border-box;
    padding-left:40px;
    padding-right:40px;   
}
.prerana-section img {
    width: 100%;
    display: block;
}
/* Optional overlay for better text visibility */
.prerana-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.15);
}

.prerana-content {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 55%;
    max-width: 900px;
    text-align: center;
    z-index: 2;
}
.prerana-content h1 {
    color: #1f5db6;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 25px;
}
.info-box {
    background: rgba(255,255,255,0.9);
    border-radius: 20px;
    padding: 10px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    backdrop-filter: blur(8px);
}
.info-box p {
    margin: 0;
    font-size: 26px;
    line-height: 1.4;
    color: #111;
    font-weight: 500;
}
/* Tablet */
@media (max-width:992px){
.prerana-content{
    top:8%;
}
.prerana-content h1{
    font-size:42px;
}
.info-box{
    padding:20px;
}

.info-box p{
    font-size:24px;
}
}
/* Mobile */
@media (max-width:768px){
.prerana-content{
    top:2%;
    width:95%;
    height: 27vh;
}
.prerana-content h1{
    font-size:20px;
    margin-bottom:15px;
}
.info-box{
    padding:15px;
    border-radius:12px;
}
.info-box p{
    font-size:16px;
    line-height:1.5;
}
}