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

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

/**
* Development Services section
*
* @since 1.0.0
*/

.development-services,
.ai-agents,
.what-are-ai,
.what-can-ai-do,
.why-work-with-ai,
.our-approach,
.tech-stack,
.key-benefits,
.faqs {
    padding: 110px 0;
}

.development-services .development-services__bg-image {
    top: 100px;
}

/**
* What Are AI section
*
* @since 1.0.0
*/

.what-are-ai ul,
.why-work-with-ai ul {
    max-width: 1100px;
}

/**
* Why Work With AI section
*
* @since 1.0.0
*/

.why-work-with-ai .why-work-with-ai__bg-image {
    top: -400px;
}

/**
* Our Approach section
*
* @since 1.0.0
*/

.our-approach .our-approach__bg-image {
    top: 200px;
}

/**
* Tech Stack section
*
* @since 1.0.0
*/

.tech-stack .tech-stack__bg-image {
    top: -900px;
}

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

@media screen and (min-width: 1400px) {
    .development-services > .container,
    .ai-agents > .container,
    .what-are-ai > .container,
    .what-can-ai-do > .container,
    .why-work-with-ai > .container,
    .our-approach > .container,
    .tech-stack > .container,
    .key-benefits > .container,
    .contact-us > .container,
    .faqs > .container {
        max-width: 1265px;
    }
}

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

    .development-services,
    .ai-agents,
    .what-are-ai,
    .what-can-ai-do,
    .why-work-with-ai,
    .our-approach,
    .tech-stack,
    .key-benefits,
    .faqs {
        padding: 90px 0;
    }
}

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

    .development-services,
    .ai-agents,
    .what-are-ai,
    .what-can-ai-do,
    .why-work-with-ai,
    .our-approach,
    .tech-stack,
    .key-benefits,
    .faqs {
        padding: 70px 0;
    }
}