body{
            background:#f5f7fb;
            font-family:Poppins,sans-serif;
        }

        .header{
            background:#fff;
            position:sticky;
            top:0;
            z-index:9999;
            /*box-shadow:0 2px 10px rgba(0,0,0,.08);*/
            /*border-bottom:1px solid #eee;*/
        }
        

        .top-header{
            max-width:1300px;
            margin:0 auto;
            padding:0 25px;
            min-height:70px;
        
            display:flex;
            justify-content:space-between;
            align-items:center;
        }

        .logo img{
            height:120px;
            width:auto;
            display:block;
        }
        
        .logo{
             width:70px;
            min-width:70px;
            display:flex;
            align-items:center;
            gap:15px;
        }
        
        .logo span{
            font-weight:700;
            font-size:22px;
        }
        
        .search-box{
            display:flex;
            align-items:center;
        }
        
        .search-box input{
            width:420px;
            height:46px;
            border:1px solid #ddd;
            border-radius:6px 0 0 6px;
            padding:0 15px;
            outline:none;
        }
        
        .search-box button{
            width:55px;
            height:46px;
            border:none;
            background:#e60000;
            color:#fff;
            border-radius:0 6px 6px 0;
        }
        
        .breaking-label{
            background:#e60000;
            color:#fff;
            padding:0 18px;
            height:50px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-weight:700;
            white-space:nowrap;
            flex-shrink:0;
        }
        
        .breaking-link{
            color:#fff !important;
            text-decoration:none;
            font-size:18px;
            font-weight:500;
        }

        .breaking-link:hover{
            color:#e60000 !important;
        }
        
        .breaking-track{
            display:flex;
            align-items:center;
            gap:40px;
            white-space:nowrap;
            animation:scroll 25s linear infinite;
        }
        
        .breaking-content{
            overflow:hidden;
            width:100%;
        }
        
        
        .breaking-news{
            height:50px;
            display:flex;
            align-items:center;
        
            background:#001A4D;      
            border-bottom:none;
            
            /*background:#000;*/
            box-shadow:0 2px 10px rgba(0,0,0,.25);
        
            position:sticky;
            top:118px;
            z-index:9997;
        }
     
        
        @keyframes scroll{
            from{
                transform:translateX(100%);
            }
            to{
                transform:translateX(-100%);
            }
        }
        
        .container-fluid{
            margin-top:15px;
        }
        
        .left-sidebar,
        .right-sidebar{
            position:sticky;
            top:180px;
        }
        
        .left-sidebar,
        .sidebar-box,
        .hero-news,
        .news-card{
            background:#fff;
            border-radius:12px;
            padding:15px;
            margin-bottom:15px;
        }
        
        .hero-news img,
        .news-card img{
            width:100%;
            border-radius:10px;
        }
       
       .hero-news{
            background:#fff;
            border-radius:18px;
            padding:16px;
            overflow:hidden;
            box-shadow:0 3px 15px rgba(0,0,0,.08);
        }
        
        .hero-news h2 a{
            color:#111;
            text-decoration:none;
        }
        
        .hero-news h2 a:hover{
            color:#e60000;
        }
        .hero-news img{
            width:100%;
            height:450px;
            object-fit:cover;
            border-radius:14px;
            display:block;
        }
        
        .hero-news h2{
            margin-top:10px;
            margin-bottom:10px;
            padding:0 8px;
        
            font-size:28px;
            line-height:1.35;
            font-weight:700;
            color:#111;
            margin-top:15px;
        }
        
        .news-category{
            display:inline-block;
            margin-top:20px;
            margin-left:8px;
        
            background:#e60000;
            color:#fff;
        
            padding:8px 16px;
            border-radius:8px;
        
            font-size:14px;
            font-weight:600;
        }

       .left-sidebar{
            background:#001A4D;
            border-radius:12px;
            padding:15px;
            box-shadow:0 2px 10px rgba(0,0,0,.08);
        }
        
        .left-sidebar .sidebar-title{
            font-size:18px;
            font-weight:700;
            margin-bottom:15px;
            color:#111;
            border-bottom:2px solid #f1f1f1;
            padding-bottom:10px;
        }
        
        .left-sidebar ul{
            list-style:none;
            padding:0;
            margin:0;
        }
        
        .left-sidebar ul li{
            margin-bottom:8px;
        }
        
        .left-sidebar ul li a{
            display:flex;
            align-items:center;
            gap:12px;
            text-decoration:none;
            color:#222;
            background:#f8f9fa;
            padding:12px 15px;
            border-radius:10px;
            transition:.3s;
            font-weight:500;
        }
        
        .left-sidebar ul li a:hover{
            background:#e60000;
            color:#fff;
            transform:translateX(5px);
        }
        
        .left-sidebar ul li a i{
            width:22px;
            text-align:center;
            color:#e60000;
        }
        
        .left-sidebar ul li a:hover i{
            color:#fff;
        }

        .breaking-track:hover{
            animation-play-state:paused;
        }
        
        .search-box input{
            width:350px;
            height:42px;
        }
        
        .top-fixed{
            position:sticky;
            top:0;
            z-index:9999;
            background:#fff;
        }
        
        .search-wrapper{
            position:relative;
            width:48px;
            min-width:48px;
        }
        
        .search-toggle{
            width:48px;
            height:48px;
            border:none;
            border-radius:8px;
            background:#001A4D;
            color:#fff;
            font-size:18px;
        }
        
        .search-dropdown{
            position:absolute;
            top:58px;
            right:0;
            width:280px;
            display:none;
            background:#fff;
            padding:10px;
            border-radius:10px;
            box-shadow:0 5px 20px rgba(0,0,0,.15);
        }
        
        .search-dropdown input{
            width:100%;
            height:42px;
            border:1px solid #ddd;
            border-radius:6px;
            padding:0 12px;
        }
        
        .search-wrapper.active .search-dropdown{
            display:block;
        }
        
        
        .news-list{
            margin-top:20px;
        }
        
        .news-item{
            display:flex;
            gap:15px;
        
            background:#fff;
            border:1px solid #ececec;
            border-radius:15px;
        
            padding:12px;
            margin-bottom:15px;
        
            transition:.3s;
        }
        
        .news-item:hover{
            box-shadow:0 4px 15px rgba(0,0,0,.08);
        }
        
        .news-image{
            width:170px;
            flex-shrink:0;
        }
        
        .news-image img{
            width:100%;
            height:110px;
            object-fit:cover;
            border-radius:12px;
        }
        
        .news-info{
            flex:1;
        }
        
        .news-info h3{
            font-size:20px;
            line-height:1.4;
            font-weight:700;
            color:#222;
        
            margin:0 0 10px;
        }
        
        
        .news-date{
            color:#888;
            font-size:14px;
        }
        
        .news-date i{
            margin-right:5px;
        }
        
        
        .category-section{
            background:#fff;
            border-radius:15px;
            overflow:hidden;
            margin-top:25px;
            box-shadow:0 2px 10px rgba(0,0,0,.06);
        }
        
        .category-header{
            display:flex;
            justify-content:space-between;
            align-items:center;
            background: #001A4D;
            padding:15px 20px;
        
            border-bottom:2px solid #e60001;
        }
        
        .category-header h4{
            margin:0;
            color: white;
            font-size:26px;
            font-weight:700;
        }
        
        .category-header a{
            color:#ffffff;
            text-decoration:none;
            font-weight:600;
        }
        
        .category-news{
            padding:15px;
        }
        
        a{
            text-decoration:none;
        }
        
        .category-content h5 a,
        .news-info h3 a{
            color:#222;
        }
        
        .category-content h5 a:hover,
        .news-info h3 a:hover{
            color:#e60000;
        }
        
        .category-item{
            display:flex;
            gap:15px;
        
            padding:12px;
            margin-bottom:12px;
        
            border:1px solid #eee;
            border-radius:12px;
        
            transition:.3s;
        }
        
        .category-item:hover{
            transform:translateY(-2px);
            box-shadow:0 8px 20px rgba(0,0,0,.10);
        }
        
        .category-item img{
            width:150px;
            height:95px;
            object-fit:cover;
            border-radius:10px;
            flex-shrink:0;
        }
        
        .category-content{
            flex:1;
        }
        
        .category-content h5{
            margin:0 0 10px;
            font-size:18px;
            line-height:1.5;
            font-weight:600;
        }
        
        .category-content span{
            color:#888;
            font-size:14px;
        }
        
        .right-sidebar{
            max-width:100%;
        }
        
        .trending-box{
            border-radius:15px;
            overflow:hidden;
            background:#fff;
            box-shadow:0 2px 10px rgba(0,0,0,.08);
        }
        
                
        .trending-header{
            /*background:linear-gradient(90deg,#0085ff,#25bfff);*/
            background: #001A4D;
            color:#fff;
            font-size:18px;
            font-weight:700;
            padding:15px 20px;
        }
        
        .trending-item{
            display:flex;
            gap:12px;
            padding:15px;
            border-bottom:1px solid #eee;
        }
        
        .trending-item:last-child{
            border-bottom:none;
        }
        
        .trend-no{
            min-width:30px;
            font-size:28px;
            font-weight:700;
            color:#e60000;
            line-height:1;
        }
        
        .trend-content{
            flex:1;
        }
        
        .trend-content h6{
            font-size:16px;
            line-height:1.5;
            font-weight:600;
            margin-bottom:8px;
        }
        
        .trend-meta{
            font-size:12px;
            color:#888;
        }
        
        .trend-content h6 a{
            color:#222;
            text-decoration:none;
        }
        
        .trend-content h6 a:hover{
            color:red;
        }
        
        .footer-top{
            background:#000;
            color:#fff;
            padding:40px 0;
            border-top:4px solid #e60000;
        }
        
        .footer-top h3{
            color:#e60000;
            font-size:32px;
            font-weight:700;
            margin-bottom:15px;
        }
        
        .footer-top p{
            margin:0;
            font-size:18px;
            line-height:1.8;
        }
        
        .footer-logo{
            max-width:220px;
            height:auto;
        }
        
        
        .footer{
            background:#001A4D;
            color:#fff;
            text-align:center;
            padding:15px 0;
        }
        

        @media(max-width:768px){
        
            .footer-top{
                text-align:center;
            }
        
            .footer-logo{
                margin-top:20px;
                max-width:180px;
            }
        
            .footer-top h3{
                font-size:26px;
            }
        
            .footer-top p{
                font-size:16px;
            }
        
        }
        
        @media(max-width:768px){
        
            .right-sidebar{
                position:static !important;
                top:auto !important;
                margin-top:20px;
            }
        
            .sidebar-box{
                margin-top:20px;
                margin-bottom:15px;
            }
        
            .trending-box{
                margin-top:15px;
            }
        
        }
        
        @media(max-width:768px){
        
            .hero-news{
                padding:10px;
                border-radius:12px;
            }
        
            .hero-news img{
                height:220px;
                border-radius:10px;
            }
        
            .news-category{
                margin-top:10px;
                margin-left:0;
                padding:5px 10px;
                font-size:11px;
            }
        
            .hero-news h2{
                font-size:22px;
                line-height:1.4;
                margin-top:8px;
                margin-bottom:0;
                padding:0;
                font-weight:700;
            }
        
        }
        
        .site-title{
            flex:1;
            text-align:center;
            color:#001A4D;
            font-weight:800;
            font-size:50px;
            line-height:1.2;
            padding:0 10px;
            
          
            text-shadow:
                1px 1px 0 #ffffff,
                2px 2px 4px rgba(0,0,0,0.20);
        }
        
        @media(max-width:768px){

            .logo{
                width:60px;
                min-width:60px;
            }
        
            .logo img{
                height:60px;
            }
        
            .search-wrapper{
                width:42px;
                min-width:42px;
            }
        
            .site-title{
                font-size:16px;
                font-weight:800;
                text-align:center;
                line-height:1.2;
            }
        }

        @media(max-width:768px){
        
            .logo span{
                font-size:16px;
            }
            
            
            .breaking-label{
                padding:0 10px;
                font-size:13px;
                min-width:90px;
                height:40px;
            }
        
            .breaking-news{
                height:40px;
            }

            
        
            .search-box input{
                display:none;
            }
        
            .top-header{
                height:40px;
            }
            
            .breaking-track{
                animation:scroll 10s linear infinite;
            }
            
            .breaking-track span{
                font-size:13px;
            }

        
        }
        
        @media(max-width:768px){
        
            .news-item{
                display:flex;
                flex-direction:row;
                gap:10px;
        
                padding:10px;
                margin-bottom:10px;
            }
        
            .news-image{
                width:110px;
                flex-shrink:0;
            }
        
            .news-image img{
                width:100%;
                height:75px;
                object-fit:cover;
                border-radius:8px;
            }
        
            .news-info{
                flex:1;
            }
        
            .news-info h3{
                font-size:14px;
                line-height:1.4;
                margin-bottom:5px;
                font-weight:600;
        
                display:-webkit-box;
                -webkit-line-clamp:2;
                -webkit-box-orient:vertical;
                overflow:hidden;
            }
        
            .news-date{
                font-size:12px;
            }
        
        }

        @media(max-width:768px){
        
            .category-section{
                margin-top:15px;
                border-radius:12px;
            }
        
            .category-header{
                padding:12px;
            }
        
            .category-header h4{
                font-size:18px;
            }
        
            .category-header a{
                font-size:13px;
            }
        
            .category-item{
                display:flex;
                flex-direction:row;   /* column nahi */
                gap:10px;
        
                padding:10px;
                margin-bottom:10px;
            }
        
            .category-item img{
                width:110px;
                height:75px;
                flex-shrink:0;
                border-radius:8px;
            }
        
            .category-content{
                flex:1;
            }
        
            .category-content h5{
                font-size:14px;
                line-height:1.4;
                margin-bottom:5px;
        
                display:-webkit-box;
                -webkit-line-clamp:2;
                -webkit-box-orient:vertical;
                overflow:hidden;
            }
        
            .category-content span{
                font-size:12px;
            }
        
        }
        
        @media(max-width:768px){

            .trending-header{
                font-size:22px;
                padding:15px;
            }
        
            .trending-item{
                padding:15px;
            }
        
            .trend-no{
                font-size:34px;
                min-width:30px;
            }
        
            .trend-content h6{
                font-size:16px;
                line-height:1.5;
            }
        
            .trend-meta{
                font-size:12px;
            }
        
        }