@charset "UTF-8";

  .flow-summary-container {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flow-summary-container .wrapper {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    margin: auto;
  }
  .flow-summary-container .item {
    position: relative;
    border: 1px solid #000;
    margin: 2rem;
    padding: 9rem 0 1rem;
    width: 50px;
    text-align: right;
    line-height: 50px;
  }
  .flow-summary-container .item:not(:last-child)::after {
    content: '\0bb';
    position: absolute;
    right: -3rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
  }
  .flow-summary-container .item .num {
    position: absolute;
    top: 0;
    left: 0;
    background: #1eace5;
    background: #c54f3d;
    width: 50px;
    height: 50px;
    color: #FFF;
    text-align: center;
    writing-mode: horizontal-tb;
  }
  .flow-summary-container .item .num::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -50px;
    left: 0;
    border: 25px solid transparent;
    border-top: 25px solid #c54f3d;
  }
  .flow-summary-container {
    counter-reset: number 0; 
  }
  .vertical-text {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }

  #flowContent_1 {
    counter-reset: section;
  }
  #flowContent_1 + section .inner_item_txt,
  #flowContent_3 + section .inner_item_txt,
  #flowContent_5 + section .inner_item_txt,
  #flowContent_7 + section .inner_item_txt {
    position: relative;
    left: -5rem;
    bottom: -8rem;
    padding: 3rem;
    background: rgba(30,172,229,0.7);
    background: rgba(197,79,61,0.7);
    color: #FFF;
  }
  #flowContent_1 + section .inner_item_txt .heading:before ,
  #flowContent_3 + section .inner_item_txt .heading:before ,
  #flowContent_5 + section .inner_item_txt .heading:before ,
  #flowContent_7 + section .inner_item_txt .heading:before {
    counter-increment: section;
    content: "0" counter(section);
    top: -2rem;
    width: auto;
    height: auto;
    border: none;
    color: rgba(220, 220, 220, 0.5);
    font-size: 4rem;
  }
  #flowContent_2 + section .inner_item_txt,
  #flowContent_4 + section .inner_item_txt,
  #flowContent_6 + section .inner_item_txt {
    position: relative;
    left: 5rem;
    bottom: -8rem;
    padding: 3rem;
    background: rgba(30,172,229,0.7);
    background: rgba(197,79,61,0.7);
    color: #FFF;
  }
  #flowContent_2 + section .inner_item_txt .heading:before,
  #flowContent_4 + section .inner_item_txt .heading:before,
  #flowContent_6 + section .inner_item_txt .heading:before {
    counter-increment: section;
    content: "0" counter(section);
    top: -2rem;
    width: auto;
    height: auto;
    border: none;
    color: rgba(220, 220, 220, 0.5);
    font-size: 4rem;
  }
  #flowContent_1 + section .inner_item_txt .heading.block_header_2 .h:before,
  #flowContent_2 + section .inner_item_txt .heading.block_header_2 .h:before,
  #flowContent_3 + section .inner_item_txt .heading.block_header_2 .h:before,
  #flowContent_4 + section .inner_item_txt .heading.block_header_2 .h:before,
  #flowContent_5 + section .inner_item_txt .heading.block_header_2 .h:before,
  #flowContent_6 + section .inner_item_txt .heading.block_header_2 .h:before,
  #flowContent_7 + section .inner_item_txt .heading.block_header_2 .h:before {
      display: none;
}
  @media (max-width: 900px) {
    #flowContent_1 + section .inner_item_txt,
    #flowContent_2 + section .inner_item_txt,
    #flowContent_3 + section .inner_item_txt,
    #flowContent_4 + section .inner_item_txt,
    #flowContent_5 + section .inner_item_txt,
    #flowContent_6 + section .inner_item_txt,
    #flowContent_7 + section .inner_item_txt {
      left: 0;
      bottom: 0;
      padding: 3rem !important;
    }
  }