/*
 * TheCSRUniverse Premium UI Design System
 * Inspired by Apple, Stripe, and Vercel.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Colors */
  --primary-color: #2D8B47;
  --primary-hover: #226b35;
  --primary-light: rgba(45, 139, 71, 0.1);
  --dark-bg: #0F172A;
  /* slate-900 */
  --dark-surface: #1E293B;
  /* slate-800 */
  --light-bg: #F8FAFC;
  /* slate-50 */
  --border-color: #E2E8F0;
  /* slate-200 */
  --text-primary: #0F172A;
  /* slate-900 */
  --text-secondary: #475569;
  /* slate-600 */
  --text-muted: #94A3B8;
  /* slate-400 */

  /* Fonts */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing */
  --section-padding: 80px;
  --card-padding: 24px;

  /* Borders */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  --shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
  --shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Homepage final polish layer: loaded last to override legacy homepage CSS. */
.csru-home {
  background:
    radial-gradient(circle at 78% 0%, rgba(45, 139, 71, 0.11), transparent 34rem),
    linear-gradient(180deg, #fbfdfc 0%, #f7faf8 45%, #ffffff 100%) !important;
}

.csru-home .container,
.csru-home .home_top_banner .container,
.csru-home .home_content_banner .container {
  width: min(1840px, calc(100% - 64px)) !important;
  max-width: 1840px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.csru-home .main-banner.csru-hero {
  padding: 110px 0 72px !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(45, 139, 71, 0.13), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%) !important;
}

.csru-home .csru-hero-heading {
  max-width: 900px !important;
  margin-bottom: 34px !important;
}

.csru-home .csru-hero-heading h1 {
  max-width: 820px;
  font-size: clamp(48px, 5vw, 84px) !important;
  text-transform: none !important;
}

.csru-home .csru-hero-heading p {
  max-width: 760px !important;
  font-size: 20px !important;
}

.csru-home .csru-hero-grid.row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 28px;
  margin: 0 !important;
}

.csru-home .csru-hero-grid > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

.csru-home .csru-hero-grid .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin: 0 !important;
}

.csru-home .secondban,
.csru-home .thirdban {
  margin: 0 !important;
  padding: 0 !important;
}

.csru-home .firstban .banner-img.csru-hero-card {
  min-height: 560px !important;
}

.csru-home .banner-img.csru-hero-card {
  margin: 0 !important;
  border-radius: 24px !important;
}

.csru-home .details-bar.csru-content {
  padding: 86px 0 40px !important;
}

.csru-home .details-bar.csru-content > .container > .row {
  display: block !important;
  margin: 0 !important;
}

.csru-home .details-bar .col-md-9,
.csru-home .details-bar .col-md-3 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.csru-home .csru-section {
  margin-bottom: 92px !important;
}

.csru-home .csru-section::before {
  display: block !important;
  margin-bottom: 14px !important;
  color: var(--csru-green) !important;
}

.csru-home .csru-section .heading,
.csru-home main.details-bar .heading,
.csru-home main.details-bar .comp-list .heading,
.csru-home main.details-bar .Reports .heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "title action" "copy action" !important;
  align-items: center !important;
  margin-bottom: 46px !important;
  padding-bottom: 24px !important;
}

.csru-home .heading h2,
.csru-home main.details-bar .heading h2,
.csru-home main.details-bar .section-heading h2 {
  grid-area: title !important;
  font-size: clamp(34px, 3vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.csru-home .heading p,
.csru-home main.details-bar .heading p,
.csru-home main.details-bar .section-heading p {
  grid-area: copy !important;
  max-width: 850px !important;
  margin-top: 8px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

.csru-home .heading .view-more {
  grid-area: action !important;
}

.csru-home .heading .view-more a {
  min-height: 48px !important;
  padding: 0 24px !important;
  font-size: 15px !important;
}

.csru-home .heading .view-more a::after,
.csru-home .read-more a::after {
  content: none !important;
}

.csru-home .view-more a svg,
.csru-home .read-more a svg,
.csru-home .csru-card-meta svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  vertical-align: -2px;
}

.csru-home .csru-card-meta svg {
  margin-left: 0;
  margin-right: 2px;
}

.csru-home .owl-carousel .owl-stage-outer {
  padding: 8px 0 32px !important;
  overflow: hidden !important;
}

.csru-home .owl-item {
  align-items: stretch !important;
}

.csru-home .owl-item .item,
.csru-home .csru-card,
.csru-home .sanitation,
.csru-home .list-armg {
  height: 100% !important;
}

.csru-home .csru-article-card,
.csru-home .csru-video-card {
  min-height: 430px !important;
}

.csru-home .artical-details {
  min-height: 210px !important;
  justify-content: flex-start !important;
}

.csru-home .artical-details h4 {
  min-height: 84px !important;
  font-size: 20px !important;
  line-height: 1.34 !important;
}

.csru-home .read-more {
  margin-top: auto !important;
}

.csru-home .read-more a {
  min-height: 40px !important;
  padding: 0 14px 0 0 !important;
  font-size: 15px !important;
}

.csru-home .csru-section-videos {
  padding: 46px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 139, 71, 0.18), transparent 30%),
    #101827 !important;
  box-shadow: 0 28px 90px rgba(15, 23, 42, 0.15);
}

.csru-home .csru-section-videos::before,
.csru-home .csru-section-videos .heading h2,
.csru-home .csru-section-videos .heading p {
  color: #ffffff !important;
}

.csru-home .csru-section-videos .heading {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.csru-home .csru-section-videos .view-more a {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

.csru-home .csru-section-videos .sanitation {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

.csru-home .csru-section-partners {
  width: min(1560px, 100%);
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 52px !important;
  min-height: auto !important;
}

.csru-home .csru-section-partners .heading,
.csru-home main.details-bar .Our-partner .heading {
  display: block !important;
  margin-bottom: 34px !important;
  padding-bottom: 22px !important;
  text-align: left !important;
}

.csru-home .csru-section-partners .section-heading,
.csru-home main.details-bar .Our-partner .section-heading {
  display: block !important;
  text-align: left !important;
}

.csru-home .csru-section-partners .section-heading h2,
.csru-home .csru-section-partners .section-heading p {
  display: block !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  text-align: left !important;
}

.csru-home .csru-section-partners .owl-carousel {
  min-height: 230px;
}

.csru-home .csru-partner-card {
  min-height: 230px !important;
}

.csru-home .NGO-artical .owl-stage-outer,
.csru-home .Reports .owl-stage-outer {
  padding-bottom: 26px !important;
}

.csru-home .list-armg {
  min-height: 300px !important;
}

.csru-home .list-armg > ul > li,
.csru-home .NGO-artical .comp-list .list-armg > ul > li {
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 20px !important;
  padding: 30px !important;
}

.csru-home .complogo {
  width: 72px !important;
  height: 72px !important;
}

.csru-home .complogo img,
.csru-home .NGO-artical .comp-list .complogo > img {
  max-width: 54px !important;
  max-height: 54px !important;
}

.csru-home .Research-Foundation h3,
.csru-home .listing-li h3 {
  font-size: 22px !important;
}

.csru-home .Research-Foundation ul li,
.csru-home .Research-Foundation p,
.csru-home .Research-Foundation .city {
  font-size: 15px !important;
}

.csru-home .Research-Foundation p {
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

.csru-home .report.csru-report-card {
  min-height: 360px;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  padding: 44px !important;
}

.csru-home .reportimg {
  width: 160px !important;
}

.csru-home .reportdet h3 {
  font-size: clamp(28px, 2.4vw, 44px) !important;
  max-width: 860px !important;
}

.csru-home .report-price {
  justify-content: center !important;
}

.csru-home .report-price h3 {
  font-size: 36px !important;
}

.csru-home .right-bar.deskt {
  position: static !important;
  display: block !important;
  margin: 8px 0 88px !important;
}

.csru-home .right-bar .white-bg2 {
  display: grid;
  grid-template-columns: 280px minmax(280px, 360px) minmax(0, 1fr);
  gap: 34px;
  align-items: start;
  padding: 34px !important;
  border-radius: 28px !important;
}

.csru-home .right-bar .white-bg2 > h6,
.csru-home .right-bar .white-bg2 > .folower {
  grid-column: 1;
}

.csru-home .right-bar .CSRMagazine {
  grid-column: 2 / 4;
  display: grid;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  margin-bottom: 0 !important;
}

.csru-home .CSRMagazine > h6,
.csru-home .CSRMagazine > .owl-carousel {
  grid-column: 1;
}

.csru-home .CSRMagazine .projectli {
  grid-column: 2;
  grid-row: 1 / span 5;
  margin-top: 0 !important;
}

.csru-home .home_sidebar_banner {
  margin-top: 22px !important;
}

.csru-home .projectli ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.csru-home .projectli ul li {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--csru-line) !important;
  border-radius: 18px;
  background: #ffffff;
}

.csru-home .csru-reveal,
.csru-home .owl-item .csru-reveal {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 1199px) {
  .csru-home .container,
  .csru-home .home_top_banner .container,
  .csru-home .home_content_banner .container {
    width: min(100% - 36px, 1180px) !important;
  }

  .csru-home .csru-hero-grid.row,
  .csru-home .csru-hero-grid .row {
    gap: 18px;
  }

  .csru-home .right-bar .white-bg2,
  .csru-home .right-bar .CSRMagazine {
    grid-template-columns: 1fr;
  }

  .csru-home .right-bar .CSRMagazine,
  .csru-home .CSRMagazine .projectli {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 767px) {
  .csru-home .container,
  .csru-home .home_top_banner .container,
  .csru-home .home_content_banner .container {
    width: min(100% - 28px, 720px) !important;
  }

  .csru-home .main-banner.csru-hero {
    padding: 96px 0 44px !important;
  }

  .csru-home .csru-hero-heading h1 {
    font-size: 40px !important;
  }

  .csru-home .csru-hero-heading p {
    font-size: 16px !important;
  }

  .csru-home .csru-hero-grid.row,
  .csru-home .csru-hero-grid .row {
    display: block !important;
  }

  .csru-home .banner-img.csru-hero-card {
    min-height: 300px !important;
    margin-bottom: 18px !important;
  }

  .csru-home .csru-section .heading,
  .csru-home main.details-bar .heading,
  .csru-home main.details-bar .comp-list .heading,
  .csru-home main.details-bar .Reports .heading {
    grid-template-columns: 1fr !important;
    grid-template-areas: "title" "copy" "action" !important;
  }

  .csru-home .heading h2,
  .csru-home main.details-bar .heading h2,
  .csru-home main.details-bar .section-heading h2 {
    font-size: 32px !important;
  }

  .csru-home .heading p,
  .csru-home main.details-bar .heading p,
  .csru-home main.details-bar .section-heading p {
    font-size: 15px !important;
  }

  .csru-home .csru-section-videos,
  .csru-home .csru-section-partners {
    padding: 24px !important;
    border-radius: 24px;
  }

  .csru-home .artical-details h4 {
    min-height: 0 !important;
    font-size: 18px !important;
  }

  .csru-home .csru-article-card,
  .csru-home .csru-video-card {
    min-height: 0 !important;
  }

  .csru-home .report.csru-report-card {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
  }

  .csru-home .report-detail {
    grid-template-columns: 100px minmax(0, 1fr) !important;
  }

  .csru-home .reportimg {
    width: 100px !important;
  }

  .csru-home .reportdet h3 {
    font-size: 21px !important;
  }

  .csru-home .projectli ul {
    grid-template-columns: 1fr;
  }
}

/* Homepage repair pass: readable controls, no overlap, stable desktop sections. */
.csru-home .view-more a,
.csru-home .read-more a {
  gap: 8px !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.csru-home .view-more a svg,
.csru-home .read-more a svg {
  display: none !important;
}

.csru-home .heading .view-more a::after,
.csru-home .read-more a::after,
.csru-home .artical-details .read-more a::after {
  content: "\2192" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin-left: 8px !important;
  transform: none !important;
}

.csru-home .read-more a:hover::after,
.csru-home .heading .view-more a:hover::after {
  transform: translateX(2px) !important;
}

.csru-home .csru-hero-grid.row {
  grid-template-columns: minmax(520px, 1.12fr) minmax(520px, 0.88fr) !important;
  align-items: stretch !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) {
  display: block !important;
  min-width: 0 !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) > .row {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  grid-auto-rows: minmax(254px, 1fr) !important;
  gap: 24px !important;
}

.csru-home .csru-hero-card {
  overflow: hidden !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) .csru-hero-card {
  min-height: 254px !important;
  height: 100% !important;
  aspect-ratio: auto !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) .latest-detail {
  padding: 18px !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) .latest-detail h4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 10px !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) .latest-detail h4 a {
  display: block !important;
  font-size: clamp(17px, 1.2vw, 22px) !important;
  line-height: 1.18 !important;
  text-shadow: 0 2px 10px rgba(15, 23, 42, 0.55) !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) .csru-card-meta {
  font-size: 12px !important;
}

.csru-home .csru-hero-grid > .col-md-6:nth-child(2) .banner-img label {
  max-width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.csru-home .csru-article-card,
.csru-home .csru-video-card {
  min-height: 0 !important;
}

.csru-home .artical-details {
  min-height: 190px !important;
}

.csru-home .artical-details h4 {
  min-height: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.csru-home .csru-section-news .owl-carousel,
.csru-home .csru-section-interviews .owl-carousel,
.csru-home .csru-section-sustainability .owl-carousel,
.csru-home .csru-section-policy .owl-carousel,
.csru-home .csru-section-archive .owl-carousel {
  max-width: 100% !important;
}

.csru-home .csru-section-partners {
  min-height: 0 !important;
}

.csru-home .csru-section-partners .owl-carousel {
  min-height: 0 !important;
}

.csru-home .csru-section-partners .owl-stage {
  align-items: stretch !important;
}

.csru-home .csru-partner-card {
  min-height: 190px !important;
}

.csru-home .csru-partner-card .artical-img {
  min-height: 112px !important;
}

.csru-home .csru-partner-card .artical-details {
  min-height: 68px !important;
}

.csru-home .csru-partner-card h6 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.csru-home .csru-section-organisations .owl-stage,
.csru-home .csru-section-corporate .owl-stage {
  align-items: stretch !important;
}

.csru-home .csru-section-organisations .list-armg,
.csru-home .csru-section-corporate .list-armg {
  min-height: 260px !important;
}

.csru-home .Research-Foundation h3,
.csru-home .listing-li h3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
}

.csru-home .Research-Foundation .city {
  max-width: 100% !important;
  white-space: normal !important;
}

.csru-home .Reports .owl-stage,
.csru-home .Archive .owl-stage {
  align-items: stretch !important;
}

.csru-home .report.csru-report-card {
  min-height: 300px !important;
}

.csru-home .reportdet h3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.csru-home .csru-section-magazine .owl-carousel {
  max-width: 1280px !important;
  margin-left: 0 !important;
}

.csru-home .csru-section-magazine .owl-stage-outer {
  max-width: 1280px !important;
}

.csru-home .magzine1 .item a {
  max-width: 300px !important;
}

.csru-home .right-bar .white-bg2 {
  overflow: hidden !important;
}

@media (min-width: 1200px) {
  .csru-home .csru-section-partners .owl-carousel .owl-stage {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    transform: none !important;
  }

  .csru-home .csru-section-partners .owl-carousel .owl-item {
    width: auto !important;
    margin-right: 0 !important;
  }

  .csru-home .csru-section-partners .owl-nav {
    display: none !important;
  }

  .csru-home .csru-section-organisations .owl-carousel .owl-stage,
  .csru-home .csru-section-corporate .owl-carousel .owl-stage {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    transform: none !important;
  }

  .csru-home .csru-section-organisations .owl-carousel .owl-item,
  .csru-home .csru-section-corporate .owl-carousel .owl-item {
    width: auto !important;
    margin-right: 0 !important;
  }

  .csru-home .csru-section-organisations .owl-nav,
  .csru-home .csru-section-corporate .owl-nav {
    display: none !important;
  }
}

@media (max-width: 1399px) {
  .csru-home .csru-hero-grid.row {
    grid-template-columns: 1fr !important;
  }

  .csru-home .csru-hero-grid > .col-md-6:nth-child(2) > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Global resets & styling overrides */
body {
  font-family: var(--font-family) !important;
  color: var(--text-secondary) !important;
  background-color: var(--light-bg) !important;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* 1. Header Redesign */
.headersticky {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-normal) !important;
  height: auto;
}

/* Top bar banner */
#subscribe.header-sub-container {
  background: #FFF5F5 !important;
  border-bottom: 1px solid #FED7D7 !important;
  padding: 8px 15px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

#subscribe.header-sub-container span {
  color: #E53E3E !important;
}

#subscribe .header-sub-btn a {
  background: #E53E3E !important;
  border-radius: var(--radius-full) !important;
  padding: 4px 12px 5px !important;
  font-size: 12px !important;
  text-transform: none !important;
  box-shadow: 0 2px 4px rgba(229, 62, 62, 0.2) !important;
  transition: all var(--transition-fast) !important;
}

#subscribe .header-sub-btn a:hover {
  background: #C53030 !important;
  transform: translateY(-1px);
}

header .container-fluid {
  background: transparent !important;
  padding: 10px 40px 10px !important;
}

header .header {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.logo img {
  width: 125px !important;
  /* Reduced from 140px to create horizontal space */
  transition: all var(--transition-normal) !important;
}

.main-menu {
  display: flex !important;
  flex-direction: row !important;
  /* Force single horizontal line alignment */
  align-items: center !important;
  gap: 16px !important;
}

.bottom-menu {
  order: 1 !important;
  /* Put menu links first */
}

.top-menu {
  order: 2 !important;
  /* Put search and login on the right */
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 0 !important;
}

.top-menu .welcome {
  color: var(--text-secondary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: color var(--transition-fast);
}

.top-menu .welcome:hover {
  color: var(--primary-color) !important;
  text-decoration: none;
}

.login-btn a.login {
  background: var(--primary-color) !important;
  color: #FFF !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 6px 16px !important;
  border-radius: var(--radius-full) !important;
  transition: all var(--transition-fast) !important;
  box-shadow: 0 4px 12px rgba(45, 139, 71, 0.2) !important;
}

.login-btn a.login:hover {
  background: var(--primary-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(45, 139, 71, 0.3) !important;
  text-decoration: none !important;
}

/* Search bar styling */
.search-btn {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.search-btn .search-input {
  border: 1px solid var(--border-color) !important;
  background: #F1F5F9 !important;
  border-radius: var(--radius-full) !important;
  padding: 6px 16px 6px 36px !important;
  font-size: 13px !important;
  width: 180px !important;
  transition: all var(--transition-fast) !important;
}

.search-btn .search-input:focus {
  background: #FFF !important;
  border-color: var(--primary-color) !important;
  width: 240px !important;
  box-shadow: 0 0 0 3px var(--primary-light) !important;
  outline: none;
}

.search-btn .searchbt {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.search-btn .searchbt img {
  width: 14px !important;
  opacity: 0.5;
}

/* Bottom Menu (Main Nav) */
.bottom-menu>ul {
  margin: 0 !important;
  gap: 2px !important;
  /* Shrunk spacing */
  display: flex !important;
  flex-wrap: nowrap !important;
  /* Ensure items never wrap into multiple rows */
  list-style: none !important;
  padding: 0 !important;
}

.bottom-menu>ul>li {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  /* Prevent text splitting */
}

.bottom-menu>ul>li>a {
  font-weight: 600 !important;
  font-size: 11px !important;
  /* Slightly smaller text size for fit */
  color: var(--text-primary) !important;
  text-transform: none !important;
  padding: 6px 8px !important;
  /* Shrunk padding to save horizontal space */
  border-radius: var(--radius-full) !important;
  transition: all var(--transition-fast) !important;
  display: inline-block !important;
  white-space: nowrap !important;
  /* Force nowrap */
}

.bottom-menu>ul>li.dropdown>a {
  padding-right: 14px !important;
  /* Extra padding for the dropdown indicator arrow */
}

.bottom-menu>ul>li:hover>a {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--primary-color) !important;
  border: none !important;
}

.bottom-menu>ul>li.menu-61>a {
  color: #E53E3E !important;
  font-weight: 700 !important;
}

/* Dropdown styling */
.bottom-menu>ul>li {
  position: relative !important;
  /* Context for absolute dropdowns */
}

/* Ensure the dropdown arrows on the parent link are styled correctly and don't overlap */
.bottom-menu>ul>li.dropdown>a {
  position: relative !important;
  padding-right: 18px !important;
  /* Extra spacing for arrow */
}

.bottom-menu>ul>li.dropdown>a::before {
  content: "" !important;
  background-image: url(../images/menu-arrow.png) !important;
  width: 10px !important;
  height: 5px !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  background-size: 10px !important;
  display: block !important;
  right: 4px !important;
  left: auto !important;
  top: 52% !important;
  transform: translateY(-50%) !important;
}

.dropdown .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  /* Gap below the navbar */
  left: 0 !important;
  right: auto !important;
  background: #FFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  /* Stack vertically to fit on one line width-wise */
  gap: 12px !important;
  width: 300px !important;
  /* Very safe compact size */
  transform: translateY(8px) scale(0.98) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform-origin: top left !important;
  transition: all var(--transition-normal) !important;
  z-index: 99999 !important;
}

/* Align right-side dropdowns to the right of their link to prevent page overflow */
.bottom-menu>ul>li:nth-last-child(-n+5) .dropdown-menu {
  left: auto !important;
  right: 0 !important;
  transform-origin: top right !important;
}

.dropdown:hover .dropdown-menu {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.dropdown-menu>div {
  width: 100% !important;
  border-right: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  /* Bottom line divider */
  padding-right: 0 !important;
  padding-bottom: 10px !important;
  max-width: 100% !important;
}

.dropdown-menu>div h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
  color: var(--text-primary) !important;
}

.dropdown-menu>div p {
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: var(--text-secondary) !important;
  margin-bottom: 0 !important;
}

.dropdown-menu>div a {
  display: none !important;
  /* Clean up extra visual clutter in compact menu */
}

.dropdown-menu>ul {
  width: 100% !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.dropdown-menu>ul>li {
  min-width: unset !important;
  position: static !important;
}

.dropdown-menu>ul>li>a {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--text-secondary) !important;
  padding: 6px 8px !important;
  border-radius: var(--radius-sm) !important;
  transition: all var(--transition-fast) !important;
  display: block !important;
  width: 100% !important;
}

.dropdown-menu>ul>li>a:hover {
  background: var(--light-bg) !important;
  color: var(--primary-color) !important;
  text-decoration: none !important;
  padding-left: 12px !important;
}

/* Compact Sticky Header Scrolled State */
.headersticky.header-scrolled {
  background: rgba(255, 255, 255, 0.85) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding: 0 !important;
  box-shadow: var(--shadow-md) !important;
}

.headersticky.header-scrolled header .container-fluid {
  padding: 6px 40px !important;
}

.headersticky.header-scrolled .logo img {
  width: 110px !important;
}

.headersticky.header-scrolled #subscribe,
.headersticky.header-scrolled .header-sub-container {
  display: none !important;
}

.headersticky.header-scrolled .top-menu {
  margin-bottom: 0 !important;
}

/* 2. Premium Grid / Hero Section Override */
.main-banner {
  padding-top: 32px !important;
  /* Shrunk back to standard padding since body padding-top is managed dynamically by JS */
  height: auto !important;
  background: radial-gradient(circle at 80% 20%, rgba(45, 139, 71, 0.08) 0%, transparent 50%), #FFF !important;
  padding-bottom: 48px !important;
  margin-bottom: 40px !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.main-banner .container {
  max-width: 1240px !important;
}

.banner-img {
  position: relative !important;
  /* Context for absolute label & details overlays */
  overflow: hidden !important;
  /* Clip zoom animations */
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-md) !important;
  transition: all var(--transition-slow) !important;
  aspect-ratio: 16/10;
}

.banner-img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

.banner-img::after {
  display: none !important;
  /* Remove static cover in favor of dynamic latest-detail cover */
}

.banner-img label {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  background: var(--primary-color) !important;
  color: #FFF !important;
  font-weight: 700 !important;
  font-size: 9px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 4px 10px !important;
  border-radius: var(--radius-sm) !important;
  z-index: 3 !important;
  box-shadow: var(--shadow-sm) !important;
}

.latest-detail {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.4) 70%, transparent 100%) !important;
  /* Premium dark gradient overlay for text readability */
  padding: 16px !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: unset !important;
  box-sizing: border-box !important;
}

.latest-detail h4 {
  margin: 0 !important;
  line-height: 1.35 !important;
}

.latest-detail h4 a {
  color: #FFF !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
  transition: color var(--transition-fast) !important;
}

.latest-detail h4 a:hover {
  color: #A3F3B2 !important;
  text-decoration: none !important;
}

.firstban .banner-img {
  aspect-ratio: 16/11.5;
}

.firstban .latest-detail h4 a {
  font-size: 24px !important;
}

/* Secondary banners in hero grid */
.secondban,
.thirdban {
  margin-bottom: 24px !important;
}

/* Hover effects */
.banner-img:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* 3. Section Styling & Consistency */
.details-bar {
  background: transparent !important;
  padding-bottom: 60px !important;
}

.heading {
  margin-bottom: 32px !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding-bottom: 16px !important;
  position: relative;
}

.heading::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: var(--primary-color);
}

.heading h2 {
  font-size: 24px !important;
  color: var(--text-primary) !important;
  font-weight: 800 !important;
  margin: 0 0 6px 0 !important;
  padding-left: 0 !important;
}

.heading h2 .heading-icon {
  display: none !important;
}

.heading p {
  font-size: 14px !important;
  color: var(--text-secondary) !important;
  margin: 0 !important;
}

.view-more {
  top: 0 !important;
}

.view-more a {
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-full) !important;
  padding: 6px 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--text-secondary) !important;
  transition: all var(--transition-fast) !important;
}

.view-more a:hover {
  background: var(--primary-color) !important;
  color: #FFF !important;
  border-color: var(--primary-color) !important;
  text-decoration: none !important;
}

/* Sanitation (Article Cards) */
.sanitation {
  background: #FFF !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  transition: all var(--transition-normal) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.sanitation:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-lg) !important;
  border-color: rgba(45, 139, 71, 0.15) !important;
}

.sanitation .artical-img {
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
}

.sanitation .artical-img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  transition: transform var(--transition-slow) !important;
}

.sanitation:hover .artical-img img {
  transform: scale(1.05) !important;
}

.artical-details {
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.artical-details h4 {
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  height: 40px !important;
  /* Fixed height for precisely 2 lines */
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  margin-bottom: 16px !important;
}

.artical-details h4 a {
  color: var(--text-primary) !important;
  transition: color var(--transition-fast);
}

.artical-details h4 a:hover {
  color: var(--primary-color) !important;
  text-decoration: none !important;
}

.artical-details .read-more {
  text-align: left !important;
  margin-top: auto !important;
  /* Pushes the button to the exact bottom of the card */
}

.artical-details .read-more a {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.artical-details .read-more a::after {
  content: '→';
  transition: transform var(--transition-fast);
}

.artical-details .read-more a:hover {
  color: var(--primary-hover) !important;
  text-decoration: none !important;
}

.artical-details .read-more a:hover::after {
  transform: translateX(3px);
}

/* Force Owl Carousel layout to stretch items to equal heights */
.owl-stage {
  display: flex !important;
}

.owl-item {
  display: flex !important;
  flex: 1 0 auto !important;
}

.owl-item .item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}

/* Organisation & Corporate Listings */
.list-armg {
  background: #FFF !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  padding: 24px !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-normal) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.list-armg:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(45, 139, 71, 0.15) !important;
}

.list-armg ul {
  padding: 0 !important;
  margin: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.list-armg ul li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  height: 100% !important;
  flex-grow: 1 !important;
}

.complogo {
  width: 60px !important;
  height: 60px !important;
  background: #F8FAFC !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--border-color) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
  flex-shrink: 0 !important;
}

.complogo img {
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

.listing-li h3 {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}

.listing-li h3 a {
  color: var(--text-primary) !important;
}

.listing-li h3 a:hover {
  color: var(--primary-color) !important;
  text-decoration: none !important;
}

.listing-li ul li {
  font-size: 12px !important;
  color: var(--text-secondary) !important;
  padding-left: 0 !important;
}

.listing-li ul li::before {
  display: none !important;
}

.listing-li p {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--text-muted) !important;
  margin: 12px 0 4px 0 !important;
}

.listing-li .city {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  background: #F1F5F9 !important;
  padding: 4px 10px !important;
  border-radius: var(--radius-sm) !important;
  display: inline-block !important;
}

/* Reports Section Styling */
.report {
  background: #FFF !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: var(--card-padding) !important;
  display: flex !important;
  gap: 24px !important;
  margin: 0 !important;
  transition: all var(--transition-normal) !important;
}

.report:hover {
  box-shadow: var(--shadow-lg) !important;
}

.report-detail {
  display: flex !important;
  gap: 20px !important;
  flex: 1 !important;
}

.reportimg {
  width: 110px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
}

.reportdet h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

.reportdet h3 a {
  color: var(--text-primary) !important;
}

.reportdet h3 a:hover {
  color: var(--primary-color) !important;
  text-decoration: none !important;
}

.reportdet h5 {
  font-size: 12px !important;
  color: var(--text-muted) !important;
  margin-top: 8px !important;
  font-weight: 500 !important;
}

.reportdet h5 span {
  font-weight: 600 !important;
}

.report-price {
  width: 180px !important;
  border-left: 1px solid var(--border-color) !important;
  padding-left: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.report-price h3 {
  font-size: 24px !important;
  color: var(--primary-color) !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.report-price h3 bdi {
  display: none !important;
}

.report-price p {
  font-size: 12px !important;
  color: var(--text-secondary) !important;
  margin-bottom: 16px !important;
}

.report-price .Preview {
  width: 100% !important;
  background: var(--primary-color) !important;
  border-radius: var(--radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 16px !important;
  transition: all var(--transition-fast) !important;
}

.report-price .Preview:hover {
  background: var(--primary-hover) !important;
}

.report-price .Preview a {
  color: #FFF !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.report-price .Preview span {
  display: none !important;
}

/* Sidebar Styling */
.right-bar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.right-bar .white-bg2 {
  background: #FFF !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 24px !important;
}

.right-bar h6 {
  background: transparent !important;
  color: var(--text-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  padding: 0 0 12px 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  margin-bottom: 16px !important;
}

.folower ul {
  display: flex !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.folower ul li a img {
  width: 36px !important;
  height: 36px !important;
  transition: transform var(--transition-fast) !important;
}

.folower ul li a:hover img {
  transform: translateY(-2px) !important;
}

/* Corporate Governance Sidebar list */
.projectli ul li {
  margin: 0 0 16px 0 !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.projectli ul li:last-child {
  margin: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

.projectli .project-img img {
  border-radius: var(--radius-sm) !important;
  width: 64px !important;
  height: 48px !important;
  object-fit: cover !important;
}

.projectli .projectdet h4 {
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 0 4px 0 !important;
}

.projectli .projectdet h4 a {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

.projectli .projectdet h4 a:hover {
  color: var(--primary-color) !important;
  text-decoration: none !important;
}

.projectli .projectdet p {
  font-size: 11px !important;
  color: var(--text-muted) !important;
}

/* 4. Footer Redesign */
#footer .footer {
  background: var(--dark-bg) !important;
  padding: 64px 0 32px 0 !important;
}

#footer h3 {
  color: #FFF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

#footer .detail-box p {
  color: #94A3B8 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

#footer .linksmenu ul li {
  margin-bottom: 10px !important;
}

#footer .linksmenu ul li a {
  color: #94A3B8 !important;
  font-size: 13px !important;
  transition: color var(--transition-fast) !important;
  text-decoration: none !important;
}

#footer .linksmenu ul li a:hover {
  color: #FFF !important;
}

#footer .Connected ul {
  gap: 12px !important;
}

#footer .Connected ul li a img {
  width: 32px !important;
  height: 32px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 50% !important;
  padding: 6px !important;
  transition: all var(--transition-fast) !important;
}

#footer .Connected ul li a:hover img {
  background: rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-2px) !important;
}

#footer .inlinelinks {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: 40px !important;
  padding-top: 24px !important;
}

#footer .inlinelinks p a {
  color: #64748B !important;
  font-size: 12px !important;
  margin: 0 8px !important;
  transition: color var(--transition-fast) !important;
}

#footer .inlinelinks p a:hover {
  color: #FFF !important;
  text-decoration: none !important;
}

#footer .copyright p {
  color: #475569 !important;
  font-size: 12px !important;
  margin-top: 16px !important;
  padding-bottom: 0 !important;
}

/* 5. Responsiveness Adaptations */
@media (max-width: 991px) {
  header .container-fluid {
    padding: 10px 20px !important;
  }

  .logo img {
    width: 100px !important;
    /* Smaller logo for tablet */
  }

  .main-banner {
    padding-top: 24px !important;
  }
}

/* Homepage v2 premium redesign */
.csru-home {
  --csru-green: #2d8b47;
  --csru-green-dark: #1f6f37;
  --csru-mint: #e9f7ee;
  --csru-ink: #0f172a;
  --csru-copy: #475569;
  --csru-muted: #64748b;
  --csru-line: rgba(15, 23, 42, 0.09);
  --csru-soft: #f8fafc;
  --csru-card: rgba(255, 255, 255, 0.94);
  --csru-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
  --csru-shadow-hover: 0 28px 80px rgba(15, 23, 42, 0.14);
  --csru-radius: 18px;
  background:
    linear-gradient(180deg, rgba(233, 247, 238, 0.65) 0, rgba(248, 250, 252, 0) 560px),
    #f8fafc;
  color: var(--csru-copy);
  overflow-x: clip;
}

.csru-home .container {
  max-width: 1320px !important;
}

.csru-home a {
  text-decoration: none !important;
}

.csru-home a:focus-visible,
.csru-home button:focus-visible,
.csru-home input:focus-visible,
.csru-home textarea:focus-visible {
  outline: 3px solid rgba(45, 139, 71, 0.28) !important;
  outline-offset: 3px !important;
  border-radius: 10px;
}

.csru-home .home_top_banner,
.csru-home .home_content_banner,
.csru-home .article_top_banner {
  padding: 0 !important;
}

.csru-home .home_top_banner .container,
.csru-home .home_content_banner .container {
  max-width: 1320px !important;
}

.csru-home .home_top_banner img,
.csru-home .home_content_banner img,
.csru-home .article_top_banner img,
.csru-home .home_sidebar_banner img {
  width: 100%;
  display: block;
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.csru-home .side-banner {
  filter: drop-shadow(0 18px 36px rgba(15, 23, 42, 0.16));
}

.csru-home .side-banner img {
  border-radius: 14px !important;
}

.csru-home .side-banner .close-btn {
  width: 28px !important;
  height: 28px !important;
  line-height: 24px !important;
  background: rgba(15, 23, 42, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.22);
}

.csru-home .home-live-showcase-section {
  background:
    radial-gradient(circle at 12% 20%, rgba(45, 139, 71, 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%) !important;
  padding: 136px 0 42px !important;
}

.csru-home .home-live-showcase-card {
  border-radius: 24px !important;
  border: 1px solid rgba(45, 139, 71, 0.16) !important;
  box-shadow: var(--csru-shadow) !important;
}

.csru-home .showcase-banner-container {
  border-radius: 18px !important;
}

.csru-home .main-banner.csru-hero {
  position: relative;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 132px 0 76px !important;
  border-bottom: 0 !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(45, 139, 71, 0.16), transparent 30%),
    radial-gradient(circle at 9% 35%, rgba(34, 107, 53, 0.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 92%) !important;
}

.csru-home .main-banner.csru-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.42), transparent 72%);
}

.csru-home .csru-hero .container {
  position: relative;
  z-index: 1;
}

.csru-home .csru-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 8px 12px;
  border: 1px solid rgba(45, 139, 71, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--csru-green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.csru-home .csru-hero-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--csru-green);
  box-shadow: 0 0 0 5px rgba(45, 139, 71, 0.12);
}

.csru-home .csru-hero-heading {
  max-width: 760px;
  margin-bottom: 30px;
}

.csru-home .csru-hero-heading h1 {
  margin: 0 0 10px !important;
  color: var(--csru-ink) !important;
  font-size: clamp(38px, 4.3vw, 66px) !important;
  font-weight: 850 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

.csru-home .csru-hero-heading p {
  max-width: 660px;
  margin: 0;
  color: var(--csru-copy);
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1.65;
}

.csru-home .csru-hero-grid.row {
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
}

.csru-home .csru-hero-grid [class*="col-"] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.csru-home .csru-hero-grid .row {
  margin-left: -12px;
  margin-right: -12px;
}

.csru-home .banner-img.csru-hero-card {
  isolation: isolate;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  background: #0f172a;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.16) !important;
  transform: translateZ(0);
  aspect-ratio: 16 / 10.6 !important;
}

.csru-home .firstban .banner-img.csru-hero-card {
  min-height: 520px;
  aspect-ratio: auto !important;
}

.csru-home .banner-img.csru-hero-card img {
  transform: scale(1.01);
  transition: transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1), filter 700ms ease !important;
}

.csru-home .banner-img.csru-hero-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.22) !important;
}

.csru-home .banner-img.csru-hero-card:hover img {
  filter: saturate(1.05) contrast(1.04);
  transform: scale(1.07);
}

.csru-home .banner-img.csru-hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.06) 0%, transparent 34%),
    linear-gradient(0deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.46) 45%, transparent 78%);
  pointer-events: none;
}

.csru-home .banner-img.csru-hero-card label {
  top: 18px !important;
  left: 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--csru-green-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.66);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.18) !important;
  letter-spacing: 0.12em !important;
  z-index: 3 !important;
}

.csru-home .latest-detail {
  z-index: 2 !important;
  padding: 22px !important;
  background: none !important;
}

.csru-home .firstban .latest-detail {
  padding: 30px !important;
}

.csru-home .latest-detail h4 {
  order: 1;
  margin-bottom: 10px !important;
}

.csru-home .latest-detail h4 a {
  font-size: clamp(16px, 1.25vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.csru-home .firstban .latest-detail h4 a {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.08 !important;
}

.csru-home .csru-card-meta {
  order: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.csru-home .artical-details .csru-card-meta,
.csru-home .reportdet .csru-card-meta {
  color: var(--csru-muted);
  margin-bottom: 10px !important;
}

.csru-home .details-bar.csru-content {
  padding: 76px 0 54px !important;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0), #ffffff 48%, #f8fafc 100%) !important;
}

.csru-home .details-bar.csru-content > .container > .row {
  align-items: flex-start;
  gap: 0;
}

.csru-home .details-bar .col-md-9 {
  padding-right: 30px;
}

.csru-home .details-bar .col-md-3 {
  padding-left: 18px;
}

.csru-home .csru-section {
  position: relative;
  margin-bottom: 82px !important;
  padding: 0;
}

.csru-home .csru-section::before {
  content: attr(data-section);
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--csru-green);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.csru-home .csru-section .heading,
.csru-home main.details-bar .heading,
.csru-home main.details-bar .comp-list .heading,
.csru-home main.details-bar .Reports .heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "title action" "copy action" !important;
  align-items: end !important;
  gap: 8px 24px !important;
  margin: 0 0 28px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid var(--csru-line) !important;
}

.csru-home .csru-section .heading::before,
.csru-home main.details-bar .heading::before {
  content: none !important;
}

.csru-home .csru-section .heading::after,
.csru-home main.details-bar .heading::after {
  width: 72px !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--csru-green), rgba(45, 139, 71, 0.08)) !important;
}

.csru-home .heading h2,
.csru-home main.details-bar .heading h2,
.csru-home main.details-bar .section-heading h2 {
  grid-area: title;
  max-width: 780px;
  color: var(--csru-ink) !important;
  font-size: clamp(26px, 2.4vw, 36px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.csru-home .heading h2 .heading-icon {
  display: none !important;
}

.csru-home .heading p,
.csru-home main.details-bar .heading p {
  grid-area: copy;
  max-width: 720px !important;
  color: var(--csru-copy) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.csru-home .heading .view-more {
  grid-area: action;
}

.csru-home .view-more a,
.csru-home .read-more a,
.csru-home .Preview {
  min-height: 40px !important;
  border-radius: 999px !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease !important;
}

.csru-home .heading .view-more a {
  padding: 10px 17px !important;
  border: 1px solid rgba(45, 139, 71, 0.16) !important;
  background: rgba(45, 139, 71, 0.08) !important;
  color: var(--csru-green-dark) !important;
  font-weight: 800 !important;
}

.csru-home .heading .view-more a::after,
.csru-home .read-more a::after {
  content: "\2192";
  margin-left: 6px;
  transition: transform 180ms ease;
}

.csru-home .heading .view-more a:hover,
.csru-home .read-more a:hover,
.csru-home .Preview:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(45, 139, 71, 0.18) !important;
}

.csru-home .heading .view-more a:hover::after,
.csru-home .read-more a:hover::after {
  transform: translateX(3px);
}

.csru-home .owl-stage-outer {
  padding: 4px 0 24px;
}

.csru-home .owl-stage {
  align-items: stretch;
}

.csru-home .csru-card,
.csru-home .sanitation,
.csru-home .list-armg,
.csru-home .report {
  border: 1px solid var(--csru-line) !important;
  border-radius: var(--csru-radius) !important;
  background: var(--csru-card) !important;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.06) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

.csru-home .csru-card:hover,
.csru-home .sanitation:hover,
.csru-home .list-armg:hover,
.csru-home .report:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(45, 139, 71, 0.2) !important;
  box-shadow: var(--csru-shadow-hover) !important;
}

.csru-home .csru-article-card,
.csru-home .csru-video-card {
  min-height: 342px;
}

.csru-home .sanitation .artical-img {
  aspect-ratio: 16 / 10 !important;
  background: #e2e8f0;
}

.csru-home .csru-video-card .artical-img {
  aspect-ratio: 16 / 9 !important;
}

.csru-home .csru-video-card iframe {
  width: 100% !important;
  height: 100% !important;
  display: block;
  border: 0 !important;
}

.csru-home .sanitation .artical-img img {
  transform: scale(1.01);
}

.csru-home .artical-details {
  padding: 20px 20px 22px !important;
}

.csru-home .artical-details h4 {
  height: auto !important;
  min-height: 58px;
  margin: 0 0 18px !important;
  color: var(--csru-ink) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

.csru-home .artical-details h4 a {
  color: inherit !important;
}

.csru-home .artical-details h4 a:hover {
  color: var(--csru-green-dark) !important;
}

.csru-home .read-more a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 !important;
  color: var(--csru-green-dark) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.csru-home .artical-details .read-more a::after {
  content: "\2192" !important;
}

.csru-home .csru-section-interviews .sanitation,
.csru-home .csru-section-sustainability .sanitation {
  background: linear-gradient(180deg, #ffffff, #fbfefd) !important;
}

.csru-home .csru-section-policy .sanitation,
.csru-home .csru-section-archive .sanitation {
  background: linear-gradient(180deg, #ffffff, #f9fafb) !important;
}

.csru-home .csru-section-videos .sanitation {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.csru-home .csru-section-videos .artical-details h4,
.csru-home .csru-section-videos .artical-details .csru-card-meta {
  color: #ffffff !important;
}

.csru-home .csru-section-videos .artical-details .csru-card-meta {
  color: rgba(255, 255, 255, 0.68) !important;
}

.csru-home .csru-section-partners {
  padding: 34px;
  border: 1px solid rgba(45, 139, 71, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 139, 71, 0.12), transparent 32%),
    #ffffff;
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.06);
}

.csru-home .csru-section-partners .heading {
  display: block !important;
  margin-bottom: 22px !important;
}

.csru-home .csru-section-partners .section-heading {
  display: block !important;
}

.csru-home .csru-partner-card {
  min-height: 210px;
  align-items: center;
  justify-content: center;
}

.csru-home .csru-partner-card .artical-img {
  width: 100%;
  aspect-ratio: 16 / 9 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.csru-home .csru-partner-card .artical-img img {
  width: auto !important;
  max-width: 86%;
  max-height: 82px;
  object-fit: contain !important;
  filter: saturate(0.9);
}

.csru-home .csru-partner-card .artical-details {
  width: 100%;
  padding-top: 14px !important;
  text-align: center;
}

.csru-home .csru-partner-card h6 {
  margin: 0 !important;
  color: var(--csru-ink) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.35;
}

.csru-home .list-armg {
  min-height: 220px;
  padding: 0 !important;
  overflow: hidden;
}

.csru-home .list-armg ul,
.csru-home .list-armg li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.csru-home .list-armg > ul > li,
.csru-home .NGO-artical .comp-list .list-armg > ul > li {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  padding: 24px !important;
}

.csru-home .complogo {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff, #eef8f1);
  border: 1px solid rgba(45, 139, 71, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.csru-home .complogo img,
.csru-home .NGO-artical .comp-list .complogo > img {
  max-width: 42px !important;
  max-height: 42px !important;
  object-fit: contain !important;
}

.csru-home .Research-Foundation h3,
.csru-home .listing-li h3 {
  margin: 0 0 12px !important;
  color: var(--csru-ink) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

.csru-home .Research-Foundation h3 a {
  color: inherit !important;
}

.csru-home .Research-Foundation h3 a:hover {
  color: var(--csru-green-dark) !important;
}

.csru-home .Research-Foundation ul li,
.csru-home .Research-Foundation p,
.csru-home .Research-Foundation .city {
  color: var(--csru-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.csru-home .Research-Foundation p {
  margin: 12px 0 4px !important;
  color: var(--csru-ink) !important;
}

.csru-home .Research-Foundation .city {
  display: inline-flex;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(45, 139, 71, 0.08);
  color: var(--csru-green-dark) !important;
  font-weight: 700;
}

.csru-home .report.csru-report-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  gap: 28px !important;
  padding: 28px !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 139, 71, 0.11), transparent 34%),
    #ffffff !important;
}

.csru-home .report-detail {
  align-items: center;
  gap: 24px !important;
}

.csru-home .reportimg {
  width: 132px !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.16) !important;
}

.csru-home .reportimg img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.csru-home .reportdet h3 {
  max-width: 620px;
  margin-bottom: 14px !important;
  font-size: clamp(18px, 1.5vw, 25px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

.csru-home .reportdet h5 {
  color: var(--csru-muted) !important;
  font-size: 13px !important;
}

.csru-home .report-price {
  width: auto !important;
  padding-left: 26px !important;
  border-left: 1px solid var(--csru-line) !important;
}

.csru-home .report-price h3 {
  color: var(--csru-green-dark) !important;
}

.csru-home .report-price .star,
.csru-home .report-price .a2a_kit {
  display: none !important;
}

.csru-home .report-price .Preview {
  width: 100% !important;
  min-height: 44px !important;
  background: var(--csru-green) !important;
  box-shadow: 0 12px 28px rgba(45, 139, 71, 0.22);
}

.csru-home .right-bar.deskt {
  position: sticky;
  top: 120px;
  gap: 22px !important;
}

.csru-home .right-bar .white-bg2 {
  padding: 22px !important;
  border-radius: 22px !important;
  border: 1px solid var(--csru-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  box-shadow: 0 18px 54px rgba(15, 23, 42, 0.08) !important;
}

.csru-home .right-bar h6 {
  color: var(--csru-ink) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.csru-home .folower ul {
  justify-content: flex-start;
}

.csru-home .folower ul li a {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #ffffff !important;
  border: 1px solid var(--csru-line);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.csru-home .folower ul li a img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain;
}

.csru-home .CSRMagazine .item img {
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
}

.csru-home .CSRMagazine p a {
  color: var(--csru-green-dark) !important;
  font-weight: 800;
}

.csru-home .projectli {
  margin-top: 28px;
}

.csru-home .projectli ul {
  padding: 0 !important;
}

.csru-home .projectli ul li {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  margin-bottom: 18px !important;
  padding-bottom: 18px !important;
}

.csru-home .projectli .project-img img {
  width: 74px !important;
  height: 58px !important;
  border-radius: 14px !important;
}

.csru-home .projectli .projectdet h4 {
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.csru-home .projectli .projectdet p {
  margin: 6px 0 0 !important;
  color: var(--csru-muted) !important;
  font-weight: 650;
}

.csru-home .csru-section-magazine {
  margin: 0 !important;
  padding: 74px 0 84px;
  background:
    radial-gradient(circle at 14% 20%, rgba(45, 139, 71, 0.12), transparent 30%),
    linear-gradient(180deg, #f8fafc 0%, #eef7f1 100%) !important;
}

.csru-home .csru-section-magazine .heading {
  max-width: 1320px;
  margin: 0 auto 30px !important;
  border-bottom: 0 !important;
}

.csru-home .magzine1 .item {
  padding: 0 !important;
}

.csru-home .magzine1 .item a {
  display: block;
  padding: 10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.csru-home .magzine1 .item img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 14px;
}

.csru-home .owl-nav button {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid var(--csru-line) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.1) !important;
}

.csru-home .owl-nav button span {
  color: var(--csru-ink) !important;
  font-size: 26px !important;
  line-height: 1 !important;
}

.csru-home .owl-dots .owl-dot span {
  width: 8px !important;
  height: 8px !important;
  background: rgba(45, 139, 71, 0.22) !important;
  transition: width 180ms ease, background 180ms ease !important;
}

.csru-home .owl-dots .owl-dot.active span {
  width: 24px !important;
  background: var(--csru-green) !important;
}

.csru-home .csru-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 520ms ease, transform 520ms ease;
}

.csru-home .csru-is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 1600px) {
  .csru-home .container {
    max-width: 1440px !important;
  }

  .csru-home .csru-hero-heading {
    max-width: 840px;
  }

  .csru-home .firstban .banner-img.csru-hero-card {
    min-height: 590px;
  }
}

@media (max-width: 1199px) {
  .csru-home .details-bar .col-md-9 {
    padding-right: 15px;
  }

  .csru-home .details-bar .col-md-3 {
    padding-left: 15px;
  }

  .csru-home .firstban .banner-img.csru-hero-card {
    min-height: 460px;
  }
}

@media (max-width: 991px) {
  .csru-home .main-banner.csru-hero {
    padding: 118px 0 54px !important;
  }

  .csru-home .csru-hero-heading {
    margin-bottom: 24px;
  }

  .csru-home .firstban {
    margin-bottom: 24px;
  }

  .csru-home .firstban .banner-img.csru-hero-card {
    min-height: 420px;
  }

  .csru-home .details-bar .col-md-3,
  .csru-home .right-bar.deskt {
    display: none !important;
  }

  .csru-home .details-bar .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .csru-home .report.csru-report-card {
    grid-template-columns: 1fr !important;
  }

  .csru-home .report-price {
    padding: 20px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--csru-line) !important;
  }
}

@media (max-width: 767px) {
  .csru-home {
    overflow-x: hidden;
  }

  .csru-home .container {
    width: 100%;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .csru-home .main-banner.csru-hero {
    padding: 112px 0 42px !important;
  }

  .csru-home .csru-hero-heading h1 {
    font-size: 38px !important;
    line-height: 1.02 !important;
  }

  .csru-home .csru-hero-heading p {
    font-size: 15px;
  }

  .csru-home .csru-hero-grid.row,
  .csru-home .csru-hero-grid .row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .csru-home .csru-hero-grid [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .csru-home .firstban .banner-img.csru-hero-card,
  .csru-home .banner-img.csru-hero-card {
    min-height: 320px;
    aspect-ratio: 4 / 3 !important;
    margin-bottom: 16px;
  }

  .csru-home .firstban .latest-detail,
  .csru-home .latest-detail {
    padding: 20px !important;
  }

  .csru-home .firstban .latest-detail h4 a {
    font-size: 24px !important;
  }

  .csru-home .latest-detail h4 a {
    font-size: 17px !important;
  }

  .csru-home .details-bar.csru-content {
    padding: 48px 0 34px !important;
  }

  .csru-home .csru-section {
    margin-bottom: 56px !important;
  }

  .csru-home .csru-section-partners {
    padding: 24px 18px;
    border-radius: 22px;
  }

  .csru-home .csru-section .heading,
  .csru-home main.details-bar .heading,
  .csru-home main.details-bar .comp-list .heading,
  .csru-home main.details-bar .Reports .heading {
    grid-template-columns: 1fr !important;
    grid-template-areas: "title" "copy" "action" !important;
    align-items: start !important;
  }

  .csru-home .heading h2,
  .csru-home main.details-bar .heading h2 {
    font-size: 27px !important;
  }

  .csru-home .heading p,
  .csru-home main.details-bar .heading p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .csru-home .heading .view-more {
    justify-self: start !important;
    margin-top: 4px !important;
  }

  .csru-home .artical-details h4 {
    min-height: 0;
  }

  .csru-home .list-armg > ul > li,
  .csru-home .NGO-artical .comp-list .list-armg > ul > li {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    padding: 20px !important;
  }

  .csru-home .complogo {
    width: 52px;
    height: 52px;
  }

  .csru-home .report-detail {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .csru-home .reportimg {
    width: 92px !important;
  }

  .csru-home .report.csru-report-card {
    padding: 20px !important;
  }

  .csru-home .reportdet h3 {
    font-size: 17px !important;
  }

  .csru-home .csru-section-magazine {
    padding: 52px 0 72px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .csru-home *,
  .csru-home *::before,
  .csru-home *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }

  .csru-home .csru-reveal {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 767px) {

  /* Prevent horizontal scrolling on mobile viewports */
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* Hide search bar on mobile */
  .search-btn {
    display: none !important;
  }

  /* Spacing adjustments on mobile header */
  header .container-fluid {
    padding: 6px 12px 6px 12px !important;
  }

  header .header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
  }

  .logo img {
    width: 105px !important;
    /* Perfect size when search is removed */
  }

  .main-menu {
    margin-left: auto !important;
  }

  .top-menu {
    gap: 0 !important;
  }

  .login-btn a.login {
    font-size: 11px !important;
    padding: 5px 12px !important;
    box-shadow: none !important;
    border-radius: var(--radius-sm) !important;
  }

  .main-banner {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
  }

  .firstban .banner-img {
    aspect-ratio: 16/10 !important;
  }

  .firstban .latest-detail h4 a {
    font-size: 14px !important;
    /* Clean font size for mobile text overlay */
  }

  .heading h2 {
    font-size: 20px !important;
  }

  .report {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .report-price {
    width: 100% !important;
    border-left: none !important;
    border-top: 1px solid var(--border-color) !important;
    padding-left: 0 !important;
    padding-top: 16px !important;
    align-items: center !important;
  }

  .report-price .Preview {
    max-width: 200px !important;
  }

  #footer {
    padding-bottom: 80px !important;
    /* Spacing for bottom nav */
  }
}

/* More & Events Overlay Custom Section Styling */
.more-sections-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  text-align: left !important;
}

.more-section-group {
  margin-bottom: 12px !important;
}

.more-section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 10px 0 !important;
  border-bottom: 1px solid #F1F5F9 !important;
  padding-bottom: 4px !important;
}

.more-grid-single {
  display: block !important;
  width: 100% !important;
}

.more-grid-item.full-width {
  width: 100% !important;
  align-items: center !important;
  flex-direction: row !important;
}

/* Push sections down to clear the fixed header on all viewports */
.home-live-showcase-section {
  padding-top: 32px !important;
}

@media (max-width: 991px) {
  .home-live-showcase-section {
    padding-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .home-live-showcase-section {
    padding-top: 16px !important;
  }
}

/* Global scroll margin offsets for sticky header anchor navigation */
html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 130px !important;
}

section,
main,
[id],
div[id],
section[id] {
  scroll-margin-top: 130px !important;
}

/* Modernized Homepage Section Headers */
.heading {
  margin-bottom: 40px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Premium uppercase section tag labels */
.heading::before {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Context-specific uppercase section tags */
.Related-artical:nth-of-type(1) .heading::before {
  content: "Latest Coverage";
}

.Related-artical:nth-of-type(2) .heading::before {
  content: "Expert Dialogues";
}

.Related-artical:nth-of-type(3) .heading::before {
  content: "Multimedia Hub";
}

.Our-partner .heading::before {
  content: "Partnership & Impact";
}

.NGO-artical:nth-of-type(1) .heading::before {
  content: "Implementation Partners";
}

.Reports .heading::before {
  content: "Knowledge Base";
}

.NGO-artical:nth-of-type(2) .heading::before {
  content: "Corporate Donors";
}

.Related-artical:nth-of-type(4) .heading::before {
  content: "Ecosystem Stewardship";
}

.Related-artical:nth-of-type(5) .heading::before {
  content: "Compliance & Governance";
}

.Related-artical:nth-of-type(6) .heading::before {
  content: "Historical Database";
}

.heading h2 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--text-primary) !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 6px 0 !important;
}

.heading p {
  font-size: 14px !important;
  color: var(--text-secondary) !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* Redesign Video Grid Iframes for Premium Rounded look */
.Related-artical iframe {
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-md) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  aspect-ratio: 16/9 !important;
  height: auto !important;
}

/* Horizontal spacing between main categories sections */
main.details-bar section {
  margin-bottom: 64px !important;
}

/* Homepage section header cleanup: remove legacy crossing lines and cramped CTAs. */
main.details-bar .heading,
main.details-bar .comp-list .heading,
main.details-bar .Reports .heading {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "title action"
    "copy action" !important;
  align-items: center !important;
  column-gap: 24px !important;
  row-gap: 8px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
}

main.details-bar .heading::before {
  content: none !important;
  display: none !important;
}

main.details-bar .heading::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  display: block !important;
  width: 56px !important;
  height: 2px !important;
  background: var(--primary-color) !important;
  border-radius: 999px !important;
}

main.details-bar .heading h2,
main.details-bar .section-heading h2 {
  grid-area: title !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--text-primary) !important;
  font-size: clamp(24px, 2.1vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

main.details-bar .heading h2 .heading-icon,
main.details-bar .section-heading h2 .heading-icon {
  display: none !important;
}

main.details-bar .heading p,
main.details-bar .heading h2 + p,
main.details-bar .section-heading p {
  grid-area: copy !important;
  max-width: 680px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #475569 !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

main.details-bar .heading h2 + p::before,
main.details-bar .heading p::before {
  content: none !important;
  display: none !important;
}

main.details-bar .heading .view-more {
  grid-area: action !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
}

main.details-bar .heading .view-more a {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 16px !important;
  border-radius: var(--radius-full) !important;
  border: 1px solid rgba(45, 139, 71, 0.18) !important;
  background: rgba(45, 139, 71, 0.08) !important;
  color: var(--primary-color) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

main.details-bar .heading .view-more a:hover {
  background: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
}

main.details-bar .Our-partner .heading {
  display: block !important;
}

main.details-bar .Our-partner .section-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 16px !important;
  margin: 0 !important;
}

main.details-bar .Related-artical,
main.details-bar .NGO-artical,
main.details-bar .Reports {
  margin-top: 0 !important;
  margin-bottom: 70px !important;
}

main.details-bar .home_content_banner,
main.details-bar .article_top_banner {
  margin: 0 0 54px !important;
}

@media (max-width: 767px) {
  main.details-bar .heading,
  main.details-bar .comp-list .heading,
  main.details-bar .Reports .heading {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "copy"
      "action" !important;
    row-gap: 10px !important;
    margin-bottom: 22px !important;
    padding-bottom: 16px !important;
  }

  main.details-bar .heading h2,
  main.details-bar .section-heading h2 {
    font-size: 24px !important;
    line-height: 1.16 !important;
  }

  main.details-bar .heading p,
  main.details-bar .heading h2 + p,
  main.details-bar .section-heading p {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  main.details-bar .heading .view-more {
    justify-self: start !important;
    margin-top: 2px !important;
  }

  main.details-bar .Our-partner .section-heading {
    grid-template-columns: 1fr !important;
  }

  main.details-bar .Related-artical,
  main.details-bar .NGO-artical,
  main.details-bar .Reports {
    margin-bottom: 46px !important;
  }

  main.details-bar .home_content_banner,
  main.details-bar .article_top_banner {
    margin-bottom: 36px !important;
  }
}

/* Homepage final polish layer: loaded last to override legacy homepage CSS. */
.csru-home {
  background:
    radial-gradient(circle at 78% 0%, rgba(45, 139, 71, 0.11), transparent 34rem),
    linear-gradient(180deg, #fbfdfc 0%, #f7faf8 45%, #ffffff 100%) !important;
}

.csru-home .container,
.csru-home .home_top_banner .container,
.csru-home .home_content_banner .container {
  width: min(1840px, calc(100% - 64px)) !important;
  max-width: 1840px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.csru-home .main-banner.csru-hero {
  padding: 110px 0 72px !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(45, 139, 71, 0.13), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%) !important;
}

.csru-home .csru-hero-heading {
  max-width: 900px !important;
  margin-bottom: 34px !important;
}

.csru-home .csru-hero-heading h1 {
  max-width: 820px;
  font-size: clamp(48px, 5vw, 84px) !important;
  text-transform: none !important;
}

.csru-home .csru-hero-heading p {
  max-width: 760px !important;
  font-size: 20px !important;
}

.csru-home .csru-hero-grid.row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 28px;
  margin: 0 !important;
}

.csru-home .csru-hero-grid > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

.csru-home .csru-hero-grid .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin: 0 !important;
}

.csru-home .secondban,
.csru-home .thirdban {
  margin: 0 !important;
  padding: 0 !important;
}

.csru-home .firstban .banner-img.csru-hero-card {
  min-height: 560px !important;
}

.csru-home .banner-img.csru-hero-card {
  margin: 0 !important;
  border-radius: 24px !important;
}

.csru-home .details-bar.csru-content {
  padding: 86px 0 40px !important;
}

.csru-home .details-bar.csru-content > .container > .row {
  display: block !important;
  margin: 0 !important;
}

.csru-home .details-bar .col-md-9,
.csru-home .details-bar .col-md-3 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.csru-home .csru-section {
  margin-bottom: 92px !important;
}

.csru-home .csru-section::before {
  display: block !important;
  margin-bottom: 14px !important;
  color: var(--csru-green) !important;
}

.csru-home .csru-section .heading,
.csru-home main.details-bar .heading,
.csru-home main.details-bar .comp-list .heading,
.csru-home main.details-bar .Reports .heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "title action" "copy action" !important;
  align-items: center !important;
  margin-bottom: 46px !important;
  padding-bottom: 24px !important;
}

.csru-home .heading h2,
.csru-home main.details-bar .heading h2,
.csru-home main.details-bar .section-heading h2 {
  grid-area: title !important;
  font-size: clamp(34px, 3vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.csru-home .heading p,
.csru-home main.details-bar .heading p,
.csru-home main.details-bar .section-heading p {
  grid-area: copy !important;
  max-width: 850px !important;
  margin-top: 8px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

.csru-home .heading .view-more {
  grid-area: action !important;
}

.csru-home .heading .view-more a {
  min-height: 48px !important;
  padding: 0 24px !important;
  font-size: 15px !important;
}

.csru-home .heading .view-more a::after,
.csru-home .read-more a::after {
  content: none !important;
}

.csru-home .view-more a svg,
.csru-home .read-more a svg,
.csru-home .csru-card-meta svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  vertical-align: -2px;
}

.csru-home .csru-card-meta svg {
  margin-left: 0;
  margin-right: 2px;
}

.csru-home .owl-carousel .owl-stage-outer {
  padding: 8px 0 32px !important;
  overflow: hidden !important;
}

.csru-home .owl-item {
  align-items: stretch !important;
}

.csru-home .owl-item .item,
.csru-home .csru-card,
.csru-home .sanitation,
.csru-home .list-armg {
  height: 100% !important;
}

.csru-home .csru-article-card,
.csru-home .csru-video-card {
  min-height: 430px !important;
}

.csru-home .artical-details {
  min-height: 210px !important;
  justify-content: flex-start !important;
}

.csru-home .artical-details h4 {
  min-height: 84px !important;
  font-size: 20px !important;
  line-height: 1.34 !important;
}

.csru-home .read-more {
  margin-top: auto !important;
}

.csru-home .read-more a {
  min-height: 40px !important;
  padding: 0 14px 0 0 !important;
  font-size: 15px !important;
}

.csru-home .csru-section-videos {
  padding: 46px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 139, 71, 0.18), transparent 30%),
    #101827 !important;
  box-shadow: 0 28px 90px rgba(15, 23, 42, 0.15);
}

.csru-home .csru-section-videos::before,
.csru-home .csru-section-videos .heading h2,
.csru-home .csru-section-videos .heading p {
  color: #ffffff !important;
}

.csru-home .csru-section-videos .heading {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.csru-home .csru-section-videos .view-more a {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

.csru-home .csru-section-videos .sanitation {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

.csru-home .csru-section-partners {
  width: min(1560px, 100%);
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 52px !important;
  min-height: auto !important;
}

.csru-home .csru-section-partners .heading,
.csru-home main.details-bar .Our-partner .heading {
  display: block !important;
  margin-bottom: 34px !important;
  padding-bottom: 22px !important;
  text-align: left !important;
}

.csru-home .csru-section-partners .section-heading,
.csru-home main.details-bar .Our-partner .section-heading {
  display: block !important;
  text-align: left !important;
}

.csru-home .csru-section-partners .section-heading h2,
.csru-home .csru-section-partners .section-heading p {
  display: block !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  text-align: left !important;
}

.csru-home .csru-section-partners .owl-carousel {
  min-height: 230px;
}

.csru-home .csru-partner-card {
  min-height: 230px !important;
}

.csru-home .NGO-artical .owl-stage-outer,
.csru-home .Reports .owl-stage-outer {
  padding-bottom: 26px !important;
}

.csru-home .list-armg {
  min-height: 300px !important;
}

.csru-home .list-armg > ul > li,
.csru-home .NGO-artical .comp-list .list-armg > ul > li {
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 20px !important;
  padding: 30px !important;
}

.csru-home .complogo {
  width: 72px !important;
  height: 72px !important;
}

.csru-home .complogo img,
.csru-home .NGO-artical .comp-list .complogo > img {
  max-width: 54px !important;
  max-height: 54px !important;
}

.csru-home .Research-Foundation h3,
.csru-home .listing-li h3 {
  font-size: 22px !important;
}

.csru-home .Research-Foundation ul li,
.csru-home .Research-Foundation p,
.csru-home .Research-Foundation .city {
  font-size: 15px !important;
}

.csru-home .Research-Foundation p {
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

.csru-home .report.csru-report-card {
  min-height: 360px;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  padding: 44px !important;
}

.csru-home .reportimg {
  width: 160px !important;
}

.csru-home .reportdet h3 {
  font-size: clamp(28px, 2.4vw, 44px) !important;
  max-width: 860px !important;
}

.csru-home .report-price {
  justify-content: center !important;
}

.csru-home .report-price h3 {
  font-size: 36px !important;
}

.csru-home .right-bar.deskt {
  position: static !important;
  display: block !important;
  margin: 8px 0 88px !important;
}

.csru-home .right-bar .white-bg2 {
  display: grid;
  grid-template-columns: 280px minmax(280px, 360px) minmax(0, 1fr);
  gap: 34px;
  align-items: start;
  padding: 34px !important;
  border-radius: 28px !important;
}

.csru-home .right-bar .white-bg2 > h6,
.csru-home .right-bar .white-bg2 > .folower {
  grid-column: 1;
}

.csru-home .right-bar .CSRMagazine {
  grid-column: 2 / 4;
  display: grid;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  margin-bottom: 0 !important;
}

.csru-home .CSRMagazine > h6,
.csru-home .CSRMagazine > .owl-carousel {
  grid-column: 1;
}

.csru-home .CSRMagazine .projectli {
  grid-column: 2;
  grid-row: 1 / span 5;
  margin-top: 0 !important;
}

.csru-home .home_sidebar_banner {
  margin-top: 22px !important;
}

.csru-home .projectli ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.csru-home .projectli ul li {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--csru-line) !important;
  border-radius: 18px;
  background: #ffffff;
}

.csru-home .csru-reveal,
.csru-home .owl-item .csru-reveal {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 1199px) {
  .csru-home .container,
  .csru-home .home_top_banner .container,
  .csru-home .home_content_banner .container {
    width: min(100% - 36px, 1180px) !important;
  }

  .csru-home .csru-hero-grid.row,
  .csru-home .csru-hero-grid .row {
    gap: 18px;
  }

  .csru-home .right-bar .white-bg2,
  .csru-home .right-bar .CSRMagazine {
    grid-template-columns: 1fr;
  }

  .csru-home .right-bar .CSRMagazine,
  .csru-home .CSRMagazine .projectli {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 767px) {
  .csru-home .container,
  .csru-home .home_top_banner .container,
  .csru-home .home_content_banner .container {
    width: min(100% - 28px, 720px) !important;
  }

  .csru-home .main-banner.csru-hero {
    padding: 96px 0 44px !important;
  }

  .csru-home .csru-hero-heading h1 {
    font-size: 40px !important;
  }

  .csru-home .csru-hero-heading p {
    font-size: 16px !important;
  }

  .csru-home .csru-hero-grid.row,
  .csru-home .csru-hero-grid .row {
    display: block !important;
  }

  .csru-home .banner-img.csru-hero-card {
    min-height: 300px !important;
    margin-bottom: 18px !important;
  }

  .csru-home .csru-section .heading,
  .csru-home main.details-bar .heading,
  .csru-home main.details-bar .comp-list .heading,
  .csru-home main.details-bar .Reports .heading {
    grid-template-columns: 1fr !important;
    grid-template-areas: "title" "copy" "action" !important;
  }

  .csru-home .heading h2,
  .csru-home main.details-bar .heading h2,
  .csru-home main.details-bar .section-heading h2 {
    font-size: 32px !important;
  }

  .csru-home .heading p,
  .csru-home main.details-bar .heading p,
  .csru-home main.details-bar .section-heading p {
    font-size: 15px !important;
  }

  .csru-home .csru-section-videos,
  .csru-home .csru-section-partners {
    padding: 24px !important;
    border-radius: 24px;
  }

  .csru-home .artical-details h4 {
    min-height: 0 !important;
    font-size: 18px !important;
  }

  .csru-home .csru-article-card,
  .csru-home .csru-video-card {
    min-height: 0 !important;
  }

  .csru-home .report.csru-report-card {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
  }

  .csru-home .report-detail {
    grid-template-columns: 100px minmax(0, 1fr) !important;
  }

  .csru-home .reportimg {
    width: 100px !important;
  }

  .csru-home .reportdet h3 {
    font-size: 21px !important;
  }

  .csru-home .projectli ul {
    grid-template-columns: 1fr;
  }
}