/* =====================================================
         GLOBAL RESET
         ===================================================== */
         img {
         max-width: 100%;
         height: auto;
         display: block;
         }
         a {
         text-decoration: none;
         border: none;
         }
         /* =====================================================
         HERO / BANNER (CLEAN & FIXED)
         ===================================================== */
         .hero {
         margin: 0;
         padding: 0;
         background: transparent;
         overflow: hidden;
         }
         .hero-bg {
         width: 100%;
         height: auto;
         display: block;
         }
         /* hero-content empty hai – isliye hide */
         .hero-content {
         display: none;
         }
         /* =====================================================
         ACTION STRIP
         ===================================================== */
         .action-strip {
         margin: 0;
         padding: 10px 0;
         }
         .action-strip .d-flex {
         justify-content: center;
         gap: 14px;
         }
         .action-btn {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 8px;
         background: #008fd3;
         color: #fff;
         font-weight: 600;
         padding: 10px 20px;
         min-width: 220px;
         border: none;
         text-align: center;
         }
         .action-btn:hover {
         background: #0070aa;
         color: #fff;
         }
         /* =====================================================
         CURRENT ISSUE
         ===================================================== */
         .current-issue-section {
         padding-top: 20px;
         }
         .he-current-issue {
         max-width: 260px;
         }
         .he-current-cover img {
         border: 1px solid #ddd;
         }
         .he-issue-meta strong {
         font-size: 0.95rem;
         }
         .he-issue-meta span {
         font-size: 0.88rem;
         color: #555;
         }
         .he-issue-btn {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 6px;
         width: 100%;
         padding: 0.6rem;
         font-size: 0.9rem;
         font-weight: 600;
         white-space: nowrap;
         }
         .he-issue-btn-primary {
         background: #1193d1;
         border: 1px solid #1193d1;
         color: #fff;
         }
         .he-issue-btn-primary:hover {
         background: #0d7cb1;
         }
         /* =====================================================
         FEATURE CARDS
         ===================================================== */
         .feature-card {
         overflow: hidden;
         border-radius: 6px;
         height: 100%;
         }
         .feature-img {
         width: 100%;
         height: 204px;
         object-fit: cover;
         }
         .category {
         font-weight: 600;
         color: #000;
         }
         .category:hover {
         color: #1193d1;
         }
         .article-title1 {
         font-size: 14px;
         line-height: 1.6;
         color: #444;
         }
         /* =====================================================
         MOBILE FIX (FINAL – NO CONFLICT)
         ===================================================== */
         @media (max-width: 767px) {
         /* HERO – NO CUT, NO SPACE */
         .hero {
         margin: 0 !important;
         padding: 0 !important;
         height: auto !important;
         min-height: 0 !important;
         background: transparent !important;
         }
         .hero-bg {
         width: 100%;
         height: auto;
         object-fit: contain;   /* image kabhi cut nahi hogi */
         margin: 0 !important;
         padding: 0 !important;
         }
         /* ACTION BUTTONS */
         .action-btn {
         width: 100%;
         min-width: 100%;
         }
         /* CURRENT ISSUE STACK */
         .current-issue-section .row {
         flex-direction: column;
         text-align: center;
         }
         .current-issue-section [class*="col-"] {
         width: 100% !important;
         max-width: 100% !important;
         }
         .he-current-issue {
         max-width: 100%;
         margin: 0 auto 20px;
         }
         .he-current-cover img {
         max-width: 220px;
         margin: 0 auto;
         }
         /* FEATURE CARDS STACK */
         .feature-img {
         height: auto;
         aspect-ratio: 16 / 9;
         }
         .feature-card {
         margin-bottom: 16px;
         }
         }
         /* ===============================
         ACTION BUTTON – MOBILE SIZE FIX
         =============================== */
         @media (max-width: 767px) {
         .action-strip {
         display: none !important;
         }
         }
         /* ===============================
         MOBILE BANNER HEIGHT INCREASE
         =============================== */
         /* ===============================
         MOBILE BANNER – NO CUT VERSION
         =============================== */
         @media (max-width: 767px) {
         .hero {
         background: #fff;          /* clean background */
         padding: 12px 0;           /* thodi height feel */
         overflow: hidden;
         }
         .hero-bg {
         width: 100%;
         height: auto;              /* natural image height */
         max-height: 320px;         /* 👈 yaha control */
         object-fit: contain;       /* ❗ NO CUT */
         object-position: center;
         margin: 0 auto;
         display: block;
         }
         }
         /* =========================================
   CURRENT ISSUE – TOP ALIGNMENT FIX
========================================= */

/* Desktop only */
@media (min-width: 992px) {

  /* Right column ko same top padding do */
  .current-issue-section .col-lg-9 {
    padding-top: 15px;   /* 👈 yahi key line hai */
  }
}
/* =========================================
   REMOVE GAP BETWEEN ACTION BUTTONS
   AND CURRENT ISSUE SECTION
========================================= */

/* Action strip ka extra space hatao */
.action-strip {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Agar inner container pe border hai */
.action-strip .container,
.action-strip .d-flex {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Current issue section ko upar se chipkao */
.current-issue-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Heading ka default top margin bhi remove */
.current-issue-section h3,
.current-issue-section h2 {
  margin-top: 0 !important;
}
/* =========================================
   DESKTOP SPACING BETWEEN BUTTONS
   AND CURRENT ISSUE
========================================= */

/* Desktop & large screens only */
@media (min-width: 992px) {

  .current-issue-section {
    margin-top: 28px!important;     /* 👈 yahi controlled gap */
    padding-top: 0;
  }
}