*,
html,
body {
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
        font-family: 'Roboto', sans-serif;
}

ul li {
        list-style-type: none;
        margin: 7px auto;
}

a {
        text-decoration: none;
}

@media (max-width: 768px) {

        /* html {
                font-size: 80%;
        } */

        #hero .container-hero .hero-item-1 .hero-title .hero-item h4 {
                font-size: 1.5rem;
        }

        #hero .container-hero .hero-item-2 .hero-carousel .item {
                max-height: 100%;
        }

        #hero .container-hero .hero-item-2 .hero-carousel img {
                max-width: 100%;
        }

        /* #hero .container-hero .hero-item-1 .hero-title .hero-item p {
                font-size: 1rem;
        } */

        /* ===END-CONTAINER-HERO=== */

        /* === START SECTION WRAPPER-1 === */

        .wrapper-1 {
                display: flex;
                flex-direction: column;
                padding-top: 2rem;
                padding-bottom: 2rem;
        }

        .wrapper-1 .container-card-header {
                width: 100%;
                margin: 0.5rem auto;
                border-radius: 0;
        }

        .wrapper-1 .container-card-header .card-header {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
        }

        .wrapper-1 .container-card-content {
                width: 100%;
        }

        /* === END SECTION WRAPPER-1 === */

        /* === START SECTION WRAPPER - 6 === */
        .wrapper-6 .container-accordion {
                width: 100%;
        }

        /* === END SECTION WRAPPER - 6 === */


}