.our-services .page-title {
  margin-bottom: 30px; }

.service {
  padding-bottom: 186px;
  background: url(../../images/misc/bgbottom-about-iot.png) bottom 0 center no-repeat;
  background-color: #fff; }
  @media screen and (min-width: 1921px) {
    .service {
      background-size: contain; } }
  @media (max-width: 767px) {
    .service {
      padding-bottom: 80px; } }
  .service__item {
    margin-bottom: 120px;
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .service__item {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .service__item:nth-child(odd) .col-sm-6:nth-child(odd) {
        order: 2; }
      .service__item:nth-child(odd) .col-sm-6:nth-child(even) {
        order: 1;
        margin-bottom: 2rem; } }
    @media (max-width: 767px) {
      .service__item:nth-child(even) .col-sm-6:nth-child(odd) {
        margin-bottom: 2rem; } }
  .service__title {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: -0.64px;
    color: #000000;
    display: block;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .service__title {
        font-size: 18px; } }
  .service__content {
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: 0.27px;
    color: #7a7a7a;
    max-width: 407px;
    display: inline-block;
    margin-bottom: 26px; }
    @media (max-width: 767px) {
      .service__content {
        font-size: 14px; } }
  .service .img-bg-white {
    top: initial;
    bottom: 0;
    transform: translateX(52.2%);
    opacity: 0.7; }
  .service__wrap {
    position: relative;
    z-index: 3; }
    .service__wrap .row {
      display: flex;
      flex-wrap: wrap; }
  .service .-align-right {
    text-align: right; }
    .service .-align-right .service__title {
      text-align: right; }
      @media (max-width: 767px) {
        .service .-align-right .service__title {
          text-align: center; } }
    @media (max-width: 767px) {
      .service .-align-right {
        text-align: center;
        width: 100%; } }
  .service .-align-left {
    text-align: left; }
    @media (max-width: 767px) {
      .service .-align-left {
        text-align: center;
        width: 100%; } }
  .service .ieg-button {
    min-width: 230px;
    display: inline-flex; }
    @media (max-width: 767px) {
      .service .ieg-button {
        margin-bottom: 50px; } }
  .service .col-sm-6 {
    padding: 0 30px; }
  .service .img-bg-grey {
    transform: translateX(67.2%);
    top: initial;
    bottom: -11%; }

.life-cycle {
  padding-top: 60px;
  height: 1546px; }
  @media (max-width: 767px) {
    .life-cycle {
      padding-top: 183px;
      height: initial; } }
  .life-cycle .img-bg-white {
    top: initial;
    bottom: 0;
    transform: translateX(82.2%);
    opacity: 0.7; }
  .life-cycle .container {
    position: relative;
    height: 100%; }
  .life-cycle__wrap {
    position: relative;
    z-index: 3;
    height: 100%; }
  .life-cycle__head {
    padding-left: 31%; }
    @media (max-width: 767px) {
      .life-cycle__head {
        padding-left: 0; } }
  .life-cycle__title {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1.36px;
    color: #000000;
    margin-bottom: 30px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .life-cycle__title {
        font-size: 48px;
        padding-left: 43%; } }
    @media (max-width: 767px) {
      .life-cycle__title {
        text-align: center;
        font-size: 32px;
        padding-left: 0;
        position: relative;
        z-index: 10;
        letter-spacing: initial;
        margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .life-cycle__nav {
      text-align: center;
      margin-bottom: 50px; } }
  .life-cycle__nav-item {
    display: inline-block; }
    .life-cycle__nav-item.active .life-cycle__nav-link {
      color: #ffffff;
      background-color: #4f4d59;
      border: solid 1px transparent; }
    .life-cycle__nav-item:first-child {
      margin-right: 20px; }
  .life-cycle__nav-link {
    display: inline-block;
    width: 120px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #4f4d59;
    background-color: transparent;
    border: solid 1px #7a7a7a;
    border-radius: 4px;
    box-shadow: none;
    font-weight: bold;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s; }
    .life-cycle__nav-link:hover {
      color: #ffffff;
      background-color: #4f4d59; }
  .life-cycle__caption {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.27px;
    color: #4a4a4a;
    max-width: 636px;
    margin: 0 0 30px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .life-cycle__caption {
        font-size: 14px;
        padding-left: 43%; } }
    @media (max-width: 767px) {
      .life-cycle__caption {
        padding-left: 0;
        font-size: 13px;
        text-align: left;
        margin-bottom: 15px;
        text-align: center;
        min-height: 76px; } }
  .life-cycle__top-img {
    position: absolute;
    top: -17px;
    left: 0;
    border-radius: 50%;
    border: 4px solid #c7c7c7; }
    @media (max-width: 767px) {
      .life-cycle__top-img {
        max-width: 160px;
        border: 2px solid #c7c7c7;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -187px; } }
  .life-cycle__content {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.27px;
    text-align: right;
    color: #4a4a4a; }
    @media (min-width: 768px) and (max-width: 991px) {
      .life-cycle__content {
        font-size: 13px; } }
    @media (max-width: 767px) {
      .life-cycle__content {
        float: left;
        width: 50% !important;
        max-width: 160px !important;
        font-size: 13px;
        padding-top: 0 !important;
        margin: 0 !important;
        text-align: left; } }
  .life-cycle__item {
    width: 50%;
    position: absolute;
    margin-bottom: 85px; }
    @media (max-width: 767px) {
      .life-cycle__item {
        width: 100%;
        position: relative;
        top: initial !important;
        left: initial !important;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 106px;
        justify-content: center;
        min-height: 190px; } }
    .life-cycle__item.-position-1 {
      top: 29%; }
      .life-cycle__item.-position-1 .life-cycle__content {
        width: 41%;
        float: left;
        margin-right: 20px;
        padding-top: 100px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .life-cycle__item.-position-1 .life-cycle__content {
            padding-top: 46px; } }
    .life-cycle__item.-position-2 {
      top: 16%;
      left: 63%; }
      .life-cycle__item.-position-2 .life-cycle__content {
        max-width: 243px;
        text-align: left;
        margin-top: 15px; }
      @media (max-width: 767px) {
        .life-cycle__item.-position-2 .life-cycle__img-wrap {
          padding: 0 20px 0 0; } }
      .life-cycle__item.-position-2 .life-cycle__stick {
        right: -23px; }
    .life-cycle__item.-position-3 {
      top: 49%;
      left: 55%; }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__item.-position-3 {
          top: 43%;
          left: 68%; } }
      .life-cycle__item.-position-3 .life-cycle__img-wrap {
        float: left; }
        @media (max-width: 767px) {
          .life-cycle__item.-position-3 .life-cycle__img-wrap {
            order: 2; } }
      .life-cycle__item.-position-3 .life-cycle__content {
        width: 41%;
        float: left;
        text-align: left;
        margin-left: 20px;
        padding-top: 90px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .life-cycle__item.-position-3 .life-cycle__content {
            padding-top: 58px; } }
      .life-cycle__item.-position-3 .life-cycle__stick {
        transform: rotate(9deg);
        right: -11px;
        bottom: -10px; }
    .life-cycle__item.-position-4 {
      top: 53%; }
      @media (max-width: 767px) {
        .life-cycle__item.-position-4 {
          margin-bottom: 92px; } }
      .life-cycle__item.-position-4 .life-cycle__content {
        width: 31%;
        float: left;
        margin-right: 20px;
        padding-top: 67px; }
        @media (max-width: 767px) {
          .life-cycle__item.-position-4 .life-cycle__content {
            order: 2; } }
      @media (max-width: 767px) {
        .life-cycle__item.-position-4 .life-cycle__img-wrap {
          padding: 0 20px 0 0; } }
      .life-cycle__item.-position-4 .life-cycle__stick {
        transform: rotate(-10deg);
        right: -11px;
        bottom: -4px; }
    .life-cycle__item.-position-5 {
      top: 77%;
      left: 47%; }
      .life-cycle__item.-position-5 .life-cycle__img-wrap {
        float: left; }
        @media (max-width: 767px) {
          .life-cycle__item.-position-5 .life-cycle__img-wrap {
            order: 2; } }
      .life-cycle__item.-position-5 .life-cycle__content {
        width: 41%;
        float: left;
        text-align: left;
        margin-left: 20px;
        padding-top: 155px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .life-cycle__item.-position-5 .life-cycle__content {
            padding-top: 42px; } }
      .life-cycle__item.-position-5 .life-cycle__stick {
        right: initial;
        left: 5px;
        bottom: -10px; }
  .life-cycle__img-wrap {
    position: relative;
    display: inline-block; }
    @media (max-width: 767px) {
      .life-cycle__img-wrap {
        width: 50%;
        text-align: left;
        max-width: 160px;
        padding-left: 20px; } }
    .life-cycle__img-wrap.-deg-5 {
      transform: rotate(5deg); }
    .life-cycle__img-wrap.-deg--6 {
      transform: rotate(-6deg); }
  .life-cycle__item-img {
    border-radius: 5px;
    border: solid 2px #c7c7c7;
    max-width: 198px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .life-cycle__item-img {
        max-width: 190px; } }
    @media (max-width: 767px) {
      .life-cycle__item-img {
        border-radius: 3.5px;
        border: solid 1.5px #c7c7c7;
        max-width: 136px; } }
  .life-cycle__stick {
    position: absolute;
    bottom: 0;
    right: 0; }
  .life-cycle__path {
    position: absolute; }
    @media (max-width: 767px) {
      .life-cycle__path {
        display: none; } }
    .life-cycle__path.-mobile {
      display: none; }
      @media (max-width: 767px) {
        .life-cycle__path.-mobile {
          display: block; } }
    .life-cycle__path.-path-1 {
      top: 18%;
      left: 10%; }
      .life-cycle__path.-path-1.-mobile {
        top: 7.2%;
        left: 47%;
        display: none; }
    .life-cycle__path.-path-2 {
      top: 21%;
      left: 40%; }
      .life-cycle__path.-path-2.-mobile {
        top: 26%;
        left: 40%; }
    .life-cycle__path.-path-3 {
      top: 23%;
      left: 72%; }
      .life-cycle__path.-path-3.-mobile {
        top: 44.6%;
        left: 36%; }
    .life-cycle__path.-path-4 {
      top: 51%;
      left: 34%; }
      .life-cycle__path.-path-4.-mobile {
        top: 62.9%;
        left: 40%; }
    .life-cycle__path.-path-5 {
      top: 69%;
      left: 25%; }
      .life-cycle__path.-path-5.-mobile {
        top: 82.2%;
        left: 33%; }
    .life-cycle__path.-path-6 {
      top: 92%;
      left: 44%; }
      .life-cycle__path.-path-6.-mobile {
        top: 100.1%;
        left: 40%; }
  .life-cycle__foot {
    position: absolute;
    z-index: 5; }
    @media (max-width: 767px) {
      .life-cycle__foot {
        display: none; } }
    .life-cycle__foot.-foot-1 {
      top: 26%;
      left: 6%; }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-1 {
          top: 22%;
          left: 4%; } }
    .life-cycle__foot.-foot-2 {
      top: 27%;
      left: 13%; }
    .life-cycle__foot.-foot-3 {
      top: 35.6%;
      left: 45%;
      transform: rotate(-47deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-3 {
          display: none; } }
    .life-cycle__foot.-foot-4 {
      top: 28.6%;
      left: 57%;
      transform: rotate(179deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-4 {
          top: 38.6%;
          transform: rotate(213deg); } }
    .life-cycle__foot.-foot-5 {
      top: 22.6%;
      left: 51%;
      transform: rotate(-83deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-5 {
          top: 25.6%;
          left: 53%;
          transform: rotate(-101deg); } }
    .life-cycle__foot.-foot-6 {
      top: 23.6%;
      left: 88.6%;
      transform: rotate(18deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-6 {
          top: 22.6%;
          left: 96.6%; } }
    .life-cycle__foot.-foot-7 {
      top: 32.6%;
      left: 86.6%;
      transform: rotate(-1deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-7 {
          left: 97.6%; } }
    .life-cycle__foot.-foot-8 {
      top: 40.6%;
      left: 91.6%;
      transform: rotate(86deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-8 {
          display: none; } }
    .life-cycle__foot.-foot-9 {
      top: 43.6%;
      left: 80.6%;
      transform: rotate(44deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-9 {
          display: none; } }
    .life-cycle__foot.-foot-10 {
      top: 53.9%;
      left: 49.6%;
      transform: rotate(119deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-10 {
          left: 57.6%; } }
    .life-cycle__foot.-foot-11 {
      top: 50.9%;
      left: 40.6%;
      transform: rotate(73deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-11 {
          left: 47.6%; } }
    .life-cycle__foot.-foot-12 {
      top: 74.9%;
      left: 28.6%;
      transform: rotate(-3deg); }
    .life-cycle__foot.-foot-13 {
      top: 80.3%;
      left: 36.6%;
      transform: rotate(-107deg); }
    .life-cycle__foot.-foot-14 {
      top: 98.3%;
      left: 59.4%;
      transform: rotate(93deg); }
      @media (min-width: 768px) and (max-width: 991px) {
        .life-cycle__foot.-foot-14 {
          top: 98.3%;
          left: 69.3%; } }
    .life-cycle__foot.-foot-15 {
      top: 98.1%;
      left: 43.5%;
      transform: rotate(27deg); }
    .life-cycle__foot.-foot-16 {
      top: 107.3%;
      left: 46.6%;
      transform: rotate(46deg); }

.we-help {
  text-align: center;
  padding: 205px 0 50px; }
  @media (max-width: 767px) {
    .we-help {
      padding: 0 0 60px; } }
  .we-help__wrap {
    position: relative;
    z-index: 3; }
    @media (max-width: 767px) {
      .we-help__wrap {
        margin-top: 10px; } }
  .we-help__title {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1.36px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .we-help__title {
        font-size: 32px;
        margin-bottom: 20px; } }
  .we-help__caption {
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: 0.3px;
    text-align: center;
    color: #000000; }
    @media (max-width: 767px) {
      .we-help__caption {
        font-size: 14px; } }
  .we-help__button-wrap {
    text-align: center;
    margin: 60px 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
  .we-help .ieg-button {
    max-width: 286px;
    overflow: hidden;
    font-weight: bold;
    background-size: 363px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2; }
    @media (max-width: 767px) {
      .we-help .ieg-button {
        margin: 10px auto !important;
        font-size: 12px;
        max-width: 220px;
        min-width: initial; } }
    .we-help .ieg-button:nth-child(1) {
      margin-right: 80px; }
  .we-help .img-bg-white {
    top: initial;
    bottom: -42%;
    transform: translateX(91%); }

/*# sourceMappingURL=our-services.css.map */