.criai-latest-activities{
padding:60px 0;
background:#fafafa;
}

.section-heading{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;
}

.section-heading h2{
font-size:30px;
font-weight:700;
}

.view-all{
background:#c40000;
color:#fff;
padding:10px 18px;
border-radius:5px;
text-decoration:none;
}

.activity-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,.08);
transition:.3s;
height:100%;
}

/*====================================
CRIAI Top Bar
====================================*/

.criai-topbar{
background:#111;
color:#fff;
font-size:14px;
padding:8px 0;
}

.criai-topbar .container{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}

.topbar-left{
display:flex;
align-items:center;
gap:15px;
}

.breaking-label{
background:#d60000;
padding:4px 12px;
border-radius:30px;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
}

.topbar-right{
display:flex;
align-items:center;
gap:18px;
}

.topbar-right a{
color:#fff;
text-decoration:none;
}

.topbar-right a:hover{
color:#ffc107;
}

.topbar-right i{
margin-right:5px;
}

@media(max-width:768px){

.criai-topbar .container{
flex-direction:column;
text-align:center;
gap:8px;
}

.topbar-right{
justify-content:center;
flex-wrap:wrap;
}

}



/*==================================================
Member News
==================================================*/

.criai-member-news{
padding:60px 0;
background:#ffffff;
}

.member-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 18px rgba(0,0,0,.08);
transition:.35s;
height:100%;
}

.member-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 28px rgba(0,0,0,.15);
}

.member-image img{
width:100%;
height:220px;
object-fit:cover;
display:block;
}

.member-body{
padding:20px;
}

.member-type{
display:inline-block;
padding:5px 12px;
background:#198754;
color:#fff;
font-size:11px;
font-weight:700;
border-radius:30px;
margin-bottom:12px;
}

.member-body h4{
font-size:20px;
line-height:1.5;
margin-bottom:12px;
}

.member-body h4 a{
color:#222;
text-decoration:none;
}

.member-body h4 a:hover{
color:#198754;
}

.member-meta{
font-size:14px;
color:#777;
margin-bottom:18px;
}

.member-btn{
display:inline-block;
padding:10px 18px;
background:#198754;
color:#fff;
border-radius:5px;
text-decoration:none;
font-weight:600;
}

.member-btn:hover{
background:#146c43;
color:#fff;
}

/*==================================================
Gallery
==================================================*/

.criai-gallery{

padding:60px 0;

background:#f8f9fa;

}

.gallery-item{

position:relative;

overflow:hidden;

border-radius:12px;

box-shadow:0 5px 18px rgba(0,0,0,.10);

transition:.35s;

}

.gallery-item:hover{

transform:translateY(-6px);

}

.gallery-item img{

width:100%;

height:240px;

object-fit:cover;

display:block;

transition:.45s;

}

.gallery-item:hover img{

transform:scale(1.08);

}

.gallery-overlay{

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

background:rgba(196,0,0,.70);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

transition:.35s;

}

.gallery-overlay i{

font-size:32px;

color:#fff;

}

.gallery-item:hover .gallery-overlay{

opacity:1;

}

@media(max-width:768px){

.gallery-item img{

height:160px;

}

}

.activity-card:hover{
transform:translateY(-6px);
}

.activity-image{
position:relative;
}

.activity-image img{
width:100%;
height:230px;
object-fit:cover;
display:block;
}

.featured-badge{
position:absolute;
left:10px;
top:10px;
background:#d40000;
color:#fff;
padding:5px 12px;
font-size:11px;
border-radius:20px;
font-weight:bold;
}

.activity-body{
padding:20px;
}

.category{
color:#d40000;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}

.activity-body h4{
font-size:20px;
line-height:1.45;
margin-bottom:12px;
}

.activity-body h4 a{
color:#222;
text-decoration:none;
}

.activity-body p{
font-size:15px;
color:#555;
line-height:1.7;
min-height:75px;
}

.activity-meta{
display:flex;
justify-content:space-between;
margin:18px 0;
font-size:14px;
color:#777;
}

.read-more{
display:inline-block;
padding:10px 18px;
background:#c40000;
color:#fff;
border-radius:5px;
text-decoration:none;
}

.read-more:hover{
color:#fff;
background:#a30000;
}

/*==================================
Breaking News
==================================*/

.breaking-news-wrap{

display:flex;

align-items:center;

width:420px;

margin-left:20px;

}

.breaking-title{

background:#dc3545;

color:#fff;

padding:6px 12px;

font-size:12px;

font-weight:700;

border-radius:4px;

margin-right:10px;

white-space:nowrap;

}

.breaking-news-wrap marquee{

font-size:14px;

color:#222;

font-weight:600;

width:100%;

}

/* ==========================================
   Breaking News Mobile Fix
========================================== */

@media (max-width: 991px){

.breaking-news{
    padding:8px 0;
}

.breaking-news .container{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    overflow:hidden;
}

.breaking-title{
    font-size:12px;
    padding:5px 10px;
    white-space:nowrap;
    margin-right:8px;
    flex-shrink:0;
}

.breaking-news marquee{
    font-size:13px;
    line-height:25px;
    width:100%;
}

.breaking-news-content{
    overflow:hidden;
    white-space:nowrap;
}

}

@media (max-width:576px){

.breaking-news{
    padding:6px 0;
}

.breaking-title{
    font-size:11px;
    padding:4px 8px;
    margin-right:6px;
}

.breaking-news marquee{
    font-size:12px;
    line-height:20px;
}

/* =====================================================
   Breaking News Mobile Fix
===================================================== */

/* Header और Breaking News के बीच का Gap */
.breaking-news-section,
.breaking-news {
    margin-top: 15px !important;
}

@media (max-width:991px){

    /* Header के नीचे Gap कम */
    .breaking-news-section,
    .breaking-news{
        margin-top:24px !important;
    }

    /* Breaking News Label */
    .breaking-title{
        font-size:11px !important;
        padding:8px 12px !important;
        min-width:125px !important;
        text-align:center;
    }

    .breaking-title i{
        font-size:12px !important;
    }

    /* Breaking Bar Height */
    .breaking-news{
        min-height:32px;
    }

    .breaking-news marquee{
        font-size:13px;
        line-height:32px;
    }

}

@media (max-width:576px){

    .breaking-news-section,
    .breaking-news{
        margin-top:2px !important;
    }

    .breaking-title{
        font-size:10px !important;
        padding:6px 10px !important;
        min-width:105px !important;
    }

    .breaking-title i{
        font-size:11px !important;
    }

    .breaking-news{
        min-height:26px;
    }

    .breaking-news marquee{
        font-size:12px;
        line-height:36px;
    }

}

}
/*==================================
Header Search
==================================*/

.header-search{

display:none;

position:absolute;

top:100%;

right:0;

width:320px;

background:#fff;

padding:15px;

box-shadow:0 10px 25px rgba(0,0,0,.15);

z-index:9999;

}

.header-search.active{

display:block;

}

.header-search form{

display:flex;

}

.header-search input{

flex:1;

height:45px;

border:1px solid #ddd;

padding:0 12px;

outline:none;

}

.header-search button{

width:50px;

border:none;

background:#dc3545;

color:#fff;

cursor:pointer;

}

@media(max-width:991px){

.breaking-news-item{

display:none;

}

.header-search{

width:260px;

right:10px;

}

}

/*====================================
Sticky Header
====================================*/

.navbar{
    transition:all .35s ease;
}

.navbar.navbar-fixed{
    background:#ffffff;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    padding-top:6px;
    padding-bottom:6px;
}

.navbar.navbar-fixed .criai_logo{
    width:380px !important;
    height:auto !important;
    transition:.35s;
}

.navbar .criai_logo{
    transition:.35s;
}

@media(max-width:991px){

.navbar.navbar-fixed .criai_logo{
    width:220px !important;
}

}

.criai_logo{

width:500px;

height:auto;

max-width:100%;

display:block;

}

@media(max-width:991px){

.criai_logo{

width:240px;

}

}

.criai_logo{

width:500px;

height:auto;

max-width:100%;

display:block;

}

@media(max-width:991px){

.criai_logo{

width:240px;

}

}


/*====================================
Trending Bar
====================================*/

.trending-bar{

background:#ffffff;

border-top:1px solid #eee;

border-bottom:1px solid #eee;

padding:12px 0;

}

.trending-bar .container{

display:flex;

align-items:center;

}

.trending-title{

background:#dc3545;

color:#fff;

padding:7px 14px;

font-weight:700;

border-radius:4px;

margin-right:20px;

white-space:nowrap;

}

.trending-links{

display:flex;

flex-wrap:wrap;

gap:18px;

}

.trending-links a{

color:#333;

font-weight:600;

text-decoration:none;

}

.trending-links a:hover{

color:#dc3545;

}

@media(max-width:991px){

.trending-bar .container{

display:block;

}

.trending-title{

display:inline-block;

margin-bottom:12px;

}

.trending-links{

display:block;

}

.trending-links a{

display:block;

padding:5px 0;

}

}