.technology_main {
  padding: 145px 0 130px;
}
.technology_main .list > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 1.8973%;
}
.technology_main .box .info {
  text-align: center;
  padding: 9.06% 1.71% 1.08%;
}
.technology_main .box .info .title {
  font-size: 78px;
  font-weight: 700;
  letter-spacing: 2.3px;
}
.technology_main .box .info .desc {
  font-size: 48px;
  font-weight: 500;
  opacity: 0.8;
  margin-top: 32px;
  letter-spacing: 1.3px;
}
.technology_main .box .img {
  padding-bottom: 71.47%;
}
.technology_main .box .img svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.technology_main .box .ball {
  width: 368px;
  height: 362px;
  position: absolute;
  left: 40%;
  top: 30%;
  animation: magneticFloat 3.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  will-change: transform;
}
@keyframes magneticFloat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-16px);
  }
  100% {
    transform: translateY(0);
  }
}