.footer-ai-container {
  padding: 2.5rem var(--container-space);
  overflow: hidden;
}

.ai-footer-up {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  gap: 2rem;
}

.ai-footer-up-left {
  max-width: 28.5rem;
  font-size: 0.875rem;
  line-height: 140%;
}

.ai-footer-up-right {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ai-footer-up-right-item {
  display: flex;
  flex-direction: column;
  min-width: 14rem;
  gap: 0.5rem;
}

.ai-footer-up-right-item > span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff80;
}

.ai-footer-up-right-item-links {
  display: flex;
}

.ai-footer-up-right-item-services .ai-footer-up-right-item-links {
  flex-direction: column;
  gap: 0.25rem;
}

.ai-footer-up-right-item-links > a {
  font-size: 0.75rem;
  color: #fff;
}

.ai-footer-up-right-item-links > a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.ai-footer-up-right-item-contact .ai-footer-up-right-item-links {
  flex-direction: column;
  gap: 0.25rem;
}

.ai-footer-up-right-item-social .ai-footer-up-right-item-links {
  gap: 0.62rem;
}

.ai-footer-logo {
  position: relative;
  margin-bottom: 2.56rem;
}

.ai-footer-logo::after {
  content: "";
  position: absolute;
  background-image: url(/wp-content/plugins/hw-main/sites/ai/assets/img/ai-icon-star.svg);
  background-repeat: no-repeat;
  width: 6.5rem;
  height: 6.5rem;
  transform: rotate(45deg);
  aspect-ratio: 1;
  pointer-events: none;
  left: calc(100% - 3.75rem);
  top: -2.5rem;
  mix-blend-mode: color-dodge;
}

.footer-down {
  display: flex;
  justify-content: space-between;
}

.footer-down-copyright {
  font-size: 0.75rem;
}

.footer-down-copyright > span {
  font-weight: 500;
}

.footer-down-copyright a {
  color: #fff;
}

.footer-down-copyright a:hover {
  text-decoration: underline;
}

.footer-down-terms {
  display: flex;
  font-size: 0.75rem;
  gap: 0.75rem;
}

.footer-down-terms a {
  color: #fff;
}

.footer-down-terms a:hover {
  text-decoration: underline;
}

@media (max-width: 992px) {
  .ai-footer-up-right-item {
    min-width: auto;
  }

  .ai-footer-up-right {
    gap: 1.75rem;
  }

  .ai-footer-up {
    flex-direction: column;
    margin-bottom: 2.5rem;
  }

  .ai-footer-logo {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 768px) {
  .footer-down {
    flex-direction: column-reverse;
    gap: 1rem;
  }

  .ai-footer-up-right-item > span {
    font-size: 0.75rem;
  }

  .ai-footer-logo::after {
    display: none;
  }

  .footer-down-terms a {
    font-size: 0.625rem;
  }
}