.global-top-ribbon-v221 {
  box-sizing: border-box;
  width: 100%;
  min-height: 51px;
  margin: 0;
  padding: 0 clamp(1.25rem, 5vw, 6.25rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  background: #173d32 !important;
  color: #fff !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  position: relative;
  z-index: 10000;
}

.global-top-ribbon-v221.global-top-ribbon-existing > * { display: none !important; }
.global-top-ribbon-v221.global-top-ribbon-existing::before { content: "54 COUNTRIES. PLAN WITH CONTEXT."; }
.global-top-ribbon-v221.global-top-ribbon-existing::after { content: "DISCOVER AFRICA BEYOND THE HEADLINES."; }

body:has(> .global-top-ribbon-v221 + .card) { display: block; }
body > .global-top-ribbon-v221 + .card { margin: 0 auto; }

@media (max-width: 700px) {
  .global-top-ribbon-v221 {
    min-height: 38px;
    padding: 0 .85rem;
    justify-content: center;
    text-align: center;
    font-size: 9px !important;
    letter-spacing: .14em !important;
  }
  .global-top-ribbon-v221 > span:last-child,
  .global-top-ribbon-v221.global-top-ribbon-existing::after { display: none; content: none; }
}