@media (max-width: 1441px) {
    body {
        .forms {
            .forms_content {
                .form-campanha {
                    width: 700px;

                    .form_div_breaker select {
                        width: 235px;
                    }
                }
            }
        }

        .carousel{
            margin-top: 25%;
        }
    }
}


@media (max-width: 1201px) {
    body {
        .hero {
            margin-bottom: 15%;

            .hero_cards {
                top: 62rem;

                .card {
                    max-width: 30%;

                    p {
                        top: 10.5rem
                    }
                }
            }
        }

        .cta {
            .cta_content {

                .cta_cards p,
                span {
                    font-size: 16px;
                }
            }
        }

        .carousel {
            margin-top: 35%;
            .nav{
                display: none;
            }
        }
    }
}

@media(max-width: 1025px) {
    body {
        .hero {
            .hero_cards {
                .card {
                    p {
                        top: 9.2rem;
                        font-size: 16px;
                    }
                }
            }
        }

        .cta {
            .float_card {
                h2 {
                    max-width: 80%;
                }
            }

            .cta_content {
                .cta_cards {

                    p,
                    span {
                        font-size: 14px;
                    }
                }
            }
        }

        .carousel {
            margin-top: 45%;
        }
    }
}

@media(max-width: 769px) {
    body {
        main {
            background-size: auto;

            p {
                font-size: 22px;
                margin: 1% 0 8% 0;
                max-width: 60%;
            }

        }

        .hero {
            .hero_cards {
                top: 66.5rem;

                .card p {
                    top: 6.8rem;
                    font-size: 12px;
                }
            }

            .hero_content h2 {
                font-size: 30px;
            }
        }

        .cta {
            .cta_content {
                .cta_cards {
                    p {
                        font-size: 12px;
                    }

                    span {
                        font-size: 12px;
                    }
                }
            }

            .float_card {
                padding: 5%;

                h2 {
                    font-size: 32px;
                }
            }
        }

        .carousel {
            margin-top: 50%;
        }
    }
}

@media(max-width: 450px) {
    body {
        main {
            img {
                width: 50%;
            }

            p {
                font-size: 12px;
                margin: 1% 0 15% 0;
            }

            background-size: cover;
        }

        .hero {
            .hero_cards {
                top: 38rem;

                .card p {
                    top: 3.9rem;
                    font-size: 7px;
                }
            }

            .hero_content h2 {
                font-size: 30px;
            }

            .hero_content {
                h2 {
                    font-size: 16px;
                }

                p {
                    font-size: 14px;
                }

                iframe {
                    max-height: 200px;
                }
            }
        }

        .cta {
            h2 {
                font-size: 28px;
                margin-top: 10%;
            }

            .cta_content {
                width: 100%;

                .cta_cards {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 2rem;

                    p {
                        text-align: center;
                        padding: 3%;
                        margin: 0;
                        max-width: 55%;
                        height: auto;
                    }
                }
                a{
                    p {
                        font-size: 14px;
                        padding: 24px 2%;
                        margin-bottom: 20%;
                        width: 100%;
                    }
                }

                h2 {
                    font-size: 20px;
                }
            }

            .float_card {
                h2 {
                    font-size: 22px;
                }

                p {
                    max-width: 100%;
                }
            }
        }

        .forms {
            h2 {
                font-size: 20px;
            }

            .forms_content {
                p {
                    font-size: 14px;
                    max-width: 90%;
                }

                .form-campanha {
                    width: 90%;

                    div {
                        label {
                            font-size: 12px
                        }

                        input {
                            max-width: 70%;
                        }
                    }

                    .form_div_breaker {
                        padding-left: 10%;
                        width: 90%;
                        justify-content: center;
                        align-items: center;

                        select {
                            max-width: 65%;
                        }

                        input {
                            margin: 0;
                            max-width: 55%;
                        }

                        #div-select-box {
                            width: 50%;
                        }

                    }
                }

                button {
                    font-size: 14px;
                }
            }
        }

        .carousel {
            max-width: 90%;
            margin-top: 110%;

        }
    }
}

@media(max-width: 409px) {
    body {
        .hero {
            .hero_cards {
                top: 38.5rem;

                .card p {
                    top: 3.5rem;
                    font-size: 6px;
                }
            }

            .hero_content {
                h2 {
                    font-size: 15px;
                }

                p {
                    margin-bottom: 1%;
                }
            }
        }

        .carousel {
            margin-top: 115%;
        }
    }
}

@media(max-width: 376px) {
    body {
        .hero {
            .hero_cards {
                top: 39.5rem;

                .card p {
                    top: 3.3rem;
                    font-size: 6px;
                }
            }

            .hero_content h2 {
                font-size: 15px;
            }
        }

        .cta {
            .cta_content {
                p {
                    font-size: 14px;
                }
            }
        }

        .carousel {
            margin-top: 125%;
        }

        .forms {
            h2 {
                font-size: 18px;
            }

            .forms_content {
                button {
                    font-size: 12px;
                    padding: 20px 10px;
                }

                .form-campanha {
                    .form_div_breaker {
                        padding-left: 6%;
                        width: 93%;
                        justify-content: center;
                        align-items: center;
                        margin-bottom: 3%;    
                        select {
                            max-width: 65%;
                            margin: 0;
                        }

                        input {
                            margin: 0;
                            max-width: 55%;
                        }

                        #div-select-box {
                            width: 55%;
                        }

                    }
                }
            }
        }

    }
}

@media(max-width: 358px) {
    body {
        .hero {
            .hero_cards {
                top: 41.7rem;

                .card p {
                    top: 3rem;
                    font-size: 5px;
                }
            }

            .hero_content h2 {
                font-size: 14px;
            }
        }

        .carousel {
            margin-top: 135%;
        }
    }
}