.nn9-flow-graphic {
  overflow: hidden;
  position: relative;
  margin-top: 7%; }

.nn9-flow-graphic__pattern {
  background-image: url("/companyinfo-site/about-site/Pages/vision/svg/Infinite.svg");
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 3%; }
  .nn9-flow-graphic__pattern:after {
    content: '';
    padding-top: 50%;
    display: block; }

.nn9-flow-graphic__bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 50%;
  float: left; }

.nn9-flow-graphic__heading {
  color: black;
  margin: 0 !important;
  font-size: 7vw !important;
  line-height: 1 !important; }
  @media screen and (min-width: 768px) {
    .nn9-flow-graphic__heading {
      font-size: 4.2vw !important;
      padding: 10% !important;
      padding-top: 20% !important;
      width: 50%;
      position: absolute;
      top: 0; }
      .nn9-flow-graphic__bubble--right .nn9-flow-graphic__heading {
        right: 0;
        padding-left: 12% !important; }
      .nn9-flow-graphic__bubble--left .nn9-flow-graphic__heading {
        left: 0;
        padding-right: 12% !important; } }
  @media screen and (min-width: 992px) {
    .nn9-flow-graphic__heading {
      font-size: 2.6rem !important; } }

.nn9-flow-graphic__subheading {
  color: #B91819;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3em, transparent), color-stop(0.3em, #fa821e), color-stop(0.5em, #fa821e), color-stop(0.5em, transparent));
  background-image: linear-gradient(to bottom, transparent 0.3em, #fa821e 0.3em, #fa821e 0.5em, transparent 0.5em);
  background-repeat: repeat-y;
  background-size: 100% 1em;
  display: inline-block;
  padding: 0 0.8vw !important;
  margin: 0 auto !important;
  font-size: 4.2vw !important;
  line-height: 1 !important; }
  @media screen and (min-width: 768px) {
    .nn9-flow-graphic__subheading {
      font-size: 3.7vw !important; } }
  @media screen and (min-width: 992px) {
    .nn9-flow-graphic__subheading {
      font-size: 2.3rem !important; } }

.nn9-flow-graphic__bubble--right {
  padding-left: 3%; }

.nn9-flow-graphic__bubble--left {
  padding-right: 3%; }

.nn9-flow-powering__heading {
  border: 2px solid #fa821e;
  background: white;
  padding: 15px 0 7px !important;
  line-height: 1 !important;
  font-size: 1.8rem !important;
  text-align: center;
  width: 100%;
  color: black;
  margin: 10% 0 0 !important; }

.nn9-flow-powering__text {
  border: 2px solid #fa821e;
  background: #fa821e;
  padding: 15px 0 11px !important;
  line-height: 1 !important;
  font-size: 1.8rem !important;
  margin: 0 0 7% !important;
  text-align: center;
  width: 100%;
  color: white; }