@charset "UTF-8";

 #flow_parts + section {
      .flow-wrapper {
          padding: 20px;
          border-radius: 10px;
          background-color: #ffffff85;
          width: min(85%,850px);
          margin: 0 auto;
          display: flex;
          align-items: center;
          flex-direction: column;
      }
      .flow-wrapper h3{
          position: relative;
          color:var(--i_btn_color);
      }
      .flow-wrapper h3:before{
          content: '';
          position: absolute;
          top: 50%;
          left: -40px;
          transform: translate(0,-50%);
          background-color: var(--i_btn_color);
          height: 2px;
          width: 30px;
      }
      .flow-wrapper h3:after{
          content: '';
          position: absolute;
          top: 50%;
          right: -40px;
          transform: translate(0,-50%);
          background-color: var(--i_btn_color);
          height: 2px;
          width: 30px;
      }
      .flow-main{
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 10px;
          margin-top: 10px;
      }
      .step {
          display: flex;
          flex-direction: column;
          align-items: center;
      }
      .step p {
          writing-mode: vertical-rl;
          text-orientation: upright;
          text-align: center;
          background-color: var(--i_btn_color);
          color: white;
          border-radius: 25px;
          padding: 10px 15px;
          margin: 0;
          height: 200px;
          font-size: 14px;
          font-weight: bold;
      }
      .arrow {
          font-size: 24px;
          color: var(--i_bg_color);
      }
      .flow-wrapper > p {
          text-align: center;
      }
      @media screen and (max-width: 900px) {
          .flow-main{
              flex-direction: column;
              gap:0px;
          }
          .step p {
              writing-mode: unset;
              height: auto;
              width:200px;
          }
          .arrow {
              transform: rotate(90deg);
          }
      }
  }