/* ========================================================================== PAKISTAN INSIDER OFFICIAL - PREMIUM NEWS LAYOUT OPTIMIZATION ========================================================================== *//* 1. HEADER & NAVIGATION MINIMAL LOOK */ header, .site-header { background: #ffffff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; border-bottom: 2px solid #f1f1f1; padding: 12px 0 !important; }/* 2. MOBILE DRAWER / SIDEBAR MENU IMPROVEMENT */ /* Dark overlay menu ko modern aur neat look dene ke liye */ .offcanvas-menu, .mobile-menu-container, .drawer-menu { background-color: #111625 !important; /* Rich Dark Slate Blue */ padding: 30px 20px !important; }.mobile-menu-container ul li a { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-style: normal !important; /* Italic se hata kar professional normal weight */ font-weight: 600 !important; font-size: 16px !important; letter-spacing: 0.5px; padding: 12px 15px !important; border-bottom: 1px solid rgba(255,255,255,0.05); transition: all 0.3s ease; }/* Hover effect on mobile menu items */ .mobile-menu-container ul li a:hover { color: #0073aa !important; /* News Accent Blue */ background: rgba(255, 255, 255, 0.03); padding-left: 20px !important; }/* 3. MAIN BODY POST CARDS (SUBTLE IMPROVEMENTS) */ /* Aap ki body theek hai, bas hover par halka sa transition diya hai jo engagement barhayega */ .post-card, .entry-card, .blog-post { background: #ffffff !important; border: 1px solid #eef2f5 !important; border-radius: 6px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }.post-card:hover { transform: translateY(-3px); /* Card halka sa upar uthega jab user mouse layega */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06) !important; }/* Category Badges (e.g., ECONOMY, BLOG) */ .category-badge, .cat-links a { text-transform: uppercase; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1px; color: #ff3b30 !important; /* Red color for breaking/news impact */ }/* 4. FOOTER OPTIMIZATION FOR ADSENSE */ /* Footer ko clean aur well-spaced banaya hai taake link readability achhi ho */ footer, .site-footer { background: #f8f9fa !important; border-top: 1px solid #e9ecef; padding: 40px 0 20px 0 !important; }/* Footer links placement */ .footer-navigation ul, .site-footer .menu { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 20px !important; list-style: none; }.footer-navigation ul li a, .site-footer .menu li a { color: #4a5568 !important; font-size: 13px !important; font-weight: 500; text-transform: uppercase; text-decoration: none; transition: color 0.2s ease; }.footer-navigation ul li a:hover, .site-footer .menu li a:hover { color: #0073aa !important; }/* Copyright Text */ .site-footer .copyright, .footer-copyright { font-size: 12px !important; color: #718096 !important; text-align: center; margin-top: 15px; }Pakistan Insider Official
Pakistan Insider Official

Premium News Layout for Pakistan Insider

Clean header, modern mobile menu, smooth post cards, category badges, and a readable footer optimized for a professional news website.

Pakistan

Breaking developments in national politics

A polished card layout with subtle hover motion for better readability and engagement.

2 hours ago
Business

Market trends and the latest economic outlook

Use this section for featured stories, headlines, and important updates from around the country.

5 hours ago
Sports

Cricket coverage and major sports headlines

Responsive structure keeps your site neat on mobile, tablet, and desktop devices.

Today
Yaar is ke aik proper website bana do

Highlight

Latest Stories

Gallery

Snapshots capturing the pulse of Pakistan's news and culture.