.pg-mb-apps-steps {
  padding: 100px 0; }
  .pg-mb-apps-steps .title h6 {
    color: #0379a4;
    margin-bottom: 10px; }
  .pg-mb-apps-steps .title h3 {
    font-size: 27px; }
  .pg-mb-apps-steps .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative; }
    .pg-mb-apps-steps .steps .line {
      position: absolute;
      left: 40px;
      bottom: 20px;
      width: calc(100% - 80px);
      height: 1px;
      background-color: #1d2a3b40;
      -webkit-transform: rotate(5.8deg);
      -ms-transform: rotate(5.8deg);
      transform: rotate(5.8deg);
      -webkit-transform-origin: right;
      -ms-transform-origin: right;
      transform-origin: right;
      -webkit-transition: all 2s linear;
      -o-transition: all 2s linear;
      transition: all 2s linear;
      -webkit-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
      transition-delay: 0.5s; }
    .pg-mb-apps-steps .steps .step-card {
      text-align: center;
      position: relative;
      z-index: 10; }
      .pg-mb-apps-steps .steps .step-card:nth-of-type(1) {
        padding-top: 180px; }
      .pg-mb-apps-steps .steps .step-card:nth-of-type(2) {
        padding-top: 145px; }
      .pg-mb-apps-steps .steps .step-card:nth-of-type(3) {
        padding-top: 115px; }
      .pg-mb-apps-steps .steps .step-card:nth-of-type(4) {
        padding-top: 75px; }
      .pg-mb-apps-steps .steps .step-card:nth-of-type(5) {
        padding-top: 45px; }
      .pg-mb-apps-steps .steps .step-card .icon {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #0379a414;
        margin-bottom: 20px; }
      .pg-mb-apps-steps .steps .step-card .info {
        position: relative;
        z-index: 10; }
        .pg-mb-apps-steps .steps .step-card .info p {
          font-size: 14px;
          color: #1d2a3b82;
          margin-bottom: 10px; }
        .pg-mb-apps-steps .steps .step-card .info h6 {
          font-size: 21px;
          margin-bottom: 30px; }
        .pg-mb-apps-steps .steps .step-card .info .num {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border: 1px dashed #1d2a3b;
          color: #1d2a3b;
          font-size: 18px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          background-color: #fff; }