/* ===============================
   AJKER BANGLA STYLE.CSS
================================ */

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Hind Siliguri',sans-serif;
    background:#f5f5f5;
    color:#222;
    line-height:1.7;
}

/* Container */

.container{
    max-width:1280px;
}

/* Links */

a{
    text-decoration:none;
    color:#222;
    transition:.3s;
}

a:hover{
    color:#d60000;
}

/* Images */

img{
    width:100%;
    display:block;
}

/* ===============================
TOP BAR
================================ */

.top-bar{

    background:#111;

    color:#fff;

    font-size:14px;

    padding:8px 0;

}

.top-bar a{

    color:#fff;

    margin-left:15px;

}

/* ===============================
LOGO
================================ */

.logo-area{

    background:#fff;

    padding:30px 0;

}

.logo{
    color:#b30000;
    font-size:58px;
    font-weight:800;
    font-family:"Hind Siliguri",sans-serif;
    text-shadow:0 2px 6px rgba(0,0,0,.08);
}

.tagline{

    color:#777;

    font-size:18px;

}

/* ===============================
NAVBAR
================================ */

.navbar{
    background:#fff !important;
    position:sticky;
    top:0;
    z-index:999;
}

.navbar{
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.navbar-nav .nav-link{

    font-weight:600;

    padding:12px 14px;

}

.navbar-nav .nav-link:hover{

    color:#d60000;

}

/* ===============================
BREAKING NEWS
================================ */

.breaking-news{

    background:#d60000;

    color:#fff;

    font-weight:600;

}
.breaking-news{
    box-shadow:0 2px 6px rgba(0,0,0,.08);
}

/* ===============================
HERO
================================ */

.hero{
    padding: 50px 0;
}

.hero .card{
    border: none;
    border-radius: 12px;
    overflow: hidden;
    transition: all .3s ease;
}

.hero .card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
}

.hero img{
    width: 100%;
    height: 500px;          /* আগে 450px ছিল */
    object-fit: cover;
    transition: .4s;
}

.hero .card:hover img{
    transform: scale(1.03);
}

.hero h2{
    font-size: 38px;
    font-weight: 700;
    line-height: 1.4;
}

.hero p{
    color: #666;
    font-size: 17px;
    line-height: 1.8;
}
/* ===============================
BUTTON
================================ */

.btn-danger{
    background:#d60000;
    border:none;
    border-radius:6px;
    padding:8px 18px;
    transition:.3s;
}

.btn-danger:hover{
    background:#b40000;
}

/* ===============================
CARD
================================ */

.card{
    border:none;
    border-radius:12px;
    overflow:hidden;
    transition:.35s ease;
}

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

/* ===============================
SECTION TITLE
================================ */

section h2,
section h3{

    font-weight:700;

}
/*====================================
LATEST NEWS
====================================*/

.latest-news{
    padding:60px 0;
}

.latest-news .card{
    border-radius:12px;
    overflow:hidden;
}

.latest-news img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.4s;
}

.latest-news .card-title{
    font-size:22px;
    font-weight:700;
}

.latest-news .card-text{
    color:#666;
}
.latest-news .card:hover img{
    transform:scale(1.05);
}
.latest-news .card-body{
    padding:20px;
}

/*====================================
SIDEBAR
====================================*/

.sidebar .card{
    margin-bottom:25px;
}

.sidebar .card-header{
    background:#d60000;
    color:#fff;
    font-size:20px;
    font-weight:600;
}

.sidebar .list-group-item{
    border:none;
    border-bottom:1px solid #eee;
    padding:14px;
}

.sidebar .list-group-item:hover{
    background:#f5f5f5;
    cursor:pointer;
}

/*====================================
SPECIAL REPORT
====================================*/

.special-report{
    background:#fafafa;
    padding:60px 0;
}

.special-report img{
    border-radius:12px;
}

.special-report h3{
    font-weight:700;
}

.special-report ul li{
    padding:14px;
}

/*====================================
FACT CHECK
====================================*/

.fact-check{
    background:#fff;
}

.fact-check .card{
    border-radius:10px;
    text-align:center;
}

.fact-check h5{
    font-weight:700;
}

/*====================================
NEWS CATEGORY
====================================*/

.news-section{
    padding:60px 0;
}

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

.news-section .list-group-item{
    border:none;
    border-bottom:1px solid #eee;
}

.news-section .list-group-item:hover{
    color:#d60000;
    padding-left:18px;
    transition:.3s;
}

/*====================================
ECONOMY
====================================*/

.economy{
    background:#fafafa;
}

.economy .card{
    overflow:hidden;
}

.economy img{
    height:170px;
    object-fit:cover;
}

.economy h6{
    font-weight:600;
}

/*====================================
BADGE
====================================*/

.badge{
    padding:8px 14px;
    font-size:13px;
    font-weight:600;
    border-radius:30px;
}

/*====================================
HOVER EFFECT
====================================*/



.card:hover img{
    transform:scale(1.05);
}
/*=====================================
SPORTS
======================================*/

.sports{
    padding:60px 0;
}

.sports .card img{
    height:260px;
    object-fit:cover;
}

.sports .list-group-item{
    border:none;
    border-bottom:1px solid #eee;
    padding:15px;
}

.sports .list-group-item:hover{
    color:#198754;
    padding-left:18px;
}

/*=====================================
ENTERTAINMENT
======================================*/

.entertainment{
    background:#fafafa;
    padding:60px 0;
}

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

.entertainment h5{
    font-weight:600;
}

/*=====================================
TECHNOLOGY
======================================*/

.technology{
    padding:60px 0;
}

.technology .card{
    min-height:220px;
}

.technology .list-group-item{
    border:none;
    border-bottom:1px solid #eee;
}

/*=====================================
EDUCATION
======================================*/

.education{
    background:#f8f9fa;
    padding:60px 0;
}

.education .card{
    border-left:5px solid #ffc107;
}

/*=====================================
HEALTH
======================================*/

.health{
    padding:60px 0;
}

.health .card{
    border-left:5px solid #0dcaf0;
}

/*=====================================
LITERATURE
======================================*/

.literature{
    background:#fafafa;
    padding:60px 0;
}

.literature .card{
    text-align:center;
}

.literature .card:hover{
    background:#fff8f0;
}

/*=====================================
DISTRICT NEWS
======================================*/

.district-news{
    padding:60px 0;
}

.district-news img{
    height:200px;
    object-fit:cover;
}

/*=====================================
PHOTO GALLERY
======================================*/

.gallery{
    padding:60px 0;
}

.gallery img{
    height:220px;
    object-fit:cover;
    border-radius:10px;
    transition:.4s;
}

.gallery img:hover{
    transform:scale(1.05);
}

/*=====================================
VIDEO
======================================*/

.video{
    padding:60px 0;
}

.video iframe{
    border-radius:12px;
}

/*=====================================
MOST READ
======================================*/

.most-read{
    padding:60px 0;
}

.most-read ol li{
    margin-bottom:12px;
    font-weight:500;
}

/*=====================================
ADVERTISEMENT
======================================*/

.ads{
    padding:40px 0;
    text-align:center;
}

.ads img{
    max-width:100%;
}

/*=====================================
FOOTER
======================================*/

footer{
    background:#111;
    color:#fff;
}

footer h4,
footer h5{
    color:#fff;
}

footer ul{
    padding:0;
    list-style:none;
}

footer ul li{
    margin-bottom:10px;
}

footer ul li:hover{
    color:#ff3b3b;
    cursor:pointer;
}

footer hr{
    border-color:#444;
}

footer a{
    color:#ddd;
}

footer a:hover{
    color:#fff;
}
/*=====================================
RESPONSIVE DESIGN
======================================*/

@media (max-width:992px){

.logo{
    font-size:60px;
    font-weight:800;
    letter-spacing:-1px;
}
.hero img{

height:300px;

}

.hero h2{

font-size:28px;

}

.navbar-nav{

text-align:center;

}

}


@media (max-width:768px){

.top-bar{

display:none;

}

.logo{

font-size:32px;

}

.tagline{

font-size:15px;

}

.hero img{

height:230px;

}

.card img{

height:220px;

}

.news-section .card,
.latest-news .card{

margin-bottom:20px;

}

}


@media (max-width:576px){

.hero h2{

font-size:24px;

}

section{

padding:40px 0 !important;

}

footer{

text-align:center;

}

}


/*=====================================
CSS VARIABLES
======================================*/

:root{

--primary:#d60000;

--dark:#111;

--light:#ffffff;

--gray:#666;

--bg:#f5f5f5;

}


/*=====================================
SCROLLBAR
======================================*/

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#eee;

}

::-webkit-scrollbar-thumb{

background:var(--primary);

border-radius:10px;

}


/*=====================================
BACK TO TOP
======================================*/

#topBtn{

position:fixed;

right:25px;

bottom:25px;

width:50px;

height:50px;

border:none;

border-radius:50%;

background:var(--primary);

color:#fff;

display:none;

cursor:pointer;

z-index:9999;

}

#topBtn:hover{

background:#b40000;

}


/*=====================================
STICKY NAVBAR
======================================*/



/*=====================================
SMOOTH ANIMATION
======================================*/

.card{

transition:.35s ease;

}

.card:hover{

transform:translateY(-6px);

}

img{

transition:.4s;

}


/*=====================================
SELECTION
======================================*/

::selection{

background:var(--primary);

color:#fff;

}


/*=====================================
FOCUS
======================================*/

input:focus,
textarea:focus{

outline:none;

box-shadow:none;

border-color:var(--primary);

}
/*=====================================
DARK MODE
======================================*/

.dark{
    background:#121212;
    color:#fff;
}

.dark .card{
    background:#1e1e1e;
    color:#fff;
}

.dark .navbar{
    background:#1b1b1b !important;
}

.dark footer{
    background:#000;
}
/*=====================================
CATEGORY NEWS
======================================*/

.category-news{
    padding:70px 0;
}

.category-news h3{
    font-size:30px;
    font-weight:700;
}

.category-news h4{
    font-size:28px;
    font-weight:700;
    line-height:1.5;
}

.category-news h6{
    font-size:18px;
    font-weight:600;
    line-height:1.5;
}

.category-news p{
    color:#666;
}

.category-news .card{
    border:none;
    border-radius:12px;
    overflow:hidden;
    transition:.35s ease;
}

.category-news .card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 25px rgba(0,0,0,.12);
}

.category-news img{
    transition:.4s;
}

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

.category-news a{
    transition:.3s;
}

.category-news a:hover{
    color:#d60000 !important;
}
/* HERO SIDEBAR */

.hero .list-group-item{
    transition:.3s;
}

.hero .list-group-item:hover{
    background:#f8f9fa;
}

.hero .list-group-item img{
    border-radius:8px;
    transition:.3s;
}

.hero .list-group-item:hover img{
    transform:scale(1.05);
}

.hero .badge{
    font-size:12px;
}

.hero .col-8{
    line-height:1.4;
}
/*=====================================
TRENDING NEWS
======================================*/

.most-read{
    padding:70px 0;
}

.most-read .list-group-item{
    border:none;
    border-bottom:1px solid #eee;
    padding:20px;
    transition:.3s;
}

.most-read .list-group-item:hover{
    background:#fff;
    transform:translateX(5px);
}

.most-read h5{
    font-size:20px;
    font-weight:600;
    margin:0;
}

.most-read .display-6{
    min-width:45px;
}
/*=====================================
PHOTO GALLERY
======================================*/

.gallery{
    padding:70px 0;
    background:#fafafa;
}

.gallery .card{
    border:none;
    border-radius:12px;
    overflow:hidden;
    transition:.35s;
}

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

.gallery img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.4s;
}

.gallery .card:hover img{
    transform:scale(1.05);
}

.gallery h6{
    font-size:18px;
    font-weight:600;
    line-height:1.5;
}
/*=====================================
VIDEO NEWS
======================================*/

.video{
    padding:70px 0;
    background:#fff;
}

.video iframe{
    border-radius:12px;
    width:100%;
}

.video .list-group-item{
    border:none;
    border-bottom:1px solid #eee;
    padding:15px;
    transition:.3s;
}

.video .list-group-item:hover{
    background:#f8f8f8;
    color:#d60000;
    padding-left:20px;
}
.news-title{
    font-size:42px;
    font-weight:700;
    line-height:1.5;
}

.news-meta{
    color:#666;
    font-size:15px;
}

.breadcrumb{
    background:none;
    padding:0;
}

.breadcrumb a{
    color:#d60000;
    text-decoration:none;
}
.news-navigation{
    border-top:1px solid #eee;
    padding-top:30px;
}

.news-navigation h6{
    font-weight:700;
    transition:.3s;
}

.news-navigation a:hover h6{
    color:#d60000;
}
/* ===========================
   DASHBOARD
=========================== */

.dashboard-card{
    min-height:140px;
    border:none;
    border-radius:12px;
    transition:.3s;
}

.dashboard-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.dashboard-card h2{
    font-size:32px;
    font-weight:700;
}

.dashboard-card h6{
    font-weight:600;
    margin-bottom:10px;
}

.dashboard-card small{
    opacity:.9;
}
/*=====================================
END OF STYLE.CSS
======================================*/