/**
* Hero Banner
*
* @since 1.0.0
*/

.hero-banner .hero-banner__star {
    top: 179px;
    right: 421px;
}

/**
* What is Supply section
*
* @since 1.0.0
*/

.what-is-supply,
.supply-chain,
.use-cases,
.ai-agents,
.autonomous-operations,
.what-you-gain,
.built-for,
.ai-effective-management,
.how-ai-fits,
.saas-tool,
.faqs {
    padding: 110px 0;
}

.what-is-supply .what-is-supply__bg-image {
    top: 250px;
}

/**
* Use Cases section
*
* @since 1.0.0
*/

.use-cases ul {
    max-width: 800px;
}

/**
* What You Gain section
*
* @since 1.0.0
*/

.what-you-gain .what-you-gain__bg-image {
    top: -400px;
}

/**
* Built For section
*
* @since 1.0.0
*/

.built-for .built-for__bg-image {
    top: 100px;
}

/**
* AI Effective Management section
*
* @since 1.0.0
*/

.ai-effective-management .ai-effective-management__bg-image {
    top: -100px;
}

/**
* SaaS Tool section
*
* @since 1.0.0
*/

.saas-tool .table {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.saas-tool .table thead,
.saas-tool .table tr {
    background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
}

.saas-tool table th {
    font-size: 24px;
}

/**
* Mobile responsiveness
*
* @since 1.0.0
*/

@media screen and (min-width: 1400px) {
  .what-is-supply > .container,
  .supply-chain > .container,
  .use-cases > .container,
  .ai-agents > .container,
  .autonomous-operations > .container,
  .what-you-gain > .container,
  .built-for > .container,
  .ai-effective-management > .container,
  .how-ai-fits > .container,
  .saas-tool > .container,
  .contact-us > .container,
  .faqs > .container {
    max-width: 1265px;
  }
}

@media screen and (max-width: 1024px) {
  section p,
  section ul li,
  .saas-tool .table td {
    font-size: 17px;
  }

  .what-is-supply,
  .supply-chain,
  .use-cases,
  .ai-agents,
  .autonomous-operations,
  .what-you-gain,
  .built-for,
  .ai-effective-management,
  .how-ai-fits,
  .saas-tool,
  .faqs {
    padding: 90px 0;
  }

  .saas-tool table th {
    font-size: 23px;
  }
}

@media screen and (max-width: 768px) {
  section p,
  section ul li,
  .saas-tool .table td {
    font-size: 16px;
  }

  .what-is-supply,
  .supply-chain,
  .use-cases,
  .ai-agents,
  .autonomous-operations,
  .what-you-gain,
  .built-for,
  .ai-effective-management,
  .how-ai-fits,
  .saas-tool,
  .faqs {
    padding: 70px 0;
  }

  .saas-tool table th {
    font-size: 22px;
  }
}