.after-solution-head {
  width: 100%;
  height: 841px;
  background-image: url('/fileadmin/assets/v/ESS/after-sale/supportbanner.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.after-solution-head .after-solution-head-btn {
  width: 723px;
  padding-top: 89px;
  padding-bottom: 91px;
  font-size: 50px;
  border-radius: 20px;
  background-color: #00000040;
  position: absolute;
  top: 256px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  text-align: center;
  font-family: var(--font-MarkOTB);
}

.after-sale-solution-pa {
  padding-top: 169px;
}

.after-sale-solution-pa .solution-title {
  font-size: 50px;
  color: #000;
  text-align: center;
  font-family: var(--font-MarkOTB);
}

.after-sale-solution-pa .solution-imgs {
  display: grid;
  width: calc(100vw * calc(1200 / 1920));;
  margin: 55px auto 0;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 490px 390px;
  gap: 15px;
}

.after-sale-solution-pa .solution-imgs-a {
  grid-column: 1/3;
  background-image: url('/fileadmin/assets/v/ESS/after-sale/solution01.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}

.after-sale-solution-pa .solution-imgs-b {
  background-image: url('/fileadmin/assets/v/ESS/after-sale/solution02.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}

.after-sale-solution-pa .solution-imgs-c {
  background-image: url('/fileadmin/assets/v/ESS/after-sale/solution03.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}

.after-sale-solution-pa .solution-text {
  margin: 15px auto 0;
  width: calc(100vw * calc(1200 / 1920));
  box-sizing: border-box;
  padding: 79px 73px 85px;
  border-radius: 20px;
  background-color: #f7f7f9;
}

.after-sale-solution-pa .solution-sub-title {
  font-size: 36px;
  color: #000;
  font-family: var(--font-MarkOTB);
}

.after-sale-solution-pa .solution-info {
  margin-top: 39px;
  color: #000;
  font-size: 17px;
}

.after-sale-solution-pb {
  box-sizing: border-box;
  padding-top: 133px;
  padding-bottom: 261px;
}

.after-sale-solution-pb .solution-title {
  font-size: 50px;
  color: #000;
  text-align: center;
  font-family: var(--font-MarkOTB);
}

.after-sale-solution-pb .solution-imgs {
  display: grid;
  width: calc(100vw * calc(1200 / 1920));
  margin: 55px auto 0;
  grid-template-columns: 400fr 788fr;
  grid-template-rows: 421px 531px;
  gap: 15px;
}
.after-sale-solution-pb .solution-imgs-a {
  background-image: url('/fileadmin/assets/v/ESS/after-sale/solution04.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
.after-sale-solution-pb .solution-imgs-b {
  background-image: url('/fileadmin/assets/v/ESS/after-sale/solution05.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}

.after-sale-solution-pb .solution-imgs-c {
  grid-column: 1/3;
  background-image: url('/fileadmin/assets/v/ESS/after-sale/solution06.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}

.after-sale-solution-pb .solution-text {
  margin: 15px auto 0;
  width: calc(100vw * calc(1200 / 1920));
  box-sizing: border-box;
  padding: 77px 75px 90px;
  border-radius: 20px;
  background-color: #f7f7f9;
}

.after-sale-solution-pb .solution-info {
  color: #000;
  font-size: 17px;
}

@media (max-width: 769px) {
  .after-solution-head {
    width: 100%;
    height: calc(100vw * calc(650 / 750));
    background-image: url('/fileadmin/assets/v/ESS/after-sale/supportbannermob.png');
  }

  .after-solution-head .after-solution-head-btn {
    width: calc(100vw * calc(402 / 750));
    padding-top: calc(100vw * calc(43 / 750));
    padding-bottom: calc(100vw * calc(51 / 750));
    font-size: calc(100vw * calc(37 / 750));
    top: calc(100vw * calc(253 / 750));
    border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pa {
    padding-top: calc(100vw * calc(113 / 750));
  }

  .after-sale-solution-pa .solution-title {
    font-size: calc(100vw * calc(50 / 750));
  }

  .after-sale-solution-pa .solution-imgs {
    display: grid;
    width: calc(100vw * calc(650 / 750));
    margin: calc(100vw * calc(35 / 750)) auto 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: calc(100vw * calc(300 / 750)) calc(100vw * calc(215 / 750));
    gap: calc(100vw * calc(15 / 750));
  }

  .after-sale-solution-pa .solution-imgs-a {
    background-image: url('/fileadmin/assets/v/ESS/after-sale/solution01mob.png');
    border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pa .solution-imgs-b {
    background-image: url('/fileadmin/assets/v/ESS/after-sale/solution02mob.png');
    border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pa .solution-imgs-c {
    background-image: url('/fileadmin/assets/v/ESS/after-sale/solution03mob.png');
    border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pa .solution-text {
    margin: calc(100vw * calc(10 / 750)) auto 0;
    width: calc(100vw * calc(650 / 750));
    box-sizing: border-box;
    padding: calc(100vw * calc(36 / 750)) calc(100vw * calc(16 / 750)) calc(100vw * calc(34 / 750))
      calc(100vw * calc(30 / 750));
      border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pa .solution-sub-title {
    font-size: calc(100vw * calc(25 / 750));
  }

  .after-sale-solution-pa .solution-info {
    margin-top: calc(100vw * calc(31 / 750));
    font-size: calc(100vw * calc(21 / 750));
  }

  .after-sale-solution-pb {
    padding-top: calc(100vw * calc(102 / 750));
    padding-bottom: calc(100vw * calc(175 / 750));
  }

  .after-sale-solution-pb .solution-title {
    font-size: calc(100vw * calc(50 / 750));
  }

  .after-sale-solution-pb .solution-imgs {
    display: grid;
    width: calc(100vw * calc(650 / 750));
    margin: calc(100vw * calc(38 / 750)) auto 0;
    grid-template-columns: 220fr 421fr;
    grid-template-rows: calc(100vw * calc(295 / 750)) calc(100vw * calc(291 / 750));
    gap: calc(100vw * calc(15 / 750));
  }
  .after-sale-solution-pb .solution-imgs-a {
    background-image: url('/fileadmin/assets/v/ESS/after-sale/solution04mob.png');
    border-radius: calc(100vw * calc(20 / 750));
  }
  .after-sale-solution-pb .solution-imgs-b {
    background-image: url('/fileadmin/assets/v/ESS/after-sale/solution05mob.png');
    border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pb .solution-imgs-c {
    background-image: url('/fileadmin/assets/v/ESS/after-sale/solution06mob.png');
    border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pb .solution-text {
    margin: calc(100vw * calc(10 / 750)) auto 0;
    width: calc(100vw * calc(650 / 750));
    padding: calc(100vw * calc(37 / 750)) calc(100vw * calc(28 / 750)) calc(100vw * calc(34 / 750));
    border-radius: calc(100vw * calc(20 / 750));
  }

  .after-sale-solution-pb .solution-info {
    color: #000;
    font-size: calc(100vw * calc(21 / 750));
  }
}