@charset "UTF-8";

.body_autopilot {


    @media screen and (min-width:768px) {
        .show_max_767 {
            display: none;
        }
    }

    @media screen and (min-width:481px) {
        .show_max_480 {
            display: none;
        }
    }


    & .hero {
        .hero__catchphrases li {
            font-size: clamp(14px, 1.35vw, 18px);
            line-height: 1.5;
        }
    }

    .about h2 span {
        margin-right: 0;
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
    }

    .use-case__content-image img {
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
    }
}

@media screen and (max-width:1024px) {
    .body_autopilot {
        .hero {
            padding: 80px 20px 40px;

            .hero__catchphrases ul {
                padding: 10px 20px;
                max-width: 800px;

                li {
                    font-size: clamp(15px, 1.75vw, 17px);
                    display: grid;
                    grid-template-columns: 1fr 10fr;
                    padding: 15px;
                    justify-items: start;

                    img {
                        margin: 0 auto;
                    }
                }
            }
        }
    }
}

@media screen and (max-width:959px) {
    .body_autopilot {
        & .hero {
            .hero__buttons .cta-button {
                max-width: 500px;
                margin: 0 auto;
                width: 100%;
            }

            .hero__buttons--secondary {
                width: 100%;
            }

            .hero__buttons--primary {
                width: 100%;
            }

            .hero__text-small {
                font-size: clamp(14px, 1.75vw, 16px);
            }
        }

        .about__subtitle {
            line-height: 1.5;
            align-items: center;
        }

        .cta-section {
            .cta-section__buttons>div {
                width: 100%;
            }

            .cta-button {
                max-width: 500px;
                width: 100%;
            }
        }
    }
}

@media screen and (max-width:767px) {
    .body_autopilot {
        & .hero {

            & .hero__catchphrases ul {
                li {
                    font-size: clamp(15px, 3vw, 17px);
                    grid-template-columns: 1fr 7fr;
                }
            }
        }
    }
}