@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    font-family: "Inter", sans-serif;
    background-color: #f5f9f0;
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0
}

a {
    text-decoration: none
}

.container-left {
    width: 100%;
    padding-right: 0
}

@media(min-width: 576px) {
    .container-left {
        padding-left: calc((100% - 540px)/2 + .75rem)
    }
}

@media(min-width: 768px) {
    .container-left {
        padding-left: calc((100% - 720px)/2 + .75rem);
        padding-right: calc((100% - 720px)/2 + .75rem)
    }
}

@media(min-width: 992px) {
    .container-left {
        padding-left: calc((100% - 960px)/2 + .75rem);
        padding-right: unset
    }
}

@media(min-width: 1200px) {
    .container-left {
        padding-left: calc((100% - 1140px)/2 + .75rem)
    }
}

@media(min-width: 1400px) {
    .container-left {
        padding-left: calc((100% - 1320px)/2 + .75rem)
    }
}

#navbar {
    height: 119px;
    background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
    position: fixed;
    width: 100%;
    border-bottom: 11.5px solid #283d90;
    z-index: 99999
}

    #navbar .btn-login {
        background-color: #283d90;
        border-radius: 0px 0px 0px 24px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        text-decoration: none;
        padding: 5px 19px 8px 23px
    }

        #navbar .btn-login p {
            font-size: .75rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #fff;
            margin-bottom: 0
        }

    #navbar .container {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        #navbar .container .navbar-collapse {
            justify-content: flex-end
        }

            #navbar .container .navbar-collapse .content {
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 32px;
                justify-content: flex-end
            }

                #navbar .container .navbar-collapse .content .navbar-nav {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: 32px
                }

                    #navbar .container .navbar-collapse .content .navbar-nav .nav-item a {
                        font-size: .8rem;
                        font-style: normal;
                        font-weight: 400;
                        color: #fff;
                        transition: all .3s ease-in-out;
                        padding: 0
                    }

                        #navbar .container .navbar-collapse .content .navbar-nav .nav-item a:hover {
                            border-bottom: 1px solid #fff
                        }

                    #navbar .container .navbar-collapse .content .navbar-nav .btn-nav {
                        display: inline-flex;
                        padding: 10px;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;
                        border-radius: 8px;
                        background: #fff;
                        text-decoration: none
                    }

                        #navbar .container .navbar-collapse .content .navbar-nav .btn-nav p {
                            margin-bottom: 0;
                            color: #283d90;
                            font-size: .8rem;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal
                        }

    #navbar.single {
        background: #283d90 !important;
        border: none
    }

        #navbar.single .container .area-medica {
            display: none
        }

@media(max-width: 1200px) {
    #navbar .container .navbar-collapse .content .navbar-nav {
        gap: 18px
    }
}

@media(max-width: 990px) {
    #navbar.single {
        background: #283d90 !important;
        border: none;
        height: 95px
    }

        #navbar.single .container .navbar-collapse {
            top: 94px
        }

        #navbar.single .container .navbar-brand img {
            width: 165px
        }

        #navbar.single .container .area-medica {
            margin-left: -36px;
            display: block
        }

            #navbar.single .container .area-medica p {
                color: #fff;
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: normal
            }
}

@media(max-width: 990px) {
    #navbar .container {
        padding: 0 0px
    }

        #navbar .container .navbar-brand img {
            width: 160px
        }

        #navbar .container .navbar-toggler {
            border: 1px solid #fff
        }

            #navbar .container .navbar-toggler:focus {
                box-shadow: none
            }

            #navbar .container .navbar-toggler span {
                filter: brightness(0) invert(1)
            }

        #navbar .container .navbar-collapse {
            position: absolute;
            top: 119px;
            width: 100%;
            left: 0;
            background: #283d90;
            padding: 24px
        }

            #navbar .container .navbar-collapse .content {
                flex-direction: column
            }

                #navbar .container .navbar-collapse .content .navbar-nav {
                    flex-direction: column;
                    gap: 19px;
                    width: 100%;
                    align-items: flex-start
                }

                    #navbar .container .navbar-collapse .content .navbar-nav .nav-item a {
                        color: #fff;
                        font-size: .9rem
                    }

                    #navbar .container .navbar-collapse .content .navbar-nav .btn-nav {
                        width: -moz-fit-content;
                        width: fit-content
                    }
}

@media(max-width: 564px) {
    #navbar .container {
        padding: 0 24px
    }
}

#hero {
    height: 860px;
    position: relative;
    padding-top: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    #hero .img-hero {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 57%
    }

    #hero .detail-gradient {
        height: 135px;
        width: 100%;
        background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
        position: absolute;
        bottom: 0;
        z-index: 0
    }

    #hero .line {
        height: 12.812px;
        width: 100%;
        background: #283d90;
        position: absolute;
        bottom: 0;
        z-index: 2;
        left: 0
    }

    #hero .container .content {
        width: 42%
    }

        #hero .container .content .img-hero-mb {
            display: none
        }

        #hero .container .content .title {
            margin-bottom: 80px
        }

            #hero .container .content .title h1 {
                color: #283d90;
                font-family: "Inter Tight";
                font-size: 3.47rem;
                font-style: normal;
                font-weight: 400;
                line-height: 100.576%;
                margin-bottom: 16px
            }

                #hero .container .content .title h1 span {
                    color: #8ec046;
                    font-weight: 700
                }

            #hero .container .content .title p {
                color: #283d90;
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

            #hero .container .content .title .btn-default {
                margin-top: 24px;
                display: flex;
                padding: 11.232px;
                justify-content: center;
                align-items: center;
                gap: 11.232px;
                border-radius: 8.986px;
                background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
                text-decoration: none;
                width: -moz-fit-content;
                width: fit-content
            }

                #hero .container .content .title .btn-default p {
                    color: #fff;
                    font-size: .84rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

        #hero .container .content .info {
            font-family: "Inter Tight", serif
        }

            #hero .container .content .info h3 {
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                color: #8ec046
            }

            #hero .container .content .info p {
                color: #616161;
                font-family: "Inter Tight";
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

    #hero .info-mb {
        display: none
    }

    #hero .container-left {
        background: #283d90;
        position: relative;
        z-index: 9;
        border-radius: 0px 8px 8px 0px;
        width: 42%;
        margin-top: 32px
    }

        #hero .container-left .line {
            position: absolute;
            left: 0;
            top: 0;
            width: 8.5px;
            height: 100%;
            background: linear-gradient(180deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
            display: none
        }

        #hero .container-left .box {
            font-family: "Inter Tight", serif;
            border-radius: 0px 8px 8px 0px;
            padding: 13px 0;
            position: relative
        }

            #hero .container-left .box p {
                color: #fff;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

@media(max-width: 1400px) {
    #hero .img-hero {
        width: 58%
    }

    #hero .container .content {
        width: 47%
    }
}

@media(max-width: 990px) {
    #hero {
        height: auto;
        padding-top: 164px
    }

        #hero .img-hero {
            display: none
        }

        #hero .container {
            padding: 0
        }

            #hero .container .line-mb {
                height: 12.812px;
                background: #283d90;
                width: 100%;
                display: none
            }

            #hero .container .content {
                width: 100%
            }

                #hero .container .content hr {
                    display: none
                }

                #hero .container .content .img-hero-mb {
                    display: block;
                    width: 100%
                }

                #hero .container .content .title {
                    margin-bottom: 46px;
                    padding: 0 0px
                }

                    #hero .container .content .title br {
                        display: none
                    }

                    #hero .container .content .title h1 {
                        font-size: 33.381px
                    }

                    #hero .container .content .title p {
                        font-size: 14.563px
                    }

                    #hero .container .content .title .btn-default {
                        margin-top: 17px
                    }

                #hero .container .content .info {
                    display: block
                }

                    #hero .container .content .info p br {
                        display: none
                    }

        #hero .info-mb {
            font-family: "Inter Tight", serif;
            padding: 31px 26px 102px 26px;
            display: none
        }

            #hero .info-mb br {
                display: none
            }

            #hero .info-mb h3 {
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                color: #8ec046;
                margin-bottom: 8px
            }

            #hero .info-mb p {
                color: #616161;
                font-family: "Inter Tight";
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

        #hero .container-left {
            width: 63%;
            position: absolute;
            bottom: 79px
        }

            #hero .container-left .box {
                padding: 16px 30px 16px 42px
            }

                #hero .container-left .box p {
                    font-size: 1rem
                }

                    #hero .container-left .box p br {
                        display: none
                    }

        #hero .detail-gradient {
            position: relative
        }
}

@media(max-width: 568px) {
    #hero {
        height: auto;
        padding-top: 164px
    }

        #hero .img-hero {
            display: none
        }

        #hero .container {
            padding: 0
        }

            #hero .container .line-mb {
                height: 12.812px;
                background: #283d90;
                width: 100%;
                display: block
            }

            #hero .container .content {
                width: 100%
            }

                #hero .container .content hr {
                    display: none
                }

                #hero .container .content .img-hero-mb {
                    display: block;
                    width: 100%
                }

                #hero .container .content .title {
                    margin-bottom: 46px;
                    padding: 0 24px
                }

                    #hero .container .content .title h1 {
                        font-size: 33.381px
                    }

                    #hero .container .content .title p {
                        font-size: 14.563px
                    }

                    #hero .container .content .title .btn-default {
                        margin-top: 17px
                    }

                #hero .container .content .info {
                    display: none
                }

        #hero .info-mb {
            font-family: "Inter Tight", serif;
            padding: 31px 26px 102px 26px;
            display: block
        }

            #hero .info-mb br {
                display: none
            }

            #hero .info-mb h3 {
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                color: #8ec046;
                margin-bottom: 8px
            }

            #hero .info-mb p {
                color: #616161;
                font-family: "Inter Tight";
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

        #hero .container-left {
            width: 95%;
            position: absolute;
            bottom: 61px
        }

            #hero .container-left .box {
                padding: 16px 30px 16px 42px
            }

                #hero .container-left .box p {
                    font-size: 1rem
                }

                    #hero .container-left .box p br {
                        display: none
                    }

        #hero .detail-gradient {
            position: relative
        }
}

#jornada {
    font-family: "Inter Tight", serif
}

    #jornada .contents {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        #jornada .contents .container-left {
            margin-top: 35px;
            width: 100%;
            max-width: calc(41% - 0px)
        }

            #jornada .contents .container-left .content {
                width: 100%;
                max-width: 100%;
                margin-top: 40px;
            }

                #jornada .contents .container-left .content h2 {
                    color: #8ec046;
                    font-size: 2rem;
                    font-size: 32px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%;
                    margin-bottom: 23px
                }

                #jornada .contents .container-left .content p {
                    color: #616161;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%;
                    margin-bottom: 14px
                }

                #jornada .contents .container-left .content .referencias {
                    padding-top: 9px;
                    margin-bottom: 0;
                    font-size: .68rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%
                }

        #jornada .contents .image {
            width: 100%;
            max-width: calc(47% - 0px);
            display: flex;
            flex-direction: column;
            align-items: flex-end
        }

            #jornada .contents .image img {
                width: 100%;
                padding-left: 56px
            }

            #jornada .contents .image .box {
                border-radius: 8px 0px 0px 8px;
                background: #8ec046;
                padding: 26px 0 29px 56px;
                width: 100%;
                position: relative;
                margin-top: -60px
            }

                #jornada .contents .image .box h4 {
                    color: #fff;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 125%
                }

                #jornada .contents .image .box .btn-white {
                    display: inline-flex;
                    padding: 10px;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    border-radius: 8px;
                    background: #fff;
                    text-decoration: none;
                    margin-top: 10px
                }

                    #jornada .contents .image .box .btn-white p {
                        color: #283d90;
                        font-size: .75rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal
                    }

    #jornada .box-gradient {
        padding: 33px 0;
        background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
        margin-top: 35px
    }

        #jornada .box-gradient .container {
            display: flex;
            align-items: center;
            gap: 75px
        }

            #jornada .box-gradient .container h3 {
                color: #fff;
                font-size: 2rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                margin-right: 16px
            }

            #jornada .box-gradient .container .btn-white {
                display: flex;
                padding: 11.232px;
                justify-content: center;
                align-items: center;
                gap: 11.232px;
                border-radius: 8.986px;
                border: 1.123px solid #fff;
                background: #fff
            }

                #jornada .box-gradient .container .btn-white p {
                    color: #24a48f;
                    font-size: .84rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

            #jornada .box-gradient .container p {
                color: #fff;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

@media(max-width: 1400px) {
    #jornada .box-gradient .container {
        gap: 33px
    }
}

@media(max-width: 1400px) {
    #jornada .box-gradient .container {
        gap: 33px
    }

    #features .box {
        max-width: 102%;
    }
}

@media(max-width: 1200px) {
    #jornada .contents .container-left {
        max-width: calc(47% - 0px)
    }

    #jornada .contents .image {
        max-width: calc(51% - 0px)
    }

    #jornada .box-gradient .container {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 24px
    }

        #jornada .box-gradient .container h3 {
            width: -moz-fit-content;
            width: fit-content
        }

        #jornada .box-gradient .container .btn-white {
            width: -moz-fit-content;
            width: fit-content
        }

        #jornada .box-gradient .container p {
            flex: 1 1 calc(100% - 32px)
        }
}

@media(max-width: 990px) {
    #jornada .contents {
        flex-direction: column
    }

        #jornada .contents .container-left {
            max-width: 100%
        }

            #jornada .contents .container-left .content {
                padding: 0px
            }

        #jornada .contents .image {
            max-width: 100%;
            margin-top: 43px
        }

            #jornada .contents .image .box {
                border-radius: 0px;
                padding: 26px 31px 29px 31px;
                display: flex;
                align-items: center;
                gap: 50px;
                padding-left: calc((100% - 720px)/2 + .75rem);
                padding-right: calc((100% - 720px)/2 + .75rem)
            }

                #jornada .contents .image .box .btn-white {
                    margin-top: 0px
                }

            #jornada .contents .image img {
                padding: 0
            }

    #jornada .box-gradient {
        margin-top: 0px;
        padding: 30px
    }

        #jornada .box-gradient .container {
            flex-wrap: wrap;
            gap: 16px 32px;
            padding: 0
        }

            #jornada .box-gradient .container h3 {
                flex: 1 1 calc(60% - 32px);
                font-size: 24px;
                margin-right: 0
            }

            #jornada .box-gradient .container .btn-white {
                padding: 11.232px
            }

                #jornada .box-gradient .container .btn-white p {
                    font-size: 13.479px
                }
}

@media(max-width: 568px) {
    #jornada .contents {
        flex-direction: column
    }

        #jornada .contents .container-left {
            max-width: 100%
        }

            #jornada .contents .container-left .content {
                padding: 0 35px
            }

        #jornada .contents .image {
            max-width: 100%;
            margin-top: 43px
        }

            #jornada .contents .image .box {
                border-radius: 0px;
                padding: 26px 31px 29px 31px;
                flex-direction: column;
                align-items: flex-start;
                gap: 18px
            }

            #jornada .contents .image img {
                padding: 0
            }

    #jornada .box-gradient {
        margin-top: 0px;
        padding: 30px
    }

        #jornada .box-gradient .container {
            flex-wrap: wrap;
            gap: 26px 32px;
            padding: 0
        }

            #jornada .box-gradient .container h3 {
                flex: 1 1 calc(60% - 32px);
                font-size: 24px;
                margin-right: 0
            }

            #jornada .box-gradient .container .btn-white {
                padding: 11.232px
            }

                #jornada .box-gradient .container .btn-white p {
                    font-size: 13.479px
                }
}

#populacao {
    font-family: "Inter Tight", serif
}

    #populacao .title {
        background: #283d90;
        padding: 46px 0
    }

        #populacao .title h3 {
            color: #fff;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%
        }

    #populacao .container .box-feature {
        border-radius: 0px 0px 24px 24px;
        background: #fff;
        padding: 52px 93px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px 70px
    }

        #populacao .container .box-feature .referencia {
            color: #616161;
            font-size: .67rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-top: 10px
        }

        #populacao .container .box-feature .item {
            flex: 1 1 calc(50% - 70px);
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 27px
        }

            #populacao .container .box-feature .item img {
                width: 68px;
                aspect-ratio: 21/18
            }

            #populacao .container .box-feature .item p {
                color: #616161;
                font-size: 1.2rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

        #populacao .container .box-feature .top {
            align-items: flex-start
        }

    #populacao .diagnostico {
        margin-top: 21px
    }

        #populacao .diagnostico .container-left {
            display: flex;
            justify-content: space-between;
            gap: 85px
        }

            #populacao .diagnostico .container-left .content {
                flex: 1 1 calc(53% - 85px)
            }

                #populacao .diagnostico .container-left .content h3 {
                    color: #8ec046;
                    font-size: 2rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%;
                    margin-bottom: 9px
                }

                #populacao .diagnostico .container-left .content h6 {
                    color: #283d90;
                    font-size: .87rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 17.5px;
                    margin-bottom: 21px
                }

                #populacao .diagnostico .container-left .content p {
                    color: #616161;
                    font-size: .81rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%;
                    margin-bottom: 18px
                }

            #populacao .diagnostico .container-left .image {
                padding-top: 66px;
                flex: 1 1 calc(47% - 85px);
                position: relative
            }

                #populacao .diagnostico .container-left .image .img-diagnostico {
                    width: 100%;
                    border-radius: 24px 0px 0px 24px
                }

                #populacao .diagnostico .container-left .image .selo-diagnostico {
                    position: absolute;
                    left: -69px;
                    top: 50%;
                    transform: translateY(-50%)
                }

        #populacao .diagnostico .fonte p {
            color: #616161;
            font-size: .67rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%
        }

    #populacao .box-divisor {
        background: linear-gradient(to right, #283D90 40%, transparent 40%);
        width: 100%;
        margin-top: 27px;
        position: relative
    }

        #populacao .box-divisor .line {
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
            width: 9px;
            height: 100%;
            background: linear-gradient(180deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%)
        }

        #populacao .box-divisor .container {
            display: flex;
            align-items: center;
            position: relative
        }

            #populacao .box-divisor .container hr {
                width: 100%;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 0;
                margin: 0
            }

            #populacao .box-divisor .container .boxes {
                display: flex;
                align-items: center;
                gap: 70px;
                background-color: #283d90;
                border-radius: 0px 8px 8px 0px;
                padding: 11px 66px 11px 0;
                position: relative;
                z-index: 1
            }

                #populacao .box-divisor .container .boxes .title {
                    background: rgba(0, 0, 0, 0);
                    padding: 0
                }

                    #populacao .box-divisor .container .boxes .title h2 {
                        color: #fff;
                        font-size: 1.37rem;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 125%;
                        margin-bottom: 5px
                    }

                    #populacao .box-divisor .container .boxes .title p {
                        color: #fff;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 300;
                        line-height: 125%
                    }

                #populacao .box-divisor .container .boxes .btn-white {
                    display: flex;
                    padding: 10px;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    border-radius: 8px;
                    background: #fff
                }

                    #populacao .box-divisor .container .boxes .btn-white p {
                        color: #283d90;
                        font-size: .75rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal
                    }

@media(max-width: 1400px) {
    #populacao .container .box-feature .item p br {
        display: none
    }

    #populacao .diagnostico .container-left .image {
        flex: 1 1 calc(56% - 85px)
    }
}

@media(max-width: 990px) {
    #populacao .container .box-feature {
        flex-direction: column;
        padding: 52px 50px
    }

    #populacao .diagnostico .container-left {
        flex-direction: column;
        gap: 40px
    }

        #populacao .diagnostico .container-left .content h6 br {
            display: none
        }

        #populacao .diagnostico .container-left .image {
            padding-top: 0px
        }

    #populacao .diagnostico .fonte {
        margin-top: 30px
    }

    #populacao .box-divisor hr {
        display: none
    }

    #populacao .box-divisor .container .boxes {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        gap: 18px;
        padding: 20px 66px 20px 0
    }

        #populacao .box-divisor .container .boxes br {
            display: none
        }
}

@media(max-width: 568px) {
    #populacao .title {
        padding: 36px
    }

        #populacao .title h3 {
            font-size: 24px
        }

    #populacao .container {
        padding: 0 27px
    }

        #populacao .container .box-feature {
            padding: 30px 24px;
            flex-direction: column;
            gap: 27px 70px
        }

            #populacao .container .box-feature .item {
                gap: 17px
            }

                #populacao .container .box-feature .item img {
                    width: 55px
                }

                #populacao .container .box-feature .item p {
                    font-size: 12.837px
                }

                    #populacao .container .box-feature .item p br {
                        display: none
                    }

    #populacao .diagnostico .container-left {
        flex-direction: column;
        gap: 55px
    }

        #populacao .diagnostico .container-left .content {
            padding: 26px
        }

        #populacao .diagnostico .container-left .image {
            width: 100%;
            position: relative;
            height: 302px;
            flex: unset
        }

            #populacao .diagnostico .container-left .image .selo-diagnostico {
                width: 140px;
                height: 140px;
                left: 50%;
                transform: translateX(-50%);
                top: -67px
            }

            #populacao .diagnostico .container-left .image .img-diagnostico {
                width: 109%
            }

            #populacao .diagnostico .container-left .image img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                left: -41px
            }

    #populacao .diagnostico .fonte {
        padding: 27px
    }

    #populacao .box-divisor {
        margin-top: 10px
    }

        #populacao .box-divisor .line {
            z-index: 3;
            height: 11.718px;
            width: 100%;
            background: linear-gradient(270deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%)
        }

        #populacao .box-divisor .container {
            padding: 0
        }

            #populacao .box-divisor .container hr {
                display: none
            }

            #populacao .box-divisor .container .boxes {
                flex-direction: column;
                width: 100%;
                border-radius: 0px;
                padding: 35px 60px 35px 35px;
                gap: 33px;
                align-items: flex-start
            }

                #populacao .box-divisor .container .boxes .title h2 {
                    font-size: 24px
                }

                #populacao .box-divisor .container .boxes .title p {
                    font-size: 16px
                }

                    #populacao .box-divisor .container .boxes .title p br {
                        display: none
                    }
}

#features {
    margin-top: 31px
}

    #features .container-left {
        display: flex;
        flex-direction: row;
        gap: 132px
    }

        #features .container-left .content {
            flex: 1 1 calc(55% - 132px);
            margin-top: 22px
        }

            #features .container-left .content h3 {
                color: #8ec046;
                font-size: 2rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                margin-bottom: 31px
            }

            #features .container-left .content h6 {
                color: #283d90;
                font-size: 1rem;
                font-style: normal;
                font-weight: 700;
                line-height: 125%;
                margin-bottom: 13px
            }

            #features .container-left .content .referencia {
                color: #616161;
                font-size: .67rem !important;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                margin-top: 13px
            }

            #features .container-left .content .mb {
                display: none
            }

            #features .container-left .content p {
                color: #616161;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

        #features .container-left .image {
            flex: 1 1 calc(45% - 132px)
        }

            #features .container-left .image img {
                border-radius: 24px 0px 0px 24px
            }

    #features .second {
        align-items: center
    }

        #features .second .content {
            margin-top: 0
        }

    #features .container hr {
        margin: 47px 0 25px 0
    }

    #features .tratamentos {
        margin-top: 71px
    }

        #features .tratamentos .container .titulo {
            display: flex;
            align-items: center;
            gap: 33px
        }

            #features .tratamentos .container .titulo .box-title {
                border-radius: 0px 8px 8px 0px;
                background: #283d90;
                width: -moz-fit-content;
                width: fit-content;
                padding: 14px 14px 14px 22px;
                position: relative
            }

                #features .tratamentos .container .titulo .box-title .line {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 8.547px;
                    height: 100%;
                    background: linear-gradient(180deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%)
                }

                #features .tratamentos .container .titulo .box-title h4 {
                    color: #fff;
                    font-size: 1.48rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%
                }

            #features .tratamentos .container .titulo p {
                color: #616161;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

        #features .tratamentos .container .list-cards {
            margin-top: 42px;
            display: flex;
            gap: 175px
        }

            #features .tratamentos .container .list-cards .cards {
                flex: 1 1 calc(50% - 175px);
                display: flex;
                flex-direction: column;
                gap: 13px
            }

                #features .tratamentos .container .list-cards .cards .card {
                    border: none;
                    border-radius: 24px;
                    background: #fff;
                    padding: 30px 24px 30px 24px
                }

                    #features .tratamentos .container .list-cards .cards .card:nth-child(1) {
                        padding: 30px 24px 40px 24px
                    }

                    #features .tratamentos .container .list-cards .cards .card p {
                        color: #616161;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 125%
                    }

                    #features .tratamentos .container .list-cards .cards .card ul {
                        margin-top: 20px;
                        margin-bottom: 0
                    }

                        #features .tratamentos .container .list-cards .cards .card ul li {
                            color: #616161;
                            font-size: 1rem;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 125%
                        }

                    #features .tratamentos .container .list-cards .cards .card .list-items {
                        margin-top: 19px;
                        display: flex;
                        flex-direction: column;
                        gap: 22px
                    }

                        #features .tratamentos .container .list-cards .cards .card .list-items .item {
                            display: flex;
                            gap: 34px
                        }

                            #features .tratamentos .container .list-cards .cards .card .list-items .item img {
                                width: 63px;
                                height: 100%;
                                aspect-ratio: 21/1;
                                -o-object-fit: contain;
                                object-fit: contain
                            }

                #features .tratamentos .container .list-cards .cards .antibioticos {
                    padding: 30px 24px 30px 24px !important
                }

                #features .tratamentos .container .list-cards .cards .referencia {
                    color: #616161;
                    font-size: .67rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%;
                    margin-top: 31px
                }

    #features .box-gradient {
        height: 135px;
        width: 100%;
        background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
        margin-top: 143px;
        position: relative;
        padding: 15px 0;
        display: flex;
        align-items: flex-end
    }

        #features .box-gradient .btn-login {
            background-color: #283d90;
            border-radius: 0px 0px 0px 24px;
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 18px;
            text-decoration: none;
            padding: 10px 28px 10px 36px
        }

            #features .box-gradient .btn-login p {
                font-size: 18.486px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                color: #fff;
                margin-bottom: 0
            }

        #features .box-gradient .container .ref p {
            color: #fff;
            font-size: .75rem;
            font-style: normal;
            font-weight: 300;
            line-height: 125%
        }

        #features .box-gradient .container .box-find {
            margin-left: 92px;
            background-color: #283d90;
            padding: 12px 41px 12px 122px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 52px;
            width: -moz-fit-content;
            width: fit-content;
            border-radius: 0px 8px 8px 0px;
            position: relative;
            top: -35px
        }

            #features .box-gradient .container .box-find img {
                position: absolute;
                left: -95px;
                top: 50%;
                transform: translateY(-50%)
            }

            #features .box-gradient .container .box-find .title h3 {
                color: #fff;
                font-size: 1.37rem;
                font-style: normal;
                font-weight: 700;
                line-height: 125%;
                margin-bottom: 5px
            }

            #features .box-gradient .container .box-find .title p {
                color: #fff;
                font-size: 16px;
                font-style: normal;
                font-weight: 300;
                line-height: 125%
            }

            #features .box-gradient .container .box-find .btn-white {
                display: flex;
                padding: 12px 15px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                border-radius: 8px;
                background: #fff
            }

                #features .box-gradient .container .box-find .btn-white p {
                    color: #283d90;
                    font-size: .85rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

@media(max-width: 1400px) {
    #features .container-left {
        gap: 84px
    }

    #features .tratamentos .container .titulo .box-title {
        width: 100%
    }

    #features .tratamentos .container .titulo p br {
        display: none
    }
}

@media(max-width: 1200px) {
    #features .container-left {
        gap: 84px
    }

        #features .container-left .image {
            flex: unset;
            max-width: calc(48% - 84px);
            width: 100%;
            max-width: 100%;
            width: 100%
        }

            #features .container-left .image img {
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%
            }

        #features .container-left .content {
            flex: unset;
            max-width: 38%;
            width: 100%
        }

    #features .tratamentos .container .list-cards {
        gap: 80px
    }

    #features .box-gradient .container .box-find {
        gap: 14px;
        margin-left: 40px
    }
}

@media(max-width: 990px) {
    #features .container-left {
        flex-direction: column;
        gap: 33px
    }

        #features .container-left .content {
            max-width: 100%
        }

            #features .container-left .content br {
                display: none
            }

    #features .tratamentos .container .titulo {
        flex-direction: column
    }

    #features .tratamentos .container .list-cards {
        gap: 12px
    }

        #features .tratamentos .container .list-cards .cards .referencia {
            margin-top: 11px
        }

    #features .box-gradient .container .box-find {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 5px;
        padding: 12px 41px 20px 122px
    }

        #features .box-gradient .container .box-find br {
            display: none
        }
}

@media(max-width: 568px) {
    #features {
        margin-top: 0
    }

        #features hr {
            display: none
        }

        #features .container-left {
            flex-direction: column;
            gap: 38px
        }

            #features .container-left .content {
                padding: 0px 65px 0 26px;
                order: 2;
                margin-top: 0
            }

                #features .container-left .content h3 {
                    font-size: 24px;
                    margin-bottom: 14px
                }

                #features .container-left .content h6 {
                    font-size: 16px
                }

                #features .container-left .content .referencia {
                    font-size: 10px;
                    margin-top: 29px
                }

            #features .container-left .image {
                order: 1;
                height: 397px;
                position: relative;
                width: 100%;
                flex: unset;
                overflow: hidden
            }

                #features .container-left .image img {
                    width: 110%;
                    height: 100%;
                    position: absolute;
                    left: 0%;
                    top: 0;
                    z-index: 1;
                    -o-object-fit: cover;
                    object-fit: cover;
                    -o-object-position: -272px;
                    object-position: -272px;
                    border-radius: 0px 0px
                }

        #features .second {
            margin-top: 46px
        }

            #features .second .image img {
                -o-object-position: -76px;
                object-position: -76px
            }

        #features .tratamentos .container {
            padding: 0
        }

            #features .tratamentos .container .titulo {
                flex-direction: column;
                align-items: flex-start;
                gap: 0px
            }

                #features .tratamentos .container .titulo .box-title {
                    width: 100%;
                    border-radius: 0
                }

                    #features .tratamentos .container .titulo .box-title h4 {
                        font-size: 23.806px
                    }

                #features .tratamentos .container .titulo p {
                    padding: 21px 25px 26px 25px
                }

                    #features .tratamentos .container .titulo p br {
                        display: none
                    }

            #features .tratamentos .container .list-cards {
                width: 100%;
                flex-direction: column;
                padding: 0 24px;
                margin-top: 7px;
                gap: 17px
            }

                #features .tratamentos .container .list-cards .cards {
                    flex: 1 1 100%;
                    width: 100%
                }

                    #features .tratamentos .container .list-cards .cards .referencia {
                        display: none
                    }

                    #features .tratamentos .container .list-cards .cards .mb {
                        display: block;
                        margin-top: 8px;
                        padding-left: 20px
                    }

                    #features .tratamentos .container .list-cards .cards .card {
                        width: 100%
                    }

                        #features .tratamentos .container .list-cards .cards .card:nth-child(1) {
                            padding: 25px 24px 25px 24px
                        }

                        #features .tratamentos .container .list-cards .cards .card p {
                            font-size: 14px
                        }

                        #features .tratamentos .container .list-cards .cards .card .list-items .item {
                            gap: 11px
                        }

                            #features .tratamentos .container .list-cards .cards .card .list-items .item img {
                                width: 63px;
                                height: 42px;
                                aspect-ratio: 21/1
                            }

        #features .box-gradient {
            padding-top: 0px;
            padding-bottom: 0;
            height: auto;
            margin-top: 100px
        }

            #features .box-gradient .container {
                padding: 0
            }

                #features .box-gradient .container .ref {
                    padding: 32px 39px
                }

                    #features .box-gradient .container .ref p {
                        max-width: 78%
                    }

                #features .box-gradient .container .box-find {
                    margin-left: 0;
                    top: 0;
                    padding: 101px 63px 63px 38px;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 25px;
                    border-radius: 0;
                    position: relative
                }

                    #features .box-gradient .container .box-find .line {
                        height: 8.547px;
                        width: 100%;
                        background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
                        position: absolute;
                        top: 0;
                        left: 0
                    }

                    #features .box-gradient .container .box-find img {
                        left: 50%;
                        transform: translateX(-50%);
                        top: 0;
                        width: 154px;
                        height: 154px;
                        top: -74px
                    }

                    #features .box-gradient .container .box-find .title p br {
                        display: none
                    }
}

#footer {
    background: url("../img/bg-footer.jpg");
    background-size: cover;
    background-position: bottom;
    padding: 43px 0 39px 0;
    margin-top: -1px
}

    #footer .container .contents .content {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 19px
    }

        #footer .container .contents .content .logo {
            display: flex;
            align-items: center;
            gap: 23px
        }

            #footer .container .contents .content .logo img {
                width: 200px
            }

            #footer .container .contents .content .logo .apoio {
                display: flex;
                flex-direction: row;
                gap: 9px;
                align-items: center
            }

                #footer .container .contents .content .logo .apoio img {
                    border-radius: 9px
                }

                #footer .container .contents .content .logo .apoio p {
                    color: #fff;
                    font-size: .87rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

        #footer .container .contents .content .menu-footer {
            display: flex;
            gap: 37px
        }

            #footer .container .contents .content .menu-footer ul {
                list-style: none;
                display: flex;
                align-items: center;
                gap: 40px;
                margin-bottom: 0
            }

                #footer .container .contents .content .menu-footer ul li {
                    color: #fff;
                    font-size: .75rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

                    #footer .container .contents .content .menu-footer ul li a {
                        color: #fff;
                        text-decoration: none;
                        padding-bottom: 3px;
                        transition: .3s all
                    }

                        #footer .container .contents .content .menu-footer ul li a:hover {
                            border-bottom: 1px solid #fff
                        }

            #footer .container .contents .content .menu-footer .btn-white {
                display: flex;
                padding: 10px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                border-radius: 8px;
                background: #fff
            }

                #footer .container .contents .content .menu-footer .btn-white p {
                    color: #283d90;
                    font-size: .75rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

    #footer .container .contents .logo-orgs {
        border-radius: 9px
    }

.rodapes {
    margin-top: 0px;
    padding-bottom: 27px;
    background-color: #fff
}

    .rodapes .container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 20px
    }

        .rodapes .container p {
            font-weight: 400;
            color: #283d90;
            font-size: .75rem
        }

@media(max-width: 1200px) {
    #footer .container .contents .content {
        align-items: center;
        justify-content: space-between
    }

        #footer .container .contents .content .logo {
            align-items: center
        }

        #footer .container .contents .content .menu-footer {
            flex-direction: column;
            gap: 20px
        }

            #footer .container .contents .content .menu-footer ul {
                padding-left: 0px;
                gap: 20px
            }
}

@media(max-width: 990px) {
    #footer {
        padding: 43px 0 73px 0
    }

        #footer .container .contents {
            display: flex;
            flex-direction: row;
            align-items: flex-end
        }

            #footer .container .contents .logo-orgs {
                height: -moz-fit-content;
                height: fit-content
            }

            #footer .container .contents .content {
                flex-direction: column;
                align-items: flex-start;
                margin-bottom: 0
            }
}

@media(max-width: 568px) {
    #footer {
        padding: 0px 0 39px 0;
        background: url("../img/bg-footer-mb.jpg");
        background-size: cover;
        background-position: bottom
    }

        #footer .container {
            padding: 0
        }

            #footer .container .contents {
                padding: 22px 40px 1px 40px;
                flex-direction: column;
                align-items: flex-start;
                gap: 20px
            }

                #footer .container .contents .content {
                    flex-direction: column;
                    align-items: flex-start
                }

                    #footer .container .contents .content .menu-footer {
                        flex-direction: column;
                        margin-top: 27px
                    }

                        #footer .container .contents .content .menu-footer .btn-white {
                            width: -moz-fit-content;
                            width: fit-content
                        }

                        #footer .container .contents .content .menu-footer ul {
                            flex-wrap: wrap;
                            padding-left: 0;
                            gap: 13px
                        }

                            #footer .container .contents .content .menu-footer ul li {
                                flex: 1 1 calc(50% - 20px)
                            }

                    #footer .container .contents .content .logo {
                        flex-direction: column;
                        align-items: flex-start;
                    }

    #footer {
        flex-direction: column;
        align-items: flex-start;
        background-color: #283D90;
    }

    .rodapes {
        margin-top: 1px !important;
        padding-top: 30px;
    }

        .rodapes .container {
            justify-content: center !important;
        }
}

#hero-single {
    padding-top: 170px
}

    #hero-single .container {
        display: flex;
        align-items: flex-start;
        gap: 112px
    }

        #hero-single .container .title {
            margin-bottom: 55px
        }

            #hero-single .container .title h1 {
                color: #283d90;
                font-family: "Inter Tight";
                font-size: 3.47rem;
                font-style: normal;
                font-weight: 400;
                line-height: 100.576%;
                margin-bottom: 23px
            }

                #hero-single .container .title h1 span {
                    color: #8ec046;
                    font-weight: 700
                }

            #hero-single .container .title p {
                color: #283d90;
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

            #hero-single .container .title .btn-default {
                margin-top: 24px;
                display: flex;
                padding: 11.232px;
                justify-content: center;
                align-items: center;
                gap: 11.232px;
                border-radius: 8.986px;
                background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
                text-decoration: none;
                width: -moz-fit-content;
                width: fit-content
            }

                #hero-single .container .title .btn-default p {
                    color: #fff;
                    font-size: .84rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

        #hero-single .container .content {
            width: 40%;
            margin-top: 15px
        }

            #hero-single .container .content p {
                color: #616161;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

                #hero-single .container .content p b {
                    font-weight: 700
                }

    #hero-single .image .line {
        height: 11px;
        width: 100%;
        background: #283d90
    }

    #hero-single .image img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #hero-single .image .box-gradient {
        height: 144.555px;
        width: 100%;
        background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%)
    }

    #hero-single .image .container-left {
        background: #283d90;
        width: 42%;
        border-radius: 0px 8px 8px 0px;
        font-family: "Inter Tight", serif;
        position: absolute;
        bottom: -160px
    }

        #hero-single .image .container-left .line {
            width: 8.547px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            background: linear-gradient(180deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%)
        }

        #hero-single .image .container-left .info {
            padding: 28px 42px 28px 0;
            color: #fff
        }

            #hero-single .image .container-left .info p {
                margin-bottom: 20px
            }

                #hero-single .image .container-left .info p:last-child {
                    margin-bottom: 0
                }

@media(max-width: 1400px) {
    #hero-single .container {
        gap: 80px
    }

    #hero-single .image .container-left {
        width: 46%;
        bottom: -137px
    }
}

@media(max-width: 1200px) {
    #hero-single .container .title br {
        display: none
    }

    #hero-single .container .content {
        width: 67%;
        margin-top: 0
    }

    #hero-single .image .container-left {
        width: 74%;
        bottom: -94px
    }

        #hero-single .image .container-left .info br {
            display: none
        }
}

@media(max-width: 990px) {
    #hero-single .container {
        flex-direction: column;
        gap: 0px;
        margin-bottom: 40px
    }

        #hero-single .container .title {
            margin-bottom: 34px
        }

        #hero-single .container .content {
            width: 100%
        }

            #hero-single .container .content br:nth-child(2) {
                display: none
            }

    #hero-single .image .container-left {
        padding-right: 0;
        bottom: -141px
    }
}

@media(max-width: 568px) {
    #hero-single {
        position: relative;
        padding-top: 142px
    }

        #hero-single .container {
            flex-direction: column;
            padding: 0 25px;
            gap: 0px;
            margin-bottom: 53px
        }

            #hero-single .container .title {
                margin-bottom: 20px
            }

                #hero-single .container .title br {
                    display: none
                }

                #hero-single .container .title h1 {
                    font-size: 40.381px
                }

                #hero-single .container .title p {
                    font-size: 1rem
                }

            #hero-single .container .content {
                width: 100%
            }

                #hero-single .container .content br:nth-child(2) {
                    display: none
                }

        #hero-single .image .line {
            display: none
        }

        #hero-single .image .box-gradient {
            height: 327.558px;
            border-bottom: 13px solid #283d90
        }

        #hero-single .image img {
            height: 261.287px;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: -319px;
            object-position: -319px
        }

        #hero-single .image .container-left {
            width: 94%;
            bottom: 39px
        }

            #hero-single .image .container-left .line {
                display: block
            }

            #hero-single .image .container-left .info {
                position: relative;
                padding: 23px 28px 36px 38px
            }

                #hero-single .image .container-left .info br {
                    display: none
                }
}

#about-single {
    padding: 28px 0
}

    #about-single .container-left {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 40px
    }

        #about-single .container-left .content {
            flex: 1 1 calc(60% - 40px)
        }

            #about-single .container-left .content h3 {
                color: #8ec046;
                font-size: 2rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                margin-bottom: 31px
            }

            #about-single .container-left .content h6 {
                color: #283d90;
                font-size: 1rem;
                font-style: normal;
                font-weight: 700;
                line-height: 125%;
                margin-bottom: 13px
            }

            #about-single .container-left .content .referencia {
                color: #616161;
                font-size: .67rem !important;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                margin-top: 13px
            }

            #about-single .container-left .content p {
                color: #616161;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%;
                margin-bottom: 20px
            }

        #about-single .container-left .image {
            flex: 1 1 calc(40% - 40px)
        }

            #about-single .container-left .image img {
                border-radius: 24px 0px 0px 24px;
                width: 100%
            }

@media(max-width: 1400px) {
    #about-single .container-left .image {
        flex: 1 1 calc(48% - 40px)
    }
}

@media(max-width: 990px) {
    #about-single .container-left {
        flex-direction: column;
        display: flex;
        gap: 11px
    }

        #about-single .container-left .image {
            flex: unset;
            width: 100%
        }
}

@media(max-width: 568px) {
    #about-single {
        padding: 28px 0 0 0
    }

        #about-single .container-left {
            flex-direction: column;
            gap: 5px
        }

            #about-single .container-left .content {
                padding: 0 30px
            }

                #about-single .container-left .content br {
                    display: none
                }

                #about-single .container-left .content h3 {
                    font-size: 24px;
                    margin-bottom: 6px
                }

            #about-single .container-left .image {
                height: 331px;
                overflow: hidden;
                flex: unset;
                width: 100%;
                position: relative
            }

                #about-single .container-left .image .img-about-single {
                    -o-object-fit: cover;
                    object-fit: cover;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 110%;
                    height: 100%;
                    border-radius: 0px
                }
}

#sinais .box-gradient {
    padding: 33px 0;
    background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
    margin-top: 35px
}

    #sinais .box-gradient .container {
        display: flex;
        align-items: center;
        gap: 75px
    }

        #sinais .box-gradient .container h3 {
            color: #fff;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-right: 16px;
            font-family: "Inter Tight", serif
        }

#sinais .box-features .container .box-feature {
    border-radius: 0px 0px 24px 24px;
    background: #fff;
    padding: 52px 93px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px 70px
}

    #sinais .box-features .container .box-feature .referencia {
        color: #616161;
        font-size: .67rem;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        margin-top: 10px
    }

    #sinais .box-features .container .box-feature .item {
        flex: 1 1 calc(50% - 70px);
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 27px
    }

        #sinais .box-features .container .box-feature .item img {
            width: 68px;
            aspect-ratio: 21/18
        }

        #sinais .box-features .container .box-feature .item p {
            color: #616161;
            font-size: 1.2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%
        }

    #sinais .box-features .container .box-feature .top {
        align-items: flex-start
    }

#sinais .list-cards {
    margin-top: 42px;
    display: flex;
    justify-content: center;
    max-width: 85%;
    gap: 37px
}

    #sinais .list-cards .cards {
        display: flex;
        flex-direction: column;
        gap: 37px;
        width: 100%;
        flex: 1 1 calc(50% - 37px)
    }

        #sinais .list-cards .cards .card {
            border: none;
            border-radius: 24px;
            background: #fff;
            padding: 30px 24px 30px 24px;
            width: 100%;
            height: -moz-fit-content;
            height: fit-content
        }

            #sinais .list-cards .cards .card h4 {
                color: #283d90;
                font-family: "Inter Tight", serif;
                font-size: 1.48rem;
                font-style: normal;
                font-weight: 400;
                line-height: 125%
            }

                #sinais .list-cards .cards .card h4 sup {
                    font-size: .9rem;
                    top: -0.6rem
                }

            #sinais .list-cards .cards .card ul {
                margin-top: 10px;
                margin-bottom: 0
            }

                #sinais .list-cards .cards .card ul li {
                    color: #616161;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%
                }

        #sinais .list-cards .cards .referencia {
            color: #616161;
            font-size: .67rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-top: -15px
        }

@media(max-width: 1400px) {
    #sinais .box-features .container .box-feature .item {
        gap: 23px
    }

        #sinais .box-features .container .box-feature .item br {
            display: none
        }
}

@media(max-width: 1200px) {
    #sinais .list-cards {
        max-width: 100%
    }
}

@media(max-width: 990px) {
    #sinais .box-features .container .box-feature {
        flex-direction: column
    }

    #sinais .list-cards {
        gap: 15px
    }

        #sinais .list-cards .cards {
            gap: 15px
        }

            #sinais .list-cards .cards .referencia {
                margin-top: 20px
            }
}

@media(max-width: 568px) {
    #sinais .box-gradient {
        margin-top: 0;
        padding: 35px
    }

        #sinais .box-gradient .container h3 {
            font-size: 24px
        }

    #sinais .box-features .container {
        padding: 0 25px
    }

        #sinais .box-features .container .box-feature {
            padding: 40px 22px;
            gap: 19px;
            flex-direction: column
        }

            #sinais .box-features .container .box-feature .item img {
                width: 58px
            }

            #sinais .box-features .container .box-feature .item p {
                font-size: 14.837px
            }

                #sinais .box-features .container .box-feature .item p br {
                    display: none
                }

        #sinais .box-features .container .list-cards {
            flex-direction: column;
            max-width: 100%;
            margin-top: 18px
        }

            #sinais .box-features .container .list-cards .cards {
                gap: 13px
            }

                #sinais .box-features .container .list-cards .cards .referencia {
                    margin-top: 43px;
                    margin-bottom: 61px
                }

                #sinais .box-features .container .list-cards .cards .card br {
                    display: none
                }
}

#exames .box-gradient {
    padding: 33px 0;
    background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
    margin-top: 35px
}

    #exames .box-gradient .container {
        display: flex;
        align-items: center;
        gap: 75px
    }

        #exames .box-gradient .container h3 {
            color: #fff;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-right: 16px;
            font-family: "Inter Tight", serif
        }

#exames .container-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 44px;
    margin: 42px 0
}

    #exames .container-left .content {
        flex: 1 1 calc(57% - 40px)
    }

        #exames .container-left .content h3 {
            color: #8ec046;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 31px
        }

        #exames .container-left .content h6 {
            color: #283d90;
            font-size: 1rem;
            font-style: normal;
            font-weight: 700;
            line-height: 125%;
            margin-bottom: 13px
        }

        #exames .container-left .content ul {
            color: #616161
        }

            #exames .container-left .content ul li {
                font-size: .87rem
            }

        #exames .container-left .content .referencia {
            color: #616161;
            font-size: .67rem !important;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-top: 13px
        }

        #exames .container-left .content p {
            color: #616161;
            line-height: 125%;
            font-size: .87rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 20px
        }

    #exames .container-left .image {
        flex: 1 1 calc(46% - 40px)
    }

        #exames .container-left .image img {
            border-radius: 24px 0px 0px 24px;
            width: 100%
        }

@media(max-width: 1400px) {
    #exames .container-left .image {
        flex: 1 1 calc(59% - 40px)
    }
}

@media(max-width: 990px) {
    #exames .container-left {
        flex-direction: column;
        gap: 12px
    }

        #exames .container-left .image {
            flex: unset;
            width: 100%
        }
}

@media(max-width: 568px) {
    #exames .box-gradient {
        margin-top: 0px;
        padding: 35px
    }

        #exames .box-gradient .container h3 {
            font-size: 24px
        }

    #exames .container-left {
        flex-direction: column;
        gap: 15px;
        margin: 0
    }

        #exames .container-left .content {
            padding: 0 25px;
            margin-top: 44px
        }

            #exames .container-left .content p {
                font-size: .95rem
            }

        #exames .container-left .image {
            height: 285px;
            overflow: hidden;
            position: relative;
            width: 100%;
            flex: unset
        }

            #exames .container-left .image img {
                width: 110%;
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: 20px;
                object-position: 20px;
                -o-object-position: -43px;
                object-position: -43px;
                border-radius: 0px
            }
}

#triagem .box-gradient {
    padding: 33px 0;
    background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
    margin-top: 35px
}

    #triagem .box-gradient .container {
        display: flex;
        align-items: center;
        gap: 75px;
        margin-bottom: 0
    }

        #triagem .box-gradient .container h3 {
            color: #fff;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-right: 16px;
            font-family: "Inter Tight", serif
        }

#triagem .container-left {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 91px;
    margin: 42px 0 0 0
}

    #triagem .container-left .content {
        flex: 1 1 calc(44% - 91px)
    }

        #triagem .container-left .content h3 {
            color: #8ec046;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 31px
        }

        #triagem .container-left .content h6 {
            color: #283d90;
            font-size: 1rem;
            font-style: normal;
            font-weight: 700;
            line-height: 125%;
            margin-bottom: 13px
        }

        #triagem .container-left .content ul {
            color: #616161
        }

            #triagem .container-left .content ul li {
                margin-bottom: 20px;
                font-size: .87rem;
                line-height: 125%
            }

        #triagem .container-left .content p {
            color: #616161;
            font-size: .87rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 20px
        }

    #triagem .container-left .image {
        flex: 1 1 calc(54% - 91px)
    }

        #triagem .container-left .image img {
            border-radius: 24px 0px 0px 24px;
            width: 100%
        }

#triagem .container {
    margin-bottom: 64px
}

    #triagem .container .referencia {
        color: #616161;
        font-size: .67rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        margin-top: 13px
    }

@media(max-width: 990px) {
    #triagem .container-left {
        flex-direction: column;
        gap: 20px
    }
}

@media(max-width: 568px) {
    #triagem .box-gradient {
        margin-top: 0px;
        padding: 35px
    }

        #triagem .box-gradient .container h3 {
            font-size: 24px
        }

    #triagem .container {
        padding: 0;
        margin-bottom: 20px
    }

        #triagem .container .referencia {
            margin-top: 0px
        }

    #triagem .container-left {
        flex-direction: column;
        gap: 9px
    }

        #triagem .container-left .content {
            padding: 0 25px
        }

            #triagem .container-left .content p {
                font-size: .95rem
            }

        #triagem .container-left .image {
            height: 341px;
            position: relative;
            overflow: hidden;
            flex: unset;
            width: 100%
        }

            #triagem .container-left .image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                position: absolute;
                top: 0;
                left: 0;
                -o-object-position: -219px;
                object-position: -219px;
                border-radius: 0px
            }
}

#blog .container-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 93px
}

    #blog .container-left .content {
        flex: 1 1 calc(30% - 93px)
    }

        #blog .container-left .content h3 {
            color: #283d90;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 29px
        }

        #blog .container-left .content p {
            color: #616161;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 15px
        }

    #blog .container-left .list-blog {
        display: flex;
        flex: 1 1 calc(70% - 93px);
        position: relative;
        padding-bottom: 55px
    }

        #blog .container-left .list-blog .card {
            background: rgba(0, 0, 0, 0);
            border: none
        }

            #blog .container-left .list-blog .card .image {
                border-radius: 24px 24px 0px 0px;
                position: relative;
                overflow: hidden;
                height: 194px
            }

                #blog .container-left .list-blog .card .image img {
                    width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0
                }

            #blog .container-left .list-blog .card .box-body {
                padding: 8px 12px 14px 12px;
                border-radius: 0 0 24px 24px;
                background: #cccec9;
                font-family: "Inter Tight", serif;
                height: 137px;
                display: flex;
                flex-direction: column;
                justify-content: flex-end
            }

                #blog .container-left .list-blog .card .box-body h4 {
                    color: #283d90;
                    font-size: 1.62rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%;
                    letter-spacing: -0.52px;
                    margin-bottom: 9px
                }

                    #blog .container-left .list-blog .card .box-body h4 b {
                        font-weight: 700
                    }

                #blog .container-left .list-blog .card .box-body .actions {
                    display: flex;
                    align-items: flex-start;
                    justify-content: space-between
                }

                    #blog .container-left .list-blog .card .box-body .actions p {
                        color: #283d90;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 125%;
                        max-width: 85%
                    }

#blog .container {
    position: relative
}

    #blog .container .pagination {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: absolute;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 40px;
        gap: 37px
    }

        #blog .container .pagination .line {
            width: 100%;
            height: 1px;
            background: rgba(40, 61, 144, .15)
        }

        #blog .container .pagination .group {
            width: auto;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20px
        }

            #blog .container .pagination .group .swiper-button-prev,
            #blog .container .pagination .group .swiper-button-next {
                position: relative;
                left: unset;
                right: unset;
                top: unset;
                display: unset
            }

                #blog .container .pagination .group .swiper-button-prev:after,
                #blog .container .pagination .group .swiper-button-next:after {
                    content: ""
                }

@media(max-width: 1400px) {
    #blog .container-left {
        gap: 70px
    }

        #blog .container-left .list-blog .card .image img {
            height: 100%
        }

        #blog .container-left .list-blog .card .box-body {
            height: 172px
        }

        #blog .container-left .content br {
            display: none
        }
}

@media(max-width: 1200px) {
    #blog .container-left {
        gap: 47px
    }

        #blog .container-left .list-blog .card .box-body {
            height: 142px
        }
}

@media(max-width: 990px) {
    #blog .container-left {
        flex-direction: column;
        gap: 15px
    }

        #blog .container-left .list-blog {
            flex: unset;
            width: 100%
        }
}

@media(max-width: 568px) {
    #blog .container .pagination {
        width: 90%;
        bottom: -52px
    }

    #blog .container-left {
        flex-direction: column;
        gap: 32px
    }

        #blog .container-left .content {
            flex: unset;
            width: 100%;
            padding: 0 25px
        }

        #blog .container-left .list-blog {
            flex: unset;
            width: 100%;
            padding: 0 25px
        }

            #blog .container-left .list-blog .card .image img {
                height: 100%
            }

            #blog .container-left .list-blog .card .box-body .actions {
                align-items: flex-end
            }
}

#tipos {
    padding-top: 64px
}

    #tipos .container .content {
        max-width: 45%;
        padding-bottom: 17px
    }

        #tipos .container .content h3 {
            color: #283d90;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 29px
        }

        #tipos .container .content p {
            color: #616161;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 15px
        }

        #tipos .container .content .referencia {
            color: #616161;
            font-size: .67rem !important;
            font-style: normal;
            font-weight: 400;
            line-height: 125%;
            margin-top: 13px
        }

@media(max-width: 990px) {
    #tipos .container .content {
        max-width: 100%
    }
}

@media(max-width: 568px) {
    #tipos {
        padding-top: 80px
    }

        #tipos .container {
            padding: 0 25px
        }

            #tipos .container .content {
                width: 100%;
                max-width: 100%
            }
}

#principais-tratamentos {
    margin-top: 27px
}

    #principais-tratamentos .container {
        font-family: "Inter Tight", serif
    }

        #principais-tratamentos .container .title h3 {
            color: #8ec046;
            font-family: "Inter Tight", serif;
            font-size: 2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 125%
        }

        #principais-tratamentos .container .box {
            border-radius: 24px;
            background: #fff;
            padding: 54px 78px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 22px;
            margin-top: 19px
        }

            #principais-tratamentos .container .box img {
                width: 100%;
                border-radius: 16px
            }

            #principais-tratamentos .container .box .content {
                display: flex;
                flex-direction: column;
                gap: 22px;
                align-items: flex-start;
                justify-content: center
            }

                #principais-tratamentos .container .box .content h4 {
                    color: #283d90;
                    font-size: 1.48rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%
                }

                #principais-tratamentos .container .box .content p {
                    color: #616161;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 142%
                }

                #principais-tratamentos .container .box .content ul {
                    margin-bottom: 0
                }

                    #principais-tratamentos .container .box .content ul li {
                        color: #616161;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 142%
                    }

                #principais-tratamentos .container .box .content a {
                    border-radius: 8px;
                    background: #8ec046;
                    padding: 10px;
                    text-decoration: none;
                    width: -moz-fit-content;
                    width: fit-content;
                    display: flex
                }

                    #principais-tratamentos .container .box .content a p {
                        color: #fff;
                        font-family: "Inter", sans-serif;
                        font-size: .75rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                        text-transform: uppercase;
                        margin-bottom: 0
                    }

                #principais-tratamentos .container .box .content .referencia {
                    color: #616161;
                    font-size: .67rem !important;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%
                }

        #principais-tratamentos .container .list-cards {
            display: flex;
            gap: 15px;
            margin-top: 33px
        }

            #principais-tratamentos .container .list-cards .cards {
                flex: 1 1 calc(50% - 15px)
            }

                #principais-tratamentos .container .list-cards .cards .card {
                    font-family: "Inter Tight", serif;
                    border-radius: 24px;
                    background: #fff;
                    display: flex;
                    padding: 54px 78px;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                    gap: 10px;
                    border: none
                }

                    #principais-tratamentos .container .list-cards .cards .card h4 {
                        color: #283d90;
                        font-size: 1.48rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 125%
                    }

                    #principais-tratamentos .container .list-cards .cards .card p {
                        color: #616161;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 142%
                    }

                #principais-tratamentos .container .list-cards .cards .referencia {
                    color: #616161;
                    font-size: .67rem !important;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 125%;
                    margin-top: 29px;
                    padding-left: 35px
                }

@media(max-width: 990px) {
    #principais-tratamentos .container .list-cards {
        flex-direction: column
    }
}

@media(max-width: 568px) {
    #principais-tratamentos {
        margin-top: 35px
    }

        #principais-tratamentos .container {
            padding: 0 25px
        }

            #principais-tratamentos .container .title h3 {
                font-size: 1.7rem
            }

            #principais-tratamentos .container .box {
                padding: 32px
            }

                #principais-tratamentos .container .box img {
                    height: 259px;
                    -o-object-fit: cover;
                    object-fit: cover
                }

                #principais-tratamentos .container .box .content a p {
                    text-align: center
                }

            #principais-tratamentos .container .list-cards {
                flex-direction: column;
                margin-top: 14px
            }

                #principais-tratamentos .container .list-cards .cards .referencia {
                    padding-left: 0px
                }

                #principais-tratamentos .container .list-cards .cards .card {
                    padding: 32px
                }
}

#faixa {
    padding: 10px 0;
    background: linear-gradient(90deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
    margin-top: 29px
}

    #faixa .container p {
        color: #fbfbfc;
        font-family: "Inter Tight", serif;
        font-size: .67rem;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        padding-left: 41px
    }

@media(max-width: 568px) {
    #faixa {
        padding: 0
    }

        #faixa .container {
            padding: 32px 39px
        }

            #faixa .container p {
                padding-left: 0px;
                font-size: 12px
            }
}

#login {
    background: url("../img/bg-login.jpg");
    background-size: cover;
    background-position: bottom;
    height: 775px
}

    #login .container {
        position: relative
    }

        #login .container .content {
            position: absolute;
            top: 35px
        }

            #login .container .content .btn-back {
                border-radius: 8.986px;
                border: 1.123px solid #fff;
                padding: 11.232px;
                display: flex;
                width: -moz-fit-content;
                width: fit-content;
                margin-bottom: 30px
            }

                #login .container .content .btn-back p {
                    color: #fff;
                    font-family: "Inter", sans-serif;
                    font-size: .84rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal
                }

            #login .container .content .form {
                background: #fbfbfc;
                border-radius: 24px;
                font-family: "Raleway", sans-serif;
                width: -moz-fit-content;
                width: fit-content
            }

                #login .container .content .form .logo {
                    padding: 32px 55px 31px 44px
                }

                    #login .container .content .form .logo img {
                        width: 318px
                    }

                    #login .container .content .form .logo .tag {
                        border-radius: 6.27px;
                        background: #8ec046;
                        display: flex;
                        padding: 5.84px 17.243px;
                        justify-content: center;
                        align-items: center;
                        gap: 7.838px;
                        width: -moz-fit-content;
                        width: fit-content;
                        margin-bottom: 31px
                    }

                        #login .container .content .form .logo .tag p {
                            color: #fff;
                            font-size: .68rem;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                            text-transform: uppercase;
                            font-family: "Montserrat", sans-serif
                        }

                #login .container .content .form .divisor {
                    display: flex;
                    align-items: center;
                    gap: 10px
                }

                    #login .container .content .form .divisor .line {
                        height: 1px;
                        background: #eaeaea;
                        width: 100%
                    }

                        #login .container .content .form .divisor .line:first-child {
                            width: 10%
                        }

                    #login .container .content .form .divisor p {
                        color: #283d90;
                        font-size: .87rem;
                        font-style: normal;
                        font-weight: 300;
                        line-height: normal;
                        width: 50%
                    }

                #login .container .content .form form {
                    padding: 24px 47px 38px 47px;
                    display: flex;
                    flex-direction: column;
                    gap: 15px
                }

                    #login .container .content .form form h3 {
                        color: #8ec046;
                        font-family: Raleway;
                        font-size: 1.76rem;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        margin-bottom: -3px
                    }

                    #login .container .content .form form input[type=number]::-webkit-outer-spin-button,
                    #login .container .content .form form input[type=number]::-webkit-inner-spin-button {
                        -webkit-appearance: none;
                        margin: 0
                    }

                    #login .container .content .form form input[type=number] {
                        -moz-appearance: textfield
                    }

                    #login .container .content .form form input,
                    #login .container .content .form form select {
                        border-radius: 9.427px;
                        border: 1.178px solid #cacaca;
                        background: #f8f8f8;
                        height: 50px;
                        width: 100%;
                        padding: 0 25px;
                        color: #283d90;
                        font-size: 1.17rem;
                        font-style: normal;
                        font-weight: 300;
                        line-height: normal
                    }

                        #login .container .content .form form input:focus-visible,
                        #login .container .content .form form select:focus-visible {
                            outline-offset: 0px;
                            outline: none
                        }

                        #login .container .content .form form input::-moz-placeholder,
                        #login .container .content .form form select::-moz-placeholder {
                            color: #283d90;
                            font-size: 1.17rem;
                            font-style: normal;
                            font-weight: 300;
                            line-height: normal
                        }

                        #login .container .content .form form input::placeholder,
                        #login .container .content .form form select::placeholder {
                            color: #283d90;
                            font-size: 1.17rem;
                            font-style: normal;
                            font-weight: 300;
                            line-height: normal
                        }

                    #login .container .content .form form .group-input {
                        display: flex;
                        gap: 15px
                    }

                        #login .container .content .form form .group-input input {
                            flex: 1 1 calc(77% - 15px)
                        }

                        #login .container .content .form form .group-input select {
                            flex: 1 1 calc(23% - 15px);
                            padding: 0 13px 0 25px
                        }

                    #login .container .content .form form label {
                        display: flex;
                        align-items: center;
                        gap: 15px
                    }

                        #login .container .content .form form label input[type=checkbox] {
                            width: 23px;
                            height: 23px;
                            border-radius: 5px;
                            accent-color: #8ec046
                        }

                        #login .container .content .form form label p {
                            color: #283d90;
                            font-size: .87rem;
                            font-style: normal;
                            font-weight: 300;
                            line-height: normal;
                            line-height: 1;
                            max-width: 318px;
                        }

                    #login .container .content .form form button {
                        width: -moz-fit-content;
                        width: fit-content;
                        padding: 0 20px;
                        height: 48px;
                        border: none;
                        border-radius: 5px;
                        background-color: #8ec046;
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        margin-top: 11px
                    }

                        #login .container .content .form form button p {
                            color: #fff;
                            text-transform: uppercase;
                            font-size: .8rem
                        }

                        #login .container .content .form form button img {
                            width: 13px
                        }

@media(max-width: 568px) {
    #login {
        height: 100vh;
        background-size: cover;
        background-position: 81% 14%
    }

        #login .container {
            padding: 0 20px
        }

            #login .container .content {
                left: 0;
                position: relative
            }

                #login .container .content .btn-back {
                    margin-bottom: 21px
                }

                #login .container .content .form .logo {
                    padding: 32px 32px 31px 32px
                }

                    #login .container .content .form .logo .tag {
                        margin-bottom: 19px
                    }

                    #login .container .content .form .logo img {
                        width: 100%
                    }

                #login .container .content .form .divisor p {
                    width: 58%
                }

                #login .container .content .form form {
                    gap: 10px;
                    padding: 24px 32px 32px 32px
                }

                    #login .container .content .form form label p {
                        font-size: .8rem
                    }

                    #login .container .content .form form h3 {
                        font-size: 18.615px
                    }

                    #login .container .content .form form .group-input select {
                        padding: 0 13px 0 9px
                    }

                    #login .container .content .form form input,
                    #login .container .content .form form select {
                        height: 45.574px;
                        padding: 0 20px
                    }

                        #login .container .content .form form input::-moz-placeholder,
                        #login .container .content .form form select::-moz-placeholder {
                            font-size: 14.415px
                        }

                        #login .container .content .form form input::placeholder,
                        #login .container .content .form form select::placeholder {
                            font-size: 14.415px
                        }

                    #login .container .content .form form button {
                        height: 43px
                    }

                        #login .container .content .form form button img {
                            width: 10px
                        }
}

.rodape {
    margin-top: 0px;
    padding-bottom: 27px;
    background-color: #fff
}

    .rodape .container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 20px
    }

        .rodape .container p {
            font-weight: 400;
            color: #283d90;
            font-size: .75rem
        }

@media(max-width: 568px) {
    .rodape {
        margin-top: -14px !important
    }
}

/*# sourceMappingURL=application.css.map */

p a {
    color: #616161;
}

#features .box {
    margin: 40px 0 20px;
    background: #8EC046;
    padding: 30px;
    max-width: 85%;
    border-radius: 0px 10px 10px 0px;
    position: relative;
}

    #features .box::before {
        background: linear-gradient(180deg, #283D90 0%, #24A48F 54.5%, #8EC046 100%);
        content: '';
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 9px;
        z-index: 99;
    }

    #features .box .title h3 {
        color: #ffff;
        font-size: 16px;
        font-weight: 700;
        margin: 0;
    }

    #features .box .text {
        margin-top: 15px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

        #features .box .text p {
            color: #fff;
        }

.search-engine {
    padding: 180px 0 70px;
}

#navbar {
    z-index: 9999;
}

#jornada .container .referencias {
    color: #616161;
    font-size: .67rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: 38px;
}

#jornada .box-gradient .container .group-buttons {
    display: flex;
    gap: 20px;
}

#features .tratamentos .container .referencia {
    color: #616161;
    font-size: .67rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: 20px;
}

#hero-single .image .container-left .info p {
    line-height: 18px;
}

#hero-single .image .container-left {
    bottom: -120px;
}

#populacao .diagnostico .fonte p {
    word-break: break-all;
}

#features .box .text {
    flex-direction: column;
}

.standard {
    padding: 120px 0 30px;
}

    .standard p {
        margin: 20px 0;
    }

.referencias,
.referencia {
    word-break: break-all;
}

#features .box .text {
    flex-direction: row;
}

    #features .box .text .group-buttons {
        display: flex;
        gap: 10px;
        flex-direction: row;
    }

@media (max-width: 600px) {
    #features .box .text {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 600px) {
    #jornada .container .referencias {
        margin-bottom: 20px;
    }

    #features .tratamentos .container .referencia {
        padding: 0 24px;
    }
}

.owl-dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
}

#jornada .contents .image .box {
    margin-top: 0;
}

.map-container {
    position: relative;
    width: 100%;
    height: 600px;
    display: none;
    transition: height 0.5s ease-in-out;
}

#map {
    width: 100%;
    height: 100%;
}

.card {
    border: unset;
    background: white;
    padding: 15px;
    margin: 10px 0;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

    .card h4 {
        font-size: 18px;
        color: #283d90;
    }

    .card p, .card li {
        font-size: 14px;
    }

#principais-tratamentos .container .box .content a {
    border-radius: 0;
    background: transparent;
    padding: 0;
    text-decoration: none;
    width: -moz-fit-content;
    width: auto;
    display: unset;
}

@media(max-width: 1200px) {
    #features .box .text .group-buttons {
        display: grid;
    }
}

@media(max-width: 1400px) {
    #features .box {
        max-width: 100%;
    }
}