.service {
  text-align: center;
  padding: 90px 0;

  @include tablet {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .service-item {
    padding-bottom: 30px;

    i {
      font-size: 50px;
      color: $color-primary;
    }

    h4 {
      padding-top: 15px;
      margin: 0;
      margin-top: 10px;
      font-weight: 500;
      text-transform: uppercase;
    }

    p {
      padding-top: 10px;
      margin: 0;
    }
  }
}

.dark-service {
  .title {
    color: $white;
  }

  .service-item {
    padding-bottom: 30px;
    text-align: center;

    i {
      color: $white;
      font-size: 40px;
      margin-bottom: 10px;
    }

    h4 {
      color: $white;
      padding-top: 15px;
      margin: 0;
      margin-top: 10px;
      font-weight: 500;
      text-transform: uppercase;
    }

    p {
      padding-top: 10px;
      margin: 0;
    }
  }
}

.service-about {
  p {
    line-height: 28px;
  }
}





.service-arrow {
  .block {
    padding: 70px 30px;

    i {
      font-size: 40px;
    }

    p {
      color: $white;
    }
  }
}




.service-list {
  .block {
    padding: 30px;
    margin-bottom: 20px;
    background: $white;
  }
}