/*
Theme Name: Buland Soch News
Author: Abhishek
Version: 1.0
*/
/* 🔥 VARIABLES */
:root {
  --blue:#0d3b8e;
  --dark-blue:#0a2c6b;
  --red:#e60023;
  --yellow:#ffb400;

  --text:#111;
  --bg:#f5f7fa;
  --white:#fff;

  --shadow:0 2px 10px rgba(0,0,0,0.08);
}

 *{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html,
body{
  width:100%;
  height:auto;
  min-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  
}
body {
  font-family:'Poppins','Roboto',sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}

/* CONTAINER */
.container {
  width:95%;
  max-width:1200px;
  margin:auto;
  padding:0 10px;
}

/* GRID */
.row {
  display:flex;
  flex-wrap:wrap;
}
.col-8 { width:66.66%; }
.col-4 { width:33.33%; }
/* 🔥 CARD */
.card {
  background:#fff;
  border-radius:6px;
  box-shadow:var(--shadow);
  overflow:hidden;
  margin-bottom:15px;
}

.card img {
  width:100%;
}

.card h1 {
  font-size:26px;
  padding:10px;
}

.card h1 a {
  color:var(--blue);
  text-decoration:none;
}

.card h1 a:hover {
  color:var(--red);
}

.card h3 {
  font-size:17px;
  padding:10px;
}

/* SIDEBAR */
.sidebar {
  background:#fff;
  padding:15px;
  box-shadow:var(--shadow);
}
/* 🔵 HEADER */
.header {
  position:sticky;
  top:0;
  z-index:999;
  background:#fff;
  padding:10px 0;
  border-bottom:1px solid #eee;
  box-shadow:var(--shadow);
  margin-bottom:5px;
}

/* HEADER GRID (FINAL FIX) */
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; /* important */
  gap:0; 
  padding:10px 15px;
}

/* 🔵 LEFT AD */
.header-ad {
  flex: 1;              
  max-width: 100%;
  padding-right: 180px;
}

.header-ad img,
.header-ad iframe,
.header-ad ins {
  width: 100%;
  height: 100px;
  object-fit: contain;
}

/* 🔰 LOGO CENTER */
.logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.logo img {
  height: 110px;
  width:auto;
}

/* 🔥 SOCIAL ICONS CENTER */
.header-social{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

/* 🔥 ICON STYLE */
.header-social a{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  font-size:12px;
  text-decoration: none;
  transition: 0.3s;
}

/* 🔥 FACEBOOK */
.header-social .fb{
  background:#1877f2;
}

/* 🔥 TWITTER */
.header-social .tw{
  background:#1da1f2;
}

/* 🔥 INSTAGRAM (gradient) */
.header-social .ig{
  background: radial-gradient(circle at 30% 107%, 
    #fdf497 0%, #fdf497 5%, 
    #fd5949 45%, #d6249f 60%, 
    #285AEB 90%);
}

/* 🔥 YOUTUBE */
.header-social .yt{
  background:#ff0000;
}

/* 🔥 HOVER EFFECT */
.header-social a:hover{
  transform: scale(1.1);
  color: #e60023;
}


/* 🔍 SEARCH RIGHT */
.search-box {
  width:250px;
  text-align:right;
}

.header-datetime{
  position: absolute;
  top: -8px;          /* search के ऊपर */
  right: 0;            /* right side */
  font-size:14px;
  color:#777;
  white-space:nowrap;
}

.search-box input {
  width: 200px;
  padding:6px 10px;
  border-radius:20px;
  border:1px solid #ccc;
}

/* 🔥 MENU */
/* =====================================
   NAVBAR
===================================== */
.navbar{
  background:transparent;
  position:sticky;
  top:130;
  z-index:999;
  width:100%;
  margin-bottom:30px;
  box-shadow:none;
}
.navbar .container{
  width:95%;
  max-width:1400px;
  margin:0 auto;
  padding:0 5px;
}
.nav-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  background:linear-gradient(90deg, #0a2c6b, #0d3b8e);
  border-radius:8px;
  border-bottom:3px solid #e60023;
  box-shadow:0 4px 15px rgba(0,0,0,0.12);
  padding:0 5px;
}

/* MENU */
.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  flex-wrap:wrap;   
  overflow-x: visible;
  white-space: nowrap;
  width: 100%;
  gap: 3px;
}

/* MAIN MENU ITEMS */
.menu > li {
  position: relative;
  flex: 0 0 auto;
}

.menu > li > a {
  color: #fff;
  padding: 10px 12px;
  display: block;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: none;
  touch-action:manipulation;
}

/* SCROLLBAR HIDE */
.menu::-webkit-scrollbar {
  display: none;
}

/* HOVER EFFECT */
.menu > li > a:hover {
  color: #ffcc00;
  text-decoration: none;
  border-bottom: none;
}

.menu > li > a::before {
  content: "➤";
  color: #ffcc00;
  margin-right:2px;
  transition: 0.3s;
  font-size: 11px;
}

/* 🔥 HOME को अलग बनाओ */
.menu > li:first-child > a::before{
  content:"\f015"; 
  font-family:"Font Awesome 6 Free"; 
  font-weight:900; 
  font-size:13px; 
  color:#ffffff; 
  margin-right:6px;
}

.menu > li > a:hover::before {
  transform: translateX(3px);
}

/* 🔽 DROPDOWN FIX */
.menu li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  min-width: 220px;
  z-index: 9999;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border-radius: 4px;
  padding: 5px 0;
}

/* SHOW DROPDOWN */
.menu li:hover > ul {
  display: block;
}

/* DROPDOWN ITEMS */
.menu li ul li {
  width: 100%;
}

.menu li ul li a {
  color: #333;
  padding: 10px 15px;
  display: block;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  border-bottom: none;
}

/* 🔵 submenu icon */
.menu li ul li a::before {
  content: "●";
  color: #e60023;
  margin-right: 8px;
  font-size: 8px;
  vertical-align: middle;
}

/* DROPDOWN HOVER */
.menu li ul li a:hover {
  background: #f5f7fa;
  color: #e60023;
  padding-left: 18px;
  transition: 0.3s;
}

/* 🔽 SUB DROPDOWN (3rd level) */
.menu li ul li ul {
  left: 100%;
  top: 0;
}

/* == ULTRA PROFESSIONAL BREAKING BAR == */
.breaking-bar{ 
    width:95%; 
    max-width:1400px; 
    margin:0 auto 2px; 
    position:relative; } 
    
.breaking-wrap{ 
        display:flex; 
        align-items:center; 
        background:linear-gradient( 135deg, #071b44, #0b2f7a ); 
        border-radius:14px; 
        overflow:hidden; 
        border:1px solid rgba(255,255,255,0.08); 
        box-shadow: 0 10px 30px rgba(0,0,0,0.18); 
        min-height:52px; 
        position:relative; } 
        
.breaking-label{ 
            position:relative; 
            background:linear-gradient( 45deg, #ff0033, #c4001d ); 
            color:#ffffff; 
            padding:15px 26px; 
            font-size:13px; 
            font-weight:800; 
            text-transform:uppercase; 
            letter-spacing:1px; 
            white-space:nowrap; 
            overflow:hidden; 
            z-index:2; 
            display:flex; 
            align-items:center; 
            gap:10px; 
            box-shadow: 5px 0 18px rgba(255,0,51,0.25); } 
            /* breaking-label::before{ 
            content:""; 
            width:9px; 
            height:9px; 
            border-radius:50%; 
            background:#ffffff; 
            box-shadow: 0 0 10px rgba(255,255,255,0.8); 
            animation:livePulse 1s infinite; } 
            /* SHINE EFFECT */ 
            .breaking-label::after{ 
                content:"";
                position:absolute;
                top:0; 
                left:-60px; 
                width:35px; 
                height:100%; 
                background:rgba(255,255,255,0.25); 
                transform:skewX(-25deg); 
                animation:breakingShine 3s infinite; } 
                /*== TRACK ==== */
                .breaking-track{ 
                    flex:1; 
                    overflow:hidden; 
                    position:relative; 
                    padding:0 18px; } 
                    /*===== TRACK INNER === */ 
                    .breaking-track-inner{ 
                        display:flex; 
                        align-items:center; 
                        gap:35px; 
                        white-space:nowrap;
                        width:max-content; 
                        animation:tickerMove 15s linear infinite; } 
                        /* = NEWS ITEM === */ 
                        .breaking-item{ 
                            position:relative; 
                            color:#ffffff; 
                            font-size:13px; 
                            font-weight:800; 
                            text-decoration:none; 
                            padding-left:16px; 
                            transition:0.3s; } 
                            /* RED GLOW DOT */ 
                            .breaking-item::before{ 
                                content:""; 
                                position:absolute; 
                                left:0; 
                                top:50%; 
                                transform:translateY(-50%); 
                                width:7px; 
                                height:7px; 
                                border-radius:50%; 
                                background:#ff0033; 
                                box-shadow: 0 0 8px rgba(255,0,51,0.8); } 
                                /* HOVER */ 
                                .breaking-item:hover{ 
                                    color:#ffcc00; 
                                    transform:translateY(-1px); } 
                                    /* == ANIMATIONS === */
                                    @keyframes tickerMove{ 0%{ transform:translateX(0); } 
                                    100%{ transform:translateX(-50%); } } /* SHINE EFFECT */ @keyframes breakingShine{ 0%{ left:-60px; } 100%{ left:130%; } } /* LIVE DOT PULSE */ @keyframes livePulse{ 0%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.5); opacity:0.5; } 100%{ transform:scale(1); opacity:1; } }

/* 🔥 CARD */
.card {
  background:#fff;
  border-radius:6px;
  box-shadow:var(--shadow);
  overflow:hidden;
  margin-bottom:15px;
}

.card img {
  width:100%;
}

.card h1 {
  font-size:26px;
  padding:10px;
}

.card h1 a {
  color:var(--blue);
  text-decoration:none;
}

.card h1 a:hover {
  color:var(--red);
}

.card h3 {
  font-size:17px;
  padding:10px;
}

/* SIDEBAR */
.sidebar {
  background:#fff;
  padding:15px;
  box-shadow:var(--shadow);
}

/* SECTION TITLE */
.section-title {
  font-size:22px;
  font-weight:700;
  margin:20px 0;
  border-left:4px solid var(--red);
  padding-left:10px;
}

/* ===== HOMEPAGE GRID DESIGN START ===== */

/* 🔥 3 GRID LAYOUT */
.home-top{
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  gap:10px;
  align-items:stretch;
  margin-bottom:10px;
  padding-bottom:10px;
}

/* GRID BOXES */
.left-grid,
.center-grid,
.right-grid{
  background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,0.05);
  padding:8px;
  border-radius:5px;
  align-self:flex-start;
  min-height:830px;
  overflow:visible;
  position:relative;
  margin-bottom:10px;
}

/* 🔴 SECTION HEADINGS */
.left-grid h3,
.right-grid h3{
  background:#0d3b8e;
  color:#fff;
  padding:8px 10px;
  font-size:14px;
  border-left:4px solid #e60023;
}

/* 🔥 SMALL NEWS */
.small-news{
  display:flex;
  gap:10px;
  padding:8px;
  border-bottom:1px solid #eee;
}

.small-news img{
  width:70px;
  height:60px;
  object-fit:cover;
  border-radius:3px;
}

.small-news h4{
  font-size:14px;
  margin:0;
}

.small-news h4 a{
  color:#000;
  text-decoration:none;
}

.small-news h4 a:hover{
  color:#e60023;
}

.small-news p{
  font-size:12px;
  color:#555;
  margin:3px 0 0;
}

/* 🔥 BIG NEWS */
.big-news{
  background:#fff;
}

.big-news img{
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:4px;
}

.big-news h2{
  font-size:20px;
  margin:10px 0;
  color:#0a2c6b;
}

.big-news h2 a{
  text-decoration:none;
  color:#0a2c6b;
}

.big-news h2 a:hover{
  color:#e60023;
}

.big-news p{
  font-size:14px;
  color:#444;
}

.big-news span{
  font-size:12px;
  color:#777;
}

/* 🔥 TWO SMALL BELOW */
.two-small{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

.mini-news{
  display:flex;
  flex-direction:column;
}

.mini-news img{
  width:100%;
  height:120px;
  object-fit:cover;
  border-radius:4px;
}

.mini-news h4{
  font-size:14px;
  margin:5px 0;
}

.mini-news h4 a{
  text-decoration:none;
  color:#000;
}

.mini-news h4 a:hover{
  color:#e60023;
}

.mini-news p{
  font-size:12px;
  color:#555;
}

.mini-news .post-meta{
  font-size:11px;
  color:#777;
}


/* ===== POST META (AUTHOR + DATE) ===== */
.post-meta{
  display:block;
  font-size:13px;
  color:#777;
  margin-top:3px;
}

/* ===== NATIONAL SECTION ===== */
.national-section{
  margin-top:5px;
  margin-bottom:5px;
  position: relative;
}

.center-wrap{
  width: 100%;
  margin: 0 auto;
}

/* WHITE BOX LIKE CENTER GRID */
.national-grid{
  background:#fff;
  border:1px solid #eee;
  padding:10px;
  display:grid;
  grid-template-columns: 1.25fr 1fr;
  gap:10px;
  border-radius:4px;
  align-items:stretch;
  height:auto;
}

/* BIG NEWS */
.big-card{
  height:auto;
  display:flex;
  flex-direction:column;
}

.big-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

.big-card h4{
  font-size:18px;
  line-height:1.4;
  margin:10px 0 5px;
}

.big-card h4 a{
  color:#111;
  text-decoration:none;
}

.big-card h4 a:hover{
  color:#e60023;
  padding-left:3px;
}

.big-card p{
  font-size:12px;
  line-height:1.4;
  color:#555;
  margin-bottom:5px;
}

/* RIGHT SIDE */
.national-right{
  display:flex;
  flex-direction:column;
  justify-content:space-between; /* 🔥 IMPORTANT */
  height: auto;
  gap:5px;
}

/* SMALL CARD */
.small-card{
  height:auto;
  display:flex;
  gap:5px;
  align-items:flex-start;
  min-height:0;
  border-bottom:1px solid #eee;
  padding-bottom:5px;
}

.small-card:last-child{
  border-bottom:none;
  margin-bottom:0;
}

.small-card img{
  width:85px;
  height:65px;
  object-fit:cover;
  border-radius:4px;
}

/* TITLE */
.small-card h5{
  font-size:13px;
  line-height:1.3;
  margin:0 0 4px;
}

.small-card h5 a{
  color:#111;
  text-decoration:none;
}

.small-card h5 a:hover{
  color:#e60023;
  padding-left:2px;
}

/* DESCRIPTION */
.small-card p{
  font-size:11px;
  line-height:1.3;
  color:#555;
  margin-bottom:2px;
}

/* META */
.meta{
  font-size:9px;
  color:#888;
  line-height:1.4;
  display:flex;
  gap:4px;
  align-items:center;
}

/* SECTION TITLE */
.section-title{
  font-size:22px;
  font-weight:700;
  margin-bottom:4px;
  color:#111;
}
/* ===== NATIONAL LEFT AD ===== */

.national-section{
  position:relative;
}

/* LEFT FLOATING AD */
.national-side-ad{
  position:absolute;

  left: -300px;
  top: 110px;

  width:290px;
}

/* AD BOX */
.dummy-ad{
  width:100%;
  height:350px;

  background:#fff;
  border:2px dashed #ccc;
  border-radius:5px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:18px;
  color:#777;
  font-weight:600;

  box-shadow:0 2px 5px rgba(0,0,0,0.05);
}
/* RIGHT SOCIAL BOX */
.national-social-box{
  position:absolute;
  right:-300px;
  top:110px;
  width:290px;
  background:#fff;
  padding:18px;
  border:1px solid #eee;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
  z-index: 999;
  height:350px;
}

/* ===== PREMIUM ONE LINE SOCIAL TITLE ===== */

.social-title{
  position:relative;

  display:block;

  width:100%;

  font-size:22px;

  font-weight:900;

  text-transform:uppercase;

  letter-spacing:1px;

  color:#0b1f5e;

  margin-bottom:22px;

  padding-bottom:12px;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

  line-height:1.2;

  border-bottom:1px solid #dcdcdc;

  text-shadow:0 1px 1px rgba(0,0,0,0.08);
}

/* GOLDEN ACCENT LINE */

.social-title::before{
  content:"";

  position:absolute;

  left:0;
  bottom:-1px;

  width:80px;
  height:4px;

  border-radius:20px;

  background:linear-gradient(
    90deg,
    #facc15,
    #eab308,
    #f59e0b
  );

  box-shadow:0 2px 8px rgba(234,179,8,0.35);
}

/* ITEMS */
.social-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 6px;
  margin-bottom:8px;
}

.social-icon{
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#fff;

  font-size:20px;

  box-shadow:0 4px 10px rgba(0,0,0,0.15);

  transition:0.3s ease;
}

/* HOVER EFFECT */

.social-icon:hover{
  transform:translateY(-3px) scale(1.05);

  box-shadow:0 6px 14px rgba(0,0,0,0.22);
}

/* FACEBOOK */

.social-icon.facebook{
  background:linear-gradient(
    135deg,
    #1877f2,
    #0d5fd7
  );
}

/* TWITTER/X */

.social-icon.twitter{
  background:linear-gradient(
    135deg,
    #111,
    #444
  );
}

/* YOUTUBE */

.social-icon.youtube{
  background:linear-gradient(
    135deg,
    #ff0000,
    #cc0000
  );
}

/* INSTAGRAM */

.social-icon.instagram{
  background:linear-gradient(
    135deg,
    #f58529,
    #dd2a7b,
    #8134af,
    #515bd4
  );
}

/* GOOGLE NEWS */

.social-icon.googlenews{
  background:linear-gradient(
    135deg,
    #4285f4,
    #34a853
  );
}
.social-left{
    display: flex;
    align-items: center
}

/* INFO */
.social-info{
  display:flex ;
  flex:1;
  flex-direction:column;
  margin-left:12px;
}

.social-info strong{
  display:block;
}

.social-info span{
  color:#777;
  font-size:13px;
}

/* ===== PREMIUM SOCIAL BUTTON ===== */

.social-btn{
  position:relative;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-width:92px;
  height: 40px;

  padding:0px 18px;

  border-radius:24px;

  text-decoration:none;

  font-size:12px;

  font-weight:800;

  letter-spacing:0.5px;

  text-transform:uppercase;

  color:#fff;

  background:linear-gradient(
    135deg,
    #0b1f5e,
    #1d4ed8
  );

  box-shadow:
    0 3px 8px rgba(29,78,216,0.25),
    inset 0 1px 0 rgba(255,255,255,0.15);

  transition:all 0.3s ease;

  overflow:hidden;
}

/* GOLDEN SHINE */

.social-btn::before{
  content:"";

  position:absolute;

  top:0;
  left:-75%;

  width:50%;
  height:100%;

  background:rgba(255,255,255,0.25);

  transform:skewX(-25deg);

  transition:0.6s;
}

/* HOVER */

.social-btn:hover{
  transform:translateY(-2px);

  background:linear-gradient(
    135deg,
    #163b9d,
    #0b1f5e
  );

  box-shadow:
    0 5px 12px rgba(29,78,216,0.35),
    inset 0 1px 0 rgba(255,255,255,0.2);
}

/* SHINE MOVE */

.social-btn:hover::before{
  left:130%;
}
/* ===== FULL WIDTH BOTTOM AD ===== */

.bottom-ad{
  width:100%;

  margin-top:10px;
  margin-bottom:10px;
}

/* AD BOX */

.bottom-ad-box{
  width:100%;

  min-height:120px;

  background:#fff;

  border:1px solid #e5e5e5;

  border-radius:12px;

  display:flex;

  align-items:center;
  justify-content:center;

  font-size:22px;

  font-weight:700;

  color:#999;

  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}
/* ===== BOTTOM SECTION ===== */

.bottom-section{
  display:flex;

  gap:10px;

  margin-top:10px;

  align-items:stretch;
}



/* ===== LEFT 75% ===== */

.bottom-left{
  width:75%;

  background:#fff;

  padding:10px;

  border-radius:8px;

  box-shadow:0 2px 8px rgba(0,0,0,0.05);

  overflow:hidden;
}



/* ===== RIGHT 25% ===== */

.bottom-right{
  width:25%;

  background:#fff;

  padding:10px;

  border-radius:8px;

  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

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

.section-title{
  position:relative;
  display:block;
  width:100%;
  font-size:26px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.5px;
  color:#0b1f5e;
  margin-bottom:15px;
  padding-bottom:6px;
  padding-left:8px;
  line-height:1.2;
  border-bottom:1px solid #e5e5e5;
  font-family:'Poppins', sans-serif;
}

/* GOLDEN ACCENT LINE */

.section-title::after{
  content:"";

  position:absolute;

  left:14px;
  bottom:-1px;

  width:90px;
  height:4px;

  border-radius:20px;

  background:linear-gradient(
    90deg,
    #facc15,
    #eab308,
    #f59e0b
  );

  box-shadow:0 2px 8px rgba(234,179,8,0.35);
}


 
/* ===== YOUTUBE GRID ===== */

.youtube-grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:10px;
}



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

.youtube-grid iframe{
  width:100%;

  height:220px;

  border:none;

  border-radius:10px;

  display:block;
}



/* ===== WORLD BIG ===== */

.world-big img{
  width:100%;

  height:auto;

  border-radius:10px;

  margin-bottom:12px;
}

.world-big h4{
  font-size:18px;

  line-height:1.5;

  margin-bottom:10px;
}

.world-big h4 a{
  color:#111;

  text-decoration:none;

  transition:0.3s;
}

.world-big h4 a:hover{
  color:#d62828;
}

.world-big p{
  color:#666;

  font-size:14px;

  line-height:1.7;
}



/* ===== SMALL NEWS ===== */

.world-small{
  margin-top:14px;

  padding-top:14px;

  border-top:1px solid #eee;
}

.world-small h5{
  font-size:15px;

  line-height:1.6;

  margin:0;
}

.world-small h5 a{
  color:#111;

  text-decoration:none;

  transition:0.3s;
}

.world-small h5 a:hover{
  color:#0b57d0;
}
/* ===== SECOND BOTTOM AD ===== */

.bottom-second-ad{
  margin-top:10px;
  overflow:hidden;
  box-sizing:border-box;
}

.bottom-second-ad-box{
  width:100%;

  height:140px;

  background:#fff;

  border-radius:16px;

  border:2px dashed #d9d9d9;

  display:flex;

  align-items:center;

  justify-content:center;
  text-align:center;

  font-size:20px;

  font-weight:700;

  color:#8c8c8c;

  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}
/* ===== FOUR GRID NEWS SECTION ===== */

.four-news-grid{
  display:grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap:10px;

  margin-top:10px;
}

/* BOX */

.news-box{
  background:#fff;

  padding:14px;

  border-radius:14px;

  box-shadow:0 2px 8px rgba(0,0,0,0.05);

  min-width:0;
}

/* IMAGE */

.news-box .world-big img{
  width:100%;

  height:170px;

  object-fit:cover;

  border-radius:10px;

  margin-bottom:12px;
}

/* TITLE */

.news-box .world-big h4{
  font-size:14px;

  line-height:1.3;

  margin-bottom:10px;
}

/* DESCRIPTION */

.news-box .world-big p{
  font-size:14px;

  color:#666;

  line-height:1.6;
}

/* SMALL NEWS */

.news-box .world-small{
  margin-top:12px;

  padding-top:12px;

  border-top:1px solid #ececec;
}

.news-box .world-small h5{
  font-size:15px;

  line-height:1.5;
}

/* ===== SAMBHAG SECTION ===== */

.sambhag-section{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:20px;

  margin-top:25px;
}

/* BOX */

.sambhag-box{
  background:#fff;

  padding:15px;

  border-radius:14px;

  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

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

.main-footer{
  background:linear-gradient(
    135deg,
    #071739,
    #0b1f5e
  );

  margin-top:30px;

  color:#fff;
}


/* TOP */

.footer-top{
  display:grid;

  grid-template-columns:
    1.5fr 1fr 1fr 1fr;

  gap:30px;

  padding:50px 40px;
}


/* BOX */

.footer-box{
  min-width:0;
}


/* LOGO */

/* FOOTER LOGO */

.footer-logo{
  display:inline-block;
  align-items: center;
  justify-content: center;

  background:#ffffff;

  padding:10px 14px;

  border-radius:10px;
  margin-bottom:10px;

  border:1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 6px 20px rgba(0,0,0,0.20),
}


/* LOGO IMAGE */

.footer-logo img,
.footer-logo .custom-logo{
  width:180px;

  height:auto;

  display:block;

  filter:
    drop-shadow(0 2px 6px rgba(0,0,0,0.35));
}


/* ABOUT */

.footer-about p{
  font-size:14px;

  line-height:1.8;

  color:#d6d6d6;

  margin-bottom:20px;
}


/* TITLE */

.footer-title{
  position:relative;

  font-size:22px;

  font-weight:700;

  margin-bottom:22px;

  padding-bottom:10px;
}

/* GOLDEN LINE */

.footer-title::after{
  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:70px;
  height:4px;

  border-radius:20px;

  background:linear-gradient(
    90deg,
    #facc15,
    #f59e0b
  );
}


/* LINKS */

.footer-links{
  list-style:none;
}

.footer-links li{
  margin-bottom:12px;
}

.footer-links a{
  color:#d6d6d6;

  text-decoration:none;

  transition:0.3s;
}

.footer-links a:hover{
  color:#facc15;

  padding-left:4px;
}


/* CONTACT */

.footer-contact p{
  margin-bottom:14px;

  color:#d6d6d6;

  font-size:14px;

  line-height:1.7;
}

.footer-contact i{
  color:#facc15;

  margin-right:8px;
}


/* SOCIAL */

.footer-social{
  display:flex;

  gap:10px;
}

.footer-social a{
  width:40px;
  height:40px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#fff;

  text-decoration:none;

  transition:0.3s;
}

.footer-social .fb{
  background:#1877f2;
}

.footer-social .tw{
  background:#111;
}

.footer-social .ig{
  background:linear-gradient(
    135deg,
    #f58529,
    #dd2a7b,
    #8134af
  );
}

.footer-social .yt{
  background:#ff0000;
}

.footer-social a:hover{
  transform:translateY(-3px);
}


/* BOTTOM */

.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.1);

  padding:18px;

  text-align:center;

  font-size:14px;

  color:#d6d6d6;
}

/* ===== FLOATING NOTIFICATION BELL ===== */

#notify-bell{
  position:fixed;
  right:15px;
  bottom:15px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#e60023;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:999;
  box-shadow:0 2px 10px rgba(0,0,0,0.20);
}


/* ICON */

#notify-bell i{

  color:#fff;

  font-size:22px;
}


/* HOVER */

#notify-bell:hover{

  opacity:0.9;
}


/* MOBILE */

@media only screen and (max-width:768px){

  #notify-bell{

    width:50px;

    height:50px;

    right:12px;

    bottom:12px;
  }

  #notify-bell i{

    font-size:20px;
  }

}
/* =========================================
   FINAL MOBILE RESPONSIVE FIX
========================================= */

@media screen and (max-width:768px){

  html,
  body{
    overflow-x:hidden;
    width:100%;
  }


  /* CONTAINER */

  .container{
    width:100%;
    max-width:100%;
    padding:0 10px;
  }


  /* HEADER */

  .header{
    position:relative;
    padding:8px 0;
  }

  .header-inner{
    flex-direction:column;
    gap:10px;
    padding:10px;
  }

  .header-ad{
    width:100%;
    padding-right:0;
  }

  .header-ad img,
  .header-ad iframe,
  .header-ad ins{
    width:100%;
    height:auto;
  }

  .logo{
    position:relative;
    left:auto;
    transform:none;
  }

  .logo img{
    height:75px;
  }

  .search-box{
    width:100%;
    text-align:center;
  }

  .search-box input{
    width:100%;
  }

  .header-datetime{
    position:relative;
    top:auto;
    right:auto;
    text-align:center;
    margin-bottom:5px;
  }

  .header-social{
    justify-content:center;
    flex-wrap:wrap;
  }


  /* BREAKING BAR */

  .breaking-bar{
    width:100%;
    padding:0 10px;
    margin:0 auto 5px;
  }

  .breaking-wrap{
    min-height:42px;
    border-radius:8px;
  }

  .breaking-label{
    padding:12px 14px;
    font-size:10px;
    letter-spacing:0.5px;
  }

  .breaking-track{
    padding:0 10px;
  }

  .breaking-track-inner{
    gap:20px;
    animation:tickerMove 22s linear infinite;
  }

  .breaking-item{
    font-size:11px;
    padding-left:12px;
  }

  .breaking-item::before{
    width:5px;
    height:5px;
  }


  /* NAVBAR */

  .navbar{
    position:relative;
    margin-bottom:10px;
  }

  .navbar .container{
    width:100%;
    padding:0 10px;
  }

  .nav-inner{
    overflow-x:auto;
    border-radius:6px;
    -webkit-overflow-scrolling:touch;
  }

  .menu{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    width:max-content;
    min-width:100%;
    gap:0;
    padding:0 5px;
    -webkit-overflow-scrolling:touch;
  }

  .menu::-webkit-scrollbar{
    display:none;
  }

  .menu > li > a{
    font-size:11px;
    padding:12px 10px;
  }

  .menu li ul{
    position:relative;
    width:100%;
    min-width:100%;
    box-shadow:none;
  }


  /* HOME GRID */

  .home-top{
    display:flex;
    flex-direction:column;
  }

  .left-grid,
  .center-grid,
  .right-grid{
    width:100%;
    height:auto;
    overflow:visible;
  }


  /* NEWS IMAGES */

  .big-news img,
  .mini-news img,
  .card img{
    height:auto;
  }

  .big-news h2{
    font-size:18px;
  }


  /* SMALL NEWS */

  .small-news{
    flex-direction:row;
    gap:10px;
  }

  .small-news img{
    width:85px;
    height:70px;
  }


  /* TWO SMALL */

  .two-small{
    grid-template-columns:1fr;
  }


  /* NATIONAL GRID */

  .national-grid{
    grid-template-columns:1fr;
  }

  .small-card{
    flex-direction:column;
  }

  .small-card img{
    width:100%;
    height:auto;
  }


  /* SIDE ELEMENTS */

  .national-side-ad,
  .national-social-box{
    display:none;
  }


  /* YOUTUBE */

  .youtube-grid{
    grid-template-columns:1fr;
  }

  .youtube-grid iframe{
    width:100%;
    height:220px;
  }


  /* FOOTER */

  .footer-top{
    grid-template-columns:1fr;
    gap:25px;
    padding:30px 20px;
  }

  .footer-logo img{
    width:150px;
  }

  .footer-title{
    font-size:20px;
  }

  .footer-social{
    justify-content:flex-start;
    flex-wrap:wrap;
  }


  /* FLOATING BELL */

  #notify-bell{
    width:52px;
    height:52px;
    right:15px;
    bottom:15px;
  }

  #notify-bell i{
    font-size:20px;
  }
  
  /* SECTION TITLES */

  .left-grid h3,
  .right-grid h3{

    font-size:13px;

    padding:8px;

  }


  /* SMALL NEWS */

  .small-news{

    gap:8px;

    padding:8px 0;

  }

  .small-news img{

    width:80px;

    height:65px;

  }

  .small-news h4{

    font-size:13px;

    line-height:1.4;

  }

  .small-news p{

    font-size:13px;

  }


  /* BIG NEWS */

  .big-news img{

    height:auto;

  }

  .big-news h2{

    font-size:18px;

    line-height:1.4;

  }

  .big-news p{

    font-size:13px;

  }


  /* TWO SMALL */

  .two-small{

    grid-template-columns:1fr;

    gap:12px;

  }

  .mini-news img{

    height:auto;

  }

  .mini-news h4{

    font-size:14px;

  }


  /* HOME TOP */

  .home-top{

    display:flex;

    flex-direction:column;

  }

  .left-grid,
  .center-grid,
  .right-grid{

    width:100%;

    height:auto;

    overflow:visible;

  }


  /* NATIONAL SECTION */

  .national-section{

    margin-top:10px;

  }

  .national-grid{

    grid-template-columns:1fr;

    padding:10px;

  }

  .big-card img{

    height:auto;

  }

  .big-card h4{

    font-size:17px;

  }


  /* SMALL CARD */

  .small-card{

    flex-direction:column;

    gap:8px;

  }

  .small-card img{

    width:100%;

    height:auto;

  }

  .small-card h5{

    font-size:14px;

  }

  .small-card p{

    font-size:12px;

  }


  /* HIDE SIDE AD */

  .national-side-ad{

    display:none;

  }


  /* HIDE SOCIAL BOX */

  .national-social-box{

    position:relative;

    width:100%;

    right:auto;

    top:auto;

    height:auto;

    margin-top:15px;

  }


  /* SOCIAL TITLE */

  .social-title{

    font-size:18px;

    white-space:normal;

  }


  /* SOCIAL ITEMS */

  .social-item{

    flex-wrap:wrap;

    gap:10px;

  }

  .social-icon{

    width:38px;

    height:38px;

    font-size:18px;

  }

  .social-info{

    margin-left:8px;

  }

  .social-info span{

    font-size:12px;

  }


  /* SOCIAL BUTTON */

  .social-btn{

    min-width:80px;

    padding:10px 14px;

    font-size:11px;

  }

  /* BOTTOM AD */

  .bottom-ad-box{

    min-height:90px;

    font-size:16px;

    text-align:center;

    padding:15px;

  }


  /* BOTTOM SECTION */

  .bottom-section{

    flex-direction:column;

    gap:15px;

  }

  .bottom-left,
  .bottom-right{

    width:100%;

    padding:12px;

  }


  /* SECTION TITLE */

  .section-title{

    font-size:20px;

    line-height:1.3;

    margin-bottom:12px;

  }

  .section-title::after{

    width:70px;

  }


  /* YOUTUBE GRID */

  .youtube-grid{

    grid-template-columns:1fr;

    gap:12px;

  }

  .youtube-grid iframe{

    width:100%;

    height:220px;

    border-radius:8px;

  }


  /* WORLD BIG */

  .world-big img{

    width:100%;

    height:auto;

  }

  .world-big h4{

    font-size:16px;

    line-height:1.5;

  }

  .world-big p{

    font-size:13px;

  }


  /* WORLD SMALL */

  .world-small h5{

    font-size:14px;

    line-height:1.5;

  }


  /* SECOND AD */

  .bottom-second-ad-box{

    height:100px;

    font-size:16px;

    text-align:center;

    padding:15px;

  }


  /* FOUR GRID */

  .four-news-grid{

    grid-template-columns:1fr;

    gap:15px;

  }

  .news-box{

    padding:12px;

  }

  .news-box .world-big img{

    height:auto;

  }

  .news-box .world-big h4{

    font-size:15px;

  }

  .news-box .world-big p{

    font-size:13px;

  }

  .news-box .world-small h5{

    font-size:14px;

  }


  /* SAMBHAG */

  .sambhag-section{

    grid-template-columns:1fr;

    gap:15px;

    margin-top:15px;

  }

  .sambhag-box{

    padding:12px;

  }


  /* FOOTER */

  .footer-top{

    grid-template-columns:1fr;

    gap:30px;

    padding:35px 20px;

  }

  .footer-box{

    width:100%;

  }


  /* FOOTER LOGO */

  .footer-logo{

    padding:8px 12px;

  }

  .footer-logo img,
  .footer-logo .custom-logo{

    width:150px;

  }


  /* FOOTER ABOUT */

  .footer-about p{

    font-size:13px;

    line-height:1.7;

  }


  /* FOOTER TITLE */

  .footer-title{

    font-size:20px;

    margin-bottom:18px;

  }

  .footer-title::after{

    width:55px;

    height:3px;

  }


  /* FOOTER LINKS */

  .footer-links li{

    margin-bottom:10px;

  }

  .footer-links a{

    font-size:14px;

  }


  /* CONTACT */

  .footer-contact p{

    font-size:13px;

    line-height:1.6;

  }


  /* SOCIAL */

  .footer-social{

    flex-wrap:wrap;

    gap:8px;

  }

  .footer-social a{

    width:38px;

    height:38px;

  }


  /* FOOTER BOTTOM */

  .footer-bottom{

    font-size:12px;

    padding:15px;

    line-height:1.6;

  }

}

/* =========================================
   FINAL ULTRA PREMIUM SINGLE PAGE
========================================= */

.single-news-page{
  background:#f4f7fc;
  padding:25px 0 50px;
}


/* LAYOUT */

.single-layout{
  display:grid;
  grid-template-columns:minmax(0,2.2fr) minmax(300px,0.9fr);
  gap:30px;
  align-items:start;
  overflow:visible;
}


/* MAIN */

.single-main{
  min-width:0;
}


/* SIDEBAR */

.single-sidebar{

  position:relative;

  align-self:start;

}


/* CATEGORY + DATE */

.single-top-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}


.single-category a{
  background:linear-gradient(45deg,#e60023,#ff0033);
  color:#fff;
  text-decoration:none;
  padding:8px 16px;
  border-radius:30px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
}


.single-date{
  color:#666;
  font-size:13px;
}


/* TITLE */

.single-news-title{
  font-size:34px;
  line-height:1.5;
  color:#071f4f;
  font-weight:800;
  margin-bottom:24px;
  letter-spacing:-0.3px;
}


/* AUTHOR BOX */

.single-author-box{
  background:#fff;
  border-radius:18px;
  padding:18px 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  margin-bottom:25px;
  box-shadow:0 5px 18px rgba(0,0,0,0.06);
}


.author-left{
  display:flex;
  align-items:center;
  gap:14px;
}


.author-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  background:linear-gradient(45deg,#0d3b8e,#071f4f);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:18px;
}


.author-name{
  display:block;
  font-size:16px;
  font-weight:700;
}


.author-role{
  font-size:12px;
  color:#777;
}


/* SHARE */

.single-share{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.single-share a{
  width:44px;
  height:44px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size:17px;
  transition:0.3s;
  box-shadow:0 4px 10px rgba(0,0,0,0.15);
}
/* COLORS */ 
.single-share .facebook{ 
    background:#1877f2; } 
    .single-share .twitter{ background:#000; } 
    .single-share .whatsapp{ background:#25d366; } 
    .single-share .instagram{ background:linear-gradient( 45deg, #f9ce34, #ee2a7b, #6228d7 ); } 
    .single-share .telegram{ background:#229ED9; } 
    .single-share .youtube{ background:#ff0000; } 

.single-share a:hover{
  transform:translateY(-4px);
}
.single-share i{
  font-family: "Font Awesome 6 Brands";
  font-style:normal;
  font-weight:400;
  font-size:18px;
  line-height:1;
  display:inline-block;
  color:#fff;
    
}

/* IMAGE */

.single-featured-image{
  margin-bottom:25px;
  text-align:center;
}


.single-featured-image img{
  width:100%;
  max-height:520px;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,0.15);
}


/* CONTENT */

.single-content-box{
  background:#fff;
  border-radius:22px;
  padding:35px;
  margin-bottom:28px;
  box-shadow:0 5px 18px rgba(0,0,0,0.06);
  font-family:'Poppins',sans-serif;
}


.single-content-box p{
  font-size:18px;
  line-height:2;
  color:#222;
  margin-bottom:24px;
}


.single-content-box h2,
.single-content-box h3{
  color:#071f4f;
  margin-top:28px;
  margin-bottom:18px;
}


.single-content-box img{
  border-radius:14px;
  margin:25px 0;
}


/* ADSENSE */

.adsense-box{
  background:#fff;
  border-radius:18px;
  padding:18px;
  margin:25px 0;
  box-shadow:0 5px 18px rgba(0,0,0,0.06);
}


.adsense-placeholder{
  min-height:280px;
  border:2px dashed #d7dceb;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f7fc;
  color:#777;
  font-size:18px;
}


/* TAGS */

.single-tags{
  margin-bottom:30px;
}


.single-tags a{
  display:inline-block;
  background:#eef3ff;
  color:#0d3b8e;
  text-decoration:none;
  padding:8px 14px;
  border-radius:30px;
  margin:5px;
  font-size:13px;
  font-weight:600;
}


/* POST NAV */

.post-navigation{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-bottom:40px;
}


.post-navigation a{
  background:#071f4f;
  color:#fff;
  text-decoration:none;
  padding:14px 18px;
  border-radius:12px;
  font-weight:600;
}


/* RELATED */

.related-heading{
  font-size:30px;
  color:#071f4f;
  margin-bottom:25px;
}


.related-news-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}


.related-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  transition:0.3s;
  box-shadow:0 5px 18px rgba(0,0,0,0.06);
}


.related-card:hover{
  transform:translateY(-5px);
}


.related-card img{
  width:100%;
  height:200px;
  object-fit:cover;
}


.related-content{
  padding:18px;
}


.related-content h3{
  font-size:16px;
  line-height:1.7;
}


.related-content a{
  text-decoration:none;
  color:#111;
}


.related-content a:hover{
  color:#e60023;
}


/* SIDEBAR */

.sidebar-widget{
  background:#fff;
  border-radius:18px;
  padding:20px;
  margin-bottom:25px;
  box-shadow:0 5px 18px rgba(0,0,0,0.06);
}


.widget-title{
  font-size:21px;
  color:#071f4f;
  margin-bottom:20px;
  position:relative;
}


.widget-title::after{
  content:"";
  width:55px;
  height:4px;
  background:#e60023;
  position:absolute;
  left:0;
  bottom:-8px;
  border-radius:10px;
}


/* SIDEBAR NEWS */

.sidebar-news{
  display:flex;
  gap:12px;
  margin-bottom:18px;
}


.sidebar-news img{
  width:95px;
  height:75px;
  object-fit:cover;
  border-radius:10px;
}


.sidebar-news h4{
  font-size:14px;
  line-height:1.6;
}


.sidebar-news a{
  text-decoration:none;
  color:#111;
}


.sidebar-news a:hover{
  color:#e60023;
}


/* CATEGORIES */

.sidebar-categories{
  list-style:none;
  padding:0;
}


.sidebar-categories li{
  border-bottom:1px solid #eee;
  padding:12px 0;
}


.sidebar-categories a{
  text-decoration:none;
  color:#111;
  font-weight:600;
}


.sidebar-categories a:hover{
  color:#e60023;
}


/* SOCIAL */

.sidebar-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}


.sidebar-social a{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#071f4f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:17px;
  transition:0.3s;
}


.sidebar-social a:hover{
  transform:translateY(-4px);
}


/* AD */

.sidebar-ad img{
  width:100%;
  border-radius:14px;
}


/* FOOTER FIX */

.main-footer{
  display:block !important;
  width:100%;
  clear:both;
  position:relative;
  z-index:1;
  margin-top:40px;
}


/* MOBILE */

@media(max-width:768px){

  .single-layout{
    grid-template-columns:1fr;
  }

  .single-sidebar{
    position:relative;
    top:auto;
  }

  .single-news-title{
    font-size:26px;
    line-height:1.6;
  }

  .single-content-box{
    padding:18px;
  }

  .single-content-box p{
    font-size:17px;
    line-height:1.9;
  }

  .single-featured-image img{
    max-height:280px;
  }

  .related-news-grid{
    grid-template-columns:1fr;
  }

  .post-navigation{
    flex-direction:column;
  }

  .single-share{
    justify-content:center;
  }
  
}

  
/* =====================================
   IN ARTICLE ADS
===================================== */

.in-article-ad{

  background:#fff;

  border-radius:18px;

  padding:20px;

  margin:35px 0;

  text-align:center;

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

}


.ad-label{

  font-size:12px;

  color:#777;

  margin-bottom:12px;

  text-transform:uppercase;

  letter-spacing:1px;

}


.adsense-placeholder{

  min-height:280px;

  border-radius:14px;

  border:2px dashed #d7dceb;

  background:#f5f7fc;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:18px;

  color:#666;

  font-weight:600;

}

/* MOBILE AD FIX */

@media(max-width:768px){

  .in-article-ad{
    padding:15px;
    margin:25px 0;
    border-radius:14px;
}

  .adsense-placeholder{
    min-height:180px;
    font-size:15px;
    padding:10px;
}
}

/* =====================================
ULTIMATE PREMIUM NEWS PORTAL
FINAL CLEAN CSS
===================================== */

.premium-category-page{
background:#f3f7fd;
padding:10px 0 20px;
overflow:hidden;
}


/* =====================================
HEADER
===================================== */
.category-header{ 
    position:relative; 
    overflow:hidden; 
    margin-bottom:14px; 
    padding:10px 12px; 
    border-radius:16px; 
    background: linear-gradient( 135deg, #04152d 0%, #0b3b91 45%, #071f4f 100% ); 
    color:#fff; 
    box-shadow: 0 6px 18px rgba(0,0,0,0.15), 0 0 24px rgba(13,59,142,0.15); 
    backdrop-filter:blur(6px); 
    border: 1px solid rgba(255,255,255,0.06);
  }

.category-header::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:60px;
    height:60px;
    border-radius:50%;
    background: radial-gradient( circle, rgba(255,255,255,0.18), transparent 70% ); 
    animation: floatGlow 8s ease-in-out infinite; } 
/* SECOND GLOW */ 
.category-header::after{ 
    content:""; 
    position:absolute; 
    bottom:-100px; 
    left:-100px; 
    width:60px; 
    height:60px; 
    border-radius:50%; 
    background: radial-gradient( circle, rgba(230,0,35,0.22), transparent 70% ); 
  }
  
.category-title{
    position:relative;
    font-size:32px;
    font-weight:900;
    margin-bottom:8px;
    line-height:1.1;
    letter-spacing:-1px;
    z-index:2;
    text-shadow: 0 4px 12px rgba(0,0,0,0.25);
  } 

.category-description{
    position:relative;
    font-size:14px;
    line-height:1.7;
    max-width:700px;
    color:rgba(255,255,255,0.82);
    z-index:2;
  }
 /* ANIMATION */ 
 @keyframes floatGlow{ 
    0%{ 
    transform: 
    translateY(0px) 
    translateX(0px); 
  } 
    50%{ 
    transform: 
    translateY(-18px) 
    translateX(10px); 
  } 
    100%{ 
    transform: 
    translateY(0px) 
    translateX(0px); 
  } 
     
 }


/* =====================================
MAIN SECTION
===================================== */

.premium-news-section{
display:grid;
grid-template-columns:75% 25%;
gap:28px;
margin-bottom:15px;
align-items:flex-start;
}


/* =====================================
LEFT GRID
===================================== */

.premium-left-grid{
width:100%;
}


/* =====================================
SECTION HEADING
===================================== */

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

.section-heading h2{
font-size:34px;
font-weight:900;
color:#071f4f;
position:relative;
padding-left:18px;
line-height:1.2;
}

.section-heading h2::before{
content:"";
position:absolute;
left:0;
top:3px;
width:6px;
height:36px;
border-radius:20px;
background:#e60023;
}


/* =====================================
NEWS GRID
===================================== */

.news-grid-3{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
width:100%;
}


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

.premium-news-card{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 8px 24px rgba(0,0,0,0.06);
transition:0.35s;
width:100%;
min-width:0;
}

.premium-news-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 38px rgba(0,0,0,0.12);
}

.news-image{
position:relative;
overflow:hidden;
}

.news-image img{
width:100%;
height:230px;
object-fit:cover;
transition:0.6s;
display:block;
}

.premium-news-card:hover img{
transform:scale(1.08);
}

.news-category-tag{
position:absolute;
left:2px;
bottom:2px;
background:#e60023;
color:#fff;
padding:3px 7px;
border-radius:15px;
font-size:11px;
font-weight:700;
letter-spacing:0.5px;
}

.news-content{
padding:12px;
}

.news-meta{
display:flex;
gap:6px;
flex-wrap:wrap;
font-size:10px;
color:#777;
margin-bottom:6px;
}

.news-content h3{
line-height:1.4;
margin-bottom:6px;
}

.news-content h3 a{
font-size:22px;
font-weight:800;
color:#111;
text-decoration:none;
letter-spacing:-0.5px;
transition:0.3s;
}

.news-content h3 a:hover{
color:#e60023;
}

.news-content p{
font-size:15px;
line-height:1.85;
color:#555;
}

/* =====================================
PREMIUM LOAD MORE BUTTON
===================================== */

.section-more-btn{
display:flex;
justify-content:center;
margin:15px 0;
}


#load-more-news{

position:relative;
overflow:hidden;
padding:5px 8px;
border:none;
outline:none;
border-radius:12px;
cursor:pointer;
font-size:12px;
font-weight:800;
letter-spacing:0.5px;
color:#fff;
background:linear-gradient(135deg,#071f4f,#0b3b91,#0d57d0);
box-shadow:
0 10px 25px rgba(11,59,145,0.30),
0 0 20px rgba(13,87,208,0.20);
transition:
all 0.35s ease;
z-index:1;
text-transform:uppercase;

}


/* SHINE EFFECT */

#load-more-news::before{

content:"";
position:absolute;
top:0;
left:-120%;
width:80%;
height:100%;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.28),transparent);
transition:0.7s;
}

/* HOVER */
#load-more-news:hover{
transform:
translateY(-4px)
scale(1.03);
box-shadow:
0 14px 30px rgba(11,59,145,0.38),
0 0 30px rgba(13,87,208,0.28);

}

/* SHINE MOVE */
#load-more-news:hover::before{
left:120%;
}

/* ACTIVE */
#load-more-news:active{
transform:
scale(0.96);
}

/* DISABLED */
#load-more-news:disabled{
opacity:0.6;
cursor:not-allowed;
}



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

.premium-sidebar-grid{
display:flex;
flex-direction:column;
gap:24px;
}

.sidebar-widget{
background:#fff;
padding:24px;
border-radius:24px;
box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

.sidebar-title{
font-size:24px;
font-weight:900;
margin-bottom:22px;
color:#071f4f;
position:relative;
padding-left:16px;
}

.sidebar-title::before{
content:"";
position:absolute;
left:0;
top:3px;
width:5px;
height:30px;
border-radius:20px;
background:#e60023;
}


/* =====================================
SIDE NEWS
===================================== */

.latest-side-news{
display:flex;
gap:12px;
margin-bottom:18px;
padding-bottom:18px;
border-bottom:1px solid #edf1f7;
}

.latest-side-news:last-child{
border:none;
margin-bottom:0;
padding-bottom:0;
}

.latest-side-news img{
width:95px;
height:76px;
border-radius:14px;
object-fit:cover;
display:block;
}

.latest-side-news h4{
line-height:1.5;
margin-bottom:6px;
}

.latest-side-news h4 a{
font-size:14px;
font-weight:700;
color:#111;
text-decoration:none;
transition:0.3s;
}

.latest-side-news h4 a:hover{
color:#e60023;
}

.latest-side-news span{
font-size:12px;
color:#777;
}


/* =====================================
ADS
===================================== */

.premium-ad-section{
margin-bottom:45px;
}

.ad-label{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#777;
margin-bottom:12px;
}

.premium-ad-box{
min-height:260px;
background:#fff;
border-radius:28px;
border:2px dashed #d4dceb;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight:800;
color:#666;
box-shadow:0 8px 24px rgba(0,0,0,0.05);
padding:20px;
text-align:center;
}


/* =====================================
PAGINATION
===================================== */

.category-pagination{
margin-top:15px;
text-align:center;
}

.category-pagination .page-numbers{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:25px;
margin:5px;
background:#fff;
color:#111;
text-decoration:none;
border-radius:14px;
font-weight:700;
box-shadow:0 5px 14px rgba(0,0,0,0.06);
transition:0.3s;
}

.category-pagination .page-numbers:hover{
background:#e60023;
color:#fff;
transform:translateY(-4px);
}

.category-pagination .current{
background:#071f4f;
color:#fff;
}


/* =====================================
MOBILE
===================================== */

@media(max-width:768px){

.premium-category-page{
padding:18px 0 40px;
}

.category-header{
padding:26px;
border-radius:24px;
}

.category-title{
font-size:32px;
line-height:1.2;
}

.category-description{
font-size:14px;
line-height:1.8;
}

.news-grid-3{
grid-template-columns:1fr;
}

.news-image img{
height:220px;
}

.news-content{
padding:18px;
}

.news-content h3 a{
font-size:20px;
}

.section-heading{
flex-direction:column;
align-items:flex-start;
gap:10px;
}

.section-heading h2{
font-size:24px;
}

.sidebar-widget{
padding:18px;
border-radius:20px;
}

.latest-side-news img{
width:80px;
height:68px;
}

.premium-ad-box{
min-height:180px;
font-size:18px;
}

.category-pagination .page-numbers{
width:42px;
height:42px;
font-size:14px;
}
}

.privacy-page{
padding:10px 0 10px;
background:#f4f7fc;
}

.privacy-hero{
background:linear-gradient(135deg,#04152d,#0b3b91,#071f4f);
padding:10px 5px;
border-radius:18px;
color:#fff;
margin-bottom:10px;
box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

.privacy-hero h1{
font-size:32px;
font-weight:900;
margin-bottom:5px;
}

.privacy-hero p{
font-size:18px;
opacity:0.85;
}

.privacy-content{
background:#fff;
padding:35px;
border-radius:28px;
box-shadow:
0 10px 30px rgba(0,0,0,0.06);
}

.privacy-content p,
.privacy-content li{
font-size:16px;
line-height:2;
color:#444;
margin-bottom:18px;
}

.privacy-content h2{
font-size:32px;
margin:40px 0 18px;
color:#071f4f;
font-weight:900;
}

@media(max-width:768px){

.privacy-hero{
padding:30px 24px;
}

.privacy-hero h1{
font-size:36px;
}

.privacy-content{
padding:22px;
}

}

/* =====================================
PREMIUM CONTACT PAGE
===================================== */

.contact-wrapper{

display:grid;

grid-template-columns:
2fr 1fr;

gap:24px;

}


/* MAIN CARD */

.contact-main-card{

background:#fff;

padding:28px;

border-radius:24px;

box-shadow:
0 10px 30px rgba(0,0,0,0.06);

}


/* PROFILE */

.editor-profile{

display:flex;

align-items:center;

gap:24px;

margin-bottom:30px;

padding-bottom:24px;

border-bottom:
1px solid #edf1f7;

}


/* IMAGE */

.editor-image img{

width:140px;
height:140px;

border-radius:50%;

object-fit:cover;

border:5px solid #f4f7fc;

box-shadow:
0 10px 24px rgba(0,0,0,0.12);

}


/* INFO */

.editor-info h2{

font-size:34px;

font-weight:900;

margin-bottom:8px;

color:#071f4f;

}

.editor-designation{

display:inline-block;

padding:8px 16px;

background:#071f4f;

color:#fff;

border-radius:40px;

font-size:13px;

font-weight:700;

margin-bottom:14px;

}

.editor-info p{

font-size:16px;

line-height:1.9;

color:#555;

}


/* GRID */

.contact-details-grid{

display:grid;

grid-template-columns:
repeat(2,minmax(0,1fr));

gap:18px;

margin-top:20px;

}


/* BOX */

.contact-box{

background:#f8fbff;

padding:22px;

border-radius:18px;

transition:0.3s;

border:
1px solid #edf1f7;

}

.contact-box:hover{

transform:translateY(-4px);

box-shadow:
0 12px 24px rgba(0,0,0,0.08);

}

.contact-box h3{

font-size:20px;

margin-bottom:12px;

color:#071f4f;

}

.contact-box p{

font-size:15px;

color:#555;

line-height:1.8;

}


/* TIPS */

.tips-box{

margin-top:28px;

padding:26px;

border-radius:20px;

background:
linear-gradient(
135deg,
#04152d,
#0b3b91
);

color:#fff;

}

.tips-box h2{

font-size:30px;

margin-bottom:12px;

}

.tips-box p{

line-height:1.9;

opacity:0.9;

}


/* SIDEBAR */

.contact-sidebar{

display:flex;

flex-direction:column;

gap:24px;

}

.sidebar-widget{

background:#fff;

padding:24px;

border-radius:22px;

box-shadow:
0 10px 30px rgba(0,0,0,0.06);

}

.sidebar-widget h3{

font-size:24px;

margin-bottom:16px;

color:#071f4f;

}

.sidebar-widget p{

font-size:15px;

line-height:1.9;

color:#555;

}


/* SOCIAL */

.social-grid{

display:grid;

gap:12px;

}

.social-grid a{

display:flex;

align-items:center;

justify-content:center;

padding:14px;

border-radius:14px;

background:#f4f7fc;

text-decoration:none;

font-weight:700;

color:#071f4f;

transition:0.3s;

}

.social-grid a:hover{

background:#071f4f;

color:#fff;

}


/* MOBILE */

@media(max-width:992px){

.contact-wrapper{

grid-template-columns:1fr;

}

}


@media(max-width:768px){

.editor-profile{

flex-direction:column;

text-align:center;

}

.contact-details-grid{

grid-template-columns:1fr;

}

.editor-info h2{

font-size:28px;

}

}

/* =====================================
OUR TEAM PAGE
===================================== */

.team-grid{

display:grid;
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:14px;
height: auto;

}


/* CARD */

.team-card{

background:#fff;
padding:30px;
border-radius:28px;
box-shadow:0 12px 34px rgba(0,0,0,0.06);
transition:0.35s;
position:relative;
overflow:hidden;

}

.team-card:hover{

transform:translateY(-8px);
box-shadow:0 18px 44px rgba(0,0,0,0.10);

}


/* IMAGE */

.team-image{

margin-bottom:20px;
text-align:center;

}

.team-image img{

width:150px;
height:150px;
border-radius:50%;
object-fit:cover;
border:5px solid #f4f7fc;
box-shadow:
0 10px 24px rgba(0,0,0,0.12);

}


/* NAME */

.team-card h2{

font-size:32px;
font-weight:900;
margin-bottom:8px;
color:#071f4f;
text-align:center;

}


/* DESIGNATION */

.team-card span{

display:block;

width:max-content;

margin:auto;

padding:10px 18px;

border-radius:40px;

background:#071f4f;

color:#fff;

font-size:13px;

font-weight:700;

margin-bottom:18px;

}


/* BADGES */

.team-badges{

display:flex;

gap:10px;

flex-wrap:wrap;

justify-content:center;

margin-bottom:20px;

}

.badge{

padding:8px 14px;

border-radius:40px;

background:#eef4ff;

color:#071f4f;

font-size:12px;

font-weight:700;

}


/* TEXT */

.team-card p{

font-size:15px;

line-height:1.9;

color:#555;

margin-bottom:20px;

}


/* SUB HEADINGS */

.team-card h3{

font-size:22px;

margin-bottom:12px;

margin-top:18px;

color:#071f4f;

font-weight:800;

}


/* DETAILS */

.team-details{

padding-left:20px;

margin-bottom:20px;

}

.team-details li{

font-size:15px;

line-height:1.9;

color:#444;

}


/* SOCIAL */

.team-social{

display:flex;

gap:12px;

flex-wrap:wrap;

}

.team-social a{

padding:10px 16px;

border-radius:12px;

background:#f4f7fc;

text-decoration:none;

font-size:14px;

font-weight:700;

color:#071f4f;

transition:0.3s;

}

.team-social a:hover{

background:#071f4f;

color:#fff;

}


/* MOBILE */

@media(max-width:992px){

.team-grid{

grid-template-columns:1fr;

}

}


@media(max-width:768px){

.team-card{

padding:22px;

}

.team-card h2{

font-size:26px;

}

.team-image img{

width:120px;
height:120px;

}

}

/* =====================================
JOIN OUR TEAM PAGE
===================================== */

.join-team-wrapper{

display:grid;

grid-template-columns:
2fr 1fr;

gap:28px;

}


/* MAIN */

.join-main-card{

background:#fff;

padding:32px;

border-radius:28px;

box-shadow:
0 12px 34px rgba(0,0,0,0.06);

}

.join-main-card h2{

font-size:32px;

margin-bottom:18px;

color:#071f4f;

font-weight:900;

}

.join-main-card p{

font-size:16px;

line-height:2;

color:#555;

margin-bottom:24px;

}


/* BENEFITS */

.join-benefits{

display:grid;

grid-template-columns:
repeat(2,minmax(0,1fr));

gap:18px;

margin-bottom:30px;

}

.benefit-box{

padding:24px;

border-radius:20px;

background:#f8fbff;

border:
1px solid #edf1f7;

transition:0.3s;

}

.benefit-box:hover{

transform:translateY(-4px);

box-shadow:
0 12px 24px rgba(0,0,0,0.08);

}

.benefit-box h3{

font-size:22px;

margin-bottom:12px;

color:#071f4f;

}

.benefit-box p{

margin:0;

font-size:15px;

line-height:1.8;

}


/* CAREER LIST */

.career-list{

padding-left:24px;

margin-bottom:30px;

}

.career-list li{

font-size:16px;

line-height:2;

color:#444;

}


/* SIDEBAR */

.join-sidebar{

display:flex;

flex-direction:column;

gap:24px;

}


/* SKILLS */

.career-skills{

padding-left:20px;

}

.career-skills li{

font-size:15px;

line-height:1.9;

color:#444;

}


/* MOBILE */

@media(max-width:992px){

.join-team-wrapper{

grid-template-columns:1fr;

}

}


@media(max-width:768px){

.join-main-card{

padding:24px;

}

.join-benefits{

grid-template-columns:1fr;

}

.join-main-card h2{

font-size:26px;

}

}

/* =====================================
EVENTS & ACTIVITIES PAGE
===================================== */


/* MAIN SECTION */

.full-event-section{

background:#fff;

padding:32px;

border-radius:30px;

margin-bottom:32px;

box-shadow:
0 12px 34px rgba(0,0,0,0.06);

position:relative;

overflow:hidden;

}


/* TOP GLOW */

.full-event-section::before{

content:"";

position:absolute;

top:-100px;
right:-100px;

width:220px;
height:220px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(11,59,145,0.08),
transparent 70%
);

pointer-events:none;

}


/* HEADER */

.event-header{

margin-bottom:24px;

position:relative;

z-index:2;

}


/* TITLE */

.event-header h2{

font-size:28px;

font-weight:900;

line-height:1.4;

margin-bottom:12px;

color:#071f4f;

letter-spacing:-1px;

}


/* META */

.event-header p{

font-size:12px;

font-weight:700;

color:#666;

}


/* DESCRIPTION */

.event-description{

margin-bottom:30px;

position:relative;

z-index:2;

}

.event-description p{

font-size:16px;

line-height:2.1;

color:#444;

}


/* =====================================
GALLERY GRID
===================================== */

.full-gallery-grid{

display:grid;

grid-template-columns:
repeat(2,minmax(0,1fr));

gap:24px;

}


/* GALLERY ITEM */

.gallery-item{

background:#f8fbff;

border-radius:26px;

overflow:hidden;

transition:0.35s;

border:
1px solid #edf1f7;

position:relative;

}

.gallery-item:hover{

transform:translateY(-6px);

box-shadow:
0 18px 40px rgba(0,0,0,0.10);

}


/* IMAGE */

.gallery-item img{

width:100%;

height:500px;

object-fit:cover;

transition:0.6s;

display:block;

}

.gallery-item:hover img{

transform:scale(1.05);

}


/* CAPTION */

.gallery-caption{

padding:20px;

font-size:15px;

line-height:1.9;

font-weight:600;

color:#444;

background:#fff;

}


/* =====================================
SECTION DIVIDER
===================================== */

.full-event-section + .full-event-section{

margin-top:36px;

}


/* =====================================
TABLET
===================================== */

@media(max-width:992px){

.event-header h2{

font-size:34px;

}

.full-gallery-grid{

grid-template-columns:1fr;

}

.gallery-item img{

height:300px;

}

}


/* =====================================
MOBILE
===================================== */

@media(max-width:768px){

.full-event-section{

padding:20px;

border-radius:22px;

}

.event-header{

margin-bottom:18px;

}

.event-header h2{

font-size:28px;

line-height:1.5;

}

.event-header p{

font-size:14px;

}

.event-description p{

font-size:15px;

line-height:2;

}

.gallery-item{

border-radius:20px;

}

.gallery-item img{

height:240px;

}

.gallery-caption{

padding:16px;

font-size:14px;

line-height:1.8;

}

}


/* =====================================
SMALL MOBILE
===================================== */

@media(max-width:480px){

.event-header h2{

font-size:24px;

}

.gallery-item img{

height:210px;

}

}


/* =====================================
COOKIE POPUP
===================================== */

#cookiePopup{

position:fixed;

bottom:20px;
left:20px;
right:20px;

z-index:999999;

display:none;

justify-content:center;

animation:
cookieFade 0.4s ease;

}


/* BOX */

.cookie-content{

max-width:520px;

background:#fff;

padding:26px;

border-radius:24px;

box-shadow:
0 20px 50px rgba(0,0,0,0.18);

border:
1px solid #edf1f7;

}


/* TITLE */

.cookie-content h3{

font-size:26px;

margin-bottom:14px;

color:#071f4f;

font-weight:900;

}


/* TEXT */

.cookie-content p{

font-size:15px;

line-height:1.9;

color:#555;

margin-bottom:20px;

}


/* BUTTONS */

.cookie-buttons{

display:flex;

gap:14px;

flex-wrap:wrap;

}


/* BUTTON */

.cookie-buttons button{

border:none;

cursor:pointer;

padding:14px 24px;

border-radius:14px;

font-size:14px;

font-weight:800;

transition:0.3s;

}


/* ACCEPT */

#acceptCookies{

background:
linear-gradient(
135deg,
#071f4f,
#0b3b91
);

color:#fff;

}


/* REJECT */

#rejectCookies{

background:#eef4ff;

color:#071f4f;

}


/* HOVER */

.cookie-buttons button:hover{

transform:translateY(-2px);

}


/* ANIMATION */

@keyframes cookieFade{

from{

opacity:0;
transform:translateY(20px);

}

to{

opacity:1;
transform:translateY(0);

}

}


/* MOBILE */

@media(max-width:768px){

.cookie-content{

padding:22px;

border-radius:20px;

}

.cookie-content h3{

font-size:22px;

}

.cookie-buttons{

flex-direction:column;

}

.cookie-buttons button{

width:100%;

}

}