/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.5.1751874909
Updated: 2025-07-07 07:55:09

*/
    .site-content .ast-container {
        display: unset;
    }
/* single post page */

.hero-section { 
  background-size: cover;
  background-position: center;
  height: 100vh;
  position: relative;
  color: white;
  display: flex;
  align-items: center;
  padding: 0 2rem;
}

.overlay {
  max-width: 800px;
}
.overlay h1 {
    color: #fff;
}
.tags {
    margin-bottom: 1rem;
    display: flex;
}

.tag {
  display: inline-block;
  padding: 6px 14px;
  margin-right: 8px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  color: white;
}

.orange {
  background-color: #f36c21;
}

.purple {
  background-color: #b96dd3;
}

.gray {
  background-color: #999;
}
 
 
.article-info-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  padding: 20px;
  width: 250px;
  font-size: 14px;
  color: #333;
}

.article-info-card h4 {
  margin: 0 0 16px;
  font-size: 16px;
  color: #333;
}

.info-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #4a4a4a;
}

.info-row i {
  margin-right: 8px;
  font-size: 14px;
  color: #555;
}

.level-badge {
  display: inline-block;
  background-color: #f36c21;
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 13px;
  margin: 10px 0 20px;
}

.action-buttons {
  display: flex;
  gap: 10px;
}

.action-btn {
  flex: 1;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.3s ease;
   color: #000;
}

.action-btn:hover {
  background-color: #f3f3f3;
	color: #000;
}

.ast-post-format-.single-layout-1 {
    display: flex;
    gap: 20px;
}
.entry-content.clear {
    width: 80%;
}
.right-sidebar {
    width: 20%;
}

.sidebar-wrapper {
  width: 300px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Subscribe Box */
.subscribe-box {
  background: linear-gradient(135deg, #8938d4, #b733b5);
  color: white;
  border-radius: 10px;
  padding: 20px;
  font-size: 14px;
}

.subscribe-box h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

.subscribe-box i {
  margin-right: 6px;
  color: #ffcc80;
}

.subscribe-box p {
  margin-bottom: 12px;
}

.subscribe-box input[type="email"] {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.3);
  margin-bottom: 10px;
  background-color: transparent;
  color: white;
}

.subscribe-box input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.subscribe-btn {
  width: 100%;
  background-color: #f36c21;
  border: none;
  padding: 10px;
  color: white;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
}

.subscribe-box small {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #f5e6ff;
}

/* Ad Placeholder */
/* .ad-box {
  background: #fff;
  border: 2px dashed #ddd;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  color: #666;
}
 */
.ad-image {
  width: 50px;
  height: 50px;
  background: #eee;
  border-radius: 10px;
  margin: 0 auto 10px;
}

/* Download PDF */
.download-box {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

.download-btn {
  width: 100%;
  background-color: #333;
  color: white;
  border: none;
  padding: 12px;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
}

.download-btn i {
  margin-right: 8px;
}

.download-note {
  margin-top: 10px;
  font-size: 13px;
  color: #555;
}
.contributors-card {
  background-color: #fff;
  padding: 20px;
  width: 300px;
  border-radius: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  color: #333;
}

.contributors-card h4 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}

.badge {
  display: inline-block;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 12px;
  margin: 10px 0 5px;
  font-weight: 600;
}

.badge-purple {
  background-color: #f3e9fc;
  color: #8e44ad;
}

.badge-green {
  background-color: #e6f5e6;
  color: #4caf50;
}

.badge-teal {
  background-color: #d8f1ea;
  color: #3e9c84;
}

.badge-gray {
  background-color: #eee;
  color: #555;
}

.author-section {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 10px;
}

.author-section img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.author-info {
  line-height: 1.4;
}

.org.orange {
    color: #f36c21;
    font-weight: 500;
    background: no-repeat;
}

.desc {
  color: #666;
  display: inline-block;
  margin-top: 4px;
}

.contributor-entry {
  margin: 12px 0;
  line-height: 1.5;
}

.role {
  color: #666;
}

.related-articles-wrapper {
  margin-top: 50px;
}

.related-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.related-header h2 {
  font-size: 24px;
  font-weight: bold;
}

.view-all-btn {
  background: #f9f9f9;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
}

.view-all-btn:hover {
  background: #efefef;
}

.related-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.related-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  width: 100%;
  max-width: 320px;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px;
}

.related-card .thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px 12px 0 0;
}

.meta-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px 0;
  font-size: 13px;
  color: #666;
}

.badge {
  background: #f5f5f5;
  color: #111;
  padding: 4px 10px;
  font-weight: 600;
  border-radius: 999px;
}

.read-time {
  font-size: 13px;
  color: #666;
}

.title {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 16px 0;
}

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

.excerpt {
  font-size: 14px;
  color: #444;
  padding: 8px 16px 0;
  flex-grow: 1;
}

.author-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px 0;
  font-size: 13px;
  color: #555;
}

.cta-banner {
  background: #2c2f3e;
  color: #fff;
  padding: 40px 20px;
  border-radius: 12px;
  text-align: center;
  max-width: 1000px;
  margin: 40px auto;
}

.cta-banner h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
	color: #fff;
}

.cta-banner p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 700px;
  margin: 0 auto 25px;
  color: #ccc;
}

.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.btn {
  padding: 12px 24px;
  font-size: 15px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn-orange {
  background-color: #f36c21;
  color: white;
  border: none;
}

.btn-orange:hover {
  background-color: #d85a10;
}

.btn-white {
  background-color: white;
  color: #000;
  border: none;
}

.btn-white:hover {
  background-color: #f0f0f0;
}
.toc {
    width: 30%;
    padding: 20px;
    position: sticky;
    top: 20px;
  }
  .content {
    width: 70%;
    padding: 20px;
  }
  .toc ul {
    list-style: none;
    padding: 0;
  }
  .toc li {
    padding: 5px 0;
  }
  .toc li.active {
    font-weight: bold;
    color: #0066cc;
  }
  .post-content section {
    margin-bottom: 40px;
  }
/* .heading-scrolling-section .content {
    width: 60%;
} */
  
.subscribe-box {
  background: linear-gradient(to bottom, #f0f4ff, #eaf0ff);
  border-radius: 10px;
  padding: 20px;
  width: 260px;
  font-family: Arial, sans-serif;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.subscribe-box h3 {
  font-size: 18px;
  color: #1a1a1a;
  margin-bottom: 10px;
  line-height: 1.4;
}

.subscribe-box p {
  font-size: 14px;
  color: #2b59e0;
  margin-bottom: 20px;
  line-height: 1.4;
}

.subscribe-box button {
  background-color: #2b59e0;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.subscribe-box button:hover {
  background-color: #1e47c0;
}


/* Wrapper scrolls vertically when main content scroll ends */
.scroll-wrapper {
/*   max-height: 100vh; */
  overflow-y: auto;
  position: relative;
}

/* Flex layout for toc - content - sidebar */
.heading-scrolling-section {
  display: flex;
/*   min-height: 100vh; */
}

/* Left sticky column */
.toc {
  width: 250px;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  padding: 20px;
  background: #f7f7f7;
  border-right: 1px solid #ddd;
}

/* Content scrolls first */
.content {
  flex: 1;
  max-height: 100vh;
  overflow-y: auto;
  padding: 30px;
}

/* Right sticky column */
.right-sidebar {
  width: 250px;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  padding: 20px;
  background: #f7f7f7;
  border-left: 1px solid #ddd;
}

/* Home post page */

.banner-section {
  max-width: 920px;
  margin: 0 auto;
}

.info-badge {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  padding: 12px 24px;
  border-radius: 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 40px;
}

.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
}

.dot-orange {
  background-color: #f97316;
}

.dot-purple {
  background-color: #a855f7;
}

.dot-blue {
  background-color: #60a5fa;
}

.badge-label {
  margin-left: 6px;
}

.main-heading {
  font-size: 46px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 30px;
}

.highlight-orange {
  color: #f97316;
}

.highlight-purple {
  color: #a855f7;
}

.highlight-green {
  color: #65a30d;
}

.description-text {
  font-size: 18px;
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 40px;
}

.route-text {
  font-size: 16px;
  color: #6b7280;
}

.updates-section {
  max-width: 1200px;
  background: #ffffff;
  margin: auto;
  padding: 30px 40px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.updates-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.updates-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
}

.icon-clock {
  font-size: 20px;
  color: #f97316;
  margin-right: 10px;
}

.view-all {
  font-size: 14px;
  font-weight: 600;
  color: #f97316;
  text-decoration: none;
}

.arrow {
  margin-left: 4px;
}

.updates-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.updates-column {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.update-item {
  position: relative;
  padding-right: 20px;
}

.update-item::after {
  content: "›";
  position: absolute;
  right: 0;
  top: 4px;
  font-size: 20px;
  color: #9ca3af;
}

.update-text {
  font-size: 16px;
  color: #1f2937;
  margin: 0 0 6px;
}

.update-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #6b7280;
}

.tag-label {
  background: #f4f4f5;
  border-radius: 999px;
  padding: 4px 10px;
  font-weight: 600;
  color: #000;
}

.meta-time::before {
  content: "⏱ ";
  margin-right: 2px;
}

/* ---------- Stats Section ---------- */
.stats-section {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.stat-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  width: 220px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: center;
}

.stat-icon {
  font-size: 28px;
  margin-bottom: 12px;
}

.stat-number {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: #1f2937;
}

.stat-label {
  margin: 5px 0 10px;
  font-size: 14px;
  color: #6b7280;
}

.stat-growth {
  font-size: 13px;
  color: #22c55e; /* Green by default */
}

.stat-growth.green {
  color: #22c55e;
}

/* ---------- CTA Section ---------- */
.cta-section {
  background: linear-gradient(to right, #4c1d95, #9333ea);
  color: white;
  border-radius: 18px;
  text-align: center;
  padding: 50px 20px;
  max-width: 1100px;
  margin: auto;
}

.cta-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}

.cta-subheading {
  font-size: 16px;
  color: #e0e0e0;
  margin-bottom: 30px;
  line-height: 1.6;
}

.cta-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.cta-btn {
  background-color: #f97316;
  color: white;
  font-weight: 600;
  padding: 12px 26px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.cta-placeholder {
  background-color: white;
  width: 160px;
  height: 44px;
  border-radius: 999px;
}

/* --- Section wrapper --- */
.theme-showcase{
  max-width:1100px;
  margin:60px auto;
  padding:0 20px;
  text-align:center;
}

.theme-heading{
  font-size:32px;
  font-weight:700;
  margin:0 0 12px;
}

.theme-tagline{
  font-size:16px;
  color:#4b5563;
  margin-bottom:40px;
}

/* --- Grid --- */
.theme-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    gap: 30px;
    justify-items: center;
}

/* --- Card --- */
.theme-card{
  width:100%;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
}

/* colored header */
.card-top{
  padding:24px 20px 20px;
  color:#fff;
  flex-grow:1;
}

.theme-card.orange .card-top{background:#f26522;}
.theme-card.green  .card-top{background:#5d9c3d;}
.theme-card.purple .card-top{background:#7c3aed;}

.card-icon{
  font-size:28px;
  margin-bottom:10px;
  display:inline-block;
}

.card-title{
  font-size:18px;
  font-weight:700;
  margin:0 0 6px;
}

.card-sub{
  font-size:14px;
  line-height:1.45;
  margin:0;
  color:#fefefe;
  opacity:.9;
}

/* white footer */
.card-bottom{
  background:#ffffff;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
  text-align:left;
  border-top:1px solid #f3f4f6;
}

.card-articles{
  font-size:14px;
  color:#6b7280;
}

.card-growth{
  font-size:14px;
  color:#22c55e;
}

.card-link{
  font-size:14px;
  font-weight:600;
  color:#f26522;
  text-decoration:none;
  align-self:flex-start;
}

.card-link:hover{
  text-decoration:underline;
}

/* --- Responsive tweaks --- */
@media(max-width:600px){
  .theme-heading{font-size:26px;}
  .theme-grid{gap:20px;}
}

/* ------ Section ------ */
.media-showcase{
  max-width:1100px;
  margin:70px auto;
  padding:0 20px;
  text-align:center;
}

.section-pill{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  padding:4px 14px;
  border-radius:50px;
  background:#fff;
  color:#f97316;
  box-shadow:0 0 0 1px #f97316 inset;
  margin-bottom:18px;
}

.media-title{
  font-size:30px;
  font-weight:700;
  margin:0 0 10px;
}

.media-tagline{
  font-size:15px;
  color:#4b5563;
  margin-bottom:40px;
}

/* ------ Grid ------ */
.media-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:32px 22px;
  justify-items:center;
}

/* ------ Card ------ */
.media-card{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
  display:flex;
  flex-direction:column;
  cursor:pointer;
  transition:box-shadow .2s;
}
.media-card:hover{
  box-shadow:0 6px 20px rgba(0,0,0,.07);
}

/* Thumbnail area */
.card-thumb{
  position:relative;
  height:180px;
  background-size:cover;
  background-position:center;
}

/* Use color overlay placeholders */
.card-thumb.video{background:url('https://placehold.co/600x360/008cff/ffffff?text=Video+') center/cover;}
.card-thumb.podcast{background:url('https://placehold.co/600x360/ffb703/ffffff?text=Podcast+') center/cover;}
.card-thumb.webinar{background:url('https://placehold.co/600x360/6b7280/ffffff?text=Webinar+') center/cover;}
.card-thumb.article{background:url('https://placehold.co/600x360/6366f1/ffffff?text=Article+') center/cover;}
.card-thumb.livestream{background:url('https://placehold.co/600x360/f43f5e/ffffff?text=Livestream+') center/cover;}
.card-thumb.report{background:url('https://placehold.co/600x360/10b981/ffffff?text=Report+') center/cover;}

/* Badges */
.badge{
  position:absolute;
  top:8px;
  padding:2px 8px;
  font-size:11px;
  font-weight:600;
  border-radius:4px;
  color:#fff;
}
.badge.left{left:8px;}
.badge.right{right:8px;}
.video-badge{background:#ef4444;}
.podcast-badge{background:#14b8a6;}
.webinar-badge{background:#6366f1;}
.article-badge{background:#374151;}
.livestream-badge{background:#f97316;}
.report-badge{background:#0d9488;}
.featured{background:#facc15; color:#000;}
.liveflag{
  top:32px;
  background:#ef4444;
}

/* Duration tag */
.duration{
  position:absolute;
  bottom:8px;
  right:8px;
  font-size:11px;
  font-weight:600;
  background:#000000c0;
  color:#fff;
  padding:2px 6px;
  border-radius:4px;
}
.pages{background:#1f2937c0;}

/* Body area */
.card-body{
  padding:16px 14px 18px;
  text-align:left;
}

.card-headline{
  font-size:16px;
  font-weight:600;
  margin:0 0 6px;
  line-height:1.35;
}

.card-author{
  font-size:13px;
  color:#6b7280;
  margin:0 0 12px;
}

.card-meta{
  display:flex;
  gap:10px;
  font-size:12px;
  color:#6b7280;
}

.meta-count::before{
  content:"👁️";
  margin-right:4px;
}

.meta-cat{
  padding:2px 6px;
  background:#f3f4f6;
  border-radius:3px;
  font-weight:600;
}

/* ------ Responsive tweak ------ */
@media(max-width:600px){
  .media-title{font-size:24px;}
  .media-grid{gap:24px;}
}
/* ── Section Layout ─────────────────── */
.board-section{
  max-width:1100px;
  margin:70px auto;
  padding:0 20px;
  text-align:center;
}

.board-pill{
  display:inline-block;
  padding:4px 14px;
  font-size:12px;
  font-weight:600;
  border-radius:50px;
  background:#fff7f2;
  color:#f97316;
  border:1px solid #f97316;
  margin-bottom:20px;
}

.board-heading{
  font-size:30px;
  font-weight:700;
  margin:0 0 10px;
}

.board-subheading{
  font-size:15px;
  color:#4b5563;
  margin:0 0 32px;
}

/* ── Legend ─────────────────────────── */
.board-legend{
  display:flex;
  justify-content:center;
  gap:30px;
  list-style:none;
  padding:0;
  margin:0 0 40px;
  font-size:13px;
  color:#4b5563;
}
.board-legend .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  margin-right:6px;
}
.dot.green{background:#22c55e;}
.dot.orange{background:#f97316;}
.dot.purple{background:#a855f7;}

/* ── Grid ───────────────────────────── */
.board-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:32px 24px;
  justify-items:center;
}

/* ── Card ───────────────────────────── */
.team-card{
  width:100%;
  border:1px solid #f1f1f5;
  border-left:3px solid transparent;
  border-radius:6px;
  padding:22px 20px 24px;
  text-align:left;
  background:#fff;
  position:relative;
  transition:box-shadow .2s,border-color .2s;
}
.team-card:hover{
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  border-left-color:#f97316;
}
.team-card.highlight{border-left-color:#f97316;}

.avatar{
  width:54px;
  height:54px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  margin-bottom:12px;
}
.avatar img{
  width:100%;height:100%;object-fit:cover;
}
.avatar.initials{
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:#fff;
}
.initials.orange{background:#f97316;}
.initials.purple{background:#7c3aed;}

.card-content{
  display:flex;
  flex-direction:column;
}
.member-name{
  font-size:16px;
  font-weight:700;
  margin:0 0 2px;
}
.member-role{
  font-size:13px;
  color:#6b7280;
  margin:0 0 2px;
}
.member-location{
  font-size:12px;
  color:#9ca3af;
  margin:0 0 12px;
}

.expertise-badge{
  display:inline-block;
  padding:3px 8px;
  background:#f3f4f6;
  font-size:11px;
  font-weight:600;
  border-radius:4px;
  margin-bottom:10px;
}

.member-bio{
  font-size:13px;
  color:#4b5563;
  margin:0 0 14px;
}

.qualifications{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  list-style:none;
  padding:0;
  margin:0 0 16px;
}
.qualifications li{
  background:#e5e7eb;
  font-size:11px;
  border-radius:3px;
  padding:2px 6px;
  font-weight:600;
  white-space:nowrap;
}

.social-icons{
  margin-top:auto;
  font-size:18px;
  color:#6b7280;
}
.social-icons a{
  margin-right:12px;
  text-decoration:none;
  transition:color .2s;
}
.social-icons a:hover{
  color:#f97316;
}

/* ── Responsive tweaks ──────────────── */
@media(max-width:600px){
  .board-heading{font-size:24px;}
  .board-grid{gap:24px;}
}

.dual-cards-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  padding: 40px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.card {
  border-radius: 10px;
  padding: 32px;
  color: white;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.governance-card {
  background: linear-gradient(135deg, #443654, #9b4ca6);
}

.advisory-card {
  background: linear-gradient(135deg, #86ce71, #029875);
}

.icon-wrap {
  display: inline-flex;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 16px;
}

.icon {
  font-size: 24px;
  color: white;
}

.card-title {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 6px;
}

.card-subtitle {
  font-size: 16px;
  color: #e0e0e0;
  margin: 0 0 20px;
}

.card-description {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.card-points {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

.card-points li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 15px;
}

.card-points li::before {
  content: "●";
  color: #ffa94d;
  position: absolute;
  left: 0;
  font-size: 12px;
  top: 3px;
}

.cta-button {
  background-color: #f97316;
  color: white;
  padding: 12px 18px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  transition: background 0.2s ease-in-out;
}

.cta-button:hover {
  background-color: #ea580c;
}

/* Advisory Panel Stats */
.advisory-stats {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 24px;
}

.stat {
  text-align: center;
}

.stat strong {
  font-size: 24px;
  display: block;
}

.stat span {
  font-size: 14px;
  opacity: 0.9;
}

/* Decorative bar */
.empty-bar {
  height: 48px;
  background: white;
  border-radius: 8px;
}

/* Section: Join Our Community */
.join-community-section {
  display: flex;
  justify-content: center;
  margin: 60px 0 40px;
}

.community-box {
  background: linear-gradient(90deg, #f97316, #fbbf24);
  padding: 32px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  max-width: 680px;
  width: 100%;
}

.community-box h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.community-box p {
  margin: 0 0 16px;
  font-size: 15px;
}

.community-meta {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
}

/* Section: Trusted Organizations */
.trusted-organizations-section {
  padding: 60px 20px;
  border-top: 1px solid #eee;
  text-align: center;
}

.trusted-content h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #1f2937;
}

.trusted-content p {
  font-size: 15px;
  color: #4b5563;
  margin-bottom: 40px;
}

.logos-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin-bottom: 40px;
}

.logos-grid img {
  background: #f9f9f9;
  padding: 14px 24px;
  border-radius: 8px;
  height: 80px;
  object-fit: contain;
}

/* Stats */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 32px;
  max-width: 800px;
  margin: 0 auto;
}

.stat {
  text-align: center;
}

.stat strong {
  font-size: 22px;
  display: block;
  font-weight: bold;
  color: #111827;
}

.stat span {
  font-size: 14px;
  color: #6b7280;
  display: block;
  margin-top: 4px;
}

.stat .orange {
  color: #f97316;
}

.stat .green {
  color: #22c55e;
}

/* ---- Banner Wrapper ---- */
.events-banner {
  background: linear-gradient(135deg, #3c3b47 0%, #4d4d5a 100%);
  border-radius: 18px;
  padding: 60px 20px;
  margin: 40px 0;
  text-align: center;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
}

/* ---- Inner Container (optional max‑width) ---- */
.events-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* Headline */
.events-title {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 14px;
}

/* Sub‑text */
.events-tagline {
  font-size: 17px;
  color: #cbd5e1;
  margin: 0 0 32px;
}

/* Flex for button + placeholder */
.events-actions {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

/* CTA button */
.events-btn {
  background: #f97316;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: background 0.2s ease;
}

.events-btn:hover {
  background: #ea580c;
}

/* Icon style */
.events-btn .icon {
  font-size: 18px;
}

/* White pill placeholder */
.events-placeholder {
  width: 260px;     /* matches screenshot proportion */
  height: 52px;
  background: #ffffff;
  border-radius: 6px;
}

/* ---- Responsive tweaks ---- */
@media (max-width: 600px) {
  .events-title   { font-size: 22px; }
  .events-tagline { font-size: 15px; }
  .events-btn     { width: 100%; justify-content: center; }
  .events-placeholder { width: 100%; }
}