/* ================ Global Reset ================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Hind Siliguri', 'SolaimanLipi', Arial, sans-serif;
    background-color: #f8f9fa;
}
.top-bar {
    background: #8e0018;
    color: #f1f5f9;
    padding: 10px 0;
    border-bottom: 2px solid #10b981;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.datetime-section {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.datetime-section i {
    color: #fbbf24;
}
.bangla-time {
    font-weight: 600;
    color: #10b981;
}
.divider {
    color: rgba(255,255,255,0.3);
}
.social-icons {
    gap: 10px;
}
.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #f1f5f9;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.social-icon:hover {
    transform: translateY(-3px);
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.social-icon.facebook:hover { background: #1877F2; }
.social-icon.youtube:hover { background: #FF0000; }
.social-icon.instagram:hover { background: linear-gradient(45deg, #f09433, #dc2743, #bc1888); }
.social-icon.twitter:hover { background: #000000; }
.social-icon.whatsapp:hover { background: #25D366; }
.social-icon.phone:hover { background: #fbbf24; }
 /* ================ Logo Section ================ */
#logo_section {
    padding: 20px 0;
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}
.main-logo img {
    max-width: 280px;
    height: auto;
    transition: transform 0.3s ease;
}
.main-logo:hover img {
    transform: scale(1.02);
}
.header-ad img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}
/*--------------------- logol sectiuon End  ---------------- */
/*====================== menu section stards =====================  */
/* ================ Navigation Menu ================ */
.main-menu {
    background: #8e0018;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}
.menu-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: center; 
    align-items: center;
}
.menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-item-has-children {
    position: relative;
}
.menu > li > a {
    display: block;
    padding: 20px 25px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: 0.3s;
}
.menu > li:hover > a {
    background: rgba(255,255,255,0.1);
}
.menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #8e0018;
    list-style: none;
    padding: 10px 0;
    min-width: 200px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 999;
}
.menu .sub-menu li a {
    padding: 10px 20px;
    color: #eee;
    text-decoration: none;
    display: block;
    font-size: 14px;
    transition: 0.3s;
}
.menu .sub-menu li a:hover {
    background: #f0270b;;
    padding-left: 25px;
}
 
.mobile-menu-toggle {
    display: none; 
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 25px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
}
.mobile-menu-toggle span {
    width: 30px;
    height: 3px;
    background-color: #ffffff;
    border-radius: 10px;
    transition: all 0.3s linear;
    position: relative;
}
@keyframes slideDown {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
/*====================== menu section end =====================  */
    /* --- General & Main News Styles --- */
        .main-news-section {
	margin-top: 17px;
}
        .big-news-card img, .small-news-card img {
            width: 100%;
            object-fit: cover;
            transition: 0.4s;
        }
        .big-news-card:hover img { transform: scale(1.03); }
        .news-title-link { text-decoration: none; color: #222; transition: 0.3s; }
        .news-title-link:hover { color: #e63946; }
        .sidebar-tab { 
            background: #fff; 
            border: 1px solid #ddd; 
            overflow: hidden; 
            width: 125%;
        }
        .custom-tab-header { display: flex; background: #f8f9fa; border-bottom: 1px solid #ddd; }
        .tab-btn {
            flex: 1;
            padding: 12px;
            border: none;
            background: none;
            font-weight: bold;
            color: #555;
            cursor: pointer;
            transition: 0.3s;
            outline: none;
        }
        .tab-btn.active {
            background: #fff;
            color: #e63946;
            border-top: 3px solid #e63946;
        }
     .tab-pane { display: none; }
.tab-pane.active { display: block; }
.custom-tab-header { background: #f8f9fa; }
.tab-btn { border: none; padding: 10px; font-weight: bold; color: #555; cursor: pointer; }
.tab-btn.active { color: #fff !important; background-color: #8e0018 !important; }
.sidebar-scroll-container {
    height: 420px;
    overflow-y: scroll !important;
    background: #fff;
}
.sidebar-scroll-container::-webkit-scrollbar { width: 5px; }
.sidebar-scroll-container::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
.news-item-flex {
    display: flex; gap: 10px; padding: 10px; border-bottom: 1px solid #eee; align-items: center;
}
.news-item-flex img { width: 70px; height: 55px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.news-item-flex a { text-decoration: none; color: #333; font-size: 13px; font-weight: 600; line-height: 1.3; }
.news-item-flex a:hover { color: #dc3545; }
.column-news {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 20px;
    border-radius: 6px;
    overflow: hidden;
    transition: 0.3s;
}
.column-news:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}
.column-news img {
    width: 100%;
    height: 180px; 
    object-fit: cover;
}
.news-text {
    padding: 15px;
}
.news-text h5 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-card {
    background: #fff;
    border-radius: 8px;
    transition: 0.3s;
}
.left-card img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}
.right-card img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}
.news-card:hover, .right-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
.valo_news-card img, .valona_news-card img, .aho_news-card img {
    transition: transform 0.5s ease;
}
.valo_news-card:hover img, .valona_news-card:hover img, .aho_news-card:hover img {
    transform: scale(1.1);
}
.news-title {
    color: #333;
    line-height: 1.4;
    text-decoration: none;
}
.x-small-text {
    font-size: 11px;
    line-height: 1.2;
    margin-top: 5px;
}
.sarades_header {
    border-top: 2px solid #dc3545;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    background: #fff;
}
.sarades_bolo {
    font-size: 24px;
    font-weight: bold;
    color: #dc3545;
    position: relative;
    padding-left: 15px;
}
.sarades_bolo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 25px;
    background-color: #dc3545;
}
.sarades_lobo a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    transition: 0.3s;
}
.sarades_lobo a:hover {
    color: #dc3545;
}
#sarades {
    background: #fff;
}
.sarades_title h2 a {
    font-size: 22px;
    line-height: 1.4;
    transition: 0.3s;
}
.sarades_title h2 a:hover {
    color: #dc3545 !important;
}
.sarades_title p a {
    font-size: 15px;
    line-height: 1.6;
}
.sarades_section_add img {
    max-width: 100%;
    height: auto;
    border: 1px solid #eee;
}
.rol_box {
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    height: 100%;
}
.rol_box:hover {
    transform: translateY(-5px);
}
.rol_box img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 12px;
}
.rol_box h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #222;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.rol_box:hover h5 {
    color: #dc3545;
}
 /*-====================section-Five-start=====================-*/
.section-five{
    padding: 20px 0px;
}
.zahin-cat-one{
    margin-bottom: 12px;
    background: #ffffff;
    border-bottom: 3px solid #e74c4f;
    line-height: 30px;
}
.zahin-cat-one span1 a{
    color: #ffffff;
    background: #b00305;
  text-decoration: none;
    display: inline-block;
    padding: 7px 18px;
    font-size: 21px;
}
.zahin-cat-one span2{
    padding: 8px 8px 0 0;
    margin-right: -10px;
    margin-top: -7px;
    float: right;
}
.zahin-cat-one span2 a{
    color: #19232d;
  text-decoration: none;
  font-size: 17px;
  display: inline-block;
  margin-top: 7px;
  margin-right: 10px;
  transition: .8s all;
}
.white-bg{
    background: #fafeff;
    padding: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1); 
}
.sec-five-image{
    position: relative;
}
.sec-five-image img{
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.sec-five-title{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,.5) 30%, rgba(0,0,0,.8) 100%);
    margin: 0;
}
.sec-five-title a{
    color: aliceblue;
    font-size: 21px;
    display: inline-block;
    transition: .5s all;
    text-align: center;
    text-decoration: none;
}
.sec-five-title a:hover{
  text-decoration: none;
  color:white;
}
.secfive-smallitem{
    overflow: hidden;
    margin-top: 8px;
    border-top: 1px dotted #929292;
    padding-top: 8px;
}
.five-smallimg{
    position: relative;
    overflow: hidden;
}
.five-smallimg img{
    width: 30%;
    float: left;
    height: 80px;
}
.five-title2{
    margin: 0;
    overflow: hidden;
}
.five-title2 a{
    font-size: 16px;
    color: #333;
    display: inline-block;
    margin-left: 21px;
    text-decoration: none;
    transition: .5s all;
}
.five-title2 a:hover{
    text-decoration: none;
    color: #e74c4f;
}
/*-====================section-Five-End=====================-*/
.category-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #b00305;
	padding-bottom: 5px;
	margin: 6px auto;
	max-width: 1118px;
	padding-left: 1px;
	padding-right: 2px;
}
.category-title {
    background-color: #b00305;
    color: white;
    padding: 8px 25px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
}
.more-news {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s;
}
.more-news:hover {
    color: #007bff;
}
.featured-news-card img {
    width: 100%;
    border-radius: 8px;
    transition: 0.4s;
}
.featured-title a {
    font-size: 26px;
    color: #222;
    text-decoration: none;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 15px;
    display: block;
    transition: 0.3s;
}
.featured-title a:hover {
    color: #007bff;
}
.news-card-small img {
    width: 100%;
    border-radius: 5px;
    height: 150px;
    object-fit: cover;
}
.news-title-small {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    line-height: 1.4;
    display: block;
    margin-top: 8px;
    transition: 0.3s;
}
.news-title-small:hover {
    color: #007bff;
}
.list-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}
.list-item:last-child {
    border-bottom: none;
}
.list-img {
    width: 90px;
    height: 65px;
    object-fit: cover;
    border-radius: 4px;
}
.list-title {
    font-size: 15px;
    font-weight: 500;
    color: #444;
    text-decoration: none;
    line-height: 1.3;
    transition: 0.3s;
}
.list-title:hover {
    color: #007bff;
}
.featured-news-card:hover img, 
.news-card-small:hover img {
    opacity: 0.9;
    transform: scale(1.02);
}
.featured-news-card, .news-card-small {
    overflow: hidden;
}
.section-nine{
    background: #212121;
    padding: 40px 0;
}
.cintainer{
    1212px !impotent;
}
.fahim-cat{
    position: relative;
    overflow: hidden;
}
.fahim-cat a{
    display: inline-block;
    color: #ffc107;
    font-size: 25px;
    text-decoration: none;
    padding: 0 12px 0 10px;
    margin-top: 9px;
    margin-bottom: 16px;
    border-left: 4px solid #f00;
}
.fahim-cat a:hover{
    color: #00e1ff;
    text-decoration: none;
}
.fahim-cat .fahim::after{
    position: absolute;
    content: '';
    width: 100%;
    border-top:6px solid #282828;
    top: 27px;
    display: inline-block;
}
.fahim-cat .fahim::before{
    position: absolute;
    content: '';
    width: 100%;
    border-top:6px solid #282828;
    top: 19px;
    display: inline-block;
}
.secnine-color{
    color:#ffffff;
}
.secnine-color a{
    color: #ffffff;
}
.black-bg{
    background: #282828;
    padding: 8px;
    box-shadow: 1px 2px 0 0 rgba(0,0,0,.05);
    margin-bottom: 24px;
}
.secnine-image{
    position: relative;
}
.secnine-image img{
    width: 100%;
    height: 266px;
    object-fit: cover;
}
.secnine-title{
    margin: 7px 0 7px;
    line-height: auto;
    font-size: 19px;
}
.secnine-title a{
  font: 22px;
  display: inline-block;
  transition: .5s all;
  color: aquamarine;
  text-align: center;
  text-decoration: none;
}
.secnine-title a:hover{
    color: #00e1ff;
    text-decoration: none;
}
.chokbazar-2{
     
    width: 100%;
    flex:0 0 auto;
}
.secnine-wrpp{
    width: 100%;
    background: #282828;
    padding: 8px;
    box-shadow: 1px 2px 0 0 rgba(0,0,0,.05);
    
}
.secnine-image2 {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.secnine-image2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.secnine-title2 {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.4;
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.secnine-title2 a {
  color: #ffffff;
  text-decoration: none;
  display: block;
}
.secnine-title2 a:hover {
  color: #00e1ff;
}
.media-section {
    background-color: #fff;
    font-family: 'SolaimanLipi', Arial, sans-serif;
}
.m-section-header {
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}
.m-category-name {
    margin: 0;
    position: relative;
}
.m-category-name a {
    color: #2c3e50;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 3px solid #ff4757;  
    padding-bottom: 5px;
}
.m-more-link a {
    text-decoration: none;
    color: #7f8c8d;
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s;
}
.m-more-link a:hover {
    color: #ff4757;
}
.main-media-card {
    transition: 0.3s;
}
.m-img-box {
    overflow: hidden;
    border-radius: 8px;
}
.m-img-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.main-media-card:hover .m-img-box img {
    transform: scale(1.05);
}
.main-title {
    margin-top: 15px;
}
.main-title a {
    color: #222;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    transition: 0.3s;
}
.main-title a:hover {
    color: #ff4757;
}
.small-media-item {
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f1f1;
    transition: 0.3s;
}
.small-media-item:last-child {
    border-bottom: none;
}
.sm-img img {
    width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
    margin-right: 15px;
}
.sm-text a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    display: block;
    transition: 0.3s;
}
.small-media-item:hover .sm-text a {
    color: #ff4757;
}
    .error-404-wrapper {
        padding: 100px 0;
        text-align: center;
        background-color: #f8f9fa;
        min-height: 70vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .error-container {
        max-width: 600px;
        background: #fff;
        padding: 50px;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }
    .error-code {
        font-size: 120px;
        font-weight: 900;
        color: #8e0018;
        line-height: 1;
        margin-bottom: 20px;
        font-family: sans-serif;
    }
    .error-title {
        font-size: 28px;
        font-weight: 700;
        color: #222;
        margin-bottom: 15px;
    }
    .error-message {
        font-size: 16px;
        color: #666;
        margin-bottom: 30px;
        line-height: 1.6;
    }
    .search-form-404 {
        margin-bottom: 30px;
    }
    .search-form-404 .input-group {
        box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        border-radius: 30px;
        overflow: hidden;
    }
    .search-form-404 input {
        border: 1px solid #eee;
        padding: 12px 20px;
        border-right: 0;
    }
    .search-form-404 button {
        background: #8e0018;
        color: #fff;
        border: none;
        padding: 0 25px;
        font-weight: 600;
    }
    .back-home-btn {
        display: inline-block;
        padding: 12px 30px;
        background: #8e0018 !important;
        color: #fff;
        text-decoration: none;
        border-radius: 30px;
        font-weight: 600;
        transition: 0.3s;
    }
    .back-home-btn:hover {
        background: #8e0018 !important;
        color: #fff;
        box-shadow: 0 5px 15px rgba(11, 114, 183, 0.3);
    }
    
/* ===============================
   Share Section
================================ */
.news-share-boxgtb {
    margin-top: 40px;
    padding: 20px;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #eee;
}
.share-titlegtb {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}
.share-buttonsgtb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.share-btngtb {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}
.share-btngtb i {
    font-size: 16px;
}
.share-btngtb.facebook { background: #1877f2; }
.share-btngtb.whatsapp { background: #25d366; }
.share-btngtb.instagram { background: linear-gradient(45deg,#f58529,#dd2a7b,#8134af); }
.share-btngtb.twitter { background: #1da1f2; }
.share-btngtb.print { background: #444; }
.share-btngtb:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}
/* ===============================
   Comments Section
================================ */
.custom-commentsgtb {
    padding: 25px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #eee;
}
.comment-titlegtb {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 8px;
}
.comment-list li {
    margin-bottom: 20px;
}
.comment-author {
    font-weight: 600;
}
.comment-meta {
    font-size: 13px;
    color: #777;
}
.comment-content {
    margin-top: 8px;
    line-height: 1.6;
}
    .single-post-card { background: #fff; padding: 25px; border-radius: 4px; border: 1px solid #e1e8ed; margin-bottom: 20px; }
    .sidebar-sticky { 
        position: -webkit-sticky; 
        position: sticky; 
        top: 80px;  
        align-self: flex-start;
    }
    .main-heading { font-size: 34px; line-height: 1.4; font-weight: 700; color: #1a1a1a; margin-top: 10px; }
    .news-breadcrumb { font-size: 14px; color: #0b72b7; font-weight: 600; margin-bottom: 5px; }
    .author-meta { display: flex; align-items: center; padding: 15px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 20px 0; }
    .author-meta img { width: 45px; height: 45px; border-radius: 50%; margin-right: 12px; }
    .author-text b { display: block; font-size: 16px; color: #222; }
    .author-text span { font-size: 13px; color: #777; }
    .article-body { font-size: 19px; line-height: 1.9; color: #333; }
    .article-body p { margin-bottom: 20px; text-align: justify; }
    .main-feature-img img { width: 100%; border-radius: 4px; margin-bottom: 20px; height: auto; }
    .widget-box { background: #fff; border: 1px solid #e1e8ed; padding: 20px; border-radius: 4px; margin-bottom: 20px; }
    .widget-title { font-size: 18px; font-weight: 700; color: #d0021b; border-bottom: 2px solid #d0021b; margin-bottom: 15px; display: inline-block; padding-bottom: 3px; }
    .latest-list { list-style: none; padding: 0; }
    .latest-list li { display: flex; gap: 10px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; }
    .latest-list li:last-child { border: 0; }
    .latest-list img { width: 85px; height: 60px; object-fit: cover; border-radius: 3px; }
    .latest-list a { font-size: 15px; color: #222; font-weight: 600; text-decoration: none; line-height: 1.3; }
    .related-grid { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 20px; }
    .related-item { width: calc(33.333% - 10px); text-decoration: none; color: inherit; }
    .related-item img { width: 100%; height: 120px; object-fit: cover; border-radius: 4px; }
    .related-item h4 { font-size: 15px; margin-top: 8px; font-weight: 600; }
 

      :root {
        --primary-red: #d60000;
        --soft-gray: #f4f7f9;
        --text-dark: #222;
        --text-light: #777;
    }
    .main-wrapperasd { display: flex; align-items: flex-start; gap: 30px; margin-top: 30px; }
    .news-sectionasd { background: transparent; padding: 0; }
    .section-headerasd { 
        background: #fff; 
        padding: 15px 20px; 
        border-radius: 8px; 
        border-left: 5px solid var(--primary-red); 
        margin-bottom: 25px; 
        box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    }
    .section-titleasd { font-size: 24px; font-weight: 700; color: var(--text-dark); margin: 0; }
    .news-gridasd { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .news-cardasd { 
        background: #fff; 
        border-radius: 10px; 
        overflow: hidden; 
        transition: 0.3s; 
        border: 1px solid #eee;
        height: 100%;
    }
    .news-cardasd:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); }
    .image-box { position: relative; overflow: hidden; }
    .news-cardasd img { width: 100%; height: 200px; object-fit: cover; transition: 0.5s; }
    .news-cardasd:hover img { transform: scale(1.1); }
    .news-infoasd { padding: 15px; }
    .news-metaasd { font-size: 13px; color: var(--text-light); display: flex; align-items: center; gap: 5px; margin-bottom: 10px; }
    .news-titleasd { font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0; }
    .news-titleasd a { color: var(--text-dark); text-decoration: none; }
    .news-titleasd a:hover { color: var(--primary-red); }
    .sticky-sidebar-containerasd { 
        position: -webkit-sticky; 
        position: sticky; 
        top: 20px; 
        align-self: flex-start; 
    }
    .sidebar-newsasd { 
        background: #fff; 
        padding: 20px; 
        border-radius: 10px; 
        border: 1px solid #eee; 
        box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    }
    .sidebar-titleasd { 
        font-size: 18px; 
        font-weight: 700; 
        border-bottom: 2px solid var(--primary-red); 
        padding-bottom: 10px; 
        margin-bottom: 20px; 
        display: block;
    }
    .sidebar-itemasd { display: flex; gap: 12px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; }
    .sidebar-itemasd:last-child { border: 0; margin-bottom: 0; }
    .sidebar-itemasd img { width: 90px; height: 65px; object-fit: cover; border-radius: 6px; }
    .sidebar-textasd p { font-size: 14px; font-weight: 600; line-height: 1.4; margin: 0; }
    .sidebar-textasd a { color: #333; text-decoration: none; }
    .sidebar-textasd a:hover { color: var(--primary-red); }
    .archive-pagination { margin-top: 40px; text-align: center; margin-bottom: 40px;}
    .archive-pagination .page-numbers { 
        padding: 10px 18px; 
        background: #fff; 
        border: 1px solid #eee; 
        color: #333; 
        border-radius: 5px; 
        text-decoration: none; 
        margin: 0 3px;
        transition: 0.3s;
    }
    .archive-pagination .current { background: var(--primary-red); color: #fff; border-color: var(--primary-red); }
    .archive-pagination a.page-numbers:hover { background: #333; color: #fff; }

    .custom-footerqwe {
  background-color: #8e0018;;
  color: #ccc;
  font-family: 'SolaimanLipi', sans-serif;
  padding: 20px 0;
}
.footer-contentqwe {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px 30px 20px;
  border-top: 1px solid #1a334d;
  border-bottom: 1px solid #1a334d;
}
.footer-leftqwe, .footer-rightqwe {
  flex: 1;
  min-width: 280px;
  margin-top: 20px;
  margin-left: 171px;
  font-size: 15px;
}

.footer-leftqwe h3,
.footer-rightqwe h3 {
  color: #fff;
  border-bottom: 2px solid #1e7dbd;
  display: inline-block;
  margin-bottom: 15px;
}

.footer-bottomqwe {
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}

.footer-bottomqwe a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
.footer-bottomqwe a:hover{
  text-decoration:none;
  color: white;
}
 
 
/*========================= Responsive Styles ==============================*/
@media (max-width: 1199px) {
    .footer-leftqwe, .footer-rightqwe {
        margin-left: 50px;  
    }
}
 
@media (min-width: 992px) {
    .menu-item-has-children:hover > .sub-menu {
        display: block;
        animation: slideDown 0.3s ease;
    }
        .datetime-section {
        justify-content: flex-start;
    }
}
@media (max-width: 991px) {
        .footer-contentqwe {
        justify-content: center;
        text-align: center;
    }
    .footer-leftqwe, .footer-rightqwe {
        margin-left: 0; 
        flex: 0 0 100%;  
        margin-bottom: 20px;
    }
    .footer-leftqwe h3, .footer-rightqwe h3 {
        display: inline-block;
    }
    .featured-title a {
        font-size: 20px;
    }
    .menu-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px; 
    }
    .mobile-menu-toggle {
        display: flex; 
    }
    .menu {
        display: none; 
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #1e2a38;
        flex-direction: column;
    }
    .menu.active {
        display: flex; 
    }
     .menu-container { justify-content: space-between; }
    .mobile-menu-toggle { display: flex; order: 2; }
    .menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #1e2a38;
        position: absolute;
        top: 100%;
        left: 0;
        max-height: 80vh;
        overflow-y: auto;
    }
    .menu.active { display: flex; }
    .menu .sub-menu {
        position: static;
        display: none; 
        width: 100%;
        background: #161f29;
        box-shadow: none;
        padding-left: 20px;
    }
    .menu-item-has-children.active > .sub-menu {
        display: block;
    }
     #logo_section {
        padding: 15px 0;
    }
    .main-logo img {
        max-width: 220px; 
        margin-bottom: 10px;
    }
    .header-ad img {
        margin-top: 5px;
    }
        .container { max-width: 95%; }
    .sidebar-sticky { 
        position: static; 
        margin-top: 30px; 
    }
    .main-heading { font-size: 28px; }
    .related-item { 
        width: calc(50% - 15px); 
        margin-bottom: 20px;
    }
    .related-item img { height: 150px; }
}
    @media (max-width: 768px) {
        .error-code { font-size: 80px; }
        .error-container { padding: 30px; margin: 0 15px; }
    .m-img-box img {
        height: 220px;
    }
    .main-title a {
        font-size: 18px;
    }
    .sm-img img {
        width: 80px;
        height: 60px;
    }
        .sarades_title h2 {
        font-size: 18px;
    }
    .rol_box img {
        height: 200px;
    }
        .right-card img {
        width: 70px;
        height: 55px;
    }
    .news-title {
        font-size: 13px !important;
    }
    .ps-lg-4 {
        padding-left: 12px !important;
    }
        .top-bar {
        padding: 12px 0;
    }
    .social-icon {
        width: 35px; 
        height: 35px;
    }
     .category-title {
        font-size: 18px;
        padding: 5px 15px;
    }
    
    .news-card-small {
        display: flex;
        gap: 15px;
        align-items: center;
    }
    .news-card-small img {
        width: 120px;
        height: 80px;
    }
    .list-img {
        width: 80px;
        height: 60px;
    }
    .single-post-card { padding: 15px; }
    .main-heading { font-size: 24px; line-height: 1.3; }
    .article-body { font-size: 17px; }
    .author-meta { flex-direction: row; align-items: center; }
    .latest-list img { width: 75px; height: 55px; }
            .news-gridasd { grid-template-columns: 1fr; }
        .main-wrapperasd { flex-direction: column; }
        .sticky-sidebar-containerasd { position: static; width: 100%; }

    }
@media (max-width: 576px) {
    .column-news img {
        height: auto;
    }
    .latest-list img {
	height: 73px;
}
        .main-heading { font-size: 22px; }
    .related-grid { gap: 10px; }
    .related-item { 
        width: 100%; 
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }
    .related-item img { height: 180px; }
    .related-item h4 { font-size: 16px; line-height: 1.4; }
    .share-box { flex-direction: column; }
    .share-btngtb { width: 100%; margin-bottom: 5px; }
    .widget-box img, .img-fluid {
        /* width: 100% !important; */
        /* height: 80px !important; */
    }
    	.sidebar-tab {
	 width: 100%; 

}
button, input, optgroup, select, textarea {

	width: 100%;
}
        }