.elementor-11048 .elementor-element.elementor-element-a0a3ce9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11048 .elementor-element.elementor-element-58395c7.elementor-element{--align-self:stretch;}.elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-slide-item{height:673px;background-color:#14ABF4;}.elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-slide-item .bdt-slide-desc{width:200px;max-width:200px;}.elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-navigation-prev i, .elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-navigation-next i{color:#fff;}.elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-navigation-prev i,
					.elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-navigation-next i{font-size:36px;}.elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-navigation-prev{left:35px;}.elementor-11048 .elementor-element.elementor-element-58395c7 .bdt-slider .bdt-navigation-next{right:35px;}.elementor-11048 .elementor-element.elementor-element-a0d9e4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-a0d9e4b *//* ── BOTTOM SECTION — fully scoped, won't touch header ── */
  .bottom-section {
    margin: 0 60px 80px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }

  /* QUOTE BOX */
  .quote-box {
    width: 100%;
    background: var(--navy);
    position: relative;
    padding: 52px 56px 48px;
    overflow: hidden;
  }
  .quote-box::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--blue) 0%, var(--blue-light) 60%, transparent 100%);
  }
  .quote-glyph {
    font-family: 'Playfair Display', serif;
    font-size: 130px;
    line-height: 1;
    color: var(--blue-light);
    opacity: 0.1;
    position: absolute;
    top: 12px; left: 36px;
    user-select: none;
    pointer-events: none;
  }
  .quote-body {
    position: relative;
    z-index: 1;
    border-left: 2px solid var(--blue);
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .quote-body p {
    font-family: 'Source Serif 4', serif;
    font-size: clamp(15px, 1.8vw, 16.5px);
    line-height: 1.82;
    color: #d4dbe6;
  }
  .quote-body p:first-child {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: clamp(16px, 2vw, 18px);
    color: #e8edf4;
  }
  .quote-body strong {
    font-weight: 600;
    color: var(--white);
  }
  .dot-cluster {
    position: absolute;
    bottom: 24px; right: 32px;
    display: grid;
    grid-template-columns: repeat(3, 5px);
    gap: 5px;
    opacity: 0.15;
  }
  .dot-cluster span {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--blue-light);
    display: block;
    animation: pulseDot 3s ease-in-out infinite;
  }
  .dot-cluster span:nth-child(2) { animation-delay: 0.4s; }
  .dot-cluster span:nth-child(3) { animation-delay: 0.8s; }
  .dot-cluster span:nth-child(4) { animation-delay: 1.2s; }
  .dot-cluster span:nth-child(5) { animation-delay: 1.6s; }
  .dot-cluster span:nth-child(6) { animation-delay: 2.0s; }
  .dot-cluster span:nth-child(7) { animation-delay: 2.4s; }
  .dot-cluster span:nth-child(8) { animation-delay: 2.8s; }
  .dot-cluster span:nth-child(9) { animation-delay: 3.2s; }
  @keyframes pulseDot {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50%       { opacity: 1;   transform: scale(1.4); }
  }

  /* CTA BOX */
  .cta-box {
    width: 100%;
    background: var(--white);
    border-top: 1px solid var(--border);
    position: relative;
    padding: 44px 56px;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s ease;
  }
  .cta-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--navy);
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform 0.5s cubic-bezier(0.22,1,0.36,1);
    z-index: 0;
  }
  .cta-box::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, var(--blue), var(--blue-light));
    z-index: 2;
  }
  .cta-box:hover { transform: translateY(-3px); box-shadow: 0 20px 56px rgba(13,27,46,0.12); }
  .cta-box:hover::after { transform: scaleY(1); }

  .cta-tag {
    position: absolute;
    top: 0; right: 40px;
    background: var(--blue);
    color: var(--white);
    font-family: 'DM Sans', sans-serif;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    padding: 5px 14px;
    z-index: 2;
    transition: background 0.3s;
  }
  .cta-box:hover .cta-tag { background: var(--blue-light); }

  .cta-inner { position: relative; z-index: 1; }

  /* scoped heading — uses .cta-heading class, NOT h2 globally */
  .cta-heading {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: clamp(20px, 2.5vw, 26px);
    line-height: 1.2;
    color: var(--navy);
    margin-bottom: 16px;
    transition: color 0.3s;
  }
  .cta-heading em { font-style: italic; color: var(--blue-mid); transition: color 0.3s; }
  .cta-box:hover .cta-heading       { color: var(--white); }
  .cta-box:hover .cta-heading em    { color: var(--blue-light); }

  .cta-rule {
    height: 2px;
    background: linear-gradient(to right, var(--blue) 50px, var(--border) 50px);
    margin-bottom: 20px;
    transition: background 0.3s;
  }
  .cta-box:hover .cta-rule {
    background: linear-gradient(to right, var(--blue-light) 50px, rgba(255,255,255,0.1) 50px);
  }

  .cta-text {
    font-family: 'Source Serif 4', serif;
    font-size: 16px;
    line-height: 1.82;
    color: var(--text2);
    max-width: 640px;
    transition: color 0.3s;
  }
  .cta-box:hover .cta-text { color: rgba(212,219,230,0.8); }

  .cta-corner {
    position: absolute;
    width: 16px; height: 16px;
    border-color: var(--border);
    border-style: solid;
    transition: width 0.3s, height 0.3s, border-color 0.3s;
    z-index: 2;
  }
  .cta-corner.c-tl { top: 10px; left: 10px; border-width: 2px 0 0 2px; }
  .cta-corner.c-tr { top: 10px; right: 10px; border-width: 2px 2px 0 0; }
  .cta-corner.c-bl { bottom: 10px; left: 10px; border-width: 0 0 2px 2px; }
  .cta-corner.c-br { bottom: 10px; right: 10px; border-width: 0 2px 2px 0; }
  .cta-box:hover .cta-corner { width: 26px; height: 26px; border-color: var(--blue-light); }

  @media (max-width: 820px) {
    .bottom-section { margin: 0 20px 60px; }
    .quote-box, .cta-box { padding: 36px 24px; }
  }


<!-- ============================================================
  PASTE 2 — Add this HTML just before your closing </body> tag
  (paste after the closing </div> of .shell)
=============================================================== -->

<div class="bottom-section">

  <!-- QUOTE BOX -->
  <div class="quote-box">
    <div class="quote-glyph">"</div>
    <div class="dot-cluster">
      <span></span><span></span><span></span>
      <span></span><span></span><span></span>
      <span></span><span></span><span></span>
    </div>
    <div class="quote-body">
      <p>The central question in global economics is no longer which model of capitalism is inherently superior, but which specific institutional configuration—or hybrid approaches most appropriate for a given context, purpose, and set of societal values.</p>
      <p>A pluralist approach to economic analysis rejects rigid universal blueprints. It brings vital trade-offs to the forefront, explicitly acknowledging that balancing flexibility with security, or sovereignty with integration, requires deliberate policy choices. By recognizing that power and politics fundamentally shape economic outcomes, we can engage in an adaptive strategy that evolves alongside new evidence and changing global conditions.</p>
      <p>In an era defined by complex disruptions—ranging from climate transitions and technological revolutions to geopolitical shifts—no single economic model holds all the answers. Recognizing and analyzing capitalist diversity is not mere academic observation; it serves as a <strong>critical strategic resource for policymakers, business leaders, and global analysts.</strong></p>
    </div>
  </div>

  <!-- CTA BOX -->
  <div class="cta-box">
    <div class="cta-corner c-tl"></div>
    <div class="cta-corner c-tr"></div>
    <div class="cta-corner c-bl"></div>
    <div class="cta-corner c-br"></div>
    <div class="cta-tag">Series</div>
    <div class="cta-inner">
      <h2 class="cta-heading">Follow the Series. <em>Shape the Future.</em></h2>
      <div class="cta-rule"></div>
      <p class="cta-text">We invite you to follow the Economic Model Development series as we publish deep-dive analyses, comparative studies, and strategic forecasts on these varying systems. Explore our upcoming reports to understand how distinct institutional frameworks are adapting to shape the future of the global economy.</p>
    </div>
  </div>

</div>/* End custom CSS */