.icon-content-blocks {
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
}

.icon-content-blocks__wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.icon-content-blocks__head {
  position: relative;
}

.icon-content-blocks__title {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  max-width: calc(100% - 226px);
  text-wrap-style: balance;
}

.icon-content-blocks__icon {
  position: absolute;
  top: -60px;
  right: -110px;
  width: 226px;
  height: 164px;
  z-index: -1;
}

.icon-content-blocks__icon img {
  width: 100%;
  height: auto;
}

.icon-content-blocks__body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.icon-content-blocks__item {
  display: grid;
  grid-template-columns: 68px minmax(0, 770px);
  gap: 20px;
}

.icon-content-blocks__item-content {
  display: flex;
  flex-direction: column;
}

.icon-content-blocks__item-content ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 15px 0 0 30px;
  padding: 0;
}

.icon-content-blocks__item-icon img {
  width: 100%;
  height: auto;
}

.icon-content-blocks__shape {
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 1201px) {
  .icon-content-blocks__shape {
    position: absolute;
    width: clamp(200px, 40vw, 642px);
    height: clamp(250px, 42vw, 693px);
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos1 {
    top: clamp(-140px, -8vw, -80px);
    right: clamp(-642px, -45vw, -220px);
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos2 {
    top: clamp(-333px, -22vw, -190px);
    right: clamp(-547px, -38vw, -188px);
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos3 {
    top: clamp(-423px, -25vw, -242px);
    right: clamp(-500px, -30vw, -172px);
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos4 {
    top: clamp(-380px, -23vw, -217px);
    right: clamp(-550px, -33vw, -189px);
  }
}

@media screen and (max-width: 1200px) {
  .icon-content-blocks__shape {
    width: 300px;
    height: 350px;
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos1 {
    top: -140px;
    right: -170px;
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos2 {
    top: -100px;
    right: -150px;
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos3 {
    top: -150px;
    right: -130px;
  }

  .icon-content-blocks__shape.icon-content-blocks__shape--pos4 {
    top: -100px;
    right: -150px;
  }
}

@media screen and (max-width: 768px) {
  .icon-content-blocks {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .icon-content-blocks__title {
    max-width: 100%;
    font-size: 36px;
  }

  .icon-content-blocks__icon,
  .icon-content-blocks__shape {
    display: none;
  }
}