.pump-banner {
  background-position: top center; }

.challenges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 60px;
  padding-bottom: 140px; }
  .challenges__title {
    flex: 0 0 100%;
    margin-bottom: 45px;
    margin-top: 0; }
  .challenges .list__item .item__img {
    margin-bottom: 50px; }

.solution {
  background-color: #f2f2f2;
  padding: 83px 0; }

.benefits {
  padding-top: 83px;
  padding-bottom: 114px; }
  .benefits__title {
    margin-bottom: 90px; }
  .benefits .benefits__list {
    flex-wrap: wrap;
    justify-content: space-around; }
    .benefits .benefits__list .list__item {
      flex: 0 0 331px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column; }
      .benefits .benefits__list .list__item:nth-child(n + 4) {
        margin-top: 60px; }
      .benefits .benefits__list .list__item .item__img {
        margin-bottom: 37px; }

.sub-title {
  font-size: 45px;
  letter-spacing: -0.45px;
  text-align: center;
  color: #00a0e9;
  font-weight: 400; }

.list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0; }
  .list__title {
    margin-bottom: 90px; }
  .list .list__item {
    flex: 0 0 30%; }
    .list .list__item .item__img {
      display: block;
      max-width: 100%; }

@media screen and (max-width: 1279px) {
  .pump-banner {
    padding: 0 15px; }
    .pump-banner .text {
      max-width: 100%; }
      .pump-banner .text .title {
        height: auto; }
      .pump-banner .text .des {
        max-width: 100%; }

  .challenges,
  .benefits,
  .footer_new .web_m,
  .fleet_safe_3,
  .solution .web_w {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px; }

  .challenges,
  .benefits,
  .solution {
    padding-top: 30px;
    padding-bottom: 80px; }

  .challenges .list__item .item__img {
    margin-bottom: 30px; }

  .solution .web_w picture img {
    display: block;
    max-width: 100%; }

  .fleet_safe_3 .text .title .more_btn {
    margin: 10px auto 0; }

  .benefits .benefits__list .list__item {
    margin-bottom: 30px; }
    .benefits .benefits__list .list__item:nth-child(n + 4) {
      margin-top: 0; } }
@media screen and (max-width: 767px) {
  .pump-banner {
    height: 360px; }

  .challenges .list .list__item .item__img {
    margin-bottom: 20px; }

  .list {
    flex-wrap: wrap; }
    .list .list__item {
      flex: 0 0 100%; }
      .list .list__item .item__img {
        margin: 0 auto; }

  .benefits__title {
    margin-bottom: 30px; }
  .benefits .benefits__list .list__item {
    margin-bottom: 30px; }
    .benefits .benefits__list .list__item .item__img {
      margin-bottom: 17px;
      max-width: 60%; }

  .challenges,
  .benefits,
  .solution {
    padding-top: 30px;
    padding-bottom: 50px; }

  .fleet_safe_3 .text .title .more_btn {
    margin: 50px auto 0; } }

/*# sourceMappingURL=pump.css.map */