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

.hero-banner .hero-banner__star {
    top: 130px;
    right: 380px;
}

/**
* AI Solutions section
*
* @since 1.0.0
*/

.ai-solutions,
.why-integrate-ai,
.end-to-end-workflow,
.integration-ready,
.use-cases,
.benefits-of-integrating,
.problems,
.why-choose-us,
.faqs {
    padding: 110px 0;
}

.ai-solutions .ai-solutions__bg-image {
    top: 100px;
}

/**
* Why Integrate AI section
*
* @since 1.0.0
*/

.why-integrate-ai ul,
.benefits-of-integrating ul {
    max-width: 1100px;
}

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

.use-cases .card {
    padding: 1px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.5) 0%, transparent 70%),
        radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
}

.use-cases .card-body {
    background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(21px);
}

.use-cases .card ul {
    font-size: 18px;
    text-align: start;
}

.use-cases .card ul li:not(:last-child) {
    margin-bottom: 15px;
}

.use-cases .card ul li span {
    font-weight: 700;
}

.use-cases .use-cases__bg-image {
    top: -400px;
}

/**
* Benefits of Integrating section
*
* @since 1.0.0
*/

.benefits-of-integrating .benefits-of-integrating__bg-image {
    top: -100px;
}

/**
* Problems section
*
* @since 1.0.0
*/

.problems .problems__bg-image {
    top: -300px;
}

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

@media screen and (min-width: 1400px) {
    .ai-solutions > .container,
    .why-integrate-ai > .container,
    .end-to-end-workflow > .container,
    .integration-ready > .container,
    .use-cases > .container,
    .benefits-of-integrating > .container,
    .problems > .container,
    .why-choose-us > .container,
    .contact-us > .container,
    .faqs > .container {
        max-width: 1265px;
    }
}

@media screen and (max-width: 1024px){
    section p,
    section ul li,
    .use-cases .card ul {
        font-size: 17px;
    }

    .ai-solutions,
    .why-integrate-ai,
    .end-to-end-workflow,
    .integration-ready,
    .use-cases,
    .benefits-of-integrating,
    .problems,
    .why-choose-us,
    .faqs {
        padding: 90px 0;
    }
}

@media screen and (max-width: 768px) {
    section p,
    section ul li,
    .use-cases .card ul {
        font-size: 16px;
    }

    .ai-solutions,
    .why-integrate-ai,
    .end-to-end-workflow,
    .integration-ready,
    .use-cases,
    .benefits-of-integrating,
    .problems,
    .why-choose-us,
    .faqs {
        padding: 70px 0;
    }
}