/*
 * Business Voice C10 R1 HF52
 * Client-review quote + ecosystem arrow correction.
 *
 * Public hero quote panels:
 * - preserve each page's existing yellow opening mark
 * - add a yellow closing mark using the exact same .quote-mark class
 * - keep both marks visible and balanced on desktop/tablet/mobile
 *
 * About ecosystem:
 * - both transitions are arrows, never plus signs
 */

/* About Business Voice — both connectors are arrows and must be visible. */
.about-page--hf2 .ecosystem-flow .ecosystem-arrow{
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-family:Arial,"Segoe UI Symbol",sans-serif!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:800!important;
}

/* Closing mark receives the SAME page-owned font size/colour as the opening
   because it also carries the .quote-mark class. These rules only control
   placement. */
.hero__quote .quote-mark--close,
.about-hero__quote .quote-mark--close,
.hiw-hero__quote .quote-mark--close,
.donate-hero__quote .quote-mark--close,
.track-hero__quote .quote-mark--close,
.report-hero__quote .quote-mark--close,
.adv-hero__quote .quote-mark--close,
.route-hero__quote .quote-mark--close,
.success-hero__quote .quote-mark--close,
.news-hero__quote .quote-mark--close,
.faq-hero__quote .quote-mark--close,
.contact-hero__quote .quote-mark--close{
  display:block!important;
  float:none!important;
  align-self:flex-end!important;
  width:auto!important;
  margin:-7px 0 7px auto!important;
  padding:0!important;
  text-align:right!important;
  line-height:.62!important;
}

/* Client requested visible opening AND closing marks on every public hero.
   Some historical mobile rules hid .quote-mark; restore the pair here. */
.hero__quote > .quote-mark:first-child,
.about-hero__quote > .quote-mark:first-child,
.hiw-hero__quote > .quote-mark:first-child,
.donate-hero__quote > .quote-mark:first-child,
.track-hero__quote > .quote-mark:first-child,
.report-hero__quote > .quote-mark:first-child,
.adv-hero__quote > .quote-mark:first-child,
.route-hero__quote > .quote-mark:first-child,
.success-hero__quote > .quote-mark:first-child,
.news-hero__quote > .quote-mark:first-child,
.faq-hero__quote > .quote-mark:first-child,
.contact-hero__quote > .quote-mark:first-child{
  display:block!important;
}

@media(max-width:820px){
  .hero__quote .quote-mark--close,
  .about-hero__quote .quote-mark--close,
  .hiw-hero__quote .quote-mark--close,
  .donate-hero__quote .quote-mark--close,
  .track-hero__quote .quote-mark--close,
  .report-hero__quote .quote-mark--close,
  .adv-hero__quote .quote-mark--close,
  .route-hero__quote .quote-mark--close,
  .success-hero__quote .quote-mark--close,
  .news-hero__quote .quote-mark--close,
  .faq-hero__quote .quote-mark--close,
  .contact-hero__quote .quote-mark--close{
    margin:-4px 0 5px auto!important;
  }
}