.ai-banner.html-to-prototype {
  background: linear-gradient(180deg, #FFFFFF 5.32%, #C0E0FE 100%);
}

.ai-banner-content .title .title-color {
  color: #000000;
  background: linear-gradient(93.73deg, #B521FF 11.28%, #654CFF 38.09%, #3266FF 65.33%, #007FFF 93.82%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.ai-banner-content .title .black-text {
  background: #000000;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.ai-banner-content .title .text-decoration {
  position: relative;
  background: linear-gradient(93.5deg, #5E50FF 3.7%, #3266FF 62.13%, #007FFF 93.7%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.ai-banner-content .title .banner-decoration {
  transform: translate(71%, -45%)
}

.ai-banner-content .subtitle {
  max-width: 59.27%;
}

.section2 {
  padding-top: 60px;
}

.section2.html-to-prototype {
  position: relative;
  background: linear-gradient(119.76deg, rgba(46, 156, 254, 0.4) 1.85%, rgba(46, 156, 254, 0.8) 30.84%, #2E9CFE 73.26%);

}

.section2-title {
  line-height: 1.3333;
}

.section2-title .decoration-text {
  position: relative;
}

.section2-img {
  margin-top: 52px;
  max-width: 1356px;
}

.footer-title {
  max-width: 57.65625%;
}

@media (max-width: 1392px) {
  .section2-img {
    max-width: 1200px;
    margin-top: 45px;
  }
}

@media (max-width: 1240px) {
  .section2-img {
    max-width: 1100px;
    margin-top: 40px;

  }
}

@media (max-width: 1140px) {
  .section2-img {
    max-width: 1000px;
    margin-top: 35px;
  }
}

@media (max-width: 1040px) {
  .section2-img {
    max-width: 900px;
    margin-top: 30px;
  }
}

@media (max-width: 992px) {
  .section2-img {
    max-width: 800px;
    margin-top: 25px;
  }

  .ai-banner-content .title .text-decoration {
    left: auto;
  }
}

@media (max-width: 840px) {
  .section2-img {
    max-width: 700px;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .section2 {
    padding-top: 60px;
  }

  .section2-img {
    max-width: 600px;
    margin-top: 10px;
  }
}

@media (max-width: 640px) {
  .section2-title {
    font-size: 28px;
  }

  .section2-img {
    max-width: 500px;
    margin-top: 15px;
  }
}

@media (max-width: 500px) {
  .section2 {
    padding-top: 24.83px;
  }

  .section2-title {
    font-size: 15px;
  }

  .section2-img {
    max-width: 400px;
  }
}

@media (max-width: 400px) {
  .section2-img {
    max-width: 350px;
  }
}