body {
  background: black;
}
.fade-1 {
  width: 100%;
  height: 442px;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, #000000 14.3%, rgba(0, 0, 0, 0) 100%);
}
.fade-2 {
  width: 100%;
  height: 299px;
  left: 0px;
  top: 300px;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.colors {
  width: 100%;
  height: 608px;
  left: 0px;
  top: -8px;
  background: linear-gradient(
    84.67deg,
    #ffb39e 11.96%,
    #fe6cb1 33.66%,
    #fe5bb5 54.93%,
    #74a8ff 86.45%
  );
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}

.the-network {
  color: white;
  padding-top: 55px;
  padding-bottom: 160px;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  z-index: 5;
}

.electric-vehicles h5 {
  font-weight: 400;
  position: relative;
  top: -30px;
}
.the-network .text {
  max-width: 570px;
  margin-right: 15px;
}
.the-network .text p {
  margin-bottom: 20px;
  line-height: 1.625;
}
.the-network__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 30px;
  margin-top: 160px;
}
.electric-vehicles__flex {
  display: flex;
  justify-content: space-between;
}

.the-network__item h5 {
  margin-top: 20px;
  font-weight: 400;
}
.the-network__item p,
.the-network ul {
  line-height: 1.625;
  margin-top: 5px;
}

.the-network ul {
  margin-left: 20px;
}

.images {
  position: relative;
  z-index: 4;
}
.images__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  margin-top: 20px;
}

.the-network__item img {
  max-width: 100%;
  filter: drop-shadow(-15px 15px 30px rgba(0, 0, 0, 0.25));
  border-radius: 10px;
}
.shape-1 {
  position: absolute;
  background: url('/images/the-network/shape-1.png'),
    linear-gradient(#b782db 43.42%, #9500fb 105.76%);
  background-blend-mode: multiply;
  mix-blend-mode: normal;
  opacity: 0.6;
  filter: blur(300px);
  width: 660px;
  height: 613px;
  left: 60%;
  top: 8%;
  z-index: 2;
}
.shape-2 {
  position: absolute;
  left: 1.5%;
  top: 47.5%;
  background: url('/images/the-network/shape-2.png'),
    linear-gradient(32.5deg, #74a8ff 4.51%, #9500fb 81.82%);
  background-blend-mode: multiply;
  mix-blend-mode: normal;
  opacity: 0.6;
  filter: blur(300px);
  transform: rotate(16.47deg);
  width: 573px;
  height: 589px;
}

@media only screen and (max-width: 1024px) {
  .electric-vehicles__flex .text p {
    font-size: 14px;
  }
  .the-network__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .electric-vehicles__flex {
    flex-direction: column;
  }
  .electric-vehicles .text {
    max-width: 100%;
    margin-right: 0;
  }
  .electric-vehicles img {
    max-width: 100%;
    width: 100%;
  }
  .the-network__item img {
    width: 100%;
  }
  .shape-1,
  .shape-2 {
    left: 50%;
    transform: translateX(-50%);
    height: 1000px;
    width: 1000px;
  }
  .shape-1 {
    top: 15%;
  }
  .shape-2 {
    top: 60%;
  }
}
@media only screen and (max-width: 768px) {
  .the-network__item p,
  .the-network ul {
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .the-network__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .electric-vehicles .text p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .the-network__item p,
  .the-network__item ul {
    font-size: 12px;
  }
}