.ai-div {
  border-radius: 20px;
  border: 1px solid transparent;
  background:
    linear-gradient(rgba(33, 33, 33, 1), rgba(33, 33, 33, 1)) padding-box,
    linear-gradient(90deg, #2e54e6 0%, #c5a3f0 50%, #eba8b3 100%) border-box;
  background-clip: padding-box, border-box;
  background-origin: border-box;
  background-size: 200% 200%;
  animation: gradient-animation 4s linear infinite;
}

.section-title {
font-weight: 500;
font-size: 40px;
line-height: 120%;
}
.feature-title {
  font-weight: 500;
  font-size: 30px;
  line-height: 120%;
}
.feature-description {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
}
.terms-title {
    font-weight: 400;
    font-size: 26px;
}
.terms-text {
    font-weight: 300;
    font-size: 16px;
}
.color-text-1 {
    font-weight: 800;
    font-size: 32px;
    line-height: 128%;
    color: rgba(67, 156, 214, 1);
}
.title-points {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}
.color-text-2 {
    font-weight: 800;
    font-size: 32px;
    line-height: 128%;
    background: linear-gradient(90deg, #34BCFB 0%, #5491FC 50%, #7567FC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Mobile styling */
@media (max-width: 768px) {
    .feature-title {
        font-size: 18px;
    }
    .feature-description {
        font-size: 14px;
    }
    .section-title {
        font-size: 24px;
    }
    .terms-title {
        font-size: 18px;
    }
    .color-text-1 {
        font-size: 24px;
        font-weight: 600;
    }
    .title-points {
        font-size: 16px;
    }
}

.flex-1 {
    flex: 1 1 0%;
}

.order-first {
    order: -9999 !important;
}

.order-last {
    order: 9999 !important;
}

@media (min-width: 1024px) {
    .lg-order-first {
        order: -9999 !important;
    }
}